@digigov/ui 2.0.0-7d9a8d86 → 2.0.0-834daea4

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

@@ -2,6 +2,6 @@
   "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;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,oBAAoB,MAC/B,oCAAC,gBAAD;AAAA,EAAgB,oBAAiB;AAAA,GAC/B,oCAAC,gBAAD,MACE,oCAAC,YAAD;AAAA,EAAY,MAAK;AAAA,GAAK,oPAGtB,oCAAC,MAAD;AAAA,EAAM,IAAG;AAAA,GAAY,ijBAIrB,oCAAC,UAAD;AAAA,EAAU,MAAK;AAAA,EAAW,oBAAiB;AAAA,IAC3C,oCAAC,MAAD;AAAA,EAAM,IAAG;AAAA,GAAY;AAO3B,IAAO,4BAAQ;",
+  "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;",
   "names": []
 }

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

@@ -1,14 +1,9 @@
 import React from "react";
-import {FieldContainer} from "@digigov/ui/form/FieldContainer";
-import {LabelContainer} from "@digigov/ui/form/LabelContainer";
-import {TextArea} from "@digigov/ui/form/TextArea";
-import {Hint} from "@digigov/ui/typography/Hint";
-const MultipleQuestions = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, "\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"
-})));
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import { TextArea } from "@digigov/ui/form/TextArea";
+import { Hint } from "@digigov/ui/typography/Hint";
+const MultipleQuestions = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, "\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" })));
 var MultipleQuestions_default = MultipleQuestions;
 export {
   MultipleQuestions,

package/form/TextArea/__stories__/MultipleQuestions.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const MultipleQuestions: () => JSX.Element;
+import React from 'react';
+export declare const MultipleQuestions: () => React.JSX.Element;
 export default MultipleQuestions;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/form/TextArea/__stories__/MultipleQuestions.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { TextArea } from '@digigov/ui/form/TextArea';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const MultipleQuestions = () => (\n  <FieldContainer>\n    <LabelContainer>\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      <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 MultipleQuestions;\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;AAEO,MAAM,oBAAoB,MAC/B,oCAAC,gBAAD,MACE,oCAAC,gBAAD,MAAgB,mPAEd,oCAAC,MAAD;AAAA,EAAM,IAAG;AAAA,GAAY,ijBAIrB,oCAAC,UAAD;AAAA,EAAU,MAAK;AAAA,EAAW,oBAAiB;AAAA;AAKjD,IAAO,4BAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,MAAM,oBAAoB,MAC/B,oCAAC,sBACC,oCAAC,sBAAe,mPAEd,oCAAC,QAAK,IAAG,eAAY,8iBAGrB,GACA,oCAAC,YAAS,MAAK,YAAW,oBAAiB,aAAY,CACzD,CACF;AAGF,IAAO,4BAAQ;",
   "names": []
 }

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

@@ -1,18 +1,17 @@
 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 {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(TextArea, {
-  name: "textarea",
-  rows: 4,
-  "aria-describedby": "info-hint"
-})));
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import { 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(
+  TextArea,
+  {
+    name: "textarea",
+    rows: 4,
+    "aria-describedby": "info-hint"
+  }
+)));
 var WithDeclaredRows_default = WithDeclaredRows;
 export {
   WithDeclaredRows,

package/form/TextArea/__stories__/WithDeclaredRows.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithDeclaredRows: () => JSX.Element;
+import React from 'react';
+export declare const WithDeclaredRows: () => React.JSX.Element;
 export default WithDeclaredRows;

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

@@ -2,6 +2,6 @@
   "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;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,MAC9B,oCAAC,gBAAD,MACE,oCAAC,gBAAD,MACE,oCAAC,YAAD;AAAA,EAAY,MAAK;AAAA,GAAK,oPAGtB,oCAAC,MAAD;AAAA,EAAM,IAAG;AAAA,GAAY,ijBAIrB,oCAAC,UAAD;AAAA,EACE,MAAK;AAAA,EACL,MAAM;AAAA,EACN,oBAAiB;AAAA;AAMzB,IAAO,2BAAQ;",
+  "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;",
   "names": []
 }

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

