@neo4j-ndl/react 4.3.6 → 4.4.1

package/lib/esm/flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AASzC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAoDzD;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAwC,EAgBjB,EAAE,EAAE;QAhBa,EAC1D,EAAE,EACF,GAAG,GAAG,GAAG,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,GAAG,QAAQ,EACxB,QAAQ,GAAG,QAAQ,EACnB,UAAU,EACV,cAAc,EACd,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAEsC,EADtC,SAAS,cAf8C,4KAgB3D,CADa;IAEZ,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,KAAK,CAA8B,CAAC;IAE7D,0BAA0B;IAC1B,6CAA6C;IAC7C,8BAA8B;IAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,MAAM,YAAY,GAAG,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,IAAI,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,EAAE,CAAC;IAEpE,MAAM,eAAe,GAAwB;QAC3C,aAAa;QACb,UAAU;QACV,QAAQ;QACR,cAAc;QACd,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,YAAY;QACjB,YAAY,EAAE,SAAS,CAAC,YAAY,EAAE,cAAc,CAAC;KACtD,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,kCAAO,eAAe,GAAK,KAAK,KACjC,SAAS,EACT,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport type React from 'react';\n\nimport {\n  type PolymorphicCommonProps,\n  type Radius,\n  type ReactComponent,\n  type Spacing,\n} from '../_common/types';\nimport { getRadius, getSpacing } from '../_common/utils';\n\ntype AllowedFlexElements = 'div' | 'span' | 'ul' | 'ol' | 'li';\n\ntype BaseFlexProps = {\n  /**\n   * @default tokens.space['4']\n   */\n  gap?: Spacing;\n  /**\n   * @default undefined\n   */\n  rowGap?: Spacing;\n  /**\n   * @default undefined\n   */\n  columnGap?: Spacing;\n  /**\n   * @default undefined\n   */\n  borderRadius?: Radius;\n  /**\n   * Flex direction is set to column by default.\n   * The `row-reverse` and `column-reverse` values\n   * are skipped due to accessibility concerns.\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction#accessibility_concerns\n   *\n   * @default row\n   */\n  flexDirection?: Exclude<\n    React.CSSProperties['flexDirection'],\n    'row-reverse' | 'column-reverse'\n  >;\n  /**\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap\n   * @default nowrap\n   */\n  flexWrap?: React.CSSProperties['flexWrap'];\n  /**\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content\n   * @default undefined\n   */\n  justifyContent?: React.CSSProperties['justifyContent'];\n  /**\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items\n   * @default undefined\n   */\n  alignItems?: React.CSSProperties['alignItems'];\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\n/**\n * Flex is a general-purpose container that helps\n * lay out components with consistent spacing in a row or column.\n */\nexport const Flex = <T extends AllowedFlexElements = 'div'>({\n  as,\n  gap = '8',\n  rowGap,\n  columnGap,\n  children,\n  borderRadius,\n  flexDirection = 'column',\n  flexWrap = 'nowrap',\n  alignItems,\n  justifyContent,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, BaseFlexProps>) => {\n  const Component = (as || 'div') as unknown as ReactComponent;\n\n  // If gap is not provided,\n  // and rowGap and columnGap are not provided,\n  // then use the default value.\n  const gapPx = getSpacing(gap, 'gap');\n  const rowGapPx = rowGap ? tokens.space[rowGap] : undefined;\n  const columnGapPx = columnGap ? tokens.space[columnGap] : undefined;\n  const gapFormatted = `${rowGapPx ?? gapPx} ${columnGapPx ?? gapPx}`;\n\n  const additionalStyle: React.CSSProperties = {\n    flexDirection,\n    alignItems,\n    flexWrap,\n    justifyContent,\n    display: 'flex',\n    gap: gapFormatted,\n    borderRadius: getRadius(borderRadius, 'borderRadius'),\n  };\n\n  return (\n    <Component\n      ref={ref}\n      className={className}\n      style={{ ...additionalStyle, ...style }}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AASzC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAoDzD;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAwC,EAgBjB,EAAE,EAAE;QAhBa,EAC1D,EAAE,EACF,GAAG,GAAG,GAAG,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,GAAG,QAAQ,EACxB,QAAQ,GAAG,QAAQ,EACnB,UAAU,EACV,cAAc,EACd,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAEsC,EADtC,SAAS,cAf8C,4KAgB3D,CADa;IAEZ,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,KAAK,CAA8B,CAAC;IAE7D,0BAA0B;IAC1B,6CAA6C;IAC7C,8BAA8B;IAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,MAAM,YAAY,GAAG,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,IAAI,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,EAAE,CAAC;IAEpE,MAAM,eAAe,GAAwB;QAC3C,UAAU;QACV,YAAY,EAAE,SAAS,CAAC,YAAY,EAAE,cAAc,CAAC;QACrD,OAAO,EAAE,MAAM;QACf,aAAa;QACb,QAAQ;QACR,GAAG,EAAE,YAAY;QACjB,cAAc;KACf,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,kCAAO,eAAe,GAAK,KAAK,KACjC,SAAS,EACT,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport type React from 'react';\n\nimport {\n  type PolymorphicCommonProps,\n  type Radius,\n  type ReactComponent,\n  type Spacing,\n} from '../_common/types';\nimport { getRadius, getSpacing } from '../_common/utils';\n\ntype AllowedFlexElements = 'div' | 'span' | 'ul' | 'ol' | 'li';\n\ntype BaseFlexProps = {\n  /**\n   * @default tokens.space['4']\n   */\n  gap?: Spacing;\n  /**\n   * @default undefined\n   */\n  rowGap?: Spacing;\n  /**\n   * @default undefined\n   */\n  columnGap?: Spacing;\n  /**\n   * @default undefined\n   */\n  borderRadius?: Radius;\n  /**\n   * Flex direction is set to column by default.\n   * The `row-reverse` and `column-reverse` values\n   * are skipped due to accessibility concerns.\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction#accessibility_concerns\n   *\n   * @default row\n   */\n  flexDirection?: Exclude<\n    React.CSSProperties['flexDirection'],\n    'row-reverse' | 'column-reverse'\n  >;\n  /**\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap\n   * @default nowrap\n   */\n  flexWrap?: React.CSSProperties['flexWrap'];\n  /**\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content\n   * @default undefined\n   */\n  justifyContent?: React.CSSProperties['justifyContent'];\n  /**\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items\n   * @default undefined\n   */\n  alignItems?: React.CSSProperties['alignItems'];\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\n/**\n * Flex is a general-purpose container that helps\n * lay out components with consistent spacing in a row or column.\n */\nexport const Flex = <T extends AllowedFlexElements = 'div'>({\n  as,\n  gap = '8',\n  rowGap,\n  columnGap,\n  children,\n  borderRadius,\n  flexDirection = 'column',\n  flexWrap = 'nowrap',\n  alignItems,\n  justifyContent,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, BaseFlexProps>) => {\n  const Component = (as || 'div') as unknown as ReactComponent;\n\n  // If gap is not provided,\n  // and rowGap and columnGap are not provided,\n  // then use the default value.\n  const gapPx = getSpacing(gap, 'gap');\n  const rowGapPx = rowGap ? tokens.space[rowGap] : undefined;\n  const columnGapPx = columnGap ? tokens.space[columnGap] : undefined;\n  const gapFormatted = `${rowGapPx ?? gapPx} ${columnGapPx ?? gapPx}`;\n\n  const additionalStyle: React.CSSProperties = {\n    alignItems,\n    borderRadius: getRadius(borderRadius, 'borderRadius'),\n    display: 'flex',\n    flexDirection,\n    flexWrap,\n    gap: gapFormatted,\n    justifyContent,\n  };\n\n  return (\n    <Component\n      ref={ref}\n      className={className}\n      style={{ ...additionalStyle, ...style }}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n"]}

package/lib/esm/graph-label/stories/graph-label.stories.js

@@ -23,107 +23,107 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { GraphLabel } from '../../index';
 import { GraphLabelColor, GraphLabelColorSource, GraphLabelDisabled, GraphLabelDisabledSource, GraphLabelFluid, GraphLabelFluidSource, GraphLabelNonInteractive, GraphLabelNonInteractiveSource, GraphLabelSelected, GraphLabelSelectedSource, GraphLabelSizes, GraphLabelSizesSource, GraphLabelTypes, GraphLabelTypesSource, } from '.';
 const componentMeta = {
-    title: 'Components/GraphLabel',
-    id: 'components-graph-label',
     component: GraphLabel,
-    tags: ['docsPage'],
-    parameters: {
-        controls: { disable: true },
-    },
     decorators: [
         (Story) => (_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Story, {}) })),
     ],
+    id: 'components-graph-label',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/GraphLabel',
 };
 export default componentMeta;
 export const Types = {
     args: {},
-    render: GraphLabelTypes,
     parameters: {
         docs: {
             source: {
+                code: GraphLabelTypesSource,
                 language: 'tsx',
                 type: 'code',
-                code: GraphLabelTypesSource,
             },
         },
     },
+    render: GraphLabelTypes,
 };
 export const Color = {
     args: {},
-    render: GraphLabelColor,
     parameters: {
         docs: {
             source: {
+                code: GraphLabelColorSource,
                 language: 'tsx',
                 type: 'code',
-                code: GraphLabelColorSource,
             },
         },
     },
+    render: GraphLabelColor,
 };
 export const Sizes = {
     args: {},
-    render: GraphLabelSizes,
     parameters: {
         docs: {
             source: {
+                code: GraphLabelSizesSource,
                 language: 'tsx',
                 type: 'code',
-                code: GraphLabelSizesSource,
             },
         },
     },
+    render: GraphLabelSizes,
 };
 export const Fluid = {
     args: {},
-    render: GraphLabelFluid,
     parameters: {
         docs: {
             source: {
+                code: GraphLabelFluidSource,
                 language: 'tsx',
                 type: 'code',
-                code: GraphLabelFluidSource,
             },
         },
     },
+    render: GraphLabelFluid,
 };
 export const NonInteractive = {
     args: {},
-    render: GraphLabelNonInteractive,
     parameters: {
         docs: {
             source: {
+                code: GraphLabelNonInteractiveSource,
                 language: 'tsx',
                 type: 'code',
-                code: GraphLabelNonInteractiveSource,
             },
         },
     },
+    render: GraphLabelNonInteractive,
 };
 export const Disabled = {
     args: {},
-    render: GraphLabelDisabled,
     parameters: {
         docs: {
             source: {
+                code: GraphLabelDisabledSource,
                 language: 'tsx',
                 type: 'code',
-                code: GraphLabelDisabledSource,
             },
         },
     },
+    render: GraphLabelDisabled,
 };
 export const Selected = {
     args: {},
-    render: GraphLabelSelected,
     parameters: {
         docs: {
             source: {
+                code: GraphLabelSelectedSource,
                 language: 'tsx',
                 type: 'code',
-                code: GraphLabelSelectedSource,
             },
         },
     },
+    render: GraphLabelSelected,
 };
 //# sourceMappingURL=graph-label.stories.js.map

