@neo4j-ndl/react 4.3.6 → 4.4.1

package/lib/cjs/banner/Banner.js

@@ -91,7 +91,7 @@ const BannerComponent = (_a) => {
             onClose(e);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(Element, Object.assign({ className: classes, role: isAlert ? (isCloseable ? 'alertdialog' : 'alert') : undefined, ref: ref }, restProps, htmlAttributes, { children: [hasIcon && (0, jsx_runtime_1.jsx)(StatusIcon, { variant: variant }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-content", children: children }), isCloseable && ((0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { size: "small", onClick: handleClose, description: "Close", children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(Element, Object.assign({ className: classes, role: isAlert ? 'alert' : undefined, ref: ref }, restProps, htmlAttributes, { children: [hasIcon && (0, jsx_runtime_1.jsx)(StatusIcon, { variant: variant }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-content", children: children }), isCloseable && ((0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { size: "small", onClick: handleClose, description: "Close", children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) }))] })));
 };
 const Banner = Object.assign(BannerComponent, {
     Actions: BannerActions,

package/lib/cjs/banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport {\n  BoltIconOutline,\n  CheckCircleIconSolid,\n  ExclamationCircleIconSolid,\n  ExclamationTriangleIconSolid,\n  InformationCircleIconSolid,\n  XMarkIconOutline,\n} from '../icons';\nimport { Typography } from '../typography';\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype BannerCommonProps = {\n  /** Shows a status icon. The icon is based on the value of the `variant` prop */\n  hasIcon?: boolean;\n\n  /** Content to be shown in the banner. */\n  children?: React.ReactNode;\n\n  /** Sets the role to alert or alertdialog, based on the value of `isCloseable` */\n  isAlert?: boolean;\n\n  /** How the banner is used. */\n  usage?: 'inline' | 'global';\n\n  /** The variant of the banner */\n  variant?: BannerVariant;\n};\n\ntype CloseableBannerProps = {\n  /** If the banner is closeable. Renders an icon button in the top right corner */\n  isCloseable: true;\n\n  /** Event handler for when the close icon is clicked */\n  onClose: (\n    e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n};\n\ntype NonCloseableBannerProps = {\n  isCloseable?: false;\n  onClose?: never;\n};\n\ntype BannerCloseProps = CloseableBannerProps | NonCloseableBannerProps;\n\ntype BannerProps = BannerCommonProps & BannerCloseProps;\ntype BannerVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';\n\nconst StatusIcon = ({ variant }: { variant: BannerVariant }) => {\n  const iconComponent = (() => {\n    switch (variant) {\n      case 'success':\n        return <CheckCircleIconSolid />;\n      case 'warning':\n        return <ExclamationTriangleIconSolid />;\n      case 'danger':\n        return <ExclamationCircleIconSolid />;\n      case 'info':\n        return <InformationCircleIconSolid />;\n      case 'neutral':\n        return <BoltIconOutline />;\n      default:\n        return null;\n    }\n  })();\n\n  return <div className=\"ndl-banner-status-icon\">{iconComponent}</div>;\n};\n\nconst BannerHeader = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'span', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-banner-header', className);\n  return (\n    <Typography\n      as=\"span\"\n      variant=\"title-4\"\n      className={classes}\n      style={style}\n      ref={ref}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nconst BannerDescription = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-banner-description', className);\n  return (\n    <Typography\n      as=\"div\"\n      variant=\"body-medium\"\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nconst BannerActions = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-banner-actions', className);\n  return (\n    <div\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst BannerComponent = <T extends React.ElementType = 'section'>({\n  as,\n  variant = 'info',\n  hasIcon = false,\n  onClose,\n  className,\n  children,\n  isCloseable = false,\n  usage = 'inline',\n  htmlAttributes,\n  isAlert = false,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, BannerProps>) => {\n  const Element: React.ElementType = as ?? 'section';\n\n  const classes = classNames('ndl-banner', className, {\n    'ndl-danger': variant === 'danger',\n    'ndl-global': usage === 'global',\n    'ndl-info': variant === 'info',\n    'ndl-inline': usage === 'inline',\n    'ndl-neutral': variant === 'neutral',\n    'ndl-success': variant === 'success',\n    'ndl-warning': variant === 'warning',\n  });\n\n  const handleClose = (\n    e:\n      | React.MouseEvent<HTMLElement, MouseEvent>\n      | React.KeyboardEvent<HTMLElement>,\n  ) => {\n    if (onClose && typeof onClose === 'function') {\n      onClose(e);\n    }\n  };\n\n  return (\n    <Element\n      className={classes}\n      role={isAlert ? (isCloseable ? 'alertdialog' : 'alert') : undefined}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {hasIcon && <StatusIcon variant={variant} />}\n      <div className=\"ndl-banner-content\">{children}</div>\n      {isCloseable && (\n        <CleanIconButton size=\"small\" onClick={handleClose} description=\"Close\">\n          <XMarkIconOutline />\n        </CleanIconButton>\n      )}\n    </Element>\n  );\n};\n\nconst Banner = Object.assign(BannerComponent, {\n  Actions: BannerActions,\n  Description: BannerDescription,\n  Header: BannerHeader,\n});\n\nexport { Banner };\n"]}
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport {\n  BoltIconOutline,\n  CheckCircleIconSolid,\n  ExclamationCircleIconSolid,\n  ExclamationTriangleIconSolid,\n  InformationCircleIconSolid,\n  XMarkIconOutline,\n} from '../icons';\nimport { Typography } from '../typography';\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype BannerCommonProps = {\n  /** Shows a status icon. The icon is based on the value of the `variant` prop */\n  hasIcon?: boolean;\n\n  /** Content to be shown in the banner. */\n  children?: React.ReactNode;\n\n  /** Sets the role to alert or alertdialog, based on the value of `isCloseable` */\n  isAlert?: boolean;\n\n  /** How the banner is used. */\n  usage?: 'inline' | 'global';\n\n  /** The variant of the banner */\n  variant?: BannerVariant;\n};\n\ntype CloseableBannerProps = {\n  /** If the banner is closeable. Renders an icon button in the top right corner */\n  isCloseable: true;\n\n  /** Event handler for when the close icon is clicked */\n  onClose: (\n    e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n};\n\ntype NonCloseableBannerProps = {\n  isCloseable?: false;\n  onClose?: never;\n};\n\ntype BannerCloseProps = CloseableBannerProps | NonCloseableBannerProps;\n\ntype BannerProps = BannerCommonProps & BannerCloseProps;\ntype BannerVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';\n\nconst StatusIcon = ({ variant }: { variant: BannerVariant }) => {\n  const iconComponent = (() => {\n    switch (variant) {\n      case 'success':\n        return <CheckCircleIconSolid />;\n      case 'warning':\n        return <ExclamationTriangleIconSolid />;\n      case 'danger':\n        return <ExclamationCircleIconSolid />;\n      case 'info':\n        return <InformationCircleIconSolid />;\n      case 'neutral':\n        return <BoltIconOutline />;\n      default:\n        return null;\n    }\n  })();\n\n  return <div className=\"ndl-banner-status-icon\">{iconComponent}</div>;\n};\n\nconst BannerHeader = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'span', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-banner-header', className);\n  return (\n    <Typography\n      as=\"span\"\n      variant=\"title-4\"\n      className={classes}\n      style={style}\n      ref={ref}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nconst BannerDescription = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-banner-description', className);\n  return (\n    <Typography\n      as=\"div\"\n      variant=\"body-medium\"\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nconst BannerActions = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-banner-actions', className);\n  return (\n    <div\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst BannerComponent = <T extends React.ElementType = 'section'>({\n  as,\n  variant = 'info',\n  hasIcon = false,\n  onClose,\n  className,\n  children,\n  isCloseable = false,\n  usage = 'inline',\n  htmlAttributes,\n  isAlert = false,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, BannerProps>) => {\n  const Element: React.ElementType = as ?? 'section';\n\n  const classes = classNames('ndl-banner', className, {\n    'ndl-danger': variant === 'danger',\n    'ndl-global': usage === 'global',\n    'ndl-info': variant === 'info',\n    'ndl-inline': usage === 'inline',\n    'ndl-neutral': variant === 'neutral',\n    'ndl-success': variant === 'success',\n    'ndl-warning': variant === 'warning',\n  });\n\n  const handleClose = (\n    e:\n      | React.MouseEvent<HTMLElement, MouseEvent>\n      | React.KeyboardEvent<HTMLElement>,\n  ) => {\n    if (onClose && typeof onClose === 'function') {\n      onClose(e);\n    }\n  };\n\n  return (\n    <Element\n      className={classes}\n      role={isAlert ? 'alert' : undefined}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {hasIcon && <StatusIcon variant={variant} />}\n      <div className=\"ndl-banner-content\">{children}</div>\n      {isCloseable && (\n        <CleanIconButton size=\"small\" onClick={handleClose} description=\"Close\">\n          <XMarkIconOutline />\n        </CleanIconButton>\n      )}\n    </Element>\n  );\n};\n\nconst Banner = Object.assign(BannerComponent, {\n  Actions: BannerActions,\n  Description: BannerDescription,\n  Header: BannerHeader,\n});\n\nexport { Banner };\n"]}

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

@@ -25,12 +25,12 @@ const react_1 = require("@neo4j-ndl/react");
 const _1 = require(".");
 const componentMeta = {
     component: react_1.Breadcrumbs,
+    id: 'components-breadcrumbs',
     parameters: {
         controls: { disable: true },
     },
     tags: ['docsPage'],
     title: 'Components/Breadcrumbs',
-    id: 'components-breadcrumbs',
 };
 exports.default = componentMeta;
 exports.HeaderNavigation = {

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"]}