@digigov/ui 2.0.0-daaf7bdf → 2.0.0-eaf330f5

package/form/TextArea/TextArea.stories.d.ts

@@ -6,6 +6,121 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let label: string;
+        let name: string;
+        let hint: boolean;
+        let hintMessage: string;
+        let hintId: string;
+        let error: boolean;
+        let errorMessage: string;
+        let errorId: string;
+        let bottomHint: boolean;
+        let bottomHintMessage: string;
+        let bottomHintId: string;
+        let dense: boolean;
+        let disabled: boolean;
+    }
+    namespace argTypes {
+        export namespace label_1 {
+            let control: string;
+        }
+        export { label_1 as label };
+        export namespace name_1 {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        export { name_1 as name };
+        export namespace hint_1 {
+            let control_2: string;
+            export { control_2 as control };
+        }
+        export { hint_1 as hint };
+        export namespace hintMessage_1 {
+            let control_3: string;
+            export { control_3 as control };
+            export namespace _if {
+                let arg: string;
+                let eq: boolean;
+            }
+            export { _if as if };
+        }
+        export { hintMessage_1 as hintMessage };
+        export namespace hintId_1 {
+            let control_4: string;
+            export { control_4 as control };
+            export namespace _if_1 {
+                let arg_1: string;
+                export { arg_1 as arg };
+                let eq_1: boolean;
+                export { eq_1 as eq };
+            }
+            export { _if_1 as if };
+        }
+        export { hintId_1 as hintId };
+        export namespace error_1 {
+            let control_5: string;
+            export { control_5 as control };
+        }
+        export { error_1 as error };
+        export namespace errorMessage_1 {
+            let control_6: string;
+            export { control_6 as control };
+            export namespace _if_2 {
+                let arg_2: string;
+                export { arg_2 as arg };
+                let eq_2: boolean;
+                export { eq_2 as eq };
+            }
+            export { _if_2 as if };
+        }
+        export { errorMessage_1 as errorMessage };
+        export namespace errorId_1 {
+            let control_7: string;
+            export { control_7 as control };
+            export namespace _if_3 {
+                let arg_3: string;
+                export { arg_3 as arg };
+                let eq_3: boolean;
+                export { eq_3 as eq };
+            }
+            export { _if_3 as if };
+        }
+        export { errorId_1 as errorId };
+        export namespace bottomHint_1 {
+            let control_8: string;
+            export { control_8 as control };
+        }
+        export { bottomHint_1 as bottomHint };
+        export namespace bottomHintMessage_1 {
+            let control_9: string;
+            export { control_9 as control };
+        }
+        export { bottomHintMessage_1 as bottomHintMessage };
+        export namespace bottomHintId_1 {
+            let control_10: string;
+            export { control_10 as control };
+        }
+        export { bottomHintId_1 as bottomHintId };
+        export namespace dense_1 {
+            let control_11: string;
+            export { control_11 as control };
+        }
+        export { dense_1 as dense };
+        export namespace disabled_1 {
+            let control_12: string;
+            export { control_12 as control };
+        }
+        export { disabled_1 as disabled };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/form/TextArea/__stories__/Default";
 export { WithHint } from "@digigov/ui/form/TextArea/__stories__/WithHint";
 export { WithDeclaredRows } from "@digigov/ui/form/TextArea/__stories__/WithDeclaredRows";
@@ -14,4 +129,5 @@ export { LimitedCharacters } from "@digigov/ui/form/TextArea/__stories__/Limited
 export { WithErrorMessage } from "@digigov/ui/form/TextArea/__stories__/WithErrorMessage";
 export { DisabledInput } from "@digigov/ui/form/TextArea/__stories__/DisabledInput";
 export { Dense } from "@digigov/ui/form/TextArea/__stories__/Dense";
-import TextArea from '@digigov/ui/form/TextArea';
+import { TextArea } from '@digigov/ui/form/TextArea';
+import React from 'react';

package/form/TextArea/TextArea.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/form/TextArea/TextArea.stories.js"],
-  "sourcesContent": ["import TextArea from '@digigov/ui/form/TextArea';\nexport default {\n  title: 'Digigov UI/form/TextArea',\n  description:\n    'Use the textarea component when you need to let users enter an amount of text that\u2019s longer than a single line.',\n  link: 'https://guide.services.gov.gr/docs/components/textarea',\n  component: TextArea,\n  displayName: 'TextArea',\n};\nexport { Default } from '@digigov/ui/form/TextArea/__stories__/Default';\nexport { WithHint } from '@digigov/ui/form/TextArea/__stories__/WithHint';\nexport { WithDeclaredRows } from '@digigov/ui/form/TextArea/__stories__/WithDeclaredRows';\nexport { MultipleQuestions } from '@digigov/ui/form/TextArea/__stories__/MultipleQuestions';\nexport { LimitedCharacters } from '@digigov/ui/form/TextArea/__stories__/LimitedCharacters';\nexport { WithErrorMessage } from '@digigov/ui/form/TextArea/__stories__/WithErrorMessage';\nexport { DisabledInput } from '@digigov/ui/form/TextArea/__stories__/DisabledInput';\nexport { Dense } from '@digigov/ui/form/TextArea/__stories__/Dense';\n"],
-  "mappings": "AAAA,OAAO,cAAc;AACrB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,aAAa;",
+  "sources": ["../../../src/form/TextArea/TextArea.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextArea } from '@digigov/ui/form/TextArea';\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/TextArea',\n  description:\n    'Use the textarea component when you need to let users enter an amount of text that\u2019s longer than a single line.',\n  link: 'https://guide.services.gov.gr/docs/components/textarea',\n  component: TextArea,\n  displayName: 'TextArea',\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          <TextArea\n            dense={args.dense}\n            name={args.name}\n            disabled={args.disabled}\n            aria-describedby={args.hintId}\n          ></TextArea>\n          {args.bottomHint && (\n            <Hint id={args.bottomHintId}>{args.bottomHintMessage}</Hint>\n          )}\n        </LabelContainer>\n      </FieldContainer>\n    );\n  },\n  args: {\n    label: '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;',\n    name: 'textarea',\n    hint: true,\n    hintMessage: '\u03A0\u03C1\u03BF\u03B1\u03B9\u03C1\u03B5\u03C4\u03B9\u03BA\u03CC',\n    hintId: 'hintId',\n    error: false,\n    errorMessage: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF.',\n    errorId: 'errorId',\n    bottomHint: true,\n    bottomHintMessage: '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03BB\u03B7\u03BA\u03C4\u03C1\u03BF\u03BB\u03BF\u03B3\u03AE\u03C3\u03B5\u03C4\u03B5 \u03BC\u03AD\u03C7\u03C1\u03B9 500 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03B5\u03C2.',\n    bottomHintId: 'bottomHintId',\n    dense: false,\n    disabled: false,\n  },\n  argTypes: {\n    label: {\n      control: 'text',\n    },\n    name: {\n      control: 'text',\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    bottomHint: {\n      control: 'boolean',\n    },\n    bottomHintMessage: {\n      control: 'text',\n    },\n    bottomHintId: {\n      control: 'text',\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};\nexport { Default } from '@digigov/ui/form/TextArea/__stories__/Default';\nexport { WithHint } from '@digigov/ui/form/TextArea/__stories__/WithHint';\nexport { WithDeclaredRows } from '@digigov/ui/form/TextArea/__stories__/WithDeclaredRows';\nexport { MultipleQuestions } from '@digigov/ui/form/TextArea/__stories__/MultipleQuestions';\nexport { LimitedCharacters } from '@digigov/ui/form/TextArea/__stories__/LimitedCharacters';\nexport { WithErrorMessage } from '@digigov/ui/form/TextArea/__stories__/WithErrorMessage';\nexport { DisabledInput } from '@digigov/ui/form/TextArea/__stories__/DisabledInput';\nexport { Dense } from '@digigov/ui/form/TextArea/__stories__/Dense';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAE/B,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,oCAAC,kBAAe,OAAO,KAAK,SAC1B,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAM,KAAK,KAAM,GACjC,KAAK,QAAQ,oCAAC,QAAK,IAAI,KAAK,UAAS,KAAK,WAAY,GACtD,KAAK,SACJ,oCAAC,gBAAa,IAAI,KAAK,WACrB,oCAAC,sBAAe,iCAAM,GACrB,KAAK,YACR,GAEF;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,KAAK;AAAA,QACZ,MAAM,KAAK;AAAA,QACX,UAAU,KAAK;AAAA,QACf,oBAAkB,KAAK;AAAA;AAAA,IACxB,GACA,KAAK,cACJ,oCAAC,QAAK,IAAI,KAAK,gBAAe,KAAK,iBAAkB,CAEzD,CACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,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,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,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;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;AACA,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,aAAa;",
   "names": []
 }

package/form/TextArea/__stories__/Default/index.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextArea } from "@digigov/ui/form/TextArea";
 const Default = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /* @__PURE__ */ React.createElement(TextArea, { name: "textarea" })));
 var Default_default = Default;

