@digigov/ui 2.0.0-b4cd6916 → 2.0.0-c6d0b3b8

package/content/Accordion/auto.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import { type AccordionSectionProps } from '@digigov/react-core/AccordionSection';
 import { ButtonProps } from '@digigov/react-core/Button';
-import { AccordionItemId } from '@digigov/ui/content/Accordion/hooks';
-import { UseAccordionReturn } from '@digigov/ui/content/Accordion/hooks';
+import { AccordionItemId, UseAccordionReturn } from '@digigov/ui/content/Accordion/hooks';
 export interface ButtonAccordionAutoProps extends ButtonProps {
 }
 export interface AccordionSectionAutoProps extends AccordionSectionProps {

package/content/Accordion/auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/Accordion/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Accordion } from '@digigov/react-core/Accordion';\nimport {\n  AccordionSection,\n  type AccordionSectionProps,\n} from '@digigov/react-core/AccordionSection';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport {\n  AccordionItemId,\n  useAccordion,\n} from '@digigov/ui/content/Accordion/hooks';\n\nimport { UseAccordionReturn } from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAccordionAutoProps extends ButtonProps {}\nexport interface AccordionSectionAutoProps extends AccordionSectionProps {\n  id: string;\n}\n\nconst AccordionContext = React.createContext<UseAccordionReturn | null>(null);\nexport const AccordionAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: AccordionItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useAccordion({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <AccordionContext.Provider value={accordion}>\n      <Accordion {...props}>{children}</Accordion>\n    </AccordionContext.Provider>\n  );\n};\nexport const useAccordionContext = (): UseAccordionReturn | null => {\n  const context = useContext(AccordionContext);\n  if (context === null) {\n    throw new Error(\n      'AccordionContext must be used within an AccordionProvider'\n    );\n  }\n  return context;\n};\n\nexport const AccordionSectionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionAutoProps\n>(function AccordionSectionAuto({ id, ...props }, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionSectionAuto must be used within an AccordionProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <AccordionSection\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const AccordionOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionOpenAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionOpenAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const AccordionCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionCloseAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionCloseAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
-  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,OAEK;AACP,SAAS,cAA2B;AACpC;AAAA,EAEE;AAAA,OACK;AASP,MAAM,mBAAmB,MAAM,cAAyC,IAAI;AACrE,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,YAAY,aAAa;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oCAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC,oCAAC,aAAW,GAAG,SAAQ,QAAS,CAClC;AAEJ;AACO,MAAM,sBAAsB,MAAiC;AAClE,QAAM,UAAU,WAAW,gBAAgB;AAC3C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,MAAM,WAGxC,SAASA,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,6BAA6B,MAAM,WAG9C,SAASC,4BAA2B,OAAO,KAAK;AAChD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,8BAA8B,MAAM,WAG/C,SAASC,6BAA4B,OAAO,KAAK;AACjD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Accordion } from '@digigov/react-core/Accordion';\nimport {\n  AccordionSection,\n  type AccordionSectionProps,\n} from '@digigov/react-core/AccordionSection';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport {\n  AccordionItemId,\n  useAccordion,\n  UseAccordionReturn,\n} from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAccordionAutoProps extends ButtonProps {}\nexport interface AccordionSectionAutoProps extends AccordionSectionProps {\n  id: string;\n}\n\nconst AccordionContext = React.createContext<UseAccordionReturn | null>(null);\nexport const AccordionAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: AccordionItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useAccordion({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <AccordionContext.Provider value={accordion}>\n      <Accordion {...props}>{children}</Accordion>\n    </AccordionContext.Provider>\n  );\n};\nexport const useAccordionContext = (): UseAccordionReturn | null => {\n  const context = useContext(AccordionContext);\n  if (context === null) {\n    throw new Error(\n      'AccordionContext must be used within an AccordionProvider'\n    );\n  }\n  return context;\n};\n\nexport const AccordionSectionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionAutoProps\n>(function AccordionSectionAuto({ id, ...props }, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionSectionAuto must be used within an AccordionProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <AccordionSection\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const AccordionOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionOpenAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionOpenAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const AccordionCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionCloseAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionCloseAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
+  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,OAEK;AACP,SAAS,cAA2B;AACpC;AAAA,EAEE;AAAA,OAEK;AAOP,MAAM,mBAAmB,MAAM,cAAyC,IAAI;AACrE,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,YAAY,aAAa;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oCAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC,oCAAC,aAAW,GAAG,SAAQ,QAAS,CAClC;AAEJ;AACO,MAAM,sBAAsB,MAAiC;AAClE,QAAM,UAAU,WAAW,gBAAgB;AAC3C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,MAAM,WAGxC,SAASA,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,6BAA6B,MAAM,WAG9C,SAASC,4BAA2B,OAAO,KAAK;AAChD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,8BAA8B,MAAM,WAG/C,SAASC,6BAA4B,OAAO,KAAK;AACjD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
   "names": ["AccordionSectionAuto", "AccordionOpenAllButtonAuto", "AccordionCloseAllButtonAuto"]
 }

package/content/Accordion/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/Accordion/index.tsx"],
-  "sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport Accordion from '@digigov/react-core/Accordion';\n\nexport * from '@digigov/react-core/Accordion';\nexport * from '@digigov/react-core/AccordionControls';\nexport * from '@digigov/react-core/AccordionSection';\nexport * from '@digigov/react-core/AccordionSectionContent';\nexport * from '@digigov/react-core/AccordionSectionSummary';\nexport * from '@digigov/react-core/AccordionSectionSummaryHeading';\nexport * from '@digigov/ui/content/Accordion/hooks';\n\nexport default Accordion;\n"],
-  "mappings": "AACA,OAAO,eAAe;AAEtB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,IAAO,oBAAQ;",
+  "sourcesContent": ["import Accordion from '@digigov/react-core/Accordion';\n\nexport * from '@digigov/react-core/Accordion';\nexport * from '@digigov/react-core/AccordionControls';\nexport * from '@digigov/react-core/AccordionSection';\nexport * from '@digigov/react-core/AccordionSectionContent';\nexport * from '@digigov/react-core/AccordionSectionSummary';\nexport * from '@digigov/react-core/AccordionSectionSummaryHeading';\nexport * from '@digigov/ui/content/Accordion/hooks';\n\nexport default Accordion;\n"],
+  "mappings": "AAAA,OAAO,eAAe;AAEtB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,IAAO,oBAAQ;",
   "names": []
 }

