@digigov/ui 2.0.0-e7d30530 → 2.0.0-eaf330f5

package/form/FileUpload/__stories__/WithVariantLink.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/FileUpload/__stories__/WithVariantLink.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  FieldContainer,\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\n\nimport { FileUpload } from '@digigov/ui/form/FileUpload';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const WithVariantLink = () => (\n  <FieldContainer>\n    <Fieldset>\n      <FieldsetLegend size=\"md\">\u039B\u03BF\u03B3\u03CC\u03C4\u03C5\u03C0\u03BF \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</FieldsetLegend>\n      <Hint id=\"file-hint\">\u03A4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 png \u03AE jpeg.</Hint>\n      <FileUpload aria-describedby=\"file-hint\" variant=\"link\">\n        \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF\u03C5\n      </FileUpload>\n    </Fieldset>\n  </FieldContainer>\n);\n\nexport default WithVariantLink;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAEd,MAAM,kBAAkB,MAC7B,oCAAC,sBACC,oCAAC,gBACC,oCAAC,kBAAe,MAAK,QAAK,qHAAoB,GAC9C,oCAAC,QAAK,IAAG,eAAY,qJAAqC,GAC1D,oCAAC,cAAW,oBAAiB,aAAY,SAAQ,UAAO,uFAExD,CACF,CACF;AAGF,IAAO,0BAAQ;",
+  "names": []
+}

package/form/RadioContainer/RadioContainer.stories/index.js