package/lib/esm/graph-label/stories/graph-label.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"graph-label.stories.js","sourceRoot":"","sources":["../../../../src/graph-label/stories/graph-label.stories.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 */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { GraphLabel } from '../../index';\nimport {\n  GraphLabelColor,\n  GraphLabelColorSource,\n  GraphLabelDisabled,\n  GraphLabelDisabledSource,\n  GraphLabelFluid,\n  GraphLabelFluidSource,\n  GraphLabelNonInteractive,\n  GraphLabelNonInteractiveSource,\n  GraphLabelSelected,\n  GraphLabelSelectedSource,\n  GraphLabelSizes,\n  GraphLabelSizesSource,\n  GraphLabelTypes,\n  GraphLabelTypesSource,\n} from '.';\n\nconst componentMeta: Meta<typeof GraphLabel> = {\n  title: 'Components/GraphLabel',\n  id: 'components-graph-label',\n  component: GraphLabel,\n  tags: ['docsPage'],\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 Types: Story = {\n  args: {},\n  render: GraphLabelTypes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelTypesSource,\n      },\n    },\n  },\n};\n\nexport const Color: Story = {\n  args: {},\n  render: GraphLabelColor,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelColorSource,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  args: {},\n  render: GraphLabelSizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelSizesSource,\n      },\n    },\n  },\n};\nexport const Fluid: Story = {\n  args: {},\n  render: GraphLabelFluid,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelFluidSource,\n      },\n    },\n  },\n};\n\nexport const NonInteractive: Story = {\n  args: {},\n  render: GraphLabelNonInteractive,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelNonInteractiveSource,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  args: {},\n  render: GraphLabelDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelDisabledSource,\n      },\n    },\n  },\n};\n\nexport const Selected: Story = {\n  args: {},\n  render: GraphLabelSelected,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelSelectedSource,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"graph-label.stories.js","sourceRoot":"","sources":["../../../../src/graph-label/stories/graph-label.stories.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 */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { GraphLabel } from '../../index';\nimport {\n  GraphLabelColor,\n  GraphLabelColorSource,\n  GraphLabelDisabled,\n  GraphLabelDisabledSource,\n  GraphLabelFluid,\n  GraphLabelFluidSource,\n  GraphLabelNonInteractive,\n  GraphLabelNonInteractiveSource,\n  GraphLabelSelected,\n  GraphLabelSelectedSource,\n  GraphLabelSizes,\n  GraphLabelSizesSource,\n  GraphLabelTypes,\n  GraphLabelTypesSource,\n} from '.';\n\nconst componentMeta: Meta<typeof GraphLabel> = {\n  component: GraphLabel,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-graph-label',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/GraphLabel',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Types: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelTypesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelTypes,\n};\n\nexport const Color: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelColorSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelColor,\n};\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelSizesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelSizes,\n};\nexport const Fluid: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelFluidSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelFluid,\n};\n\nexport const NonInteractive: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelNonInteractiveSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelNonInteractive,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelDisabledSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelDisabled,\n};\n\nexport const Selected: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelSelectedSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelSelected,\n};\n"]}

