@digigov/ui 2.0.0-85c27c19 → 2.0.0-87b6232d

package/cjs/form/TextInput/TextInput.stories/index.js

@@ -35,12 +35,19 @@ __export(TextInput_stories_exports, {
   FixedWidths: () => import_FixedWidths.FixedWidths,
   FluidWidths: () => import_FluidWidths.FluidWidths,
   MultipleQuestions: () => import_MultipleQuestions.MultipleQuestions,
+  WithControls: () => WithControls,
   WithErrorMessage: () => import_WithErrorMessage.WithErrorMessage,
   WithHint: () => import_WithHint.WithHint,
   default: () => TextInput_stories_default
 });
 module.exports = __toCommonJS(TextInput_stories_exports);
+var import_react = __toESM(require("react"));
 var import_TextInput = __toESM(require("@digigov/ui/form/TextInput"));
+var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
+var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
+var import_Hint = require("@digigov/ui/typography/Hint");
+var import_ErrorMessage = require("@digigov/ui/form/ErrorMessage");
+var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 var import_Default = require("@digigov/ui/form/TextInput/__stories__/Default");
 var import_MultipleQuestions = require("@digigov/ui/form/TextInput/__stories__/MultipleQuestions");
 var import_FixedWidths = require("@digigov/ui/form/TextInput/__stories__/FixedWidths");
@@ -58,6 +65,92 @@ var TextInput_stories_default = {
   component: import_TextInput.default,
   displayName: "TextInput"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { error: args.error }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "md" }, args.label), args.hint && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: args.hintId }, args.hintMessage), args.error && /* @__PURE__ */ import_react.default.createElement(import_ErrorMessage.ErrorMessage, { id: args.errorId }, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), args.errorMessage), /* @__PURE__ */ import_react.default.createElement(
+      import_TextInput.default,
+      {
+        dense: args.dense,
+        name: args.name,
+        maxWidth: args.maxWidth === "full" ? void 0 : args.maxWidth,
+        width: args.width,
+        disabled: args.disabled,
+        "aria-describedby": args.hintId
+      }
+    )));
+  },
+  args: {
+    label: "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2",
+    name: "textarea",
+    width: "100%",
+    maxWidth: "full",
+    hint: true,
+    hintMessage: "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C6\u03BF\u03C1\u03AF\u03B1;",
+    hintId: "hintId",
+    error: false,
+    errorMessage: "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF.",
+    errorId: "errorId",
+    dense: false,
+    disabled: false
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    name: {
+      control: "text"
+    },
+    maxWidth: {
+      options: [
+        "2-char",
+        "3-char",
+        "4-char",
+        "5-char",
+        "10-char",
+        "20-char",
+        "full"
+      ],
+      control: { type: "select" }
+    },
+    width: {
+      options: ["25%", "33.3%", "50%", "66.6%", "75%", "100%", "full"],
+      control: { type: "select" }
+    },
+    hint: {
+      control: "boolean"
+    },
+    hintMessage: {
+      control: "text",
+      if: { arg: "hint", eq: true }
+    },
+    hintId: {
+      control: "text",
+      if: { arg: "hint", eq: true }
+    },
+    error: {
+      control: "boolean"
+    },
+    errorMessage: {
+      control: "text",
+      if: { arg: "error", eq: true }
+    },
+    errorId: {
+      control: "text",
+      if: { arg: "error", eq: true }
+    },
+    dense: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: ["ref", "type"]
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AskingForNumbers,
@@ -68,6 +161,7 @@ var TextInput_stories_default = {
   FixedWidths,
   FluidWidths,
   MultipleQuestions,
+  WithControls,
   WithErrorMessage,
   WithHint
 });

