@neo4j-ndl/react 4.3.5 → 4.3.6

package/lib/esm/text-input/stories/text-input.stories.js

@@ -21,200 +21,226 @@
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TextInput } from '../../index';
-import { TextInputDefault, TextInputDefaultSource, TextInputDisabled, TextInputDisabledSource, TextInputEmail, TextInputEmailSource, TextInputError, TextInputErrorSource, TextInputFull, TextInputFullSource, TextInputInformationIcon, TextInputInformationIconSource, TextInputLoading, TextInputLoadingSource, TextInputNumber, TextInputNumberSource, TextInputOptional, TextInputOptionalSource, TextInputPassword, TextInputPasswordSource, TextInputReadonly, TextInputReadonlySource, TextInputRequired, TextInputRequiredSource, TextInputSizes, TextInputSizesSource, TextInputWithIcons, TextInputWithIconsSource, } from '.';
+import { TextInputClearable, TextInputClearableSource, TextInputDefault, TextInputDefaultSource, TextInputDisabled, TextInputDisabledSource, TextInputEmail, TextInputEmailSource, TextInputError, TextInputErrorSource, TextInputFull, TextInputFullSource, TextInputInformationIcon, TextInputInformationIconSource, TextInputLoading, TextInputLoadingSource, TextInputLoadingSpinner, TextInputLoadingSpinnerSource, TextInputNumber, TextInputNumberSource, TextInputOptional, TextInputOptionalSource, TextInputPassword, TextInputPasswordSource, TextInputReadonly, TextInputReadonlySource, TextInputRequired, TextInputRequiredSource, TextInputSizes, TextInputSizesSource, TextInputWithIcons, TextInputWithIconsSource, } from '.';
 const componentMeta = {
-    title: 'Components/TextInput',
-    id: 'components-text-input',
     component: TextInput,
-    tags: ['docsPage'],
-    parameters: {
-        controls: { disable: true },
-    },
     decorators: [
         (Story) => (_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Story, {}) })),
     ],
+    id: 'components-text-input',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/TextInput',
 };
 export default componentMeta;
 export const Default = {
     args: {},
-    render: TextInputDefault,
     parameters: {
         docs: {
             source: {
+                code: TextInputDefaultSource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputDefaultSource,
             },
         },
     },
+    render: TextInputDefault,
 };
 export const Required = {
     args: {},
-    render: TextInputRequired,
     parameters: {
         docs: {
             source: {
+                code: TextInputRequiredSource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputRequiredSource,
             },
         },
     },
+    render: TextInputRequired,
 };
 export const Optional = {
     args: {},
-    render: TextInputOptional,
     parameters: {
         docs: {
             source: {
+                code: TextInputOptionalSource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputOptionalSource,
             },
         },
     },
+    render: TextInputOptional,
 };
 export const Disabled = {
     args: {},
-    render: TextInputDisabled,
     parameters: {
         docs: {
             source: {
+                code: TextInputDisabledSource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputDisabledSource,
             },
         },
     },
+    render: TextInputDisabled,
 };
 export const Readonly = {
     args: {},
-    render: TextInputReadonly,
     parameters: {
         docs: {
             source: {
+                code: TextInputReadonlySource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputReadonlySource,
             },
         },
     },
+    render: TextInputReadonly,
 };
 export const Error = {
     args: {},
-    render: TextInputError,
     parameters: {
         docs: {
             source: {
+                code: TextInputErrorSource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputErrorSource,
             },
         },
     },
+    render: TextInputError,
 };
 export const InformationIcon = {
     args: {},
-    render: TextInputInformationIcon,
     parameters: {
         docs: {
             source: {
+                code: TextInputInformationIconSource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputInformationIconSource,
             },
         },
     },
+    render: TextInputInformationIcon,
 };
 export const Email = {
     args: {},
-    render: TextInputEmail,
     parameters: {
         docs: {
             source: {
+                code: TextInputEmailSource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputEmailSource,
             },
         },
     },
+    render: TextInputEmail,
 };
 export const Number = {
     args: {},
-    render: TextInputNumber,
     parameters: {
         docs: {
             source: {
+                code: TextInputNumberSource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputNumberSource,
             },
         },
     },
+    render: TextInputNumber,
 };
 export const WithIcons = {
     args: {},
-    render: TextInputWithIcons,
     parameters: {
         docs: {
             source: {
+                code: TextInputWithIconsSource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputWithIconsSource,
             },
         },
     },
+    render: TextInputWithIcons,
 };
 export const Password = {
     args: {},
-    render: TextInputPassword,
     parameters: {
         docs: {
             source: {
+                code: TextInputPasswordSource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputPasswordSource,
             },
         },
     },
+    render: TextInputPassword,
 };
 export const Sizes = {
     args: {},
-    render: TextInputSizes,
     parameters: {
         docs: {
             source: {
+                code: TextInputSizesSource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputSizesSource,
             },
         },
     },
+    render: TextInputSizes,
 };