@@ -1,24 +1,11 @@
 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 {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"
-})));
+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 { 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" })));
 var WithErrorMessage_default = WithErrorMessage;
 export {
   WithErrorMessage,

package/form/TextArea/__stories__/WithErrorMessage.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithErrorMessage: () => JSX.Element;
+import React from 'react';
+export declare const WithErrorMessage: () => React.JSX.Element;
 export default WithErrorMessage;

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

@@ -2,6 +2,6 @@
   "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;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,MAC9B,oCAAC,gBAAD;AAAA,EAAgB,OAAK;AAAA,EAAC,oBAAiB;AAAA,GACrC,oCAAC,gBAAD,MACE,oCAAC,YAAD;AAAA,EAAY,MAAK;AAAA,GAAK,oPAGtB,oCAAC,MAAD;AAAA,EAAM,IAAG;AAAA,GAAY,ijBAIrB,oCAAC,cAAD;AAAA,EAAc,IAAG;AAAA,GAAa,wHAC9B,oCAAC,UAAD;AAAA,EAAU,MAAK;AAAA,EAAW,OAAK;AAAA,EAAC,oBAAiB;AAAA;AAKvD,IAAO,2BAAQ;",
+  "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;",
   "names": []
 }

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

@@ -1,17 +1,10 @@
 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 {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"
-})));
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import { 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" })));
 var WithHint_default = WithHint;
 export {
   WithHint,

package/form/TextArea/__stories__/WithHint.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithHint: () => JSX.Element;
+import React from 'react';
+export declare const WithHint: () => React.JSX.Element;
 export default WithHint;

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

@@ -2,6 +2,6 @@
   "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;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,WAAW,MACtB,oCAAC,gBAAD,MACE,oCAAC,gBAAD,MACE,oCAAC,YAAD;AAAA,EAAY,MAAK;AAAA,GAAK,oPAGtB,oCAAC,MAAD;AAAA,EAAM,IAAG;AAAA,GAAY,ijBAIrB,oCAAC,UAAD;AAAA,EAAU,MAAK;AAAA,EAAW,oBAAiB;AAAA;AAKjD,IAAO,mBAAQ;",
+  "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;",
   "names": []
 }

package/form/TextArea/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/form/TextArea/index.tsx"],
   "sourcesContent": ["export * from '@digigov/react-core/TextArea';\nimport TextArea from '@digigov/react-core/TextArea';\nexport default TextArea;\n"],
-  "mappings": "AAAA;AACA;AACA,IAAO,mBAAQ;",
+  "mappings": "AAAA,cAAc;AACd,OAAO,cAAc;AACrB,IAAO,mBAAQ;",
   "names": []
 }

package/form/TextArea/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/form/TextArea/interaction.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -6,17 +6,27 @@ var TextInput_stories_default = {
   component: TextInput,
   displayName: "TextInput"
 };
-export * from "@digigov/ui/form/TextInput/__stories__/Default";
-export * from "@digigov/ui/form/TextInput/__stories__/MultipleQuestions";
-export * from "@digigov/ui/form/TextInput/__stories__/FixedWidths";
-export * from "@digigov/ui/form/TextInput/__stories__/FluidWidths";
-export * from "@digigov/ui/form/TextInput/__stories__/WithHint";
-export * from "@digigov/ui/form/TextInput/__stories__/AskingForNumbers";
-export * from "@digigov/ui/form/TextInput/__stories__/WithErrorMessage";
-export * from "@digigov/ui/form/TextInput/__stories__/DisabledInput";
-export * from "@digigov/ui/form/TextInput/__stories__/DisabledInputWithValue";
-export * from "@digigov/ui/form/TextInput/__stories__/Dense";
+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";
+import { FluidWidths } from "@digigov/ui/form/TextInput/__stories__/FluidWidths";
+import { WithHint } from "@digigov/ui/form/TextInput/__stories__/WithHint";
+import { AskingForNumbers } from "@digigov/ui/form/TextInput/__stories__/AskingForNumbers";
+import { WithErrorMessage } from "@digigov/ui/form/TextInput/__stories__/WithErrorMessage";
+import { DisabledInput } from "@digigov/ui/form/TextInput/__stories__/DisabledInput";
+import { DisabledInputWithValue } from "@digigov/ui/form/TextInput/__stories__/DisabledInputWithValue";
+import { Dense } from "@digigov/ui/form/TextInput/__stories__/Dense";
 export {
+  AskingForNumbers,
+  Default,
+  Dense,
+  DisabledInput,
+  DisabledInputWithValue,
+  FixedWidths,
+  FluidWidths,
+  MultipleQuestions,
+  WithErrorMessage,
+  WithHint,
   TextInput_stories_default as default
 };
 //# sourceMappingURL=TextInput.stories.js.map

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

