@digigov/ui 2.0.0-daaf7bdf → 2.0.0-eaf330f5

package/feedback/CopyToClipboard/CopyToClipboard.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/feedback/CopyToClipboard/CopyToClipboard.stories.js"],
-  "sourcesContent": ["import CopyToClipboard from '@digigov/ui/feedback/CopyToClipboard';\nexport default {\n  title: 'Digigov UI/feedback/CopyToClipboard',\n  component: CopyToClipboard,\n  displayName: 'CopyToClipboard',\n};\nexport { Default } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Default';\nexport { Banner } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Banner';\nexport { Dense } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Dense';\n"],
-  "mappings": "AAAA,OAAO,qBAAqB;AAC5B,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,aAAa;",
+  "sources": ["../../../src/feedback/CopyToClipboard/CopyToClipboard.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport { CopyToClipboard } from '@digigov/ui/feedback/CopyToClipboard';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport default {\n  title: 'Digigov UI/feedback/CopyToClipboard',\n  component: CopyToClipboard,\n  displayName: 'CopyToClipboard',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <CopyToClipboard\n        text={args.text}\n        variant={args.variant}\n        tooltipAlign={args.tooltipAlign}\n        dense={args.dense}\n        message={args.message}\n        id={args.id}\n        onCopy={() => {\n          console.log('content copied!');\n        }}\n      >\n        <Button color=\"secondary\" aria-describedby=\"copy-to-clipboard\">\n          \u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE\n        </Button>\n      </CopyToClipboard>\n    );\n  },\n  args: {\n    text: 'copied-text',\n    variant: 'tooltip',\n    tooltipAlign: 'left',\n    dense: false,\n    message: '\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF',\n    id: 'copy-to-clipboard',\n  },\n  argTypes: {\n    text: {\n      control: { type: 'text' },\n    },\n    variant: {\n      options: ['tooltip', 'banner'],\n      control: { type: 'select' },\n    },\n    tooltipAlign: {\n      options: ['left', 'right'],\n      control: { type: 'select' },\n      if: { arg: 'variant', eq: 'tooltip' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n      if: { arg: 'variant', eq: 'tooltip' },\n    },\n    message: {\n      control: { type: 'text' },\n    },\n    id: {\n      control: { type: 'text' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['timeout', 'ref'] },\n  },\n};\n\nexport { Default } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Default';\nexport { Banner } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Banner';\nexport { Dense } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Dense';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,uBAAuB;AAChC,SAAS,cAAc;AAEvB,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,KAAK;AAAA,QACX,SAAS,KAAK;AAAA,QACd,cAAc,KAAK;AAAA,QACnB,OAAO,KAAK;AAAA,QACZ,SAAS,KAAK;AAAA,QACd,IAAI,KAAK;AAAA,QACT,QAAQ,MAAM;AACZ,kBAAQ,IAAI,iBAAiB;AAAA,QAC/B;AAAA;AAAA,MAEA,oCAAC,UAAO,OAAM,aAAY,oBAAiB,uBAAoB,wDAE/D;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,IAAI;AAAA,EACN;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,CAAC,WAAW,QAAQ;AAAA,MAC7B,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,CAAC,QAAQ,OAAO;AAAA,MACzB,SAAS,EAAE,MAAM,SAAS;AAAA,MAC1B,IAAI,EAAE,KAAK,WAAW,IAAI,UAAU;AAAA,IACtC;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,MAC3B,IAAI,EAAE,KAAK,WAAW,IAAI,UAAU;AAAA,IACtC;AAAA,IACA,SAAS;AAAA,MACP,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,IAAI;AAAA,MACF,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,WAAW,KAAK,EAAE;AAAA,EAC1C;AACF;AAEA,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,aAAa;",
   "names": []
 }

package/feedback/CopyToClipboard/__stories__/Default/index.js

@@ -11,7 +11,7 @@ const Default = () => {
       message: "\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF",
       id: "copy-to-clipboard",
       onCopy: () => {
-        console.log("yess copied");
+        console.log("content copied!");
       }
     },
     /* @__PURE__ */ React.createElement(Button, { color: "secondary", "aria-describedby": "copy-to-clipboard" }, "\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE")

