@digigov/ui 1.1.3 → 1.1.4-mobile

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

@@ -1,27 +1,17 @@
-import React from 'react';
-import { ErrorMessage } from '@digigov/ui/form/ErrorMessage';
-import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/form/FieldContainer';
-import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
-import { Hint } from '@digigov/ui/typography/Hint';
-import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
-var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
-  error: true
-}, /*#__PURE__*/React.createElement(Fieldset, {
-  "aria-describedby": "travel-hint travel-error"
-}, /*#__PURE__*/React.createElement(FieldsetLegend, {
-  size: "md"
-}, "\u0398\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03B5\u03C4\u03B5 \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2;"), /*#__PURE__*/React.createElement(Hint, {
-  id: "travel-hint"
-}, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03B5\u03C4\u03B5 \u03BC\u03CC\u03BD\u03BF \u03BC\u03AF\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE."), /*#__PURE__*/React.createElement(ErrorMessage, {
-  id: "travel-error"
-}, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7."), /*#__PURE__*/React.createElement(RadioContainer, null, /*#__PURE__*/React.createElement(RadioItem, {
-  name: "country",
-  value: "en"
-}, "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1"), /*#__PURE__*/React.createElement(RadioItem, {
-  name: "country",
-  value: "fr"
-}, "\u0393\u03B1\u03BB\u03BB\u03AF\u03B1"))));
-export var WithErrorMessage = function WithErrorMessage() {
-  return _ref;
+import React from "react";
+import { ErrorMessage } from "@digigov/ui/form/ErrorMessage";
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend
+} from "@digigov/ui/form/FieldContainer";
+import { RadioContainer, RadioItem } from "@digigov/ui/form/RadioContainer";
+import { Hint } from "@digigov/ui/typography/Hint";
+import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
+const WithErrorMessage = () => /* @__PURE__ */ React.createElement(FieldContainer, { error: true }, /* @__PURE__ */ React.createElement(Fieldset, { "aria-describedby": "travel-hint travel-error" }, /* @__PURE__ */ React.createElement(FieldsetLegend, { size: "md" }, "\u0398\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03B5\u03C4\u03B5 \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2;"), /* @__PURE__ */ React.createElement(Hint, { id: "travel-hint" }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03B5\u03C4\u03B5 \u03BC\u03CC\u03BD\u03BF \u03BC\u03AF\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE."), /* @__PURE__ */ React.createElement(ErrorMessage, { id: "travel-error" }, /* @__PURE__ */ React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7."), /* @__PURE__ */ React.createElement(RadioContainer, null, /* @__PURE__ */ React.createElement(RadioItem, { name: "country", value: "en" }, "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1"), /* @__PURE__ */ React.createElement(RadioItem, { name: "country", value: "fr" }, "\u0393\u03B1\u03BB\u03BB\u03AF\u03B1"))));
+var WithErrorMessage_default = WithErrorMessage;
+export {
+  WithErrorMessage,
+  WithErrorMessage_default as default
 };
-export default WithErrorMessage;
+//# sourceMappingURL=WithErrorMessage.js.map

