Fix transparent color (#714)

Co-authored-by: Jefferson Vieira da Silva <[email protected]>
casesandberg · Aug 14, 2020 · 2aa5380 · 2aa5380
1 parent 6da9782
commit 2aa5380
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/helpers/color.js b/src/helpers/color.js
@@ -45,6 +45,9 @@ export const toState = (data, oldHue) => {
 }
 
 export const isValidHex = (hex) => {
+  if (hex === 'transparent') {
+    return true
+  }
   // disable hex4 and hex8
   const lh = (String(hex).charAt(0) === '#') ? 1 : 0
   return hex.length !== (4 + lh) && hex.length < (7 + lh) && tinycolor(hex).isValid()

diff --git a/src/helpers/spec.js b/src/helpers/spec.js
@@ -129,6 +129,10 @@ describe('helpers/color', () => {
       expect(color.isValidHex('FFFFFF')).toBeTruthy()
     })
 
+    test('allow transparent color', () => {
+      expect(color.isValidHex('transparent')).toBeTruthy()
+    })
+
     test('does not allow non-hex characters', () => {
       expect(color.isValidHex('gggggg')).toBeFalsy()
     })