package/lib/esm/hooks/index.js

@@ -52,7 +52,7 @@ export function usePrevious(value) {
  */
 export function useEffectDebugger(effectHook, dependencies, dependencyNames = []) {
     const previousDeps = usePrevious(dependencies);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // oxlint-disable-next-line @typescript-eslint/no-explicit-any
     const changedDeps = dependencies.reduce((accum, dependency, index) => {
         if (previousDeps === undefined) {
             return accum;
@@ -63,8 +63,8 @@ export function useEffectDebugger(effectHook, dependencies, dependencyNames = []
         if (dependency !== previousDeps[index]) {
             const keyName = dependencyNames[index] || index;
             return Object.assign(Object.assign({}, accum), { [keyName]: {
-                    before: previousDeps[index],
                     after: dependency,
+                    before: previousDeps[index],
                 } });
         }
         return accum;
@@ -108,8 +108,8 @@ export const useRenderDebugger = (componentName, propsAndStates) => {
         Object.entries(propsAndStates).forEach(([key, newValue]) => {
             if (prev.current[key] !== newValue) {
                 changedPropsOrState[key] = {
-                    old: prev.current[key],
                     new: newValue,
+                    old: prev.current[key],
                 };
             }
         }, {});

package/lib/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"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 { useEffect, useRef } from 'react';\n\nexport {\n  useDebounceValue,\n  useDebounceCallback,\n  useWindowSize,\n  useOnClickOutside,\n  useInterval,\n  useMediaQuery,\n  useCopyToClipboard,\n  useScrollLock,\n  useEventListener,\n  useResizeObserver,\n} from 'usehooks-ts';\n\n/**\n * Below are hooks that cannot be found in `usehooks-ts`\n * but are used in some projects.\n * 1. usePrevious\n * 2. useEffectDebugger\n * 3. useRenderCount\n */\n\n/**\n * The `usePrevious` hook tracks a variable's previous value in a functional component,\n * useful for comparing current and past values to trigger actions or render changes.\n */\nexport function usePrevious<T>(value: T): T | null {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n\n  const ref = useRef<T>(null);\n  // Store current value in ref\n  useEffect(() => {\n    ref.current = value;\n  }, [value]); // Only re-run if value changes\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n\n/**\n * The `useEffectDebugger` hook is a wrapper around the `useEffect` hook\n * that logs the dependencies of the effect when they change.\n *\n * Uses the `usePrevious` hook.\n *\n * Source: https://stackoverflow.com/a/59843241/3247715\n */\nexport function useEffectDebugger(\n  effectHook: React.EffectCallback,\n  dependencies: unknown[],\n  dependencyNames: string[] = [],\n) {\n  const previousDeps = usePrevious(dependencies);\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const changedDeps: any = dependencies.reduce((accum, dependency, index) => {\n    if (previousDeps === undefined) {\n      return accum;\n    }\n    if (previousDeps === null) {\n      return accum;\n    }\n    if (dependency !== previousDeps[index]) {\n      const keyName = dependencyNames[index] || index;\n      return {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        ...(accum as any),\n        [keyName]: {\n          before: previousDeps[index],\n          after: dependency,\n        },\n      };\n    }\n\n    return accum;\n  }, {});\n\n  if (Object.keys(changedDeps).length) {\n    console.info('[use-effect-debugger] ', changedDeps);\n  }\n\n  useEffect(() => {\n    return effectHook();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, dependencies);\n}\n\n/**\n * The `useRenderCount` hook returns the number of times a component has rendered.\n */\nexport function useRenderCount() {\n  const count = useRef(0);\n\n  count.current++;\n\n  return count.current;\n}\n\n/**\n * The `useRenderDebugger` outputs to console what props or states are causing a render (or re-render) of a component\n * if all relevant props and states variables are passed to the hook.\n * For debugging purposes only.\n *\n * Howto use:\n * Place the hook at the top of the component you want to debug and call it like this:\n * useRenderDebugger('MyComponent', props);\n *\n * if there are state variables include them as well:\n *\n * useRenderDebugger('MyComponent', { ...props, stateVar1, stateVar2 });\n *\n * @param componentName Name of the component to debug\n * @param propsAndStates an object containing all props and states variables of the component\n */\nexport const useRenderDebugger = (\n  componentName: string,\n  propsAndStates: Record<string, unknown>,\n) => {\n  const prev = useRef(propsAndStates);\n\n  useEffect(() => {\n    const changedPropsOrState: Record<string, { old: unknown; new: unknown }> =\n      {};\n\n    Object.entries(propsAndStates).forEach(\n      ([key, newValue]: [string, unknown]) => {\n        if (prev.current[key] !== newValue) {\n          changedPropsOrState[key] = {\n            old: prev.current[key],\n            new: newValue,\n          };\n        }\n      },\n      {},\n    );\n\n    if (Object.keys(changedPropsOrState).length > 0) {\n      console.debug(\n        `[${componentName}] Re-rendered due to:`,\n        changedPropsOrState,\n      );\n    }\n\n    prev.current = propsAndStates;\n  });\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"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 { useEffect, useRef } from 'react';\n\nexport {\n  useDebounceValue,\n  useDebounceCallback,\n  useWindowSize,\n  useOnClickOutside,\n  useInterval,\n  useMediaQuery,\n  useCopyToClipboard,\n  useScrollLock,\n  useEventListener,\n  useResizeObserver,\n} from 'usehooks-ts';\n\n/**\n * Below are hooks that cannot be found in `usehooks-ts`\n * but are used in some projects.\n * 1. usePrevious\n * 2. useEffectDebugger\n * 3. useRenderCount\n */\n\n/**\n * The `usePrevious` hook tracks a variable's previous value in a functional component,\n * useful for comparing current and past values to trigger actions or render changes.\n */\nexport function usePrevious<T>(value: T): T | null {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n\n  const ref = useRef<T>(null);\n  // Store current value in ref\n  useEffect(() => {\n    ref.current = value;\n  }, [value]); // Only re-run if value changes\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n\n/**\n * The `useEffectDebugger` hook is a wrapper around the `useEffect` hook\n * that logs the dependencies of the effect when they change.\n *\n * Uses the `usePrevious` hook.\n *\n * Source: https://stackoverflow.com/a/59843241/3247715\n */\nexport function useEffectDebugger(\n  effectHook: React.EffectCallback,\n  dependencies: unknown[],\n  dependencyNames: string[] = [],\n) {\n  const previousDeps = usePrevious(dependencies);\n\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const changedDeps: any = dependencies.reduce((accum, dependency, index) => {\n    if (previousDeps === undefined) {\n      return accum;\n    }\n    if (previousDeps === null) {\n      return accum;\n    }\n    if (dependency !== previousDeps[index]) {\n      const keyName = dependencyNames[index] || index;\n      return {\n        // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n        ...(accum as any),\n        [keyName]: {\n          after: dependency,\n          before: previousDeps[index],\n        },\n      };\n    }\n\n    return accum;\n  }, {});\n\n  if (Object.keys(changedDeps).length) {\n    console.info('[use-effect-debugger] ', changedDeps);\n  }\n\n  useEffect(() => {\n    return effectHook();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, dependencies);\n}\n\n/**\n * The `useRenderCount` hook returns the number of times a component has rendered.\n */\nexport function useRenderCount() {\n  const count = useRef(0);\n\n  count.current++;\n\n  return count.current;\n}\n\n/**\n * The `useRenderDebugger` outputs to console what props or states are causing a render (or re-render) of a component\n * if all relevant props and states variables are passed to the hook.\n * For debugging purposes only.\n *\n * Howto use:\n * Place the hook at the top of the component you want to debug and call it like this:\n * useRenderDebugger('MyComponent', props);\n *\n * if there are state variables include them as well:\n *\n * useRenderDebugger('MyComponent', { ...props, stateVar1, stateVar2 });\n *\n * @param componentName Name of the component to debug\n * @param propsAndStates an object containing all props and states variables of the component\n */\nexport const useRenderDebugger = (\n  componentName: string,\n  propsAndStates: Record<string, unknown>,\n) => {\n  const prev = useRef(propsAndStates);\n\n  useEffect(() => {\n    const changedPropsOrState: Record<string, { old: unknown; new: unknown }> =\n      {};\n\n    Object.entries(propsAndStates).forEach(\n      ([key, newValue]: [string, unknown]) => {\n        if (prev.current[key] !== newValue) {\n          changedPropsOrState[key] = {\n            new: newValue,\n            old: prev.current[key],\n          };\n        }\n      },\n      {},\n    );\n\n    if (Object.keys(changedPropsOrState).length > 0) {\n      console.debug(\n        `[${componentName}] Re-rendered due to:`,\n        changedPropsOrState,\n      );\n    }\n\n    prev.current = propsAndStates;\n  });\n};\n"]}

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

@@ -48,85 +48,85 @@ export const Default = {
 export const Active = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: IconButtonActive,
     parameters: {
         docs: {
             source: {
+                code: IconButtonActiveSrc,
                 language: 'tsx',
                 type: 'code',
-                code: IconButtonActiveSrc,
             },
         },
     },
+    render: IconButtonActive,
 };
 export const Disabled = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: IconButtonDisabled,
     parameters: {
         docs: {
             source: {
+                code: IconButtonDisabledSrc,
                 language: 'tsx',
                 type: 'code',
-                code: IconButtonDisabledSrc,
             },
         },
     },
+    render: IconButtonDisabled,
 };
 export const Floating = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: IconButtonFloating,
     parameters: {
         docs: {
             source: {
+                code: IconButtonFloatingSrc,
                 language: 'tsx',
                 type: 'code',
-                code: IconButtonFloatingSrc,
             },
         },
     },
+    render: IconButtonFloating,
 };
 export const Loading = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: IconButtonLoading,
     parameters: {
         docs: {
             source: {
+                code: IconButtonLoadingSrc,
                 language: 'tsx',
                 type: 'code',
-                code: IconButtonLoadingSrc,
             },
         },
     },
+    render: IconButtonLoading,
 };
 export const Sizes = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: IconButtonSizes,
     parameters: {
         docs: {
             source: {
+                code: IconButtonSizesSrc,
                 language: 'tsx',
                 type: 'code',
-                code: IconButtonSizesSrc,
             },
         },
     },
+    render: IconButtonSizes,
 };
 export const Tone = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: IconButtonTone,
     parameters: {
         docs: {
             source: {
+                code: IconButtonToneSrc,
                 language: 'tsx',
                 type: 'code',
-                code: IconButtonToneSrc,
             },
         },
     },
+    render: IconButtonTone,
 };
 //# sourceMappingURL=icon-button.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.stories.js","sourceRoot":"","sources":["../../../../src/icon-button/stories/icon-button.stories.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAChC,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,iBAAiB,GAClB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,UAAU;IACrB,EAAE,EAAE,wBAAwB;IAC5B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,uBAAuB;CACG,CAAC;AAEpC,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,oBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAiB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,gBAAgB;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,mBAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,kBAAkB;IAC1B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,kBAAkB;IAC1B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,iBAAiB;IACzB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,oBAAoB;aAC3B;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,eAAe;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,kBAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,cAAc;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,iBAAiB;aACxB;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 { IconButton } from '..';\nimport {\n  IconButtonActive,\n  IconButtonActiveSrc,\n  IconButtonDefault,\n  IconButtonDefaultSrc,\n  IconButtonDisabled,\n  IconButtonDisabledSrc,\n  IconButtonFloating,\n  IconButtonFloatingSrc,\n  IconButtonLoading,\n  IconButtonLoadingSrc,\n  IconButtonSizes,\n  IconButtonSizesSrc,\n  IconButtonTone,\n  IconButtonToneSrc,\n} from '.';\n\nconst componentMeta = {\n  component: IconButton,\n  id: 'components-icon-button',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/IconButton',\n} satisfies Meta<typeof IconButton>;\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: IconButtonDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonDefault,\n};\n\nexport const Active: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonActive,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonActiveSrc,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonDisabledSrc,\n      },\n    },\n  },\n};\n\nexport const Floating: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonFloating,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonFloatingSrc,\n      },\n    },\n  },\n};\n\nexport const Loading: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonLoading,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonLoadingSrc,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonSizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonSizesSrc,\n      },\n    },\n  },\n};\n\nexport const Tone: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonTone,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonToneSrc,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"icon-button.stories.js","sourceRoot":"","sources":["../../../../src/icon-button/stories/icon-button.stories.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 { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { IconButton } from '..';\nimport {\n  IconButtonActive,\n  IconButtonActiveSrc,\n  IconButtonDefault,\n  IconButtonDefaultSrc,\n  IconButtonDisabled,\n  IconButtonDisabledSrc,\n  IconButtonFloating,\n  IconButtonFloatingSrc,\n  IconButtonLoading,\n  IconButtonLoadingSrc,\n  IconButtonSizes,\n  IconButtonSizesSrc,\n  IconButtonTone,\n  IconButtonToneSrc,\n} from '.';\n\nconst componentMeta = {\n  component: IconButton,\n  id: 'components-icon-button',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/IconButton',\n} satisfies Meta<typeof IconButton>;\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: IconButtonDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonDefault,\n};\n\nexport const Active: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonActiveSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonActive,\n};\n\nexport const Disabled: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonDisabledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonDisabled,\n};\n\nexport const Floating: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonFloatingSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonFloating,\n};\n\nexport const Loading: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonLoadingSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonLoading,\n};\n\nexport const Sizes: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonSizesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonSizes,\n};\n\nexport const Tone: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonToneSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonTone,\n};\n"]}

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

@@ -23,81 +23,81 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { IconButtonArray } from '../../index';
 import { IconButtonArrayCollapsible, IconButtonArrayCollapsibleSrc, IconButtonArrayFloating, IconButtonArrayFloatingSrc, IconButtonArrayHorizontal, IconButtonArrayHorizontalSrc, IconButtonArraySizes, IconButtonArraySizesSrc, IconButtonArrayVertical, IconButtonArrayVerticalSrc, } from '.';
 const componentMeta = {
-    title: 'Components/IconButtonArray',
-    id: 'components-buttons-icon-array',
     component: IconButtonArray,
-    tags: ['docsPage'],
-    parameters: {
-        controls: { disable: true },
-    },
     decorators: [
         (Story) => (_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Story, {}) })),
     ],
+    id: 'components-buttons-icon-array',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/IconButtonArray',
 };
 export default componentMeta;
 export const Horizontal = {
     args: {},
-    render: IconButtonArrayHorizontal,
     parameters: {
         docs: {
             source: {
+                code: IconButtonArrayHorizontalSrc,
                 language: 'tsx',
                 type: 'code',
-                code: IconButtonArrayHorizontalSrc,
             },
         },
     },
+    render: IconButtonArrayHorizontal,
 };
 export const Vertical = {
     args: {},
-    render: IconButtonArrayVertical,
     parameters: {
         docs: {
             source: {
+                code: IconButtonArrayVerticalSrc,
                 language: 'tsx',
                 type: 'code',
-                code: IconButtonArrayVerticalSrc,
             },
         },
     },
+    render: IconButtonArrayVertical,
 };
 export const Floating = {
     args: {},
-    render: IconButtonArrayFloating,
     parameters: {
         docs: {
             source: {
+                code: IconButtonArrayFloatingSrc,
                 language: 'tsx',
                 type: 'code',
-                code: IconButtonArrayFloatingSrc,
             },
         },
     },
+    render: IconButtonArrayFloating,
 };
 export const Collapsiable = {
     args: {},
-    render: IconButtonArrayCollapsible,
     parameters: {
         docs: {
             source: {
+                code: IconButtonArrayCollapsibleSrc,
                 language: 'tsx',
                 type: 'code',
-                code: IconButtonArrayCollapsibleSrc,
             },
         },
     },
+    render: IconButtonArrayCollapsible,
 };
 export const Sizes = {
     args: {},
-    render: IconButtonArraySizes,
     parameters: {
         docs: {
             source: {
+                code: IconButtonArraySizesSrc,
                 language: 'tsx',
                 type: 'code',
-                code: IconButtonArraySizesSrc,
             },
         },
     },
+    render: IconButtonArraySizes,
 };
 //# sourceMappingURL=icon-button-array.stories.js.map