package/form/TextArea/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/TextArea/__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 { TextArea } from '@digigov/ui/form/TextArea';\n\nexport const Default = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;\n      </LabelTitle>\n      <TextArea name=\"textarea\"></TextArea>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default Default;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAElB,MAAM,UAAU,MACrB,oCAAC,sBACC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,iPAEtB,GACA,oCAAC,YAAS,MAAK,YAAW,CAC5B,CACF;AAGF,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextArea } from '@digigov/ui/form/TextArea';\n\nexport const Default = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;\n      </LabelTitle>\n      <TextArea name=\"textarea\"></TextArea>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,gBAAgB;AAElB,MAAM,UAAU,MACrB,oCAAC,sBACC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,iPAEtB,GACA,oCAAC,YAAS,MAAK,YAAW,CAC5B,CACF;AAGF,IAAO,kBAAQ;",
   "names": []
 }

package/form/TextArea/__stories__/DisabledInput/index.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextArea } from "@digigov/ui/form/TextArea";
 import { Hint } from "@digigov/ui/typography/Hint";
 const DisabledInput = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /* @__PURE__ */ React.createElement(Hint, { id: "info-hint" }, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /* @__PURE__ */ React.createElement(

package/form/TextArea/__stories__/DisabledInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/TextArea/__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 { TextArea } from '@digigov/ui/form/TextArea';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const DisabledInput = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;\n      </LabelTitle>\n      <Hint id=\"info-hint\">\n        \u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF\n        \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2.\n      </Hint>\n      <TextArea\n        name=\"textarea\"\n        disabled\n        aria-describedby=\"info-hint\"\n      ></TextArea>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default DisabledInput;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,MAAM,gBAAgB,MAC3B,oCAAC,sBACC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,iPAEtB,GACA,oCAAC,QAAK,IAAG,eAAY,8iBAGrB,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,UAAQ;AAAA,IACR,oBAAiB;AAAA;AAClB,CACH,CACF;AAGF,IAAO,wBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextArea } from '@digigov/ui/form/TextArea';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const DisabledInput = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;\n      </LabelTitle>\n      <Hint id=\"info-hint\">\n        \u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF\n        \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2.\n      </Hint>\n      <TextArea\n        name=\"textarea\"\n        disabled\n        aria-describedby=\"info-hint\"\n      ></TextArea>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default DisabledInput;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,MAAM,gBAAgB,MAC3B,oCAAC,sBACC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,iPAEtB,GACA,oCAAC,QAAK,IAAG,eAAY,8iBAGrB,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,UAAQ;AAAA,IACR,oBAAiB;AAAA;AAClB,CACH,CACF;AAGF,IAAO,wBAAQ;",
   "names": []
 }

package/form/TextArea/__stories__/LimitedCharacters/index.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextArea } from "@digigov/ui/form/TextArea";
 import { Hint } from "@digigov/ui/typography/Hint";
 const LimitedCharacters = () => /* @__PURE__ */ React.createElement(FieldContainer, { "aria-describedby": "info-hint" }, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /* @__PURE__ */ React.createElement(Hint, { id: "info-hint" }, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /* @__PURE__ */ React.createElement(TextArea, { name: "textarea", "aria-describedby": "char-hint" }), /* @__PURE__ */ React.createElement(Hint, { id: "char-hint" }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03BB\u03B7\u03BA\u03C4\u03C1\u03BF\u03BB\u03BF\u03B3\u03AE\u03C3\u03B5\u03C4\u03B5 \u03AC\u03BB\u03BB\u03BF\u03C5\u03C2 200 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03B5\u03C2.")));

package/form/TextArea/__stories__/LimitedCharacters.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/TextArea/__stories__/LimitedCharacters.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 { TextArea } from '@digigov/ui/form/TextArea';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const LimitedCharacters = () => (\n  <FieldContainer aria-describedby=\"info-hint\">\n    <LabelContainer>\n      <LabelTitle size=\"md\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;\n      </LabelTitle>\n      <Hint id=\"info-hint\">\n        \u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF\n        \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2.\n      </Hint>\n      <TextArea name=\"textarea\" aria-describedby=\"char-hint\"></TextArea>\n      <Hint id=\"char-hint\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03BB\u03B7\u03BA\u03C4\u03C1\u03BF\u03BB\u03BF\u03B3\u03AE\u03C3\u03B5\u03C4\u03B5 \u03AC\u03BB\u03BB\u03BF\u03C5\u03C2 200 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03B5\u03C2.\n      </Hint>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default LimitedCharacters;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,MAAM,oBAAoB,MAC/B,oCAAC,kBAAe,oBAAiB,eAC/B,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,iPAEtB,GACA,oCAAC,QAAK,IAAG,eAAY,8iBAGrB,GACA,oCAAC,YAAS,MAAK,YAAW,oBAAiB,aAAY,GACvD,oCAAC,QAAK,IAAG,eAAY,iQAErB,CACF,CACF;AAGF,IAAO,4BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextArea } from '@digigov/ui/form/TextArea';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const LimitedCharacters = () => (\n  <FieldContainer aria-describedby=\"info-hint\">\n    <LabelContainer>\n      <LabelTitle size=\"md\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;\n      </LabelTitle>\n      <Hint id=\"info-hint\">\n        \u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF\n        \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2.\n      </Hint>\n      <TextArea name=\"textarea\" aria-describedby=\"char-hint\"></TextArea>\n      <Hint id=\"char-hint\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03BB\u03B7\u03BA\u03C4\u03C1\u03BF\u03BB\u03BF\u03B3\u03AE\u03C3\u03B5\u03C4\u03B5 \u03AC\u03BB\u03BB\u03BF\u03C5\u03C2 200 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03B5\u03C2.\n      </Hint>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default LimitedCharacters;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,MAAM,oBAAoB,MAC/B,oCAAC,kBAAe,oBAAiB,eAC/B,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,iPAEtB,GACA,oCAAC,QAAK,IAAG,eAAY,8iBAGrB,GACA,oCAAC,YAAS,MAAK,YAAW,oBAAiB,aAAY,GACvD,oCAAC,QAAK,IAAG,eAAY,iQAErB,CACF,CACF;AAGF,IAAO,4BAAQ;",
   "names": []
 }

package/form/TextArea/__stories__/WithDeclaredRows/index.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextArea } from "@digigov/ui/form/TextArea";
 import { Hint } from "@digigov/ui/typography/Hint";
 const WithDeclaredRows = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /* @__PURE__ */ React.createElement(Hint, { id: "info-hint" }, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /* @__PURE__ */ React.createElement(

package/form/TextArea/__stories__/WithDeclaredRows.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/TextArea/__stories__/WithDeclaredRows.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 { TextArea } from '@digigov/ui/form/TextArea';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const WithDeclaredRows = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;\n      </LabelTitle>\n      <Hint id=\"info-hint\">\n        \u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF\n        \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2.\n      </Hint>\n      <TextArea\n        name=\"textarea\"\n        rows={4}\n        aria-describedby=\"info-hint\"\n      ></TextArea>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default WithDeclaredRows;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,MAAM,mBAAmB,MAC9B,oCAAC,sBACC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,iPAEtB,GACA,oCAAC,QAAK,IAAG,eAAY,8iBAGrB,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,MAAM;AAAA,IACN,oBAAiB;AAAA;AAClB,CACH,CACF;AAGF,IAAO,2BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextArea } from '@digigov/ui/form/TextArea';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const WithDeclaredRows = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;\n      </LabelTitle>\n      <Hint id=\"info-hint\">\n        \u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF\n        \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2.\n      </Hint>\n      <TextArea\n        name=\"textarea\"\n        rows={4}\n        aria-describedby=\"info-hint\"\n      ></TextArea>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default WithDeclaredRows;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,MAAM,mBAAmB,MAC9B,oCAAC,sBACC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,iPAEtB,GACA,oCAAC,QAAK,IAAG,eAAY,8iBAGrB,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,MAAM;AAAA,IACN,oBAAiB;AAAA;AAClB,CACH,CACF;AAGF,IAAO,2BAAQ;",
   "names": []
 }

package/form/TextArea/__stories__/WithErrorMessage/index.js

@@ -1,8 +1,7 @@
 import React from "react";
 import { ErrorMessage } from "@digigov/ui/form/ErrorMessage";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextArea } from "@digigov/ui/form/TextArea";
 import { Hint } from "@digigov/ui/typography/Hint";
 const WithErrorMessage = () => /* @__PURE__ */ React.createElement(FieldContainer, { error: true, "aria-describedby": "info-error" }, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /* @__PURE__ */ React.createElement(Hint, { id: "info-hint" }, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /* @__PURE__ */ React.createElement(ErrorMessage, { id: "info-error" }, "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF"), /* @__PURE__ */ React.createElement(TextArea, { name: "textarea", error: true, "aria-describedby": "info-hint" })));

package/form/TextArea/__stories__/WithErrorMessage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/TextArea/__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 { TextArea } from '@digigov/ui/form/TextArea';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const WithErrorMessage = () => (\n  <FieldContainer error aria-describedby=\"info-error\">\n    <LabelContainer>\n      <LabelTitle size=\"md\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;\n      </LabelTitle>\n      <Hint id=\"info-hint\">\n        \u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF\n        \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2.\n      </Hint>\n      <ErrorMessage id=\"info-error\">\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF</ErrorMessage>\n      <TextArea name=\"textarea\" error aria-describedby=\"info-hint\"></TextArea>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default WithErrorMessage;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,MAAM,mBAAmB,MAC9B,oCAAC,kBAAe,OAAK,MAAC,oBAAiB,gBACrC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,iPAEtB,GACA,oCAAC,QAAK,IAAG,eAAY,8iBAGrB,GACA,oCAAC,gBAAa,IAAG,gBAAa,qHAAoB,GAClD,oCAAC,YAAS,MAAK,YAAW,OAAK,MAAC,oBAAiB,aAAY,CAC/D,CACF;AAGF,IAAO,2BAAQ;",
+  "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 { TextArea } from '@digigov/ui/form/TextArea';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const WithErrorMessage = () => (\n  <FieldContainer error aria-describedby=\"info-error\">\n    <LabelContainer>\n      <LabelTitle size=\"md\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;\n      </LabelTitle>\n      <Hint id=\"info-hint\">\n        \u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF\n        \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2.\n      </Hint>\n      <ErrorMessage id=\"info-error\">\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF</ErrorMessage>\n      <TextArea name=\"textarea\" error aria-describedby=\"info-hint\"></TextArea>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default WithErrorMessage;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,MAAM,mBAAmB,MAC9B,oCAAC,kBAAe,OAAK,MAAC,oBAAiB,gBACrC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,iPAEtB,GACA,oCAAC,QAAK,IAAG,eAAY,8iBAGrB,GACA,oCAAC,gBAAa,IAAG,gBAAa,qHAAoB,GAClD,oCAAC,YAAS,MAAK,YAAW,OAAK,MAAC,oBAAiB,aAAY,CAC/D,CACF;AAGF,IAAO,2BAAQ;",
   "names": []
 }

package/form/TextArea/__stories__/WithHint/index.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextArea } from "@digigov/ui/form/TextArea";
 import { Hint } from "@digigov/ui/typography/Hint";
 const WithHint = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /* @__PURE__ */ React.createElement(Hint, { id: "info-hint" }, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /* @__PURE__ */ React.createElement(TextArea, { name: "textarea", "aria-describedby": "info-hint" })));