package/cjs/form/TextInput/TextInput.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/form/TextInput/TextInput.stories.js"],
-  "sourcesContent": ["import TextInput from '@digigov/ui/form/TextInput';\nexport default {\n  title: 'Digigov UI/form/TextInput',\n  description:\n    'Use the text input component when you need to let users enter text that\u2019s no longer than a single line.',\n  link: 'https://guide.services.gov.gr/docs/components/TextInput',\n  component: TextInput,\n  displayName: 'TextInput',\n};\nexport { Default } from '@digigov/ui/form/TextInput/__stories__/Default';\nexport { MultipleQuestions } from '@digigov/ui/form/TextInput/__stories__/MultipleQuestions';\nexport { FixedWidths } from '@digigov/ui/form/TextInput/__stories__/FixedWidths';\nexport { FluidWidths } from '@digigov/ui/form/TextInput/__stories__/FluidWidths';\nexport { WithHint } from '@digigov/ui/form/TextInput/__stories__/WithHint';\nexport { AskingForNumbers } from '@digigov/ui/form/TextInput/__stories__/AskingForNumbers';\nexport { WithErrorMessage } from '@digigov/ui/form/TextInput/__stories__/WithErrorMessage';\nexport { DisabledInput } from '@digigov/ui/form/TextInput/__stories__/DisabledInput';\nexport { DisabledInputWithValue } from '@digigov/ui/form/TextInput/__stories__/DisabledInputWithValue';\nexport { Dense } from '@digigov/ui/form/TextInput/__stories__/Dense';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAStB,qBAAwB;AACxB,+BAAkC;AAClC,yBAA4B;AAC5B,yBAA4B;AAC5B,sBAAyB;AACzB,8BAAiC;AACjC,8BAAiC;AACjC,2BAA8B;AAC9B,oCAAuC;AACvC,mBAAsB;AAjBtB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,iBAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["TextInput"]
+  "sources": ["../../../../src/form/TextInput/TextInput.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport TextInput from '@digigov/ui/form/TextInput';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport default {\n  title: 'Digigov UI/form/TextInput',\n  description:\n    'Use the text input component when you need to let users enter text that\u2019s no longer than a single line.',\n  link: 'https://guide.services.gov.gr/docs/components/TextInput',\n  component: TextInput,\n  displayName: 'TextInput',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <FieldContainer error={args.error}>\n        <LabelContainer>\n          <LabelTitle size=\"md\">{args.label}</LabelTitle>\n          {args.hint && <Hint id={args.hintId}>{args.hintMessage}</Hint>}\n          {args.error && (\n            <ErrorMessage id={args.errorId}>\n              <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\n              {args.errorMessage}\n            </ErrorMessage>\n          )}\n          <TextInput\n            dense={args.dense}\n            name={args.name}\n            maxWidth={args.maxWidth === 'full' ? undefined : args.maxWidth}\n            width={args.width}\n            disabled={args.disabled}\n            aria-describedby={args.hintId}\n          ></TextInput>\n        </LabelContainer>\n      </FieldContainer>\n    );\n  },\n  args: {\n    label: '\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2',\n    name: 'textarea',\n    width: '100%',\n    maxWidth: 'full',\n    hint: true,\n    hintMessage: '\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C6\u03BF\u03C1\u03AF\u03B1;',\n    hintId: 'hintId',\n    error: false,\n    errorMessage: '\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF.',\n    errorId: 'errorId',\n    dense: false,\n    disabled: false,\n  },\n  argTypes: {\n    label: {\n      control: 'text',\n    },\n    name: {\n      control: 'text',\n    },\n    maxWidth: {\n      options: [\n        '2-char',\n        '3-char',\n        '4-char',\n        '5-char',\n        '10-char',\n        '20-char',\n        'full',\n      ],\n      control: { type: 'select' },\n    },\n    width: {\n      options: ['25%', '33.3%', '50%', '66.6%', '75%', '100%', 'full'],\n      control: { type: 'select' },\n    },\n    hint: {\n      control: 'boolean',\n    },\n    hintMessage: {\n      control: 'text',\n      if: { arg: 'hint', eq: true },\n    },\n    hintId: {\n      control: 'text',\n      if: { arg: 'hint', eq: true },\n    },\n    error: {\n      control: 'boolean',\n    },\n    errorMessage: {\n      control: 'text',\n      if: { arg: 'error', eq: true },\n    },\n    errorId: {\n      control: 'text',\n      if: { arg: 'error', eq: true },\n    },\n    dense: {\n      control: 'boolean',\n    },\n    disabled: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    controls: {\n      exclude: ['ref', 'type'],\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/form/TextInput/__stories__/Default';\nexport { MultipleQuestions } from '@digigov/ui/form/TextInput/__stories__/MultipleQuestions';\nexport { FixedWidths } from '@digigov/ui/form/TextInput/__stories__/FixedWidths';\nexport { FluidWidths } from '@digigov/ui/form/TextInput/__stories__/FluidWidths';\nexport { WithHint } from '@digigov/ui/form/TextInput/__stories__/WithHint';\nexport { AskingForNumbers } from '@digigov/ui/form/TextInput/__stories__/AskingForNumbers';\nexport { WithErrorMessage } from '@digigov/ui/form/TextInput/__stories__/WithErrorMessage';\nexport { DisabledInput } from '@digigov/ui/form/TextInput/__stories__/DisabledInput';\nexport { DisabledInputWithValue } from '@digigov/ui/form/TextInput/__stories__/DisabledInputWithValue';\nexport { Dense } from '@digigov/ui/form/TextInput/__stories__/Dense';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAAsB;AACtB,4BAA+B;AAC/B,4BAA2C;AAC3C,kBAAqB;AACrB,0BAA6B;AAC7B,4BAA+B;AA6G/B,qBAAwB;AACxB,+BAAkC;AAClC,yBAA4B;AAC5B,yBAA4B;AAC5B,sBAAyB;AACzB,8BAAiC;AACjC,8BAAiC;AACjC,2BAA8B;AAC9B,oCAAuC;AACvC,mBAAsB;AApHtB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,iBAAAA;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,6BAAAC,QAAA,cAAC,wCAAe,OAAO,KAAK,SAC1B,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAM,KAAK,KAAM,GACjC,KAAK,QAAQ,6BAAAA,QAAA,cAAC,oBAAK,IAAI,KAAK,UAAS,KAAK,WAAY,GACtD,KAAK,SACJ,6BAAAA,QAAA,cAAC,oCAAa,IAAI,KAAK,WACrB,6BAAAA,QAAA,cAAC,4CAAe,iCAAM,GACrB,KAAK,YACR,GAEF,6BAAAA,QAAA;AAAA,MAAC,iBAAAD;AAAA,MAAA;AAAA,QACC,OAAO,KAAK;AAAA,QACZ,MAAM,KAAK;AAAA,QACX,UAAU,KAAK,aAAa,SAAS,SAAY,KAAK;AAAA,QACtD,OAAO,KAAK;AAAA,QACZ,UAAU,KAAK;AAAA,QACf,oBAAkB,KAAK;AAAA;AAAA,IACxB,CACH,CACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,QAAQ,MAAM;AAAA,MAC/D,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,IACX;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,QAAQ,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,QAAQ,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,SAAS,IAAI,KAAK;AAAA,IAC/B;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,SAAS,IAAI,KAAK;AAAA,IAC/B;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU;AAAA,MACR,SAAS,CAAC,OAAO,MAAM;AAAA,IACzB;AAAA,EACF;AACF;",
+  "names": ["TextInput", "React"]
 }

package/cjs/form/TextInput/__stories__/AskingForNumbers/index.js

@@ -34,10 +34,9 @@ module.exports = __toCommonJS(AskingForNumbers_exports);
 var import_react = __toESM(require("react"));
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 var import_Hint = require("@digigov/ui/typography/Hint");
-const AskingForNumbers = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "md" }, "\u0391\u03A6\u039C \u03C0\u03B5\u03BB\u03AC\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: "input-hint" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B1\u03BA\u03C1\u03B9\u03B2\u03CE\u03C2 9 \u03C8\u03B7\u03C6\u03AF\u03B1."), /* @__PURE__ */ import_react.default.createElement(
+const AskingForNumbers = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "md" }, "\u0391\u03A6\u039C \u03C0\u03B5\u03BB\u03AC\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: "input-hint" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B1\u03BA\u03C1\u03B9\u03B2\u03CE\u03C2 9 \u03C8\u03B7\u03C6\u03AF\u03B1."), /* @__PURE__ */ import_react.default.createElement(
   import_TextInput.TextInput,
   {
     "aria-describedby": "input-hint",

package/cjs/form/TextInput/__stories__/AskingForNumbers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/TextInput/__stories__/AskingForNumbers.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const AskingForNumbers = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\u0391\u03A6\u039C \u03C0\u03B5\u03BB\u03AC\u03C4\u03B7</LabelTitle>\n      <Hint id=\"input-hint\">\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B1\u03BA\u03C1\u03B9\u03B2\u03CE\u03C2 9 \u03C8\u03B7\u03C6\u03AF\u03B1.</Hint>\n      <TextInput\n        aria-describedby=\"input-hint\"\n        name=\"inputext\"\n        pattern=\"[0-9]*\"\n        inputMode=\"numeric\"\n      ></TextInput>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default AskingForNumbers;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAC1B,kBAAqB;AAEd,MAAM,mBAAmB,MAC9B,6BAAAC,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,yDAAU,GAChC,6BAAAA,QAAA,cAAC,oBAAK,IAAG,gBAAa,+JAAgC,GACtD,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,oBAAiB;AAAA,IACjB,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,WAAU;AAAA;AACX,CACH,CACF;AAGF,IAAO,2BAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const AskingForNumbers = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\u0391\u03A6\u039C \u03C0\u03B5\u03BB\u03AC\u03C4\u03B7</LabelTitle>\n      <Hint id=\"input-hint\">\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B1\u03BA\u03C1\u03B9\u03B2\u03CE\u03C2 9 \u03C8\u03B7\u03C6\u03AF\u03B1.</Hint>\n      <TextInput\n        aria-describedby=\"input-hint\"\n        name=\"inputext\"\n        pattern=\"[0-9]*\"\n        inputMode=\"numeric\"\n      ></TextInput>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default AskingForNumbers;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA2C;AAC3C,uBAA0B;AAC1B,kBAAqB;AAEd,MAAM,mBAAmB,MAC9B,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,yDAAU,GAChC,6BAAAA,QAAA,cAAC,oBAAK,IAAG,gBAAa,+JAAgC,GACtD,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,oBAAiB;AAAA,IACjB,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,WAAU;AAAA;AACX,CACH,CACF;AAGF,IAAO,2BAAQ;",
+  "names": ["React"]
 }

package/cjs/form/TextInput/__stories__/Default/index.js

@@ -34,9 +34,8 @@ module.exports = __toCommonJS(Default_exports);
 var import_react = __toESM(require("react"));
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
-const Default = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext" })));
+const Default = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext" })));
 var Default_default = Default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/form/TextInput/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/TextInput/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\n\nexport const Default = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n      <TextInput name=\"inputext\"></TextInput>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default Default;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAEnB,MAAM,UAAU,MACrB,6BAAAC,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,mGAAiB,GACvC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,CAC7B,CACF;AAGF,IAAO,kBAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\n\nexport const Default = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n      <TextInput name=\"inputext\"></TextInput>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA2C;AAC3C,uBAA0B;AAEnB,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,mGAAiB,GACvC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,CAC7B,CACF;AAGF,IAAO,kBAAQ;",
+  "names": ["React"]
 }