package/feedback/CopyToClipboard/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/feedback/CopyToClipboard/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { CopyToClipboard } from '@digigov/ui/feedback/CopyToClipboard';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Default = () => {\n  return (\n    <CopyToClipboard\n      text=\"copied-text\"\n      variant=\"tooltip\"\n      tooltipAlign=\"left\"\n      message=\"\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF\"\n      id=\"copy-to-clipboard\"\n      onCopy={() => {\n        console.log('yess copied');\n      }}\n    >\n      <Button color=\"secondary\" aria-describedby=\"copy-to-clipboard\">\n        \u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE\n      </Button>\n    </CopyToClipboard>\n  );\n};\nexport default Default;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,uBAAuB;AAChC,SAAS,cAAc;AAEhB,MAAM,UAAU,MAAM;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,cAAa;AAAA,MACb,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,QAAQ,MAAM;AACZ,gBAAQ,IAAI,aAAa;AAAA,MAC3B;AAAA;AAAA,IAEA,oCAAC,UAAO,OAAM,aAAY,oBAAiB,uBAAoB,wDAE/D;AAAA,EACF;AAEJ;AACA,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { CopyToClipboard } from '@digigov/ui/feedback/CopyToClipboard';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Default = () => {\n  return (\n    <CopyToClipboard\n      text=\"copied-text\"\n      variant=\"tooltip\"\n      tooltipAlign=\"left\"\n      message=\"\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF\"\n      id=\"copy-to-clipboard\"\n      onCopy={() => {\n        console.log('content copied!');\n      }}\n    >\n      <Button color=\"secondary\" aria-describedby=\"copy-to-clipboard\">\n        \u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE\n      </Button>\n    </CopyToClipboard>\n  );\n};\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,uBAAuB;AAChC,SAAS,cAAc;AAEhB,MAAM,UAAU,MAAM;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,cAAa;AAAA,MACb,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,QAAQ,MAAM;AACZ,gBAAQ,IAAI,iBAAiB;AAAA,MAC/B;AAAA;AAAA,IAEA,oCAAC,UAAO,OAAM,aAAY,oBAAiB,uBAAoB,wDAE/D;AAAA,EACF;AAEJ;AACA,IAAO,kBAAQ;",
   "names": []
 }

package/feedback/CopyToClipboard/index.js

@@ -22,7 +22,7 @@ const CopyToClipboard = React.forwardRef(function CopyToClipboard2({
     return () => clearTimeout(timeoutInstance);
   }, [enabled]);
   function copyToClipboard() {
-    onCopy && onCopy();
+    if (onCopy) onCopy();
     navigator.clipboard.writeText(text);
     setEnabled(true);
   }

package/feedback/CopyToClipboard/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/feedback/CopyToClipboard/index.tsx"],
-  "sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport CopyToClipboardContainer, {\n  CopyToClipboardContainerProps,\n} from '@digigov/react-core/CopyToClipboardContainer';\nimport CopyToClipboardMessage from '@digigov/react-core/CopyToClipboardMessage';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport NormalText from '@digigov/ui/typography/NormalText';\n\nexport interface CopyToClipboardProps extends CopyToClipboardContainerProps {\n  text: string;\n  message?: string;\n  timeout?: number;\n  onCopy?: () => void;\n}\n\nexport const CopyToClipboard = React.forwardRef<\n  HTMLDivElement,\n  CopyToClipboardProps\n>(function CopyToClipboard(\n  {\n    text,\n    variant = 'tooltip',\n    tooltipAlign = 'right',\n    message,\n    dense,\n    onCopy,\n    timeout = 3000,\n    children,\n  },\n  ref\n) {\n  const [enabled, setEnabled] = useState(false);\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    const timeoutInstance = setTimeout(() => {\n      if (enabled) setEnabled(false);\n    }, timeout);\n\n    return () => clearTimeout(timeoutInstance);\n  }, [enabled]);\n\n  function copyToClipboard() {\n    onCopy && onCopy();\n    navigator.clipboard.writeText(text);\n    setEnabled(true);\n  }\n\n  return (\n    <CopyToClipboardContainer\n      onClick={copyToClipboard}\n      variant={variant}\n      tooltipAlign={tooltipAlign}\n      ref={ref}\n      dense={dense}\n    >\n      {children}\n      {enabled && (\n        <CopyToClipboardMessage enabled={enabled} role=\"tooltip\">\n          <NormalText>{message || t('copy-to-clipboard.message')}</NormalText>\n        </CopyToClipboardMessage>\n      )}\n    </CopyToClipboardContainer>\n  );\n});\n\nexport default CopyToClipboard;\n\nexport { CopyToClipboardContainer, CopyToClipboardMessage };\n"],
-  "mappings": "AAAA,OAAO,SAAS,UAAU,iBAAiB;AAC3C,OAAO,8BAEA;AACP,OAAO,4BAA4B;AACnC,SAAS,sBAAsB;AAC/B,OAAO,gBAAgB;AAShB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT;AAAA,EACE;AAAA,EACA,UAAU;AAAA,EACV,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AACF,GACA,KACA;AACA,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,EAAE,EAAE,IAAI,eAAe;AAE7B,YAAU,MAAM;AACd,UAAM,kBAAkB,WAAW,MAAM;AACvC,UAAI,QAAS,YAAW,KAAK;AAAA,IAC/B,GAAG,OAAO;AAEV,WAAO,MAAM,aAAa,eAAe;AAAA,EAC3C,GAAG,CAAC,OAAO,CAAC;AAEZ,WAAS,kBAAkB;AACzB,cAAU,OAAO;AACjB,cAAU,UAAU,UAAU,IAAI;AAClC,eAAW,IAAI;AAAA,EACjB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC;AAAA,IACA,WACC,oCAAC,0BAAuB,SAAkB,MAAK,aAC7C,oCAAC,kBAAY,WAAW,EAAE,2BAA2B,CAAE,CACzD;AAAA,EAEJ;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport CopyToClipboardContainer, {\n  CopyToClipboardContainerProps,\n} from '@digigov/react-core/CopyToClipboardContainer';\nimport CopyToClipboardMessage from '@digigov/react-core/CopyToClipboardMessage';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport NormalText from '@digigov/ui/typography/NormalText';\n\nexport interface CopyToClipboardProps extends CopyToClipboardContainerProps {\n  text: string;\n  message?: string;\n  timeout?: number;\n  onCopy?: () => void;\n}\n\nexport const CopyToClipboard = React.forwardRef<\n  HTMLDivElement,\n  CopyToClipboardProps\n>(function CopyToClipboard(\n  {\n    text,\n    variant = 'tooltip',\n    tooltipAlign = 'right',\n    message,\n    dense,\n    onCopy,\n    timeout = 3000,\n    children,\n  },\n  ref\n) {\n  const [enabled, setEnabled] = useState(false);\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    const timeoutInstance = setTimeout(() => {\n      if (enabled) setEnabled(false);\n    }, timeout);\n\n    return () => clearTimeout(timeoutInstance);\n  }, [enabled]);\n\n  function copyToClipboard() {\n    if (onCopy) onCopy();\n    navigator.clipboard.writeText(text);\n    setEnabled(true);\n  }\n\n  return (\n    <CopyToClipboardContainer\n      onClick={copyToClipboard}\n      variant={variant}\n      tooltipAlign={tooltipAlign}\n      ref={ref}\n      dense={dense}\n    >\n      {children}\n      {enabled && (\n        <CopyToClipboardMessage enabled={enabled} role=\"tooltip\">\n          <NormalText>{message || t('copy-to-clipboard.message')}</NormalText>\n        </CopyToClipboardMessage>\n      )}\n    </CopyToClipboardContainer>\n  );\n});\n\nexport default CopyToClipboard;\n\nexport { CopyToClipboardContainer, CopyToClipboardMessage };\n"],
+  "mappings": "AAAA,OAAO,SAAS,UAAU,iBAAiB;AAC3C,OAAO,8BAEA;AACP,OAAO,4BAA4B;AACnC,SAAS,sBAAsB;AAC/B,OAAO,gBAAgB;AAShB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT;AAAA,EACE;AAAA,EACA,UAAU;AAAA,EACV,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AACF,GACA,KACA;AACA,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,EAAE,EAAE,IAAI,eAAe;AAE7B,YAAU,MAAM;AACd,UAAM,kBAAkB,WAAW,MAAM;AACvC,UAAI,QAAS,YAAW,KAAK;AAAA,IAC/B,GAAG,OAAO;AAEV,WAAO,MAAM,aAAa,eAAe;AAAA,EAC3C,GAAG,CAAC,OAAO,CAAC;AAEZ,WAAS,kBAAkB;AACzB,QAAI,OAAQ,QAAO;AACnB,cAAU,UAAU,UAAU,IAAI;AAClC,eAAW,IAAI;AAAA,EACjB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC;AAAA,IACA,WACC,oCAAC,0BAAuB,SAAkB,MAAK,aAC7C,oCAAC,kBAAY,WAAW,EAAE,2BAA2B,CAAE,CACzD;AAAA,EAEJ;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["CopyToClipboard"]
 }