package/form/TextArea/__stories__/WithHint.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/TextArea/__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 { TextArea } from '@digigov/ui/form/TextArea';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const WithHint = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;\n      </LabelTitle>\n      <Hint id=\"info-hint\">\n        \u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF\n        \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2.\n      </Hint>\n      <TextArea name=\"textarea\" aria-describedby=\"info-hint\"></TextArea>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default WithHint;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,MAAM,WAAW,MACtB,oCAAC,sBACC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,iPAEtB,GACA,oCAAC,QAAK,IAAG,eAAY,8iBAGrB,GACA,oCAAC,YAAS,MAAK,YAAW,oBAAiB,aAAY,CACzD,CACF;AAGF,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextArea } from '@digigov/ui/form/TextArea';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const WithHint = () => (\n  <FieldContainer>\n    <LabelContainer>\n      <LabelTitle size=\"md\">\n        \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;\n      </LabelTitle>\n      <Hint id=\"info-hint\">\n        \u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF\n        \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2.\n      </Hint>\n      <TextArea name=\"textarea\" aria-describedby=\"info-hint\"></TextArea>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default WithHint;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,MAAM,WAAW,MACtB,oCAAC,sBACC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,iPAEtB,GACA,oCAAC,QAAK,IAAG,eAAY,8iBAGrB,GACA,oCAAC,YAAS,MAAK,YAAW,oBAAiB,aAAY,CACzD,CACF;AAGF,IAAO,mBAAQ;",
   "names": []
 }

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