package/cjs/form/TextInput/__stories__/DisabledInput/index.js

@@ -34,10 +34,9 @@ module.exports = __toCommonJS(DisabledInput_exports);
 var import_react = __toESM(require("react"));
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 var import_Hint = require("@digigov/ui/typography/Hint");
-const DisabledInput = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: "input-hint" }, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03B5 \u03B5\u03C0\u03AF\u03C3\u03B7\u03BC\u03B1 \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1;"), /* @__PURE__ */ import_react.default.createElement(
+const DisabledInput = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: "input-hint" }, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03B5 \u03B5\u03C0\u03AF\u03C3\u03B7\u03BC\u03B1 \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1;"), /* @__PURE__ */ import_react.default.createElement(
   import_TextInput.TextInput,
   {
     "aria-describedby": "input-hint",

package/cjs/form/TextInput/__stories__/DisabledInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/TextInput/__stories__/DisabledInput.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const DisabledInput = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n      <Hint id=\"input-hint\">\n        \u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03B5 \u03B5\u03C0\u03AF\u03C3\u03B7\u03BC\u03B1 \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1;\n      </Hint>\n      <TextInput\n        aria-describedby=\"input-hint\"\n        name=\"inputext\"\n        disabled\n      ></TextInput>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default DisabledInput;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAC1B,kBAAqB;AAEd,MAAM,gBAAgB,MAC3B,6BAAAC,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,mGAAiB,GACvC,6BAAAA,QAAA,cAAC,oBAAK,IAAG,gBAAa,+RAEtB,GACA,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,oBAAiB;AAAA,IACjB,MAAK;AAAA,IACL,UAAQ;AAAA;AACT,CACH,CACF;AAGF,IAAO,wBAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const DisabledInput = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n      <Hint id=\"input-hint\">\n        \u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03B5 \u03B5\u03C0\u03AF\u03C3\u03B7\u03BC\u03B1 \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1;\n      </Hint>\n      <TextInput\n        aria-describedby=\"input-hint\"\n        name=\"inputext\"\n        disabled\n      ></TextInput>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default DisabledInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA2C;AAC3C,uBAA0B;AAC1B,kBAAqB;AAEd,MAAM,gBAAgB,MAC3B,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,mGAAiB,GACvC,6BAAAA,QAAA,cAAC,oBAAK,IAAG,gBAAa,+RAEtB,GACA,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,oBAAiB;AAAA,IACjB,MAAK;AAAA,IACL,UAAQ;AAAA;AACT,CACH,CACF;AAGF,IAAO,wBAAQ;",
+  "names": ["React"]
 }

package/cjs/form/TextInput/__stories__/DisabledInputWithValue/index.js

@@ -32,13 +32,12 @@ __export(DisabledInputWithValue_exports, {
 });
 module.exports = __toCommonJS(DisabledInputWithValue_exports);
 var import_react = __toESM(require("react"));