@@ -0,0 +1,148 @@
+import React from "react";
+import { RadioContainer, RadioItem } from "@digigov/ui/form/RadioContainer";
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend
+} from "@digigov/ui/form/FieldContainer";
+import { Hint } from "@digigov/ui/typography/Hint";
+import { ErrorMessage } from "@digigov/ui/form/ErrorMessage";
+import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
+var RadioContainer_stories_default = {
+  title: "Digigov UI/form/RadioContainer",
+  description: "Use the radios component when users can only select one option from a list.",
+  link: "https://guide.services.gov.gr/docs/components/radio",
+  component: RadioContainer,
+  displayName: "RadioContainer"
+};
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ React.createElement(FieldContainer, { error: args.error }, /* @__PURE__ */ React.createElement(Fieldset, { "aria-describedby": [`${args.hintId} ${args.errorId}`] }, /* @__PURE__ */ React.createElement(
+      FieldsetLegend,
+      {
+        size: args.legendSize,
+        heading: args.singleQuestionInPage
+      },
+      args.legend
+    ), args.hint && /* @__PURE__ */ React.createElement(Hint, { id: args.hintId }, args.hintMessage), args.error && /* @__PURE__ */ React.createElement(ErrorMessage, { id: args.errorId }, /* @__PURE__ */ React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), args.errorMessage), /* @__PURE__ */ React.createElement(RadioContainer, { dense: args.dense, layout: args.layout }, args.items && args.items.map((item) => /* @__PURE__ */ React.createElement(
+      RadioItem,
+      {
+        key: item.value,
+        name: args.fieldsetName,
+        value: item,
+        dividerText: item.dividerText,
+        "aria-describedby": item.hintId
+      },
+      item.label,
+      item.hint && /* @__PURE__ */ React.createElement(Hint, { id: item.hintId }, item.hintMessage)
+    )))));
+  },
+  args: {
+    legend: "\u03A0\u03CE\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF\u03C4\u03B5;",
+    legendSize: "lg",
+    singleQuestionInPage: true,
+    fieldsetName: "login-method",
+    hint: true,
+    hintMessage: "\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.",
+    hintId: "hint-id",
+    error: false,
+    errorMessage: "\u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03CE \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03B1\u03C0\u03CC \u03C4\u03B9\u03C2 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2.",
+    errorId: "error-id",
+    layout: "vertical",
+    dense: false,
+    items: [
+      {
+        value: "taxis",
+        label: "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u03BC\u03B5 Taxisnet",
+        hint: true,
+        hintMessage: "\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.",
+        hintId: "hint-id-1",
+        dividerText: ""
+      },
+      {
+        value: "banking",
+        label: "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u03BC\u03B5 \u03BB\u03BF\u03B3\u03B1\u03C1\u03B9\u03C3\u03BC\u03CC e-banking",
+        hint: true,
+        hintMessage: "\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.",
+        hintId: "hint-id-2"
+      },
+      {
+        value: "none",
+        label: "\u03A7\u03C9\u03C1\u03AF\u03C2 \u03C3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7",
+        dividerText: "\u03AE"
+      }
+    ]
+  },
+  argTypes: {
+    legend: {
+      control: { type: "text" }
+    },
+    legendSize: {
+      control: { type: "select" },
+      options: ["sm", "md", "lg"]
+    },
+    singleQuestionInPage: {
+      control: { type: "boolean" }
+    },
+    fieldsetName: {
+      control: { type: "text" }
+    },
+    hint: {
+      control: { type: "boolean" }
+    },
+    hintMessage: {
+      control: { type: "text" },
+      if: { arg: "hint", eq: true }
+    },
+    hintId: {
+      control: { type: "text" },
+      if: { arg: "hint", eq: true }
+    },
+    error: {
+      control: { type: "boolean" }
+    },
+    errorMessage: {
+      control: { type: "text" },
+      if: { arg: "error", eq: true }
+    },
+    errorId: {
+      control: { type: "text" },
+      if: { arg: "error", eq: true }
+    },
+    layout: {
+      control: { type: "inline-radio" },
+      options: ["vertical", "horizontal"]
+    },
+    dense: {
+      control: { type: "boolean" }
+    },
+    items: {
+      control: { type: "object" }
+    }
+  }
+};
+import { Default } from "@digigov/ui/form/RadioContainer/__stories__/Default";
+import { WithMediumLegend } from "@digigov/ui/form/RadioContainer/__stories__/WithMediumLegend";
+import { MultipleQuestions } from "@digigov/ui/form/RadioContainer/__stories__/MultipleQuestions";
+import { Inline } from "@digigov/ui/form/RadioContainer/__stories__/Inline";
+import { WithHints } from "@digigov/ui/form/RadioContainer/__stories__/WithHints";
+import { NoneAnswer } from "@digigov/ui/form/RadioContainer/__stories__/NoneAnswer";
+import { WithErrorMessage } from "@digigov/ui/form/RadioContainer/__stories__/WithErrorMessage";
+import { ConditionalReveal } from "@digigov/ui/form/RadioContainer/__stories__/ConditionalReveal";
+import { InlineWithDivider } from "@digigov/ui/form/RadioContainer/__stories__/InlineWithDivider";
+import { Dense } from "@digigov/ui/form/RadioContainer/__stories__/Dense";
+export {
+  ConditionalReveal,
+  Default,
+  Dense,
+  Inline,
+  InlineWithDivider,
+  MultipleQuestions,
+  NoneAnswer,
+  WithControls,
+  WithErrorMessage,
+  WithHints,
+  WithMediumLegend,
+  RadioContainer_stories_default as default
+};
+//# sourceMappingURL=RadioContainer.stories.js.map

package/form/RadioContainer/RadioContainer.stories/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/form/RadioContainer/RadioContainer.stories/index.js"
+}

package/form/RadioContainer/RadioContainer.stories.d.ts