package/lib/esm/icon-button-array/stories/icon-button-array.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button-array.stories.js","sourceRoot":"","sources":["../../../../src/icon-button-array/stories/icon-button-array.stories.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,EAC7B,uBAAuB,EACvB,0BAA0B,EAC1B,yBAAyB,EACzB,4BAA4B,EAC5B,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAiC;IAClD,KAAK,EAAE,4BAA4B;IACnC,EAAE,EAAE,+BAA+B;IACnC,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,yBAAyB;IACjC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,4BAA4B;aACnC;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,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,QAAQ,GAAU;IAC7B,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,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,0BAA0B;IAClC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,6BAA6B;aACpC;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,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","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 { IconButtonArray } from '../../index';\nimport {\n  IconButtonArrayCollapsible,\n  IconButtonArrayCollapsibleSrc,\n  IconButtonArrayFloating,\n  IconButtonArrayFloatingSrc,\n  IconButtonArrayHorizontal,\n  IconButtonArrayHorizontalSrc,\n  IconButtonArraySizes,\n  IconButtonArraySizesSrc,\n  IconButtonArrayVertical,\n  IconButtonArrayVerticalSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof IconButtonArray> = {\n  title: 'Components/IconButtonArray',\n  id: 'components-buttons-icon-array',\n  component: IconButtonArray,\n  tags: ['docsPage'],\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 Horizontal: Story = {\n  args: {},\n  render: IconButtonArrayHorizontal,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArrayHorizontalSrc,\n      },\n    },\n  },\n};\n\nexport const Vertical: Story = {\n  args: {},\n  render: IconButtonArrayVertical,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArrayVerticalSrc,\n      },\n    },\n  },\n};\n\nexport const Floating: Story = {\n  args: {},\n  render: IconButtonArrayFloating,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArrayFloatingSrc,\n      },\n    },\n  },\n};\n\nexport const Collapsiable: Story = {\n  args: {},\n  render: IconButtonArrayCollapsible,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArrayCollapsibleSrc,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  args: {},\n  render: IconButtonArraySizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArraySizesSrc,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"icon-button-array.stories.js","sourceRoot":"","sources":["../../../../src/icon-button-array/stories/icon-button-array.stories.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,EAC7B,uBAAuB,EACvB,0BAA0B,EAC1B,yBAAyB,EACzB,4BAA4B,EAC5B,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAiC;IAClD,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,+BAA+B;IACnC,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,4BAA4B;gBAClC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,yBAAyB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,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,QAAQ,GAAU;IAC7B,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,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,6BAA6B;gBACnC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,0BAA0B;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,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","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 { IconButtonArray } from '../../index';\nimport {\n  IconButtonArrayCollapsible,\n  IconButtonArrayCollapsibleSrc,\n  IconButtonArrayFloating,\n  IconButtonArrayFloatingSrc,\n  IconButtonArrayHorizontal,\n  IconButtonArrayHorizontalSrc,\n  IconButtonArraySizes,\n  IconButtonArraySizesSrc,\n  IconButtonArrayVertical,\n  IconButtonArrayVerticalSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof IconButtonArray> = {\n  component: IconButtonArray,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-buttons-icon-array',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/IconButtonArray',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Horizontal: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonArrayHorizontalSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonArrayHorizontal,\n};\n\nexport const Vertical: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonArrayVerticalSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonArrayVertical,\n};\n\nexport const Floating: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonArrayFloatingSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonArrayFloating,\n};\n\nexport const Collapsiable: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonArrayCollapsibleSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonArrayCollapsible,\n};\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonArraySizesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonArraySizes,\n};\n"]}