-export const Loading = {
+export const SkeletonLoading = {
     args: {},
-    render: TextInputLoading,
     parameters: {
         docs: {
             source: {
+                code: TextInputLoadingSource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputLoadingSource,
             },
         },
     },
+    render: TextInputLoading,
 };
 export const Full = {
     args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: TextInputFullSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
     render: TextInputFull,
+};
+export const Clearable = {
+    args: {},
     parameters: {
         docs: {
             source: {
+                code: TextInputClearableSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: TextInputClearable,
+};
+export const Loading = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: TextInputLoadingSpinnerSource,
                 language: 'tsx',
                 type: 'code',
-                code: TextInputFullSource,
             },
         },
     },
+    render: TextInputLoadingSpinner,
 };
 //# sourceMappingURL=text-input.stories.js.map

package/lib/esm/text-input/stories/text-input.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.stories.js","sourceRoot":"","sources":["../../../../src/text-input/stories/text-input.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 { TextInput } from '../../index';\nimport {\n  TextInputDefault,\n  TextInputDefaultSource,\n  TextInputDisabled,\n  TextInputDisabledSource,\n  TextInputEmail,\n  TextInputEmailSource,\n  TextInputError,\n  TextInputErrorSource,\n  TextInputFull,\n  TextInputFullSource,\n  TextInputInformationIcon,\n  TextInputInformationIconSource,\n  TextInputLoading,\n  TextInputLoadingSource,\n  TextInputNumber,\n  TextInputNumberSource,\n  TextInputOptional,\n  TextInputOptionalSource,\n  TextInputPassword,\n  TextInputPasswordSource,\n  TextInputReadonly,\n  TextInputReadonlySource,\n  TextInputRequired,\n  TextInputRequiredSource,\n  TextInputSizes,\n  TextInputSizesSource,\n  TextInputWithIcons,\n  TextInputWithIconsSource,\n} from '.';\n\nconst componentMeta: Meta<typeof TextInput> = {\n  title: 'Components/TextInput',\n  id: 'components-text-input',\n  component: TextInput,\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 TextInput>;\n\nexport const Default: Story = {\n  args: {},\n  render: TextInputDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputDefaultSource,\n      },\n    },\n  },\n};\n\nexport const Required: Story = {\n  args: {},\n  render: TextInputRequired,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputRequiredSource,\n      },\n    },\n  },\n};\n\nexport const Optional: Story = {\n  args: {},\n  render: TextInputOptional,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputOptionalSource,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  args: {},\n  render: TextInputDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputDisabledSource,\n      },\n    },\n  },\n};\n\nexport const Readonly: Story = {\n  args: {},\n  render: TextInputReadonly,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputReadonlySource,\n      },\n    },\n  },\n};\n\nexport const Error: Story = {\n  args: {},\n  render: TextInputError,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputErrorSource,\n      },\n    },\n  },\n};\n\nexport const InformationIcon: Story = {\n  args: {},\n  render: TextInputInformationIcon,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputInformationIconSource,\n      },\n    },\n  },\n};\n\nexport const Email: Story = {\n  args: {},\n  render: TextInputEmail,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputEmailSource,\n      },\n    },\n  },\n};\n\nexport const Number: Story = {\n  args: {},\n  render: TextInputNumber,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputNumberSource,\n      },\n    },\n  },\n};\n\nexport const WithIcons: Story = {\n  args: {},\n  render: TextInputWithIcons,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputWithIconsSource,\n      },\n    },\n  },\n};\n\nexport const Password: Story = {\n  args: {},\n  render: TextInputPassword,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputPasswordSource,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  args: {},\n  render: TextInputSizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputSizesSource,\n      },\n    },\n  },\n};\n\nexport const Loading: Story = {\n  args: {},\n  render: TextInputLoading,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputLoadingSource,\n      },\n    },\n  },\n};\n\nexport const Full: Story = {\n  args: {},\n  render: TextInputFull,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TextInputFullSource,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"text-input.stories.js","sourceRoot":"","sources":["../../../../src/text-input/stories/text-input.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 { TextInput } from '../../index';\nimport {\n  TextInputClearable,\n  TextInputClearableSource,\n  TextInputDefault,\n  TextInputDefaultSource,\n  TextInputDisabled,\n  TextInputDisabledSource,\n  TextInputEmail,\n  TextInputEmailSource,\n  TextInputError,\n  TextInputErrorSource,\n  TextInputFull,\n  TextInputFullSource,\n  TextInputInformationIcon,\n  TextInputInformationIconSource,\n  TextInputLoading,\n  TextInputLoadingSource,\n  TextInputLoadingSpinner,\n  TextInputLoadingSpinnerSource,\n  TextInputNumber,\n  TextInputNumberSource,\n  TextInputOptional,\n  TextInputOptionalSource,\n  TextInputPassword,\n  TextInputPasswordSource,\n  TextInputReadonly,\n  TextInputReadonlySource,\n  TextInputRequired,\n  TextInputRequiredSource,\n  TextInputSizes,\n  TextInputSizesSource,\n  TextInputWithIcons,\n  TextInputWithIconsSource,\n} from '.';\n\nconst componentMeta: Meta<typeof TextInput> = {\n  component: TextInput,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-text-input',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/TextInput',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof TextInput>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputDefault,\n};\n\nexport const Required: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputRequiredSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputRequired,\n};\n\nexport const Optional: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputOptionalSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputOptional,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputDisabledSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputDisabled,\n};\n\nexport const Readonly: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputReadonlySource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputReadonly,\n};\n\nexport const Error: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputErrorSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputError,\n};\n\nexport const InformationIcon: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputInformationIconSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputInformationIcon,\n};\n\nexport const Email: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputEmailSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputEmail,\n};\n\nexport const Number: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputNumberSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputNumber,\n};\n\nexport const WithIcons: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputWithIconsSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputWithIcons,\n};\n\nexport const Password: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputPasswordSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputPassword,\n};\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputSizesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputSizes,\n};\n\nexport const SkeletonLoading: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputLoadingSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputLoading,\n};\n\nexport const Full: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputFullSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputFull,\n};\n\nexport const Clearable: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputClearableSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputClearable,\n};\n\nexport const Loading: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TextInputLoadingSpinnerSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TextInputLoadingSpinner,\n};\n"]}