@@ -3,8 +3,6 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { RadioContainer as component };
-    export let tags: string[];
-    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/form/RadioContainer/RadioContainer.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/form/RadioContainer/RadioContainer.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';\nimport {\n  FieldContainer,\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport default {\n  title: 'Digigov UI/form/RadioContainer',\n  description:\n    'Use the radios component when users can only select one option from a list.',\n  link: 'https://guide.services.gov.gr/docs/components/radio',\n  component: RadioContainer,\n  displayName: 'RadioContainer',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <FieldContainer error={args.error}>\n        <Fieldset aria-describedby={[`${args.hintId} ${args.errorId}`]}>\n          <FieldsetLegend\n            size={args.legendSize}\n            heading={args.singleQuestionInPage}\n          >\n            {args.legend}\n          </FieldsetLegend>\n          {args.hint && <Hint id={args.hintId}>{args.hintMessage}</Hint>}\n          {args.error && (\n            <ErrorMessage id={args.errorId}>\n              <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\n              {args.errorMessage}\n            </ErrorMessage>\n          )}\n          <RadioContainer dense={args.dense} layout={args.layout}>\n            {args.items &&\n              args.items.map((item) => (\n                <RadioItem\n                  key={item.value}\n                  name={args.fieldsetName}\n                  value={item}\n                  dividerText={item.dividerText}\n                  aria-describedby={item.hintId}\n                >\n                  {item.label}\n                  {item.hint && (\n                    <Hint id={item.hintId}>{item.hintMessage}</Hint>\n                  )}\n                </RadioItem>\n              ))}\n          </RadioContainer>\n        </Fieldset>\n      </FieldContainer>\n    );\n  },\n  args: {\n    legend: '\u03A0\u03CE\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF\u03C4\u03B5;',\n    legendSize: 'lg',\n    singleQuestionInPage: true,\n    fieldsetName: 'login-method',\n    hint: true,\n    hintMessage:\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 \u03C3\u03B1\u03C2 \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C7\u03C9\u03C1\u03AE\u03C3\u03B5\u03C4\u03B5.',\n    hintId: 'hint-id',\n    error: false,\n    errorMessage: '\u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03CE \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03B1\u03C0\u03CC \u03C4\u03B9\u03C2 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2.',\n    errorId: 'error-id',\n    layout: 'vertical',\n    dense: false,\n    items: [\n      {\n        value: 'taxis',\n        label: '\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u03BC\u03B5 Taxisnet',\n        hint: true,\n        hintMessage:\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        hintId: 'hint-id-1',\n        dividerText: '',\n      },\n      {\n        value: 'banking',\n        label: '\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u03BC\u03B5 \u03BB\u03BF\u03B3\u03B1\u03C1\u03B9\u03C3\u03BC\u03CC e-banking',\n        hint: true,\n        hintMessage:\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 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF\u03C4\u03B5.',\n        hintId: 'hint-id-2',\n      },\n      {\n        value: 'none',\n        label: '\u03A7\u03C9\u03C1\u03AF\u03C2 \u03C3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7',\n        dividerText: '\u03AE',\n      },\n    ],\n  },\n  argTypes: {\n    legend: {\n      control: { type: 'text' },\n    },\n    legendSize: {\n      control: { type: 'select' },\n      options: ['sm', 'md', 'lg'],\n    },\n    singleQuestionInPage: {\n      control: { type: 'boolean' },\n    },\n    fieldsetName: {\n      control: { type: 'text' },\n    },\n    hint: {\n      control: { type: 'boolean' },\n    },\n    hintMessage: {\n      control: { type: 'text' },\n      if: { arg: 'hint', eq: true },\n    },\n    hintId: {\n      control: { type: 'text' },\n      if: { arg: 'hint', eq: true },\n    },\n    error: {\n      control: { type: 'boolean' },\n    },\n    errorMessage: {\n      control: { type: 'text' },\n      if: { arg: 'error', eq: true },\n    },\n    errorId: {\n      control: { type: 'text' },\n      if: { arg: 'error', eq: true },\n    },\n    layout: {\n      control: { type: 'inline-radio' },\n      options: ['vertical', 'horizontal'],\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n    items: {\n      control: { type: 'object' },\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/form/RadioContainer/__stories__/Default';\nexport { WithMediumLegend } from '@digigov/ui/form/RadioContainer/__stories__/WithMediumLegend';\nexport { MultipleQuestions } from '@digigov/ui/form/RadioContainer/__stories__/MultipleQuestions';\nexport { Inline } from '@digigov/ui/form/RadioContainer/__stories__/Inline';\nexport { WithHints } from '@digigov/ui/form/RadioContainer/__stories__/WithHints';\nexport { NoneAnswer } from '@digigov/ui/form/RadioContainer/__stories__/NoneAnswer';\nexport { WithErrorMessage } from '@digigov/ui/form/RadioContainer/__stories__/WithErrorMessage';\nexport { ConditionalReveal } from '@digigov/ui/form/RadioContainer/__stories__/ConditionalReveal';\nexport { InlineWithDivider } from '@digigov/ui/form/RadioContainer/__stories__/InlineWithDivider';\nexport { Dense } from '@digigov/ui/form/RadioContainer/__stories__/Dense';\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,20 @@
+import React from "react";
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend
+} from "@digigov/ui/form/FieldContainer";
+import {
+  RadioContainer,
+  RadioItem,
+  RadioConditional
+} from "@digigov/ui/form/RadioContainer";
+import { TextInput } from "@digigov/ui/form/TextInput";
+import { Hint } from "@digigov/ui/typography/Hint";
+const ConditionalReveal = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(Fieldset, { "aria-describedby": "contact-hint" }, /* @__PURE__ */ React.createElement(FieldsetLegend, null, "\u03A0\u03C9\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AE\u03C3\u03BF\u03C5\u03BC\u03B5 \u03BC\u03B1\u03B6\u03AF \u03C3\u03B1\u03C2;"), /* @__PURE__ */ React.createElement(Hint, { id: "contact-hint" }, "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9 \u03C3\u03C4\u03B7\u03BD \u03C0\u03B5\u03C1\u03AF\u03C0\u03C4\u03C9\u03C3\u03B7 \u03C3\u03B1\u03C2."), /* @__PURE__ */ React.createElement(RadioContainer, null, /* @__PURE__ */ React.createElement(RadioItem, { defaultChecked: true, name: "contact", value: "email" }, "Email"), /* @__PURE__ */ React.createElement(RadioConditional, null, "\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 email", /* @__PURE__ */ React.createElement(TextInput, { name: "email", width: "33.3%" })), /* @__PURE__ */ React.createElement(RadioItem, { name: "contact", value: "phone" }, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"))));
+var ConditionalReveal_default = ConditionalReveal;
+export {
+  ConditionalReveal,
+  ConditionalReveal_default as default
+};
+//# sourceMappingURL=ConditionalReveal.js.map

package/form/RadioContainer/__stories__/ConditionalReveal/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/form/RadioContainer/__stories__/ConditionalReveal/index.js"
+}

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

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const ConditionalReveal: (_: any) => React.JSX.Element;
+export declare const ConditionalReveal: () => React.JSX.Element;
 export default ConditionalReveal;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/RadioContainer/__stories__/ConditionalReveal.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  FieldContainer,\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\nimport {\n  RadioContainer,\n  RadioItem,\n  RadioConditional,\n} from '@digigov/ui/form/RadioContainer';\n\nimport { TextInput } from '@digigov/ui/form/TextInput';\n\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const ConditionalReveal = () => (\n  <FieldContainer>\n    <Fieldset aria-describedby=\"contact-hint\">\n      <FieldsetLegend>\u03A0\u03C9\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AE\u03C3\u03BF\u03C5\u03BC\u03B5 \u03BC\u03B1\u03B6\u03AF \u03C3\u03B1\u03C2;</FieldsetLegend>\n      <Hint id=\"contact-hint\">\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9 \u03C3\u03C4\u03B7\u03BD \u03C0\u03B5\u03C1\u03AF\u03C0\u03C4\u03C9\u03C3\u03B7 \u03C3\u03B1\u03C2.</Hint>\n      <RadioContainer>\n        <RadioItem defaultChecked name=\"contact\" value=\"email\">\n          Email\n        </RadioItem>\n        <RadioConditional>\n          \u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 email\n          <TextInput name=\"email\" width=\"33.3%\" />\n        </RadioConditional>\n        <RadioItem name=\"contact\" value=\"phone\">\n          \u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF\n        </RadioItem>\n      </RadioContainer>\n    </Fieldset>\n  </FieldContainer>\n);\n\nexport default ConditionalReveal;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iBAAiB;AAE1B,SAAS,YAAY;AAEd,MAAM,oBAAoB,MAC/B,oCAAC,sBACC,oCAAC,YAAS,oBAAiB,kBACzB,oCAAC,sBAAe,8MAAuC,GACvD,oCAAC,QAAK,IAAG,kBAAe,+MAAwC,GAChE,oCAAC,sBACC,oCAAC,aAAU,gBAAc,MAAC,MAAK,WAAU,OAAM,WAAQ,OAEvD,GACA,oCAAC,wBAAiB,mIAEhB,oCAAC,aAAU,MAAK,SAAQ,OAAM,SAAQ,CACxC,GACA,oCAAC,aAAU,MAAK,WAAU,OAAM,WAAQ,kDAExC,CACF,CACF,CACF;AAGF,IAAO,4BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,14 @@
+import React from "react";
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend
+} from "@digigov/ui/form/FieldContainer";
+import { RadioContainer, RadioItem } from "@digigov/ui/form/RadioContainer";
+const Default = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(Fieldset, null, /* @__PURE__ */ React.createElement(FieldsetLegend, null, "\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 Default_default = Default;
+export {
+  Default,
+  Default_default as default
+};
+//# sourceMappingURL=Default.js.map

package/form/RadioContainer/__stories__/Default/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/form/RadioContainer/__stories__/Default/index.js"
+}

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

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: (_: any) => React.JSX.Element;
+export declare const Default: () => React.JSX.Element;
 export default Default;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/RadioContainer/__stories__/Default.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 Default = () => (\n  <FieldContainer>\n    <Fieldset>\n      <FieldsetLegend>\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;</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 Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,iBAAiB;AAEnC,MAAM,UAAU,MACrB,oCAAC,sBACC,oCAAC,gBACC,oCAAC,sBAAe,iLAAmC,GACnD,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,kBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,14 @@
+import React from "react";
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend
+} from "@digigov/ui/form/FieldContainer";
+import { RadioContainer, RadioItem } from "@digigov/ui/form/RadioContainer";
+const Dense = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(Fieldset, null, /* @__PURE__ */ React.createElement(FieldsetLegend, null, "\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, { dense: true }, /* @__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 Dense_default = Dense;
+export {
+  Dense,
+  Dense_default as default
+};
+//# sourceMappingURL=Dense.js.map

package/form/RadioContainer/__stories__/Dense/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/form/RadioContainer/__stories__/Dense/index.js"
+}

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

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Dense: (_: any) => React.JSX.Element;
+export declare const Dense: () => React.JSX.Element;
 export default Dense;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/RadioContainer/__stories__/Dense.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 Dense = () => (\n  <FieldContainer>\n    <Fieldset>\n      <FieldsetLegend>\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;</FieldsetLegend>\n      <RadioContainer dense>\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 Dense;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,iBAAiB;AAEnC,MAAM,QAAQ,MACnB,oCAAC,sBACC,oCAAC,gBACC,oCAAC,sBAAe,iLAAmC,GACnD,oCAAC,kBAAe,OAAK,QACnB,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,gBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,15 @@
+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 Inline = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(Fieldset, { "aria-describedby": "name-hint" }, /* @__PURE__ */ React.createElement(FieldsetLegend, null, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03BB\u03BB\u03AC\u03BE\u03B5\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2;"), /* @__PURE__ */ React.createElement(Hint, { id: "name-hint" }, "\u03A3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03B5\u03C0\u03AF\u03B8\u03B5\u03C4\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03AE \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03C4\u03C1\u03CC\u03C0\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03B3\u03C1\u03AC\u03C6\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2."), /* @__PURE__ */ React.createElement(RadioContainer, { layout: "horizontal" }, /* @__PURE__ */ React.createElement(RadioItem, { name: "changed_name", value: "yes" }, "\u039D\u03B1\u03B9"), /* @__PURE__ */ React.createElement(RadioItem, { name: "changed_name", value: "no" }, "\u038C\u03C7\u03B9"))));
+var Inline_default = Inline;
+export {
+  Inline,
+  Inline_default as default
+};
+//# sourceMappingURL=Inline.js.map

package/form/RadioContainer/__stories__/Inline/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/form/RadioContainer/__stories__/Inline/index.js"
+}

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

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Inline: (_: any) => React.JSX.Element;
+export declare const Inline: () => React.JSX.Element;
 export default Inline;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/RadioContainer/__stories__/Inline.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 Inline = () => (\n  <FieldContainer>\n    <Fieldset aria-describedby=\"name-hint\">\n      <FieldsetLegend>\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03BB\u03BB\u03AC\u03BE\u03B5\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2;</FieldsetLegend>\n      <Hint id=\"name-hint\">\n        \u03A3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03B5\u03C0\u03AF\u03B8\u03B5\u03C4\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03AE \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03C4\u03C1\u03CC\u03C0\u03BF\u03C5 \u03C0\u03BF\u03C5\n        \u03B3\u03C1\u03AC\u03C6\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2.\n      </Hint>\n      <RadioContainer layout=\"horizontal\">\n        <RadioItem name=\"changed_name\" value=\"yes\">\n          \u039D\u03B1\u03B9\n        </RadioItem>\n        <RadioItem name=\"changed_name\" value=\"no\">\n          \u038C\u03C7\u03B9\n        </RadioItem>\n      </RadioContainer>\n    </Fieldset>\n  </FieldContainer>\n);\n\nexport default Inline;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,iBAAiB;AAE1C,SAAS,YAAY;AAEd,MAAM,SAAS,MACpB,oCAAC,sBACC,oCAAC,YAAS,oBAAiB,eACzB,oCAAC,sBAAe,2IAA2B,GAC3C,oCAAC,QAAK,IAAG,eAAY,scAGrB,GACA,oCAAC,kBAAe,QAAO,gBACrB,oCAAC,aAAU,MAAK,gBAAe,OAAM,SAAM,oBAE3C,GACA,oCAAC,aAAU,MAAK,gBAAe,OAAM,QAAK,oBAE1C,CACF,CACF,CACF;AAGF,IAAO,iBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,15 @@
+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 InlineWithDivider = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(Fieldset, { "aria-describedby": "feeling-hint" }, /* @__PURE__ */ React.createElement(FieldsetLegend, null, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03BB\u03BB\u03AC\u03BE\u03B5\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2;"), /* @__PURE__ */ React.createElement(Hint, { id: "name-hint" }, "\u03A3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03B5\u03C0\u03B9\u03B8\u03AD\u03C4\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03AE \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03C4\u03C1\u03CC\u03C0\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03B3\u03C1\u03AC\u03C6\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03AC \u03C3\u03B1\u03C2."), /* @__PURE__ */ React.createElement(RadioContainer, { layout: "horizontal" }, /* @__PURE__ */ React.createElement(RadioItem, { name: "changed_name", value: "yes" }, "\u039D\u03B1\u03B9"), /* @__PURE__ */ React.createElement(RadioItem, { dividerText: "\u03AE", name: "changed_name", value: "no" }, "\u038C\u03C7\u03B9"))));
+var InlineWithDivider_default = InlineWithDivider;
+export {
+  InlineWithDivider,
+  InlineWithDivider_default as default
+};
+//# sourceMappingURL=InlineWithDivider.js.map

package/form/RadioContainer/__stories__/InlineWithDivider/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/form/RadioContainer/__stories__/InlineWithDivider/index.js"
+}

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

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const InlineWithDivider: (_: any) => React.JSX.Element;
+export declare const InlineWithDivider: () => React.JSX.Element;
 export default InlineWithDivider;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/RadioContainer/__stories__/InlineWithDivider.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';\nimport Hint from '@digigov/ui/typography/Hint';\n\nexport const InlineWithDivider = () => (\n  <FieldContainer>\n    <Fieldset aria-describedby=\"feeling-hint\">\n      <FieldsetLegend>\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03BB\u03BB\u03AC\u03BE\u03B5\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2;</FieldsetLegend>\n      <Hint id=\"name-hint\">\n        \u03A3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03B5\u03C0\u03B9\u03B8\u03AD\u03C4\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03AE \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03C4\u03C1\u03CC\u03C0\u03BF\u03C5 \u03C0\u03BF\u03C5\n        \u03B3\u03C1\u03AC\u03C6\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03AC \u03C3\u03B1\u03C2.\n      </Hint>\n      <RadioContainer layout=\"horizontal\">\n        <RadioItem name=\"changed_name\" value=\"yes\">\n          \u039D\u03B1\u03B9\n        </RadioItem>\n        <RadioItem dividerText=\"\u03AE\" name=\"changed_name\" value=\"no\">\n          \u038C\u03C7\u03B9\n        </RadioItem>\n      </RadioContainer>\n    </Fieldset>\n  </FieldContainer>\n);\n\nexport default InlineWithDivider;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,iBAAiB;AAC1C,OAAO,UAAU;AAEV,MAAM,oBAAoB,MAC/B,oCAAC,sBACC,oCAAC,YAAS,oBAAiB,kBACzB,oCAAC,sBAAe,2IAA2B,GAC3C,oCAAC,QAAK,IAAG,eAAY,scAGrB,GACA,oCAAC,kBAAe,QAAO,gBACrB,oCAAC,aAAU,MAAK,gBAAe,OAAM,SAAM,oBAE3C,GACA,oCAAC,aAAU,aAAY,UAAI,MAAK,gBAAe,OAAM,QAAK,oBAE1D,CACF,CACF,CACF;AAGF,IAAO,4BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,15 @@
+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 MultipleQuestions = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(Fieldset, { "aria-describedby": "country-hint" }, /* @__PURE__ */ React.createElement(FieldsetLegend, { size: "sm" }, "\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(Hint, { id: "country-hint" }, "\u03A0\u03B5\u03AF\u03C4\u03B5 \u03BC\u03B1\u03C2 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B5\u03C2 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AD\u03C2. \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9."), /* @__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: "eu" }, "\u03A7\u03CE\u03C1\u03B1 \u03B5\u03BD\u03C4\u03CC\u03C2 \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: "world" }, "\u03A7\u03CE\u03C1\u03B1 \u03B5\u03BA\u03C4\u03CC\u03C2 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"))));
+var MultipleQuestions_default = MultipleQuestions;
+export {
+  MultipleQuestions,
+  MultipleQuestions_default as default
+};
+//# sourceMappingURL=MultipleQuestions.js.map

package/form/RadioContainer/__stories__/MultipleQuestions/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/form/RadioContainer/__stories__/MultipleQuestions/index.js"
+}

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

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const MultipleQuestions: (_: any) => React.JSX.Element;
+export declare const MultipleQuestions: () => React.JSX.Element;
 export default MultipleQuestions;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/RadioContainer/__stories__/MultipleQuestions.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 MultipleQuestions = () => (\n  <FieldContainer>\n    <Fieldset aria-describedby=\"country-hint\">\n      <FieldsetLegend size=\"sm\">\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      <Hint id=\"country-hint\">\n        \u03A0\u03B5\u03AF\u03C4\u03B5 \u03BC\u03B1\u03C2 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B5\u03C2 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AD\u03C2. \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9.\n      </Hint>\n      <RadioContainer>\n        <RadioItem name=\"country\" value=\"greece\">\n          \u0395\u03BB\u03BB\u03AC\u03B4\u03B1\n        </RadioItem>\n        <RadioItem name=\"country\" value=\"eu\">\n          \u03A7\u03CE\u03C1\u03B1 \u03B5\u03BD\u03C4\u03CC\u03C2 \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=\"world\">\n          \u03A7\u03CE\u03C1\u03B1 \u03B5\u03BA\u03C4\u03CC\u03C2 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2\n        </RadioItem>\n      </RadioContainer>\n    </Fieldset>\n  </FieldContainer>\n);\n\nexport default MultipleQuestions;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,iBAAiB;AAE1C,SAAS,YAAY;AAEd,MAAM,oBAAoB,MAC/B,oCAAC,sBACC,oCAAC,YAAS,oBAAiB,kBACzB,oCAAC,kBAAe,MAAK,QAAK,iLAE1B,GACA,oCAAC,QAAK,IAAG,kBAAe,yTAExB,GACA,oCAAC,sBACC,oCAAC,aAAU,MAAK,WAAU,OAAM,YAAS,sCAEzC,GACA,oCAAC,aAAU,MAAK,WAAU,OAAM,QAAK,8KAErC,GACA,oCAAC,aAAU,MAAK,WAAU,OAAM,WAAQ,8KAExC,CACF,CACF,CACF;AAGF,IAAO,4BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,14 @@
+import React from "react";
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend
+} from "@digigov/ui/form/FieldContainer";
+import { RadioContainer, RadioItem } from "@digigov/ui/form/RadioContainer";
+const NoneAnswer = () => /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(Fieldset, { "aria-describedby": "name-hint" }, /* @__PURE__ */ React.createElement(FieldsetLegend, { size: "md" }, "\u03A0\u03CC\u03C3\u03B1 \u03C0\u03B1\u03B9\u03B4\u03B9\u03AC \u03AD\u03C7\u03B5\u03C4\u03B5;"), /* @__PURE__ */ React.createElement(RadioContainer, null, /* @__PURE__ */ React.createElement(RadioItem, { name: "children", value: "onetwo" }, "1-2 \u03C0\u03B1\u03B9\u03B4\u03B9\u03AC"), /* @__PURE__ */ React.createElement(RadioItem, { name: "children", value: "threefour" }, "3 \u03AE \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C0\u03B1\u03B9\u03B4\u03B9\u03AC"), /* @__PURE__ */ React.createElement(RadioItem, { dividerText: "\u03AE", name: "children", value: "none" }, "\u039A\u03B1\u03BD\u03AD\u03BD\u03B1 \u03C0\u03B1\u03B9\u03B4\u03AF"))));
+var NoneAnswer_default = NoneAnswer;
+export {
+  NoneAnswer,
+  NoneAnswer_default as default
+};
+//# sourceMappingURL=NoneAnswer.js.map

package/form/RadioContainer/__stories__/NoneAnswer/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/form/RadioContainer/__stories__/NoneAnswer/index.js"
+}

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

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const NoneAnswer: (_: any) => React.JSX.Element;
+export declare const NoneAnswer: () => React.JSX.Element;
 export default NoneAnswer;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/RadioContainer/__stories__/NoneAnswer.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 NoneAnswer = () => (\n  <FieldContainer>\n    <Fieldset aria-describedby=\"name-hint\">\n      <FieldsetLegend size=\"md\">\u03A0\u03CC\u03C3\u03B1 \u03C0\u03B1\u03B9\u03B4\u03B9\u03AC \u03AD\u03C7\u03B5\u03C4\u03B5;</FieldsetLegend>\n      <RadioContainer>\n        <RadioItem name=\"children\" value=\"onetwo\">\n          1-2 \u03C0\u03B1\u03B9\u03B4\u03B9\u03AC\n        </RadioItem>\n        <RadioItem name=\"children\" value=\"threefour\">\n          3 \u03AE \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C0\u03B1\u03B9\u03B4\u03B9\u03AC\n        </RadioItem>\n        <RadioItem dividerText=\"\u03AE\" name=\"children\" value=\"none\">\n          \u039A\u03B1\u03BD\u03AD\u03BD\u03B1 \u03C0\u03B1\u03B9\u03B4\u03AF\n        </RadioItem>\n      </RadioContainer>\n    </Fieldset>\n  </FieldContainer>\n);\n\nexport default NoneAnswer;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,iBAAiB;AAEnC,MAAM,aAAa,MACxB,oCAAC,sBACC,oCAAC,YAAS,oBAAiB,eACzB,oCAAC,kBAAe,MAAK,QAAK,+FAAkB,GAC5C,oCAAC,sBACC,oCAAC,aAAU,MAAK,YAAW,OAAM,YAAS,0CAE1C,GACA,oCAAC,aAAU,MAAK,YAAW,OAAM,eAAY,kHAE7C,GACA,oCAAC,aAAU,aAAY,UAAI,MAAK,YAAW,OAAM,UAAO,qEAExD,CACF,CACF,CACF;AAGF,IAAO,qBAAQ;",
+  "names": []
+}

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

@@ -0,0 +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";
+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
+};
+//# sourceMappingURL=WithErrorMessage.js.map

package/form/RadioContainer/__stories__/WithErrorMessage/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/form/RadioContainer/__stories__/WithErrorMessage/index.js"
+}

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

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithErrorMessage: (_: any) => React.JSX.Element;
+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

@@ -0,0 +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";
+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
+};
+//# sourceMappingURL=WithHints.js.map

package/form/RadioContainer/__stories__/WithHints/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/form/RadioContainer/__stories__/WithHints/index.js"
+}