@neo4j-ndl/react 4.4.0 → 4.4.1

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

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

package/lib/esm/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,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,sBAAsB,EACtB,yBAAyB,EACzB,uBAAuB,EACvB,0BAA0B,EAC1B,sBAAsB,EACtB,yBAAyB,EACzB,oBAAoB,EACpB,uBAAuB,EACvB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,eAAe;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,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,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,yBAAyB;aAChC;SACF;KACF;IACD,MAAM,EAAE,sBAAsB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,qBAAqB;IAC7B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,wBAAwB;aAC/B;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,uBAAuB;IAC/B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAA0B;aACjC;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,sBAAsB;IAC9B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,yBAAyB;aAChC;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,oBAAoB;IAC5B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,uBAAuB;aAC9B;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,mBAAmB;IAC3B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,sBAAsB;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,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,sBAAsB,EACtB,yBAAyB,EACzB,uBAAuB,EACvB,0BAA0B,EAC1B,sBAAsB,EACtB,yBAAyB,EACzB,oBAAoB,EACpB,uBAAuB,EACvB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,eAAe;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,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAyB;gBAC/B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAsB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAqB;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,0BAA0B;gBAChC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,uBAAuB;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAyB;gBAC/B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAsB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uBAAuB;gBAC7B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,oBAAoB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAmB;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/esm/code-block/stories/code-disabled.story.js

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

package/lib/esm/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,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,OAAO,EAAC,aAAa,EACrB,UAAU,QACV,OAAO,EAAE;YACP;gBACE,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,CACR,KAAC,uBAAuB,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,KAAC,qBAAqB,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,eAAe,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,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,OAAO,EAAC,aAAa,EACrB,UAAU,QACV,OAAO,EAAE;YACP;gBACE,QAAQ,EAAE,CACR,KAAC,uBAAuB,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,KAAC,qBAAqB,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,eAAe,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/esm/code-block/stories/code-full.story.js

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

package/lib/esm/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,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,iBAAiB,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,KAAC,uBAAuB,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,KAAC,qBAAqB,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,eAAe,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,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,iBAAiB,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,KAAC,uBAAuB,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,KAAC,qBAAqB,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,eAAe,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/esm/code-block/stories/code-with-actions.story.js

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

package/lib/esm/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,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,GAAG,EACd,OAAO,EAAE;YACP;gBACE,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,CACR,KAAC,uBAAuB,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,KAAC,qBAAqB,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,eAAe,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,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,GAAG,EACd,OAAO,EAAE;YACP;gBACE,QAAQ,EAAE,CACR,KAAC,uBAAuB,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,KAAC,qBAAqB,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,eAAe,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/esm/code-block/themes/ndl-code-dark.js

@@ -19,102 +19,102 @@
  *  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/esm/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,eAAe,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,eAAe,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/esm/code-block/themes/ndl-code-light.js

@@ -19,102 +19,102 @@
  *  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)',