package/form/RadioContainer/__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/RadioContainer/__stories__/WithErrorMessage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/RadioContainer/__stories__/WithErrorMessage.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport {\n  FieldContainer,\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\nimport { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';\n\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport const WithErrorMessage = () => (\n  <FieldContainer error>\n    <Fieldset aria-describedby=\"travel-hint travel-error\">\n      <FieldsetLegend size=\"md\">\n        \u0398\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03B5\u03C4\u03B5 \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2;\n      </FieldsetLegend>\n      <Hint id=\"travel-hint\">\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03B5\u03C4\u03B5 \u03BC\u03CC\u03BD\u03BF \u03BC\u03AF\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE.</Hint>\n      <ErrorMessage id=\"travel-error\">\n        <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden> \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1\n        \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7.\n      </ErrorMessage>\n      <RadioContainer>\n        <RadioItem name=\"country\" value=\"en\">\n          \u0391\u03B3\u03B3\u03BB\u03AF\u03B1\n        </RadioItem>\n        <RadioItem name=\"country\" value=\"fr\">\n          \u0393\u03B1\u03BB\u03BB\u03AF\u03B1\n        </RadioItem>\n      </RadioContainer>\n    </Fieldset>\n  </FieldContainer>\n);\n\nexport default WithErrorMessage;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,iBAAiB;AAE1C,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAExB,MAAM,mBAAmB,MAC9B,oCAAC,kBAAe,OAAK,QACnB,oCAAC,YAAS,oBAAiB,8BACzB,oCAAC,kBAAe,MAAK,QAAK,kOAE1B,GACA,oCAAC,QAAK,IAAG,iBAAc,8MAAuC,GAC9D,oCAAC,gBAAa,IAAG,kBACf,oCAAC,sBAAe,iCAAM,GAAiB,gLAEzC,GACA,oCAAC,sBACC,oCAAC,aAAU,MAAK,WAAU,OAAM,QAAK,sCAErC,GACA,oCAAC,aAAU,MAAK,WAAU,OAAM,QAAK,sCAErC,CACF,CACF,CACF;AAGF,IAAO,2BAAQ;",
+  "names": []
+}

package/form/RadioContainer/__stories__/WithHints/index.js

@@ -1,27 +1,24 @@
-import React from 'react';
-import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/form/FieldContainer';
-import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
-import { Hint } from '@digigov/ui/typography/Hint';
-var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, {
-  "aria-describedby": "login-hint"
-}, /*#__PURE__*/React.createElement(FieldsetLegend, {
-  size: "md"
-}, "\u03A0\u03CE\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF\u03C4\u03B5;"), /*#__PURE__*/React.createElement(Hint, {
-  id: "login-hint"
-}, "\u0398\u03B1 \u03C7\u03C1\u03B5\u03B9\u03B1\u03C3\u03C4\u03B5\u03AF\u03C4\u03B5 \u03AD\u03BD\u03B1\u03BD \u03BB\u03BF\u03B3\u03B1\u03C1\u03B9\u03B1\u03C3\u03BC\u03CC \u03BC\u03B5 \u03C4\u03BF\u03BD \u03BF\u03C0\u03BF\u03AF\u03BF \u03B8\u03B1 \u03B1\u03C0\u03BF\u03B4\u03B5\u03AF\u03BE\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C4\u03B1\u03C5\u03C4\u03CC\u03C4\u03B7\u03C4\u03AC \u03C3\u03B1\u03C2 \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C7\u03C9\u03C1\u03AE\u03C3\u03B5\u03C4\u03B5."), /*#__PURE__*/React.createElement(RadioContainer, null, /*#__PURE__*/React.createElement(RadioItem, {
-  name: "login",
-  value: "gsis",
-  "aria-describedby": "gsis-hint"
-}, "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u03BC\u03B5 Taxisnet", /*#__PURE__*/React.createElement(Hint, {
-  id: "gsis-hint"
-}, "\u0398\u03B1 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C4\u03BF\u03C5\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03BF\u03CD\u03C2 Taxisnet \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B8\u03B5\u03AF\u03C4\u03B5")), /*#__PURE__*/React.createElement(RadioItem, {
-  name: "login",
-  value: "ebanking",
-  "aria-describedby": "ebanking-hint"
-}, "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u03BC\u03B5 \u03BB\u03BF\u03B3\u03B1\u03C1\u03B9\u03C3\u03BC\u03CC e-banking", /*#__PURE__*/React.createElement(Hint, {
-  id: "ebanking-hint"
-}, "\u0398\u03B1 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C4\u03BF\u03C5\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03BF\u03CD\u03C2 \u03C4\u03BF\u03C5 e-banking \u03C4\u03B7\u03C2 \u03C4\u03C1\u03AC\u03C0\u03B5\u03B6\u03B1\u03C2 \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF\u03C4\u03B5.")))));
-export var WithHints = function WithHints() {
-  return _ref;
+import React from "react";
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend
+} from "@digigov/ui/form/FieldContainer";
+import { RadioContainer, RadioItem } from "@digigov/ui/form/RadioContainer";
+import { Hint } from "@digigov/ui/typography/Hint";
+const WithHints = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(Fieldset, { "aria-describedby": "login-hint" }, /* @__PURE__ */ React.createElement(FieldsetLegend, { size: "md" }, "\u03A0\u03CE\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF\u03C4\u03B5;"), /* @__PURE__ */ React.createElement(Hint, { id: "login-hint" }, "\u0398\u03B1 \u03C7\u03C1\u03B5\u03B9\u03B1\u03C3\u03C4\u03B5\u03AF\u03C4\u03B5 \u03AD\u03BD\u03B1\u03BD \u03BB\u03BF\u03B3\u03B1\u03C1\u03B9\u03B1\u03C3\u03BC\u03CC \u03BC\u03B5 \u03C4\u03BF\u03BD \u03BF\u03C0\u03BF\u03AF\u03BF \u03B8\u03B1 \u03B1\u03C0\u03BF\u03B4\u03B5\u03AF\u03BE\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C4\u03B1\u03C5\u03C4\u03CC\u03C4\u03B7\u03C4\u03AC \u03C3\u03B1\u03C2 \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C7\u03C9\u03C1\u03AE\u03C3\u03B5\u03C4\u03B5."), /* @__PURE__ */ React.createElement(RadioContainer, null, /* @__PURE__ */ React.createElement(RadioItem, { name: "login", value: "gsis", "aria-describedby": "gsis-hint" }, "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u03BC\u03B5 Taxisnet", /* @__PURE__ */ React.createElement(Hint, { id: "gsis-hint" }, "\u0398\u03B1 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C4\u03BF\u03C5\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03BF\u03CD\u03C2 Taxisnet \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B8\u03B5\u03AF\u03C4\u03B5")), /* @__PURE__ */ React.createElement(
+  RadioItem,
+  {
+    name: "login",
+    value: "ebanking",
+    "aria-describedby": "ebanking-hint"
+  },
+  "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u03BC\u03B5 \u03BB\u03BF\u03B3\u03B1\u03C1\u03B9\u03C3\u03BC\u03CC e-banking",
+  /* @__PURE__ */ React.createElement(Hint, { id: "ebanking-hint" }, "\u0398\u03B1 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C4\u03BF\u03C5\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03BF\u03CD\u03C2 \u03C4\u03BF\u03C5 e-banking \u03C4\u03B7\u03C2 \u03C4\u03C1\u03AC\u03C0\u03B5\u03B6\u03B1\u03C2 \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF\u03C4\u03B5.")
+))));
+var WithHints_default = WithHints;
+export {
+  WithHints,
+  WithHints_default as default
 };