+var import_react_icons = require("@digigov/react-icons");
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 var import_Hint = require("@digigov/ui/typography/Hint");
-var import_react_icons = require("@digigov/react-icons");
-const DisabledInputWithValue = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(
+const DisabledInputWithValue = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(
   import_TextInput.TextInput,
   {
     "aria-describedby": "input-hint",

package/cjs/form/TextInput/__stories__/DisabledInputWithValue.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/TextInput/__stories__/DisabledInputWithValue.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { LockIcon } from '@digigov/react-icons';\n\nexport const DisabledInputWithValue = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1</LabelTitle>\n      <TextInput\n        aria-describedby=\"input-hint\"\n        name=\"inputext\"\n        value={'\u039C\u03AC\u03C1\u03B9\u03BF\u03C2'}\n        disabled\n      ></TextInput>\n      <Hint id=\"input-hint\" size='sm'>\n        <LockIcon mr={1} mb={1} />\n       \u03A0\u03B5\u03B4\u03AF\u03BF \u03BC\u03CC\u03BD\u03BF \u03B3\u03B9\u03B1 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE\n      </Hint>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default DisabledInputWithValue;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAC1B,kBAAqB;AACrB,yBAAyB;AAElB,MAAM,yBAAyB,MACpC,6BAAAC,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,gCAAK,GAC3B,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,oBAAiB;AAAA,IACjB,MAAK;AAAA,IACL,OAAO;AAAA,IACP,UAAQ;AAAA;AACT,GACD,6BAAAA,QAAA,cAAC,oBAAK,IAAG,cAAa,MAAK,QACzB,6BAAAA,QAAA,cAAC,+BAAS,IAAI,GAAG,IAAI,GAAG,GAAE,uHAE5B,CACF,CACF;AAGF,IAAO,iCAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\nimport { LockIcon } from '@digigov/react-icons';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const DisabledInputWithValue = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1</LabelTitle>\n      <TextInput\n        aria-describedby=\"input-hint\"\n        name=\"inputext\"\n        value={'\u039C\u03AC\u03C1\u03B9\u03BF\u03C2'}\n        disabled\n      ></TextInput>\n      <Hint id=\"input-hint\" size=\"sm\">\n        <LockIcon mr={1} mb={1} />\n        \u03A0\u03B5\u03B4\u03AF\u03BF \u03BC\u03CC\u03BD\u03BF \u03B3\u03B9\u03B1 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE\n      </Hint>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default DisabledInputWithValue;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,yBAAyB;AACzB,4BAA+B;AAC/B,4BAA2C;AAC3C,uBAA0B;AAC1B,kBAAqB;AAEd,MAAM,yBAAyB,MACpC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,gCAAK,GAC3B,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,oBAAiB;AAAA,IACjB,MAAK;AAAA,IACL,OAAO;AAAA,IACP,UAAQ;AAAA;AACT,GACD,6BAAAA,QAAA,cAAC,oBAAK,IAAG,cAAa,MAAK,QACzB,6BAAAA,QAAA,cAAC,+BAAS,IAAI,GAAG,IAAI,GAAG,GAAE,uHAE5B,CACF,CACF;AAGF,IAAO,iCAAQ;",
+  "names": ["React"]
 }

package/cjs/form/TextInput/__stories__/FixedWidths/index.js

@@ -34,9 +34,8 @@ module.exports = __toCommonJS(FixedWidths_exports);
 var import_react = __toESM(require("react"));
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
-const FixedWidths = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "sm" }, "\u03A0\u03B5\u03B4\u03AF\u03BF 20 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "20-char" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "sm" }, "\u03A0\u03B5\u03B4\u03AF\u03BF 10 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "10-char" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "sm" }, "\u03A0\u03B5\u03B4\u03AF\u03BF 5 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "5-char" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "sm" }, "\u03A0\u03B5\u03B4\u03AF\u03BF 4 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "4-char" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "sm" }, "\u03A0\u03B5\u03B4\u03AF\u03BF 3 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "3-char" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "sm" }, "\u03A0\u03B5\u03B4\u03AF\u03BF 2 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "2-char" }))));
+const FixedWidths = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "sm" }, "\u03A0\u03B5\u03B4\u03AF\u03BF 20 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "20-char" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "sm" }, "\u03A0\u03B5\u03B4\u03AF\u03BF 10 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "10-char" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "sm" }, "\u03A0\u03B5\u03B4\u03AF\u03BF 5 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "5-char" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "sm" }, "\u03A0\u03B5\u03B4\u03AF\u03BF 4 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "4-char" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "sm" }, "\u03A0\u03B5\u03B4\u03AF\u03BF 3 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "3-char" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "sm" }, "\u03A0\u03B5\u03B4\u03AF\u03BF 2 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "2-char" }))));
 var FixedWidths_default = FixedWidths;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/form/TextInput/__stories__/FixedWidths.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/TextInput/__stories__/FixedWidths.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\n\nexport const FixedWidths = () => (\n  <div>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03B5\u03B4\u03AF\u03BF 20 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD</LabelTitle>\n        <TextInput name=\"inputext\" maxWidth={'20-char'}></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03B5\u03B4\u03AF\u03BF 10 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD</LabelTitle>\n        <TextInput name=\"inputext\" maxWidth={'10-char'}></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03B5\u03B4\u03AF\u03BF 5 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD</LabelTitle>\n        <TextInput name=\"inputext\" maxWidth={'5-char'}></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03B5\u03B4\u03AF\u03BF 4 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD</LabelTitle>\n        <TextInput name=\"inputext\" maxWidth={'4-char'}></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03B5\u03B4\u03AF\u03BF 3 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD</LabelTitle>\n        <TextInput name=\"inputext\" maxWidth={'3-char'}></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03B5\u03B4\u03AF\u03BF 2 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD</LabelTitle>\n        <TextInput name=\"inputext\" maxWidth={'2-char'}></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n  </div>\n);\n\nexport default FixedWidths;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAEnB,MAAM,cAAc,MACzB,6BAAAC,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,gGAAmB,GACzC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,WAAW,CAClD,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,gGAAmB,GACzC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,WAAW,CAClD,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,+FAAkB,GACxC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,UAAU,CACjD,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,+FAAkB,GACxC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,UAAU,CACjD,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,+FAAkB,GACxC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,UAAU,CACjD,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,+FAAkB,GACxC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,UAAU,CACjD,CACF,CACF;AAGF,IAAO,sBAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\n\nexport const FixedWidths = () => (\n  <div>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03B5\u03B4\u03AF\u03BF 20 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD</LabelTitle>\n        <TextInput name=\"inputext\" maxWidth={'20-char'}></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03B5\u03B4\u03AF\u03BF 10 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD</LabelTitle>\n        <TextInput name=\"inputext\" maxWidth={'10-char'}></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03B5\u03B4\u03AF\u03BF 5 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD</LabelTitle>\n        <TextInput name=\"inputext\" maxWidth={'5-char'}></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03B5\u03B4\u03AF\u03BF 4 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD</LabelTitle>\n        <TextInput name=\"inputext\" maxWidth={'4-char'}></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03B5\u03B4\u03AF\u03BF 3 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD</LabelTitle>\n        <TextInput name=\"inputext\" maxWidth={'3-char'}></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03B5\u03B4\u03AF\u03BF 2 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD</LabelTitle>\n        <TextInput name=\"inputext\" maxWidth={'2-char'}></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n  </div>\n);\n\nexport default FixedWidths;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA2C;AAC3C,uBAA0B;AAEnB,MAAM,cAAc,MACzB,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,gGAAmB,GACzC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,WAAW,CAClD,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,gGAAmB,GACzC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,WAAW,CAClD,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,+FAAkB,GACxC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,UAAU,CACjD,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,+FAAkB,GACxC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,UAAU,CACjD,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,+FAAkB,GACxC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,UAAU,CACjD,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,+FAAkB,GACxC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,UAAU,CACjD,CACF,CACF;AAGF,IAAO,sBAAQ;",
+  "names": ["React"]
 }

