@neo4j-ndl/react 4.4.0 → 4.4.1

package/lib/cjs/tag/stories/tag.stories.js

@@ -26,42 +26,42 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = require("../../index");
 const _1 = require(".");
 const componentMeta = {
-    title: 'Components/Tag',
-    id: 'components-tag',
     component: index_1.Tag,
-    tags: ['docsPage'],
-    parameters: {
-        controls: { disable: true },
-    },
     decorators: [
         (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
     ],
+    id: 'components-tag',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Tag',
 };
 exports.default = componentMeta;
 exports.Types = {
     args: {},
-    render: _1.TagTypes,
     parameters: {
         docs: {
             source: {
+                code: _1.TagTypesSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TagTypesSource,
             },
         },
     },
+    render: _1.TagTypes,
 };
 exports.Sizes = {
     args: {},
-    render: _1.TagSizes,
     parameters: {
         docs: {
             source: {
+                code: _1.TagSizesSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TagSizesSource,
             },
         },
     },
+    render: _1.TagSizes,
 };
 //# sourceMappingURL=tag.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tag.stories.js","sourceRoot":"","sources":["../../../../src/tag/stories/tag.stories.tsx"],"names":[],"mappings":";;;;AAuBA,uCAAkC;AAClC,wBAAuE;AAEvE,MAAM,aAAa,GAAqB;IACtC,KAAK,EAAE,gBAAgB;IACvB,EAAE,EAAE,gBAAgB;IACpB,SAAS,EAAE,WAAG;IACd,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,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,WAAQ;IAChB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,iBAAc;aACrB;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,WAAQ;IAChB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,iBAAc;aACrB;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 */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Tag } from '../../index';\nimport { TagSizes, TagSizesSource, TagTypes, TagTypesSource } from '.';\n\nconst componentMeta: Meta<typeof Tag> = {\n  title: 'Components/Tag',\n  id: 'components-tag',\n  component: Tag,\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 Tag>;\n\nexport const Types: Story = {\n  args: {},\n  render: TagTypes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TagTypesSource,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  args: {},\n  render: TagSizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TagSizesSource,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"tag.stories.js","sourceRoot":"","sources":["../../../../src/tag/stories/tag.stories.tsx"],"names":[],"mappings":";;;;AAuBA,uCAAkC;AAClC,wBAAuE;AAEvE,MAAM,aAAa,GAAqB;IACtC,SAAS,EAAE,WAAG;IACd,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,gBAAgB;IACpB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,WAAQ;CACjB,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,WAAQ;CACjB,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 { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Tag } from '../../index';\nimport { TagSizes, TagSizesSource, TagTypes, TagTypesSource } from '.';\n\nconst componentMeta: Meta<typeof Tag> = {\n  component: Tag,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-tag',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Tag',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof Tag>;\n\nexport const Types: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TagTypesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TagTypes,\n};\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TagSizesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TagSizes,\n};\n"]}

package/lib/cjs/text-area/TextArea.js

@@ -53,12 +53,12 @@ const TextArea = (_a) => {
     var { label, isFluid = false, errorText, helpText, isOptional = false, moreInformationText, size = 'medium', ariaLabel, tooltipProps, isDisabled = false, className, isReadOnly = false, style, value, placeholder, htmlAttributes, ref } = _a, restProps = __rest(_a, ["label", "isFluid", "errorText", "helpText", "isOptional", "moreInformationText", "size", "ariaLabel", "tooltipProps", "isDisabled", "className", "isReadOnly", "style", "value", "placeholder", "htmlAttributes", "ref"]);
     const containerWrappingClasses = (0, classnames_1.default)(`ndl-text-area ndl-type-text`, className, {
         'ndl-disabled': isDisabled,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
-        'ndl-large': size === 'large',
         'ndl-has-error': errorText,
-        'ndl-has-trailing-icon': errorText,
         'ndl-has-icon': errorText,
+        'ndl-has-trailing-icon': errorText,
+        'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     const hasEmptyLabelValue = !label || label === '';
     const labelWrappingClasses = (0, classnames_1.default)('ndl-text-area-label', {
@@ -76,8 +76,8 @@ const TextArea = (_a) => {
         }
     }, [label, ariaLabel, hasCustomLabelAndNoAriaLabel]);
     const informationIconClasses = (0, classnames_1.default)({
-        'ndl-information-icon-small': size === 'small' || size === 'medium',
         'ndl-information-icon-large': size === 'large',
+        'ndl-information-icon-small': size === 'small' || size === 'medium',
     });
     return ((0, jsx_runtime_1.jsxs)("div", { className: containerWrappingClasses, children: [(0, jsx_runtime_1.jsxs)("label", { className: labelWrappingClasses, children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-text-area-wrapper", children: (0, jsx_runtime_1.jsx)("textarea", Object.assign({ disabled: isDisabled, ref: ref, "aria-label": ariaLabel, readOnly: isReadOnly, value: value, placeholder: placeholder, style: style }, restProps, htmlAttributes)) }), !hasEmptyLabelValue && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-text-area-wrapper", children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-text-area-label-text", children: label }), Boolean(moreInformationText) && ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, Object.assign({ type: "simple" }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.root, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.trigger, { children: (0, jsx_runtime_1.jsx)("div", { className: informationIconClasses, "data-testid": "ndl-information-icon", children: (0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, {}) }) })), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.content, { children: moreInformationText }))] }))), isOptional && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-text-area-optional", children: "Optional" }))] }))] }), helpText && !errorText && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-text-area-msg", children: helpText })), errorText && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-text-area-msg", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-error-icon", children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {}) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-error-text", children: errorText })] }))] }));
 };