-export default WithHints;
+//# sourceMappingURL=WithHints.js.map

package/form/RadioContainer/__stories__/WithHints.d.ts

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

package/form/RadioContainer/__stories__/WithHints.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/RadioContainer/__stories__/WithHints.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  FieldContainer,\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\nimport { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';\n\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const WithHints = () => (\n  <FieldContainer>\n    <Fieldset aria-describedby=\"login-hint\">\n      <FieldsetLegend size=\"md\">\u03A0\u03CE\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF\u03C4\u03B5;</FieldsetLegend>\n      <Hint id=\"login-hint\">\n        \u0398\u03B1 \u03C7\u03C1\u03B5\u03B9\u03B1\u03C3\u03C4\u03B5\u03AF\u03C4\u03B5 \u03AD\u03BD\u03B1\u03BD \u03BB\u03BF\u03B3\u03B1\u03C1\u03B9\u03B1\u03C3\u03BC\u03CC \u03BC\u03B5 \u03C4\u03BF\u03BD \u03BF\u03C0\u03BF\u03AF\u03BF \u03B8\u03B1 \u03B1\u03C0\u03BF\u03B4\u03B5\u03AF\u03BE\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C4\u03B1\u03C5\u03C4\u03CC\u03C4\u03B7\u03C4\u03AC\n        \u03C3\u03B1\u03C2 \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C7\u03C9\u03C1\u03AE\u03C3\u03B5\u03C4\u03B5.\n      </Hint>\n      <RadioContainer>\n        <RadioItem name=\"login\" value=\"gsis\" aria-describedby=\"gsis-hint\">\n          \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u03BC\u03B5 Taxisnet\n          <Hint id=\"gsis-hint\">\n            \u0398\u03B1 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C4\u03BF\u03C5\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03BF\u03CD\u03C2 Taxisnet \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B8\u03B5\u03AF\u03C4\u03B5\n          </Hint>\n        </RadioItem>\n        <RadioItem\n          name=\"login\"\n          value=\"ebanking\"\n          aria-describedby=\"ebanking-hint\"\n        >\n          \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u03BC\u03B5 \u03BB\u03BF\u03B3\u03B1\u03C1\u03B9\u03C3\u03BC\u03CC e-banking\n          <Hint id=\"ebanking-hint\">\n            \u0398\u03B1 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C4\u03BF\u03C5\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03BF\u03CD\u03C2 \u03C4\u03BF\u03C5 e-banking \u03C4\u03B7\u03C2 \u03C4\u03C1\u03AC\u03C0\u03B5\u03B6\u03B1\u03C2 \u03B3\u03B9\u03B1 \u03BD\u03B1\n            \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF\u03C4\u03B5.\n          </Hint>\n        </RadioItem>\n      </RadioContainer>\n    </Fieldset>\n  </FieldContainer>\n);\n\nexport default WithHints;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,iBAAiB;AAE1C,SAAS,YAAY;AAEd,MAAM,YAAY,MACvB,oCAAC,sBACC,oCAAC,YAAS,oBAAiB,gBACzB,oCAAC,kBAAe,MAAK,QAAK,oIAAyB,GACnD,oCAAC,QAAK,IAAG,gBAAa,ufAGtB,GACA,oCAAC,sBACC,oCAAC,aAAU,MAAK,SAAQ,OAAM,QAAO,oBAAiB,eAAY,oEAEhE,oCAAC,QAAK,IAAG,eAAY,mQAErB,CACF,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,OAAM;AAAA,IACN,oBAAiB;AAAA;AAAA,EAClB;AAAA,EAEC,oCAAC,QAAK,IAAG,mBAAgB,wWAGzB;AACF,CACF,CACF,CACF;AAGF,IAAO,oBAAQ;",
+  "names": []
+}