package/cjs/form/TextInput/__stories__/FluidWidths/index.js

@@ -34,9 +34,8 @@ module.exports = __toCommonJS(FluidWidths_exports);
 var import_react = __toESM(require("react"));
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
-const FluidWidths = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "sm" }, "\u039C\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF \u03C0\u03BB\u03AC\u03C4\u03BF\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", width: "full" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "sm" }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03C4\u03C1\u03AF\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", width: "75%" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "sm" }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03B4\u03CD\u03BF-\u03C4\u03C1\u03AF\u03C4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", width: "66.6%" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "sm" }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03BC\u03B9\u03C3\u03CC"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", width: "50%" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "sm" }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03C1\u03AF\u03C4\u03BF"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", width: "33.3%" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "sm" }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03BF"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", width: "25%" }))));
+const FluidWidths = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "sm" }, "\u039C\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF \u03C0\u03BB\u03AC\u03C4\u03BF\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", width: "full" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "sm" }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03C4\u03C1\u03AF\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", width: "75%" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "sm" }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03B4\u03CD\u03BF-\u03C4\u03C1\u03AF\u03C4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", width: "66.6%" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "sm" }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03BC\u03B9\u03C3\u03CC"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", width: "50%" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "sm" }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03C1\u03AF\u03C4\u03BF"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", width: "33.3%" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "sm" }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03BF"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", width: "25%" }))));
 var FluidWidths_default = FluidWidths;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/form/TextInput/__stories__/FluidWidths.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/TextInput/__stories__/FluidWidths.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\n\nexport const FluidWidths = () => (\n  <div>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u039C\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF \u03C0\u03BB\u03AC\u03C4\u03BF\u03C2</LabelTitle>\n        <TextInput name=\"inputext\" width=\"full\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03C4\u03C1\u03AF\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03B1</LabelTitle>\n        <TextInput name=\"inputext\" width=\"75%\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03B4\u03CD\u03BF-\u03C4\u03C1\u03AF\u03C4\u03B1</LabelTitle>\n        <TextInput name=\"inputext\" width=\"66.6%\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03BC\u03B9\u03C3\u03CC</LabelTitle>\n        <TextInput name=\"inputext\" width=\"50%\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03C1\u03AF\u03C4\u03BF</LabelTitle>\n        <TextInput name=\"inputext\" width=\"33.3%\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03BF</LabelTitle>\n        <TextInput name=\"inputext\" width=\"25%\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n  </div>\n);\n\nexport default FluidWidths;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAEnB,MAAM,cAAc,MACzB,6BAAAC,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,iFAAc,GACpC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,OAAM,QAAO,CAC1C,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,6HAAuB,GAC7C,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,OAAM,OAAM,CACzC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,2GAAoB,GAC1C,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,OAAM,SAAQ,CAC3C,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,kFAAe,GACrC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,OAAM,OAAM,CACzC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,2GAAoB,GAC1C,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,OAAM,SAAQ,CAC3C,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,uHAAsB,GAC5C,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,OAAM,OAAM,CACzC,CACF,CACF;AAGF,IAAO,sBAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\n\nexport const FluidWidths = () => (\n  <div>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u039C\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF \u03C0\u03BB\u03AC\u03C4\u03BF\u03C2</LabelTitle>\n        <TextInput name=\"inputext\" width=\"full\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03C4\u03C1\u03AF\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03B1</LabelTitle>\n        <TextInput name=\"inputext\" width=\"75%\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03B4\u03CD\u03BF-\u03C4\u03C1\u03AF\u03C4\u03B1</LabelTitle>\n        <TextInput name=\"inputext\" width=\"66.6%\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03BC\u03B9\u03C3\u03CC</LabelTitle>\n        <TextInput name=\"inputext\" width=\"50%\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03C1\u03AF\u03C4\u03BF</LabelTitle>\n        <TextInput name=\"inputext\" width=\"33.3%\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer>\n      <LabelContainer>\n        <LabelTitle size=\"sm\">\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03BF</LabelTitle>\n        <TextInput name=\"inputext\" width=\"25%\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n  </div>\n);\n\nexport default FluidWidths;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA2C;AAC3C,uBAA0B;AAEnB,MAAM,cAAc,MACzB,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,iFAAc,GACpC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,OAAM,QAAO,CAC1C,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,6HAAuB,GAC7C,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,OAAM,OAAM,CACzC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,2GAAoB,GAC1C,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,OAAM,SAAQ,CAC3C,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,kFAAe,GACrC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,OAAM,OAAM,CACzC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,2GAAoB,GAC1C,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,OAAM,SAAQ,CAC3C,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,uHAAsB,GAC5C,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,OAAM,OAAM,CACzC,CACF,CACF;AAGF,IAAO,sBAAQ;",
+  "names": ["React"]
 }