package/lib/esm/icon-button-base/IconButtonBase.js

@@ -35,13 +35,15 @@ import { needleWarningMessage } from '../_common/utils';
 import { LoadingSpinner } from '../loading-spinner';
 import { Tooltip } from '../tooltip';
 export const IconButtonBase = (_a) => {
-    var { children, as, iconButtonVariant = 'default', isLoading = false, isDisabled = false, size = 'medium', isFloating = false, isActive = false, description, tooltipProps, className, style, variant = 'neutral', htmlAttributes, onClick, ref } = _a, restProps = __rest(_a, ["children", "as", "iconButtonVariant", "isLoading", "isDisabled", "size", "isFloating", "isActive", "description", "tooltipProps", "className", "style", "variant", "htmlAttributes", "onClick", "ref"]);
+    var { children, as, iconButtonVariant = 'default', isLoading = false, isDisabled = false, size = 'medium', isFloating = false, 
+    // Does not have a default value to avoid setting aria-pressed to true if not explicitly set
+    isActive = undefined, description, tooltipProps, className, style, variant = 'neutral', htmlAttributes, onClick, ref } = _a, restProps = __rest(_a, ["children", "as", "iconButtonVariant", "isLoading", "isDisabled", "size", "isFloating", "isActive", "description", "tooltipProps", "className", "style", "variant", "htmlAttributes", "onClick", "ref"]);
     const Component = as !== null && as !== void 0 ? as : 'button';
     const isInteractable = !isDisabled && !isLoading;
     const isClean = iconButtonVariant === 'clean';
     const isDanger = variant === 'danger';
     const classes = classNames('ndl-icon-btn', className, {
-        'ndl-active': isActive,
+        'ndl-active': Boolean(isActive),
         'ndl-clean': isClean,
         'ndl-danger': isDanger,
         'ndl-disabled': isDisabled,
@@ -74,6 +76,6 @@ export const IconButtonBase = (_a) => {
     return (_jsxs(Tooltip, Object.assign({ hoverDelay: {
             close: 0,
             open: 500,
-        } }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.root, { type: "simple", isDisabled: description === null || isDisabled, children: [_jsx(Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.trigger, { hasButtonWrapper: true, children: _jsx(Component, Object.assign({ onClick: handleClick, disabled: isDisabled, "aria-disabled": !isInteractable, "aria-label": description, "aria-pressed": isActive, className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: _jsx("div", { className: "ndl-icon-btn-inner", children: isLoading ? (_jsx(LoadingSpinner, { size: "small" })) : (_jsx("div", { className: "ndl-icon", children: children })) }) })) })), _jsx(Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.content, { children: description }))] })));
+        } }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.root, { type: "simple", isDisabled: description === null || isDisabled, children: [_jsx(Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.trigger, { hasButtonWrapper: true, children: _jsx(Component, Object.assign({ type: "button", onClick: handleClick, disabled: isDisabled, "aria-disabled": !isInteractable, "aria-label": description, "aria-pressed": isActive, className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: _jsx("div", { className: "ndl-icon-btn-inner", children: isLoading ? (_jsx(LoadingSpinner, { size: "small" })) : (_jsx("div", { className: "ndl-icon", children: children })) }) })) })), _jsx(Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.content, { children: description }))] })));
 };
 //# sourceMappingURL=IconButtonBase.js.map

