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

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

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Button_stories_exports = {};
 __export(Button_stories_exports, {
@@ -38,11 +28,12 @@ __export(Button_stories_exports, {
   Secondary: () => import_Secondary.Secondary,
   ThemeToggle: () => import_ThemeToggle.ThemeToggle,
   Warning: () => import_Warning.Warning,
+  WithControls: () => WithControls,
   WithVariantLink: () => import_WithVariantLink.WithVariantLink,
   default: () => Button_stories_default
 });
 module.exports = __toCommonJS(Button_stories_exports);
-var import_Button = __toESM(require("@digigov/ui/form/Button"));
+var import_Button = require("@digigov/ui/form/Button");
 var import_Primary = require("@digigov/ui/form/Button/__stories__/Primary");
 var import_Secondary = require("@digigov/ui/form/Button/__stories__/Secondary");
 var import_Warning = require("@digigov/ui/form/Button/__stories__/Warning");
@@ -56,11 +47,50 @@ var import_Back = require("@digigov/ui/form/Button/__stories__/Back");
 var import_WithVariantLink = require("@digigov/ui/form/Button/__stories__/WithVariantLink");
 var import_ThemeToggle = require("@digigov/ui/form/Button/__stories__/ThemeToggle");
 var Button_stories_default = {
+  displayName: "Button",
   title: "Digigov UI/form/Button",
   description: "Use the button component to help users carry out an action",
   link: "https://guide.services.gov.gr/docs/components/button",
-  component: import_Button.default,
-  displayName: "Button"
+  component: import_Button.Button
+};
+const WithControls = {
+  args: {
+    variant: "button",
+    color: "primary",
+    children: "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1",
+    dense: false,
+    printHidden: true,
+    "aria-label": "\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"
+  },
+  argTypes: {
+    variant: {
+      options: ["button", "link"],
+      control: { type: "radio" }
+    },
+    color: {
+      options: ["primary", "secondary", "warning"],
+      control: { type: "select" },
+      if: { arg: "variant", eq: "button" }
+    },
+    dense: {
+      control: { type: "boolean" },
+      if: { arg: "variant", eq: "button" }
+    },
+    printHidden: {
+      control: { type: "boolean" }
+    },
+    children: {
+      control: { type: "text" }
+    },
+    "aria-label": {
+      control: { type: "text" }
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: ["ref"]
+    }
+  }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -75,6 +105,7 @@ var Button_stories_default = {
   Secondary,
   ThemeToggle,
   Warning,
+  WithControls,
   WithVariantLink
 });
 //# sourceMappingURL=Button.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/Button/Button.stories.js"],
-  "sourcesContent": ["import Button from '@digigov/ui/form/Button';\n\nexport default {\n  title: 'Digigov UI/form/Button',\n  description: 'Use the button component to help users carry out an action',\n  link: 'https://guide.services.gov.gr/docs/components/button',\n  component: Button,\n  displayName: 'Button',\n};\n\nexport { Primary } from '@digigov/ui/form/Button/__stories__/Primary';\nexport { Secondary } from '@digigov/ui/form/Button/__stories__/Secondary';\nexport { Warning } from '@digigov/ui/form/Button/__stories__/Warning';\nexport { GroupingButtons } from '@digigov/ui/form/Button/__stories__/GroupingButtons';\nexport { GroupingButtonsAndLinks } from '@digigov/ui/form/Button/__stories__/GroupingButtonsAndLinks';\nexport { CallToActionButton } from '@digigov/ui/form/Button/__stories__/CallToActionButton';\nexport { Disabled } from '@digigov/ui/form/Button/__stories__/Disabled';\nexport { Dense } from '@digigov/ui/form/Button/__stories__/Dense';\nexport { ButtonLinkButton } from '@digigov/ui/form/Button/__stories__/ButtonLinkButton';\nexport { Back } from '@digigov/ui/form/Button/__stories__/Back';\nexport { WithVariantLink } from '@digigov/ui/form/Button/__stories__/WithVariantLink';\nexport { ThemeToggle } from '@digigov/ui/form/Button/__stories__/ThemeToggle';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmB;AAUnB,qBAAwB;AACxB,uBAA0B;AAC1B,qBAAwB;AACxB,6BAAgC;AAChC,qCAAwC;AACxC,gCAAmC;AACnC,sBAAyB;AACzB,mBAAsB;AACtB,8BAAiC;AACjC,kBAAqB;AACrB,6BAAgC;AAChC,yBAA4B;AAnB5B,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW,cAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["Button"]
+  "sourcesContent": ["import { Button } from '@digigov/ui/form/Button';\n\nexport default {\n  displayName: 'Button',\n  title: 'Digigov UI/form/Button',\n  description: 'Use the button component to help users carry out an action',\n  link: 'https://guide.services.gov.gr/docs/components/button',\n  component: Button,\n};\n\nexport const WithControls = {\n  args: {\n    variant: 'button',\n    color: 'primary',\n    children: '\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1',\n    dense: false,\n    printHidden: true,\n    'aria-label': '\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1',\n  },\n  argTypes: {\n    variant: {\n      options: ['button', 'link'],\n      control: { type: 'radio' },\n    },\n    color: {\n      options: ['primary', 'secondary', 'warning'],\n      control: { type: 'select' },\n      if: { arg: 'variant', eq: 'button' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n      if: { arg: 'variant', eq: 'button' },\n    },\n    printHidden: {\n      control: { type: 'boolean' },\n    },\n    children: {\n      control: { type: 'text' },\n    },\n    'aria-label': {\n      control: { type: 'text' },\n    },\n  },\n  parameters: {\n    controls: {\n      exclude: ['ref'],\n    },\n  },\n};\n\nexport { Primary } from '@digigov/ui/form/Button/__stories__/Primary';\nexport { Secondary } from '@digigov/ui/form/Button/__stories__/Secondary';\nexport { Warning } from '@digigov/ui/form/Button/__stories__/Warning';\nexport { GroupingButtons } from '@digigov/ui/form/Button/__stories__/GroupingButtons';\nexport { GroupingButtonsAndLinks } from '@digigov/ui/form/Button/__stories__/GroupingButtonsAndLinks';\nexport { CallToActionButton } from '@digigov/ui/form/Button/__stories__/CallToActionButton';\nexport { Disabled } from '@digigov/ui/form/Button/__stories__/Disabled';\nexport { Dense } from '@digigov/ui/form/Button/__stories__/Dense';\nexport { ButtonLinkButton } from '@digigov/ui/form/Button/__stories__/ButtonLinkButton';\nexport { Back } from '@digigov/ui/form/Button/__stories__/Back';\nexport { WithVariantLink } from '@digigov/ui/form/Button/__stories__/WithVariantLink';\nexport { ThemeToggle } from '@digigov/ui/form/Button/__stories__/ThemeToggle';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;AAkDvB,qBAAwB;AACxB,uBAA0B;AAC1B,qBAAwB;AACxB,6BAAgC;AAChC,qCAAwC;AACxC,gCAAmC;AACnC,sBAAyB;AACzB,mBAAsB;AACtB,8BAAiC;AACjC,kBAAqB;AACrB,6BAAgC;AAChC,yBAA4B;AA3D5B,IAAO,yBAAQ;AAAA,EACb,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AACb;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAa;AAAA,IACb,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,UAAU,MAAM;AAAA,MAC1B,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,CAAC,WAAW,aAAa,SAAS;AAAA,MAC3C,SAAS,EAAE,MAAM,SAAS;AAAA,MAC1B,IAAI,EAAE,KAAK,WAAW,IAAI,SAAS;AAAA,IACrC;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,MAC3B,IAAI,EAAE,KAAK,WAAW,IAAI,SAAS;AAAA,IACrC;AAAA,IACA,aAAa;AAAA,MACX,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU;AAAA,MACR,SAAS,CAAC,KAAK;AAAA,IACjB;AAAA,EACF;AACF;",
+  "names": []
 }

package/cjs/form/Button/ButtonLink/index.js

@@ -28,14 +28,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ButtonLink_exports = {};
 __export(ButtonLink_exports, {
+  ButtonLink: () => ButtonLink,
   default: () => ButtonLink_default
 });
 module.exports = __toCommonJS(ButtonLink_exports);
-var import_ButtonLink = __toESM(require("@digigov/react-core/ButtonLink"));
-__reExport(ButtonLink_exports, require("@digigov/react-core/ButtonLink"), module.exports);
-var ButtonLink_default = import_ButtonLink.default;
+__reExport(ButtonLink_exports, require("@digigov/react-core/ButtonLinkBase"), module.exports);
+var import_react = __toESM(require("react"));
+var import_ButtonLinkBase = require("@digigov/react-core/ButtonLinkBase");
+var import_Link = require("@digigov/ui/navigation/Link");
+const ButtonLink = import_react.default.forwardRef(
+  function ButtonLink2({ children, ...props }, ref) {
+    return /* @__PURE__ */ import_react.default.createElement(import_ButtonLinkBase.ButtonLinkBase, { as: import_Link.Link, ref, ...props }, children);
+  }
+);
+var ButtonLink_default = ButtonLink;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("@digigov/react-core/ButtonLink")
+  ButtonLink,
+  ...require("@digigov/react-core/ButtonLinkBase")
 });
 //# sourceMappingURL=ButtonLink.js.map

package/cjs/form/Button/ButtonLink.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/Button/ButtonLink.tsx"],
-  "sourcesContent": ["import ButtonLink from '@digigov/react-core/ButtonLink';\n\nexport * from '@digigov/react-core/ButtonLink';\nexport default ButtonLink;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAEvB,+BAAc,2CAFd;AAGA,IAAO,qBAAQ,kBAAAA;",
-  "names": ["ButtonLink"]
+  "sourcesContent": ["export * from '@digigov/react-core/ButtonLinkBase';\nimport React from 'react';\nimport {\n  ButtonLinkBase,\n  ButtonLinkBaseProps,\n} from '@digigov/react-core/ButtonLinkBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface ButtonLinkProps extends ButtonLinkBaseProps {}\n\nexport const ButtonLink = React.forwardRef<HTMLAnchorElement, ButtonLinkProps>(\n  function ButtonLink({ children, ...props }, ref) {\n    return (\n      <ButtonLinkBase as={Link} ref={ref} {...props}>\n        {children}\n      </ButtonLinkBase>\n    );\n  }\n);\nexport default ButtonLink;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAc,+CAAd;AACA,mBAAkB;AAClB,4BAGO;AACP,kBAAqB;AAId,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YAAW,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/C,WACE,6BAAAD,QAAA,cAAC,wCAAe,IAAI,kBAAM,KAAW,GAAG,SACrC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,qBAAQ;",
+  "names": ["React", "ButtonLink"]
 }

package/cjs/form/Button/CallToAction/index.js

@@ -28,14 +28,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var CallToAction_exports = {};
 __export(CallToAction_exports, {
+  CallToAction: () => CallToAction,
   default: () => CallToAction_default
 });
 module.exports = __toCommonJS(CallToAction_exports);
-var import_CallToAction = __toESM(require("@digigov/react-core/CallToAction"));
-__reExport(CallToAction_exports, require("@digigov/react-core/CallToAction"), module.exports);
-var CallToAction_default = import_CallToAction.default;
+__reExport(CallToAction_exports, require("@digigov/react-core/CallToActionBase"), module.exports);
+var import_react = __toESM(require("react"));
+var import_CallToActionBase = require("@digigov/react-core/CallToActionBase");
+var import_Link = require("@digigov/ui/navigation/Link");
+const CallToAction = import_react.default.forwardRef(function CallToAction2({ children, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(import_CallToActionBase.CallToActionBase, { as: import_Link.Link, ref, ...props }, children);
+});
+var CallToAction_default = CallToAction;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("@digigov/react-core/CallToAction")
+  CallToAction,
+  ...require("@digigov/react-core/CallToActionBase")
 });
 //# sourceMappingURL=CallToAction.js.map

package/cjs/form/Button/CallToAction.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/Button/CallToAction.tsx"],
-  "sourcesContent": ["import CallToAction from '@digigov/react-core/CallToAction';\n\nexport * from '@digigov/react-core/CallToAction';\nexport default CallToAction;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAyB;AAEzB,iCAAc,6CAFd;AAGA,IAAO,uBAAQ,oBAAAA;",
-  "names": ["CallToAction"]
+  "sourcesContent": ["export * from '@digigov/react-core/CallToActionBase';\nimport React from 'react';\nimport {\n  CallToActionBase,\n  CallToActionBaseProps,\n} from '@digigov/react-core/CallToActionBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface CallToActionProps extends CallToActionBaseProps {}\n\nexport const CallToAction = React.forwardRef<\n  HTMLAnchorElement,\n  CallToActionProps\n>(function CallToAction({ children, ...props }, ref) {\n  return (\n    <CallToActionBase as={Link} ref={ref} {...props}>\n      {children}\n    </CallToActionBase>\n  );\n});\n\nexport default CallToAction;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAAc,iDAAd;AACA,mBAAkB;AAClB,8BAGO;AACP,kBAAqB;AAId,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cAAa,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AACnD,SACE,6BAAAD,QAAA,cAAC,4CAAiB,IAAI,kBAAM,KAAW,GAAG,SACvC,QACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "names": ["React", "CallToAction"]
 }

package/cjs/form/Button/__stories__/Primary/index.js

@@ -33,7 +33,24 @@ __export(Primary_exports, {
 module.exports = __toCommonJS(Primary_exports);
 var import_react = __toESM(require("react"));
 var import_Button = require("@digigov/ui/form/Button");
-const Primary = () => /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { "aria-label": "\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
+const Primary = ({
+  variant = "button",
+  color = "primary",
+  children = "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1",
+  dense = false,
+  printHidden = true,
+  "aria-label": ariaLabel = "\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"
+}) => /* @__PURE__ */ import_react.default.createElement(
+  import_Button.Button,
+  {
+    variant,
+    color,
+    dense,
+    printHidden,
+    "aria-label": ariaLabel
+  },
+  children
+);
 var Primary_default = Primary;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/form/Button/__stories__/Primary.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/Button/__stories__/Primary.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Primary = () => (\n  <Button aria-label=\"\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n);\nexport default Primary;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,oBAAuB;AAEhB,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,wBAAO,cAAW,qKAAgC,kDAAQ;AAE7D,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Primary = ({\n  variant = 'button',\n  color = 'primary',\n  children = '\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1',\n  dense = false,\n  printHidden = true,\n  'aria-label': ariaLabel = '\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1',\n}: {\n  variant?: 'button' | 'link';\n  color?: 'primary' | 'secondary' | 'warning';\n  children?: React.ReactNode;\n  dense?: boolean;\n  printHidden?: boolean;\n  'aria-label'?: string;\n}) => (\n  <Button\n    variant={variant}\n    color={color}\n    dense={dense}\n    printHidden={printHidden}\n    aria-label={ariaLabel}\n  >\n    {children}\n  </Button>\n);\nexport default Primary;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,oBAAuB;AAEhB,MAAM,UAAU,CAAC;AAAA,EACtB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc,YAAY;AAC5B,MAQE,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAY;AAAA;AAAA,EAEX;AACH;AAEF,IAAO,kBAAQ;",
   "names": ["React"]
 }

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

@@ -35,12 +35,18 @@ __export(Checkbox_stories_exports, {
   MultipleQuestions: () => import_MultipleQuestions.MultipleQuestions,
   NoneAnswer: () => import_NoneAnswer.NoneAnswer,
   NoneAnswerWithError: () => import_NoneAnswerWithError.NoneAnswerWithError,
+  WithControls: () => WithControls,
   WithErrorMessage: () => import_WithErrorMessage.WithErrorMessage,
   WithHint: () => import_WithHint.WithHint,
   default: () => Checkbox_stories_default
 });
 module.exports = __toCommonJS(Checkbox_stories_exports);
-var import_Checkbox = __toESM(require("@digigov/ui/form/Checkbox"));
+var import_react = __toESM(require("react"));
+var import_Checkbox = require("@digigov/ui/form/Checkbox");
+var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
+var import_Hint = require("@digigov/ui/typography/Hint");
+var import_ErrorMessage = require("@digigov/ui/form/ErrorMessage");
+var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 var import_Default = require("@digigov/ui/form/Checkbox/__stories__/Default");
 var import_Inline = require("@digigov/ui/form/Checkbox/__stories__/Inline");
 var import_InlineWithDivider = require("@digigov/ui/form/Checkbox/__stories__/InlineWithDivider");
@@ -55,9 +61,113 @@ var Checkbox_stories_default = {
   title: "Digigov UI/form/Checkbox",
   description: "Let users select one or more options by using the checkboxes component.",
   link: "https://guide.services.gov.gr/docs/components/checkboxes",
-  component: import_Checkbox.default,
+  component: import_Checkbox.Checkbox,
   displayName: "Checkbox"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { error: args.error }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.Fieldset, { "aria-describedby": [`${args.hintId} ${args.errorId}`] }, /* @__PURE__ */ import_react.default.createElement(
+      import_FieldContainer.FieldsetLegend,
+      {
+        size: args.legendSize,
+        heading: args.singleQuestionInPage
+      },
+      args.legend
+    ), args.hint && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: args.hintId }, args.hintMessage), args.error && /* @__PURE__ */ import_react.default.createElement(import_ErrorMessage.ErrorMessage, { id: args.errorId }, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), args.errorMessage), /* @__PURE__ */ import_react.default.createElement(import_Checkbox.Checkbox, { layout: args.layout, dense: args.dense }, args.items.map((item) => /* @__PURE__ */ import_react.default.createElement(
+      import_Checkbox.CheckboxItem,
+      {
+        key: item.value,
+        name: args.fieldsetName,
+        value: item.value,
+        dividerText: item.dividerText
+      },
+      item.label
+    )))));
+  },
+  args: {
+    legend: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;",
+    legendSize: "lg",
+    singleQuestionInPage: true,
+    fieldsetName: "feeling",
+    hint: true,
+    hintMessage: "\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.",
+    hintId: "feeling-hint",
+    error: false,
+    errorMessage: "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2.",
+    errorId: "feeling-error",
+    layout: "vertical",
+    dense: false,
+    items: [
+      {
+        value: "cold",
+        label: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9",
+        dividerText: void 0
+      },
+      {
+        value: "fever",
+        label: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC",
+        dividerText: void 0
+      },
+      {
+        value: "good",
+        label: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03B1\u03BB\u03AC",
+        dividerText: "\u03AE"
+      }
+    ]
+  },
+  argTypes: {
+    legend: {
+      control: { type: "text" }
+    },
+    legendSize: {
+      options: ["sm", "md", "lg"],
+      control: { type: "radio" }
+    },
+    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: {
+      options: ["horizontal", "vertical"],
+      control: { type: "radio" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    },
+    items: {
+      control: { type: "array" }
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: ["ref"]
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ConditionalReveal,
@@ -68,6 +178,7 @@ var Checkbox_stories_default = {
   MultipleQuestions,
   NoneAnswer,
   NoneAnswerWithError,
+  WithControls,
   WithErrorMessage,
   WithHint
 });

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/form/Checkbox/Checkbox.stories.js"],
-  "sourcesContent": ["import Checkbox from '@digigov/ui/form/Checkbox';\nexport default {\n  title: 'Digigov UI/form/Checkbox',\n  description:\n    'Let users select one or more options by using the checkboxes component.',\n  link: 'https://guide.services.gov.gr/docs/components/checkboxes',\n  component: Checkbox,\n  displayName: 'Checkbox',\n};\nexport { Default } from '@digigov/ui/form/Checkbox/__stories__/Default';\nexport { Inline } from '@digigov/ui/form/Checkbox/__stories__/Inline';\nexport { InlineWithDivider } from '@digigov/ui/form/Checkbox/__stories__/InlineWithDivider';\nexport { MultipleQuestions } from '@digigov/ui/form/Checkbox/__stories__/MultipleQuestions';\nexport { WithHint } from '@digigov/ui/form/Checkbox/__stories__/WithHint';\nexport { NoneAnswer } from '@digigov/ui/form/Checkbox/__stories__/NoneAnswer';\nexport { NoneAnswerWithError } from '@digigov/ui/form/Checkbox/__stories__/NoneAnswerWithError';\nexport { WithErrorMessage } from '@digigov/ui/form/Checkbox/__stories__/WithErrorMessage';\nexport { ConditionalReveal } from '@digigov/ui/form/Checkbox/__stories__/ConditionalReveal';\nexport { Dense } from '@digigov/ui/form/Checkbox/__stories__/Dense';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AASrB,qBAAwB;AACxB,oBAAuB;AACvB,+BAAkC;AAClC,+BAAkC;AAClC,sBAAyB;AACzB,wBAA2B;AAC3B,iCAAoC;AACpC,8BAAiC;AACjC,+BAAkC;AAClC,mBAAsB;AAjBtB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["Checkbox"]
+  "sources": ["../../../../src/form/Checkbox/Checkbox.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Checkbox, CheckboxItem } from '@digigov/ui/form/Checkbox';\n\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/Checkbox',\n  description:\n    'Let users select one or more options by using the checkboxes component.',\n  link: 'https://guide.services.gov.gr/docs/components/checkboxes',\n  component: Checkbox,\n  displayName: 'Checkbox',\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          <Checkbox layout={args.layout} dense={args.dense}>\n            {args.items.map((item) => (\n              <CheckboxItem\n                key={item.value}\n                name={args.fieldsetName}\n                value={item.value}\n                dividerText={item.dividerText}\n              >\n                {item.label}\n              </CheckboxItem>\n            ))}\n          </Checkbox>\n        </Fieldset>\n      </FieldContainer>\n    );\n  },\n  args: {\n    legend: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;',\n    legendSize: 'lg',\n    singleQuestionInPage: true,\n    fieldsetName: 'feeling',\n    hint: true,\n    hintMessage:\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    hintId: 'feeling-hint',\n    error: false,\n    errorMessage: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2.',\n    errorId: 'feeling-error',\n    layout: 'vertical',\n    dense: false,\n    items: [\n      {\n        value: 'cold',\n        label: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9',\n        dividerText: undefined,\n      },\n      {\n        value: 'fever',\n        label: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC',\n        dividerText: undefined,\n      },\n      {\n        value: 'good',\n        label: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03B1\u03BB\u03AC',\n        dividerText: '\u03AE',\n      },\n    ],\n  },\n  argTypes: {\n    legend: {\n      control: { type: 'text' },\n    },\n    legendSize: {\n      options: ['sm', 'md', 'lg'],\n      control: { type: 'radio' },\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      options: ['horizontal', 'vertical'],\n      control: { type: 'radio' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n    items: {\n      control: { type: 'array' },\n    },\n  },\n  parameters: {\n    controls: {\n      exclude: ['ref'],\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/form/Checkbox/__stories__/Default';\nexport { Inline } from '@digigov/ui/form/Checkbox/__stories__/Inline';\nexport { InlineWithDivider } from '@digigov/ui/form/Checkbox/__stories__/InlineWithDivider';\nexport { MultipleQuestions } from '@digigov/ui/form/Checkbox/__stories__/MultipleQuestions';\nexport { WithHint } from '@digigov/ui/form/Checkbox/__stories__/WithHint';\nexport { NoneAnswer } from '@digigov/ui/form/Checkbox/__stories__/NoneAnswer';\nexport { NoneAnswerWithError } from '@digigov/ui/form/Checkbox/__stories__/NoneAnswerWithError';\nexport { WithErrorMessage } from '@digigov/ui/form/Checkbox/__stories__/WithErrorMessage';\nexport { ConditionalReveal } from '@digigov/ui/form/Checkbox/__stories__/ConditionalReveal';\nexport { Dense } from '@digigov/ui/form/Checkbox/__stories__/Dense';\n"],
+  "mappings": "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",
+  "names": ["React"]
 }

package/cjs/form/Checkbox/index.js

@@ -33,6 +33,7 @@ __export(Checkbox_exports, {
 module.exports = __toCommonJS(Checkbox_exports);
 __reExport(Checkbox_exports, require("@digigov/react-core/Checkbox"), module.exports);
 __reExport(Checkbox_exports, require("@digigov/react-core/CheckboxItem"), module.exports);
+__reExport(Checkbox_exports, require("@digigov/react-core/CheckboxItemInput"), module.exports);
 __reExport(Checkbox_exports, require("@digigov/react-core/CheckboxConditional"), module.exports);
 var import_Checkbox = __toESM(require("@digigov/react-core/Checkbox"));
 var Checkbox_default = import_Checkbox.default;
@@ -40,6 +41,7 @@ var Checkbox_default = import_Checkbox.default;
 0 && (module.exports = {
   ...require("@digigov/react-core/Checkbox"),
   ...require("@digigov/react-core/CheckboxItem"),
+  ...require("@digigov/react-core/CheckboxItemInput"),
   ...require("@digigov/react-core/CheckboxConditional")
 });
 //# sourceMappingURL=index.js.map

package/cjs/form/Checkbox/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/Checkbox/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Checkbox';\nexport * from '@digigov/react-core/CheckboxItem';\nexport * from '@digigov/react-core/CheckboxConditional';\nimport Checkbox from '@digigov/react-core/Checkbox';\nexport default Checkbox;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAAc,yCAAd;AACA,6BAAc,6CADd;AAEA,6BAAc,oDAFd;AAGA,sBAAqB;AACrB,IAAO,mBAAQ,gBAAAA;",
+  "sourcesContent": ["export * from '@digigov/react-core/Checkbox';\nexport * from '@digigov/react-core/CheckboxItem';\nexport * from '@digigov/react-core/CheckboxItemInput';\nexport * from '@digigov/react-core/CheckboxConditional';\nimport Checkbox from '@digigov/react-core/Checkbox';\nexport default Checkbox;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAAc,yCAAd;AACA,6BAAc,6CADd;AAEA,6BAAc,kDAFd;AAGA,6BAAc,oDAHd;AAIA,sBAAqB;AACrB,IAAO,mBAAQ,gBAAAA;",
   "names": ["Checkbox"]
 }

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

@@ -30,12 +30,18 @@ __export(DateInputContainer_stories_exports, {
   Default: () => import_Default.Default,
   Dense: () => import_Dense.Dense,
   MultipleQuestions: () => import_MultipleQuestions.MultipleQuestions,
+  WithControls: () => WithControls,
   WithErrorMessage: () => import_WithErrorMessage.WithErrorMessage,
   WithErrorMessageForSingleField: () => import_WithErrorMessageForSingleField.WithErrorMessageForSingleField,
   default: () => DateInputContainer_stories_default
 });
 module.exports = __toCommonJS(DateInputContainer_stories_exports);
-var import_DateInputContainer = __toESM(require("@digigov/ui/form/DateInputContainer"));
+var import_react = __toESM(require("react"));
+var import_DateInputContainer = require("@digigov/ui/form/DateInputContainer");
+var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
+var import_Hint = require("@digigov/ui/typography/Hint");
+var import_ErrorMessage = require("@digigov/ui/form/ErrorMessage");
+var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 var import_Default = require("@digigov/ui/form/DateInputContainer/__stories__/Default");
 var import_MultipleQuestions = require("@digigov/ui/form/DateInputContainer/__stories__/MultipleQuestions");
 var import_WithErrorMessage = require("@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessage");
@@ -45,14 +51,83 @@ var DateInputContainer_stories_default = {
   title: "Digigov UI/form/DateInputContainer",
   description: "Use the date input component to help users enter a memorable date or one they can easily look up.",
   link: "https://guide.services.gov.gr/docs/components/date-input",
-  component: import_DateInputContainer.default,
+  component: import_DateInputContainer.DateInputContainer,
   displayName: "DateInputContainer"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { error: args.error }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.Fieldset, { "aria-describedby": [`${args.hintId} ${args.errorId}`] }, /* @__PURE__ */ import_react.default.createElement(
+      import_FieldContainer.FieldsetLegend,
+      {
+        heading: args.singleQuestionInPage,
+        size: args.singleQuestionInPage ? "sm" : "lg"
+      },
+      args.legend
+    ), args.hint && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: args.hintId }, args.hintMessage), args.error && /* @__PURE__ */ import_react.default.createElement(import_ErrorMessage.ErrorMessage, { id: args.errorId }, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), args.errorMessage), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputContainer, { "aria-describedby": args.id, dense: args.dense }, /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { name: "day" }, args.day), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { name: "month" }, args.month), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { width: 4, name: "year", error: args.error }, args.year))));
+  },
+  args: {
+    singleQuestionInPage: true,
+    legend: "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;",
+    hint: true,
+    hintMessage: "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020",
+    hintId: "passport-hint",
+    day: "\u0397\u03BC\u03AD\u03C1\u03B1",
+    month: "\u039C\u03AE\u03BD\u03B1\u03C2",
+    year: "\u0388\u03C4\u03BF\u03C2",
+    error: false,
+    errorMessage: "\u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03CE \u03B5\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03AD\u03B3\u03BA\u03C5\u03C1\u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1",
+    errorId: "passport-error",
+    dense: false
+  },
+  argTypes: {
+    singleQuestionInPage: {
+      control: { type: "boolean" }
+    },
+    legend: {
+      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 }
+    },
+    day: {
+      control: { type: "text" }
+    },
+    month: {
+      control: { type: "text" }
+    },
+    year: {
+      control: { type: "text" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    },
+    error: {
+      control: { type: "boolean" }
+    },
+    errorMessage: {
+      control: { type: "text" },
+      if: { arg: "error", eq: true }
+    },
+    errorId: {
+      control: { type: "text" },
+      if: { arg: "error", eq: true }
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default,
   Dense,
   MultipleQuestions,
+  WithControls,
   WithErrorMessage,
   WithErrorMessageForSingleField
 });

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/form/DateInputContainer/DateInputContainer.stories.js"],
-  "sourcesContent": ["import DateInputContainer from '@digigov/ui/form/DateInputContainer';\nexport default {\n  title: 'Digigov UI/form/DateInputContainer',\n  description:\n    'Use the date input component to help users enter a memorable date or one they can easily look up.',\n  link: 'https://guide.services.gov.gr/docs/components/date-input',\n  component: DateInputContainer,\n  displayName: 'DateInputContainer',\n};\nexport { Default } from '@digigov/ui/form/DateInputContainer/__stories__/Default';\nexport { MultipleQuestions } from '@digigov/ui/form/DateInputContainer/__stories__/MultipleQuestions';\nexport { WithErrorMessage } from '@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessage';\nexport { WithErrorMessageForSingleField } from '@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessageForSingleField';\nexport { Dense } from '@digigov/ui/form/DateInputContainer/__stories__/Dense';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAA+B;AAS/B,qBAAwB;AACxB,+BAAkC;AAClC,8BAAiC;AACjC,4CAA+C;AAC/C,mBAAsB;AAZtB,IAAO,qCAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,0BAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["DateInputContainer"]
+  "sources": ["../../../../src/form/DateInputContainer/DateInputContainer.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  DateInputContainer,\n  DateInputItem,\n} from '@digigov/ui/form/DateInputContainer';\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/DateInputContainer',\n  description:\n    'Use the date input component to help users enter a memorable date or one they can easily look up.',\n  link: 'https://guide.services.gov.gr/docs/components/date-input',\n  component: DateInputContainer,\n  displayName: 'DateInputContainer',\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            heading={args.singleQuestionInPage}\n            size={args.singleQuestionInPage ? 'sm' : 'lg'}\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          <DateInputContainer aria-describedby={args.id} dense={args.dense}>\n            <DateInputItem name=\"day\">{args.day}</DateInputItem>\n            <DateInputItem name=\"month\">{args.month}</DateInputItem>\n            <DateInputItem width={4} name=\"year\" error={args.error}>\n              {args.year}\n            </DateInputItem>\n          </DateInputContainer>\n        </Fieldset>\n      </FieldContainer>\n    );\n  },\n  args: {\n    singleQuestionInPage: true,\n    legend: '\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;',\n    hint: true,\n    hintMessage: '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n    hintId: 'passport-hint',\n    day: '\u0397\u03BC\u03AD\u03C1\u03B1',\n    month: '\u039C\u03AE\u03BD\u03B1\u03C2',\n    year: '\u0388\u03C4\u03BF\u03C2',\n    error: false,\n    errorMessage: '\u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03CE \u03B5\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03AD\u03B3\u03BA\u03C5\u03C1\u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n    errorId: 'passport-error',\n    dense: false,\n  },\n  argTypes: {\n    singleQuestionInPage: {\n      control: { type: 'boolean' },\n    },\n    legend: {\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    day: {\n      control: { type: 'text' },\n    },\n    month: {\n      control: { type: 'text' },\n    },\n    year: {\n      control: { type: 'text' },\n    },\n    dense: {\n      control: { type: 'boolean' },\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  },\n};\n\nexport { Default } from '@digigov/ui/form/DateInputContainer/__stories__/Default';\nexport { MultipleQuestions } from '@digigov/ui/form/DateInputContainer/__stories__/MultipleQuestions';\nexport { WithErrorMessage } from '@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessage';\nexport { WithErrorMessageForSingleField } from '@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessageForSingleField';\nexport { Dense } from '@digigov/ui/form/DateInputContainer/__stories__/Dense';\n"],
+  "mappings": "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",
+  "names": ["React"]
 }