@@ -1,4 +1,10 @@
+import React from "react";
 import TextInput from "@digigov/ui/form/TextInput";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { Hint } from "@digigov/ui/typography/Hint";
+import { ErrorMessage } from "@digigov/ui/form/ErrorMessage";
+import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
 var TextInput_stories_default = {
   title: "Digigov UI/form/TextInput",
   description: "Use the text input component when you need to let users enter text that\u2019s no longer than a single line.",
@@ -6,6 +12,92 @@ var TextInput_stories_default = {
   component: TextInput,
   displayName: "TextInput"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ React.createElement(FieldContainer, { error: args.error }, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, args.label), args.hint && /* @__PURE__ */ React.createElement(Hint, { id: args.hintId }, args.hintMessage), args.error && /* @__PURE__ */ React.createElement(ErrorMessage, { id: args.errorId }, /* @__PURE__ */ React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), args.errorMessage), /* @__PURE__ */ React.createElement(
+      TextInput,
+      {
+        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"]
+    }
+  }
+};
 import { Default } from "@digigov/ui/form/TextInput/__stories__/Default";
 import { MultipleQuestions } from "@digigov/ui/form/TextInput/__stories__/MultipleQuestions";
 import { FixedWidths } from "@digigov/ui/form/TextInput/__stories__/FixedWidths";