package/feedback/ErrorSummary/ErrorSummary.stories/index.js

@@ -1,4 +1,8 @@
-import ErrorSummary from "@digigov/ui/feedback/ErrorSummary";
+import React from "react";
+import { ErrorSummary } from "@digigov/ui/feedback/ErrorSummary";
+import { Link } from "@digigov/ui/navigation/Link";
+import { Heading } from "@digigov/ui/typography/Heading";
+import { List, ListItem } from "@digigov/ui/content/List";
 var ErrorSummary_stories_default = {
   title: "Digigov UI/feedback/ErrorSummary",
   description: "Use this component at the top of a page to summarise any errors a user has made.",
@@ -6,19 +10,55 @@ var ErrorSummary_stories_default = {
   component: ErrorSummary,
   displayName: "ErrorSummary"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ React.createElement(ErrorSummary, { dense: args.dense }, /* @__PURE__ */ React.createElement(Heading, { size: "sm" }, args.heading), /* @__PURE__ */ React.createElement(List, { listStyle: "none" }, args.links.map((link, index) => /* @__PURE__ */ React.createElement(ListItem, { key: index }, /* @__PURE__ */ React.createElement(Link, { href: link.href }, link.label)))));
+  },
+  parameters: {
+    controls: { exclude: ["variant", "ref"] }
+  },
+  args: {
+    dense: false,
+    heading: "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1",
+    links: [
+      {
+        href: "#",
+        label: "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2"
+      },
+      {
+        href: "#",
+        label: "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BC\u03AE\u03BD\u03B1"
+      }
+    ]
+  },
+  argTypes: {
+    dense: {
+      control: { type: "boolean" }
+    },
+    heading: {
+      control: { type: "text" }
+    },
+    links: {
+      control: { type: "object" }
+    }
+  }
+};
 import { Default } from "@digigov/ui/feedback/ErrorSummary/__stories__/Default";
 import { Dense } from "@digigov/ui/feedback/ErrorSummary/__stories__/Dense";
 import { LinkedToInput } from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput";
 import { LinkedToField } from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField";
 import { LinkedToCheckbox } from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox";