package/lib/cjs/text-area/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/text-area/TextArea.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';\nimport { type ReactNode, useMemo } from 'react';\n\nimport { customLabelAndNoAriaLabelWarningMessage } from '../_common/messages';\nimport {\n  type CommonProps,\n  type HtmlAttributes,\n  type TooltipObjectProps,\n} from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport {\n  ExclamationCircleIconSolid,\n  InformationCircleIconOutline,\n} from '../icons';\nimport { Tooltip } from '../tooltip';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype TextAreaProps = {\n  /** The label displayed above the textarea */\n  label?: ReactNode;\n\n  /** Whether the textarea should take the full available width */\n  isFluid?: boolean;\n\n  /** Assistive text displayed below the textarea */\n  helpText?: string | ReactNode;\n\n  /** Error message displayed below the textarea. When provided, it overrides `helpText` and shows an error icon */\n  errorText?: string | ReactNode;\n\n  /** Size of the textarea */\n  size?: 'small' | 'medium' | 'large';\n\n  // TODO v5: use isRequired and showRequiredOrOptionalLabel like in TextInput\n  /** Whether to display the Optional label next to the field label */\n  isOptional?: boolean;\n\n  /** Text displayed in the information tooltip shown next to the label */\n  moreInformationText?: React.ReactNode;\n\n  /** Props for the Tooltip component used by the information icon */\n  tooltipProps?: TooltipObjectProps;\n\n  /** Whether the textarea is disabled */\n  isDisabled?: boolean;\n\n  /** Additional HTML attributes passed to the textarea element */\n  htmlAttributes?: HtmlAttributes<'textarea'>;\n\n  /** Aria label for accessibility when no visible label is provided */\n  ariaLabel?: string;\n\n  /** Additional class names */\n  className?: string;\n\n  /** Additional styles applied to the root element */\n  style?: React.CSSProperties;\n\n  /** Whether the textarea is read-only */\n  isReadOnly?: boolean;\n\n  /** The current value of the textarea */\n  value?: React.ComponentPropsWithoutRef<'textarea'>['value'];\n\n  /** Placeholder text displayed when the textarea is empty */\n  placeholder?: React.ComponentPropsWithoutRef<'textarea'>['placeholder'];\n};\n\n/**\n *\n *\n * TextArea Component\n *\n *\n */\n\nexport const TextArea = ({\n  label,\n  isFluid = false,\n  errorText,\n  helpText,\n  isOptional = false,\n  moreInformationText,\n  size = 'medium',\n  ariaLabel,\n  tooltipProps,\n  isDisabled = false,\n  className,\n  isReadOnly = false,\n  style,\n  value,\n  placeholder,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'textarea', TextAreaProps>) => {\n  const containerWrappingClasses = classNames(\n    `ndl-text-area ndl-type-text`,\n    className,\n    {\n      'ndl-disabled': isDisabled,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n      'ndl-has-error': errorText,\n      'ndl-has-trailing-icon': errorText,\n      'ndl-has-icon': errorText,\n    },\n  );\n\n  const hasEmptyLabelValue = !label || label === '';\n\n  const labelWrappingClasses = classNames('ndl-text-area-label', {\n    'ndl-fluid': isFluid,\n    'ndl-text-area-no-label': hasEmptyLabelValue,\n  });\n\n  const isCustomLabel = label && typeof label !== 'string';\n  const hasCustomLabelAndNoAriaLabel = isCustomLabel && !ariaLabel;\n\n  useMemo(() => {\n    if (!label && !ariaLabel) {\n      needleWarningMessage(\n        'A TextArea without a label does not have an aria label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI',\n      );\n    }\n\n    if (hasCustomLabelAndNoAriaLabel) {\n      needleWarningMessage(customLabelAndNoAriaLabelWarningMessage);\n    }\n  }, [label, ariaLabel, hasCustomLabelAndNoAriaLabel]);\n\n  const informationIconClasses = classNames({\n    'ndl-information-icon-small': size === 'small' || size === 'medium',\n    'ndl-information-icon-large': size === 'large',\n  });\n\n  return (\n    <div className={containerWrappingClasses}>\n      {/* We enable implicit label wrapping */}\n      {/* Source: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI */}\n      <label className={labelWrappingClasses}>\n        <div className=\"ndl-text-area-wrapper\">\n          <textarea\n            disabled={isDisabled}\n            ref={ref}\n            aria-label={ariaLabel}\n            readOnly={isReadOnly}\n            value={value}\n            placeholder={placeholder}\n            style={style}\n            {...restProps}\n            {...htmlAttributes}\n          />\n        </div>\n        {!hasEmptyLabelValue && (\n          <div className=\"ndl-text-area-wrapper\">\n            <span className=\"ndl-text-area-label-text\">{label}</span>\n            {Boolean(moreInformationText) && (\n              <Tooltip type=\"simple\" {...tooltipProps?.root}>\n                <Tooltip.Trigger {...tooltipProps?.trigger}>\n                  <div\n                    className={informationIconClasses}\n                    data-testid=\"ndl-information-icon\"\n                  >\n                    <InformationCircleIconOutline />\n                  </div>\n                </Tooltip.Trigger>\n                <Tooltip.Content {...tooltipProps?.content}>\n                  {moreInformationText}\n                </Tooltip.Content>\n              </Tooltip>\n            )}\n            {isOptional && (\n              <span className=\"ndl-text-area-optional\">Optional</span>\n            )}\n          </div>\n        )}\n      </label>\n      {helpText && !errorText && (\n        <div className=\"ndl-text-area-msg\">{helpText}</div>\n      )}\n      {errorText && (\n        <div className=\"ndl-text-area-msg\">\n          <div className=\"ndl-error-icon\">\n            <ExclamationCircleIconSolid />\n          </div>\n          <div className=\"ndl-error-text\">{errorText}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/text-area/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAEpC,iCAAgD;AAEhD,kDAA8E;AAM9E,4CAAwD;AACxD,oCAGkB;AAClB,wCAAqC;AA6DrC;;;;;;GAMG;AAEI,MAAM,QAAQ,GAAG,CAAC,EAmBgB,EAAE,EAAE;QAnBpB,EACvB,KAAK,EACL,OAAO,GAAG,KAAK,EACf,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,mBAAmB,EACnB,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,YAAY,EACZ,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,KAAK,EACL,WAAW,EACX,cAAc,EACd,GAAG,OAEoC,EADpC,SAAS,cAlBW,0NAmBxB,CADa;IAEZ,MAAM,wBAAwB,GAAG,IAAA,oBAAU,EACzC,6BAA6B,EAC7B,SAAS,EACT;QACE,cAAc,EAAE,UAAU;QAC1B,eAAe,EAAE,SAAS;QAC1B,cAAc,EAAE,SAAS;QACzB,uBAAuB,EAAE,SAAS;QAClC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,oBAAoB,GAAG,IAAA,oBAAU,EAAC,qBAAqB,EAAE;QAC7D,WAAW,EAAE,OAAO;QACpB,wBAAwB,EAAE,kBAAkB;KAC7C,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;IACzD,MAAM,4BAA4B,GAAG,aAAa,IAAI,CAAC,SAAS,CAAC;IAEjE,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;YACzB,IAAA,4BAAoB,EAClB,sLAAsL,CACvL,CAAC;QACJ,CAAC;QAED,IAAI,4BAA4B,EAAE,CAAC;YACjC,IAAA,4BAAoB,EAAC,kDAAuC,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,4BAA4B,CAAC,CAAC,CAAC;IAErD,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EAAC;QACxC,4BAA4B,EAAE,IAAI,KAAK,OAAO;QAC9C,4BAA4B,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ;KACpE,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,wBAAwB,aAGtC,mCAAO,SAAS,EAAE,oBAAoB,aACpC,gCAAK,SAAS,EAAC,uBAAuB,YACpC,mDACE,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,GAAG,gBACI,SAAS,EACrB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,IACR,SAAS,EACT,cAAc,EAClB,GACE,EACL,CAAC,kBAAkB,IAAI,CACtB,iCAAK,SAAS,EAAC,uBAAuB,aACpC,iCAAM,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAQ,EACxD,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAC/B,wBAAC,iBAAO,kBAAC,IAAI,EAAC,QAAQ,IAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,eAC3C,uBAAC,iBAAO,CAAC,OAAO,oBAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,cACxC,gCACE,SAAS,EAAE,sBAAsB,iBACrB,sBAAsB,YAElC,uBAAC,oCAA4B,KAAG,GAC5B,IACU,EAClB,uBAAC,iBAAO,CAAC,OAAO,oBAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,cACvC,mBAAmB,IACJ,KACV,CACX,EACA,UAAU,IAAI,CACb,iCAAM,SAAS,EAAC,wBAAwB,yBAAgB,CACzD,IACG,CACP,IACK,EACP,QAAQ,IAAI,CAAC,SAAS,IAAI,CACzB,gCAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,CACpD,EACA,SAAS,IAAI,CACZ,iCAAK,SAAS,EAAC,mBAAmB,aAChC,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,uBAAC,kCAA0B,KAAG,GAC1B,EACN,gCAAK,SAAS,EAAC,gBAAgB,YAAE,SAAS,GAAO,IAC7C,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AApHW,QAAA,QAAQ,YAoHnB","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';\nimport { type ReactNode, useMemo } from 'react';\n\nimport { customLabelAndNoAriaLabelWarningMessage } from '../_common/messages';\nimport {\n  type CommonProps,\n  type HtmlAttributes,\n  type TooltipObjectProps,\n} from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport {\n  ExclamationCircleIconSolid,\n  InformationCircleIconOutline,\n} from '../icons';\nimport { Tooltip } from '../tooltip';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype TextAreaProps = {\n  /** The label displayed above the textarea */\n  label?: ReactNode;\n\n  /** Whether the textarea should take the full available width */\n  isFluid?: boolean;\n\n  /** Assistive text displayed below the textarea */\n  helpText?: string | ReactNode;\n\n  /** Error message displayed below the textarea. When provided, it overrides `helpText` and shows an error icon */\n  errorText?: string | ReactNode;\n\n  /** Size of the textarea */\n  size?: 'small' | 'medium' | 'large';\n\n  // TODO v5: use isRequired and showRequiredOrOptionalLabel like in TextInput\n  /** Whether to display the Optional label next to the field label */\n  isOptional?: boolean;\n\n  /** Text displayed in the information tooltip shown next to the label */\n  moreInformationText?: React.ReactNode;\n\n  /** Props for the Tooltip component used by the information icon */\n  tooltipProps?: TooltipObjectProps;\n\n  /** Whether the textarea is disabled */\n  isDisabled?: boolean;\n\n  /** Additional HTML attributes passed to the textarea element */\n  htmlAttributes?: HtmlAttributes<'textarea'>;\n\n  /** Aria label for accessibility when no visible label is provided */\n  ariaLabel?: string;\n\n  /** Additional class names */\n  className?: string;\n\n  /** Additional styles applied to the root element */\n  style?: React.CSSProperties;\n\n  /** Whether the textarea is read-only */\n  isReadOnly?: boolean;\n\n  /** The current value of the textarea */\n  value?: React.ComponentPropsWithoutRef<'textarea'>['value'];\n\n  /** Placeholder text displayed when the textarea is empty */\n  placeholder?: React.ComponentPropsWithoutRef<'textarea'>['placeholder'];\n};\n\n/**\n *\n *\n * TextArea Component\n *\n *\n */\n\nexport const TextArea = ({\n  label,\n  isFluid = false,\n  errorText,\n  helpText,\n  isOptional = false,\n  moreInformationText,\n  size = 'medium',\n  ariaLabel,\n  tooltipProps,\n  isDisabled = false,\n  className,\n  isReadOnly = false,\n  style,\n  value,\n  placeholder,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'textarea', TextAreaProps>) => {\n  const containerWrappingClasses = classNames(\n    `ndl-text-area ndl-type-text`,\n    className,\n    {\n      'ndl-disabled': isDisabled,\n      'ndl-has-error': errorText,\n      'ndl-has-icon': errorText,\n      'ndl-has-trailing-icon': errorText,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-small': size === 'small',\n    },\n  );\n\n  const hasEmptyLabelValue = !label || label === '';\n\n  const labelWrappingClasses = classNames('ndl-text-area-label', {\n    'ndl-fluid': isFluid,\n    'ndl-text-area-no-label': hasEmptyLabelValue,\n  });\n\n  const isCustomLabel = label && typeof label !== 'string';\n  const hasCustomLabelAndNoAriaLabel = isCustomLabel && !ariaLabel;\n\n  useMemo(() => {\n    if (!label && !ariaLabel) {\n      needleWarningMessage(\n        'A TextArea without a label does not have an aria label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI',\n      );\n    }\n\n    if (hasCustomLabelAndNoAriaLabel) {\n      needleWarningMessage(customLabelAndNoAriaLabelWarningMessage);\n    }\n  }, [label, ariaLabel, hasCustomLabelAndNoAriaLabel]);\n\n  const informationIconClasses = classNames({\n    'ndl-information-icon-large': size === 'large',\n    'ndl-information-icon-small': size === 'small' || size === 'medium',\n  });\n\n  return (\n    <div className={containerWrappingClasses}>\n      {/* We enable implicit label wrapping */}\n      {/* Source: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI */}\n      <label className={labelWrappingClasses}>\n        <div className=\"ndl-text-area-wrapper\">\n          <textarea\n            disabled={isDisabled}\n            ref={ref}\n            aria-label={ariaLabel}\n            readOnly={isReadOnly}\n            value={value}\n            placeholder={placeholder}\n            style={style}\n            {...restProps}\n            {...htmlAttributes}\n          />\n        </div>\n        {!hasEmptyLabelValue && (\n          <div className=\"ndl-text-area-wrapper\">\n            <span className=\"ndl-text-area-label-text\">{label}</span>\n            {Boolean(moreInformationText) && (\n              <Tooltip type=\"simple\" {...tooltipProps?.root}>\n                <Tooltip.Trigger {...tooltipProps?.trigger}>\n                  <div\n                    className={informationIconClasses}\n                    data-testid=\"ndl-information-icon\"\n                  >\n                    <InformationCircleIconOutline />\n                  </div>\n                </Tooltip.Trigger>\n                <Tooltip.Content {...tooltipProps?.content}>\n                  {moreInformationText}\n                </Tooltip.Content>\n              </Tooltip>\n            )}\n            {isOptional && (\n              <span className=\"ndl-text-area-optional\">Optional</span>\n            )}\n          </div>\n        )}\n      </label>\n      {helpText && !errorText && (\n        <div className=\"ndl-text-area-msg\">{helpText}</div>\n      )}\n      {errorText && (\n        <div className=\"ndl-text-area-msg\">\n          <div className=\"ndl-error-icon\">\n            <ExclamationCircleIconSolid />\n          </div>\n          <div className=\"ndl-error-text\">{errorText}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/lib/cjs/text-area/stories/text-area.stories.js

@@ -26,123 +26,123 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = require("../../index");
 const _1 = require(".");
 const componentMeta = {
-    title: 'Components/TextArea',
-    id: 'components-text-area',
     component: index_1.TextArea,
-    tags: ['docsPage'],
-    parameters: {
-        controls: { disable: true },
-    },
     decorators: [
         (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
     ],
+    id: 'components-text-area',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/TextArea',
 };
 exports.default = componentMeta;
 exports.Default = {
     args: {},
-    render: _1.TextAreaDefault,
     parameters: {
         docs: {
             source: {
+                code: _1.TextAreaDefaultSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TextAreaDefaultSrc,
             },
         },
     },
+    render: _1.TextAreaDefault,
 };
 exports.Resizable = {
     args: {},
-    render: _1.TextAreaResizable,
     parameters: {
         docs: {
             source: {
+                code: _1.TextAreaResizableSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TextAreaResizableSrc,
             },
         },
     },
+    render: _1.TextAreaResizable,
 };
 exports.Optional = {
     args: {},
-    render: _1.TextAreaOptional,
     parameters: {
         docs: {
             source: {
+                code: _1.TextAreaOptionalSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TextAreaOptionalSrc,
             },
         },
     },
+    render: _1.TextAreaOptional,
 };
 exports.Error = {
     args: {},
-    render: _1.TextAreaError,
     parameters: {
         docs: {
             source: {
+                code: _1.TextAreaErrorSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TextAreaErrorSrc,
             },
         },
     },
+    render: _1.TextAreaError,
 };
 exports.Disabled = {
     args: {},
-    render: _1.TextAreaDisabled,
     parameters: {
         docs: {
             source: {
+                code: _1.TextAreaDisabledSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TextAreaDisabledSrc,
             },
         },
     },
+    render: _1.TextAreaDisabled,
 };
 exports.Fluid = {
     args: {},
-    render: _1.TextAreaFluid,
+    decorators: [
+        (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-w-full", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
     parameters: {
         docs: {
             source: {
+                code: _1.TextAreaFluidSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TextAreaFluidSrc,
             },
         },
     },
-    decorators: [
-        (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-w-full", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
+    render: _1.TextAreaFluid,
 };
 exports.Sizes = {
     args: {},
-    render: _1.TextAreaSizes,
     parameters: {
         docs: {
             source: {
+                code: _1.TextAreaSizesSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TextAreaSizesSrc,
             },
         },
     },
+    render: _1.TextAreaSizes,
 };
 exports.InformationIcon = {
     args: {},
-    render: _1.TextAreaInformationIcon,
     parameters: {
         docs: {
             source: {
+                code: _1.TextAreaInformationIconSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TextAreaInformationIconSrc,
             },
         },
     },
+    render: _1.TextAreaInformationIcon,
 };
 //# sourceMappingURL=text-area.stories.js.map

package/lib/cjs/text-area/stories/text-area.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.stories.js","sourceRoot":"","sources":["../../../../src/text-area/stories/text-area.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 { TextArea } from '../../index';\nimport {\n  TextAreaDefault,\n  TextAreaDefaultSrc,\n  TextAreaDisabled,\n  TextAreaDisabledSrc,\n  TextAreaError,\n  TextAreaErrorSrc,\n  TextAreaFluid,\n  TextAreaFluidSrc,\n  TextAreaInformationIcon,\n  TextAreaInformationIconSrc,\n  TextAreaOptional,\n  TextAreaOptionalSrc,\n  TextAreaResizable,\n  TextAreaResizableSrc,\n  TextAreaSizes,\n  TextAreaSizesSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof TextArea> = {\n  title: 'Components/TextArea',\n  id: 'components-text-area',\n  component: TextArea,\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 Default: Story = {\n  args: {},\n  render: TextAreaDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextAreaDefaultSrc,\n      },\n    },\n  },\n};\n\nexport const Resizable: Story = {\n  args: {},\n  render: TextAreaResizable,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextAreaResizableSrc,\n      },\n    },\n  },\n};\n\nexport const Optional: Story = {\n  args: {},\n  render: TextAreaOptional,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextAreaOptionalSrc,\n      },\n    },\n  },\n};\n\nexport const Error: Story = {\n  args: {},\n  render: TextAreaError,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextAreaErrorSrc,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  args: {},\n  render: TextAreaDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextAreaDisabledSrc,\n      },\n    },\n  },\n};\n\nexport const Fluid: Story = {\n  args: {},\n  render: TextAreaFluid,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextAreaFluidSrc,\n      },\n    },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"n-w-full\">\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport const Sizes: Story = {\n  args: {},\n  render: TextAreaSizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextAreaSizesSrc,\n      },\n    },\n  },\n};\n\nexport const InformationIcon: Story = {\n  args: {},\n  render: TextAreaInformationIcon,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextAreaInformationIconSrc,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"text-area.stories.js","sourceRoot":"","sources":["../../../../src/text-area/stories/text-area.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 { TextArea } from '../../index';\nimport {\n  TextAreaDefault,\n  TextAreaDefaultSrc,\n  TextAreaDisabled,\n  TextAreaDisabledSrc,\n  TextAreaError,\n  TextAreaErrorSrc,\n  TextAreaFluid,\n  TextAreaFluidSrc,\n  TextAreaInformationIcon,\n  TextAreaInformationIconSrc,\n  TextAreaOptional,\n  TextAreaOptionalSrc,\n  TextAreaResizable,\n  TextAreaResizableSrc,\n  TextAreaSizes,\n  TextAreaSizesSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof TextArea> = {\n  component: TextArea,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-text-area',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/TextArea',\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: TextAreaDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextAreaDefault,\n};\n\nexport const Resizable: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextAreaResizableSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextAreaResizable,\n};\n\nexport const Optional: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextAreaOptionalSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextAreaOptional,\n};\n\nexport const Error: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextAreaErrorSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextAreaError,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextAreaDisabledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextAreaDisabled,\n};\n\nexport const Fluid: Story = {\n  args: {},\n  decorators: [\n    (Story) => (\n      <div className=\"n-w-full\">\n        <Story />\n      </div>\n    ),\n  ],\n  parameters: {\n    docs: {\n      source: {\n        code: TextAreaFluidSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextAreaFluid,\n};\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextAreaSizesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextAreaSizes,\n};\n\nexport const InformationIcon: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextAreaInformationIconSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextAreaInformationIcon,\n};\n"]}

package/lib/cjs/text-input/stories/text-input-number.story.js

@@ -25,9 +25,9 @@ require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const Component = () => {
     return ((0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Age", htmlAttributes: {
-            type: 'number',
-            min: '0',
             max: '100',
+            min: '0',
+            type: 'number',
         } }));
 };
 exports.default = Component;