@@ -25,6 +117,7 @@ export {
   FixedWidths,
   FluidWidths,
   MultipleQuestions,
+  WithControls,
   WithErrorMessage,
   WithHint,
   TextInput_stories_default as default

package/form/TextInput/TextInput.stories.d.ts

@@ -6,6 +6,123 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let label: string;
+        let name: string;
+        let width: string;
+        let maxWidth: string;
+        let hint: boolean;
+        let hintMessage: string;
+        let hintId: string;
+        let error: boolean;
+        let errorMessage: string;
+        let errorId: string;
+        let dense: boolean;
+        let disabled: boolean;
+    }
+    namespace argTypes {
+        export namespace label_1 {
+            let control: string;
+        }
+        export { label_1 as label };
+        export namespace name_1 {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        export { name_1 as name };
+        export namespace maxWidth_1 {
+            export let options: string[];
+            export namespace control_2 {
+                let type: string;
+            }
+            export { control_2 as control };
+        }
+        export { maxWidth_1 as maxWidth };
+        export namespace width_1 {
+            let options_1: string[];
+            export { options_1 as options };
+            export namespace control_3 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_3 as control };
+        }
+        export { width_1 as width };
+        export namespace hint_1 {
+            let control_4: string;
+            export { control_4 as control };
+        }
+        export { hint_1 as hint };
+        export namespace hintMessage_1 {
+            let control_5: string;
+            export { control_5 as control };
+            export namespace _if {
+                let arg: string;
+                let eq: boolean;
+            }
+            export { _if as if };
+        }
+        export { hintMessage_1 as hintMessage };
+        export namespace hintId_1 {
+            let control_6: string;
+            export { control_6 as control };
+            export namespace _if_1 {
+                let arg_1: string;
+                export { arg_1 as arg };
+                let eq_1: boolean;
+                export { eq_1 as eq };
+            }
+            export { _if_1 as if };
+        }
+        export { hintId_1 as hintId };
+        export namespace error_1 {
+            let control_7: string;
+            export { control_7 as control };
+        }
+        export { error_1 as error };
+        export namespace errorMessage_1 {
+            let control_8: string;
+            export { control_8 as control };
+            export namespace _if_2 {
+                let arg_2: string;
+                export { arg_2 as arg };
+                let eq_2: boolean;
+                export { eq_2 as eq };
+            }
+            export { _if_2 as if };
+        }
+        export { errorMessage_1 as errorMessage };
+        export namespace errorId_1 {
+            let control_9: string;
+            export { control_9 as control };
+            export namespace _if_3 {
+                let arg_3: string;
+                export { arg_3 as arg };
+                let eq_3: boolean;
+                export { eq_3 as eq };
+            }
+            export { _if_3 as if };
+        }
+        export { errorId_1 as errorId };
+        export namespace dense_1 {
+            let control_10: string;
+            export { control_10 as control };
+        }
+        export { dense_1 as dense };
+        export namespace disabled_1 {
+            let control_11: string;
+            export { control_11 as control };
+        }
+        export { disabled_1 as disabled };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/form/TextInput/__stories__/Default";
 export { MultipleQuestions } from "@digigov/ui/form/TextInput/__stories__/MultipleQuestions";
 export { FixedWidths } from "@digigov/ui/form/TextInput/__stories__/FixedWidths";
@@ -17,3 +134,4 @@ export { DisabledInput } from "@digigov/ui/form/TextInput/__stories__/DisabledIn
 export { DisabledInputWithValue } from "@digigov/ui/form/TextInput/__stories__/DisabledInputWithValue";
 export { Dense } from "@digigov/ui/form/TextInput/__stories__/Dense";
 import TextInput from '@digigov/ui/form/TextInput';
+import React from 'react';

package/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,OAAO,eAAe;AACtB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,aAAa;",
+  "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,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAE/B,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,oCAAC,kBAAe,OAAO,KAAK,SAC1B,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAM,KAAK,KAAM,GACjC,KAAK,QAAQ,oCAAC,QAAK,IAAI,KAAK,UAAS,KAAK,WAAY,GACtD,KAAK,SACJ,oCAAC,gBAAa,IAAI,KAAK,WACrB,oCAAC,sBAAe,iCAAM,GACrB,KAAK,YACR,GAEF;AAAA,MAAC;AAAA;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;AAEA,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,aAAa;",
   "names": []
 }

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

@@ -1,7 +1,6 @@
 import React from "react";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextInput } from "@digigov/ui/form/TextInput";
 import { Hint } from "@digigov/ui/typography/Hint";
 const AskingForNumbers = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, "\u0391\u03A6\u039C \u03C0\u03B5\u03BB\u03AC\u03C4\u03B7"), /* @__PURE__ */ React.createElement(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__ */ React.createElement(