+import { ErrorGroupLinkedToInput } from "@digigov/ui/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput";
 import { WithBackLinkAndButton } from "@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton";
 export {
   Default,
   Dense,
+  ErrorGroupLinkedToInput,
   LinkedToCheckbox,
   LinkedToField,
   LinkedToInput,
   WithBackLinkAndButton,
+  WithControls,
   ErrorSummary_stories_default as default
 };
 //# sourceMappingURL=ErrorSummary.stories.js.map

package/feedback/ErrorSummary/ErrorSummary.stories.d.ts

@@ -6,10 +6,52 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+    namespace args {
+        let dense: boolean;
+        let heading: string;
+        let links: {
+            href: string;
+            label: string;
+        }[];
+    }
+    namespace argTypes {
+        export namespace dense_1 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { dense_1 as dense };
+        export namespace heading_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { heading_1 as heading };
+        export namespace links_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { links_1 as links };
+    }
+}
 export { Default } from "@digigov/ui/feedback/ErrorSummary/__stories__/Default";
 export { Dense } from "@digigov/ui/feedback/ErrorSummary/__stories__/Dense";
 export { LinkedToInput } from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput";
 export { LinkedToField } from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField";
 export { LinkedToCheckbox } from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox";
+export { ErrorGroupLinkedToInput } from "@digigov/ui/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput";
 export { WithBackLinkAndButton } from "@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton";