package/lib/esm/icon-button-base/IconButtonBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButtonBase.js","sourceRoot":"","sources":["../../../src/icon-button-base/IconButtonBase.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 PolymorphicCommonProps,\n  type TooltipObjectProps,\n} from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport { type ButtonSizes } from '../button';\nimport { LoadingSpinner } from '../loading-spinner';\nimport { Tooltip } from '../tooltip';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\nexport type IconButtonBaseProps = {\n  children?: React.ReactNode;\n\n  /** If the icon button is in disabled state */\n  isDisabled?: boolean;\n\n  /** If the button is doing something Async, it will display a loading spinner   */\n  isLoading?: boolean;\n\n  /** Size of button */\n  size?: ButtonSizes;\n\n  /** If the button is in floating state */\n  isFloating?: boolean;\n\n  /** Active - used for open context menus for example */\n  isActive?: boolean;\n\n  /** A string that will be shown as a tooltip when hovering over the button  it also acts as an aria-label- {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label} */\n  description: string | null;\n\n  /** Variant of the button */\n  variant?: 'neutral' | 'danger';\n\n  /** Variant of the button */\n  iconButtonVariant?: 'default' | 'clean';\n\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: TooltipObjectProps;\n\n  /** Click handler */\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n};\n\nexport const IconButtonBase = <T extends React.ElementType = 'button'>({\n  children,\n  as,\n  iconButtonVariant = 'default',\n  isLoading = false,\n  isDisabled = false,\n  size = 'medium',\n  isFloating = false,\n  isActive = false,\n  description,\n  tooltipProps,\n  className,\n  style,\n  variant = 'neutral',\n  htmlAttributes,\n  onClick,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, IconButtonBaseProps>) => {\n  const Component: React.ElementType = as ?? 'button';\n\n  const isInteractable = !isDisabled && !isLoading;\n\n  const isClean = iconButtonVariant === 'clean';\n  const isDanger = variant === 'danger';\n\n  const classes = classNames('ndl-icon-btn', className, {\n    'ndl-active': isActive,\n    'ndl-clean': isClean,\n    'ndl-danger': isDanger,\n    'ndl-disabled': isDisabled,\n    'ndl-floating': isFloating,\n    'ndl-large': size === 'large',\n    'ndl-loading': isLoading,\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n  });\n\n  if (isClean && isFloating) {\n    throw new Error(\n      'BaseIconButton: Cannot use isFloating and iconButtonVariant=\"clean\" at the same time.',\n    );\n  }\n\n  if (!description && !htmlAttributes?.['aria-label']) {\n    needleWarningMessage(\n      'Icon buttons do not have text, be sure to include a description or an aria-label for screen readers link: https://dequeuniversity.com/rules/axe/4.4/button-name?application=axeAPI',\n    );\n  }\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    if (!isInteractable) {\n      // By default, a <button /> element with disabled set to true will not get its\n      // on click handler called. To support the same behavior on <a /> tags we\n      // swallow the event here when disabled, since the <a /> tag with disabled set to\n      // true will have its onClick handler called\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    if (onClick) {\n      onClick(e);\n    }\n  };\n\n  return (\n    <Tooltip\n      hoverDelay={{\n        close: 0,\n        open: 500,\n      }}\n      {...tooltipProps?.root}\n      type=\"simple\"\n      isDisabled={description === null || isDisabled}\n    >\n      <Tooltip.Trigger {...tooltipProps?.trigger} hasButtonWrapper>\n        <Component\n          onClick={handleClick}\n          disabled={isDisabled}\n          aria-disabled={!isInteractable}\n          aria-label={description}\n          aria-pressed={isActive}\n          className={classes}\n          style={style}\n          ref={ref}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          <div className=\"ndl-icon-btn-inner\">\n            {isLoading ? (\n              <LoadingSpinner size=\"small\" />\n            ) : (\n              <div className=\"ndl-icon\">{children}</div>\n            )}\n          </div>\n        </Component>\n      </Tooltip.Trigger>\n      <Tooltip.Content {...tooltipProps?.content}>\n        {description}\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n"]}
+{"version":3,"file":"IconButtonBase.js","sourceRoot":"","sources":["../../../src/icon-button-base/IconButtonBase.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 PolymorphicCommonProps,\n  type TooltipObjectProps,\n} from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport { type ButtonSizes } from '../button';\nimport { LoadingSpinner } from '../loading-spinner';\nimport { Tooltip } from '../tooltip';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\nexport type IconButtonBaseProps = {\n  children?: React.ReactNode;\n\n  /** If the icon button is in disabled state */\n  isDisabled?: boolean;\n\n  /** If the button is doing something Async, it will display a loading spinner   */\n  isLoading?: boolean;\n\n  /** Size of button */\n  size?: ButtonSizes;\n\n  /** If the button is in floating state */\n  isFloating?: boolean;\n\n  /** Active - used for open context menus for example */\n  isActive?: boolean;\n\n  /** A string that will be shown as a tooltip when hovering over the button  it also acts as an aria-label- {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label} */\n  description: string | null;\n\n  /** Variant of the button */\n  variant?: 'neutral' | 'danger';\n\n  /** Variant of the button */\n  iconButtonVariant?: 'default' | 'clean';\n\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: TooltipObjectProps;\n\n  /** Click handler */\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n};\n\nexport const IconButtonBase = <T extends React.ElementType = 'button'>({\n  children,\n  as,\n  iconButtonVariant = 'default',\n  isLoading = false,\n  isDisabled = false,\n  size = 'medium',\n  isFloating = false,\n  // Does not have a default value to avoid setting aria-pressed to true if not explicitly set\n  isActive = undefined,\n  description,\n  tooltipProps,\n  className,\n  style,\n  variant = 'neutral',\n  htmlAttributes,\n  onClick,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, IconButtonBaseProps>) => {\n  const Component: React.ElementType = as ?? 'button';\n\n  const isInteractable = !isDisabled && !isLoading;\n\n  const isClean = iconButtonVariant === 'clean';\n  const isDanger = variant === 'danger';\n\n  const classes = classNames('ndl-icon-btn', className, {\n    'ndl-active': Boolean(isActive),\n    'ndl-clean': isClean,\n    'ndl-danger': isDanger,\n    'ndl-disabled': isDisabled,\n    'ndl-floating': isFloating,\n    'ndl-large': size === 'large',\n    'ndl-loading': isLoading,\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n  });\n\n  if (isClean && isFloating) {\n    throw new Error(\n      'BaseIconButton: Cannot use isFloating and iconButtonVariant=\"clean\" at the same time.',\n    );\n  }\n\n  if (!description && !htmlAttributes?.['aria-label']) {\n    needleWarningMessage(\n      'Icon buttons do not have text, be sure to include a description or an aria-label for screen readers link: https://dequeuniversity.com/rules/axe/4.4/button-name?application=axeAPI',\n    );\n  }\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    if (!isInteractable) {\n      // By default, a <button /> element with disabled set to true will not get its\n      // on click handler called. To support the same behavior on <a /> tags we\n      // swallow the event here when disabled, since the <a /> tag with disabled set to\n      // true will have its onClick handler called\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    if (onClick) {\n      onClick(e);\n    }\n  };\n\n  return (\n    <Tooltip\n      hoverDelay={{\n        close: 0,\n        open: 500,\n      }}\n      {...tooltipProps?.root}\n      type=\"simple\"\n      isDisabled={description === null || isDisabled}\n    >\n      <Tooltip.Trigger {...tooltipProps?.trigger} hasButtonWrapper>\n        <Component\n          type=\"button\"\n          onClick={handleClick}\n          disabled={isDisabled}\n          aria-disabled={!isInteractable}\n          aria-label={description}\n          aria-pressed={isActive}\n          className={classes}\n          style={style}\n          ref={ref}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          <div className=\"ndl-icon-btn-inner\">\n            {isLoading ? (\n              <LoadingSpinner size=\"small\" />\n            ) : (\n              <div className=\"ndl-icon\">{children}</div>\n            )}\n          </div>\n        </Component>\n      </Tooltip.Trigger>\n      <Tooltip.Content {...tooltipProps?.content}>\n        {description}\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n"]}

package/lib/esm/icons/generated/custom/DatabaseCross.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // THIS FILE IS GENERATED BY BUILD TOOL
 // DO NOT EDIT IT MANUAL
 import { wrapIcon } from '../../wrapIcon';
-const SvgDatabaseCrossBase = (props) => (_jsx("svg", Object.assign({ viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("g", { id: "Icon base", children: _jsxs("g", { id: "custom/database-offline", children: [_jsx("path", { id: "Subtract", fillRule: "evenodd", clipRule: "evenodd", d: "M2.62203 4.21311C2.4641 4.55181 2.375 4.91871 2.375 5.3125V8.4375V11.5625V14.6875C2.375 16.0739 3.47937 17.1271 4.80323 17.789C6.17195 18.4734 8.01033 18.875 10 18.875C11.9897 18.875 13.828 18.4734 15.1968 17.789C15.417 17.6789 15.6312 17.5579 15.8353 17.4264L14.7425 16.3336C14.6733 16.3718 14.6011 16.4098 14.5259 16.4474C13.4064 17.0071 11.8073 17.375 10 17.375C8.19271 17.375 6.59359 17.0071 5.47405 16.4474C4.30965 15.8652 3.875 15.1996 3.875 14.6875V14.1022C4.16208 14.3128 4.47595 14.5004 4.80323 14.664C6.17195 15.3484 8.01033 15.75 10 15.75C11.3188 15.75 12.5711 15.5736 13.6642 15.2553L12.4249 14.0159C11.6843 14.1655 10.866 14.25 10 14.25C8.19271 14.25 6.59359 13.8821 5.47405 13.3224C4.30965 12.7402 3.875 12.0746 3.875 11.5625V10.9772C4.16208 11.1878 4.47595 11.3754 4.80323 11.539C6.17195 12.2234 8.01033 12.625 10 12.625C10.3381 12.625 10.6719 12.6134 10.9997 12.5908L9.5254 11.1165C7.91351 11.0584 6.49455 10.7076 5.47405 10.1974C4.30965 9.61516 3.875 8.94962 3.875 8.4375V7.85222C4.16208 8.06281 4.47595 8.25036 4.80323 8.414C5.62998 8.82737 6.62808 9.1376 7.72737 9.31846L5.48845 7.07954C5.48364 7.07715 5.47884 7.07475 5.47405 7.07236C4.43381 6.55224 3.97599 5.9656 3.89018 5.48127L2.62203 4.21311ZM11.2943 7.9356C12.5664 7.80702 13.6823 7.49417 14.5259 7.07236C15.6904 6.49016 16.125 5.82462 16.125 5.3125C16.125 4.80038 15.6904 4.13484 14.5259 3.55264C13.4064 2.99287 11.8073 2.625 10 2.625C8.68833 2.625 7.48631 2.81877 6.4977 3.13904L5.32984 1.97118C6.62718 1.43378 8.25544 1.125 10 1.125C11.9897 1.125 13.828 1.52664 15.1968 2.211C16.5206 2.87293 17.625 3.92614 17.625 5.3125V8.4375V11.5625V14.2663L15.7679 12.4092C16.018 12.1085 16.125 11.8166 16.125 11.5625V10.9772C15.8379 11.1878 15.524 11.3754 15.1968 11.539C15.1306 11.5721 15.0633 11.6045 14.9949 11.6363L13.8489 10.4903C14.0902 10.4001 14.3165 10.3021 14.5259 10.1974C15.6904 9.61516 16.125 8.94962 16.125 8.4375V7.85222C15.8379 8.06281 15.524 8.25036 15.1968 8.414C14.4569 8.78392 13.5799 9.07124 12.6158 9.25717L11.2943 7.9356Z", fill: "currentColor" }), _jsx("path", { id: "Line 2", d: "M2.10864 1.22485L17.942 17.0582", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" })] }) }) })));
+const SvgDatabaseCrossBase = (props) => (_jsx("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("path", { d: "M2 5.47826C2 6.40075 2.87038 7.28546 4.41966 7.93776C5.96893 8.59006 8.07021 8.95652 10.2612 8.95652C12.4522 8.95652 14.5535 8.59006 16.1028 7.93776C17.6521 7.28546 18.5224 6.40075 18.5224 5.47826M2 5.47826C2 4.55577 2.87038 3.67106 4.41966 3.01876C5.96893 2.36646 8.07021 2 10.2612 2C12.4522 2 14.5535 2.36646 16.1028 3.01876C17.6521 3.67106 18.5224 4.55577 18.5224 5.47826M2 5.47826V16.7826C2 18.58 5.2384 20.0592 9.39162 20.2418M18.5224 5.47826V9.3913M10.2612 12.4339C5.69929 12.4339 2 10.8774 2 8.95567M8.95682 16.3035C5.01491 16.0426 2 14.6035 2 12.8696M13.093 20.4719C12.1145 19.4934 11.5648 18.1663 11.5648 16.7826C11.5648 15.3989 12.1145 14.0718 13.093 13.0934C14.0715 12.1149 15.3986 11.5652 16.7824 11.5652C18.1662 11.5652 19.4933 12.1149 20.4718 13.0934M13.093 20.4719C14.0715 21.4503 15.3986 22 16.7824 22C18.1662 22 19.4933 21.4503 20.4718 20.4719C21.4503 19.4934 22 18.1663 22 16.7826C22 15.3989 21.4503 14.0718 20.4718 13.0934M13.093 20.4719L20.4718 13.0934", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }) })));
 const SvgDatabaseCross = wrapIcon(SvgDatabaseCrossBase);
 export default SvgDatabaseCross;
 //# sourceMappingURL=DatabaseCross.js.map