@@ -6,14 +6,14 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/form/TextInput/__stories__/Default";
-export * from "@digigov/ui/form/TextInput/__stories__/MultipleQuestions";
-export * from "@digigov/ui/form/TextInput/__stories__/FixedWidths";
-export * from "@digigov/ui/form/TextInput/__stories__/FluidWidths";
-export * from "@digigov/ui/form/TextInput/__stories__/WithHint";
-export * from "@digigov/ui/form/TextInput/__stories__/AskingForNumbers";
-export * from "@digigov/ui/form/TextInput/__stories__/WithErrorMessage";
-export * from "@digigov/ui/form/TextInput/__stories__/DisabledInput";
-export * from "@digigov/ui/form/TextInput/__stories__/DisabledInputWithValue";
-export * from "@digigov/ui/form/TextInput/__stories__/Dense";
+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";
+export { FluidWidths } from "@digigov/ui/form/TextInput/__stories__/FluidWidths";
+export { WithHint } from "@digigov/ui/form/TextInput/__stories__/WithHint";
+export { AskingForNumbers } from "@digigov/ui/form/TextInput/__stories__/AskingForNumbers";
+export { WithErrorMessage } from "@digigov/ui/form/TextInput/__stories__/WithErrorMessage";
+export { DisabledInput } from "@digigov/ui/form/TextInput/__stories__/DisabledInput";
+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';

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 * from '@digigov/ui/form/TextInput/__stories__/Default';\nexport * from '@digigov/ui/form/TextInput/__stories__/MultipleQuestions';\nexport * from '@digigov/ui/form/TextInput/__stories__/FixedWidths';\nexport * from '@digigov/ui/form/TextInput/__stories__/FluidWidths';\nexport * from '@digigov/ui/form/TextInput/__stories__/WithHint';\nexport * from '@digigov/ui/form/TextInput/__stories__/AskingForNumbers';\nexport * from '@digigov/ui/form/TextInput/__stories__/WithErrorMessage';\nexport * from '@digigov/ui/form/TextInput/__stories__/DisabledInput';\nexport * from '@digigov/ui/form/TextInput/__stories__/DisabledInputWithValue';\nexport * from '@digigov/ui/form/TextInput/__stories__/Dense';\n"],
-  "mappings": "AAAA;AACA,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "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;",
   "names": []
 }

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

@@ -1,19 +1,18 @@
 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 {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(TextInput, {
-  "aria-describedby": "input-hint",
-  name: "inputext",
-  pattern: "[0-9]*",
-  inputMode: "numeric"
-})));
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import { 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(
+  TextInput,
+  {
+    "aria-describedby": "input-hint",
+    name: "inputext",
+    pattern: "[0-9]*",
+    inputMode: "numeric"
+  }
+)));
 var AskingForNumbers_default = AskingForNumbers;
 export {
   AskingForNumbers,

package/form/TextInput/__stories__/AskingForNumbers.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const AskingForNumbers: () => JSX.Element;
+import React from 'react';
+export declare const AskingForNumbers: () => React.JSX.Element;
 export default AskingForNumbers;

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

@@ -2,6 +2,6 @@
   "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;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,MAC9B,oCAAC,gBAAD,MACE,oCAAC,gBAAD,MACE,oCAAC,YAAD;AAAA,EAAY,MAAK;AAAA,GAAK,4DACtB,oCAAC,MAAD;AAAA,EAAM,IAAG;AAAA,GAAa,kKACtB,oCAAC,WAAD;AAAA,EACE,oBAAiB;AAAA,EACjB,MAAK;AAAA,EACL,SAAQ;AAAA,EACR,WAAU;AAAA;AAMlB,IAAO,2BAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AAEd,MAAM,mBAAmB,MAC9B,oCAAC,sBACC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,yDAAU,GAChC,oCAAC,QAAK,IAAG,gBAAa,+JAAgC,GACtD;AAAA,EAAC;AAAA;AAAA,IACC,oBAAiB;AAAA,IACjB,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,WAAU;AAAA;AACX,CACH,CACF;AAGF,IAAO,2BAAQ;",
   "names": []
 }

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