package/lib/cjs/text-input/stories/text-input-number.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-number.story.js","sourceRoot":"","sources":["../../../../src/text-input/stories/text-input-number.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA6C;AAE7C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,iBAAS,IACR,KAAK,EAAC,KAAK,EACX,cAAc,EAAE;YACd,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,GAAG;YACR,GAAG,EAAE,KAAK;SACX,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 { TextInput } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <TextInput\n      label=\"Age\"\n      htmlAttributes={{\n        type: 'number',\n        min: '0',\n        max: '100',\n      }}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"text-input-number.story.js","sourceRoot":"","sources":["../../../../src/text-input/stories/text-input-number.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA6C;AAE7C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,iBAAS,IACR,KAAK,EAAC,KAAK,EACX,cAAc,EAAE;YACd,GAAG,EAAE,KAAK;YACV,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,QAAQ;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 { TextInput } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <TextInput\n      label=\"Age\"\n      htmlAttributes={{\n        max: '100',\n        min: '0',\n        type: 'number',\n      }}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/text-link/stories/text-link.stories.js

@@ -25,65 +25,65 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@neo4j-ndl/react");
 const _1 = require(".");
 const componentMeta = {
-    title: 'Components/TextLink',
-    id: 'components-text-link',
     component: react_1.TextLink,
-    tags: ['docsPage'],
     decorators: [
         (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
     ],
+    id: 'components-text-link',
+    tags: ['docsPage'],
+    title: 'Components/TextLink',
 };
 exports.default = componentMeta;
 exports.Default = {
     args: {},
-    render: _1.TextLinkDefault,
     parameters: {
         docs: {
             source: {
+                code: _1.TextLinkDefaultSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TextLinkDefaultSource,
             },
         },
     },
+    render: _1.TextLinkDefault,
 };
 exports.InternalUnderline = {
     args: {},
-    render: _1.TextLinkInternalUnderline,
     parameters: {
         docs: {
             source: {
+                code: _1.TextLinkInternalUnderlineSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TextLinkInternalUnderlineSource,
             },
         },
     },
+    render: _1.TextLinkInternalUnderline,
 };
 exports.External = {
     args: {},
-    render: _1.TextLinkExternal,
     parameters: {
         docs: {
             source: {
+                code: _1.TextLinkExternalSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TextLinkExternalSource,
             },
         },
     },
+    render: _1.TextLinkExternal,
 };
 exports.InternalIcon = {
     args: {},
-    render: _1.TextLinkInternalIcon,
     parameters: {
         docs: {
             source: {
+                code: _1.TextLinkInternalIconSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.TextLinkInternalIconSource,
             },
         },
     },
+    render: _1.TextLinkInternalIcon,
 };
 //# sourceMappingURL=text-link.stories.js.map

package/lib/cjs/text-link/stories/text-link.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-link.stories.js","sourceRoot":"","sources":["../../../../src/text-link/stories/text-link.stories.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA4C;AAG5C,wBASW;AAEX,MAAM,aAAa,GAA0B;IAC3C,KAAK,EAAE,qBAAqB;IAC5B,EAAE,EAAE,sBAAsB;IAC1B,SAAS,EAAE,gBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,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,wBAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEW,QAAA,iBAAiB,GAAU;IACtC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,4BAAyB;IACjC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,kCAA+B;aACtC;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,yBAAsB;aAC7B;SACF;KACF;CACF,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,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,6BAA0B;aACjC;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 */\n\nimport { TextLink } from '@neo4j-ndl/react';\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport {\n  TextLinkDefault,\n  TextLinkDefaultSource,\n  TextLinkExternal,\n  TextLinkExternalSource,\n  TextLinkInternalIcon,\n  TextLinkInternalIconSource,\n  TextLinkInternalUnderline,\n  TextLinkInternalUnderlineSource,\n} from '.';\n\nconst componentMeta: Meta<typeof TextLink> = {\n  title: 'Components/TextLink',\n  id: 'components-text-link',\n  component: TextLink,\n  tags: ['docsPage'],\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 TextLink>;\n\nexport const Default: Story = {\n  args: {},\n  render: TextLinkDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextLinkDefaultSource,\n      },\n    },\n  },\n};\n\nexport const InternalUnderline: Story = {\n  args: {},\n  render: TextLinkInternalUnderline,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextLinkInternalUnderlineSource,\n      },\n    },\n  },\n};\n\nexport const External: Story = {\n  args: {},\n  render: TextLinkExternal,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextLinkExternalSource,\n      },\n    },\n  },\n};\n\nexport const InternalIcon: Story = {\n  args: {},\n  render: TextLinkInternalIcon,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextLinkInternalIconSource,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"text-link.stories.js","sourceRoot":"","sources":["../../../../src/text-link/stories/text-link.stories.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA4C;AAG5C,wBASW;AAEX,MAAM,aAAa,GAA0B;IAC3C,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,sBAAsB;IAC1B,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,wBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC;AAEW,QAAA,iBAAiB,GAAU;IACtC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kCAA+B;gBACrC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAAyB;CAClC,CAAC;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,mBAAgB;CACzB,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,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,uBAAoB;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 */\n\nimport { TextLink } from '@neo4j-ndl/react';\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport {\n  TextLinkDefault,\n  TextLinkDefaultSource,\n  TextLinkExternal,\n  TextLinkExternalSource,\n  TextLinkInternalIcon,\n  TextLinkInternalIconSource,\n  TextLinkInternalUnderline,\n  TextLinkInternalUnderlineSource,\n} from '.';\n\nconst componentMeta: Meta<typeof TextLink> = {\n  component: TextLink,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-text-link',\n  tags: ['docsPage'],\n  title: 'Components/TextLink',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof TextLink>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextLinkDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextLinkDefault,\n};\n\nexport const InternalUnderline: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextLinkInternalUnderlineSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextLinkInternalUnderline,\n};\n\nexport const External: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextLinkExternalSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextLinkExternal,\n};\n\nexport const InternalIcon: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextLinkInternalIconSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextLinkInternalIcon,\n};\n"]}