-import ErrorSummary from '@digigov/ui/feedback/ErrorSummary';
+import { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';
+import React from 'react';

package/feedback/ErrorSummary/ErrorSummary.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/feedback/ErrorSummary/ErrorSummary.stories.js"],
-  "sourcesContent": ["import ErrorSummary from '@digigov/ui/feedback/ErrorSummary';\nexport default {\n  title: 'Digigov UI/feedback/ErrorSummary',\n  description:\n    'Use this component at the top of a page to summarise any errors a user has made.',\n  link: 'https://guide.services.gov.gr/docs/components/error-summary',\n  component: ErrorSummary,\n  displayName: 'ErrorSummary',\n};\nexport { Default } from '@digigov/ui/feedback/ErrorSummary/__stories__/Default';\nexport { Dense } from '@digigov/ui/feedback/ErrorSummary/__stories__/Dense';\nexport { LinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput';\nexport { LinkedToField } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField';\nexport { LinkedToCheckbox } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox';\nexport { WithBackLinkAndButton } from '@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton';\n"],
-  "mappings": "AAAA,OAAO,kBAAkB;AACzB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;",
+  "sources": ["../../../src/feedback/ErrorSummary/ErrorSummary.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { List, ListItem } from '@digigov/ui/content/List';\n\nexport default {\n  title: 'Digigov UI/feedback/ErrorSummary',\n  description:\n    'Use this component at the top of a page to summarise any errors a user has made.',\n  link: 'https://guide.services.gov.gr/docs/components/error-summary',\n  component: ErrorSummary,\n  displayName: 'ErrorSummary',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <ErrorSummary dense={args.dense}>\n        <Heading size=\"sm\">{args.heading}</Heading>\n        <List listStyle=\"none\">\n          {args.links.map((link, index) => (\n            <ListItem key={index}>\n              <Link href={link.href}>{link.label}</Link>\n            </ListItem>\n          ))}\n        </List>\n      </ErrorSummary>\n    );\n  },\n  parameters: {\n    controls: { exclude: ['variant', 'ref'] },\n  },\n  args: {\n    dense: false,\n    heading: '\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1',\n    links: [\n      {\n        href: '#',\n        label: '\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2',\n      },\n      {\n        href: '#',\n        label: '\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BC\u03AE\u03BD\u03B1',\n      },\n    ],\n  },\n  argTypes: {\n    dense: {\n      control: { type: 'boolean' },\n    },\n    heading: {\n      control: { type: 'text' },\n    },\n    links: {\n      control: { type: 'object' },\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/feedback/ErrorSummary/__stories__/Default';\nexport { Dense } from '@digigov/ui/feedback/ErrorSummary/__stories__/Dense';\nexport { LinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput';\nexport { LinkedToField } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField';\nexport { LinkedToCheckbox } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox';\nexport { ErrorGroupLinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput';\nexport { WithBackLinkAndButton } from '@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,MAAM,gBAAgB;AAE/B,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,oCAAC,gBAAa,OAAO,KAAK,SACxB,oCAAC,WAAQ,MAAK,QAAM,KAAK,OAAQ,GACjC,oCAAC,QAAK,WAAU,UACb,KAAK,MAAM,IAAI,CAAC,MAAM,UACrB,oCAAC,YAAS,KAAK,SACb,oCAAC,QAAK,MAAM,KAAK,QAAO,KAAK,KAAM,CACrC,CACD,CACH,CACF;AAAA,EAEJ;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,WAAW,KAAK,EAAE;AAAA,EAC1C;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,EACF;AACF;AAEA,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;",
   "names": []
 }

package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { List, ListItem } from "@digigov/ui/content/List";
+import { ErrorSummary } from "@digigov/ui/feedback/ErrorSummary";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { TextInput } from "@digigov/ui/form/TextInput";
+import { Link } from "@digigov/ui/navigation/Link";
+import { Heading } from "@digigov/ui/typography/Heading";
+import { Hint } from "@digigov/ui/typography/Hint";
+const ErrorGroupLinkedToInput = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ErrorSummary, { variant: "error-group" }, /* @__PURE__ */ React.createElement(Heading, { size: "md" }, "\u03A4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03C0\u03B5\u03B4\u03AF\u03B1 \u03C4\u03B7\u03C2 \u03C6\u03CC\u03C1\u03BC\u03B1\u03C2 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03BB\u03AC\u03B8\u03BF\u03C2."), /* @__PURE__ */ React.createElement(List, { listStyle: "bullet" }, /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement("b", null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:"), " ", /* @__PURE__ */ React.createElement(Link, { href: "#business-name" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2")), /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement("b", null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:"), " ", /* @__PURE__ */ React.createElement(Link, { href: "#address-name" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2")))), /* @__PURE__ */ React.createElement(FieldContainer, { error: true }, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(Hint, null, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;"), /* @__PURE__ */ React.createElement(TextInput, { error: true, name: "inputext", id: "business-name" }))), /* @__PURE__ */ React.createElement(FieldContainer, { error: true }, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(Hint, null, "\u03A0\u03BF\u03B9\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;"), /* @__PURE__ */ React.createElement(TextInput, { error: true, name: "inputext", id: "business-address" }))));
+var ErrorGroupLinkedToInput_default = ErrorGroupLinkedToInput;
+export {
+  ErrorGroupLinkedToInput,
+  ErrorGroupLinkedToInput_default as default
+};
+//# sourceMappingURL=ErrorGroupLinkedToInput.js.map

package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/package.json

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

package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.d.ts

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

package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { List, ListItem } from '@digigov/ui/content/List';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const ErrorGroupLinkedToInput = () => (\n  <div>\n    <ErrorSummary variant=\"error-group\">\n      <Heading size=\"md\">\u03A4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03C0\u03B5\u03B4\u03AF\u03B1 \u03C4\u03B7\u03C2 \u03C6\u03CC\u03C1\u03BC\u03B1\u03C2 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03BB\u03AC\u03B8\u03BF\u03C2.</Heading>\n      <List listStyle=\"bullet\">\n        <ListItem>\n          <b>\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:</b>{' '}\n          <Link href=\"#business-name\">\n            \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n          </Link>\n        </ListItem>\n        <ListItem>\n          <b>\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:</b>{' '}\n          <Link href=\"#address-name\">\n            \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n          </Link>\n        </ListItem>\n      </List>\n    </ErrorSummary>\n    <FieldContainer error>\n      <LabelContainer>\n        <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n        <Hint>\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n        <TextInput error name=\"inputext\" id=\"business-name\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer error>\n      <LabelContainer>\n        <LabelTitle size=\"md\">\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n        <Hint>\u03A0\u03BF\u03B9\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n        <TextInput error name=\"inputext\" id=\"business-address\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n  </div>\n);\n\nexport default ErrorGroupLinkedToInput;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,YAAY;AAEd,MAAM,0BAA0B,MACrC,oCAAC,aACC,oCAAC,gBAAa,SAAQ,iBACpB,oCAAC,WAAQ,MAAK,QAAK,qNAAyC,GAC5D,oCAAC,QAAK,WAAU,YACd,oCAAC,gBACC,oCAAC,WAAE,oGAAkB,GAAK,KAC1B,oCAAC,QAAK,MAAK,oBAAiB,8PAE5B,CACF,GACA,oCAAC,gBACC,oCAAC,WAAE,4HAAsB,GAAK,KAC9B,oCAAC,QAAK,MAAK,mBAAgB,sRAE3B,CACF,CACF,CACF,GACA,oCAAC,kBAAe,OAAK,QACnB,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,mGAAiB,GACvC,oCAAC,YAAK,4LAAoC,GAC1C,oCAAC,aAAU,OAAK,MAAC,MAAK,YAAW,IAAG,iBAAgB,CACtD,CACF,GACA,oCAAC,kBAAe,OAAK,QACnB,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,2HAAqB,GAC3C,oCAAC,YAAK,8MAAuC,GAC7C,oCAAC,aAAU,OAAK,MAAC,MAAK,YAAW,IAAG,oBAAmB,CACzD,CACF,CACF;AAGF,IAAO,kCAAQ;",
+  "names": []
+}

package/feedback/ErrorSummary/__stories__/LinkedToInput/index.js

@@ -2,8 +2,7 @@ import React from "react";
 import { ErrorSummary } from "@digigov/ui/feedback/ErrorSummary";
 import { ErrorMessage } from "@digigov/ui/form/ErrorMessage";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextInput } from "@digigov/ui/form/TextInput";
 import { Link } from "@digigov/ui/navigation/Link";
 import { Heading } from "@digigov/ui/typography/Heading";

package/feedback/ErrorSummary/__stories__/LinkedToInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/feedback/ErrorSummary/__stories__/LinkedToInput.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport const LinkedToInput = () => (\n  <div>\n    <ErrorSummary>\n      <Heading size=\"sm\">\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1</Heading>\n      <Link href=\"#business-name\">\n        \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n      </Link>\n    </ErrorSummary>\n    <FieldContainer error>\n      <LabelContainer>\n        <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n        <Hint>\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n        <ErrorMessage>\n          <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF\n          \u03C0\u03B5\u03B4\u03AF\u03BF.\n        </ErrorMessage>\n        <TextInput error name=\"inputext\" id=\"business-name\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n  </div>\n);\n\nexport default LinkedToInput;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,MAC3B,oCAAC,aACC,oCAAC,oBACC,oCAAC,WAAQ,MAAK,QAAK,4HAAsB,GACzC,oCAAC,QAAK,MAAK,oBAAiB,2OAE5B,CACF,GACA,oCAAC,kBAAe,OAAK,QACnB,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,mGAAiB,GACvC,oCAAC,YAAK,4LAAoC,GAC1C,oCAAC,oBACC,oCAAC,sBAAe,iCAAM,GAAiB,yKAEzC,GACA,oCAAC,aAAU,OAAK,MAAC,MAAK,YAAW,IAAG,iBAAgB,CACtD,CACF,CACF;AAGF,IAAO,wBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport const LinkedToInput = () => (\n  <div>\n    <ErrorSummary>\n      <Heading size=\"sm\">\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1</Heading>\n      <Link href=\"#business-name\">\n        \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n      </Link>\n    </ErrorSummary>\n    <FieldContainer error>\n      <LabelContainer>\n        <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n        <Hint>\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n        <ErrorMessage>\n          <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF\n          \u03C0\u03B5\u03B4\u03AF\u03BF.\n        </ErrorMessage>\n        <TextInput error name=\"inputext\" id=\"business-name\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n  </div>\n);\n\nexport default LinkedToInput;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,MAC3B,oCAAC,aACC,oCAAC,oBACC,oCAAC,WAAQ,MAAK,QAAK,4HAAsB,GACzC,oCAAC,QAAK,MAAK,oBAAiB,2OAE5B,CACF,GACA,oCAAC,kBAAe,OAAK,QACnB,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,mGAAiB,GACvC,oCAAC,YAAK,4LAAoC,GAC1C,oCAAC,oBACC,oCAAC,sBAAe,iCAAM,GAAiB,yKAEzC,GACA,oCAAC,aAAU,OAAK,MAAC,MAAK,YAAW,IAAG,iBAAgB,CACtD,CACF,CACF;AAGF,IAAO,wBAAQ;",
   "names": []
 }

package/feedback/NotificationBanner/NotificationBanner.stories/index.js

@@ -7,6 +7,39 @@ var NotificationBanner_stories_default = {
   component: NotificationBanner,
   displayName: "NotificationBanner"
 };
+const WithControls = {
+  args: {
+    title: "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7",
+    children: " \u03A3\u03B5 7 \u03B7\u03BC\u03AD\u03C1\u03B5\u03C2 \u03B8\u03B1 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7.",
+    link: {
+      label: "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7\u03C2",
+      href: "#"
+    },
+    variant: "info",
+    dense: false
+  },
+  argTypes: {
+    title: {
+      control: { type: "text" }
+    },
+    children: {
+      control: { type: "text" }
+    },
+    link: {
+      control: { type: "object" }
+    },
+    variant: {
+      options: ["info", "success", "error"],
+      control: { type: "select" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 import { Default } from "@digigov/ui/feedback/NotificationBanner/__stories__/Default";
 import { Success } from "@digigov/ui/feedback/NotificationBanner/__stories__/Success";
 import { Dense } from "@digigov/ui/feedback/NotificationBanner/__stories__/Dense";
@@ -14,6 +47,7 @@ export {
   Default,
   Dense,
   Success,
+  WithControls,
   NotificationBanner_stories_default as default
 };
 //# sourceMappingURL=NotificationBanner.stories.js.map

package/feedback/NotificationBanner/NotificationBanner.stories.d.ts

@@ -7,6 +7,66 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let title_1: string;
+        export { title_1 as title };
+        export let children: string;
+        export namespace link_1 {
+            let label: string;
+            let href: string;
+        }
+        export { link_1 as link };
+        export let variant: string;
+        export let dense: boolean;
+    }
+    namespace argTypes {
+        export namespace title_2 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { title_2 as title };
+        export namespace children_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { children_1 as children };
+        export namespace link_2 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { link_2 as link };
+        export namespace variant_1 {
+            export let options: string[];
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+        }
+        export { variant_1 as variant };
+        export namespace dense_1 {
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+        }
+        export { dense_1 as dense };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/feedback/NotificationBanner/__stories__/Default";
 export { Success } from "@digigov/ui/feedback/NotificationBanner/__stories__/Success";
 export { Dense } from "@digigov/ui/feedback/NotificationBanner/__stories__/Dense";

package/feedback/NotificationBanner/NotificationBanner.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/feedback/NotificationBanner/NotificationBanner.stories.js"],
-  "sourcesContent": ["import NotificationBanner from '@digigov/ui/feedback/NotificationBanner';\nexport default {\n  title: 'Digigov UI/feedback/NotificationBanner',\n  tags: ['Experimental'],\n  description:\n    'Use a notification banner to tell the user about something they need to know about, but that\u2019s not directly related to the page content.',\n  link: 'https://guide.services.gov.gr/docs/components/Notification-Banner',\n\n  component: NotificationBanner,\n  displayName: 'NotificationBanner',\n};\nexport { Default } from '@digigov/ui/feedback/NotificationBanner/__stories__/Default';\nexport { Success } from '@digigov/ui/feedback/NotificationBanner/__stories__/Success';\nexport { Dense } from '@digigov/ui/feedback/NotificationBanner/__stories__/Dense';\n"],
-  "mappings": "AAAA,OAAO,wBAAwB;AAC/B,IAAO,qCAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EAEN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,aAAa;",
+  "sourcesContent": ["import NotificationBanner from '@digigov/ui/feedback/NotificationBanner';\n\nexport default {\n  title: 'Digigov UI/feedback/NotificationBanner',\n  tags: ['Experimental'],\n  description:\n    'Use a notification banner to tell the user about something they need to know about, but that\u2019s not directly related to the page content.',\n  link: 'https://guide.services.gov.gr/docs/components/Notification-Banner',\n\n  component: NotificationBanner,\n  displayName: 'NotificationBanner',\n};\n\nexport const WithControls = {\n  args: {\n    title: '\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7',\n    children: ' \u03A3\u03B5 7 \u03B7\u03BC\u03AD\u03C1\u03B5\u03C2 \u03B8\u03B1 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7.',\n    link: {\n      label: '\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7\u03C2',\n      href: '#',\n    },\n    variant: 'info',\n    dense: false,\n  },\n  argTypes: {\n    title: {\n      control: { type: 'text' },\n    },\n    children: {\n      control: { type: 'text' },\n    },\n    link: {\n      control: { type: 'object' },\n    },\n    variant: {\n      options: ['info', 'success', 'error'],\n      control: { type: 'select' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\n\nexport { Default } from '@digigov/ui/feedback/NotificationBanner/__stories__/Default';\nexport { Success } from '@digigov/ui/feedback/NotificationBanner/__stories__/Success';\nexport { Dense } from '@digigov/ui/feedback/NotificationBanner/__stories__/Dense';\n"],
+  "mappings": "AAAA,OAAO,wBAAwB;AAE/B,IAAO,qCAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EAEN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,CAAC,QAAQ,WAAW,OAAO;AAAA,MACpC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;AAEA,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,aAAa;",
   "names": []
 }

package/feedback/PhaseBanner/PhaseBanner.stories/index.js

@@ -1,4 +1,10 @@
-import PhaseBanner from "@digigov/ui/feedback/PhaseBanner";
+import React from "react";
+import {
+  PhaseBanner,
+  PhaseBannerTag,
+  PhaseBannerText
+} from "@digigov/ui/feedback/PhaseBanner";
+import { Link } from "@digigov/ui/navigation/Link";
 var PhaseBanner_stories_default = {
   title: "Digigov UI/feedback/PhaseBanner",
   description: "Use the phase banner component to show users your service is still being worked on.",
@@ -6,11 +12,32 @@ var PhaseBanner_stories_default = {
   component: PhaseBanner,
   displayName: "PhaseBanner"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ React.createElement(PhaseBanner, { underline: args.underline }, /* @__PURE__ */ React.createElement(PhaseBannerTag, null, args.tag), /* @__PURE__ */ React.createElement(PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1 ", /* @__PURE__ */ React.createElement(Link, { href: "#feedback" }, "\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC"), " ", "\u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5."));
+  },
+  args: {
+    tag: "ALPHA",
+    underline: true
+  },
+  argTypes: {
+    underline: {
+      control: { type: "boolean" }
+    },
+    tag: {
+      control: { type: "text" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 import { Default } from "@digigov/ui/feedback/PhaseBanner/__stories__/Default";
 import { Underlined } from "@digigov/ui/feedback/PhaseBanner/__stories__/Underlined";
 export {
   Default,
   Underlined,
+  WithControls,
   PhaseBanner_stories_default as default
 };
 //# sourceMappingURL=PhaseBanner.stories.js.map

package/feedback/PhaseBanner/PhaseBanner.stories.d.ts

@@ -6,6 +6,35 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let tag: string;
+        let underline: boolean;
+    }
+    namespace argTypes {
+        export namespace underline_1 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { underline_1 as underline };
+        export namespace tag_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { tag_1 as tag };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/feedback/PhaseBanner/__stories__/Default";
 export { Underlined } from "@digigov/ui/feedback/PhaseBanner/__stories__/Underlined";
-import PhaseBanner from '@digigov/ui/feedback/PhaseBanner';
+import { PhaseBanner } from '@digigov/ui/feedback/PhaseBanner';
+import React from 'react';

package/feedback/PhaseBanner/PhaseBanner.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/feedback/PhaseBanner/PhaseBanner.stories.js"],
-  "sourcesContent": ["import PhaseBanner from '@digigov/ui/feedback/PhaseBanner';\nexport default {\n  title: 'Digigov UI/feedback/PhaseBanner',\n  description:\n    'Use the phase banner component to show users your service is still being worked on.',\n  link: 'https://guide.services.gov.gr/docs/components/phase-banner',\n  component: PhaseBanner,\n  displayName: 'PhaseBanner',\n};\nexport { Default } from '@digigov/ui/feedback/PhaseBanner/__stories__/Default';\nexport { Underlined } from '@digigov/ui/feedback/PhaseBanner/__stories__/Underlined';\n"],
-  "mappings": "AAAA,OAAO,iBAAiB;AACxB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,kBAAkB;",
+  "sources": ["../../../src/feedback/PhaseBanner/PhaseBanner.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  PhaseBanner,\n  PhaseBannerTag,\n  PhaseBannerText,\n} from '@digigov/ui/feedback/PhaseBanner';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport default {\n  title: 'Digigov UI/feedback/PhaseBanner',\n  description:\n    'Use the phase banner component to show users your service is still being worked on.',\n  link: 'https://guide.services.gov.gr/docs/components/phase-banner',\n  component: PhaseBanner,\n  displayName: 'PhaseBanner',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <PhaseBanner underline={args.underline}>\n        <PhaseBannerTag>{args.tag}</PhaseBannerTag>\n        <PhaseBannerText>\n          \u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1 <Link href=\"#feedback\">\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC</Link>{' '}\n          \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5.\n        </PhaseBannerText>\n      </PhaseBanner>\n    );\n  },\n  args: {\n    tag: 'ALPHA',\n    underline: true,\n  },\n  argTypes: {\n    underline: {\n      control: { type: 'boolean' },\n    },\n    tag: {\n      control: { type: 'text' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\nexport { Default } from '@digigov/ui/feedback/PhaseBanner/__stories__/Default';\nexport { Underlined } from '@digigov/ui/feedback/PhaseBanner/__stories__/Underlined';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AAErB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,oCAAC,eAAY,WAAW,KAAK,aAC3B,oCAAC,sBAAgB,KAAK,GAAI,GAC1B,oCAAC,uBAAgB,uKACkB,oCAAC,QAAK,MAAK,eAAY,sCAAM,GAAQ,KAAI,yMAE5E,CACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,KAAK;AAAA,MACH,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;AACA,SAAS,eAAe;AACxB,SAAS,kBAAkB;",
   "names": []
 }

package/feedback/WarningText/WarningText.stories/index.js

@@ -6,6 +6,31 @@ var WarningText_stories_default = {
   component: WarningText,
   displayName: "WarningText"
 };
+const WithControls = {
+  args: {
+    children: "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03C3\u03B1\u03C2 \u03B5\u03C0\u03B9\u03B2\u03BB\u03B7\u03B8\u03B5\u03AF \u03C0\u03C1\u03CC\u03C3\u03C4\u03B9\u03BC\u03BF \u03AD\u03C9\u03C2 \u03BA\u03B1\u03B9 5.000 \u03B5\u03C5\u03C1\u03CE \u03B5\u03AC\u03BD \u03B4\u03B5\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03B5\u03AF\u03C4\u03B5.",
+    strong: true,
+    assistiveText: "\u03A3\u03B7\u03BC\u03B1\u03BD\u03C4\u03B9\u03BA\u03CC",
+    dense: false
+  },
+  argTypes: {
+    children: {
+      control: { type: "text" }
+    },
+    strong: {
+      control: { type: "boolean" }
+    },
+    assistiveText: {
+      control: { type: "text" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 import { Default } from "@digigov/ui/feedback/WarningText/__stories__/Default";
 import { AssistiveText } from "@digigov/ui/feedback/WarningText/__stories__/AssistiveText";
 import { Dense } from "@digigov/ui/feedback/WarningText/__stories__/Dense";
@@ -13,6 +38,7 @@ export {
   AssistiveText,
   Default,
   Dense,
+  WithControls,
   WarningText_stories_default as default
 };
 //# sourceMappingURL=WarningText.stories.js.map

package/feedback/WarningText/WarningText.stories.d.ts

@@ -6,6 +6,51 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let children: string;
+        let strong: boolean;
+        let assistiveText: string;
+        let dense: boolean;
+    }
+    namespace argTypes {
+        export namespace children_1 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { children_1 as children };
+        export namespace strong_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { strong_1 as strong };
+        export namespace assistiveText_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { assistiveText_1 as assistiveText };
+        export namespace dense_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+        }
+        export { dense_1 as dense };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/feedback/WarningText/__stories__/Default";
 export { AssistiveText } from "@digigov/ui/feedback/WarningText/__stories__/AssistiveText";
 export { Dense } from "@digigov/ui/feedback/WarningText/__stories__/Dense";