js/shoelace
1
0
Fork 0
mirror of https://github.com/shoelace-style/shoelace.git synced 2026-01-12 11:09:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix bug where color picker wouldn't parse uppercase values

Browse Source
This commit is contained in:
Cory LaViska
2020-07-27 07:36:17 -04:00
parent 1bfbd665fa
commit b4dfae2a79
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/color-picker/color-picker.tsx
View File

@@ -396,7 +396,7 @@ export class ColorPicker {
// hex colors when the # is missing. This pre-parser tries to normalize these edge cases to provide a better
// experience for users who type in color values.
//
if (/rgba?/.test(colorString)) {
if (/rgba?/i.test(colorString)) {
const rgba = colorString
.replace(/[^\d.%]/g, ' ')
.split(' ')
@@ -414,7 +414,7 @@ export class ColorPicker {
return `rgba(${rgba[0]}, ${rgba[1]}, ${rgba[2]}, ${rgba[3]})`;
}
if (/hsla?/.test(colorString)) {
if (/hsla?/i.test(colorString)) {
const hsla = colorString
.replace(/[^\d.%]/g, ' ')
.split(' ')
@@ -432,7 +432,7 @@ export class ColorPicker {
return `hsla(${hsla[0]}, ${hsla[1]}, ${hsla[2]}, ${hsla[3]})`;
}
if (/^[0-9a-f]+$/.test(colorString)) {
if (/^[0-9a-f]+$/i.test(colorString)) {
return `#${colorString}`;
}