package/lib/cjs/text-overflow/stories/text-overflow.stories.js

@@ -1,5 +1,5 @@
 "use strict";
-/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* oxlint-disable @typescript-eslint/ban-ts-comment */
 // oxlint-disable no-unused-vars
 /**
  *

package/lib/cjs/text-overflow/stories/text-overflow.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-overflow.stories.js","sourceRoot":"","sources":["../../../../src/text-overflow/stories/text-overflow.stories.tsx"],"names":[],"mappings":";AAAA,sDAAsD;AACtD,gCAAgC;AAChC;;;;;;;;;;;;;;;;;;;GAmBG;;AAIH,kDAA+C;AAC/C,wBAWW;AAEX,MAAM,aAAa,GAA8B;IAC/C,SAAS,EAAE,2BAAY;IACvB,EAAE,EAAE,0BAA0B;IAC9B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,yBAAyB;CACjC,CAAC;AAEF,kBAAe,aAAa,CAAC;AAG7B,aAAa;AACb,MAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,6BAA0B;CACnC,CAAC;AAEF,aAAa;AACb,MAAM,qBAAqB,GAAU;IACnC,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,oCAAiC;CAC1C,CAAC;AAEF,aAAa;AACb,MAAM,SAAS,GAAU;IACvB,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,eAAY;gBAClB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,wBAAqB;CAC9B,CAAC;AAEF,aAAa;AACb,MAAM,YAAY,GAAU;IAC1B,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,2BAAwB;CACjC,CAAC;AAEF,aAAa;AACb,MAAM,oBAAoB,GAAU;IAClC,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,mCAAgC;CACzC,CAAC;AAEF,2DAA2D;AAC3D,WAAW;AACX,oBAAoB;AACpB,2BAA2B;AAC3B,eAAe;AACf,kBAAkB;AAClB,0BAA0B;AAC1B,KAAK","sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\n// oxlint-disable no-unused-vars\n/**\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 { TextOverflow } from '../TextOverflow';\nimport {\n  CharacterLimitSrc,\n  ExpandCollapseButtonsSrc,\n  LineClampSrc,\n  MixedContentSrc,\n  TextOverflowCharacterLimit,\n  TextOverflowExpandCollapseButtons,\n  TextOverflowLineClamp,\n  TextOverflowMixedContent,\n  TextOverflowWidthBasedTruncation,\n  WidthBasedTruncationSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof TextOverflow> = {\n  component: TextOverflow,\n  id: 'components-text-overflow',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/TextOverflow',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\n// @ts-ignore\nconst CharacterLimit: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CharacterLimitSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextOverflowCharacterLimit,\n};\n\n// @ts-ignore\nconst ExpandCollapseButtons: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ExpandCollapseButtonsSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextOverflowExpandCollapseButtons,\n};\n\n// @ts-ignore\nconst LineClamp: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: LineClampSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextOverflowLineClamp,\n};\n\n// @ts-ignore\nconst MixedContent: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: MixedContentSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextOverflowMixedContent,\n};\n\n// @ts-ignore\nconst WidthBasedTruncation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: WidthBasedTruncationSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextOverflowWidthBasedTruncation,\n};\n\n// TODO: don't export until we want to release TextOverflow\n// export {\n//   CharacterLimit,\n//   ExpandCollapseButtons,\n//   LineClamp,\n//   MixedContent,\n//   WidthBasedTruncation,\n// };\n"]}
+{"version":3,"file":"text-overflow.stories.js","sourceRoot":"","sources":["../../../../src/text-overflow/stories/text-overflow.stories.tsx"],"names":[],"mappings":";AAAA,sDAAsD;AACtD,gCAAgC;AAChC;;;;;;;;;;;;;;;;;;;GAmBG;;AAIH,kDAA+C;AAC/C,wBAWW;AAEX,MAAM,aAAa,GAA8B;IAC/C,SAAS,EAAE,2BAAY;IACvB,EAAE,EAAE,0BAA0B;IAC9B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,yBAAyB;CACjC,CAAC;AAEF,kBAAe,aAAa,CAAC;AAG7B,aAAa;AACb,MAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,6BAA0B;CACnC,CAAC;AAEF,aAAa;AACb,MAAM,qBAAqB,GAAU;IACnC,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,oCAAiC;CAC1C,CAAC;AAEF,aAAa;AACb,MAAM,SAAS,GAAU;IACvB,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,eAAY;gBAClB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,wBAAqB;CAC9B,CAAC;AAEF,aAAa;AACb,MAAM,YAAY,GAAU;IAC1B,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,2BAAwB;CACjC,CAAC;AAEF,aAAa;AACb,MAAM,oBAAoB,GAAU;IAClC,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,mCAAgC;CACzC,CAAC;AAEF,2DAA2D;AAC3D,WAAW;AACX,oBAAoB;AACpB,2BAA2B;AAC3B,eAAe;AACf,kBAAkB;AAClB,0BAA0B;AAC1B,KAAK","sourcesContent":["/* oxlint-disable @typescript-eslint/ban-ts-comment */\n// oxlint-disable no-unused-vars\n/**\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 { TextOverflow } from '../TextOverflow';\nimport {\n  CharacterLimitSrc,\n  ExpandCollapseButtonsSrc,\n  LineClampSrc,\n  MixedContentSrc,\n  TextOverflowCharacterLimit,\n  TextOverflowExpandCollapseButtons,\n  TextOverflowLineClamp,\n  TextOverflowMixedContent,\n  TextOverflowWidthBasedTruncation,\n  WidthBasedTruncationSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof TextOverflow> = {\n  component: TextOverflow,\n  id: 'components-text-overflow',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/TextOverflow',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\n// @ts-ignore\nconst CharacterLimit: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CharacterLimitSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextOverflowCharacterLimit,\n};\n\n// @ts-ignore\nconst ExpandCollapseButtons: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ExpandCollapseButtonsSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextOverflowExpandCollapseButtons,\n};\n\n// @ts-ignore\nconst LineClamp: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: LineClampSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextOverflowLineClamp,\n};\n\n// @ts-ignore\nconst MixedContent: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: MixedContentSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextOverflowMixedContent,\n};\n\n// @ts-ignore\nconst WidthBasedTruncation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: WidthBasedTruncationSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextOverflowWidthBasedTruncation,\n};\n\n// TODO: don't export until we want to release TextOverflow\n// export {\n//   CharacterLimit,\n//   ExpandCollapseButtons,\n//   LineClamp,\n//   MixedContent,\n//   WidthBasedTruncation,\n// };\n"]}