@@ -1,13 +1,9 @@
 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 {TextInput} from "@digigov/ui/form/TextInput";
-const Default = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, {
-  size: "md"
-}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(TextInput, {
-  name: "inputext"
-})));
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { TextInput } from "@digigov/ui/form/TextInput";
+const Default = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(TextInput, { name: "inputext" })));
 var Default_default = Default;
 export {
   Default,

package/form/TextInput/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
+import React from 'react';
+export declare const Default: () => React.JSX.Element;
 export default Default;

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

@@ -2,6 +2,6 @@
   "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;AACA;AACA;AACA;AACA;AAEO,MAAM,UAAU,MACrB,oCAAC,gBAAD,MACE,oCAAC,gBAAD,MACE,oCAAC,YAAD;AAAA,EAAY,MAAK;AAAA,GAAK,sGACtB,oCAAC,WAAD;AAAA,EAAW,MAAK;AAAA;AAKtB,IAAO,kBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAEnB,MAAM,UAAU,MACrB,oCAAC,sBACC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,mGAAiB,GACvC,oCAAC,aAAU,MAAK,YAAW,CAC7B,CACF;AAGF,IAAO,kBAAQ;",
   "names": []
 }

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

@@ -1,11 +1,8 @@
 import React from "react";
-import {FieldContainer} from "@digigov/ui/form/FieldContainer";
-import {LabelContainer} from "@digigov/ui/form/LabelContainer";
-import {TextInput} from "@digigov/ui/form/TextInput";
-const Dense = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2", /* @__PURE__ */ React.createElement(TextInput, {
-  dense: true,
-  name: "inputext"
-})));
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import { TextInput } from "@digigov/ui/form/TextInput";
+const Dense = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2", /* @__PURE__ */ React.createElement(TextInput, { dense: true, name: "inputext" })));
 var Dense_default = Dense;
 export {
   Dense,

package/form/TextInput/__stories__/Dense.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Dense: () => JSX.Element;
+import React from 'react';
+export declare const Dense: () => React.JSX.Element;
 export default Dense;

package/form/TextInput/__stories__/Dense.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/form/TextInput/__stories__/Dense.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\n\nexport const Dense = () => (\n  <FieldContainer>\n    <LabelContainer>\n      \u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n      <TextInput dense name=\"inputext\"></TextInput>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default Dense;\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AAEO,MAAM,QAAQ,MACnB,oCAAC,gBAAD,MACE,oCAAC,gBAAD,MAAgB,qGAEd,oCAAC,WAAD;AAAA,EAAW,OAAK;AAAA,EAAC,MAAK;AAAA;AAK5B,IAAO,gBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAEnB,MAAM,QAAQ,MACnB,oCAAC,sBACC,oCAAC,sBAAe,qGAEd,oCAAC,aAAU,OAAK,MAAC,MAAK,YAAW,CACnC,CACF;AAGF,IAAO,gBAAQ;",
   "names": []
 }

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

@@ -1,18 +1,17 @@
 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 {TextInput} from "@digigov/ui/form/TextInput";
-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"
-}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(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__ */ React.createElement(TextInput, {
-  "aria-describedby": "input-hint",
-  name: "inputext",
-  disabled: true
-})));
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { TextInput } from "@digigov/ui/form/TextInput";
+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" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(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__ */ React.createElement(
+  TextInput,
+  {
+    "aria-describedby": "input-hint",
+    name: "inputext",
+    disabled: true
+  }
+)));
 var DisabledInput_default = DisabledInput;
 export {
   DisabledInput,

package/form/TextInput/__stories__/DisabledInput.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const DisabledInput: () => JSX.Element;
+import React from 'react';
+export declare const DisabledInput: () => React.JSX.Element;
 export default DisabledInput;

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

@@ -2,6 +2,6 @@
   "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;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,gBAAgB,MAC3B,oCAAC,gBAAD,MACE,oCAAC,gBAAD,MACE,oCAAC,YAAD;AAAA,EAAY,MAAK;AAAA,GAAK,sGACtB,oCAAC,MAAD;AAAA,EAAM,IAAG;AAAA,GAAa,kSAGtB,oCAAC,WAAD;AAAA,EACE,oBAAiB;AAAA,EACjB,MAAK;AAAA,EACL,UAAQ;AAAA;AAMhB,IAAO,wBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AAEd,MAAM,gBAAgB,MAC3B,oCAAC,sBACC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,mGAAiB,GACvC,oCAAC,QAAK,IAAG,gBAAa,+RAEtB,GACA;AAAA,EAAC;AAAA;AAAA,IACC,oBAAiB;AAAA,IACjB,MAAK;AAAA,IACL,UAAQ;AAAA;AACT,CACH,CACF;AAGF,IAAO,wBAAQ;",
   "names": []
 }

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