package/cjs/form/TextInput/__stories__/WithErrorMessage/index.js

@@ -35,10 +35,9 @@ var import_react = __toESM(require("react"));
 var import_ErrorMessage = require("@digigov/ui/form/ErrorMessage");
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 var import_Hint = require("@digigov/ui/typography/Hint");
-const WithErrorMessage = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { error: true, "aria-describedby": "input-error" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: "input-hint" }, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C6\u03BF\u03C1\u03AF\u03B1;"), /* @__PURE__ */ import_react.default.createElement(import_ErrorMessage.ErrorMessage, { id: "input-error" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /* @__PURE__ */ import_react.default.createElement(
+const WithErrorMessage = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { error: true, "aria-describedby": "input-error" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: "input-hint" }, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C6\u03BF\u03C1\u03AF\u03B1;"), /* @__PURE__ */ import_react.default.createElement(import_ErrorMessage.ErrorMessage, { id: "input-error" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /* @__PURE__ */ import_react.default.createElement(
   import_TextInput.TextInput,
   {
     "aria-describedby": "input-hint",

package/cjs/form/TextInput/__stories__/WithErrorMessage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/TextInput/__stories__/WithErrorMessage.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const WithErrorMessage = () => (\n  <FieldContainer error aria-describedby=\"input-error\">\n    <LabelContainer>\n      <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n      <Hint id=\"input-hint\">\n        \u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C6\u03BF\u03C1\u03AF\u03B1;\n      </Hint>\n      <ErrorMessage id=\"input-error\">\n        \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF.\n      </ErrorMessage>\n      <TextInput\n        aria-describedby=\"input-hint\"\n        error\n        name=\"inputext\"\n      ></TextInput>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default WithErrorMessage;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,4BAA+B;AAC/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAC1B,kBAAqB;AAEd,MAAM,mBAAmB,MAC9B,6BAAAC,QAAA,cAAC,wCAAe,OAAK,MAAC,oBAAiB,iBACrC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,mGAAiB,GACvC,6BAAAA,QAAA,cAAC,oBAAK,IAAG,gBAAa,0PAEtB,GACA,6BAAAA,QAAA,cAAC,oCAAa,IAAG,iBAAc,yKAE/B,GACA,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,oBAAiB;AAAA,IACjB,OAAK;AAAA,IACL,MAAK;AAAA;AACN,CACH,CACF;AAGF,IAAO,2BAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const WithErrorMessage = () => (\n  <FieldContainer error aria-describedby=\"input-error\">\n    <LabelContainer>\n      <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n      <Hint id=\"input-hint\">\n        \u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C6\u03BF\u03C1\u03AF\u03B1;\n      </Hint>\n      <ErrorMessage id=\"input-error\">\n        \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF.\n      </ErrorMessage>\n      <TextInput\n        aria-describedby=\"input-hint\"\n        error\n        name=\"inputext\"\n      ></TextInput>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default WithErrorMessage;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,4BAA+B;AAC/B,4BAA2C;AAC3C,uBAA0B;AAC1B,kBAAqB;AAEd,MAAM,mBAAmB,MAC9B,6BAAAA,QAAA,cAAC,wCAAe,OAAK,MAAC,oBAAiB,iBACrC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,mGAAiB,GACvC,6BAAAA,QAAA,cAAC,oBAAK,IAAG,gBAAa,0PAEtB,GACA,6BAAAA,QAAA,cAAC,oCAAa,IAAG,iBAAc,yKAE/B,GACA,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,oBAAiB;AAAA,IACjB,OAAK;AAAA,IACL,MAAK;AAAA;AACN,CACH,CACF;AAGF,IAAO,2BAAQ;",
+  "names": ["React"]
 }

package/cjs/form/TextInput/__stories__/WithHint/index.js

@@ -34,10 +34,9 @@ module.exports = __toCommonJS(WithHint_exports);
 var import_react = __toESM(require("react"));
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 var import_Hint = require("@digigov/ui/typography/Hint");
-const WithHint = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: "business-hint" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", "aria-describedby": "business-hint" })));
+const WithHint = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: "business-hint" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", "aria-describedby": "business-hint" })));
 var WithHint_default = WithHint;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/form/TextInput/__stories__/WithHint.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/TextInput/__stories__/WithHint.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const WithHint = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n      <Hint id=\"business-hint\">\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF.</Hint>\n      <TextInput name=\"inputext\" aria-describedby=\"business-hint\"></TextInput>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default WithHint;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAC1B,kBAAqB;AAEd,MAAM,WAAW,MACtB,6BAAAC,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,mGAAiB,GACvC,6BAAAA,QAAA,cAAC,oBAAK,IAAG,mBAAgB,yKAAgC,GACzD,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,oBAAiB,iBAAgB,CAC9D,CACF;AAGF,IAAO,mBAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const WithHint = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n      <Hint id=\"business-hint\">\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF.</Hint>\n      <TextInput name=\"inputext\" aria-describedby=\"business-hint\"></TextInput>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default WithHint;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA2C;AAC3C,uBAA0B;AAC1B,kBAAqB;AAEd,MAAM,WAAW,MACtB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,mGAAiB,GACvC,6BAAAA,QAAA,cAAC,oBAAK,IAAG,mBAAgB,yKAAgC,GACzD,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,oBAAiB,iBAAgB,CAC9D,CACF;AAGF,IAAO,mBAAQ;",
+  "names": ["React"]
 }

package/cjs/govgr/GovGRLogo/index.js

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -27,14 +28,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var GovGRLogo_exports = {};
 __export(GovGRLogo_exports, {
-  GovGRLogo: () => import_GovGRLogo.default,
+  GovGRLogo: () => GovGRLogo,
   default: () => GovGRLogo_default
 });
 module.exports = __toCommonJS(GovGRLogo_exports);