package/lib/cjs/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AACpC,+CAMe;AAGF,QAAA,YAAY,GAAG,IAAA,qBAAa,EACvC,SAAS,CACV,CAAC;AAOW,QAAA,aAAa,GAAG,IAAA,qBAAa,EACxC,SAAS,CACV,CAAC;AAYF;;GAEG;AACI,MAAM,cAAc,GAAoB,GAAG,EAAE;IAClD,IAAI,KAAK,GAAG,IAAA,kBAAU,EAAC,oBAAY,CAAC,CAAC;IACrC;;;;OAIG;IACH,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,KAAK,GAAG,OAAO,CAAC;IAClB,CAAC;IAED,MAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAEzC,OAAO;QACL,KAAK;QACL,cAAc,EAAE,aAAa,KAAK,EAAE;QACpC,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,cAAc,kBAkBzB;AAmBK,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,GAAG,OAAO,EACf,MAAM,EACN,QAAQ,EACR,YAAY,GACa,EAAE,EAAE;IAC7B,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,MAAM,KACJ,YAAY,IAAI,EAAE,EADd,EAAE,kBAAkB,EAAE,SAAS,OACjB,EADsB,gBAAgB,cAApD,mCAAsD,CACxC,CAAC;QACrB,MAAM,KAAK,mCACN,gBAAgB,KACnB,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,aAAa,KAAK,EAAE,CAAC,GACvD,CAAC;QAEF,IAAI,kBAAkB,KAAK,IAAI,EAAE,CAAC;YAChC,OAAO,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC5C,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,kCAC1B,KAAK,KACR,SAAS,EAAE,IAAA,oBAAU,EAAC,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,IAC7D,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,OAAO,CACL,iDACM,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EAAC,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC,YAE1D,QAAQ,IACJ,CACR,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,uBAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACjC,uBAAC,qBAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YAClC,cAAc,GACQ,GACH,CACzB,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,mBAAmB,uBAwC9B","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 React, {\n  createContext,\n  type HTMLAttributes,\n  type PropsWithChildren,\n  useContext,\n  useMemo,\n} from 'react';\ntype ThemeContextType = 'light' | 'dark';\n\nexport const ThemeContext = createContext<ThemeContextType | undefined>(\n  undefined,\n);\n\ntype TokensContextType = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [key: string]: any;\n};\n\nexport const TokensContext = createContext<TokensContextType | undefined>(\n  undefined,\n);\n\ntype NeedleThemeHook = () => {\n  theme: ThemeContextType;\n  /**\n   * A classname that can be used to scope\n   * elements that are portal-ed like\n   * Modals, Popovers, etc.\n   */\n  themeClassName: string;\n  tokens?: TokensContextType;\n};\n/**\n * Hook to access the current theme effortlessly\n */\nexport const useNeedleTheme: NeedleThemeHook = () => {\n  let theme = useContext(ThemeContext);\n  /**\n   * If the theme is undefined, we are not\n   * inside a `NeedleThemeProvider` .\n   * Defaults to `light` theme.\n   */\n  if (theme === undefined) {\n    theme = 'light';\n  }\n\n  const tokens = useContext(TokensContext);\n\n  return {\n    theme,\n    themeClassName: `ndl-theme-${theme}`,\n    tokens,\n  };\n};\n\ninterface NeedleThemeProviderProps extends PropsWithChildren {\n  theme?: 'dark' | 'light';\n  tokens?: TokensContextType;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  children: any;\n  /**\n   * Nested theme providers will receive a wrapping `span` tag\n   * in order to set correctly the default text `color` that all nested\n   * children will inherit by adding the respective class `ndl-theme-{theme}`.\n   *\n   * If an extra wrapper is not desired, pass `{ isWrappingChildren : false }`.\n   * This requires child components accept and consumer className prop.\n   *\n   */\n  wrapperProps?: HTMLAttributes<HTMLElement> & { isWrappingChildren?: boolean };\n}\n\nexport const NeedleThemeProvider = ({\n  theme = 'light',\n  tokens,\n  children,\n  wrapperProps,\n}: NeedleThemeProviderProps) => {\n  const clonedChildren = useMemo(() => {\n    const { isWrappingChildren, className, ...restWrapperProps } =\n      wrapperProps || {};\n    const props = {\n      ...restWrapperProps,\n      className: classNames(className, `ndl-theme-${theme}`),\n    };\n\n    if (isWrappingChildren !== true) {\n      return React.Children.map(children, (child) => {\n        return React.cloneElement(child, {\n          ...props,\n          className: classNames(child.props.className, props.className),\n        });\n      });\n    } else {\n      return (\n        <span\n          {...props}\n          className={classNames('ndl-theme-wrapper', props.className)}\n        >\n          {children}\n        </span>\n      );\n    }\n  }, [wrapperProps, theme, children]);\n\n  return (\n    <ThemeContext.Provider value={theme}>\n      <TokensContext.Provider value={tokens}>\n        {clonedChildren}\n      </TokensContext.Provider>\n    </ThemeContext.Provider>\n  );\n};\n"]}
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AACpC,+CAMe;AAGF,QAAA,YAAY,GAAG,IAAA,qBAAa,EACvC,SAAS,CACV,CAAC;AAOW,QAAA,aAAa,GAAG,IAAA,qBAAa,EACxC,SAAS,CACV,CAAC;AAYF;;GAEG;AACI,MAAM,cAAc,GAAoB,GAAG,EAAE;IAClD,IAAI,KAAK,GAAG,IAAA,kBAAU,EAAC,oBAAY,CAAC,CAAC;IACrC;;;;OAIG;IACH,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,KAAK,GAAG,OAAO,CAAC;IAClB,CAAC;IAED,MAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAEzC,OAAO;QACL,KAAK;QACL,cAAc,EAAE,aAAa,KAAK,EAAE;QACpC,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,cAAc,kBAkBzB;AAmBK,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,GAAG,OAAO,EACf,MAAM,EACN,QAAQ,EACR,YAAY,GACa,EAAE,EAAE;IAC7B,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,MAAM,KACJ,YAAY,IAAI,EAAE,EADd,EAAE,kBAAkB,EAAE,SAAS,OACjB,EADsB,gBAAgB,cAApD,mCAAsD,CACxC,CAAC;QACrB,MAAM,KAAK,mCACN,gBAAgB,KACnB,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,aAAa,KAAK,EAAE,CAAC,GACvD,CAAC;QAEF,IAAI,kBAAkB,KAAK,IAAI,EAAE,CAAC;YAChC,OAAO,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC5C,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,kCAC1B,KAAK,KACR,SAAS,EAAE,IAAA,oBAAU,EAAC,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,IAC7D,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,OAAO,CACL,iDACM,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EAAC,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC,YAE1D,QAAQ,IACJ,CACR,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,uBAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACjC,uBAAC,qBAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YAClC,cAAc,GACQ,GACH,CACzB,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,mBAAmB,uBAwC9B","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 React, {\n  createContext,\n  type HTMLAttributes,\n  type PropsWithChildren,\n  useContext,\n  useMemo,\n} from 'react';\ntype ThemeContextType = 'light' | 'dark';\n\nexport const ThemeContext = createContext<ThemeContextType | undefined>(\n  undefined,\n);\n\ntype TokensContextType = {\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  [key: string]: any;\n};\n\nexport const TokensContext = createContext<TokensContextType | undefined>(\n  undefined,\n);\n\ntype NeedleThemeHook = () => {\n  theme: ThemeContextType;\n  /**\n   * A classname that can be used to scope\n   * elements that are portal-ed like\n   * Modals, Popovers, etc.\n   */\n  themeClassName: string;\n  tokens?: TokensContextType;\n};\n/**\n * Hook to access the current theme effortlessly\n */\nexport const useNeedleTheme: NeedleThemeHook = () => {\n  let theme = useContext(ThemeContext);\n  /**\n   * If the theme is undefined, we are not\n   * inside a `NeedleThemeProvider` .\n   * Defaults to `light` theme.\n   */\n  if (theme === undefined) {\n    theme = 'light';\n  }\n\n  const tokens = useContext(TokensContext);\n\n  return {\n    theme,\n    themeClassName: `ndl-theme-${theme}`,\n    tokens,\n  };\n};\n\ninterface NeedleThemeProviderProps extends PropsWithChildren {\n  theme?: 'dark' | 'light';\n  tokens?: TokensContextType;\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  children: any;\n  /**\n   * Nested theme providers will receive a wrapping `span` tag\n   * in order to set correctly the default text `color` that all nested\n   * children will inherit by adding the respective class `ndl-theme-{theme}`.\n   *\n   * If an extra wrapper is not desired, pass `{ isWrappingChildren : false }`.\n   * This requires child components accept and consumer className prop.\n   *\n   */\n  wrapperProps?: HTMLAttributes<HTMLElement> & { isWrappingChildren?: boolean };\n}\n\nexport const NeedleThemeProvider = ({\n  theme = 'light',\n  tokens,\n  children,\n  wrapperProps,\n}: NeedleThemeProviderProps) => {\n  const clonedChildren = useMemo(() => {\n    const { isWrappingChildren, className, ...restWrapperProps } =\n      wrapperProps || {};\n    const props = {\n      ...restWrapperProps,\n      className: classNames(className, `ndl-theme-${theme}`),\n    };\n\n    if (isWrappingChildren !== true) {\n      return React.Children.map(children, (child) => {\n        return React.cloneElement(child, {\n          ...props,\n          className: classNames(child.props.className, props.className),\n        });\n      });\n    } else {\n      return (\n        <span\n          {...props}\n          className={classNames('ndl-theme-wrapper', props.className)}\n        >\n          {children}\n        </span>\n      );\n    }\n  }, [wrapperProps, theme, children]);\n\n  return (\n    <ThemeContext.Provider value={theme}>\n      <TokensContext.Provider value={tokens}>\n        {clonedChildren}\n      </TokensContext.Provider>\n    </ThemeContext.Provider>\n  );\n};\n"]}

