@neo4j-ndl/react 4.3.6 → 4.4.1

package/lib/cjs/code-block/themes/ndl-code-dark.js

@@ -21,102 +21,102 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 const style = {
-    'pre[class*="language-"]': {
-        color: '#d4d4d4',
-        fontSize: 'var(--typography-code-font-size)',
-        fontWeight: 'var(--typography-code-font-weight)',
-        letterSpacing: '0',
-        lineHeight: '1.25rem',
-        textShadow: 'none',
-        fontFamily: 'var(--typography-code-font-family), monospace',
-        direction: 'ltr',
-        textAlign: 'left',
-        whiteSpace: 'pre',
-        wordSpacing: 'normal',
-        wordBreak: 'normal',
+    '.namespace': {
+        opacity: '.7',
+    },
+    boolean: {
+        color: 'var(--code-dark-boolean-literal)',
+    },
+    char: {
+        color: 'var(--code-dark-string-literal)',
+    },
+    'code[class*="language-"]': {
+        MozHyphens: 'none',
         MozTabSize: '4',
         OTabSize: '4',
-        tabSize: '4',
         WebkitHyphens: 'none',
-        MozHyphens: 'none',
-        msHyphens: 'none',
-        hyphens: 'none',
-        padding: '1em',
-        margin: '.5em 0',
-        overflow: 'auto',
-        background: '#1e1e1e',
-    },
-    'code[class*="language-"]': {
         color: '#d4d4d4',
+        direction: 'ltr',
+        fontFamily: 'var(--typography-code-font-family), monospace',
         fontSize: 'var(--typography-code-font-size)',
         fontWeight: 'var(--typography-code-font-weight)',
+        hyphens: 'none',
         letterSpacing: '0',
         lineHeight: '1.25rem',
-        textShadow: 'none',
-        fontFamily: 'var(--typography-code-font-family), monospace',
-        direction: 'ltr',
+        msHyphens: 'none',
+        tabSize: '4',
         textAlign: 'left',
+        textShadow: 'none',
         whiteSpace: 'pre',
-        wordSpacing: 'normal',
         wordBreak: 'normal',
-        MozTabSize: '4',
-        OTabSize: '4',
-        tabSize: '4',
-        WebkitHyphens: 'none',
-        MozHyphens: 'none',
-        msHyphens: 'none',
-        hyphens: 'none',
-    },
-    '.namespace': {
-        opacity: '.7',
+        wordSpacing: 'normal',
     },
     comment: {
         color: 'var(--code-dark-comment)',
     },
-    prolog: {
-        color: 'var(--code-dark-comment)',
+    function: {
+        color: 'var(--code-dark-function)',
     },
-    punctuation: {
-        color: 'var(--code-dark-operator)',
+    'function.maybe-class-name': {
+        color: 'var(--code-dark-function)',
     },
-    property: {
-        color: 'var(--code-dark-property)',
+    italic: {
+        fontStyle: 'italic',
     },
-    boolean: {
-        color: 'var(--code-dark-boolean-literal)',
+    keyword: {
+        color: 'var(--code-dark-keyword)',
     },
-    number: {
-        color: 'var(--code-dark-number-literal)',
+    'keyword.control-flow': {
+        color: 'var(--code-dark-keyword)',
     },
-    string: {
-        color: 'var(--code-dark-string-literal)',
+    'keyword.module': {
+        color: 'var(--code-dark-keyword)',
     },
-    char: {
-        color: 'var(--code-dark-string-literal)',
+    number: {
+        color: 'var(--code-dark-number-literal)',
     },
     operator: {
         color: 'var(--code-dark-operator)',
     },
-    keyword: {
-        color: 'var(--code-dark-keyword)',
-    },
-    'keyword.module': {
-        color: 'var(--code-dark-keyword)',
+    'pre[class*="language-"]': {
+        MozHyphens: 'none',
+        MozTabSize: '4',
+        OTabSize: '4',
+        WebkitHyphens: 'none',
+        background: '#1e1e1e',
+        color: '#d4d4d4',
+        direction: 'ltr',
+        fontFamily: 'var(--typography-code-font-family), monospace',
+        fontSize: 'var(--typography-code-font-size)',
+        fontWeight: 'var(--typography-code-font-weight)',
+        hyphens: 'none',
+        letterSpacing: '0',
+        lineHeight: '1.25rem',
+        margin: '.5em 0',
+        msHyphens: 'none',
+        overflow: 'auto',
+        padding: '1em',
+        tabSize: '4',
+        textAlign: 'left',
+        textShadow: 'none',
+        whiteSpace: 'pre',
+        wordBreak: 'normal',
+        wordSpacing: 'normal',
     },
-    'keyword.control-flow': {
-        color: 'var(--code-dark-keyword)',
+    prolog: {
+        color: 'var(--code-dark-comment)',
     },
-    function: {
-        color: 'var(--code-dark-function)',
+    property: {
+        color: 'var(--code-dark-property)',
     },
-    'function.maybe-class-name': {
-        color: 'var(--code-dark-function)',
+    punctuation: {
+        color: 'var(--code-dark-operator)',
     },
     regex: {
         color: 'var(--code-dark-operator)',
     },
-    italic: {
-        fontStyle: 'italic',
+    string: {
+        color: 'var(--code-dark-string-literal)',
     },
     variable: {
         color: 'var(--code-dark-property)',

package/lib/cjs/code-block/themes/ndl-code-dark.js.map

@@ -1 +1 @@
-{"version":3,"file":"ndl-code-dark.js","sourceRoot":"","sources":["../../../../src/code-block/themes/ndl-code-dark.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,KAAK,GAA2C;IACpD,yBAAyB,EAAE;QACzB,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,oCAAoC;QAChD,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,+CAA+C;QAC3D,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,QAAQ;QACrB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,GAAG;QACZ,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,SAAS;KACtB;IACD,0BAA0B,EAAE;QAC1B,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,oCAAoC;QAChD,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,+CAA+C;QAC3D,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,QAAQ;QACrB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,GAAG;QACZ,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,MAAM;KAChB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,KAAK,EAAE,0BAA0B;KAClC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,0BAA0B;KAClC;IACD,WAAW,EAAE;QACX,KAAK,EAAE,2BAA2B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,2BAA2B;KACnC;IACD,OAAO,EAAE;QACP,KAAK,EAAE,kCAAkC;KAC1C;IACD,MAAM,EAAE;QACN,KAAK,EAAE,iCAAiC;KACzC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,iCAAiC;KACzC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,iCAAiC;KACzC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,2BAA2B;KACnC;IACD,OAAO,EAAE;QACP,KAAK,EAAE,0BAA0B;KAClC;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,0BAA0B;KAClC;IACD,sBAAsB,EAAE;QACtB,KAAK,EAAE,0BAA0B;KAClC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,2BAA2B;KACnC;IACD,2BAA2B,EAAE;QAC3B,KAAK,EAAE,2BAA2B;KACnC;IACD,KAAK,EAAE;QACL,KAAK,EAAE,2BAA2B;KACnC;IACD,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;KACpB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,2BAA2B;KACnC;CACF,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nconst style: { [key: string]: React.CSSProperties } = {\n  'pre[class*=\"language-\"]': {\n    color: '#d4d4d4',\n    fontSize: 'var(--typography-code-font-size)',\n    fontWeight: 'var(--typography-code-font-weight)',\n    letterSpacing: '0',\n    lineHeight: '1.25rem',\n    textShadow: 'none',\n    fontFamily: 'var(--typography-code-font-family), monospace',\n    direction: 'ltr',\n    textAlign: 'left',\n    whiteSpace: 'pre',\n    wordSpacing: 'normal',\n    wordBreak: 'normal',\n    MozTabSize: '4',\n    OTabSize: '4',\n    tabSize: '4',\n    WebkitHyphens: 'none',\n    MozHyphens: 'none',\n    msHyphens: 'none',\n    hyphens: 'none',\n    padding: '1em',\n    margin: '.5em 0',\n    overflow: 'auto',\n    background: '#1e1e1e',\n  },\n  'code[class*=\"language-\"]': {\n    color: '#d4d4d4',\n    fontSize: 'var(--typography-code-font-size)',\n    fontWeight: 'var(--typography-code-font-weight)',\n    letterSpacing: '0',\n    lineHeight: '1.25rem',\n    textShadow: 'none',\n    fontFamily: 'var(--typography-code-font-family), monospace',\n    direction: 'ltr',\n    textAlign: 'left',\n    whiteSpace: 'pre',\n    wordSpacing: 'normal',\n    wordBreak: 'normal',\n    MozTabSize: '4',\n    OTabSize: '4',\n    tabSize: '4',\n    WebkitHyphens: 'none',\n    MozHyphens: 'none',\n    msHyphens: 'none',\n    hyphens: 'none',\n  },\n  '.namespace': {\n    opacity: '.7',\n  },\n  comment: {\n    color: 'var(--code-dark-comment)',\n  },\n  prolog: {\n    color: 'var(--code-dark-comment)',\n  },\n  punctuation: {\n    color: 'var(--code-dark-operator)',\n  },\n  property: {\n    color: 'var(--code-dark-property)',\n  },\n  boolean: {\n    color: 'var(--code-dark-boolean-literal)',\n  },\n  number: {\n    color: 'var(--code-dark-number-literal)',\n  },\n  string: {\n    color: 'var(--code-dark-string-literal)',\n  },\n  char: {\n    color: 'var(--code-dark-string-literal)',\n  },\n  operator: {\n    color: 'var(--code-dark-operator)',\n  },\n  keyword: {\n    color: 'var(--code-dark-keyword)',\n  },\n  'keyword.module': {\n    color: 'var(--code-dark-keyword)',\n  },\n  'keyword.control-flow': {\n    color: 'var(--code-dark-keyword)',\n  },\n  function: {\n    color: 'var(--code-dark-function)',\n  },\n  'function.maybe-class-name': {\n    color: 'var(--code-dark-function)',\n  },\n  regex: {\n    color: 'var(--code-dark-operator)',\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  variable: {\n    color: 'var(--code-dark-property)',\n  },\n};\n\nexport default style;\n"]}
+{"version":3,"file":"ndl-code-dark.js","sourceRoot":"","sources":["../../../../src/code-block/themes/ndl-code-dark.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,KAAK,GAA2C;IACpD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,KAAK,EAAE,kCAAkC;KAC1C;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,iCAAiC;KACzC;IACD,0BAA0B,EAAE;QAC1B,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,GAAG;QACb,aAAa,EAAE,MAAM;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,+CAA+C;QAC3D,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,oCAAoC;QAChD,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,QAAQ;KACtB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,0BAA0B;KAClC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,2BAA2B;KACnC;IACD,2BAA2B,EAAE;QAC3B,KAAK,EAAE,2BAA2B;KACnC;IACD,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;KACpB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,0BAA0B;KAClC;IACD,sBAAsB,EAAE;QACtB,KAAK,EAAE,0BAA0B;KAClC;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,0BAA0B;KAClC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,iCAAiC;KACzC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,2BAA2B;KACnC;IACD,yBAAyB,EAAE;QACzB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,GAAG;QACb,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,SAAS;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,+CAA+C;QAC3D,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,oCAAoC;QAChD,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,QAAQ;KACtB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,0BAA0B;KAClC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,2BAA2B;KACnC;IACD,WAAW,EAAE;QACX,KAAK,EAAE,2BAA2B;KACnC;IACD,KAAK,EAAE;QACL,KAAK,EAAE,2BAA2B;KACnC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,iCAAiC;KACzC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,2BAA2B;KACnC;CACF,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nconst style: { [key: string]: React.CSSProperties } = {\n  '.namespace': {\n    opacity: '.7',\n  },\n  boolean: {\n    color: 'var(--code-dark-boolean-literal)',\n  },\n  char: {\n    color: 'var(--code-dark-string-literal)',\n  },\n  'code[class*=\"language-\"]': {\n    MozHyphens: 'none',\n    MozTabSize: '4',\n    OTabSize: '4',\n    WebkitHyphens: 'none',\n    color: '#d4d4d4',\n    direction: 'ltr',\n    fontFamily: 'var(--typography-code-font-family), monospace',\n    fontSize: 'var(--typography-code-font-size)',\n    fontWeight: 'var(--typography-code-font-weight)',\n    hyphens: 'none',\n    letterSpacing: '0',\n    lineHeight: '1.25rem',\n    msHyphens: 'none',\n    tabSize: '4',\n    textAlign: 'left',\n    textShadow: 'none',\n    whiteSpace: 'pre',\n    wordBreak: 'normal',\n    wordSpacing: 'normal',\n  },\n  comment: {\n    color: 'var(--code-dark-comment)',\n  },\n  function: {\n    color: 'var(--code-dark-function)',\n  },\n  'function.maybe-class-name': {\n    color: 'var(--code-dark-function)',\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  keyword: {\n    color: 'var(--code-dark-keyword)',\n  },\n  'keyword.control-flow': {\n    color: 'var(--code-dark-keyword)',\n  },\n  'keyword.module': {\n    color: 'var(--code-dark-keyword)',\n  },\n  number: {\n    color: 'var(--code-dark-number-literal)',\n  },\n  operator: {\n    color: 'var(--code-dark-operator)',\n  },\n  'pre[class*=\"language-\"]': {\n    MozHyphens: 'none',\n    MozTabSize: '4',\n    OTabSize: '4',\n    WebkitHyphens: 'none',\n    background: '#1e1e1e',\n    color: '#d4d4d4',\n    direction: 'ltr',\n    fontFamily: 'var(--typography-code-font-family), monospace',\n    fontSize: 'var(--typography-code-font-size)',\n    fontWeight: 'var(--typography-code-font-weight)',\n    hyphens: 'none',\n    letterSpacing: '0',\n    lineHeight: '1.25rem',\n    margin: '.5em 0',\n    msHyphens: 'none',\n    overflow: 'auto',\n    padding: '1em',\n    tabSize: '4',\n    textAlign: 'left',\n    textShadow: 'none',\n    whiteSpace: 'pre',\n    wordBreak: 'normal',\n    wordSpacing: 'normal',\n  },\n  prolog: {\n    color: 'var(--code-dark-comment)',\n  },\n  property: {\n    color: 'var(--code-dark-property)',\n  },\n  punctuation: {\n    color: 'var(--code-dark-operator)',\n  },\n  regex: {\n    color: 'var(--code-dark-operator)',\n  },\n  string: {\n    color: 'var(--code-dark-string-literal)',\n  },\n  variable: {\n    color: 'var(--code-dark-property)',\n  },\n};\n\nexport default style;\n"]}

package/lib/cjs/code-block/themes/ndl-code-light.js

@@ -21,102 +21,102 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 const style = {
-    'pre[class*="language-"]': {
-        color: '#d4d4d4',
-        fontSize: 'var(--typography-code-font-size)',
-        fontWeight: 'var(--typography-code-font-weight)',
-        letterSpacing: '0',
-        lineHeight: '1.25rem',
-        textShadow: 'none',
-        fontFamily: 'var(--typography-code-font-family), monospace',
-        direction: 'ltr',
-        textAlign: 'left',
-        whiteSpace: 'pre',
-        wordSpacing: 'normal',
-        wordBreak: 'normal',
+    '.namespace': {
+        opacity: '.7',
+    },
+    boolean: {
+        color: 'var(--code-light-boolean-literal)',
+    },
+    char: {
+        color: 'var(--code-light-string-literal)',
+    },
+    'code[class*="language-"]': {
+        MozHyphens: 'none',
         MozTabSize: '4',
         OTabSize: '4',
-        tabSize: '4',
         WebkitHyphens: 'none',
-        MozHyphens: 'none',
-        msHyphens: 'none',
-        hyphens: 'none',
-        padding: '1em',
-        margin: '.5em 0',
-        overflow: 'auto',
-        background: '#1e1e1e',
-    },
-    'code[class*="language-"]': {
         color: '#d4d4d4',
+        direction: 'ltr',
+        fontFamily: 'var(--typography-code-font-family), monospace',
         fontSize: 'var(--typography-code-font-size)',
         fontWeight: 'var(--typography-code-font-weight)',
+        hyphens: 'none',
         letterSpacing: '0',
         lineHeight: '1.25rem',
-        textShadow: 'none',
-        fontFamily: 'var(--typography-code-font-family), monospace',
-        direction: 'ltr',
+        msHyphens: 'none',
+        tabSize: '4',
         textAlign: 'left',
+        textShadow: 'none',
         whiteSpace: 'pre',
-        wordSpacing: 'normal',
         wordBreak: 'normal',
-        MozTabSize: '4',
-        OTabSize: '4',
-        tabSize: '4',
-        WebkitHyphens: 'none',
-        MozHyphens: 'none',
-        msHyphens: 'none',
-        hyphens: 'none',
-    },
-    '.namespace': {
-        opacity: '.7',
+        wordSpacing: 'normal',
     },
     comment: {
         color: 'var(--code-light-comment)',
     },
-    prolog: {
-        color: 'var(--code-light-comment)',
+    function: {
+        color: 'var(--code-light-function)',
     },
-    punctuation: {
-        color: 'var(--code-light-operator)',
+    'function.maybe-class-name': {
+        color: 'var(--code-light-function)',
     },
-    property: {
-        color: 'var(--code-light-property)',
+    italic: {
+        fontStyle: 'italic',
     },
-    boolean: {
-        color: 'var(--code-light-boolean-literal)',
+    keyword: {
+        color: 'var(--code-light-keyword)',
     },
-    number: {
-        color: 'var(--code-light-number-literal)',
+    'keyword.control-flow': {
+        color: 'var(--code-light-keyword)',
     },
-    string: {
-        color: 'var(--code-light-string-literal)',
+    'keyword.module': {
+        color: 'var(--code-light-keyword)',
     },
-    char: {
-        color: 'var(--code-light-string-literal)',
+    number: {
+        color: 'var(--code-light-number-literal)',
     },
     operator: {
         color: 'var(--code-light-operator)',
     },
-    keyword: {
-        color: 'var(--code-light-keyword)',
-    },
-    'keyword.module': {
-        color: 'var(--code-light-keyword)',
+    'pre[class*="language-"]': {
+        MozHyphens: 'none',
+        MozTabSize: '4',
+        OTabSize: '4',
+        WebkitHyphens: 'none',
+        background: '#1e1e1e',
+        color: '#d4d4d4',
+        direction: 'ltr',
+        fontFamily: 'var(--typography-code-font-family), monospace',
+        fontSize: 'var(--typography-code-font-size)',
+        fontWeight: 'var(--typography-code-font-weight)',
+        hyphens: 'none',
+        letterSpacing: '0',
+        lineHeight: '1.25rem',
+        margin: '.5em 0',
+        msHyphens: 'none',
+        overflow: 'auto',
+        padding: '1em',
+        tabSize: '4',
+        textAlign: 'left',
+        textShadow: 'none',
+        whiteSpace: 'pre',
+        wordBreak: 'normal',
+        wordSpacing: 'normal',
     },
-    'keyword.control-flow': {
-        color: 'var(--code-light-keyword)',
+    prolog: {
+        color: 'var(--code-light-comment)',
     },
-    function: {
-        color: 'var(--code-light-function)',
+    property: {
+        color: 'var(--code-light-property)',
     },
-    'function.maybe-class-name': {
-        color: 'var(--code-light-function)',
+    punctuation: {
+        color: 'var(--code-light-operator)',
     },
     regex: {
         color: 'var(--code-light-operator)',
     },
-    italic: {
-        fontStyle: 'italic',
+    string: {
+        color: 'var(--code-light-string-literal)',
     },
     variable: {
         color: 'var(--code-light-property)',

package/lib/cjs/code-block/themes/ndl-code-light.js.map

@@ -1 +1 @@
-{"version":3,"file":"ndl-code-light.js","sourceRoot":"","sources":["../../../../src/code-block/themes/ndl-code-light.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,KAAK,GAA2C;IACpD,yBAAyB,EAAE;QACzB,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,oCAAoC;QAChD,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,+CAA+C;QAC3D,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,QAAQ;QACrB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,GAAG;QACZ,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,SAAS;KACtB;IACD,0BAA0B,EAAE;QAC1B,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,oCAAoC;QAChD,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,+CAA+C;QAC3D,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,QAAQ;QACrB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,GAAG;QACZ,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,MAAM;KAChB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,KAAK,EAAE,2BAA2B;KACnC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,2BAA2B;KACnC;IACD,WAAW,EAAE;QACX,KAAK,EAAE,4BAA4B;KACpC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;IACD,OAAO,EAAE;QACP,KAAK,EAAE,mCAAmC;KAC3C;IACD,MAAM,EAAE;QACN,KAAK,EAAE,kCAAkC;KAC1C;IACD,MAAM,EAAE;QACN,KAAK,EAAE,kCAAkC;KAC1C;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,kCAAkC;KAC1C;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;IACD,OAAO,EAAE;QACP,KAAK,EAAE,2BAA2B;KACnC;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,2BAA2B;KACnC;IACD,sBAAsB,EAAE;QACtB,KAAK,EAAE,2BAA2B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;IACD,2BAA2B,EAAE;QAC3B,KAAK,EAAE,4BAA4B;KACpC;IACD,KAAK,EAAE;QACL,KAAK,EAAE,4BAA4B;KACpC;IACD,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;KACpB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;CACF,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nconst style: { [key: string]: React.CSSProperties } = {\n  'pre[class*=\"language-\"]': {\n    color: '#d4d4d4',\n    fontSize: 'var(--typography-code-font-size)',\n    fontWeight: 'var(--typography-code-font-weight)',\n    letterSpacing: '0',\n    lineHeight: '1.25rem',\n    textShadow: 'none',\n    fontFamily: 'var(--typography-code-font-family), monospace',\n    direction: 'ltr',\n    textAlign: 'left',\n    whiteSpace: 'pre',\n    wordSpacing: 'normal',\n    wordBreak: 'normal',\n    MozTabSize: '4',\n    OTabSize: '4',\n    tabSize: '4',\n    WebkitHyphens: 'none',\n    MozHyphens: 'none',\n    msHyphens: 'none',\n    hyphens: 'none',\n    padding: '1em',\n    margin: '.5em 0',\n    overflow: 'auto',\n    background: '#1e1e1e',\n  },\n  'code[class*=\"language-\"]': {\n    color: '#d4d4d4',\n    fontSize: 'var(--typography-code-font-size)',\n    fontWeight: 'var(--typography-code-font-weight)',\n    letterSpacing: '0',\n    lineHeight: '1.25rem',\n    textShadow: 'none',\n    fontFamily: 'var(--typography-code-font-family), monospace',\n    direction: 'ltr',\n    textAlign: 'left',\n    whiteSpace: 'pre',\n    wordSpacing: 'normal',\n    wordBreak: 'normal',\n    MozTabSize: '4',\n    OTabSize: '4',\n    tabSize: '4',\n    WebkitHyphens: 'none',\n    MozHyphens: 'none',\n    msHyphens: 'none',\n    hyphens: 'none',\n  },\n  '.namespace': {\n    opacity: '.7',\n  },\n  comment: {\n    color: 'var(--code-light-comment)',\n  },\n  prolog: {\n    color: 'var(--code-light-comment)',\n  },\n  punctuation: {\n    color: 'var(--code-light-operator)',\n  },\n  property: {\n    color: 'var(--code-light-property)',\n  },\n  boolean: {\n    color: 'var(--code-light-boolean-literal)',\n  },\n  number: {\n    color: 'var(--code-light-number-literal)',\n  },\n  string: {\n    color: 'var(--code-light-string-literal)',\n  },\n  char: {\n    color: 'var(--code-light-string-literal)',\n  },\n  operator: {\n    color: 'var(--code-light-operator)',\n  },\n  keyword: {\n    color: 'var(--code-light-keyword)',\n  },\n  'keyword.module': {\n    color: 'var(--code-light-keyword)',\n  },\n  'keyword.control-flow': {\n    color: 'var(--code-light-keyword)',\n  },\n  function: {\n    color: 'var(--code-light-function)',\n  },\n  'function.maybe-class-name': {\n    color: 'var(--code-light-function)',\n  },\n  regex: {\n    color: 'var(--code-light-operator)',\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  variable: {\n    color: 'var(--code-light-property)',\n  },\n};\n\nexport default style;\n"]}
+{"version":3,"file":"ndl-code-light.js","sourceRoot":"","sources":["../../../../src/code-block/themes/ndl-code-light.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,KAAK,GAA2C;IACpD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,KAAK,EAAE,mCAAmC;KAC3C;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,kCAAkC;KAC1C;IACD,0BAA0B,EAAE;QAC1B,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,GAAG;QACb,aAAa,EAAE,MAAM;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,+CAA+C;QAC3D,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,oCAAoC;QAChD,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,QAAQ;KACtB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,2BAA2B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;IACD,2BAA2B,EAAE;QAC3B,KAAK,EAAE,4BAA4B;KACpC;IACD,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;KACpB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,2BAA2B;KACnC;IACD,sBAAsB,EAAE;QACtB,KAAK,EAAE,2BAA2B;KACnC;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,2BAA2B;KACnC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,kCAAkC;KAC1C;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;IACD,yBAAyB,EAAE;QACzB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,GAAG;QACb,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,SAAS;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,+CAA+C;QAC3D,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,oCAAoC;QAChD,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,QAAQ;KACtB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,2BAA2B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;IACD,WAAW,EAAE;QACX,KAAK,EAAE,4BAA4B;KACpC;IACD,KAAK,EAAE;QACL,KAAK,EAAE,4BAA4B;KACpC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,kCAAkC;KAC1C;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;CACF,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nconst style: { [key: string]: React.CSSProperties } = {\n  '.namespace': {\n    opacity: '.7',\n  },\n  boolean: {\n    color: 'var(--code-light-boolean-literal)',\n  },\n  char: {\n    color: 'var(--code-light-string-literal)',\n  },\n  'code[class*=\"language-\"]': {\n    MozHyphens: 'none',\n    MozTabSize: '4',\n    OTabSize: '4',\n    WebkitHyphens: 'none',\n    color: '#d4d4d4',\n    direction: 'ltr',\n    fontFamily: 'var(--typography-code-font-family), monospace',\n    fontSize: 'var(--typography-code-font-size)',\n    fontWeight: 'var(--typography-code-font-weight)',\n    hyphens: 'none',\n    letterSpacing: '0',\n    lineHeight: '1.25rem',\n    msHyphens: 'none',\n    tabSize: '4',\n    textAlign: 'left',\n    textShadow: 'none',\n    whiteSpace: 'pre',\n    wordBreak: 'normal',\n    wordSpacing: 'normal',\n  },\n  comment: {\n    color: 'var(--code-light-comment)',\n  },\n  function: {\n    color: 'var(--code-light-function)',\n  },\n  'function.maybe-class-name': {\n    color: 'var(--code-light-function)',\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  keyword: {\n    color: 'var(--code-light-keyword)',\n  },\n  'keyword.control-flow': {\n    color: 'var(--code-light-keyword)',\n  },\n  'keyword.module': {\n    color: 'var(--code-light-keyword)',\n  },\n  number: {\n    color: 'var(--code-light-number-literal)',\n  },\n  operator: {\n    color: 'var(--code-light-operator)',\n  },\n  'pre[class*=\"language-\"]': {\n    MozHyphens: 'none',\n    MozTabSize: '4',\n    OTabSize: '4',\n    WebkitHyphens: 'none',\n    background: '#1e1e1e',\n    color: '#d4d4d4',\n    direction: 'ltr',\n    fontFamily: 'var(--typography-code-font-family), monospace',\n    fontSize: 'var(--typography-code-font-size)',\n    fontWeight: 'var(--typography-code-font-weight)',\n    hyphens: 'none',\n    letterSpacing: '0',\n    lineHeight: '1.25rem',\n    margin: '.5em 0',\n    msHyphens: 'none',\n    overflow: 'auto',\n    padding: '1em',\n    tabSize: '4',\n    textAlign: 'left',\n    textShadow: 'none',\n    whiteSpace: 'pre',\n    wordBreak: 'normal',\n    wordSpacing: 'normal',\n  },\n  prolog: {\n    color: 'var(--code-light-comment)',\n  },\n  property: {\n    color: 'var(--code-light-property)',\n  },\n  punctuation: {\n    color: 'var(--code-light-operator)',\n  },\n  regex: {\n    color: 'var(--code-light-operator)',\n  },\n  string: {\n    color: 'var(--code-light-string-literal)',\n  },\n  variable: {\n    color: 'var(--code-light-property)',\n  },\n};\n\nexport default style;\n"]}

package/lib/cjs/color-picker/ColorPicker.js

@@ -78,7 +78,7 @@ exports.ColorPicker = (0, react_1.forwardRef)(function ColorPicker({ color, onCh
                             setIsEyeDropperActiveState(true);
                             // TODO: Remove the any casting when polyfiller is not needed anymore. https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper
                             // Type assertion to handle the unknown type
-                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            // oxlint-disable-next-line @typescript-eslint/no-explicit-any
                             const eyeDropper = new window.EyeDropper();
                             eyeDropper
                                 .open()

package/lib/cjs/color-picker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/color-picker/ColorPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport 'eyedropper-polyfill';\n\nimport { tokens } from '@neo4j-ndl/base';\nimport {\n  type HexColor,\n  hexToHsva,\n  type HsvaColor,\n  hsvaToHex,\n  hsvaToRgba,\n  Hue,\n  type PointerProps,\n  type RgbaColor,\n  rgbaToHex,\n  rgbaToHsva,\n  Saturation,\n  validHex,\n} from '@uiw/react-color';\nimport classNames from 'classnames';\nimport { forwardRef, useEffect, useState } from 'react';\n\nimport { CleanIconButton } from '../clean-icon-button';\nimport { EyeDropperIconOutline } from '../icons';\nimport { Select } from '../select';\nimport { TextInput } from '../text-input';\n\ntype ColorPickerProps = {\n  /** The current color value. Can be provided in HSVA, RGBA, or Hex format. The component will automatically convert between formats as needed. */\n  color: HsvaColor | RgbaColor | HexColor;\n  /** Optional array of predefined color swatches for quick selection. Each swatch can be in HSVA, RGBA, or Hex format. */\n  swatches?: (HsvaColor | RgbaColor | HexColor)[];\n  /** Whether to display the eye dropper tool that allows users to sample colors from anywhere on the screen. */\n  shouldShowEyeDropper?: boolean;\n  /** Callback function triggered when the color value changes. Receives an object containing the new color in all three formats (hex, rgb, hsva) for convenience. */\n  onChange: (newColor: {\n    hex: HexColor;\n    rgb: RgbaColor;\n    hsva: HsvaColor;\n  }) => void;\n  /** Additional class name to apply to the root color picker container. */\n  className?: string;\n  /** Additional inline styles to apply to the root color picker container. */\n  style?: React.CSSProperties;\n};\n\nexport const ColorPicker = forwardRef<HTMLDivElement, ColorPickerProps>(\n  function ColorPicker(\n    {\n      color,\n      onChange,\n      swatches = Object.values(tokens.graph).filter(validHex),\n      shouldShowEyeDropper = true,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const [isEyeDropperActiveState, setIsEyeDropperActiveState] =\n      useState(false);\n\n    const [format, setFormat] = useState<{\n      label: string;\n      value: string;\n    }>({\n      label: 'Hex',\n      value: 'hex',\n    });\n\n    const isEyeDropperActive = 'EyeDropper' in window && shouldShowEyeDropper;\n\n    const hsva =\n      typeof color === 'string'\n        ? hexToHsva(color)\n        : typeof color === 'object' && 'r' in color\n          ? rgbaToHsva(color)\n          : { h: 0, s: 0, v: 0, ...(color as object), a: 1 };\n\n    const handleChange = (hsva: HsvaColor) => {\n      const hex = hsvaToHex(hsva);\n      const rgb = hsvaToRgba(hsva);\n      onChange({\n        // used since typescript cannot infer the type of the color\n        hex: `#${hex.split('#')[1]}`,\n        hsva,\n        rgb,\n      });\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={classNames('ndl-color-picker', className)}\n        style={style}\n      >\n        <Saturation\n          hsva={hsva}\n          className=\"ndl-color-picker-saturation\"\n          onChange={(newColor) => {\n            handleChange({ ...hsva, ...newColor, a: hsva.a });\n          }}\n          pointer={({ left, top, ...props }) => (\n            <Pointer\n              left={left?.toString()}\n              top={top?.toString()}\n              {...props}\n              hsva={hsva}\n            />\n          )}\n          radius={tokens.borderRadius['lg']}\n        />\n        <Swatch\n          colors={swatches}\n          hsva={hsva}\n          onChange={(newColor) => {\n            handleChange(newColor);\n          }}\n        />\n\n        <div className=\"ndl-color-picker-hue-container\">\n          {isEyeDropperActive && (\n            <CleanIconButton\n              size=\"small\"\n              isActive={isEyeDropperActiveState}\n              onClick={() => {\n                setIsEyeDropperActiveState(true);\n                // TODO: Remove the any casting when polyfiller is not needed anymore. https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper\n                // Type assertion to handle the unknown type\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                const eyeDropper = new (window as any).EyeDropper();\n                eyeDropper\n                  .open()\n                  .then((result: { sRGBHex: string }) => {\n                    handleChange(hexToHsva(result.sRGBHex));\n                  })\n                  .catch((err: Error) => {\n                    console.error(err);\n                  })\n                  .finally(() => {\n                    setIsEyeDropperActiveState(false);\n                  });\n              }}\n              description=\"Pick color\"\n            >\n              <EyeDropperIconOutline />\n            </CleanIconButton>\n          )}\n          <Hue\n            className=\"ndl-color-picker-hue\"\n            hue={hsva.h}\n            onChange={(newHue) => {\n              handleChange({ ...hsva, h: newHue.h });\n            }}\n            radius={tokens.borderRadius['lg']}\n            pointer={(props) => (\n              <Pointer\n                {...props}\n                hsva={{\n                  a: 1,\n                  h: hsva.h,\n                  s: 100,\n                  v: 100,\n                }}\n              />\n            )}\n          />\n        </div>\n\n        <div className=\"ndl-color-picker-inputs\">\n          <Select\n            size=\"small\"\n            type=\"select\"\n            ariaLabel=\"Color format\"\n            style={{\n              flexShrink: 0,\n            }}\n            selectProps={{\n              isSearchable: false,\n              onChange: (newFormat) => {\n                if (!newFormat) {\n                  return;\n                }\n                setFormat({\n                  label: newFormat.label,\n                  value: newFormat.value,\n                });\n              },\n              options: [\n                {\n                  label: 'Hex',\n                  value: 'hex',\n                },\n                {\n                  label: 'RGB',\n                  value: 'rgb',\n                },\n              ],\n              value: { label: format.label, value: format.value },\n            }}\n          />\n          {format.value === 'hex' && (\n            <HexInput\n              hsva={hsva}\n              onChange={(newColor) => {\n                handleChange(hexToHsva(newColor));\n              }}\n            />\n          )}\n          {format.value === 'rgb' && (\n            <RgbInput\n              hsva={hsva}\n              onChange={(newColor) => {\n                handleChange(hexToHsva(newColor));\n              }}\n            />\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nconst removeHashPrefix = (hex: string): string => hex.replace('#', '');\n\nconst HexInput = ({\n  hsva,\n  onChange,\n}: {\n  hsva: HsvaColor;\n  onChange: (newColor: string) => void;\n}) => {\n  const [inputValue, setInputValue] = useState<string>(() =>\n    removeHashPrefix(hsvaToHex(hsva)),\n  );\n\n  // Update input value when hsva changes from outside\n  useEffect(() => {\n    setInputValue(removeHashPrefix(hsvaToHex(hsva)));\n  }, [hsva]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = removeHashPrefix(e.target.value);\n\n    // Always update the input value for immediate feedback\n    setInputValue(value);\n\n    // Check if the input is a valid hex color (only 6 characters)\n    const isValidHex = /^[0-9A-Fa-f]{6}$/.test(value);\n\n    if (isValidHex) {\n      onChange(`#${value}`);\n    }\n  };\n\n  const hexValue = hsvaToHex(hsva);\n\n  return (\n    <TextInput\n      size=\"small\"\n      value={inputValue}\n      leadingElement={\n        <div className=\"ndl-color-picker-hex-input-prefix\">#</div>\n      }\n      onChange={handleChange}\n      isFluid\n      htmlAttributes={{\n        'aria-label': 'Hex color code',\n        maxLength: 6,\n        onCopy: (e) => {\n          e.preventDefault();\n          navigator.clipboard.writeText(hexValue);\n        },\n      }}\n    />\n  );\n};\n\nconst RgbInput = ({\n  hsva,\n  onChange,\n}: {\n  hsva: HsvaColor;\n  onChange: (newColor: string) => void;\n}) => {\n  const rgba = hsvaToRgba(hsva);\n  const [rgbValues, setRgbValues] = useState({\n    b: rgba.b,\n    g: rgba.g,\n    r: rgba.r,\n  });\n\n  // Update input values when hsva changes from outside\n  useEffect(() => {\n    const newRgba = hsvaToRgba(hsva);\n    setRgbValues({\n      b: newRgba.b,\n      g: newRgba.g,\n      r: newRgba.r,\n    });\n  }, [hsva]);\n\n  const handleChange = (\n    channel: 'r' | 'g' | 'b',\n    e: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    const value = parseInt(e.target.value, 10);\n\n    // Validate the input is a number between 0-255\n    const validValue = isNaN(value) ? 0 : Math.max(0, Math.min(255, value));\n\n    const newRgbValues = {\n      ...rgbValues,\n      [channel]: validValue,\n    };\n\n    setRgbValues(newRgbValues);\n\n    // Convert RGB to hex and call onChange\n    const hexColor = `#${newRgbValues.r.toString(16).padStart(2, '0')}${newRgbValues.g.toString(16).padStart(2, '0')}${newRgbValues.b.toString(16).padStart(2, '0')}`;\n    onChange(hexColor);\n  };\n\n  return (\n    <div className=\"ndl-color-picker-rgb-inputs\">\n      <TextInput\n        size=\"small\"\n        className=\"ndl-color-picker-rgb-input\"\n        value={rgbValues.r.toString()}\n        onChange={(e) => handleChange('r', e)}\n        htmlAttributes={{\n          'aria-label': 'Red',\n          max: '255',\n          min: '0',\n          type: 'number',\n        }}\n      />\n      <TextInput\n        size=\"small\"\n        className=\"ndl-color-picker-rgb-input\"\n        value={rgbValues.g.toString()}\n        onChange={(e) => handleChange('g', e)}\n        htmlAttributes={{\n          'aria-label': 'Green',\n          max: '255',\n          min: '0',\n          type: 'number',\n        }}\n      />\n      <TextInput\n        size=\"small\"\n        className=\"ndl-color-picker-rgb-input\"\n        value={rgbValues.b.toString()}\n        onChange={(e) => handleChange('b', e)}\n        htmlAttributes={{\n          'aria-label': 'Blue',\n          max: '255',\n          min: '0',\n          type: 'number',\n        }}\n      />\n    </div>\n  );\n};\n\nconst Swatch = ({\n  colors,\n  onChange,\n  hsva,\n}: {\n  colors: (HsvaColor | RgbaColor | HexColor)[];\n  hsva: HsvaColor;\n  onChange: (newColor: HsvaColor) => void;\n}) => {\n  return (\n    <div className=\"ndl-color-picker-swatch\">\n      {colors.map((color) => {\n        const hexColor =\n          typeof color === 'string'\n            ? color\n            : typeof color === 'object' && 'r' in color\n              ? rgbaToHex(color)\n              : hsvaToHex(color);\n        const hsvaColor =\n          typeof color === 'string'\n            ? hexToHsva(color)\n            : 'r' in color\n              ? rgbaToHsva(color)\n              : color;\n\n        const isActive =\n          hsva.h === hsvaColor.h &&\n          hsva.s === hsvaColor.s &&\n          hsva.v === hsvaColor.v;\n\n        return (\n          <button\n            key={hexColor}\n            aria-label={hexColor}\n            className={classNames('ndl-color-picker-swatch-color', {\n              'ndl-color-picker-swatch-color-active': isActive,\n            })}\n            style={{ backgroundColor: hsvaToHex(hsvaColor) }}\n            onClick={() => onChange(hsvaColor)}\n          />\n        );\n      })}\n    </div>\n  );\n};\nconst Pointer = ({\n  prefixCls,\n  left,\n  top,\n  hsva,\n}: PointerProps & { hsva: HsvaColor }) => {\n  const rgba = hsvaToRgba(hsva);\n  return (\n    <div\n      style={{\n        backgroundColor: `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})`,\n        left,\n        top,\n      }}\n      className={classNames(prefixCls, 'ndl-color-picker-pointer')}\n    />\n  );\n};\n"]}
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/color-picker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+BAA6B;AAE7B,0CAAyC;AACzC,kDAa0B;AAC1B,4DAAoC;AACpC,iCAAwD;AAExD,4DAAuD;AACvD,oCAAiD;AACjD,sCAAmC;AACnC,8CAA0C;AAqB7B,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,SAAS,WAAW,CAClB,EACE,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,aAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,sBAAQ,CAAC,EACvD,oBAAoB,GAAG,IAAI,EAC3B,SAAS,EACT,KAAK,GACN,EACD,GAAG;IAEH,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GACzD,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAGjC;QACD,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,YAAY,IAAI,MAAM,IAAI,oBAAoB,CAAC;IAE1E,MAAM,IAAI,GACR,OAAO,KAAK,KAAK,QAAQ;QACvB,CAAC,CAAC,IAAA,uBAAS,EAAC,KAAK,CAAC;QAClB,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,GAAG,IAAI,KAAK;YACzC,CAAC,CAAC,IAAA,wBAAU,EAAC,KAAK,CAAC;YACnB,CAAC,+BAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAM,KAAgB,KAAE,CAAC,EAAE,CAAC,GAAE,CAAC;IAEzD,MAAM,YAAY,GAAG,CAAC,IAAe,EAAE,EAAE;QACvC,MAAM,GAAG,GAAG,IAAA,uBAAS,EAAC,IAAI,CAAC,CAAC;QAC5B,MAAM,GAAG,GAAG,IAAA,wBAAU,EAAC,IAAI,CAAC,CAAC;QAC7B,QAAQ,CAAC;YACP,2DAA2D;YAC3D,GAAG,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;YAC5B,IAAI;YACJ,GAAG;SACJ,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,kBAAkB,EAAE,SAAS,CAAC,EACpD,KAAK,EAAE,KAAK,aAEZ,uBAAC,wBAAU,IACT,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,6BAA6B,EACvC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;oBACrB,YAAY,+CAAM,IAAI,GAAK,QAAQ,KAAE,CAAC,EAAE,IAAI,CAAC,CAAC,IAAG,CAAC;gBACpD,CAAC,EACD,OAAO,EAAE,CAAC,EAAuB,EAAE,EAAE;wBAA3B,EAAE,IAAI,EAAE,GAAG,OAAY,EAAP,KAAK,cAArB,eAAuB,CAAF;oBAAO,OAAA,CACpC,uBAAC,OAAO,kBACN,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,EAAE,EACtB,GAAG,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,EAAE,IAChB,KAAK,IACT,IAAI,EAAE,IAAI,IACV,CACH,CAAA;iBAAA,EACD,MAAM,EAAE,aAAM,CAAC,YAAY,CAAC,IAAI,CAAC,GACjC,EACF,uBAAC,MAAM,IACL,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;oBACrB,YAAY,CAAC,QAAQ,CAAC,CAAC;gBACzB,CAAC,GACD,EAEF,iCAAK,SAAS,EAAC,gCAAgC,aAC5C,kBAAkB,IAAI,CACrB,uBAAC,mCAAe,IACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,uBAAuB,EACjC,OAAO,EAAE,GAAG,EAAE;4BACZ,0BAA0B,CAAC,IAAI,CAAC,CAAC;4BACjC,kIAAkI;4BAClI,4CAA4C;4BAC5C,8DAA8D;4BAC9D,MAAM,UAAU,GAAG,IAAK,MAAc,CAAC,UAAU,EAAE,CAAC;4BACpD,UAAU;iCACP,IAAI,EAAE;iCACN,IAAI,CAAC,CAAC,MAA2B,EAAE,EAAE;gCACpC,YAAY,CAAC,IAAA,uBAAS,EAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;4BAC1C,CAAC,CAAC;iCACD,KAAK,CAAC,CAAC,GAAU,EAAE,EAAE;gCACpB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;4BACrB,CAAC,CAAC;iCACD,OAAO,CAAC,GAAG,EAAE;gCACZ,0BAA0B,CAAC,KAAK,CAAC,CAAC;4BACpC,CAAC,CAAC,CAAC;wBACP,CAAC,EACD,WAAW,EAAC,YAAY,YAExB,uBAAC,6BAAqB,KAAG,GACT,CACnB,EACD,uBAAC,iBAAG,IACF,SAAS,EAAC,sBAAsB,EAChC,GAAG,EAAE,IAAI,CAAC,CAAC,EACX,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;4BACnB,YAAY,iCAAM,IAAI,KAAE,CAAC,EAAE,MAAM,CAAC,CAAC,IAAG,CAAC;wBACzC,CAAC,EACD,MAAM,EAAE,aAAM,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAClB,uBAAC,OAAO,oBACF,KAAK,IACT,IAAI,EAAE;gCACJ,CAAC,EAAE,CAAC;gCACJ,CAAC,EAAE,IAAI,CAAC,CAAC;gCACT,CAAC,EAAE,GAAG;gCACN,CAAC,EAAE,GAAG;6BACP,IACD,CACH,GACD,IACE,EAEN,iCAAK,SAAS,EAAC,yBAAyB,aACtC,uBAAC,eAAM,IACL,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE;4BACL,UAAU,EAAE,CAAC;yBACd,EACD,WAAW,EAAE;4BACX,YAAY,EAAE,KAAK;4BACnB,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE;gCACtB,IAAI,CAAC,SAAS,EAAE,CAAC;oCACf,OAAO;gCACT,CAAC;gCACD,SAAS,CAAC;oCACR,KAAK,EAAE,SAAS,CAAC,KAAK;oCACtB,KAAK,EAAE,SAAS,CAAC,KAAK;iCACvB,CAAC,CAAC;4BACL,CAAC;4BACD,OAAO,EAAE;gCACP;oCACE,KAAK,EAAE,KAAK;oCACZ,KAAK,EAAE,KAAK;iCACb;gCACD;oCACE,KAAK,EAAE,KAAK;oCACZ,KAAK,EAAE,KAAK;iCACb;6BACF;4BACD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE;yBACpD,GACD,EACD,MAAM,CAAC,KAAK,KAAK,KAAK,IAAI,CACzB,uBAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;4BACrB,YAAY,CAAC,IAAA,uBAAS,EAAC,QAAQ,CAAC,CAAC,CAAC;wBACpC,CAAC,GACD,CACH,EACA,MAAM,CAAC,KAAK,KAAK,KAAK,IAAI,CACzB,uBAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;4BACrB,YAAY,CAAC,IAAA,uBAAS,EAAC,QAAQ,CAAC,CAAC,CAAC;wBACpC,CAAC,GACD,CACH,IACG,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AAEvE,MAAM,QAAQ,GAAG,CAAC,EAChB,IAAI,EACJ,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAS,GAAG,EAAE,CACxD,gBAAgB,CAAC,IAAA,uBAAS,EAAC,IAAI,CAAC,CAAC,CAClC,CAAC;IAEF,oDAAoD;IACpD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,CAAC,gBAAgB,CAAC,IAAA,uBAAS,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,MAAM,KAAK,GAAG,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE/C,uDAAuD;QACvD,aAAa,CAAC,KAAK,CAAC,CAAC;QAErB,8DAA8D;QAC9D,MAAM,UAAU,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAElD,IAAI,UAAU,EAAE,CAAC;YACf,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,uBAAS,EAAC,IAAI,CAAC,CAAC;IAEjC,OAAO,CACL,uBAAC,sBAAS,IACR,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,UAAU,EACjB,cAAc,EACZ,gCAAK,SAAS,EAAC,mCAAmC,kBAAQ,EAE5D,QAAQ,EAAE,YAAY,EACtB,OAAO,QACP,cAAc,EAAE;YACd,YAAY,EAAE,gBAAgB;YAC9B,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAC1C,CAAC;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAChB,IAAI,EACJ,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,IAAA,wBAAU,EAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC;QACzC,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,CAAC,EAAE,IAAI,CAAC,CAAC;KACV,CAAC,CAAC;IAEH,qDAAqD;IACrD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,IAAA,wBAAU,EAAC,IAAI,CAAC,CAAC;QACjC,YAAY,CAAC;YACX,CAAC,EAAE,OAAO,CAAC,CAAC;YACZ,CAAC,EAAE,OAAO,CAAC,CAAC;YACZ,CAAC,EAAE,OAAO,CAAC,CAAC;SACb,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,YAAY,GAAG,CACnB,OAAwB,EACxB,CAAsC,EACtC,EAAE;QACF,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAE3C,+CAA+C;QAC/C,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;QAExE,MAAM,YAAY,mCACb,SAAS,KACZ,CAAC,OAAO,CAAC,EAAE,UAAU,GACtB,CAAC;QAEF,YAAY,CAAC,YAAY,CAAC,CAAC;QAE3B,uCAAuC;QACvC,MAAM,QAAQ,GAAG,IAAI,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;QAClK,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,6BAA6B,aAC1C,uBAAC,sBAAS,IACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,EACrC,cAAc,EAAE;oBACd,YAAY,EAAE,KAAK;oBACnB,GAAG,EAAE,KAAK;oBACV,GAAG,EAAE,GAAG;oBACR,IAAI,EAAE,QAAQ;iBACf,GACD,EACF,uBAAC,sBAAS,IACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,EACrC,cAAc,EAAE;oBACd,YAAY,EAAE,OAAO;oBACrB,GAAG,EAAE,KAAK;oBACV,GAAG,EAAE,GAAG;oBACR,IAAI,EAAE,QAAQ;iBACf,GACD,EACF,uBAAC,sBAAS,IACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,EACrC,cAAc,EAAE;oBACd,YAAY,EAAE,MAAM;oBACpB,GAAG,EAAE,KAAK;oBACV,GAAG,EAAE,GAAG;oBACR,IAAI,EAAE,QAAQ;iBACf,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EACd,MAAM,EACN,QAAQ,EACR,IAAI,GAKL,EAAE,EAAE;IACH,OAAO,CACL,gCAAK,SAAS,EAAC,yBAAyB,YACrC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACpB,MAAM,QAAQ,GACZ,OAAO,KAAK,KAAK,QAAQ;gBACvB,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,GAAG,IAAI,KAAK;oBACzC,CAAC,CAAC,IAAA,uBAAS,EAAC,KAAK,CAAC;oBAClB,CAAC,CAAC,IAAA,uBAAS,EAAC,KAAK,CAAC,CAAC;YACzB,MAAM,SAAS,GACb,OAAO,KAAK,KAAK,QAAQ;gBACvB,CAAC,CAAC,IAAA,uBAAS,EAAC,KAAK,CAAC;gBAClB,CAAC,CAAC,GAAG,IAAI,KAAK;oBACZ,CAAC,CAAC,IAAA,wBAAU,EAAC,KAAK,CAAC;oBACnB,CAAC,CAAC,KAAK,CAAC;YAEd,MAAM,QAAQ,GACZ,IAAI,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;gBACtB,IAAI,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;gBACtB,IAAI,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC;YAEzB,OAAO,CACL,iDAEc,QAAQ,EACpB,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAA+B,EAAE;oBACrD,sCAAsC,EAAE,QAAQ;iBACjD,CAAC,EACF,KAAK,EAAE,EAAE,eAAe,EAAE,IAAA,uBAAS,EAAC,SAAS,CAAC,EAAE,EAChD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,IAN7B,QAAQ,CAOb,CACH,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,IAAI,EACJ,GAAG,EACH,IAAI,GAC+B,EAAE,EAAE;IACvC,MAAM,IAAI,GAAG,IAAA,wBAAU,EAAC,IAAI,CAAC,CAAC;IAC9B,OAAO,CACL,gCACE,KAAK,EAAE;YACL,eAAe,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG;YACnE,IAAI;YACJ,GAAG;SACJ,EACD,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,0BAA0B,CAAC,GAC5D,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport 'eyedropper-polyfill';\n\nimport { tokens } from '@neo4j-ndl/base';\nimport {\n  type HexColor,\n  hexToHsva,\n  type HsvaColor,\n  hsvaToHex,\n  hsvaToRgba,\n  Hue,\n  type PointerProps,\n  type RgbaColor,\n  rgbaToHex,\n  rgbaToHsva,\n  Saturation,\n  validHex,\n} from '@uiw/react-color';\nimport classNames from 'classnames';\nimport { forwardRef, useEffect, useState } from 'react';\n\nimport { CleanIconButton } from '../clean-icon-button';\nimport { EyeDropperIconOutline } from '../icons';\nimport { Select } from '../select';\nimport { TextInput } from '../text-input';\n\ntype ColorPickerProps = {\n  /** The current color value. Can be provided in HSVA, RGBA, or Hex format. The component will automatically convert between formats as needed. */\n  color: HsvaColor | RgbaColor | HexColor;\n  /** Optional array of predefined color swatches for quick selection. Each swatch can be in HSVA, RGBA, or Hex format. */\n  swatches?: (HsvaColor | RgbaColor | HexColor)[];\n  /** Whether to display the eye dropper tool that allows users to sample colors from anywhere on the screen. */\n  shouldShowEyeDropper?: boolean;\n  /** Callback function triggered when the color value changes. Receives an object containing the new color in all three formats (hex, rgb, hsva) for convenience. */\n  onChange: (newColor: {\n    hex: HexColor;\n    rgb: RgbaColor;\n    hsva: HsvaColor;\n  }) => void;\n  /** Additional class name to apply to the root color picker container. */\n  className?: string;\n  /** Additional inline styles to apply to the root color picker container. */\n  style?: React.CSSProperties;\n};\n\nexport const ColorPicker = forwardRef<HTMLDivElement, ColorPickerProps>(\n  function ColorPicker(\n    {\n      color,\n      onChange,\n      swatches = Object.values(tokens.graph).filter(validHex),\n      shouldShowEyeDropper = true,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const [isEyeDropperActiveState, setIsEyeDropperActiveState] =\n      useState(false);\n\n    const [format, setFormat] = useState<{\n      label: string;\n      value: string;\n    }>({\n      label: 'Hex',\n      value: 'hex',\n    });\n\n    const isEyeDropperActive = 'EyeDropper' in window && shouldShowEyeDropper;\n\n    const hsva =\n      typeof color === 'string'\n        ? hexToHsva(color)\n        : typeof color === 'object' && 'r' in color\n          ? rgbaToHsva(color)\n          : { h: 0, s: 0, v: 0, ...(color as object), a: 1 };\n\n    const handleChange = (hsva: HsvaColor) => {\n      const hex = hsvaToHex(hsva);\n      const rgb = hsvaToRgba(hsva);\n      onChange({\n        // used since typescript cannot infer the type of the color\n        hex: `#${hex.split('#')[1]}`,\n        hsva,\n        rgb,\n      });\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={classNames('ndl-color-picker', className)}\n        style={style}\n      >\n        <Saturation\n          hsva={hsva}\n          className=\"ndl-color-picker-saturation\"\n          onChange={(newColor) => {\n            handleChange({ ...hsva, ...newColor, a: hsva.a });\n          }}\n          pointer={({ left, top, ...props }) => (\n            <Pointer\n              left={left?.toString()}\n              top={top?.toString()}\n              {...props}\n              hsva={hsva}\n            />\n          )}\n          radius={tokens.borderRadius['lg']}\n        />\n        <Swatch\n          colors={swatches}\n          hsva={hsva}\n          onChange={(newColor) => {\n            handleChange(newColor);\n          }}\n        />\n\n        <div className=\"ndl-color-picker-hue-container\">\n          {isEyeDropperActive && (\n            <CleanIconButton\n              size=\"small\"\n              isActive={isEyeDropperActiveState}\n              onClick={() => {\n                setIsEyeDropperActiveState(true);\n                // TODO: Remove the any casting when polyfiller is not needed anymore. https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper\n                // Type assertion to handle the unknown type\n                // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n                const eyeDropper = new (window as any).EyeDropper();\n                eyeDropper\n                  .open()\n                  .then((result: { sRGBHex: string }) => {\n                    handleChange(hexToHsva(result.sRGBHex));\n                  })\n                  .catch((err: Error) => {\n                    console.error(err);\n                  })\n                  .finally(() => {\n                    setIsEyeDropperActiveState(false);\n                  });\n              }}\n              description=\"Pick color\"\n            >\n              <EyeDropperIconOutline />\n            </CleanIconButton>\n          )}\n          <Hue\n            className=\"ndl-color-picker-hue\"\n            hue={hsva.h}\n            onChange={(newHue) => {\n              handleChange({ ...hsva, h: newHue.h });\n            }}\n            radius={tokens.borderRadius['lg']}\n            pointer={(props) => (\n              <Pointer\n                {...props}\n                hsva={{\n                  a: 1,\n                  h: hsva.h,\n                  s: 100,\n                  v: 100,\n                }}\n              />\n            )}\n          />\n        </div>\n\n        <div className=\"ndl-color-picker-inputs\">\n          <Select\n            size=\"small\"\n            type=\"select\"\n            ariaLabel=\"Color format\"\n            style={{\n              flexShrink: 0,\n            }}\n            selectProps={{\n              isSearchable: false,\n              onChange: (newFormat) => {\n                if (!newFormat) {\n                  return;\n                }\n                setFormat({\n                  label: newFormat.label,\n                  value: newFormat.value,\n                });\n              },\n              options: [\n                {\n                  label: 'Hex',\n                  value: 'hex',\n                },\n                {\n                  label: 'RGB',\n                  value: 'rgb',\n                },\n              ],\n              value: { label: format.label, value: format.value },\n            }}\n          />\n          {format.value === 'hex' && (\n            <HexInput\n              hsva={hsva}\n              onChange={(newColor) => {\n                handleChange(hexToHsva(newColor));\n              }}\n            />\n          )}\n          {format.value === 'rgb' && (\n            <RgbInput\n              hsva={hsva}\n              onChange={(newColor) => {\n                handleChange(hexToHsva(newColor));\n              }}\n            />\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nconst removeHashPrefix = (hex: string): string => hex.replace('#', '');\n\nconst HexInput = ({\n  hsva,\n  onChange,\n}: {\n  hsva: HsvaColor;\n  onChange: (newColor: string) => void;\n}) => {\n  const [inputValue, setInputValue] = useState<string>(() =>\n    removeHashPrefix(hsvaToHex(hsva)),\n  );\n\n  // Update input value when hsva changes from outside\n  useEffect(() => {\n    setInputValue(removeHashPrefix(hsvaToHex(hsva)));\n  }, [hsva]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = removeHashPrefix(e.target.value);\n\n    // Always update the input value for immediate feedback\n    setInputValue(value);\n\n    // Check if the input is a valid hex color (only 6 characters)\n    const isValidHex = /^[0-9A-Fa-f]{6}$/.test(value);\n\n    if (isValidHex) {\n      onChange(`#${value}`);\n    }\n  };\n\n  const hexValue = hsvaToHex(hsva);\n\n  return (\n    <TextInput\n      size=\"small\"\n      value={inputValue}\n      leadingElement={\n        <div className=\"ndl-color-picker-hex-input-prefix\">#</div>\n      }\n      onChange={handleChange}\n      isFluid\n      htmlAttributes={{\n        'aria-label': 'Hex color code',\n        maxLength: 6,\n        onCopy: (e) => {\n          e.preventDefault();\n          navigator.clipboard.writeText(hexValue);\n        },\n      }}\n    />\n  );\n};\n\nconst RgbInput = ({\n  hsva,\n  onChange,\n}: {\n  hsva: HsvaColor;\n  onChange: (newColor: string) => void;\n}) => {\n  const rgba = hsvaToRgba(hsva);\n  const [rgbValues, setRgbValues] = useState({\n    b: rgba.b,\n    g: rgba.g,\n    r: rgba.r,\n  });\n\n  // Update input values when hsva changes from outside\n  useEffect(() => {\n    const newRgba = hsvaToRgba(hsva);\n    setRgbValues({\n      b: newRgba.b,\n      g: newRgba.g,\n      r: newRgba.r,\n    });\n  }, [hsva]);\n\n  const handleChange = (\n    channel: 'r' | 'g' | 'b',\n    e: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    const value = parseInt(e.target.value, 10);\n\n    // Validate the input is a number between 0-255\n    const validValue = isNaN(value) ? 0 : Math.max(0, Math.min(255, value));\n\n    const newRgbValues = {\n      ...rgbValues,\n      [channel]: validValue,\n    };\n\n    setRgbValues(newRgbValues);\n\n    // Convert RGB to hex and call onChange\n    const hexColor = `#${newRgbValues.r.toString(16).padStart(2, '0')}${newRgbValues.g.toString(16).padStart(2, '0')}${newRgbValues.b.toString(16).padStart(2, '0')}`;\n    onChange(hexColor);\n  };\n\n  return (\n    <div className=\"ndl-color-picker-rgb-inputs\">\n      <TextInput\n        size=\"small\"\n        className=\"ndl-color-picker-rgb-input\"\n        value={rgbValues.r.toString()}\n        onChange={(e) => handleChange('r', e)}\n        htmlAttributes={{\n          'aria-label': 'Red',\n          max: '255',\n          min: '0',\n          type: 'number',\n        }}\n      />\n      <TextInput\n        size=\"small\"\n        className=\"ndl-color-picker-rgb-input\"\n        value={rgbValues.g.toString()}\n        onChange={(e) => handleChange('g', e)}\n        htmlAttributes={{\n          'aria-label': 'Green',\n          max: '255',\n          min: '0',\n          type: 'number',\n        }}\n      />\n      <TextInput\n        size=\"small\"\n        className=\"ndl-color-picker-rgb-input\"\n        value={rgbValues.b.toString()}\n        onChange={(e) => handleChange('b', e)}\n        htmlAttributes={{\n          'aria-label': 'Blue',\n          max: '255',\n          min: '0',\n          type: 'number',\n        }}\n      />\n    </div>\n  );\n};\n\nconst Swatch = ({\n  colors,\n  onChange,\n  hsva,\n}: {\n  colors: (HsvaColor | RgbaColor | HexColor)[];\n  hsva: HsvaColor;\n  onChange: (newColor: HsvaColor) => void;\n}) => {\n  return (\n    <div className=\"ndl-color-picker-swatch\">\n      {colors.map((color) => {\n        const hexColor =\n          typeof color === 'string'\n            ? color\n            : typeof color === 'object' && 'r' in color\n              ? rgbaToHex(color)\n              : hsvaToHex(color);\n        const hsvaColor =\n          typeof color === 'string'\n            ? hexToHsva(color)\n            : 'r' in color\n              ? rgbaToHsva(color)\n              : color;\n\n        const isActive =\n          hsva.h === hsvaColor.h &&\n          hsva.s === hsvaColor.s &&\n          hsva.v === hsvaColor.v;\n\n        return (\n          <button\n            key={hexColor}\n            aria-label={hexColor}\n            className={classNames('ndl-color-picker-swatch-color', {\n              'ndl-color-picker-swatch-color-active': isActive,\n            })}\n            style={{ backgroundColor: hsvaToHex(hsvaColor) }}\n            onClick={() => onChange(hsvaColor)}\n          />\n        );\n      })}\n    </div>\n  );\n};\nconst Pointer = ({\n  prefixCls,\n  left,\n  top,\n  hsva,\n}: PointerProps & { hsva: HsvaColor }) => {\n  const rgba = hsvaToRgba(hsva);\n  return (\n    <div\n      style={{\n        backgroundColor: `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})`,\n        left,\n        top,\n      }}\n      className={classNames(prefixCls, 'ndl-color-picker-pointer')}\n    />\n  );\n};\n"]}

package/lib/cjs/color-picker/stories/color-picker.stories.js

@@ -27,15 +27,15 @@ const ColorPicker_1 = require("../ColorPicker");
 const _1 = require(".");
 const componentMeta = {
     component: ColorPicker_1.ColorPicker,
+    decorators: [
+        (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center ", children: (0, jsx_runtime_1.jsx)("div", { className: "n-w-60", children: (0, jsx_runtime_1.jsx)(Story, {}) }) })),
+    ],
+    id: 'components-color-picker',
     parameters: {
         controls: { disable: true },
     },
     tags: ['docsPage'],
     title: 'Components/ColorPicker',
-    id: 'components-color-picker',
-    decorators: [
-        (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center ", children: (0, jsx_runtime_1.jsx)("div", { className: "n-w-60", children: (0, jsx_runtime_1.jsx)(Story, {}) }) })),
-    ],
 };
 exports.default = componentMeta;
 exports.Default = {

package/lib/cjs/color-picker/stories/color-picker.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.stories.js","sourceRoot":"","sources":["../../../../src/color-picker/stories/color-picker.stories.tsx"],"names":[],"mappings":";;;;AAsBA,gDAA6C;AAC7C,wBAOW;AAEX,MAAM,aAAa,GAA6B;IAC9C,SAAS,EAAE,yBAAW;IACtB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,wBAAwB;IAC/B,EAAE,EAAE,yBAAyB;IAC7B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,0BAA0B,YACvC,gCAAK,SAAS,EAAC,QAAQ,YACrB,uBAAC,KAAK,KAAG,GACL,GACF,CACP;KACF;CACF,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,QAAA,iBAAiB,GAAU;IACtC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qCAAkC;gBACxC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,+BAA4B;CACrC,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kCAA+B;gBACrC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAAyB;CAClC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { ColorPicker } from '../ColorPicker';\nimport {\n  ColorPickerCustomSwatches,\n  ColorPickerCustomSwatchesSource,\n  ColorPickerDefault,\n  ColorPickerDefaultSource,\n  ColorPickerWithoutEyeDropper,\n  ColorPickerWithoutEyeDropperSource,\n} from '.';\n\nconst componentMeta: Meta<typeof ColorPicker> = {\n  component: ColorPicker,\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/ColorPicker',\n  id: 'components-color-picker',\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center \">\n        <div className=\"n-w-60\">\n          <Story />\n        </div>\n      </div>\n    ),\n  ],\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerDefault,\n};\n\nexport const WithoutEyeDropper: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerWithoutEyeDropperSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerWithoutEyeDropper,\n};\n\nexport const CustomSwatches: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerCustomSwatchesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerCustomSwatches,\n};\n"]}
+{"version":3,"file":"color-picker.stories.js","sourceRoot":"","sources":["../../../../src/color-picker/stories/color-picker.stories.tsx"],"names":[],"mappings":";;;;AAsBA,gDAA6C;AAC7C,wBAOW;AAEX,MAAM,aAAa,GAA6B;IAC9C,SAAS,EAAE,yBAAW;IACtB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,0BAA0B,YACvC,gCAAK,SAAS,EAAC,QAAQ,YACrB,uBAAC,KAAK,KAAG,GACL,GACF,CACP;KACF;IACD,EAAE,EAAE,yBAAyB;IAC7B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,wBAAwB;CAChC,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,QAAA,iBAAiB,GAAU;IACtC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qCAAkC;gBACxC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,+BAA4B;CACrC,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kCAA+B;gBACrC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAAyB;CAClC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { ColorPicker } from '../ColorPicker';\nimport {\n  ColorPickerCustomSwatches,\n  ColorPickerCustomSwatchesSource,\n  ColorPickerDefault,\n  ColorPickerDefaultSource,\n  ColorPickerWithoutEyeDropper,\n  ColorPickerWithoutEyeDropperSource,\n} from '.';\n\nconst componentMeta: Meta<typeof ColorPicker> = {\n  component: ColorPicker,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center \">\n        <div className=\"n-w-60\">\n          <Story />\n        </div>\n      </div>\n    ),\n  ],\n  id: 'components-color-picker',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/ColorPicker',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerDefault,\n};\n\nexport const WithoutEyeDropper: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerWithoutEyeDropperSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerWithoutEyeDropper,\n};\n\nexport const CustomSwatches: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerCustomSwatchesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerCustomSwatches,\n};\n"]}