package/content/Blockquote/Blockquote.stories/index.js

@@ -6,11 +6,29 @@ var Blockquote_stories_default = {
   component: Blockquote,
   displayName: "Blockquote"
 };
+const WithControls = {
+  args: {
+    children: "\u039F\u03B9 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AD\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03BD\u03B5\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03C7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B7\u03B8\u03BF\u03CD\u03BD \u03B1\u03C0\u03BF\u03BA\u03BB\u03B5\u03B9\u03C3\u03C4\u03B9\u03BA\u03AC \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B5\u03BE\u03C5\u03C0\u03B7\u03C1\u03AD\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2.",
+    dense: false
+  },
+  argTypes: {
+    children: {
+      control: { type: "text" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 import { Default } from "@digigov/ui/content/Blockquote/__stories__/Default";
 import { Dense } from "@digigov/ui/content/Blockquote/__stories__/Dense";
 export {
   Default,
   Dense,
+  WithControls,
   Blockquote_stories_default as default
 };
 //# sourceMappingURL=Blockquote.stories.js.map

package/content/Blockquote/Blockquote.stories.d.ts

@@ -6,6 +6,33 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let children: string;
+        let dense: boolean;
+    }
+    namespace argTypes {
+        export namespace children_1 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { children_1 as children };
+        export namespace dense_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { dense_1 as dense };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/content/Blockquote/__stories__/Default";
 export { Dense } from "@digigov/ui/content/Blockquote/__stories__/Dense";
 import Blockquote from '@digigov/ui/content/Blockquote';

package/content/Blockquote/Blockquote.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/Blockquote/Blockquote.stories.js"],
-  "sourcesContent": ["import Blockquote from '@digigov/ui/content/Blockquote';\nexport default {\n  title: 'Digigov UI/content/Blockquote',\n  description:\n    'Use the inset text component to differentiate a block of text from the content that surrounds it',\n  link: 'https://guide.services.gov.gr/docs/components/blockquote',\n  component: Blockquote,\n  displayName: 'Blockquote',\n};\nexport { Default } from '@digigov/ui/content/Blockquote/__stories__/Default';\nexport { Dense } from '@digigov/ui/content/Blockquote/__stories__/Dense';\n"],
-  "mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,aAAa;",
+  "sourcesContent": ["import Blockquote from '@digigov/ui/content/Blockquote';\nexport default {\n  title: 'Digigov UI/content/Blockquote',\n  description:\n    'Use the inset text component to differentiate a block of text from the content that surrounds it',\n  link: 'https://guide.services.gov.gr/docs/components/blockquote',\n  component: Blockquote,\n  displayName: 'Blockquote',\n};\n\nexport const WithControls = {\n  args: {\n    children:\n      '\u039F\u03B9 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AD\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03BD\u03B5\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03C7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B7\u03B8\u03BF\u03CD\u03BD \u03B1\u03C0\u03BF\u03BA\u03BB\u03B5\u03B9\u03C3\u03C4\u03B9\u03BA\u03AC \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B5\u03BE\u03C5\u03C0\u03B7\u03C1\u03AD\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2.',\n    dense: false,\n  },\n  argTypes: {\n    children: {\n      control: { type: 'text' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\n\nexport { Default } from '@digigov/ui/content/Blockquote/__stories__/Default';\nexport { Dense } from '@digigov/ui/content/Blockquote/__stories__/Dense';\n"],
+  "mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,UACE;AAAA,IACF,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;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,aAAa;",
   "names": []
 }

package/content/Card/Card.stories/index.js

@@ -1,4 +1,12 @@
-import Card from "@digigov/ui/content/Card";
+import React from "react";
+import {
+  Card,
+  CardHeading,
+  CardContent,
+  CardAction
+} from "@digigov/ui/content/Card";
+import { Button } from "@digigov/ui/form/Button";
+import { LinkBase } from "@digigov/ui/navigation/Link";
 var Card_stories_default = {
   title: "Digigov UI/content/Card",
   tags: ["Experimental"],
@@ -7,6 +15,77 @@ var Card_stories_default = {
   component: Card,
   displayName: "Card"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ React.createElement(
+      Card,
+      {
+        variant: args.variant,
+        borderColor: args.borderColor,
+        callToAction: args.callToAction,
+        dense: args.dense,
+        fullHeight: args.fullHeight
+      },
+      /* @__PURE__ */ React.createElement(CardHeading, null, args.callToAction || args.action === "title" ? /* @__PURE__ */ React.createElement(LinkBase, { href: "#" }, args.title, " ") : args.title),
+      /* @__PURE__ */ React.createElement(CardContent, null, args.content),
+      args.action === "button" && /* @__PURE__ */ React.createElement(CardAction, null, /* @__PURE__ */ React.createElement(Button, null, "\u0395\u03AF\u03C3\u03BF\u03B4\u03BF\u03C2")),
+      args.action === "link" && /* @__PURE__ */ React.createElement(CardAction, null, /* @__PURE__ */ React.createElement(LinkBase, { href: "#" }, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1"))
+    );
+  },
+  args: {
+    title: "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1",
+    content: "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1.",
+    action: "button",
+    actionButtonText: "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1",
+    actionButtonLink: "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1",
+    variant: "default",
+    borderColor: "light",
+    callToAction: false,
+    dense: false,
+    fullHeight: false
+  },
+  argTypes: {
+    title: {
+      control: { type: "text" }
+    },
+    content: {
+      control: { type: "text" }
+    },
+    action: {
+      options: ["button", "link", "title"],
+      control: { type: "select" }
+    },
+    actionButtonText: {
+      control: { type: "text" },
+      if: { arg: "action", eq: "button" }
+    },
+    actionButtonLink: {
+      control: { type: "text" },
+      if: { arg: "action", eq: "link" }
+    },
+    variant: {
+      options: ["border", "divider", "border-top", "default"],
+      control: { type: "select" }
+    },
+    borderColor: {
+      options: ["light", "dark"],
+      control: { type: "inline-radio" },
+      if: { arg: "variant", neq: "default" }
+    },
+    callToAction: {
+      control: { type: "boolean" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    },
+    fullHeight: {
+      control: { type: "boolean" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 import { Default } from "@digigov/ui/content/Card/__stories__/Default";
 import { WithGrayBorder } from "@digigov/ui/content/Card/__stories__/WithGrayBorder";
 import { WithDarkBorder } from "@digigov/ui/content/Card/__stories__/WithDarkBorder";
@@ -23,6 +102,7 @@ export {
   Dense,
   WithClickableContent,
   WithClickableLink,
+  WithControls,
   WithDarkBorder,
   WithDarkTopBorder,
   WithDivider,

package/content/Card/Card.stories.d.ts

@@ -7,6 +7,130 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let title_1: string;
+        export { title_1 as title };
+        export let content: string;
+        export let action: string;
+        export let actionButtonText: string;
+        export let actionButtonLink: string;
+        export let variant: string;
+        export let borderColor: string;
+        export let callToAction: boolean;
+        export let dense: boolean;
+        export let fullHeight: boolean;
+    }
+    namespace argTypes {
+        export namespace title_2 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { title_2 as title };
+        export namespace content_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { content_1 as content };
+        export namespace action_1 {
+            export let options: string[];
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { action_1 as action };
+        export namespace actionButtonText_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            export namespace _if {
+                let arg: string;
+                let eq: string;
+            }
+            export { _if as if };
+        }
+        export { actionButtonText_1 as actionButtonText };
+        export namespace actionButtonLink_1 {
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            export namespace _if_1 {
+                let arg_1: string;
+                export { arg_1 as arg };
+                let eq_1: string;
+                export { eq_1 as eq };
+            }
+            export { _if_1 as if };
+        }
+        export { actionButtonLink_1 as actionButtonLink };
+        export namespace variant_1 {
+            let options_1: string[];
+            export { options_1 as options };
+            export namespace control_5 {
+                let type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+        }
+        export { variant_1 as variant };
+        export namespace borderColor_1 {
+            let options_2: string[];
+            export { options_2 as options };
+            export namespace control_6 {
+                let type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            export namespace _if_2 {
+                let arg_2: string;
+                export { arg_2 as arg };
+                export let neq: string;
+            }
+            export { _if_2 as if };
+        }
+        export { borderColor_1 as borderColor };
+        export namespace callToAction_1 {
+            export namespace control_7 {
+                let type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+        }
+        export { callToAction_1 as callToAction };
+        export namespace dense_1 {
+            export namespace control_8 {
+                let type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+        }
+        export { dense_1 as dense };
+        export namespace fullHeight_1 {
+            export namespace control_9 {
+                let type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+        }
+        export { fullHeight_1 as fullHeight };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/content/Card/__stories__/Default";
 export { WithGrayBorder } from "@digigov/ui/content/Card/__stories__/WithGrayBorder";
 export { WithDarkBorder } from "@digigov/ui/content/Card/__stories__/WithDarkBorder";
@@ -18,4 +142,5 @@ export { WithClickableLink } from "@digigov/ui/content/Card/__stories__/WithClic
 export { WithGroupButton } from "@digigov/ui/content/Card/__stories__/WithGroupButton";
 export { WithLink } from "@digigov/ui/content/Card/__stories__/WithLink";
 export { Dense } from "@digigov/ui/content/Card/__stories__/Dense";
-import Card from '@digigov/ui/content/Card';
+import { Card } from '@digigov/ui/content/Card';
+import React from 'react';

package/content/Card/Card.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/content/Card/Card.stories.js"],
-  "sourcesContent": ["import Card from '@digigov/ui/content/Card';\nexport default {\n  title: 'Digigov UI/content/Card',\n  tags: ['Experimental'],\n  description:\n    'Cards can be used to divide and organise interface content for better understandability and readability',\n  link: 'https://guide.services.gov.gr/docs/components/card',\n  component: Card,\n  displayName: 'Card',\n};\nexport { Default } from '@digigov/ui/content/Card/__stories__/Default';\nexport { WithGrayBorder } from '@digigov/ui/content/Card/__stories__/WithGrayBorder';\nexport { WithDarkBorder } from '@digigov/ui/content/Card/__stories__/WithDarkBorder';\nexport { WithGrayTopBorder } from '@digigov/ui/content/Card/__stories__/WithGrayTopBorder';\nexport { WithDarkTopBorder } from '@digigov/ui/content/Card/__stories__/WithDarkTopBorder';\nexport { WithDivider } from '@digigov/ui/content/Card/__stories__/WithDivider';\nexport { WithClickableContent } from '@digigov/ui/content/Card/__stories__/WithClickableContent';\nexport { WithClickableLink } from '@digigov/ui/content/Card/__stories__/WithClickableLink';\nexport { WithGroupButton } from '@digigov/ui/content/Card/__stories__/WithGroupButton';\nexport { WithLink } from '@digigov/ui/content/Card/__stories__/WithLink';\nexport { Dense } from '@digigov/ui/content/Card/__stories__/Dense';\n"],
-  "mappings": "AAAA,OAAO,UAAU;AACjB,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,aAAa;",
+  "sources": ["../../../src/content/Card/Card.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  Card,\n  CardHeading,\n  CardContent,\n  CardAction,\n} from '@digigov/ui/content/Card';\nimport { Button } from '@digigov/ui/form/Button';\nimport { LinkBase } from '@digigov/ui/navigation/Link';\n\nexport default {\n  title: 'Digigov UI/content/Card',\n  tags: ['Experimental'],\n  description:\n    'Cards can be used to divide and organise interface content for better understandability and readability',\n  link: 'https://guide.services.gov.gr/docs/components/card',\n  component: Card,\n  displayName: 'Card',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <Card\n        variant={args.variant}\n        borderColor={args.borderColor}\n        callToAction={args.callToAction}\n        dense={args.dense}\n        fullHeight={args.fullHeight}\n      >\n        <CardHeading>\n          {args.callToAction || args.action === 'title' ? (\n            <LinkBase href=\"#\">{args.title} </LinkBase>\n          ) : (\n            args.title\n          )}\n        </CardHeading>\n        <CardContent>{args.content}</CardContent>\n        {args.action === 'button' && (\n          <CardAction>\n            <Button>\u0395\u03AF\u03C3\u03BF\u03B4\u03BF\u03C2</Button>\n          </CardAction>\n        )}\n        {args.action === 'link' && (\n          <CardAction>\n            <LinkBase href=\"#\">\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1</LinkBase>\n          </CardAction>\n        )}\n      </Card>\n    );\n  },\n  args: {\n    title: '\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1',\n    content:\n      '\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1.',\n    action: 'button',\n    actionButtonText: '\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1',\n    actionButtonLink: '\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1',\n    variant: 'default',\n    borderColor: 'light',\n    callToAction: false,\n    dense: false,\n    fullHeight: false,\n  },\n  argTypes: {\n    title: {\n      control: { type: 'text' },\n    },\n    content: {\n      control: { type: 'text' },\n    },\n    action: {\n      options: ['button', 'link', 'title'],\n      control: { type: 'select' },\n    },\n    actionButtonText: {\n      control: { type: 'text' },\n      if: { arg: 'action', eq: 'button' },\n    },\n    actionButtonLink: {\n      control: { type: 'text' },\n      if: { arg: 'action', eq: 'link' },\n    },\n    variant: {\n      options: ['border', 'divider', 'border-top', 'default'],\n      control: { type: 'select' },\n    },\n    borderColor: {\n      options: ['light', 'dark'],\n      control: { type: 'inline-radio' },\n      if: { arg: 'variant', neq: 'default' },\n    },\n    callToAction: {\n      control: { type: 'boolean' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n    fullHeight: {\n      control: { type: 'boolean' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\nexport { Default } from '@digigov/ui/content/Card/__stories__/Default';\nexport { WithGrayBorder } from '@digigov/ui/content/Card/__stories__/WithGrayBorder';\nexport { WithDarkBorder } from '@digigov/ui/content/Card/__stories__/WithDarkBorder';\nexport { WithGrayTopBorder } from '@digigov/ui/content/Card/__stories__/WithGrayTopBorder';\nexport { WithDarkTopBorder } from '@digigov/ui/content/Card/__stories__/WithDarkTopBorder';\nexport { WithDivider } from '@digigov/ui/content/Card/__stories__/WithDivider';\nexport { WithClickableContent } from '@digigov/ui/content/Card/__stories__/WithClickableContent';\nexport { WithClickableLink } from '@digigov/ui/content/Card/__stories__/WithClickableLink';\nexport { WithGroupButton } from '@digigov/ui/content/Card/__stories__/WithGroupButton';\nexport { WithLink } from '@digigov/ui/content/Card/__stories__/WithLink';\nexport { Dense } from '@digigov/ui/content/Card/__stories__/Dense';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,gBAAgB;AAEzB,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,KAAK;AAAA,QACd,aAAa,KAAK;AAAA,QAClB,cAAc,KAAK;AAAA,QACnB,OAAO,KAAK;AAAA,QACZ,YAAY,KAAK;AAAA;AAAA,MAEjB,oCAAC,mBACE,KAAK,gBAAgB,KAAK,WAAW,UACpC,oCAAC,YAAS,MAAK,OAAK,KAAK,OAAM,GAAC,IAEhC,KAAK,KAET;AAAA,MACA,oCAAC,mBAAa,KAAK,OAAQ;AAAA,MAC1B,KAAK,WAAW,YACf,oCAAC,kBACC,oCAAC,cAAO,4CAAO,CACjB;AAAA,MAED,KAAK,WAAW,UACf,oCAAC,kBACC,oCAAC,YAAS,MAAK,OAAI,oEAAW,CAChC;AAAA,IAEJ;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SACE;AAAA,IACF,QAAQ;AAAA,IACR,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,YAAY;AAAA,EACd;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,CAAC,UAAU,QAAQ,OAAO;AAAA,MACnC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,kBAAkB;AAAA,MAChB,SAAS,EAAE,MAAM,OAAO;AAAA,MACxB,IAAI,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,IACpC;AAAA,IACA,kBAAkB;AAAA,MAChB,SAAS,EAAE,MAAM,OAAO;AAAA,MACxB,IAAI,EAAE,KAAK,UAAU,IAAI,OAAO;AAAA,IAClC;AAAA,IACA,SAAS;AAAA,MACP,SAAS,CAAC,UAAU,WAAW,cAAc,SAAS;AAAA,MACtD,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,aAAa;AAAA,MACX,SAAS,CAAC,SAAS,MAAM;AAAA,MACzB,SAAS,EAAE,MAAM,eAAe;AAAA,MAChC,IAAI,EAAE,KAAK,WAAW,KAAK,UAAU;AAAA,IACvC;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,YAAY;AAAA,MACV,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;AACA,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,aAAa;",
   "names": []
 }

package/content/Chip/Chip.stories/index.js

@@ -4,6 +4,27 @@ var Chip_stories_default = {
   component: Chip,
   displayName: "Chip"
 };
+const WithControls = {
+  args: {
+    children: "\u0395\u03C4\u03B9\u03BA\u03AD\u03C4\u03B1",
+    onClick: true,
+    onDelete: true
+  },
+  argTypes: {
+    children: {
+      control: { type: "text" }
+    },
+    onClick: {
+      control: { type: "boolean" }
+    },
+    onDelete: {
+      control: { type: "boolean" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 import { Default } from "@digigov/ui/content/Chip/__stories__/Default";
 import { ClickableChip } from "@digigov/ui/content/Chip/__stories__/ClickableChip";
 import { DeletableChip } from "@digigov/ui/content/Chip/__stories__/DeletableChip";
@@ -15,6 +36,7 @@ export {
   Default,
   DeletableChip,
   GroupOfChips,
+  WithControls,
   Chip_stories_default as default
 };
 //# sourceMappingURL=Chip.stories.js.map

package/content/Chip/Chip.stories.d.ts

@@ -4,6 +4,42 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let children: string;
+        let onClick: boolean;
+        let onDelete: boolean;
+    }
+    namespace argTypes {
+        export namespace children_1 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { children_1 as children };
+        export namespace onClick_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { onClick_1 as onClick };
+        export namespace onDelete_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { onDelete_1 as onDelete };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/content/Chip/__stories__/Default";
 export { ClickableChip } from "@digigov/ui/content/Chip/__stories__/ClickableChip";
 export { DeletableChip } from "@digigov/ui/content/Chip/__stories__/DeletableChip";

package/content/Chip/Chip.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/Chip/Chip.stories.js"],
-  "sourcesContent": ["import Chip from '@digigov/ui/content/Chip';\nexport default {\n  title: 'Digigov UI/content/Chip',\n  component: Chip,\n  displayName: 'Chip',\n};\nexport { Default } from '@digigov/ui/content/Chip/__stories__/Default';\nexport { ClickableChip } from '@digigov/ui/content/Chip/__stories__/ClickableChip';\nexport { DeletableChip } from '@digigov/ui/content/Chip/__stories__/DeletableChip';\nexport { ClickableDeletableChip } from '@digigov/ui/content/Chip/__stories__/ClickableDeletableChip';\nexport { GroupOfChips } from '@digigov/ui/content/Chip/__stories__/GroupOfChips';\n"],
-  "mappings": "AAAA,OAAO,UAAU;AACjB,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;",
+  "sourcesContent": ["import Chip from '@digigov/ui/content/Chip';\nexport default {\n  title: 'Digigov UI/content/Chip',\n  component: Chip,\n  displayName: 'Chip',\n};\n\nexport const WithControls = {\n  args: {\n    children: '\u0395\u03C4\u03B9\u03BA\u03AD\u03C4\u03B1',\n    onClick: true,\n    onDelete: true,\n  },\n  argTypes: {\n    children: {\n      control: { type: 'text' },\n    },\n    onClick: {\n      control: { type: 'boolean' },\n    },\n    onDelete: {\n      control: { type: 'boolean' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\nexport { Default } from '@digigov/ui/content/Chip/__stories__/Default';\nexport { ClickableChip } from '@digigov/ui/content/Chip/__stories__/ClickableChip';\nexport { DeletableChip } from '@digigov/ui/content/Chip/__stories__/DeletableChip';\nexport { ClickableDeletableChip } from '@digigov/ui/content/Chip/__stories__/ClickableDeletableChip';\nexport { GroupOfChips } from '@digigov/ui/content/Chip/__stories__/GroupOfChips';\n"],
+  "mappings": "AAAA,OAAO,UAAU;AACjB,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;AACA,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;",
   "names": []
 }

package/content/List/List.stories/index.js

@@ -1,4 +1,6 @@
-import List from "@digigov/ui/content/List";
+import React from "react";
+import { List } from "@digigov/ui/content/List/List";
+import { ListItem } from "@digigov/ui/content/List/ListItem";
 var List_stories_default = {
   title: "Digigov UI/content/List",
   description: "Use lists to make blocks of text easier to read, and to break information into manageable chunks.",
@@ -6,6 +8,40 @@ var List_stories_default = {
   component: List,
   displayName: "List"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ React.createElement(List, { listStyle: args.listStyle, dense: args.dense, layout: args.layout }, args.listItems.map((item, index) => /* @__PURE__ */ React.createElement(ListItem, { key: index }, item)));
+  },
+  args: {
+    listStyle: "none",
+    layout: "vertical",
+    dense: false,
+    listItems: [
+      "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B4\u03B9\u03B1\u03B3\u03BD\u03C9\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B5\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03B5\u03BE\u03B5\u03C4\u03AC\u03C3\u03B5\u03C9\u03BD",
+      "\u03A0\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C4\u03C1\u03B9\u03C4\u03BF\u03B2\u03AC\u03B8\u03BC\u03B9\u03B1\u03C2 \u03B5\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7\u03C2",
+      "\u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7 / \u0395\u03BE\u03BF\u03C5\u03C3\u03B9\u03BF\u03B4\u03CC\u03C4\u03B7\u03C3\u03B7 / \u0393\u03BD\u03AE\u03C3\u03B9\u03BF \u03A5\u03C0\u03BF\u03B3\u03C1\u03B1\u03C6\u03AE\u03C2"
+    ]
+  },
+  argTypes: {
+    listStyle: {
+      options: ["none", "bullet", "number"],
+      control: { type: "select" }
+    },
+    layout: {
+      options: ["vertical", "horizontal"],
+      control: { type: "select" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    },
+    listItems: {
+      control: { type: "object" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 import { Default } from "@digigov/ui/content/List/__stories__/Default";
 import { BulletList } from "@digigov/ui/content/List/__stories__/BulletList";
 import { NumberedList } from "@digigov/ui/content/List/__stories__/NumberedList";
@@ -18,6 +54,7 @@ export {
   HorizontalList,
   NestedBulletList,
   NumberedList,
+  WithControls,
   WithExtraSpace,
   List_stories_default as default
 };

package/content/List/List.stories.d.ts

@@ -6,10 +6,60 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let listStyle: string;
+        let layout: string;
+        let dense: boolean;
+        let listItems: string[];
+    }
+    namespace argTypes {
+        export namespace listStyle_1 {
+            let options: string[];
+            namespace control {
+                let type: string;
+            }
+        }
+        export { listStyle_1 as listStyle };
+        export namespace layout_1 {
+            let options_1: string[];
+            export { options_1 as options };
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { layout_1 as layout };
+        export namespace dense_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { dense_1 as dense };
+        export namespace listItems_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+        }
+        export { listItems_1 as listItems };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/content/List/__stories__/Default";
 export { BulletList } from "@digigov/ui/content/List/__stories__/BulletList";
 export { NumberedList } from "@digigov/ui/content/List/__stories__/NumberedList";
 export { HorizontalList } from "@digigov/ui/content/List/__stories__/HorizontalList";
 export { WithExtraSpace } from "@digigov/ui/content/List/__stories__/WithExtraSpace";
 export { NestedBulletList } from "@digigov/ui/content/List/__stories__/NestedBulletList";
-import List from '@digigov/ui/content/List';
+import { List } from '@digigov/ui/content/List/List';
+import React from 'react';

package/content/List/List.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/content/List/List.stories.js"],
-  "sourcesContent": ["import List from '@digigov/ui/content/List';\nexport default {\n  title: 'Digigov UI/content/List',\n  description:\n    'Use lists to make blocks of text easier to read, and to break information into manageable chunks.',\n  link: 'https://guide.services.gov.gr/docs/styles/typography#lists',\n  component: List,\n  displayName: 'List',\n};\nexport { Default } from '@digigov/ui/content/List/__stories__/Default';\nexport { BulletList } from '@digigov/ui/content/List/__stories__/BulletList';\nexport { NumberedList } from '@digigov/ui/content/List/__stories__/NumberedList';\nexport { HorizontalList } from '@digigov/ui/content/List/__stories__/HorizontalList';\nexport { WithExtraSpace } from '@digigov/ui/content/List/__stories__/WithExtraSpace';\nexport { NestedBulletList } from '@digigov/ui/content/List/__stories__/NestedBulletList';\n"],
-  "mappings": "AAAA,OAAO,UAAU;AACjB,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;",
+  "sources": ["../../../src/content/List/List.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport { List } from '@digigov/ui/content/List/List';\nimport { ListItem } from '@digigov/ui/content/List/ListItem';\n\nexport default {\n  title: 'Digigov UI/content/List',\n  description:\n    'Use lists to make blocks of text easier to read, and to break information into manageable chunks.',\n  link: 'https://guide.services.gov.gr/docs/styles/typography#lists',\n  component: List,\n  displayName: 'List',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <List listStyle={args.listStyle} dense={args.dense} layout={args.layout}>\n        {args.listItems.map((item, index) => (\n          <ListItem key={index}>{item}</ListItem>\n        ))}\n      </List>\n    );\n  },\n  args: {\n    listStyle: 'none',\n    layout: 'vertical',\n    dense: false,\n    listItems: [\n      '\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B4\u03B9\u03B1\u03B3\u03BD\u03C9\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B5\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03B5\u03BE\u03B5\u03C4\u03AC\u03C3\u03B5\u03C9\u03BD',\n      '\u03A0\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C4\u03C1\u03B9\u03C4\u03BF\u03B2\u03AC\u03B8\u03BC\u03B9\u03B1\u03C2 \u03B5\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7\u03C2',\n      '\u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7 / \u0395\u03BE\u03BF\u03C5\u03C3\u03B9\u03BF\u03B4\u03CC\u03C4\u03B7\u03C3\u03B7 / \u0393\u03BD\u03AE\u03C3\u03B9\u03BF \u03A5\u03C0\u03BF\u03B3\u03C1\u03B1\u03C6\u03AE\u03C2',\n    ],\n  },\n  argTypes: {\n    listStyle: {\n      options: ['none', 'bullet', 'number'],\n      control: { type: 'select' },\n    },\n    layout: {\n      options: ['vertical', 'horizontal'],\n      control: { type: 'select' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n    listItems: {\n      control: { type: 'object' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\n\nexport { Default } from '@digigov/ui/content/List/__stories__/Default';\nexport { BulletList } from '@digigov/ui/content/List/__stories__/BulletList';\nexport { NumberedList } from '@digigov/ui/content/List/__stories__/NumberedList';\nexport { HorizontalList } from '@digigov/ui/content/List/__stories__/HorizontalList';\nexport { WithExtraSpace } from '@digigov/ui/content/List/__stories__/WithExtraSpace';\nexport { NestedBulletList } from '@digigov/ui/content/List/__stories__/NestedBulletList';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAEzB,IAAO,uBAAQ;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,QAAK,WAAW,KAAK,WAAW,OAAO,KAAK,OAAO,QAAQ,KAAK,UAC9D,KAAK,UAAU,IAAI,CAAC,MAAM,UACzB,oCAAC,YAAS,KAAK,SAAQ,IAAK,CAC7B,CACH;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS,CAAC,QAAQ,UAAU,QAAQ;AAAA,MACpC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,CAAC,YAAY,YAAY;AAAA,MAClC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,WAAW;AAAA,MACT,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;AAEA,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;",
   "names": []
 }