@neo4j-ndl/react 4.4.0 → 4.4.1

package/lib/cjs/breadcrumbs/stories/breadcrumbs.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.stories.js","sourceRoot":"","sources":["../../../../src/breadcrumbs/stories/breadcrumbs.stories.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,4CAA+C;AAG/C,wBASW;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,mBAAW;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,wBAAwB;CACM,CAAC;AAErC,kBAAe,aAAa,CAAC;AAGhB,QAAA,gBAAgB,GAAU;IACrC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,oBAAiB;CAC1B,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACxC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAmB;CAC5B,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 */\n\nimport { Breadcrumbs } from '@neo4j-ndl/react';\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport {\n  BreadcrumbsEllipses,\n  BreadcrumbsEllipsesSrc,\n  BreadcrumbsHeader,\n  BreadcrumbsHeaderSrc,\n  BreadcrumbsPages,\n  BreadcrumbsPagesSrc,\n  BreadcrumbsSteps,\n  BreadcrumbsStepsSrc,\n} from '.';\n\nconst componentMeta = {\n  component: Breadcrumbs,\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Breadcrumbs',\n  id: 'components-breadcrumbs',\n} satisfies Meta<typeof Breadcrumbs>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const HeaderNavigation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsHeaderSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsHeader,\n};\n\nexport const PageNavigation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsPagesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsPages,\n};\n\nexport const MultiStepNavigation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsStepsSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsSteps,\n};\n\nexport const Ellipses: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsEllipsesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsEllipses,\n};\n"]}
+{"version":3,"file":"breadcrumbs.stories.js","sourceRoot":"","sources":["../../../../src/breadcrumbs/stories/breadcrumbs.stories.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,4CAA+C;AAG/C,wBASW;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,mBAAW;IACtB,EAAE,EAAE,wBAAwB;IAC5B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,wBAAwB;CACG,CAAC;AAErC,kBAAe,aAAa,CAAC;AAGhB,QAAA,gBAAgB,GAAU;IACrC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,oBAAiB;CAC1B,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACxC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAmB;CAC5B,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 */\n\nimport { Breadcrumbs } from '@neo4j-ndl/react';\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport {\n  BreadcrumbsEllipses,\n  BreadcrumbsEllipsesSrc,\n  BreadcrumbsHeader,\n  BreadcrumbsHeaderSrc,\n  BreadcrumbsPages,\n  BreadcrumbsPagesSrc,\n  BreadcrumbsSteps,\n  BreadcrumbsStepsSrc,\n} from '.';\n\nconst componentMeta = {\n  component: Breadcrumbs,\n  id: 'components-breadcrumbs',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Breadcrumbs',\n} satisfies Meta<typeof Breadcrumbs>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const HeaderNavigation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsHeaderSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsHeader,\n};\n\nexport const PageNavigation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsPagesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsPages,\n};\n\nexport const MultiStepNavigation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsStepsSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsSteps,\n};\n\nexport const Ellipses: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsEllipsesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsEllipses,\n};\n"]}

package/lib/cjs/checkbox/stories/checkbox-full.story.js

@@ -27,16 +27,16 @@ const react_2 = require("react");
 const Component = () => {
     const [childCheckboxes, setChildCheckboxes] = (0, react_2.useState)({
         childOne: false,
-        childTwo: false,
         childThree: true,
+        childTwo: false,
     });
     const handleParentCheckboxChange = (event) => {
         const isChecked = event.target.checked;
         // Update child checkboxes based on parent checkbox state.
         setChildCheckboxes({
             childOne: isChecked,
-            childTwo: isChecked,
             childThree: isChecked,
+            childTwo: isChecked,
         });
     };
     const handleChildCheckboxChange = (childKey) => {

package/lib/cjs/checkbox/stories/checkbox-full.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-full.story.js","sourceRoot":"","sources":["../../../../src/checkbox/stories/checkbox-full.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mDAAiD;AAEjD,4CAA4C;AAC5C,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC;QACrD,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAG,CACjC,KAA0C,EAC1C,EAAE;QACF,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAEvC,0DAA0D;QAC1D,kBAAkB,CAAC;YACjB,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,SAAS;SACtB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAChC,QAAsC,EACtC,EAAE;QACF,wCAAwC;QACxC,kBAAkB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iCAC7B,SAAS,KACZ,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,IAChC,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,KAAK,CAC1D,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CACnC,CAAC;IAEF,MAAM,qBAAqB,GACzB,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC;QACvE,CAAC,eAAe,CAAC;IAEnB,OAAO,CACL,iCAAK,SAAS,EAAC,yCAAyC,aACtD,uBAAC,gBAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,qBAAqB,EACtC,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,0BAA0B,CAAC,KAAK,CAAC,CAAC;gBACpC,CAAC,GACD,EACF,uBAAC,gBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,QAAQ,EACnC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,UAAU,CAAC,GACrD,EACF,uBAAC,gBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,QAAQ,EACnC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,UAAU,CAAC,GACrD,EACF,uBAAC,gBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,UAAU,EACrC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,YAAY,CAAC,GACvD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Checkbox } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [childCheckboxes, setChildCheckboxes] = useState({\n    childOne: false,\n    childTwo: false,\n    childThree: true,\n  });\n\n  const handleParentCheckboxChange = (\n    event: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    const isChecked = event.target.checked;\n\n    // Update child checkboxes based on parent checkbox state.\n    setChildCheckboxes({\n      childOne: isChecked,\n      childTwo: isChecked,\n      childThree: isChecked,\n    });\n  };\n\n  const handleChildCheckboxChange = (\n    childKey: keyof typeof childCheckboxes,\n  ) => {\n    // Set currently clicked child checkbox.\n    setChildCheckboxes((prevState) => ({\n      ...prevState,\n      [childKey]: !prevState[childKey],\n    }));\n  };\n\n  const isParentChecked = Object.values(childCheckboxes).every(\n    (isChildChecked) => isChildChecked,\n  );\n\n  const isParentIndeterminate =\n    Object.values(childCheckboxes).some((isChildChecked) => isChildChecked) &&\n    !isParentChecked;\n\n  return (\n    <div className=\"n-flex n-flex-col n-items-start n-gap-1\">\n      <Checkbox\n        isChecked={isParentChecked}\n        isIndeterminate={isParentIndeterminate}\n        label=\"Parent checkbox\"\n        onChange={(event) => {\n          handleParentCheckboxChange(event);\n        }}\n      />\n      <Checkbox\n        className=\"n-ml-7\"\n        isChecked={childCheckboxes.childOne}\n        label=\"Child checkbox 1\"\n        onChange={() => handleChildCheckboxChange('childOne')}\n      />\n      <Checkbox\n        className=\"n-ml-7\"\n        isChecked={childCheckboxes.childTwo}\n        label=\"Child checkbox 2\"\n        onChange={() => handleChildCheckboxChange('childTwo')}\n      />\n      <Checkbox\n        className=\"n-ml-7\"\n        isChecked={childCheckboxes.childThree}\n        label=\"Child checkbox 3\"\n        onChange={() => handleChildCheckboxChange('childThree')}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"checkbox-full.story.js","sourceRoot":"","sources":["../../../../src/checkbox/stories/checkbox-full.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mDAAiD;AAEjD,4CAA4C;AAC5C,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC;QACrD,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAG,CACjC,KAA0C,EAC1C,EAAE;QACF,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAEvC,0DAA0D;QAC1D,kBAAkB,CAAC;YACjB,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,SAAS;SACpB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAChC,QAAsC,EACtC,EAAE;QACF,wCAAwC;QACxC,kBAAkB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iCAC7B,SAAS,KACZ,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,IAChC,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,KAAK,CAC1D,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CACnC,CAAC;IAEF,MAAM,qBAAqB,GACzB,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC;QACvE,CAAC,eAAe,CAAC;IAEnB,OAAO,CACL,iCAAK,SAAS,EAAC,yCAAyC,aACtD,uBAAC,gBAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,qBAAqB,EACtC,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,0BAA0B,CAAC,KAAK,CAAC,CAAC;gBACpC,CAAC,GACD,EACF,uBAAC,gBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,QAAQ,EACnC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,UAAU,CAAC,GACrD,EACF,uBAAC,gBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,QAAQ,EACnC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,UAAU,CAAC,GACrD,EACF,uBAAC,gBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,UAAU,EACrC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,YAAY,CAAC,GACvD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Checkbox } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [childCheckboxes, setChildCheckboxes] = useState({\n    childOne: false,\n    childThree: true,\n    childTwo: false,\n  });\n\n  const handleParentCheckboxChange = (\n    event: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    const isChecked = event.target.checked;\n\n    // Update child checkboxes based on parent checkbox state.\n    setChildCheckboxes({\n      childOne: isChecked,\n      childThree: isChecked,\n      childTwo: isChecked,\n    });\n  };\n\n  const handleChildCheckboxChange = (\n    childKey: keyof typeof childCheckboxes,\n  ) => {\n    // Set currently clicked child checkbox.\n    setChildCheckboxes((prevState) => ({\n      ...prevState,\n      [childKey]: !prevState[childKey],\n    }));\n  };\n\n  const isParentChecked = Object.values(childCheckboxes).every(\n    (isChildChecked) => isChildChecked,\n  );\n\n  const isParentIndeterminate =\n    Object.values(childCheckboxes).some((isChildChecked) => isChildChecked) &&\n    !isParentChecked;\n\n  return (\n    <div className=\"n-flex n-flex-col n-items-start n-gap-1\">\n      <Checkbox\n        isChecked={isParentChecked}\n        isIndeterminate={isParentIndeterminate}\n        label=\"Parent checkbox\"\n        onChange={(event) => {\n          handleParentCheckboxChange(event);\n        }}\n      />\n      <Checkbox\n        className=\"n-ml-7\"\n        isChecked={childCheckboxes.childOne}\n        label=\"Child checkbox 1\"\n        onChange={() => handleChildCheckboxChange('childOne')}\n      />\n      <Checkbox\n        className=\"n-ml-7\"\n        isChecked={childCheckboxes.childTwo}\n        label=\"Child checkbox 2\"\n        onChange={() => handleChildCheckboxChange('childTwo')}\n      />\n      <Checkbox\n        className=\"n-ml-7\"\n        isChecked={childCheckboxes.childThree}\n        label=\"Child checkbox 3\"\n        onChange={() => handleChildCheckboxChange('childThree')}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/checkbox/stories/checkbox.stories.js

@@ -26,100 +26,100 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = require("../../index");
 const _1 = require(".");
 const componentMeta = {
-    title: 'Components/Checkbox',
-    id: 'components-checkbox',
-    component: index_1.Checkbox,
-    tags: ['docsPage'],
     argTypes: {
         ref: {
             description: 'Ref to the `input` element',
         },
     },
-    parameters: {
-        controls: { disable: true },
-    },
+    component: index_1.Checkbox,
     decorators: [
         (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
     ],
+    id: 'components-checkbox',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Checkbox',
 };
 exports.default = componentMeta;
 exports.Default = {
     args: {},
-    render: _1.CheckboxDefault,
     parameters: {
         docs: {
             source: {
+                code: _1.CheckboxDefaultSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.CheckboxDefaultSrc,
             },
         },
     },
+    render: _1.CheckboxDefault,
 };
 exports.Indeterminate = {
     args: {},
-    render: _1.CheckboxIndeterminate,
     parameters: {
         docs: {
             source: {
+                code: _1.CheckboxIndeterminateSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.CheckboxIndeterminateSrc,
             },
         },
     },
+    render: _1.CheckboxIndeterminate,
 };
 exports.NoLabel = {
     args: {},
-    render: _1.CheckboxNoLabel,
     parameters: {
         docs: {
             source: {
+                code: _1.CheckboxNoLabelSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.CheckboxNoLabelSrc,
             },
         },
     },
+    render: _1.CheckboxNoLabel,
 };
 exports.HasLeadingLabel = {
     args: {},
-    render: _1.CheckboxHasLabelBefore,
     parameters: {
         docs: {
             source: {
+                code: _1.CheckboxHasLabelBeforeSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.CheckboxHasLabelBeforeSrc,
             },
         },
     },
+    render: _1.CheckboxHasLabelBefore,
 };
 exports.Disabled = {
     args: {},
-    render: _1.CheckboxDisabled,
     parameters: {
         docs: {
             source: {
+                code: _1.CheckboxDisabledSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.CheckboxDisabledSrc,
             },
         },
     },
+    render: _1.CheckboxDisabled,
 };
 exports.Full = {
     args: {},
-    render: _1.CheckboxFull,
     parameters: {
         docs: {
             source: {
+                code: _1.CheckboxFullSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.CheckboxFullSrc,
             },
         },
     },
+    render: _1.CheckboxFull,
 };
 exports.Controlled = {
     args: {},

package/lib/cjs/checkbox/stories/checkbox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../../src/checkbox/stories/checkbox.stories.tsx"],"names":[],"mappings":";;;;AAsBA,uCAAuC;AACvC,wBAeW;AAEX,MAAM,aAAa,GAA0B;IAC3C,KAAK,EAAE,qBAAqB;IAC5B,EAAE,EAAE,qBAAqB;IACzB,SAAS,EAAE,gBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,WAAW,EAAE,4BAA4B;SAC1C;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,kBAAe;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,wBAAqB;IAC7B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,2BAAwB;aAC/B;SACF;KACF;CACF,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,kBAAe;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,eAAe,GAAU;IACpC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,yBAAsB;IAC9B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,4BAAyB;aAChC;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,mBAAgB;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,sBAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,eAAY;IACpB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,kBAAe;aACtB;SACF;KACF;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,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 { Checkbox } from '../../index';\nimport {\n  CheckboxControlled,\n  CheckboxControlledSrc,\n  CheckboxDefault,\n  CheckboxDefaultSrc,\n  CheckboxDisabled,\n  CheckboxDisabledSrc,\n  CheckboxFull,\n  CheckboxFullSrc,\n  CheckboxHasLabelBefore,\n  CheckboxHasLabelBeforeSrc,\n  CheckboxIndeterminate,\n  CheckboxIndeterminateSrc,\n  CheckboxNoLabel,\n  CheckboxNoLabelSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof Checkbox> = {\n  title: 'Components/Checkbox',\n  id: 'components-checkbox',\n  component: Checkbox,\n  tags: ['docsPage'],\n  argTypes: {\n    ref: {\n      description: 'Ref to the `input` element',\n    },\n  },\n  parameters: {\n    controls: { disable: true },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  render: CheckboxDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxDefaultSrc,\n      },\n    },\n  },\n};\n\nexport const Indeterminate: Story = {\n  args: {},\n  render: CheckboxIndeterminate,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxIndeterminateSrc,\n      },\n    },\n  },\n};\n\nexport const NoLabel: Story = {\n  args: {},\n  render: CheckboxNoLabel,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxNoLabelSrc,\n      },\n    },\n  },\n};\n\nexport const HasLeadingLabel: Story = {\n  args: {},\n  render: CheckboxHasLabelBefore,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxHasLabelBeforeSrc,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  args: {},\n  render: CheckboxDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxDisabledSrc,\n      },\n    },\n  },\n};\n\nexport const Full: Story = {\n  args: {},\n  render: CheckboxFull,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxFullSrc,\n      },\n    },\n  },\n};\n\nexport const Controlled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxControlledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxControlled,\n};\n"]}
+{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../../src/checkbox/stories/checkbox.stories.tsx"],"names":[],"mappings":";;;;AAsBA,uCAAuC;AACvC,wBAeW;AAEX,MAAM,aAAa,GAA0B;IAC3C,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,WAAW,EAAE,4BAA4B;SAC1C;KACF;IACD,SAAS,EAAE,gBAAQ;IACnB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,qBAAqB;IACzB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,qBAAqB;CAC7B,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,qBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,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,wBAAqB;CAC9B,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC;AAEW,QAAA,eAAe,GAAU;IACpC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,4BAAyB;gBAC/B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,yBAAsB;CAC/B,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kBAAe;gBACrB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,eAAY;CACrB,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,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 { Checkbox } from '../../index';\nimport {\n  CheckboxControlled,\n  CheckboxControlledSrc,\n  CheckboxDefault,\n  CheckboxDefaultSrc,\n  CheckboxDisabled,\n  CheckboxDisabledSrc,\n  CheckboxFull,\n  CheckboxFullSrc,\n  CheckboxHasLabelBefore,\n  CheckboxHasLabelBeforeSrc,\n  CheckboxIndeterminate,\n  CheckboxIndeterminateSrc,\n  CheckboxNoLabel,\n  CheckboxNoLabelSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof Checkbox> = {\n  argTypes: {\n    ref: {\n      description: 'Ref to the `input` element',\n    },\n  },\n  component: Checkbox,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-checkbox',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Checkbox',\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: CheckboxDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxDefault,\n};\n\nexport const Indeterminate: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxIndeterminateSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxIndeterminate,\n};\n\nexport const NoLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxNoLabelSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxNoLabel,\n};\n\nexport const HasLeadingLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxHasLabelBeforeSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxHasLabelBefore,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxDisabledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxDisabled,\n};\n\nexport const Full: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxFullSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxFull,\n};\n\nexport const Controlled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxControlledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxControlled,\n};\n"]}