@@ -1,24 +1,19 @@
 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 {TextInput} from "@digigov/ui/form/TextInput";
-import {Hint} from "@digigov/ui/typography/Hint";
-import {LockIcon} from "@digigov/react-icons";
-const DisabledInputWithValue = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, {
-  size: "md"
-}, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ React.createElement(TextInput, {
-  "aria-describedby": "input-hint",
-  name: "inputext",
-  value: "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2",
-  disabled: true
-}), /* @__PURE__ */ React.createElement(Hint, {
-  id: "input-hint",
-  size: "sm"
-}, /* @__PURE__ */ React.createElement(LockIcon, {
-  mr: 1,
-  mb: 1
-}), "\u03A0\u03B5\u03B4\u03AF\u03BF \u03BC\u03CC\u03BD\u03BF \u03B3\u03B9\u03B1 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE")));
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { TextInput } from "@digigov/ui/form/TextInput";
+import { Hint } from "@digigov/ui/typography/Hint";
+import { LockIcon } from "@digigov/react-icons";
+const DisabledInputWithValue = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ React.createElement(
+  TextInput,
+  {
+    "aria-describedby": "input-hint",
+    name: "inputext",
+    value: "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2",
+    disabled: true
+  }
+), /* @__PURE__ */ React.createElement(Hint, { id: "input-hint", size: "sm" }, /* @__PURE__ */ React.createElement(LockIcon, { mr: 1, mb: 1 }), "\u03A0\u03B5\u03B4\u03AF\u03BF \u03BC\u03CC\u03BD\u03BF \u03B3\u03B9\u03B1 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE")));
 var DisabledInputWithValue_default = DisabledInputWithValue;
 export {
   DisabledInputWithValue,

package/form/TextInput/__stories__/DisabledInputWithValue.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const DisabledInputWithValue: () => JSX.Element;
+import React from 'react';
+export declare const DisabledInputWithValue: () => React.JSX.Element;
 export default DisabledInputWithValue;

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

@@ -2,6 +2,6 @@
   "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;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,yBAAyB,MACpC,oCAAC,gBAAD,MACE,oCAAC,gBAAD,MACE,oCAAC,YAAD;AAAA,EAAY,MAAK;AAAA,GAAK,mCACtB,oCAAC,WAAD;AAAA,EACE,oBAAiB;AAAA,EACjB,MAAK;AAAA,EACL,OAAO;AAAA,EACP,UAAQ;AAAA,IAEV,oCAAC,MAAD;AAAA,EAAM,IAAG;AAAA,EAAa,MAAK;AAAA,GACzB,oCAAC,UAAD;AAAA,EAAU,IAAI;AAAA,EAAG,IAAI;AAAA,IAAK;AAOlC,IAAO,iCAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAElB,MAAM,yBAAyB,MACpC,oCAAC,sBACC,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,gCAAK,GAC3B;AAAA,EAAC;AAAA;AAAA,IACC,oBAAiB;AAAA,IACjB,MAAK;AAAA,IACL,OAAO;AAAA,IACP,UAAQ;AAAA;AACT,GACD,oCAAC,QAAK,IAAG,cAAa,MAAK,QACzB,oCAAC,YAAS,IAAI,GAAG,IAAI,GAAG,GAAE,uHAE5B,CACF,CACF;AAGF,IAAO,iCAAQ;",
   "names": []
 }