package/lib/cjs/theme/agnostic.js

@@ -22,7 +22,7 @@ exports.n = void 0;
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 const ThemeProvider_1 = require("./ThemeProvider");
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// oxlint-disable-next-line @typescript-eslint/no-explicit-any
 function defaultStringToJson(path, json = {}, theme) {
     const parts = path.split('.');
     let part;

package/lib/cjs/theme/agnostic.js.map

@@ -1 +1 @@
-{"version":3,"file":"agnostic.js","sourceRoot":"","sources":["../../../src/theme/agnostic.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mDAAiD;AAEjD,8DAA8D;AAC9D,SAAS,mBAAmB,CAAC,IAAY,EAAE,OAAY,EAAE,EAAE,KAAa;IACtE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC9B,IAAI,IAAI,CAAC;IACT,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC;QAC9B,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,QAAQ,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;QACD,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QAClB,4BAA4B;QAC5B,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC;AACH,CAAC;AAED,MAAM,IAAI,GAAG,CACX,IAAY,EACZ,YAAY,GAAG,mBAAmB,EACnB,EAAE;IACjB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC3C,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,CAAC,KAAK,CACX,uFAAuF,CACxF,CAAC;QACF,OAAO;IACT,CAAC;IACD,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAChD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,CAAC,IAAI,CACV,uBAAuB,IAAI,uDAAuD,CACnF,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,2DAA2D;AAC3D,0DAA0D;AAC1D,oCAAoC;AACvB,QAAA,CAAC,GAAG,IAAI,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 { useNeedleTheme } from './ThemeProvider';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction defaultStringToJson(path: string, json: any = {}, theme: string): any {\n  const parts = path.split('.');\n  let part;\n  while ((part = parts.shift())) {\n    if (typeof json[part] !== 'object') {\n      return json[part];\n    }\n    json = json[part];\n    // Specific for theme tokens\n    if (part === 'theme') {\n      json = json[theme];\n    }\n  }\n}\n\nconst useN = (\n  path: string,\n  stringToJson = defaultStringToJson,\n): string | void => {\n  const { theme, tokens } = useNeedleTheme();\n  if (!tokens) {\n    console.error(\n      'design tokens not found, you need to set the design tokens in the NeedleThemeProvider',\n    );\n    return;\n  }\n  const value = stringToJson(path, tokens, theme);\n  if (!value) {\n    console.warn(\n      `design token value \"${path}\" not found, are you sure the string path is correct?`,\n    );\n  }\n  return value;\n};\n\n// React will complain if we don't use the prefix \"use\" for\n// holding the useNeedleTheme function call. \"n\" is a more\n// convenient name for the function.\nexport const n = useN;\n"]}
+{"version":3,"file":"agnostic.js","sourceRoot":"","sources":["../../../src/theme/agnostic.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mDAAiD;AAEjD,8DAA8D;AAC9D,SAAS,mBAAmB,CAAC,IAAY,EAAE,OAAY,EAAE,EAAE,KAAa;IACtE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC9B,IAAI,IAAI,CAAC;IACT,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC;QAC9B,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,QAAQ,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;QACD,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QAClB,4BAA4B;QAC5B,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC;AACH,CAAC;AAED,MAAM,IAAI,GAAG,CACX,IAAY,EACZ,YAAY,GAAG,mBAAmB,EACnB,EAAE;IACjB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC3C,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,CAAC,KAAK,CACX,uFAAuF,CACxF,CAAC;QACF,OAAO;IACT,CAAC;IACD,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAChD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,CAAC,IAAI,CACV,uBAAuB,IAAI,uDAAuD,CACnF,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,2DAA2D;AAC3D,0DAA0D;AAC1D,oCAAoC;AACvB,QAAA,CAAC,GAAG,IAAI,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 { useNeedleTheme } from './ThemeProvider';\n\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nfunction defaultStringToJson(path: string, json: any = {}, theme: string): any {\n  const parts = path.split('.');\n  let part;\n  while ((part = parts.shift())) {\n    if (typeof json[part] !== 'object') {\n      return json[part];\n    }\n    json = json[part];\n    // Specific for theme tokens\n    if (part === 'theme') {\n      json = json[theme];\n    }\n  }\n}\n\nconst useN = (\n  path: string,\n  stringToJson = defaultStringToJson,\n): string | void => {\n  const { theme, tokens } = useNeedleTheme();\n  if (!tokens) {\n    console.error(\n      'design tokens not found, you need to set the design tokens in the NeedleThemeProvider',\n    );\n    return;\n  }\n  const value = stringToJson(path, tokens, theme);\n  if (!value) {\n    console.warn(\n      `design token value \"${path}\" not found, are you sure the string path is correct?`,\n    );\n  }\n  return value;\n};\n\n// React will complain if we don't use the prefix \"use\" for\n// holding the useNeedleTheme function call. \"n\" is a more\n// convenient name for the function.\nexport const n = useN;\n"]}

package/lib/cjs/time-picker/TimePicker.js

@@ -64,13 +64,13 @@ const TimePicker = (_a) => {
     const { isPopoverOpen, setIsPopoverOpen } = (0, time_picker_hooks_1.useTimePickerPopover)(false);
     const { focusedIndex, setFocusedIndex, handleArrowNavigation } = (0, time_picker_hooks_1.useKeyboardNavigation)(listRef, timeOptions.length);
     const classes = {
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
-        'ndl-large': size === 'large',
+        'ndl-disabled': isDisabled,
         'ndl-error': error !== undefined,
         'ndl-fluid': isFluid,
-        'ndl-disabled': isDisabled,
+        'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
         'ndl-read-only': isReadOnly,
+        'ndl-small': size === 'small',
     };
     const inputWidth = isFluid === true ? '100%' : is24Hour === true ? '6rem' : '9rem';
     const errorToShow = errorText !== undefined && errorText !== '' ? errorText : error;