package/lib/cjs/clean-icon-button/stories/clean-icon-button.stories.js

@@ -40,9 +40,9 @@ exports.Default = {
     parameters: {
         docs: {
             source: {
+                code: _1.CleanIconButtonDefaultSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.CleanIconButtonDefaultSrc,
             },
         },
     },
@@ -51,71 +51,71 @@ exports.Default = {
 exports.Active = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: _1.CleanIconButtonActive,
     parameters: {
         docs: {
             source: {
+                code: _1.CleanIconButtonActiveSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.CleanIconButtonActiveSrc,
             },
         },
     },
+    render: _1.CleanIconButtonActive,
 };
 exports.Disabled = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: _1.CleanIconButtonDisabled,
     parameters: {
         docs: {
             source: {
+                code: _1.CleanIconButtonDisabledSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.CleanIconButtonDisabledSrc,
             },
         },
     },
+    render: _1.CleanIconButtonDisabled,
 };
 exports.Loading = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: _1.CleanIconButtonLoading,
     parameters: {
         docs: {
             source: {
+                code: _1.CleanIconButtonLoadingSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.CleanIconButtonLoadingSrc,
             },
         },
     },
+    render: _1.CleanIconButtonLoading,
 };
 exports.Sizes = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: _1.CleanIconButtonSizes,
     parameters: {
         docs: {
             source: {
+                code: _1.CleanIconButtonSizesSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.CleanIconButtonSizesSrc,
             },
         },
     },