-var import_GovGRLogo = __toESM(require("@digigov/react-core/GovGRLogo"));
-var GovGRLogo_default = import_GovGRLogo.default;
+__reExport(GovGRLogo_exports, require("@digigov/react-core/GovGRLogoBase"), module.exports);
+var import_react = __toESM(require("react"));
+var import_GovGRLogoBase = require("@digigov/react-core/GovGRLogoBase");
+var import_Link = require("@digigov/ui/navigation/Link");
+const GovGRLogo = import_react.default.forwardRef(
+  function GovGRLogo2({ children, ...props }, ref) {
+    return /* @__PURE__ */ import_react.default.createElement(import_GovGRLogoBase.GovGRLogoBase, { as: import_Link.Link, ref, ...props }, children);
+  }
+);
+var GovGRLogo_default = GovGRLogo;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  GovGRLogo
+  GovGRLogo,
+  ...require("@digigov/react-core/GovGRLogoBase")
 });
 //# sourceMappingURL=index.js.map

package/cjs/govgr/GovGRLogo/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/govgr/GovGRLogo/index.tsx"],
-  "sourcesContent": ["import GovGRLogo from '@digigov/react-core/GovGRLogo';\n\nexport { GovGRLogo };\n\nexport default GovGRLogo;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,oCAAAA;AAAA,EAAA;AAAA;AAAA;AAAA,uBAAsB;AAItB,IAAO,oBAAQ,iBAAAA;",
-  "names": ["GovGRLogo"]
+  "sourcesContent": ["export * from '@digigov/react-core/GovGRLogoBase';\nimport React from 'react';\nimport {\n  GovGRLogoBase,\n  GovGRLogoBaseProps,\n} from '@digigov/react-core/GovGRLogoBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface GovGRLogoProps extends GovGRLogoBaseProps {}\n\nexport const GovGRLogo = React.forwardRef<HTMLAnchorElement, GovGRLogoProps>(\n  function GovGRLogo({ children, ...props }, ref) {\n    return (\n      <GovGRLogoBase as={Link} ref={ref} {...props}>\n        {children}\n      </GovGRLogoBase>\n    );\n  }\n);\nexport default GovGRLogo;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAc,8CAAd;AACA,mBAAkB;AAClB,2BAGO;AACP,kBAAqB;AAId,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASC,WAAU,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9C,WACE,6BAAAD,QAAA,cAAC,sCAAc,IAAI,kBAAM,KAAW,GAAG,SACpC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,oBAAQ;",
+  "names": ["React", "GovGRLogo"]
 }

package/cjs/i18n/index.js

@@ -37,6 +37,9 @@ module.exports = __toCommonJS(i18n_exports);
 var import_react = __toESM(require("react"));
 var import_el = __toESM(require("@digigov/ui/i18n/locales/el"));
 const defaultTranslate = (key, context) => {
+  if (typeof key !== "string") {
+    return key;
+  }
   try {
     if (key.split(".").length > 0) {
       return key.split(".").reduce((locale, path) => {
@@ -45,7 +48,7 @@ const defaultTranslate = (key, context) => {
             let nextLocale = locale[path];
             const matches = locale[path].match(/\{{(\w+)\}}/g) || [];
             matches.forEach((match) => {
-              const variable = match.replaceAll(/{|}/g, "");
+              const variable = match.replace(/{|}/g, "");
               nextLocale = nextLocale.replace(match, context[variable]);
             });
             return nextLocale;
@@ -60,7 +63,7 @@ const defaultTranslate = (key, context) => {
     } else {
       return key;
     }
-  } catch (err) {
+  } catch {
     console.error(`Translation key \`${key}\` not found`);
     return key;
   }
@@ -73,7 +76,21 @@ const I18NProvider = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react.default.createElement(I18NContext.Provider, { value: { t, ...props } }, children);
+  return /* @__PURE__ */ import_react.default.createElement(
+    I18NContext.Provider,
+    {
+      value: {
+        t: (...args) => {
+          if (typeof args[0] !== "string") {
+            return args[0];
+          }
+          return t(...args);
+        },
+        ...props
+      }
+    },
+    children
+  );
 };
 const useTranslation = () => {
   return import_react.default.useContext(I18NContext);

package/cjs/i18n/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/i18n/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport el from '@digigov/ui/i18n/locales/el';\nexport interface I18NContextProps {\n  Trans?: any;\n  t: (str: string, context?: any) => string;\n  children?: React.ReactNode;\n  i18n?: any;\n}\nexport const defaultTranslate = (\n  key: string,\n  context?: Record<string, any>\n): string => {\n  try {\n    if (key.split('.').length > 0) {\n      return key.split('.').reduce((locale, path) => {\n        if (locale[path]) {\n          if (typeof locale[path] === 'string' && context) {\n            let nextLocale = locale[path];\n            const matches = locale[path].match(/\\{{(\\w+)\\}}/g) || [];\n            matches.forEach((match) => {\n              const variable = match.replaceAll(/{|}/g, '');\n              nextLocale = nextLocale.replace(match, context[variable]);\n            });\n            return nextLocale;\n          }\n          return locale[path];\n        } else {\n          return key;\n        }\n      }, el);\n    } else if (el[key]) {\n      return el[key];\n    } else {\n      return key;\n    }\n  } catch (err) {\n    console.error(`Translation key \\`${key}\\` not found`);\n    return key;\n  }\n};\nexport const I18NContext = React.createContext<I18NContextProps>({\n  t: defaultTranslate,\n});\n\nexport const I18NProvider: React.FC<I18NContextProps> = ({\n  t = defaultTranslate,\n  children,\n  ...props\n}: I18NContextProps) => {\n  return (\n    <I18NContext.Provider value={{ t, ...props }}>\n      {children}\n    </I18NContext.Provider>\n  );\n};\n\nexport const useTranslation = (): I18NContextProps => {\n  return React.useContext(I18NContext);\n};\n\nexport default I18NProvider;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,gBAAe;AAOR,MAAM,mBAAmB,CAC9B,KACA,YACW;AACX,MAAI;AACF,QAAI,IAAI,MAAM,GAAG,EAAE,SAAS,GAAG;AAC7B,aAAO,IAAI,MAAM,GAAG,EAAE,OAAO,CAAC,QAAQ,SAAS;AAC7C,YAAI,OAAO,IAAI,GAAG;AAChB,cAAI,OAAO,OAAO,IAAI,MAAM,YAAY,SAAS;AAC/C,gBAAI,aAAa,OAAO,IAAI;AAC5B,kBAAM,UAAU,OAAO,IAAI,EAAE,MAAM,cAAc,KAAK,CAAC;AACvD,oBAAQ,QAAQ,CAAC,UAAU;AACzB,oBAAM,WAAW,MAAM,WAAW,QAAQ,EAAE;AAC5C,2BAAa,WAAW,QAAQ,OAAO,QAAQ,QAAQ,CAAC;AAAA,YAC1D,CAAC;AACD,mBAAO;AAAA,UACT;AACA,iBAAO,OAAO,IAAI;AAAA,QACpB,OAAO;AACL,iBAAO;AAAA,QACT;AAAA,MACF,GAAG,UAAAA,OAAE;AAAA,IACP,WAAW,UAAAA,QAAG,GAAG,GAAG;AAClB,aAAO,UAAAA,QAAG,GAAG;AAAA,IACf,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,SAAS,KAAK;AACZ,YAAQ,MAAM,qBAAqB,GAAG,cAAc;AACpD,WAAO;AAAA,EACT;AACF;AACO,MAAM,cAAc,aAAAC,QAAM,cAAgC;AAAA,EAC/D,GAAG;AACL,CAAC;AAEM,MAAM,eAA2C,CAAC;AAAA,EACvD,IAAI;AAAA,EACJ;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,SACE,6BAAAA,QAAA,cAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,GAAG,GAAG,MAAM,KACxC,QACH;AAEJ;AAEO,MAAM,iBAAiB,MAAwB;AACpD,SAAO,aAAAA,QAAM,WAAW,WAAW;AACrC;AAEA,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport el from '@digigov/ui/i18n/locales/el';\nexport interface I18NContextProps {\n  Trans?: any;\n  t: (str: string, context?: any) => string;\n  children?: React.ReactNode;\n  i18n?: any;\n}\nexport const defaultTranslate = (\n  key: string,\n  context?: Record<string, any>\n): string => {\n  if (typeof key !== 'string') {\n    return key;\n  }\n  try {\n    if (key.split('.').length > 0) {\n      return key.split('.').reduce((locale, path) => {\n        if (locale[path]) {\n          if (typeof locale[path] === 'string' && context) {\n            let nextLocale = locale[path];\n            const matches = locale[path].match(/\\{{(\\w+)\\}}/g) || [];\n            matches.forEach((match: string) => {\n              const variable = match.replace(/{|}/g, '');\n              nextLocale = nextLocale.replace(match, context[variable]);\n            });\n            return nextLocale;\n          }\n          return locale[path];\n        } else {\n          return key;\n        }\n      }, el);\n    } else if (el[key]) {\n      return el[key];\n    } else {\n      return key;\n    }\n  } catch {\n    console.error(`Translation key \\`${key}\\` not found`);\n    return key;\n  }\n};\nexport const I18NContext = React.createContext<I18NContextProps>({\n  t: defaultTranslate,\n});\n\nexport const I18NProvider: React.FC<I18NContextProps> = ({\n  t = defaultTranslate,\n  children,\n  ...props\n}: I18NContextProps) => {\n  return (\n    <I18NContext.Provider\n      value={{\n        t: (...args) => {\n          if (typeof args[0] !== 'string') {\n            return args[0];\n          }\n          return t(...args);\n        },\n        ...props,\n      }}\n    >\n      {children}\n    </I18NContext.Provider>\n  );\n};\n\nexport const useTranslation = (): I18NContextProps => {\n  return React.useContext(I18NContext);\n};\n\nexport default I18NProvider;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,gBAAe;AAOR,MAAM,mBAAmB,CAC9B,KACA,YACW;AACX,MAAI,OAAO,QAAQ,UAAU;AAC3B,WAAO;AAAA,EACT;AACA,MAAI;AACF,QAAI,IAAI,MAAM,GAAG,EAAE,SAAS,GAAG;AAC7B,aAAO,IAAI,MAAM,GAAG,EAAE,OAAO,CAAC,QAAQ,SAAS;AAC7C,YAAI,OAAO,IAAI,GAAG;AAChB,cAAI,OAAO,OAAO,IAAI,MAAM,YAAY,SAAS;AAC/C,gBAAI,aAAa,OAAO,IAAI;AAC5B,kBAAM,UAAU,OAAO,IAAI,EAAE,MAAM,cAAc,KAAK,CAAC;AACvD,oBAAQ,QAAQ,CAAC,UAAkB;AACjC,oBAAM,WAAW,MAAM,QAAQ,QAAQ,EAAE;AACzC,2BAAa,WAAW,QAAQ,OAAO,QAAQ,QAAQ,CAAC;AAAA,YAC1D,CAAC;AACD,mBAAO;AAAA,UACT;AACA,iBAAO,OAAO,IAAI;AAAA,QACpB,OAAO;AACL,iBAAO;AAAA,QACT;AAAA,MACF,GAAG,UAAAA,OAAE;AAAA,IACP,WAAW,UAAAA,QAAG,GAAG,GAAG;AAClB,aAAO,UAAAA,QAAG,GAAG;AAAA,IACf,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,QAAQ;AACN,YAAQ,MAAM,qBAAqB,GAAG,cAAc;AACpD,WAAO;AAAA,EACT;AACF;AACO,MAAM,cAAc,aAAAC,QAAM,cAAgC;AAAA,EAC/D,GAAG;AACL,CAAC;AAEM,MAAM,eAA2C,CAAC;AAAA,EACvD,IAAI;AAAA,EACJ;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,SACE,6BAAAA,QAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG,IAAI,SAAS;AACd,cAAI,OAAO,KAAK,CAAC,MAAM,UAAU;AAC/B,mBAAO,KAAK,CAAC;AAAA,UACf;AACA,iBAAO,EAAE,GAAG,IAAI;AAAA,QAClB;AAAA,QACA,GAAG;AAAA,MACL;AAAA;AAAA,IAEC;AAAA,EACH;AAEJ;AAEO,MAAM,iBAAiB,MAAwB;AACpD,SAAO,aAAAA,QAAM,WAAW,WAAW;AACrC;AAEA,IAAO,eAAQ;",
   "names": ["el", "React"]
 }