@digigov/ui 2.0.0-8e254888 → 2.0.0-a32ad9b2

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": []
 }

package/content/Table/Table.stories/index.js

@@ -1,4 +1,14 @@
-import Table from "@digigov/ui/content/Table";
+import React from "react";
+import {
+  TableContainer,
+  Table,
+  TableCaption,
+  TableHead,
+  TableRow,
+  TableBody,
+  TableHeadCell,
+  TableDataCell
+} from "@digigov/ui/content/Table";
 var Table_stories_default = {
   title: "Digigov UI/content/Table",
   description: "Use the table component to make information easier to compare and scan for users.",
@@ -6,6 +16,158 @@ var Table_stories_default = {
   component: Table,
   displayName: "Table"
 };
+const data = {
+  title: "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2",
+  labels: {
+    name: "\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF",
+    role: "\u03A1\u03CC\u03BB\u03BF\u03C2",
+    email: "Email",
+    phone: "\u038F\u03C1\u03B5\u03C2"
+  },
+  content: [
+    {
+      name: "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2",
+      role: "\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "marios@mail.com",
+      phone: "34"
+    },
+    {
+      name: "\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5",
+      role: "\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "kalliopi@mail.com",
+      phone: "65"
+    },
+    {
+      name: "\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7",
+      role: "\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "maria@mail.com",
+      phone: "12"
+    },
+    {
+      name: "\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5",
+      role: "\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "ilektra@mail.com",
+      phone: "26"
+    }
+  ]
+};
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ React.createElement(TableContainer, { border: args.containerBorder }, /* @__PURE__ */ React.createElement(
+      Table,
+      {
+        headerVariant: args.headerVariant,
+        verticalBorders: args.verticalBorders,
+        variant: args.variant,
+        dense: args.dense,
+        stacked: args.stacked
+      },
+      data && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableCaption, { size: args.tableCaptionSize }, data.title), /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, data.labels && Object.keys(data.labels).map((key, index) => /* @__PURE__ */ React.createElement(
+        TableHeadCell,
+        {
+          key,
+          width: index === 0 && args.firstTableHeadCellWidth,
+          dataType: key === "phone" && args.tableHeadCellDataType
+        },
+        data.labels[key]
+      )))), /* @__PURE__ */ React.createElement(TableBody, null, data.content && data.content.map((item, index) => /* @__PURE__ */ React.createElement(
+        TableRow,
+        {
+          key: index,
+          highlight: index === 1 && args.tableRowHighlight,
+          color: index === 1 && args.tableRowColor
+        },
+        /* @__PURE__ */ React.createElement(TableDataCell, { "data-label": data.labels.name }, item.name),
+        /* @__PURE__ */ React.createElement(TableDataCell, { "data-label": data.labels.role }, item.role),
+        /* @__PURE__ */ React.createElement(TableDataCell, { "data-label": data.labels.email }, item.email),
+        /* @__PURE__ */ React.createElement(
+          TableDataCell,
+          {
+            "data-label": data.labels.phone,
+            dataType: args.tableHeadCellDataType
+          },
+          item.phone
+        )
+      ))))
+    ));
+  },
+  args: {
+    containerBorder: false,
+    headerVariant: "light",
+    verticalBorders: false,
+    variant: "default",
+    stacked: "md",
+    dense: false,
+    tableCaptionSize: "md",
+    tableRowHighlight: false,
+    tableRowColor: "primary",
+    firstTableHeadCellWidth: "25%",
+    tableHeadCellDataType: "text"
+  },
+  argTypes: {
+    containerBorder: {
+      control: {
+        type: "boolean"
+      }
+    },
+    headerVariant: {
+      options: ["dark", "light"],
+      control: { type: "inline-radio" }
+    },
+    verticalBorders: {
+      control: {
+        type: "boolean"
+      }
+    },
+    variant: {
+      control: { type: "inline-radio" },
+      options: ["default", "zebra"]
+    },
+    stacked: {
+      control: {
+        type: "select"
+      },
+      options: ["always", "sm", "md", "never"]
+    },
+    dense: {
+      control: {
+        type: "boolean"
+      }
+    },
+    tableCaptionSize: {
+      control: {
+        type: "select"
+      },
+      options: ["sm", "md", "lg", "xl"]
+    },
+    tableRowHighlight: {
+      control: {
+        type: "boolean"
+      }
+    },
+    tableRowColor: {
+      control: {
+        type: "inline-radio"
+      },
+      options: ["primary", "secondary"]
+    },
+    firstTableHeadCellWidth: {
+      control: {
+        type: "select"
+      },
+      options: ["25%", "33.3%", "50%", "66.6%", "75%", "100%", "full"]
+    },
+    tableHeadCellDataType: {
+      control: {
+        type: "inline-radio"
+      },
+      options: ["numeric", "text"]
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 import { Default } from "@digigov/ui/content/Table/__stories__/Default";
 import { TableCaptions } from "@digigov/ui/content/Table/__stories__/TableCaptions";
 import { NoData } from "@digigov/ui/content/Table/__stories__/NoData";
@@ -39,6 +201,7 @@ export {
   TableCaptions,
   VerticalBorders,
   VerticalHeaders,
+  WithControls,
   WithFloatingScroll,
   WithLoader,
   WithSortFilters,

package/content/Table/Table.stories.d.ts

@@ -6,6 +6,128 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let containerBorder: boolean;
+        let headerVariant: string;
+        let verticalBorders: boolean;
+        let variant: string;
+        let stacked: string;
+        let dense: boolean;
+        let tableCaptionSize: string;
+        let tableRowHighlight: boolean;
+        let tableRowColor: string;
+        let firstTableHeadCellWidth: string;
+        let tableHeadCellDataType: string;
+    }
+    namespace argTypes {
+        export namespace containerBorder_1 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { containerBorder_1 as containerBorder };
+        export namespace headerVariant_1 {
+            export let options: string[];
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { headerVariant_1 as headerVariant };
+        export namespace verticalBorders_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { verticalBorders_1 as verticalBorders };
+        export namespace variant_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            let options_1: string[];
+            export { options_1 as options };
+        }
+        export { variant_1 as variant };
+        export namespace stacked_1 {
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            let options_2: string[];
+            export { options_2 as options };
+        }
+        export { stacked_1 as stacked };
+        export namespace dense_1 {
+            export namespace control_5 {
+                let type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+        }
+        export { dense_1 as dense };
+        export namespace tableCaptionSize_1 {
+            export namespace control_6 {
+                let type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            let options_3: string[];
+            export { options_3 as options };
+        }
+        export { tableCaptionSize_1 as tableCaptionSize };
+        export namespace tableRowHighlight_1 {
+            export namespace control_7 {
+                let type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+        }
+        export { tableRowHighlight_1 as tableRowHighlight };
+        export namespace tableRowColor_1 {
+            export namespace control_8 {
+                let type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            let options_4: string[];
+            export { options_4 as options };
+        }
+        export { tableRowColor_1 as tableRowColor };
+        export namespace firstTableHeadCellWidth_1 {
+            export namespace control_9 {
+                let type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+            let options_5: string[];
+            export { options_5 as options };
+        }
+        export { firstTableHeadCellWidth_1 as firstTableHeadCellWidth };
+        export namespace tableHeadCellDataType_1 {
+            export namespace control_10 {
+                let type_10: string;
+                export { type_10 as type };
+            }
+            export { control_10 as control };
+            let options_6: string[];
+            export { options_6 as options };
+        }
+        export { tableHeadCellDataType_1 as tableHeadCellDataType };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/content/Table/__stories__/Default";
 export { TableCaptions } from "@digigov/ui/content/Table/__stories__/TableCaptions";
 export { NoData } from "@digigov/ui/content/Table/__stories__/NoData";
@@ -24,4 +146,5 @@ export { MultipleProps } from "@digigov/ui/content/Table/__stories__/MultiplePro
 export { WithSortFilters } from "@digigov/ui/content/Table/__stories__/WithSortFilters";
 export { WithFloatingScroll } from "@digigov/ui/content/Table/__stories__/WithFloatingScroll";
 export { Full } from "@digigov/ui/content/Table/__stories__/Full";
-import Table from '@digigov/ui/content/Table';
+import { Table } from '@digigov/ui/content/Table';
+import React from 'react';

package/content/Table/Table.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/content/Table/Table.stories.js"],
-  "sourcesContent": ["import Table from '@digigov/ui/content/Table';\nexport default {\n  title: 'Digigov UI/content/Table',\n  description:\n    'Use the table component to make information easier to compare and scan for users.',\n  link: 'https://guide.services.gov.gr/docs/components/table',\n  component: Table,\n  displayName: 'Table',\n};\nexport { Default } from '@digigov/ui/content/Table/__stories__/Default';\nexport { TableCaptions } from '@digigov/ui/content/Table/__stories__/TableCaptions';\nexport { NoData } from '@digigov/ui/content/Table/__stories__/NoData';\nexport { VerticalHeaders } from '@digigov/ui/content/Table/__stories__/VerticalHeaders';\nexport { ZebraProp } from '@digigov/ui/content/Table/__stories__/ZebraProp';\nexport { NumericDataType } from '@digigov/ui/content/Table/__stories__/NumericDataType';\nexport { VerticalBorders } from '@digigov/ui/content/Table/__stories__/VerticalBorders';\nexport { Stacked } from '@digigov/ui/content/Table/__stories__/Stacked';\nexport { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';\nexport { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';\nexport { WithLoader } from '@digigov/ui/content/Table/__stories__/WithLoader';\nexport { DefinedWidth } from '@digigov/ui/content/Table/__stories__/DefinedWidth';\nexport { Dense } from '@digigov/ui/content/Table/__stories__/Dense';\nexport { RowColors } from '@digigov/ui/content/Table/__stories__/RowColors';\nexport { MultipleProps } from '@digigov/ui/content/Table/__stories__/MultipleProps';\nexport { WithSortFilters } from '@digigov/ui/content/Table/__stories__/WithSortFilters';\nexport { WithFloatingScroll } from '@digigov/ui/content/Table/__stories__/WithFloatingScroll';\nexport { Full } from '@digigov/ui/content/Table/__stories__/Full';\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,sCAAsC;AAC/C,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AACnC,SAAS,YAAY;",
+  "sources": ["../../../src/content/Table/Table.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n} from '@digigov/ui/content/Table';\n\nexport default {\n  title: 'Digigov UI/content/Table',\n  description:\n    'Use the table component to make information easier to compare and scan for users.',\n  link: 'https://guide.services.gov.gr/docs/components/table',\n  component: Table,\n  displayName: 'Table',\n};\n\nconst data = {\n  title: '\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2',\n  labels: {\n    name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n    role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n    email: 'Email',\n    phone: '\u038F\u03C1\u03B5\u03C2',\n  },\n  content: [\n    {\n      name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'marios@mail.com',\n      phone: '34',\n    },\n    {\n      name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'kalliopi@mail.com',\n      phone: '65',\n    },\n    {\n      name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'maria@mail.com',\n      phone: '12',\n    },\n    {\n      name: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'ilektra@mail.com',\n      phone: '26',\n    },\n  ],\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <TableContainer border={args.containerBorder}>\n        <Table\n          headerVariant={args.headerVariant}\n          verticalBorders={args.verticalBorders}\n          variant={args.variant}\n          dense={args.dense}\n          stacked={args.stacked}\n        >\n          {data && (\n            <>\n              <TableCaption size={args.tableCaptionSize}>\n                {data.title}\n              </TableCaption>\n              <TableHead>\n                <TableRow>\n                  {data.labels &&\n                    Object.keys(data.labels).map((key, index) => (\n                      <TableHeadCell\n                        key={key}\n                        width={index === 0 && args.firstTableHeadCellWidth}\n                        dataType={key === 'phone' && args.tableHeadCellDataType}\n                      >\n                        {data.labels[key]}\n                      </TableHeadCell>\n                    ))}\n                </TableRow>\n              </TableHead>\n              <TableBody>\n                {data.content &&\n                  data.content.map((item, index) => (\n                    <TableRow\n                      key={index}\n                      highlight={index === 1 && args.tableRowHighlight}\n                      color={index === 1 && args.tableRowColor}\n                    >\n                      <TableDataCell data-label={data.labels.name}>\n                        {item.name}\n                      </TableDataCell>\n                      <TableDataCell data-label={data.labels.role}>\n                        {item.role}\n                      </TableDataCell>\n                      <TableDataCell data-label={data.labels.email}>\n                        {item.email}\n                      </TableDataCell>\n                      <TableDataCell\n                        data-label={data.labels.phone}\n                        dataType={args.tableHeadCellDataType}\n                      >\n                        {item.phone}\n                      </TableDataCell>\n                    </TableRow>\n                  ))}\n              </TableBody>\n            </>\n          )}\n        </Table>\n      </TableContainer>\n    );\n  },\n  args: {\n    containerBorder: false,\n    headerVariant: 'light',\n    verticalBorders: false,\n    variant: 'default',\n    stacked: 'md',\n    dense: false,\n    tableCaptionSize: 'md',\n    tableRowHighlight: false,\n    tableRowColor: 'primary',\n    firstTableHeadCellWidth: '25%',\n    tableHeadCellDataType: 'text',\n  },\n  argTypes: {\n    containerBorder: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    headerVariant: {\n      options: ['dark', 'light'],\n      control: { type: 'inline-radio' },\n    },\n    verticalBorders: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    variant: {\n      control: { type: 'inline-radio' },\n      options: ['default', 'zebra'],\n    },\n    stacked: {\n      control: {\n        type: 'select',\n      },\n      options: ['always', 'sm', 'md', 'never'],\n    },\n    dense: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    tableCaptionSize: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'md', 'lg', 'xl'],\n    },\n    tableRowHighlight: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    tableRowColor: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['primary', 'secondary'],\n    },\n    firstTableHeadCellWidth: {\n      control: {\n        type: 'select',\n      },\n      options: ['25%', '33.3%', '50%', '66.6%', '75%', '100%', 'full'],\n    },\n    tableHeadCellDataType: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['numeric', 'text'],\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\n\nexport { Default } from '@digigov/ui/content/Table/__stories__/Default';\nexport { TableCaptions } from '@digigov/ui/content/Table/__stories__/TableCaptions';\nexport { NoData } from '@digigov/ui/content/Table/__stories__/NoData';\nexport { VerticalHeaders } from '@digigov/ui/content/Table/__stories__/VerticalHeaders';\nexport { ZebraProp } from '@digigov/ui/content/Table/__stories__/ZebraProp';\nexport { NumericDataType } from '@digigov/ui/content/Table/__stories__/NumericDataType';\nexport { VerticalBorders } from '@digigov/ui/content/Table/__stories__/VerticalBorders';\nexport { Stacked } from '@digigov/ui/content/Table/__stories__/Stacked';\nexport { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';\nexport { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';\nexport { WithLoader } from '@digigov/ui/content/Table/__stories__/WithLoader';\nexport { DefinedWidth } from '@digigov/ui/content/Table/__stories__/DefinedWidth';\nexport { Dense } from '@digigov/ui/content/Table/__stories__/Dense';\nexport { RowColors } from '@digigov/ui/content/Table/__stories__/RowColors';\nexport { MultipleProps } from '@digigov/ui/content/Table/__stories__/MultipleProps';\nexport { WithSortFilters } from '@digigov/ui/content/Table/__stories__/WithSortFilters';\nexport { WithFloatingScroll } from '@digigov/ui/content/Table/__stories__/WithFloatingScroll';\nexport { Full } from '@digigov/ui/content/Table/__stories__/Full';\n"],
+  "mappings": "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",
   "names": []
 }