+    render: _1.CleanIconButtonSizes,
 };
 exports.Tone = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: _1.CleanIconButtonTone,
     parameters: {
         docs: {
             source: {
+                code: _1.CleanIconButtonToneSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.CleanIconButtonToneSrc,
             },
         },
     },
+    render: _1.CleanIconButtonTone,
 };
 //# sourceMappingURL=clean-icon-button.stories.js.map

package/lib/cjs/clean-icon-button/stories/clean-icon-button.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"clean-icon-button.stories.js","sourceRoot":"","sources":["../../../../src/clean-icon-button/stories/clean-icon-button.stories.tsx"],"names":[],"mappings":";;;AAsBA,uCAA8C;AAC9C,wBAaW;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,uBAAe;IAC1B,EAAE,EAAE,8BAA8B;IAClC,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,4BAA4B;CACG,CAAC;AAEzC,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,4BAAyB;aAChC;SACF;KACF;IACD,MAAM,EAAE,yBAAsB;CAC/B,CAAC;AAEW,QAAA,MAAM,GAAU;IAC3B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,wBAAqB;IAC7B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,2BAAwB;aAC/B;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,0BAAuB;IAC/B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,6BAA0B;aACjC;SACF;KACF;CACF,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,yBAAsB;IAC9B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,4BAAyB;aAChC;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,uBAAoB;IAC5B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAAuB;aAC9B;SACF;KACF;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,sBAAmB;IAC3B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,yBAAsB;aAC7B;SACF;KACF;CACF,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 { CleanIconButton } from '../../index';\nimport {\n  CleanIconButtonActive,\n  CleanIconButtonActiveSrc,\n  CleanIconButtonDefault,\n  CleanIconButtonDefaultSrc,\n  CleanIconButtonDisabled,\n  CleanIconButtonDisabledSrc,\n  CleanIconButtonLoading,\n  CleanIconButtonLoadingSrc,\n  CleanIconButtonSizes,\n  CleanIconButtonSizesSrc,\n  CleanIconButtonTone,\n  CleanIconButtonToneSrc,\n} from '.';\n\nconst componentMeta = {\n  component: CleanIconButton,\n  id: 'components-clean-icon-button',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/CleanIconButton',\n} satisfies Meta<typeof CleanIconButton>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CleanIconButtonDefaultSrc,\n      },\n    },\n  },\n  render: CleanIconButtonDefault,\n};\n\nexport const Active: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: CleanIconButtonActive,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CleanIconButtonActiveSrc,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: CleanIconButtonDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CleanIconButtonDisabledSrc,\n      },\n    },\n  },\n};\n\nexport const Loading: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: CleanIconButtonLoading,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CleanIconButtonLoadingSrc,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: CleanIconButtonSizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CleanIconButtonSizesSrc,\n      },\n    },\n  },\n};\n\nexport const Tone: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: CleanIconButtonTone,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CleanIconButtonToneSrc,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"clean-icon-button.stories.js","sourceRoot":"","sources":["../../../../src/clean-icon-button/stories/clean-icon-button.stories.tsx"],"names":[],"mappings":";;;AAsBA,uCAA8C;AAC9C,wBAaW;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,uBAAe;IAC1B,EAAE,EAAE,8BAA8B;IAClC,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,4BAA4B;CACG,CAAC;AAEzC,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,4BAAyB;gBAC/B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,yBAAsB;CAC/B,CAAC;AAEW,QAAA,MAAM,GAAU;IAC3B,0CAA0C;IAC1C,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,wBAAqB;CAC9B,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,6BAA0B;gBAChC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,0BAAuB;CAChC,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,4BAAyB;gBAC/B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,yBAAsB;CAC/B,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,0BAAuB;gBAC7B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,uBAAoB;CAC7B,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAmB;CAC5B,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 { CleanIconButton } from '../../index';\nimport {\n  CleanIconButtonActive,\n  CleanIconButtonActiveSrc,\n  CleanIconButtonDefault,\n  CleanIconButtonDefaultSrc,\n  CleanIconButtonDisabled,\n  CleanIconButtonDisabledSrc,\n  CleanIconButtonLoading,\n  CleanIconButtonLoadingSrc,\n  CleanIconButtonSizes,\n  CleanIconButtonSizesSrc,\n  CleanIconButtonTone,\n  CleanIconButtonToneSrc,\n} from '.';\n\nconst componentMeta = {\n  component: CleanIconButton,\n  id: 'components-clean-icon-button',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/CleanIconButton',\n} satisfies Meta<typeof CleanIconButton>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CleanIconButtonDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CleanIconButtonDefault,\n};\n\nexport const Active: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CleanIconButtonActiveSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CleanIconButtonActive,\n};\n\nexport const Disabled: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CleanIconButtonDisabledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CleanIconButtonDisabled,\n};\n\nexport const Loading: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CleanIconButtonLoadingSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CleanIconButtonLoading,\n};\n\nexport const Sizes: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CleanIconButtonSizesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CleanIconButtonSizes,\n};\n\nexport const Tone: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CleanIconButtonToneSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CleanIconButtonTone,\n};\n"]}

package/lib/cjs/code-block/stories/code-disabled.story.js

@@ -28,14 +28,14 @@ const example_code_snippets_1 = require("./example-code-snippets");
 const Component = () => {
     return ((0, jsx_runtime_1.jsx)(react_1.CodeBlock, { code: example_code_snippets_1.SHORT_CODE_EXAMPLE, language: "typescript", heading: "Code Header", isDisabled: true, actions: [
             {
-                description: 'copy',
                 children: ((0, jsx_runtime_1.jsx)(icons_1.Square2StackIconOutline, { className: "n-text-neutral-text-icon" })),
+                description: 'copy',
                 htmlAttributes: { title: 'copy' },
                 onClick: () => alert('This should not trigger when disabled'),
             },
             {
-                description: 'run',
                 children: (0, jsx_runtime_1.jsx)(icons_1.PlayCircleIconOutline, { className: "n-text-primary-icon" }),
+                description: 'run',
                 htmlAttributes: { title: 'run' },
                 onClick: () => alert('This should not trigger when disabled'),
             },

package/lib/cjs/code-block/stories/code-disabled.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-disabled.story.js","sourceRoot":"","sources":["../../../../src/code-block/stories/code-disabled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA6C;AAC7C,kDAGgC;AAEhC,mEAA6D;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,iBAAS,IACR,IAAI,EAAE,0CAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,OAAO,EAAC,aAAa,EACrB,UAAU,QACV,OAAO,EAAE;YACP;gBACE,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,CACR,uBAAC,+BAAuB,IAAC,SAAS,EAAC,0BAA0B,GAAG,CACjE;gBACD,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uCAAuC,CAAC;aAC9D;YACD;gBACE,WAAW,EAAE,KAAK;gBAClB,QAAQ,EAAE,uBAAC,6BAAqB,IAAC,SAAS,EAAC,qBAAqB,GAAG;gBACnE,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;gBAChC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uCAAuC,CAAC;aAC9D;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { CodeBlock } from '@neo4j-ndl/react';\nimport {\n  PlayCircleIconOutline,\n  Square2StackIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nimport { SHORT_CODE_EXAMPLE } from './example-code-snippets';\n\nconst Component = () => {\n  return (\n    <CodeBlock\n      code={SHORT_CODE_EXAMPLE}\n      language=\"typescript\"\n      heading=\"Code Header\"\n      isDisabled\n      actions={[\n        {\n          description: 'copy',\n          children: (\n            <Square2StackIconOutline className=\"n-text-neutral-text-icon\" />\n          ),\n          htmlAttributes: { title: 'copy' },\n          onClick: () => alert('This should not trigger when disabled'),\n        },\n        {\n          description: 'run',\n          children: <PlayCircleIconOutline className=\"n-text-primary-icon\" />,\n          htmlAttributes: { title: 'run' },\n          onClick: () => alert('This should not trigger when disabled'),\n        },\n      ]}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"code-disabled.story.js","sourceRoot":"","sources":["../../../../src/code-block/stories/code-disabled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA6C;AAC7C,kDAGgC;AAEhC,mEAA6D;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,iBAAS,IACR,IAAI,EAAE,0CAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,OAAO,EAAC,aAAa,EACrB,UAAU,QACV,OAAO,EAAE;YACP;gBACE,QAAQ,EAAE,CACR,uBAAC,+BAAuB,IAAC,SAAS,EAAC,0BAA0B,GAAG,CACjE;gBACD,WAAW,EAAE,MAAM;gBACnB,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uCAAuC,CAAC;aAC9D;YACD;gBACE,QAAQ,EAAE,uBAAC,6BAAqB,IAAC,SAAS,EAAC,qBAAqB,GAAG;gBACnE,WAAW,EAAE,KAAK;gBAClB,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;gBAChC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uCAAuC,CAAC;aAC9D;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { CodeBlock } from '@neo4j-ndl/react';\nimport {\n  PlayCircleIconOutline,\n  Square2StackIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nimport { SHORT_CODE_EXAMPLE } from './example-code-snippets';\n\nconst Component = () => {\n  return (\n    <CodeBlock\n      code={SHORT_CODE_EXAMPLE}\n      language=\"typescript\"\n      heading=\"Code Header\"\n      isDisabled\n      actions={[\n        {\n          children: (\n            <Square2StackIconOutline className=\"n-text-neutral-text-icon\" />\n          ),\n          description: 'copy',\n          htmlAttributes: { title: 'copy' },\n          onClick: () => alert('This should not trigger when disabled'),\n        },\n        {\n          children: <PlayCircleIconOutline className=\"n-text-primary-icon\" />,\n          description: 'run',\n          htmlAttributes: { title: 'run' },\n          onClick: () => alert('This should not trigger when disabled'),\n        },\n      ]}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/code-block/stories/code-full.story.js

@@ -28,14 +28,14 @@ const example_code_snippets_1 = require("./example-code-snippets");
 const Component = () => {
     return ((0, jsx_runtime_1.jsx)(react_1.CodeBlock, { code: example_code_snippets_1.LONG_CODE_EXAMPLE, maxHeight: 320, language: "typescript", shouldShowLineNumbers: true, theme: "ndl-code-light", heading: "Code Header", actions: [
             {
-                description: 'copy',
                 children: ((0, jsx_runtime_1.jsx)(icons_1.Square2StackIconOutline, { className: "n-text-neutral-text-icon" })),
+                description: 'copy',
                 htmlAttributes: { title: 'copy' },
                 onClick: () => alert('copied'),
             },
             {
-                description: 'run',
                 children: (0, jsx_runtime_1.jsx)(icons_1.PlayCircleIconOutline, { className: "n-text-primary-icon" }),
+                description: 'run',
                 htmlAttributes: { title: 'run' },
                 onClick: () => alert('running'),
             },

package/lib/cjs/code-block/stories/code-full.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-full.story.js","sourceRoot":"","sources":["../../../../src/code-block/stories/code-full.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA6C;AAC7C,kDAGgC;AAEhC,mEAA4D;AAE5D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,iBAAS,IACR,IAAI,EAAE,yCAAiB,EACvB,SAAS,EAAE,GAAG,EACd,QAAQ,EAAC,YAAY,EACrB,qBAAqB,QACrB,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE;YACP;gBACE,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,CACR,uBAAC,+BAAuB,IAAC,SAAS,EAAC,0BAA0B,GAAG,CACjE;gBACD,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC;aAC/B;YACD;gBACE,WAAW,EAAE,KAAK;gBAClB,QAAQ,EAAE,uBAAC,6BAAqB,IAAC,SAAS,EAAC,qBAAqB,GAAG;gBACnE,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;gBAChC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC;aAChC;SACF,EACD,UAAU,EAAE,KAAK,GACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { CodeBlock } from '@neo4j-ndl/react';\nimport {\n  PlayCircleIconOutline,\n  Square2StackIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nimport { LONG_CODE_EXAMPLE } from './example-code-snippets';\n\nconst Component = () => {\n  return (\n    <CodeBlock\n      code={LONG_CODE_EXAMPLE}\n      maxHeight={320}\n      language=\"typescript\"\n      shouldShowLineNumbers\n      theme=\"ndl-code-light\"\n      heading=\"Code Header\"\n      actions={[\n        {\n          description: 'copy',\n          children: (\n            <Square2StackIconOutline className=\"n-text-neutral-text-icon\" />\n          ),\n          htmlAttributes: { title: 'copy' },\n          onClick: () => alert('copied'),\n        },\n        {\n          description: 'run',\n          children: <PlayCircleIconOutline className=\"n-text-primary-icon\" />,\n          htmlAttributes: { title: 'run' },\n          onClick: () => alert('running'),\n        },\n      ]}\n      isDisabled={false}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"code-full.story.js","sourceRoot":"","sources":["../../../../src/code-block/stories/code-full.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA6C;AAC7C,kDAGgC;AAEhC,mEAA4D;AAE5D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,iBAAS,IACR,IAAI,EAAE,yCAAiB,EACvB,SAAS,EAAE,GAAG,EACd,QAAQ,EAAC,YAAY,EACrB,qBAAqB,QACrB,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE;YACP;gBACE,QAAQ,EAAE,CACR,uBAAC,+BAAuB,IAAC,SAAS,EAAC,0BAA0B,GAAG,CACjE;gBACD,WAAW,EAAE,MAAM;gBACnB,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC;aAC/B;YACD;gBACE,QAAQ,EAAE,uBAAC,6BAAqB,IAAC,SAAS,EAAC,qBAAqB,GAAG;gBACnE,WAAW,EAAE,KAAK;gBAClB,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;gBAChC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC;aAChC;SACF,EACD,UAAU,EAAE,KAAK,GACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { CodeBlock } from '@neo4j-ndl/react';\nimport {\n  PlayCircleIconOutline,\n  Square2StackIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nimport { LONG_CODE_EXAMPLE } from './example-code-snippets';\n\nconst Component = () => {\n  return (\n    <CodeBlock\n      code={LONG_CODE_EXAMPLE}\n      maxHeight={320}\n      language=\"typescript\"\n      shouldShowLineNumbers\n      theme=\"ndl-code-light\"\n      heading=\"Code Header\"\n      actions={[\n        {\n          children: (\n            <Square2StackIconOutline className=\"n-text-neutral-text-icon\" />\n          ),\n          description: 'copy',\n          htmlAttributes: { title: 'copy' },\n          onClick: () => alert('copied'),\n        },\n        {\n          children: <PlayCircleIconOutline className=\"n-text-primary-icon\" />,\n          description: 'run',\n          htmlAttributes: { title: 'run' },\n          onClick: () => alert('running'),\n        },\n      ]}\n      isDisabled={false}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/code-block/stories/code-with-actions.story.js

@@ -28,14 +28,14 @@ const example_code_snippets_1 = require("./example-code-snippets");
 const Component = () => {
     return ((0, jsx_runtime_1.jsx)(react_1.CodeBlock, { code: example_code_snippets_1.SHORT_CODE_EXAMPLE, language: "typescript", maxHeight: 320, actions: [
             {
-                description: 'copy',
                 children: ((0, jsx_runtime_1.jsx)(icons_1.Square2StackIconOutline, { className: "n-text-neutral-text-icon" })),
+                description: 'copy',
                 htmlAttributes: { title: 'copy' },
                 onClick: () => alert('Code copied to clipboard!'),
             },
             {
-                description: 'run',
                 children: (0, jsx_runtime_1.jsx)(icons_1.PlayCircleIconOutline, { className: "n-text-primary-icon" }),
+                description: 'run',
                 htmlAttributes: { title: 'run' },
                 onClick: () => alert('Running code...'),
             },

package/lib/cjs/code-block/stories/code-with-actions.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-with-actions.story.js","sourceRoot":"","sources":["../../../../src/code-block/stories/code-with-actions.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA6C;AAC7C,kDAGgC;AAEhC,mEAA6D;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,iBAAS,IACR,IAAI,EAAE,0CAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,GAAG,EACd,OAAO,EAAE;YACP;gBACE,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,CACR,uBAAC,+BAAuB,IAAC,SAAS,EAAC,0BAA0B,GAAG,CACjE;gBACD,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC;aAClD;YACD;gBACE,WAAW,EAAE,KAAK;gBAClB,QAAQ,EAAE,uBAAC,6BAAqB,IAAC,SAAS,EAAC,qBAAqB,GAAG;gBACnE,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;gBAChC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC;aACxC;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { CodeBlock } from '@neo4j-ndl/react';\nimport {\n  PlayCircleIconOutline,\n  Square2StackIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nimport { SHORT_CODE_EXAMPLE } from './example-code-snippets';\n\nconst Component = () => {\n  return (\n    <CodeBlock\n      code={SHORT_CODE_EXAMPLE}\n      language=\"typescript\"\n      maxHeight={320}\n      actions={[\n        {\n          description: 'copy',\n          children: (\n            <Square2StackIconOutline className=\"n-text-neutral-text-icon\" />\n          ),\n          htmlAttributes: { title: 'copy' },\n          onClick: () => alert('Code copied to clipboard!'),\n        },\n        {\n          description: 'run',\n          children: <PlayCircleIconOutline className=\"n-text-primary-icon\" />,\n          htmlAttributes: { title: 'run' },\n          onClick: () => alert('Running code...'),\n        },\n      ]}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"code-with-actions.story.js","sourceRoot":"","sources":["../../../../src/code-block/stories/code-with-actions.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA6C;AAC7C,kDAGgC;AAEhC,mEAA6D;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,iBAAS,IACR,IAAI,EAAE,0CAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,GAAG,EACd,OAAO,EAAE;YACP;gBACE,QAAQ,EAAE,CACR,uBAAC,+BAAuB,IAAC,SAAS,EAAC,0BAA0B,GAAG,CACjE;gBACD,WAAW,EAAE,MAAM;gBACnB,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC;aAClD;YACD;gBACE,QAAQ,EAAE,uBAAC,6BAAqB,IAAC,SAAS,EAAC,qBAAqB,GAAG;gBACnE,WAAW,EAAE,KAAK;gBAClB,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;gBAChC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC;aACxC;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { CodeBlock } from '@neo4j-ndl/react';\nimport {\n  PlayCircleIconOutline,\n  Square2StackIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nimport { SHORT_CODE_EXAMPLE } from './example-code-snippets';\n\nconst Component = () => {\n  return (\n    <CodeBlock\n      code={SHORT_CODE_EXAMPLE}\n      language=\"typescript\"\n      maxHeight={320}\n      actions={[\n        {\n          children: (\n            <Square2StackIconOutline className=\"n-text-neutral-text-icon\" />\n          ),\n          description: 'copy',\n          htmlAttributes: { title: 'copy' },\n          onClick: () => alert('Code copied to clipboard!'),\n        },\n        {\n          children: <PlayCircleIconOutline className=\"n-text-primary-icon\" />,\n          description: 'run',\n          htmlAttributes: { title: 'run' },\n          onClick: () => alert('Running code...'),\n        },\n      ]}\n    />\n  );\n};\n\nexport default Component;\n"]}

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)',