package/cjs/form/DateInputContainer/__stories__/MultipleQuestions/index.js

@@ -35,7 +35,7 @@ var import_react = __toESM(require("react"));
 var import_DateInputContainer = require("@digigov/ui/form/DateInputContainer");
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_Hint = require("@digigov/ui/typography/Hint");
-const MultipleQuestions = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { "aria-describedby": "passport-hint" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.Fieldset, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldsetLegend, { size: "md" }, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: "passport-hint" }, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputContainer, null, /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { name: "day" }, "\u0397\u03BC\u03AD\u03C1\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { name: "month" }, "\u039C\u03AE\u03BD\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { width: 4, name: "year" }, "\u0388\u03C4\u03BF\u03C2"))));
+const MultipleQuestions = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { "aria-describedby": "passport-hint" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.Fieldset, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldsetLegend, { size: "sm" }, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: "passport-hint" }, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputContainer, null, /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { name: "day" }, "\u0397\u03BC\u03AD\u03C1\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { name: "month" }, "\u039C\u03AE\u03BD\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { width: 4, name: "year" }, "\u0388\u03C4\u03BF\u03C2"))));
 var MultipleQuestions_default = MultipleQuestions;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/form/DateInputContainer/__stories__/MultipleQuestions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/DateInputContainer/__stories__/MultipleQuestions.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  DateInputContainer,\n  DateInputItem,\n} from '@digigov/ui/form/DateInputContainer';\n\nimport {\n  FieldContainer,\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\n\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const MultipleQuestions = () => (\n  <FieldContainer aria-describedby=\"passport-hint\">\n    <Fieldset>\n      <FieldsetLegend size=\"md\">\n        \u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;\n      </FieldsetLegend>\n      <Hint id=\"passport-hint\">\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020</Hint>\n      <DateInputContainer>\n        <DateInputItem name=\"day\">\u0397\u03BC\u03AD\u03C1\u03B1</DateInputItem>\n        <DateInputItem name=\"month\">\u039C\u03AE\u03BD\u03B1\u03C2</DateInputItem>\n        <DateInputItem width={4} name=\"year\">\n          \u0388\u03C4\u03BF\u03C2\n        </DateInputItem>\n      </DateInputContainer>\n    </Fieldset>\n  </FieldContainer>\n);\n\nexport default MultipleQuestions;\n"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  DateInputContainer,\n  DateInputItem,\n} from '@digigov/ui/form/DateInputContainer';\n\nimport {\n  FieldContainer,\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\n\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const MultipleQuestions = () => (\n  <FieldContainer aria-describedby=\"passport-hint\">\n    <Fieldset>\n      <FieldsetLegend size=\"sm\">\n        \u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;\n      </FieldsetLegend>\n      <Hint id=\"passport-hint\">\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020</Hint>\n      <DateInputContainer>\n        <DateInputItem name=\"day\">\u0397\u03BC\u03AD\u03C1\u03B1</DateInputItem>\n        <DateInputItem name=\"month\">\u039C\u03AE\u03BD\u03B1\u03C2</DateInputItem>\n        <DateInputItem width={4} name=\"year\">\n          \u0388\u03C4\u03BF\u03C2\n        </DateInputItem>\n      </DateInputContainer>\n    </Fieldset>\n  </FieldContainer>\n);\n\nexport default MultipleQuestions;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,gCAGO;AAEP,4BAIO;AAEP,kBAAqB;AAEd,MAAM,oBAAoB,MAC/B,6BAAAA,QAAA,cAAC,wCAAe,oBAAiB,mBAC/B,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,wCAAe,MAAK,QAAK,yKAE1B,GACA,6BAAAA,QAAA,cAAC,oBAAK,IAAG,mBAAgB,6FAA0B,GACnD,6BAAAA,QAAA,cAAC,oDACC,6BAAAA,QAAA,cAAC,2CAAc,MAAK,SAAM,gCAAK,GAC/B,6BAAAA,QAAA,cAAC,2CAAc,MAAK,WAAQ,gCAAK,GACjC,6BAAAA,QAAA,cAAC,2CAAc,OAAO,GAAG,MAAK,UAAO,0BAErC,CACF,CACF,CACF;AAGF,IAAO,4BAAQ;",
   "names": ["React"]
 }