package/lib/types/text-input/TextInput.d.ts

@@ -62,6 +62,10 @@ type TextInputProps = {
     isSkeletonLoading?: boolean;
     /** Additional props forwarded to the underlying Skeleton components */
     skeletonProps?: React.ComponentProps<typeof Skeleton>;
+    /** Whether to show the clear button */
+    isClearable?: boolean;
+    /** Whether to show the loading spinner */
+    isLoading?: boolean;
 };
 /**
  *
@@ -70,6 +74,6 @@ type TextInputProps = {
  *
  *
  */
-export declare const TextInput: ({ label, isFluid, errorText, helpText, leadingElement, trailingElement, showRequiredOrOptionalLabel, moreInformationText, size, placeholder, value, tooltipProps, htmlAttributes, isDisabled, isReadOnly, isRequired, onChange, className, style, isSkeletonLoading, skeletonProps, ref, ...restProps }: CommonProps<"input", TextInputProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const TextInput: ({ label, isFluid, errorText, helpText, leadingElement, trailingElement, showRequiredOrOptionalLabel, moreInformationText, size, placeholder, value, tooltipProps, htmlAttributes, isDisabled, isReadOnly, isRequired, onChange, isClearable, className, style, isSkeletonLoading, isLoading, skeletonProps, ref, ...restProps }: CommonProps<"input", TextInputProps>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TextInput.d.ts.map

package/lib/types/text-input/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAM7E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC,KAAK,cAAc,GAAG;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9B,8GAA8G;IAC9G,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B,gDAAgD;IAChD,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B,iDAAiD;IACjD,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,qCAAqC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;IAEzD,yDAAyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;IAErE,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC;IAE/D,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEjC,mEAAmE;IACnE,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAElC,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,uEAAuE;IACvE,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;CACvD,CAAC;AAEF;;;;;;GAMG;AAEH,eAAO,MAAM,SAAS,GAAI,ySAwBvB,WAAW,CAAC,OAAO,EAAE,cAAc,CAAC,4CAwKtC,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAS7E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC,KAAK,cAAc,GAAG;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9B,8GAA8G;IAC9G,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B,gDAAgD;IAChD,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B,iDAAiD;IACjD,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,qCAAqC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;IAEzD,yDAAyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;IAErE,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC;IAE/D,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEjC,mEAAmE;IACnE,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAElC,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,uEAAuE;IACvE,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;IAEtD,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;GAMG;AAEH,eAAO,MAAM,SAAS,GAAI,iUA0BvB,WAAW,CAAC,OAAO,EAAE,cAAc,CAAC,4CAiPtC,CAAC"}

package/lib/types/text-input/stories/index.d.ts

@@ -32,6 +32,8 @@ export { default as TextInputPassword } from './text-input-password.story';
 export { default as TextInputSizes } from './text-input-sizes.story';
 export { default as TextInputLoading } from './text-input-loading.story';
 export { default as TextInputFull } from './text-input-full.story';
+export { default as TextInputClearable } from './text-input-clearable.story';
+export { default as TextInputLoadingSpinner } from './text-input-loading-spinner.story';
 export declare const TextInputDefaultSource: string;
 export declare const TextInputRequiredSource: string;
 export declare const TextInputOptionalSource: string;
@@ -46,4 +48,6 @@ export declare const TextInputPasswordSource: string;
 export declare const TextInputSizesSource: string;
 export declare const TextInputLoadingSource: string;
 export declare const TextInputFullSource: string;
+export declare const TextInputClearableSource: string;
+export declare const TextInputLoadingSpinnerSource: string;
 //# sourceMappingURL=index.d.ts.map

package/lib/types/text-input/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/text-input/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAkBnE,eAAO,MAAM,sBAAsB,QAElC,CAAC;AACF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AACF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AACF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AACF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AACF,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AACF,eAAO,MAAM,8BAA8B,QAE1C,CAAC;AACF,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AACF,eAAO,MAAM,qBAAqB,QAEjC,CAAC;AACF,eAAO,MAAM,wBAAwB,QAEpC,CAAC;AACF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AACF,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AACF,eAAO,MAAM,sBAAsB,QAElC,CAAC;AACF,eAAO,MAAM,mBAAmB,QAA8C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/text-input/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAoBxF,eAAO,MAAM,sBAAsB,QAElC,CAAC;AACF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AACF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AACF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AACF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AACF,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AACF,eAAO,MAAM,8BAA8B,QAE1C,CAAC;AACF,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AACF,eAAO,MAAM,qBAAqB,QAEjC,CAAC;AACF,eAAO,MAAM,wBAAwB,QAEpC,CAAC;AACF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AACF,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AACF,eAAO,MAAM,sBAAsB,QAElC,CAAC;AACF,eAAO,MAAM,mBAAmB,QAA8C,CAAC;AAC/E,eAAO,MAAM,wBAAwB,QAEpC,CAAC;AACF,eAAO,MAAM,6BAA6B,QAEzC,CAAC"}

package/lib/types/text-input/stories/text-input-clearable.story.d.ts

@@ -0,0 +1,24 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;
+//# sourceMappingURL=text-input-clearable.story.d.ts.map

package/lib/types/text-input/stories/text-input-clearable.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-clearable.story.d.ts","sourceRoot":"","sources":["../../../../src/text-input/stories/text-input-clearable.story.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAIjD,QAAA,MAAM,SAAS,+CAId,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/types/text-input/stories/text-input-loading-spinner.story.d.ts

@@ -0,0 +1,24 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;
+//# sourceMappingURL=text-input-loading-spinner.story.d.ts.map

package/lib/types/text-input/stories/text-input-loading-spinner.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-loading-spinner.story.d.ts","sourceRoot":"","sources":["../../../../src/text-input/stories/text-input-loading-spinner.story.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAKjD,QAAA,MAAM,SAAS,+CAyBd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/types/text-input/stories/text-input-with-icons.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-with-icons.story.d.ts","sourceRoot":"","sources":["../../../../src/text-input/stories/text-input-with-icons.story.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AASjD,QAAA,MAAM,SAAS,+CAuBd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"text-input-with-icons.story.d.ts","sourceRoot":"","sources":["../../../../src/text-input/stories/text-input-with-icons.story.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAMjD,QAAA,MAAM,SAAS,+CAYd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/types/text-input/stories/text-input.stories.d.ts

@@ -35,6 +35,8 @@ export declare const Number: Story;
 export declare const WithIcons: Story;
 export declare const Password: Story;
 export declare const Sizes: Story;
-export declare const Loading: Story;
+export declare const SkeletonLoading: Story;
 export declare const Full: Story;
+export declare const Clearable: Story;
+export declare const Loading: Story;
 //# sourceMappingURL=text-input.stories.d.ts.map

package/lib/types/text-input/stories/text-input.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.stories.d.ts","sourceRoot":"","sources":["../../../../src/text-input/stories/text-input.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgCxC,QAAA,MAAM,aAAa,EAAE,IAAI,CAAC,OAAO,SAAS,CAezC,CAAC;AAEF,eAAe,aAAa,CAAC;AAC7B,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAYpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAC"}
+{"version":3,"file":"text-input.stories.d.ts","sourceRoot":"","sources":["../../../../src/text-input/stories/text-input.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAoCxC,QAAA,MAAM,aAAa,EAAE,IAAI,CAAC,OAAO,SAAS,CAezC,CAAC;AAEF,eAAe,aAAa,CAAC;AAC7B,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAYpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "4.3.5",
+  "version": "4.3.6",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -85,7 +85,7 @@
     "@tanstack/react-table": "8.21.3",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
-    "@neo4j-ndl/base": "^4.3.3"
+    "@neo4j-ndl/base": "^4.3.4"
   },
   "dependencies": {
     "@dnd-kit/core": "6.3.1",