package/form/RadioContainer/__stories__/WithMediumLegend/index.js

@@ -1,22 +1,14 @@
-import React from 'react';
-import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/form/FieldContainer';
-import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
-var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
-  size: "md"
-}, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(RadioContainer, null, /*#__PURE__*/React.createElement(RadioItem, {
-  name: "country",
-  value: "greece"
-}, "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"), /*#__PURE__*/React.createElement(RadioItem, {
-  name: "country",
-  value: "cyprus"
-}, "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"), /*#__PURE__*/React.createElement(RadioItem, {
-  name: "country",
-  value: "eu"
-}, "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(RadioItem, {
-  name: "country",
-  value: "us"
-}, "H\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"))));
-export var WithMediumLegend = function WithMediumLegend() {
-  return _ref;
+import React from "react";
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend
+} from "@digigov/ui/form/FieldContainer";
+import { RadioContainer, RadioItem } from "@digigov/ui/form/RadioContainer";
+const WithMediumLegend = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(Fieldset, null, /* @__PURE__ */ React.createElement(FieldsetLegend, { size: "md" }, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /* @__PURE__ */ React.createElement(RadioContainer, null, /* @__PURE__ */ React.createElement(RadioItem, { name: "country", value: "greece" }, "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"), /* @__PURE__ */ React.createElement(RadioItem, { name: "country", value: "cyprus" }, "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"), /* @__PURE__ */ React.createElement(RadioItem, { name: "country", value: "eu" }, "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(RadioItem, { name: "country", value: "us" }, "H\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"))));
+var WithMediumLegend_default = WithMediumLegend;
+export {
+  WithMediumLegend,
+  WithMediumLegend_default as default
 };
-export default WithMediumLegend;
+//# sourceMappingURL=WithMediumLegend.js.map

package/form/RadioContainer/__stories__/WithMediumLegend.d.ts

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

package/form/RadioContainer/__stories__/WithMediumLegend.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/RadioContainer/__stories__/WithMediumLegend.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  FieldContainer,\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\nimport { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';\n\nexport const WithMediumLegend = () => (\n  <FieldContainer>\n    <Fieldset>\n      <FieldsetLegend size=\"md\">\n        \u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;\n      </FieldsetLegend>\n      <RadioContainer>\n        <RadioItem name=\"country\" value=\"greece\">\n          \u0395\u03BB\u03BB\u03AC\u03B4\u03B1\n        </RadioItem>\n        <RadioItem name=\"country\" value=\"cyprus\">\n          \u039A\u03CD\u03C0\u03C1\u03BF\u03C2\n        </RadioItem>\n        <RadioItem name=\"country\" value=\"eu\">\n          \u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2\n        </RadioItem>\n        <RadioItem name=\"country\" value=\"us\">\n          H\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2\n        </RadioItem>\n      </RadioContainer>\n    </Fieldset>\n  </FieldContainer>\n);\n\nexport default WithMediumLegend;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,iBAAiB;AAEnC,MAAM,mBAAmB,MAC9B,oCAAC,sBACC,oCAAC,gBACC,oCAAC,kBAAe,MAAK,QAAK,iLAE1B,GACA,oCAAC,sBACC,oCAAC,aAAU,MAAK,WAAU,OAAM,YAAS,sCAEzC,GACA,oCAAC,aAAU,MAAK,WAAU,OAAM,YAAS,sCAEzC,GACA,oCAAC,aAAU,MAAK,WAAU,OAAM,QAAK,+IAErC,GACA,oCAAC,aAAU,MAAK,WAAU,OAAM,QAAK,wKAErC,CACF,CACF,CACF;AAGF,IAAO,2BAAQ;",
+  "names": []
+}

package/form/RadioContainer/index.js

@@ -1,6 +1,10 @@
-export * from '@digigov/react-core/RadioContainer';
-export * from '@digigov/react-core/RadioItem';
-export * from '@digigov/react-core/ChoiceDividerText';
-export * from '@digigov/react-core/RadioConditional';
-import RadioContainer from '@digigov/react-core/RadioContainer';
-export default RadioContainer;
+export * from "@digigov/react-core/RadioContainer";
+export * from "@digigov/react-core/RadioItem";
+export * from "@digigov/react-core/ChoiceDividerText";
+export * from "@digigov/react-core/RadioConditional";
+import RadioContainer from "@digigov/react-core/RadioContainer";
+var RadioContainer_default = RadioContainer;
+export {
+  RadioContainer_default as default
+};
+//# sourceMappingURL=index.js.map

package/form/RadioContainer/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/form/RadioContainer/index.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/RadioContainer';\nexport * from '@digigov/react-core/RadioItem';\nexport * from '@digigov/react-core/ChoiceDividerText';\nexport * from '@digigov/react-core/RadioConditional';\nimport RadioContainer from '@digigov/react-core/RadioContainer';\nexport default RadioContainer;\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,OAAO,oBAAoB;AAC3B,IAAO,yBAAQ;",
+  "names": []
+}

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

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

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

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

package/form/SearchContainer/index.js

@@ -1,5 +1,9 @@
-export * from '@digigov/react-core/SearchContainer';
-export * from '@digigov/react-core/SearchButton';
-export * from '@digigov/react-icons/SearchIcon';
-import SearchContainer from '@digigov/react-core/SearchContainer';
-export default SearchContainer;
+export * from "@digigov/react-core/SearchContainer";
+export * from "@digigov/react-core/SearchButton";
+export * from "@digigov/react-icons/SearchIcon";
+import SearchContainer from "@digigov/react-core/SearchContainer";
+var SearchContainer_default = SearchContainer;
+export {
+  SearchContainer_default as default
+};
+//# sourceMappingURL=index.js.map

package/form/SearchContainer/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/form/SearchContainer/index.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/SearchContainer';\nexport * from '@digigov/react-core/SearchButton';\nexport * from '@digigov/react-icons/SearchIcon';\n\nimport SearchContainer from '@digigov/react-core/SearchContainer';\nexport default SearchContainer;\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AAEd,OAAO,qBAAqB;AAC5B,IAAO,0BAAQ;",
+  "names": []
+}

package/form/SelectContainer/SelectContainer.stories/index.js

@@ -1,12 +1,20 @@
-import SelectContainer from '@digigov/ui/form/SelectContainer';
-export default {
-  title: 'Digigov UI/form/SelectContainer',
-  description: 'The select component should only be used as a last resort in public-facing services because research shows that some users find selects very difficult to use.',
-  link: 'https://guide.services.gov.gr/docs/components/select',
+import SelectContainer from "@digigov/ui/form/SelectContainer";
+var SelectContainer_stories_default = {
+  title: "Digigov UI/form/SelectContainer",
+  description: "The select component should only be used as a last resort in public-facing services because research shows that some users find selects very difficult to use.",
+  link: "https://guide.services.gov.gr/docs/components/select",
   component: SelectContainer,
-  displayName: 'SelectContainer'
+  displayName: "SelectContainer"
 };
-export * from '@digigov/ui/form/SelectContainer/__stories__/Default';
-export * from '@digigov/ui/form/SelectContainer/__stories__/DisabledInput';
-export * from '@digigov/ui/form/SelectContainer/__stories__/WithHint';
-export * from '@digigov/ui/form/SelectContainer/__stories__/Dense';
+import { Default } from "@digigov/ui/form/SelectContainer/__stories__/Default";
+import { DisabledInput } from "@digigov/ui/form/SelectContainer/__stories__/DisabledInput";
+import { WithHint } from "@digigov/ui/form/SelectContainer/__stories__/WithHint";
+import { Dense } from "@digigov/ui/form/SelectContainer/__stories__/Dense";
+export {
+  Default,
+  Dense,
+  DisabledInput,
+  WithHint,
+  SelectContainer_stories_default as default
+};
+//# sourceMappingURL=SelectContainer.stories.js.map

package/form/SelectContainer/SelectContainer.stories.d.ts

@@ -6,8 +6,8 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/form/SelectContainer/__stories__/Default";
-export * from "@digigov/ui/form/SelectContainer/__stories__/DisabledInput";
-export * from "@digigov/ui/form/SelectContainer/__stories__/WithHint";
-export * from "@digigov/ui/form/SelectContainer/__stories__/Dense";
+export { Default } from "@digigov/ui/form/SelectContainer/__stories__/Default";
+export { DisabledInput } from "@digigov/ui/form/SelectContainer/__stories__/DisabledInput";
+export { WithHint } from "@digigov/ui/form/SelectContainer/__stories__/WithHint";
+export { Dense } from "@digigov/ui/form/SelectContainer/__stories__/Dense";
 import SelectContainer from '@digigov/ui/form/SelectContainer';

package/form/SelectContainer/SelectContainer.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/form/SelectContainer/SelectContainer.stories.js"],
+  "sourcesContent": ["import SelectContainer from '@digigov/ui/form/SelectContainer';\nexport default {\n  title: 'Digigov UI/form/SelectContainer',\n  description:\n    'The select component should only be used as a last resort in public-facing services because research shows that some users find selects very difficult to use.',\n  link: 'https://guide.services.gov.gr/docs/components/select',\n  component: SelectContainer,\n  displayName: 'SelectContainer',\n};\nexport { Default } from '@digigov/ui/form/SelectContainer/__stories__/Default';\nexport { DisabledInput } from '@digigov/ui/form/SelectContainer/__stories__/DisabledInput';\nexport { WithHint } from '@digigov/ui/form/SelectContainer/__stories__/WithHint';\nexport { Dense } from '@digigov/ui/form/SelectContainer/__stories__/Dense';\n"],
+  "mappings": "AAAA,OAAO,qBAAqB;AAC5B,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,aAAa;",
+  "names": []
+}

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

@@ -1,20 +1,14 @@
-import React from 'react';
-import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { SelectContainer, SelectOption } from '@digigov/ui/form/SelectContainer';
-var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /*#__PURE__*/React.createElement(SelectContainer, {
-  name: "select-list",
-  "aria-label": "\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7"
-}, /*#__PURE__*/React.createElement(SelectOption, {
-  value: "popular"
-}, "\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE"), /*#__PURE__*/React.createElement(SelectOption, {
-  value: "recent"
-}, "\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1"), /*#__PURE__*/React.createElement(SelectOption, {
-  value: "views"
-}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2"), /*#__PURE__*/React.createElement(SelectOption, {
-  value: "comments"
-}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1"))));
-export var Default = function Default() {
-  return _ref;
+import React from "react";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import {
+  SelectContainer,
+  SelectOption
+} from "@digigov/ui/form/SelectContainer";
+const Default = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /* @__PURE__ */ React.createElement(SelectContainer, { name: "select-list", "aria-label": "\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7" }, /* @__PURE__ */ React.createElement(SelectOption, { value: "popular" }, "\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE"), /* @__PURE__ */ React.createElement(SelectOption, { value: "recent" }, "\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1"), /* @__PURE__ */ React.createElement(SelectOption, { value: "views" }, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2"), /* @__PURE__ */ React.createElement(SelectOption, { value: "comments" }, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1"))));
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
 };
-export default Default;
+//# sourceMappingURL=Default.js.map

package/form/SelectContainer/__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/SelectContainer/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/SelectContainer/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\n\nexport const Default = () => (\n  <FieldContainer>\n    <LabelContainer>\n      \u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7\n      <SelectContainer name=\"select-list\" aria-label=\"\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7\">\n        <SelectOption value=\"popular\">\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE</SelectOption>\n        <SelectOption value=\"recent\">\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1</SelectOption>\n        <SelectOption value=\"views\">\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2</SelectOption>\n        <SelectOption value=\"comments\">\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1</SelectOption>\n      </SelectContainer>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,UAAU,MACrB,oCAAC,sBACC,oCAAC,sBAAe,gEAEd,oCAAC,mBAAgB,MAAK,eAAc,cAAW,kEAC7C,oCAAC,gBAAa,OAAM,aAAU,kDAAQ,GACtC,oCAAC,gBAAa,OAAM,YAAS,kDAAQ,GACrC,oCAAC,gBAAa,OAAM,WAAQ,2HAAqB,GACjD,oCAAC,gBAAa,OAAM,cAAW,yGAAkB,CACnD,CACF,CACF;AAGF,IAAO,kBAAQ;",
+  "names": []
+}

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

@@ -1,21 +1,14 @@
-import React from 'react';
-import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { SelectContainer, SelectOption } from '@digigov/ui/form/SelectContainer';
-var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /*#__PURE__*/React.createElement(SelectContainer, {
-  dense: true,
-  name: "select-list",
-  "aria-label": "\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7"
-}, /*#__PURE__*/React.createElement(SelectOption, {
-  value: "popular"
-}, "\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE"), /*#__PURE__*/React.createElement(SelectOption, {
-  value: "recent"
-}, "\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1"), /*#__PURE__*/React.createElement(SelectOption, {
-  value: "views"
-}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2"), /*#__PURE__*/React.createElement(SelectOption, {
-  value: "comments"
-}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1"))));
-export var Dense = function Dense() {
-  return _ref;
+import React from "react";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import {
+  SelectContainer,
+  SelectOption
+} from "@digigov/ui/form/SelectContainer";
+const Dense = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /* @__PURE__ */ React.createElement(SelectContainer, { dense: true, name: "select-list", "aria-label": "\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7" }, /* @__PURE__ */ React.createElement(SelectOption, { value: "popular" }, "\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE"), /* @__PURE__ */ React.createElement(SelectOption, { value: "recent" }, "\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1"), /* @__PURE__ */ React.createElement(SelectOption, { value: "views" }, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2"), /* @__PURE__ */ React.createElement(SelectOption, { value: "comments" }, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1"))));
+var Dense_default = Dense;
+export {
+  Dense,
+  Dense_default as default
 };
-export default Dense;
+//# sourceMappingURL=Dense.js.map

package/form/SelectContainer/__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/SelectContainer/__stories__/Dense.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/SelectContainer/__stories__/Dense.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\n\nexport const Dense = () => (\n  <FieldContainer>\n    <LabelContainer>\n      \u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7\n      <SelectContainer dense name=\"select-list\" aria-label=\"\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7\">\n        <SelectOption value=\"popular\">\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE</SelectOption>\n        <SelectOption value=\"recent\">\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1</SelectOption>\n        <SelectOption value=\"views\">\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2</SelectOption>\n        <SelectOption value=\"comments\">\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1</SelectOption>\n      </SelectContainer>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default Dense;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,QAAQ,MACnB,oCAAC,sBACC,oCAAC,sBAAe,gEAEd,oCAAC,mBAAgB,OAAK,MAAC,MAAK,eAAc,cAAW,kEACnD,oCAAC,gBAAa,OAAM,aAAU,kDAAQ,GACtC,oCAAC,gBAAa,OAAM,YAAS,kDAAQ,GACrC,oCAAC,gBAAa,OAAM,WAAQ,2HAAqB,GACjD,oCAAC,gBAAa,OAAM,cAAW,yGAAkB,CACnD,CACF,CACF;AAGF,IAAO,gBAAQ;",
+  "names": []
+}

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

@@ -1,22 +1,26 @@
-import React from 'react';
-import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { SelectContainer, SelectOption } from '@digigov/ui/form/SelectContainer';
-var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /*#__PURE__*/React.createElement(SelectContainer, {
-  name: "select-list",
-  disabled: true,
-  "aria-disabled": "true",
-  "aria-label": "\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7"
-}, /*#__PURE__*/React.createElement(SelectOption, {
-  value: "dim"
-}, "\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE"), /*#__PURE__*/React.createElement(SelectOption, {
-  value: "kat"
-}, "\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1"), /*#__PURE__*/React.createElement(SelectOption, {
-  value: "kat"
-}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2"), /*#__PURE__*/React.createElement(SelectOption, {
-  value: "kat"
-}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1"))));
-export var DisabledInput = function DisabledInput() {
-  return _ref;
+import React from "react";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import {
+  SelectContainer,
+  SelectOption
+} from "@digigov/ui/form/SelectContainer";
+const DisabledInput = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /* @__PURE__ */ React.createElement(
+  SelectContainer,
+  {
+    name: "select-list",
+    disabled: true,
+    "aria-disabled": "true",
+    "aria-label": "\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7"
+  },
+  /* @__PURE__ */ React.createElement(SelectOption, { value: "dim" }, "\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE"),
+  /* @__PURE__ */ React.createElement(SelectOption, { value: "kat" }, "\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1"),
+  /* @__PURE__ */ React.createElement(SelectOption, { value: "kat" }, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2"),
+  /* @__PURE__ */ React.createElement(SelectOption, { value: "kat" }, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1")
+)));
+var DisabledInput_default = DisabledInput;
+export {
+  DisabledInput,
+  DisabledInput_default as default
 };
-export default DisabledInput;
+//# sourceMappingURL=DisabledInput.js.map

package/form/SelectContainer/__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/SelectContainer/__stories__/DisabledInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/SelectContainer/__stories__/DisabledInput.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\n\nexport const DisabledInput = () => (\n  <FieldContainer>\n    <LabelContainer>\n      \u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7\n      <SelectContainer\n        name=\"select-list\"\n        disabled\n        aria-disabled=\"true\"\n        aria-label=\"\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7\"\n      >\n        <SelectOption value=\"dim\">\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE</SelectOption>\n        <SelectOption value=\"kat\">\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1</SelectOption>\n        <SelectOption value=\"kat\">\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2</SelectOption>\n        <SelectOption value=\"kat\">\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1</SelectOption>\n      </SelectContainer>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default DisabledInput;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,gBAAgB,MAC3B,oCAAC,sBACC,oCAAC,sBAAe,gEAEd;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,UAAQ;AAAA,IACR,iBAAc;AAAA,IACd,cAAW;AAAA;AAAA,EAEX,oCAAC,gBAAa,OAAM,SAAM,kDAAQ;AAAA,EAClC,oCAAC,gBAAa,OAAM,SAAM,kDAAQ;AAAA,EAClC,oCAAC,gBAAa,OAAM,SAAM,2HAAqB;AAAA,EAC/C,oCAAC,gBAAa,OAAM,SAAM,yGAAkB;AAC9C,CACF,CACF;AAGF,IAAO,wBAAQ;",
+  "names": []
+}

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

@@ -1,24 +1,26 @@
-import React from 'react';
-import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { SelectContainer, SelectOption } from '@digigov/ui/form/SelectContainer';
-import { Hint } from '@digigov/ui/typography';
-var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /*#__PURE__*/React.createElement(Hint, {
-  id: "select-hint"
-}, "\u03A4\u03B1 \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B8\u03B1 \u03B5\u03BC\u03C6\u03B1\u03BD\u03B9\u03C3\u03C4\u03BF\u03CD\u03BD \u03BC\u03B5 \u03B2\u03AC\u03C3\u03B7 \u03C4\u03B7\u03BD \u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7."), /*#__PURE__*/React.createElement(SelectContainer, {
-  name: "select-list",
-  "aria-label": "\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7",
-  "aria-describedby": "select-hint"
-}, /*#__PURE__*/React.createElement(SelectOption, {
-  value: "dim"
-}, "\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE"), /*#__PURE__*/React.createElement(SelectOption, {
-  value: "kat"
-}, "\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1"), /*#__PURE__*/React.createElement(SelectOption, {
-  value: "kat"
-}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2"), /*#__PURE__*/React.createElement(SelectOption, {
-  value: "kat"
-}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1"))));
-export var WithHint = function WithHint() {
-  return _ref;
+import React from "react";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import {
+  SelectContainer,
+  SelectOption
+} from "@digigov/ui/form/SelectContainer";
+import { Hint } from "@digigov/ui/typography";
+const WithHint = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /* @__PURE__ */ React.createElement(Hint, { id: "select-hint" }, "\u03A4\u03B1 \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B8\u03B1 \u03B5\u03BC\u03C6\u03B1\u03BD\u03B9\u03C3\u03C4\u03BF\u03CD\u03BD \u03BC\u03B5 \u03B2\u03AC\u03C3\u03B7 \u03C4\u03B7\u03BD \u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7."), /* @__PURE__ */ React.createElement(
+  SelectContainer,
+  {
+    name: "select-list",
+    "aria-label": "\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7",
+    "aria-describedby": "select-hint"
+  },
+  /* @__PURE__ */ React.createElement(SelectOption, { value: "dim" }, "\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE"),
+  /* @__PURE__ */ React.createElement(SelectOption, { value: "kat" }, "\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1"),
+  /* @__PURE__ */ React.createElement(SelectOption, { value: "kat" }, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2"),
+  /* @__PURE__ */ React.createElement(SelectOption, { value: "kat" }, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1")
+)));
+var WithHint_default = WithHint;
+export {
+  WithHint,
+  WithHint_default as default
 };
-export default WithHint;
+//# sourceMappingURL=WithHint.js.map

package/form/SelectContainer/__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/SelectContainer/__stories__/WithHint.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/SelectContainer/__stories__/WithHint.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { Hint } from '@digigov/ui/typography';\n\nexport const WithHint = () => (\n  <FieldContainer>\n    <LabelContainer>\n      \u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7\n      <Hint id=\"select-hint\">\n        \u03A4\u03B1 \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B8\u03B1 \u03B5\u03BC\u03C6\u03B1\u03BD\u03B9\u03C3\u03C4\u03BF\u03CD\u03BD \u03BC\u03B5 \u03B2\u03AC\u03C3\u03B7 \u03C4\u03B7\u03BD \u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7.\n      </Hint>\n      <SelectContainer\n        name=\"select-list\"\n        aria-label=\"\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7\"\n        aria-describedby=\"select-hint\"\n      >\n        <SelectOption value=\"dim\">\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE</SelectOption>\n        <SelectOption value=\"kat\">\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1</SelectOption>\n        <SelectOption value=\"kat\">\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2</SelectOption>\n        <SelectOption value=\"kat\">\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1</SelectOption>\n      </SelectContainer>\n    </LabelContainer>\n  </FieldContainer>\n);\n\nexport default WithHint;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AAEd,MAAM,WAAW,MACtB,oCAAC,sBACC,oCAAC,sBAAe,gEAEd,oCAAC,QAAK,IAAG,iBAAc,8RAEvB,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,oBAAiB;AAAA;AAAA,EAEjB,oCAAC,gBAAa,OAAM,SAAM,kDAAQ;AAAA,EAClC,oCAAC,gBAAa,OAAM,SAAM,kDAAQ;AAAA,EAClC,oCAAC,gBAAa,OAAM,SAAM,2HAAqB;AAAA,EAC/C,oCAAC,gBAAa,OAAM,SAAM,yGAAkB;AAC9C,CACF,CACF;AAGF,IAAO,mBAAQ;",
+  "names": []
+}