@digigov/ui 2.0.0-2445d5cb → 2.0.0-298cfc51

package/navigation/NavList/__stories__/Vertical/index.js

@@ -7,35 +7,43 @@ import {
 } from "@digigov/ui/navigation/NavList";
 const links = [
   {
-    "name": "home",
-    "href": "#home",
-    "label": "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"
+    name: "home",
+    href: "#home",
+    label: "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"
   },
   {
-    "name": "educational",
-    "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
-    "href": "#educational"
+    name: "educational",
+    label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
+    href: "#educational"
   },
   {
-    "name": "news",
-    "href": "#news",
-    "label": "\u039D\u03AD\u03B1"
+    name: "news",
+    href: "#news",
+    label: "\u039D\u03AD\u03B1"
   }
 ];
 const Vertical = () => {
   const layout = "vertical";
   const { registerNavItem } = useNavList();
   const [useActive, setUseActive] = useState("");
-  return /* @__PURE__ */ React.createElement(Nav, { "aria-orientation": layout || "horizontal", "aria-label": "navigation list" }, /* @__PURE__ */ React.createElement(NavList, { layout }, links.map((item, key) => /* @__PURE__ */ React.createElement(
-    NavListItemAction,
+  return /* @__PURE__ */ React.createElement(
+    Nav,
     {
-      ...registerNavItem(item),
-      key,
-      active: item.name === useActive,
-      onClick: () => setUseActive(item.name)
+      "aria-orientation": layout || "horizontal",
+      "aria-label": "navigation list",
+      border: false
     },
-    item.label
-  ))));
+    /* @__PURE__ */ React.createElement(NavList, { layout }, links.map((item, key) => /* @__PURE__ */ React.createElement(
+      NavListItemAction,
+      {
+        ...registerNavItem(item),
+        key,
+        active: item.name === useActive,
+        onClick: () => setUseActive(item.name)
+      },
+      item.label
+    )))
+  );
 };
 var Vertical_default = Vertical;
 export {

package/navigation/NavList/__stories__/Vertical.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/NavList/__stories__/Vertical.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport {\n  Nav,\n  NavList,\n  NavListItemAction,\n  useNavList,\n} from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  {\n    \"name\": \"home\",\n    \"href\": \"#home\",\n    \"label\": \"\u0391\u03C1\u03C7\u03B9\u03BA\u03AE\"\n  },\n  {\n    \"name\": \"educational\",\n    \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n    \"href\": \"#educational\"\n  },\n  {\n    \"name\": \"news\",\n    \"href\": \"#news\",\n    \"label\": \"\u039D\u03AD\u03B1\"\n  }\n]\n\nexport const Vertical = () => {\n  const layout = 'vertical';\n  const { registerNavItem } = useNavList();\n  const [useActive, setUseActive] = useState('');\n\n  return (\n    <Nav aria-orientation={layout || 'horizontal'} aria-label=\"navigation list\">\n      <NavList layout={layout}>\n        {links.map((item, key) => (\n          <NavListItemAction\n            {...registerNavItem(item)}\n            key={key}\n            active={item.name === useActive}\n            onClick={() => setUseActive(item.name)}\n          >\n            {item.label}\n          </NavListItemAction>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default Vertical;\n"],
-  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,QAAQ;AAAA,EACZ;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAEO,MAAM,WAAW,MAAM;AAC5B,QAAM,SAAS;AACf,QAAM,EAAE,gBAAgB,IAAI,WAAW;AACvC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAE7C,SACE,oCAAC,OAAI,oBAAkB,UAAU,cAAc,cAAW,qBACxD,oCAAC,WAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,gBAAgB,IAAI;AAAA,MACxB;AAAA,MACA,QAAQ,KAAK,SAAS;AAAA,MACtB,SAAS,MAAM,aAAa,KAAK,IAAI;AAAA;AAAA,IAEpC,KAAK;AAAA,EACR,CACD,CACH,CACF;AAEJ;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport {\n  Nav,\n  NavList,\n  NavListItemAction,\n  useNavList,\n} from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  {\n    name: 'home',\n    href: '#home',\n    label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE',\n  },\n  {\n    name: 'educational',\n    label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    href: '#educational',\n  },\n  {\n    name: 'news',\n    href: '#news',\n    label: '\u039D\u03AD\u03B1',\n  },\n];\n\nexport const Vertical = () => {\n  const layout = 'vertical';\n  const { registerNavItem } = useNavList();\n  const [useActive, setUseActive] = useState('');\n\n  return (\n    <Nav\n      aria-orientation={layout || 'horizontal'}\n      aria-label=\"navigation list\"\n      border={false}\n    >\n      <NavList layout={layout}>\n        {links.map((item, key) => (\n          <NavListItemAction\n            {...registerNavItem(item)}\n            key={key}\n            active={item.name === useActive}\n            onClick={() => setUseActive(item.name)}\n          >\n            {item.label}\n          </NavListItemAction>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default Vertical;\n"],
+  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,QAAQ;AAAA,EACZ;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;AAEO,MAAM,WAAW,MAAM;AAC5B,QAAM,SAAS;AACf,QAAM,EAAE,gBAAgB,IAAI,WAAW;AACvC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,oBAAkB,UAAU;AAAA,MAC5B,cAAW;AAAA,MACX,QAAQ;AAAA;AAAA,IAER,oCAAC,WAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,gBAAgB,IAAI;AAAA,QACxB;AAAA,QACA,QAAQ,KAAK,SAAS;AAAA,QACtB,SAAS,MAAM,aAAa,KAAK,IAAI;AAAA;AAAA,MAEpC,KAAK;AAAA,IACR,CACD,CACH;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/navigation/NavList/interaction.test.d.ts

@@ -0,0 +1 @@
+export {};

package/navigation/Pagination/__stories__/Auto/index.js

@@ -1,28 +1,26 @@
 import React from "react";
 import Card from "@digigov/ui/content/Card";
-import Container from "@digigov/ui/layouts/Basic";
-import Main from "@digigov/ui/layouts/Basic";
+import Container from "@digigov/ui/layouts/Basic/Container";
 import Grid from "@digigov/ui/layouts/Grid";
+import { Pagination } from "@digigov/ui/navigation/Pagination";
 import {
-  Pagination,
   PaginationContextAuto,
   PaginationLabelAuto,
   PaginationListAuto,
   PaginationResultsPerPageSelectAuto,
   usePaginationContext
-} from "@digigov/ui/navigation/Pagination";
+} from "@digigov/ui/navigation/Pagination/auto";
 const fetchedData = [];
 for (let i = 0; i < 78; i++) {
   fetchedData.push({ id: i });
 }
-const MyContainer = ({ data }) => {
+const DataGrid = ({ data }) => {
   const { offset, limit } = usePaginationContext();
-  return data.filter((item, index) => {
-    index > offset && index < offset + limit;
-    console.log(item);
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4, mb: { xs: 4, md: 8 } }, data.filter((_item, index) => {
+    return index > offset && index < offset + limit;
   }).map((item, index) => {
-    return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4, md: 2, key: index }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " ", item.id));
-  });
+    return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4, md: 2, key: index }, /* @__PURE__ */ React.createElement(Card, { variant: "border", borderColor: "light", dense: true }, item.id));
+  }));
 };
 const Auto = () => {
   return /* @__PURE__ */ React.createElement(
@@ -33,7 +31,7 @@ const Auto = () => {
       previousLabel: "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7",
       nextLabel: "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7"
     },
-    /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(MyContainer, { data: fetchedData })), /* @__PURE__ */ React.createElement(Pagination, null, /* @__PURE__ */ React.createElement(PaginationLabelAuto, null), /* @__PURE__ */ React.createElement(PaginationResultsPerPageSelectAuto, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"), /* @__PURE__ */ React.createElement(PaginationListAuto, null))))
+    /* @__PURE__ */ React.createElement(Container, { grid: false }, /* @__PURE__ */ React.createElement(DataGrid, { data: fetchedData }), /* @__PURE__ */ React.createElement(Pagination, null, /* @__PURE__ */ React.createElement(PaginationLabelAuto, null), /* @__PURE__ */ React.createElement(PaginationResultsPerPageSelectAuto, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"), /* @__PURE__ */ React.createElement(PaginationListAuto, null)))
   );
 };
 var Auto_default = Auto;

package/navigation/Pagination/__stories__/Auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Pagination/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Container from '@digigov/ui/layouts/Basic';\nimport Main from '@digigov/ui/layouts/Basic';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport {\n  Pagination,\n  PaginationContextAuto,\n  PaginationLabelAuto,\n  PaginationListAuto,\n  PaginationResultsPerPageSelectAuto,\n  usePaginationContext,\n} from '@digigov/ui/navigation/Pagination';\n\nconst fetchedData: { id: number }[] = [];\n\nfor (let i = 0; i < 78; i++) {\n  fetchedData.push({ id: i });\n}\n\nconst MyContainer = ({ data }) => {\n  const { offset, limit } = usePaginationContext();\n\n  return data\n    .filter((item, index) => {\n      index > offset && index < offset + limit;\n      console.log(item);\n    })\n    .map((item, index) => {\n      return (\n        <Grid item xs={4} md={2} key={index}>\n          <Card variant=\"border\"> {item.id}</Card>\n        </Grid>\n      );\n    });\n};\n\nexport const Auto = () => {\n  return (\n    <PaginationContextAuto\n      total={fetchedData.length}\n      resultsPerPageOptions={[15, 25]}\n      previousLabel=\"\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7\"\n      nextLabel=\"\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7\"\n    >\n      <Container>\n        <Main>\n          <Grid container spacing={4}>\n            <MyContainer data={fetchedData} />\n          </Grid>\n          <Pagination>\n            <PaginationLabelAuto />\n            <PaginationResultsPerPageSelectAuto>\n              \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n            </PaginationResultsPerPageSelectAuto>\n            <PaginationListAuto />\n          </Pagination>\n        </Main>\n      </Container>\n    </PaginationContextAuto>\n  );\n};\nexport default Auto;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,eAAe;AACtB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,cAAgC,CAAC;AAEvC,SAAS,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,cAAY,KAAK,EAAE,IAAI,EAAE,CAAC;AAC5B;AAEA,MAAM,cAAc,CAAC,EAAE,KAAK,MAAM;AAChC,QAAM,EAAE,QAAQ,MAAM,IAAI,qBAAqB;AAE/C,SAAO,KACJ,OAAO,CAAC,MAAM,UAAU;AACvB,YAAQ,UAAU,QAAQ,SAAS;AACnC,YAAQ,IAAI,IAAI;AAAA,EAClB,CAAC,EACA,IAAI,CAAC,MAAM,UAAU;AACpB,WACE,oCAAC,QAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GAAG,KAAK,SAC5B,oCAAC,QAAK,SAAQ,YAAS,KAAE,KAAK,EAAG,CACnC;AAAA,EAEJ,CAAC;AACL;AAEO,MAAM,OAAO,MAAM;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,YAAY;AAAA,MACnB,uBAAuB,CAAC,IAAI,EAAE;AAAA,MAC9B,eAAc;AAAA,MACd,WAAU;AAAA;AAAA,IAEV,oCAAC,iBACC,oCAAC,YACC,oCAAC,QAAK,WAAS,MAAC,SAAS,KACvB,oCAAC,eAAY,MAAM,aAAa,CAClC,GACA,oCAAC,kBACC,oCAAC,yBAAoB,GACrB,oCAAC,0CAAmC,kIAEpC,GACA,oCAAC,wBAAmB,CACtB,CACF,CACF;AAAA,EACF;AAEJ;AACA,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Container from '@digigov/ui/layouts/Basic/Container';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport { Pagination } from '@digigov/ui/navigation/Pagination';\nimport {\n  PaginationContextAuto,\n  PaginationLabelAuto,\n  PaginationListAuto,\n  PaginationResultsPerPageSelectAuto,\n  usePaginationContext,\n} from '@digigov/ui/navigation/Pagination/auto';\n\nconst fetchedData: { id: number }[] = [];\n\nfor (let i = 0; i < 78; i++) {\n  fetchedData.push({ id: i });\n}\n\nconst DataGrid = ({ data }) => {\n  const { offset, limit } = usePaginationContext();\n\n  return (\n    <Grid container spacing={4} mb={{ xs: 4, md: 8 }}>\n      {data\n        .filter((_item, index) => {\n          return index > offset && index < offset + limit;\n        })\n        .map((item, index) => {\n          return (\n            <Grid item xs={4} md={2} key={index}>\n              <Card variant=\"border\" borderColor=\"light\" dense>\n                {item.id}\n              </Card>\n            </Grid>\n          );\n        })}\n    </Grid>\n  );\n};\n\nexport const Auto = () => {\n  return (\n    <PaginationContextAuto\n      total={fetchedData.length}\n      resultsPerPageOptions={[15, 25]}\n      previousLabel=\"\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7\"\n      nextLabel=\"\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7\"\n    >\n      <Container grid={false}>\n        <DataGrid data={fetchedData} />\n        <Pagination>\n          <PaginationLabelAuto />\n          <PaginationResultsPerPageSelectAuto>\n            \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n          </PaginationResultsPerPageSelectAuto>\n          <PaginationListAuto />\n        </Pagination>\n      </Container>\n    </PaginationContextAuto>\n  );\n};\nexport default Auto;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,eAAe;AACtB,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,cAAgC,CAAC;AAEvC,SAAS,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,cAAY,KAAK,EAAE,IAAI,EAAE,CAAC;AAC5B;AAEA,MAAM,WAAW,CAAC,EAAE,KAAK,MAAM;AAC7B,QAAM,EAAE,QAAQ,MAAM,IAAI,qBAAqB;AAE/C,SACE,oCAAC,QAAK,WAAS,MAAC,SAAS,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAC5C,KACE,OAAO,CAAC,OAAO,UAAU;AACxB,WAAO,QAAQ,UAAU,QAAQ,SAAS;AAAA,EAC5C,CAAC,EACA,IAAI,CAAC,MAAM,UAAU;AACpB,WACE,oCAAC,QAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GAAG,KAAK,SAC5B,oCAAC,QAAK,SAAQ,UAAS,aAAY,SAAQ,OAAK,QAC7C,KAAK,EACR,CACF;AAAA,EAEJ,CAAC,CACL;AAEJ;AAEO,MAAM,OAAO,MAAM;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,YAAY;AAAA,MACnB,uBAAuB,CAAC,IAAI,EAAE;AAAA,MAC9B,eAAc;AAAA,MACd,WAAU;AAAA;AAAA,IAEV,oCAAC,aAAU,MAAM,SACf,oCAAC,YAAS,MAAM,aAAa,GAC7B,oCAAC,kBACC,oCAAC,yBAAoB,GACrB,oCAAC,0CAAmC,kIAEpC,GACA,oCAAC,wBAAmB,CACtB,CACF;AAAA,EACF;AAEJ;AACA,IAAO,eAAQ;",
   "names": []
 }

package/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js

@@ -12,7 +12,7 @@ import {
   PaginationListItem,
   PaginationLabel
 } from "@digigov/ui/navigation/Pagination";
-import { ChevronIcon } from "@digigov/ui/utils/SvgIcon";
+import { ChevronIcon } from "@digigov/ui/icons";
 const PaginationWithSmallFont = () => /* @__PURE__ */ React.createElement("div", { className: "example" }, /* @__PURE__ */ React.createElement(I18NProvider, { t: (str) => str }, /* @__PURE__ */ React.createElement(Pagination, { size: "sm" }, /* @__PURE__ */ React.createElement(PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ React.createElement(LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ React.createElement(SelectContainer, null, /* @__PURE__ */ React.createElement(SelectOption, null, "5"), /* @__PURE__ */ React.createElement(SelectOption, null, "10"), /* @__PURE__ */ React.createElement(SelectOption, null, "15"))), /* @__PURE__ */ React.createElement(PaginationList, null, /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, null, /* @__PURE__ */ React.createElement(ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page1" }, "1")), /* @__PURE__ */ React.createElement(PaginationListItem, { variant: "dots" }), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page7" }, "7")), /* @__PURE__ */ React.createElement(PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page9" }, "9")), /* @__PURE__ */ React.createElement(PaginationListItem, { variant: "dots" }), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page20" }, "20")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ React.createElement(ChevronIcon, { direction: "right" })))))));
 var PaginationWithSmallFont_default = PaginationWithSmallFont;
 export {

package/navigation/Pagination/__stories__/PaginationWithSmallFont.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nimport { ChevronIcon } from '@digigov/ui/utils/SvgIcon';\n\nexport const PaginationWithSmallFont = () => (\n  <div className=\"example\">\n    <I18NProvider t={(str: string) => str}>\n      <Pagination size=\"sm\">\n        <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n        <LabelContainer>\n          \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n          <SelectContainer>\n            <SelectOption>5</SelectOption>\n            <SelectOption>10</SelectOption>\n            <SelectOption>15</SelectOption>\n          </SelectContainer>\n        </LabelContainer>\n        <PaginationList>\n          <PaginationListItem>\n            <Link>\n              <ChevronIcon direction=\"left\" />\n              \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n            </Link>\n          </PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page1\">1</Link>\n          </PaginationListItem>\n          <PaginationListItem variant=\"dots\"></PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page7\">7</Link>\n          </PaginationListItem>\n          <PaginationListItem currentPage>8</PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page9\">9</Link>\n          </PaginationListItem>\n          <PaginationListItem variant=\"dots\"></PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page20\">20</Link>\n          </PaginationListItem>\n          <PaginationListItem>\n            <Link>\n              \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n              <ChevronIcon direction=\"right\" />\n            </Link>\n          </PaginationListItem>\n        </PaginationList>\n      </Pagination>\n    </I18NProvider>\n  </div>\n);\n\nexport default PaginationWithSmallFont;\n"],
+  "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nimport { ChevronIcon } from '@digigov/ui/icons';\n\nexport const PaginationWithSmallFont = () => (\n  <div className=\"example\">\n    <I18NProvider t={(str: string) => str}>\n      <Pagination size=\"sm\">\n        <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n        <LabelContainer>\n          \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n          <SelectContainer>\n            <SelectOption>5</SelectOption>\n            <SelectOption>10</SelectOption>\n            <SelectOption>15</SelectOption>\n          </SelectContainer>\n        </LabelContainer>\n        <PaginationList>\n          <PaginationListItem>\n            <Link>\n              <ChevronIcon direction=\"left\" />\n              \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n            </Link>\n          </PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page1\">1</Link>\n          </PaginationListItem>\n          <PaginationListItem variant=\"dots\"></PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page7\">7</Link>\n          </PaginationListItem>\n          <PaginationListItem currentPage>8</PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page9\">9</Link>\n          </PaginationListItem>\n          <PaginationListItem variant=\"dots\"></PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page20\">20</Link>\n          </PaginationListItem>\n          <PaginationListItem>\n            <Link>\n              \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n              <ChevronIcon direction=\"right\" />\n            </Link>\n          </PaginationListItem>\n        </PaginationList>\n      </Pagination>\n    </I18NProvider>\n  </div>\n);\n\nexport default PaginationWithSmallFont;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,mBAAmB;AAErB,MAAM,0BAA0B,MACrC,oCAAC,SAAI,WAAU,aACb,oCAAC,gBAAa,GAAG,CAAC,QAAgB,OAChC,oCAAC,cAAW,MAAK,QACf,oCAAC,mBAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,oCAAC,sBAAe,oIAEd,oCAAC,uBACC,oCAAC,oBAAa,GAAC,GACf,oCAAC,oBAAa,IAAE,GAChB,oCAAC,oBAAa,IAAE,CAClB,CACF,GACA,oCAAC,sBACC,oCAAC,0BACC,oCAAC,YACC,oCAAC,eAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,SAAQ,QAAO,GACnC,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,aAAW,QAAC,GAAC,GACjC,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,SAAQ,QAAO,GACnC,oCAAC,0BACC,oCAAC,QAAK,MAAK,aAAU,IAAE,CACzB,GACA,oCAAC,0BACC,oCAAC,YAAK,8CAEJ,oCAAC,eAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF,CACF;AAGF,IAAO,kCAAQ;",
   "names": []
 }

package/navigation/Pagination/__stories__/WithInactiveValues/index.js

@@ -8,7 +8,7 @@ import {
   PaginationListItem,
   PaginationLabel
 } from "@digigov/ui/navigation/Pagination";
-import { ChevronIcon } from "@digigov/ui/utils/SvgIcon";
+import { ChevronIcon } from "@digigov/ui/icons";
 const WithInactiveValues = () => /* @__PURE__ */ React.createElement(I18NProvider, { t: (str) => str }, /* @__PURE__ */ React.createElement(Pagination, null, /* @__PURE__ */ React.createElement(PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ React.createElement(PaginationList, null, /* @__PURE__ */ React.createElement(PaginationListItem, { active: false }, /* @__PURE__ */ React.createElement(Link, null, /* @__PURE__ */ React.createElement(ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ React.createElement(PaginationListItem, { currentPage: true }, "1"), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page2" }, "2")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page3" }, "3")), /* @__PURE__ */ React.createElement(PaginationListItem, { variant: "dots" }), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page7" }, "7")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page8" }, "8")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page9" }, "9")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ React.createElement(ChevronIcon, { direction: "right" }))))), /* @__PURE__ */ React.createElement(SectionBreak, { size: "lg" }), /* @__PURE__ */ React.createElement(Pagination, null, /* @__PURE__ */ React.createElement(PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ React.createElement(PaginationList, null, /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, null, /* @__PURE__ */ React.createElement(ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page1" }, "1")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, null, "2")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page3" }, "3")), /* @__PURE__ */ React.createElement(PaginationListItem, { variant: "dots" }), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page7" }, "7")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page8" }, "8")), /* @__PURE__ */ React.createElement(PaginationListItem, { currentPage: true }, "9"), /* @__PURE__ */ React.createElement(PaginationListItem, { active: false }, /* @__PURE__ */ React.createElement(Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ React.createElement(ChevronIcon, { direction: "right" }))))));
 var WithInactiveValues_default = WithInactiveValues;
 export {

package/navigation/Pagination/__stories__/WithInactiveValues.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Pagination/__stories__/WithInactiveValues.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\nimport { ChevronIcon } from '@digigov/ui/utils/SvgIcon';\n\nexport const WithInactiveValues = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem active={false}>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>1</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page2\">2</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page3\">3</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page8\">8</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n    <SectionBreak size=\"lg\" />\n    <Pagination>\n      <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>2</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page3\">3</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page8\">8</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>9</PaginationListItem>\n        <PaginationListItem active={false}>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default WithInactiveValues;\n"],
+  "sourcesContent": ["import React from 'react';\n\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\nimport { ChevronIcon } from '@digigov/ui/icons';\n\nexport const WithInactiveValues = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem active={false}>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>1</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page2\">2</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page3\">3</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page8\">8</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n    <SectionBreak size=\"lg\" />\n    <Pagination>\n      <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>2</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page3\">3</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page8\">8</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>9</PaginationListItem>\n        <PaginationListItem active={false}>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default WithInactiveValues;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAErB,MAAM,qBAAqB,MAChC,oCAAC,gBAAa,GAAG,CAAC,QAAgB,OAChC,oCAAC,kBACC,oCAAC,mBAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,oCAAC,sBACC,oCAAC,sBAAmB,QAAQ,SAC1B,oCAAC,YACC,oCAAC,eAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,oCAAC,sBAAmB,aAAW,QAAC,GAAC,GACjC,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,SAAQ,QAAO,GACnC,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,0BACC,oCAAC,YAAK,8CAEJ,oCAAC,eAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,GACA,oCAAC,gBAAa,MAAK,MAAK,GACxB,oCAAC,kBACC,oCAAC,mBAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,oCAAC,sBACC,oCAAC,0BACC,oCAAC,YACC,oCAAC,eAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,0BACC,oCAAC,YAAK,GAAC,CACT,GACA,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,SAAQ,QAAO,GACnC,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,aAAW,QAAC,GAAC,GACjC,oCAAC,sBAAmB,QAAQ,SAC1B,oCAAC,YAAK,8CAEJ,oCAAC,eAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
   "names": []
 }

package/navigation/Pagination/__stories__/WithResultsPerPage/index.js

@@ -12,7 +12,7 @@ import {
   PaginationListItem,
   PaginationLabel
 } from "@digigov/ui/navigation/Pagination";
-import { ChevronIcon } from "@digigov/ui/utils/SvgIcon";
+import { ChevronIcon } from "@digigov/ui/icons";
 const WithResultsPerPage = () => /* @__PURE__ */ React.createElement(I18NProvider, { t: (str) => str }, /* @__PURE__ */ React.createElement(Pagination, null, /* @__PURE__ */ React.createElement(PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ React.createElement(LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ React.createElement(SelectContainer, null, /* @__PURE__ */ React.createElement(SelectOption, null, "5"), /* @__PURE__ */ React.createElement(SelectOption, null, "10"), /* @__PURE__ */ React.createElement(SelectOption, null, "15"))), /* @__PURE__ */ React.createElement(PaginationList, null, /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, null, /* @__PURE__ */ React.createElement(ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page1" }, "1")), /* @__PURE__ */ React.createElement(PaginationListItem, { variant: "dots" }), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page7" }, "7")), /* @__PURE__ */ React.createElement(PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page9" }, "9")), /* @__PURE__ */ React.createElement(PaginationListItem, { variant: "dots" }), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page20" }, "20")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ React.createElement(ChevronIcon, { direction: "right" }))))));
 var WithResultsPerPage_default = WithResultsPerPage;
 export {

package/navigation/Pagination/__stories__/WithResultsPerPage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Pagination/__stories__/WithResultsPerPage.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nimport { ChevronIcon } from '@digigov/ui/utils/SvgIcon';\n\nexport const WithResultsPerPage = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n      <LabelContainer>\n        \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n        <SelectContainer>\n          <SelectOption>5</SelectOption>\n          <SelectOption>10</SelectOption>\n          <SelectOption>15</SelectOption>\n        </SelectContainer>\n      </LabelContainer>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>8</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page20\">20</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default WithResultsPerPage;\n"],
+  "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nimport { ChevronIcon } from '@digigov/ui/icons';\n\nexport const WithResultsPerPage = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n      <LabelContainer>\n        \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n        <SelectContainer>\n          <SelectOption>5</SelectOption>\n          <SelectOption>10</SelectOption>\n          <SelectOption>15</SelectOption>\n        </SelectContainer>\n      </LabelContainer>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>8</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page20\">20</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default WithResultsPerPage;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,mBAAmB;AAErB,MAAM,qBAAqB,MAChC,oCAAC,gBAAa,GAAG,CAAC,QAAgB,OAChC,oCAAC,kBACC,oCAAC,mBAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,oCAAC,sBAAe,oIAEd,oCAAC,uBACC,oCAAC,oBAAa,GAAC,GACf,oCAAC,oBAAa,IAAE,GAChB,oCAAC,oBAAa,IAAE,CAClB,CACF,GACA,oCAAC,sBACC,oCAAC,0BACC,oCAAC,YACC,oCAAC,eAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,SAAQ,QAAO,GACnC,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,aAAW,QAAC,GAAC,GACjC,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,SAAQ,QAAO,GACnC,oCAAC,0BACC,oCAAC,QAAK,MAAK,aAAU,IAAE,CACzB,GACA,oCAAC,0BACC,oCAAC,YAAK,8CAEJ,oCAAC,eAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
   "names": []
 }

package/navigation/Pagination/auto.d.ts

@@ -17,8 +17,8 @@ export declare const usePaginationContext: () => usePaginationReturn;
 export declare const PaginationContextAuto: ({ total, resultsPerPageOptions, previousLabel, nextLabel, children, ...props }: {
     total: number;
     resultsPerPageOptions: number[];
-    previousLabel?: string | undefined;
-    nextLabel?: string | undefined;
+    previousLabel?: string;
+    nextLabel?: string;
     children: React.ReactNode;
 }) => React.JSX.Element;
 export declare const PaginationAuto: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/navigation/Pagination/index.d.ts

@@ -5,5 +5,4 @@ export * from '@digigov/react-core/Pagination';
 export * from '@digigov/react-core/PaginationList';
 export * from '@digigov/react-core/PaginationListItem';
 export * from '@digigov/ui/navigation/Pagination/hooks';
-export * from '@digigov/ui/navigation/Pagination/auto';
 export { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';

package/navigation/Pagination/index.js

@@ -5,7 +5,6 @@ export * from "@digigov/react-core/Pagination";
 export * from "@digigov/react-core/PaginationList";
 export * from "@digigov/react-core/PaginationListItem";
 export * from "@digigov/ui/navigation/Pagination/hooks";
-export * from "@digigov/ui/navigation/Pagination/auto";
 import { PaginationLabelContainer } from "@digigov/react-core/PaginationLabelContainer";
 export {
   PaginationLabelContainer,

package/navigation/Pagination/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Pagination/index.tsx"],
-  "sourcesContent": ["import Pagination from '@digigov/ui/navigation/Pagination/Pagination';\nexport default Pagination;\n\nexport * from '@digigov/ui/navigation/Pagination/Pagination';\nexport * from '@digigov/react-core/Pagination';\nexport * from '@digigov/react-core/PaginationList';\nexport * from '@digigov/react-core/PaginationListItem';\nexport * from '@digigov/ui/navigation/Pagination/hooks';\nexport * from '@digigov/ui/navigation/Pagination/auto';\nexport { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';\n"],
-  "mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,qBAAQ;AAEf,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,gCAAgC;",
+  "sourcesContent": ["import Pagination from '@digigov/ui/navigation/Pagination/Pagination';\nexport default Pagination;\n\nexport * from '@digigov/ui/navigation/Pagination/Pagination';\nexport * from '@digigov/react-core/Pagination';\nexport * from '@digigov/react-core/PaginationList';\nexport * from '@digigov/react-core/PaginationListItem';\nexport * from '@digigov/ui/navigation/Pagination/hooks';\nexport { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';\n"],
+  "mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,qBAAQ;AAEf,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,gCAAgC;",
   "names": []
 }

package/navigation/Tabs/__stories__/Auto/index.js

@@ -8,12 +8,14 @@ import {
 } from "@digigov/ui/content/SummaryList";
 import { Link } from "@digigov/ui/navigation/Link";
 import {
-  TabsAuto,
   TabsHeading,
-  TabsList,
+  TabsList
+} from "@digigov/ui/navigation/Tabs";
+import {
+  TabsAuto,
   TabsListItem,
   TabsPanel
-} from "@digigov/ui/navigation/Tabs";
+} from "@digigov/ui/navigation/Tabs/auto";
 import { Heading } from "@digigov/ui/typography/Heading";
 import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
 function Auto() {

package/navigation/Tabs/__stories__/Auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Tabs/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  TabsAuto,\n  TabsHeading,\n  TabsList,\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs';\n\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Auto() {\n  return (\n    <TabsAuto defaultOpen={'b'}>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem id=\"a\">\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem id=\"b\">Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel tab=\"a\">\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel tab=\"b\">\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </TabsAuto>\n  );\n}\n\nexport default Auto;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAExB,SAAS,OAAO;AACrB,SACE,oCAAC,YAAS,aAAa,OACrB,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAa,IAAG,OAAI,uFAAe,GACpC,oCAAC,gBAAa,IAAG,OAAI,mDAAS,CAChC,GACA,oCAAC,aAAU,KAAI,OACb,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,oCAAC,QAAK,MAAK,OAAI,yCACN,oCAAC,sBAAe,oDAAU,CACnC,CACF,CACF,GACA,oCAAC,uBACC,oCAAC,0BAAmB,gEAAY,GAChC,oCAAC,4BAAqB,wCAAa,CACrC,GACA,oCAAC,uBACC,oCAAC,0BAAmB,2HAAqB,GACzC,oCAAC,4BAAqB,YAAU,GAChC,oCAAC,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAU,KAAI,OACb,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  TabsHeading,\n  TabsList,\n\n} from '@digigov/ui/navigation/Tabs';\nimport {\n  TabsAuto,\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Auto() {\n  return (\n    <TabsAuto defaultOpen={'b'}>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem id=\"a\">\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem id=\"b\">Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel tab=\"a\">\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel tab=\"b\">\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </TabsAuto>\n  );\n}\n\nexport default Auto;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAExB,SAAS,OAAO;AACrB,SACE,oCAAC,YAAS,aAAa,OACrB,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAa,IAAG,OAAI,uFAAe,GACpC,oCAAC,gBAAa,IAAG,OAAI,mDAAS,CAChC,GACA,oCAAC,aAAU,KAAI,OACb,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,oCAAC,QAAK,MAAK,OAAI,yCACN,oCAAC,sBAAe,oDAAU,CACnC,CACF,CACF,GACA,oCAAC,uBACC,oCAAC,0BAAmB,gEAAY,GAChC,oCAAC,4BAAqB,wCAAa,CACrC,GACA,oCAAC,uBACC,oCAAC,0BAAmB,2HAAqB,GACzC,oCAAC,4BAAqB,YAAU,GAChC,oCAAC,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAU,KAAI,OACb,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "names": []
 }

package/navigation/Tabs/__stories__/Default/index.js

@@ -11,10 +11,12 @@ import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs
 } from "@digigov/ui/navigation/Tabs";
+import {
+  TabsListItem,
+  TabsPanel
+} from "@digigov/ui/navigation/Tabs/auto";
 import { Heading } from "@digigov/ui/typography/Heading";
 import { Paragraph } from "@digigov/ui/typography/Paragraph";
 import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";

package/navigation/Tabs/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Tabs/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  TabsListItem,\n  TabsPanel,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Default() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n  return (\n    <Tabs>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n        <TabsListItem {...register('c')}>\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1</TabsListItem>\n        <TabsListItem {...register('d')}>\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC</TabsListItem>\n      </TabsList>\n      <TabsPanel {...panel('a')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('b')}>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n      <TabsPanel {...panel('c')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        {/* fill a random paragraph */}\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </TabsPanel>\n      <TabsPanel {...panel('d')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        {/* fill a random paragraph */}\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Default;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAExB,SAAS,UAAU;AACxB,QAAM,EAAE,UAAU,MAAM,IAAI,QAAQ,EAAE,aAAa,IAAI,CAAC;AACxD,SACE,oCAAC,YACC,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,GAC1C,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,GACzC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,CAC3C,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,oCAAC,QAAK,MAAK,OAAI,yCACN,oCAAC,sBAAe,oDAAU,CACnC,CACF,CACF,GACA,oCAAC,uBACC,oCAAC,0BAAmB,gEAAY,GAChC,oCAAC,4BAAqB,wCAAa,CACrC,GACA,oCAAC,uBACC,oCAAC,0BAAmB,2HAAqB,GACzC,oCAAC,4BAAqB,YAAU,GAChC,oCAAC,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,oCAAC,iBAAU,+bAQX,GACA,oCAAC,iBAAU,+bAQX,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,oCAAC,iBAAU,+bAQX,GACA,oCAAC,iBAAU,+bAQX,CACF,CACF;AAEJ;AAEA,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport {\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Default() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n  return (\n    <Tabs>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n        <TabsListItem {...register('c')}>\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1</TabsListItem>\n        <TabsListItem {...register('d')}>\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC</TabsListItem>\n      </TabsList>\n      <TabsPanel {...panel('a')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('b')}>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n      <TabsPanel {...panel('c')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        {/* fill a random paragraph */}\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </TabsPanel>\n      <TabsPanel {...panel('d')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        {/* fill a random paragraph */}\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAExB,SAAS,UAAU;AACxB,QAAM,EAAE,UAAU,MAAM,IAAI,QAAQ,EAAE,aAAa,IAAI,CAAC;AACxD,SACE,oCAAC,YACC,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,GAC1C,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,GACzC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,CAC3C,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,oCAAC,QAAK,MAAK,OAAI,yCACN,oCAAC,sBAAe,oDAAU,CACnC,CACF,CACF,GACA,oCAAC,uBACC,oCAAC,0BAAmB,gEAAY,GAChC,oCAAC,4BAAqB,wCAAa,CACrC,GACA,oCAAC,uBACC,oCAAC,0BAAmB,2HAAqB,GACzC,oCAAC,4BAAqB,YAAU,GAChC,oCAAC,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,oCAAC,iBAAU,+bAQX,GACA,oCAAC,iBAAU,+bAQX,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,oCAAC,iBAAU,+bAQX,GACA,oCAAC,iBAAU,+bAQX,CACF,CACF;AAEJ;AAEA,IAAO,kBAAQ;",
   "names": []
 }

package/navigation/Tabs/__stories__/Dense/index.js

@@ -11,10 +11,12 @@ import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs
 } from "@digigov/ui/navigation/Tabs";
+import {
+  TabsListItem,
+  TabsPanel
+} from "@digigov/ui/navigation/Tabs/auto";
 import { Heading } from "@digigov/ui/typography/Heading";
 import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
 function Dense() {

package/navigation/Tabs/__stories__/Dense.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Tabs/__stories__/Dense.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  TabsListItem,\n  TabsPanel,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\n\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Dense() {\n  const { register, panel } = useTabs();\n  return (\n    <Tabs dense>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel {...panel('a')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('b')}>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Dense;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAExB,SAAS,QAAQ;AACtB,QAAM,EAAE,UAAU,MAAM,IAAI,QAAQ;AACpC,SACE,oCAAC,QAAK,OAAK,QACT,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,CAC5C,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,oCAAC,QAAK,MAAK,OAAI,yCACN,oCAAC,sBAAe,oDAAU,CACnC,CACF,CACF,GACA,oCAAC,uBACC,oCAAC,0BAAmB,gEAAY,GAChC,oCAAC,4BAAqB,wCAAa,CACrC,GACA,oCAAC,uBACC,oCAAC,0BAAmB,2HAAqB,GACzC,oCAAC,4BAAqB,YAAU,GAChC,oCAAC,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport {\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Dense() {\n  const { register, panel } = useTabs();\n  return (\n    <Tabs dense>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel {...panel('a')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('b')}>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Dense;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAExB,SAAS,QAAQ;AACtB,QAAM,EAAE,UAAU,MAAM,IAAI,QAAQ;AACpC,SACE,oCAAC,QAAK,OAAK,QACT,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,CAC5C,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,oCAAC,QAAK,MAAK,OAAI,yCACN,oCAAC,sBAAe,oDAAU,CACnC,CACF,CACF,GACA,oCAAC,uBACC,oCAAC,0BAAmB,gEAAY,GAChC,oCAAC,4BAAqB,wCAAa,CACrC,GACA,oCAAC,uBACC,oCAAC,0BAAmB,2HAAqB,GACzC,oCAAC,4BAAqB,YAAU,GAChC,oCAAC,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
   "names": []
 }

package/navigation/Tabs/__stories__/UsingAccordion/index.js

@@ -11,10 +11,12 @@ import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs
 } from "@digigov/ui/navigation/Tabs";
+import {
+  TabsListItem,
+  TabsPanel
+} from "@digigov/ui/navigation/Tabs/auto";
 import { Heading } from "@digigov/ui/typography/Heading";
 import { Paragraph } from "@digigov/ui/typography/Paragraph";
 import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";

package/navigation/Tabs/__stories__/UsingAccordion.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Tabs/__stories__/UsingAccordion.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  TabsListItem,\n  TabsPanel,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\nimport { Hidden } from '@digigov/ui/layouts/Hidden';\nimport {\n  Accordion,\n  AccordionSection,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n} from '@digigov/ui/content/Accordion';\n\nexport function UsingAccordion() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n\n  const StoixeiaContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              <Link>\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </>\n    );\n  };\n  const YpotheseisContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </>\n    );\n  };\n\n  const MhnumataContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>{' '}\n      </>\n    );\n  };\n\n  const IstorikoContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </>\n    );\n  };\n\n  return (\n    <>\n      <Hidden xs sm>\n        <Tabs>\n          <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n          <TabsList>\n            <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n            <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n            <TabsListItem {...register('c')}>\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1</TabsListItem>\n            <TabsListItem {...register('d')}>\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC</TabsListItem>\n          </TabsList>\n          <TabsPanel {...panel('a')}>\n            <StoixeiaContent />\n          </TabsPanel>\n          <TabsPanel {...panel('b')}>\n            <YpotheseisContent />\n          </TabsPanel>\n          <TabsPanel {...panel('c')}>\n            <MhnumataContent />\n          </TabsPanel>\n          <TabsPanel {...panel('d')}>\n            <IstorikoContent />\n          </TabsPanel>\n        </Tabs>\n      </Hidden>\n      <Hidden mdUp>\n        <Accordion summaryColor='secondary' dense>\n          <AccordionSection open>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content1\">\n                \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content1\">\n              <StoixeiaContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content2\">\n                Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content2\">\n              <YpotheseisContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content3\">\n                \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content3\">\n              <MhnumataContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content4\">\n                \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content4\">\n              <IstorikoContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n        </Accordion>\n      </Hidden>\n    </>\n  );\n}\n\nexport default UsingAccordion;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport {\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\nimport { Hidden } from '@digigov/ui/layouts/Hidden';\nimport {\n  Accordion,\n  AccordionSection,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n} from '@digigov/ui/content/Accordion';\n\nexport function UsingAccordion() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n\n  const StoixeiaContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              <Link>\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </>\n    );\n  };\n  const YpotheseisContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </>\n    );\n  };\n\n  const MhnumataContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>{' '}\n      </>\n    );\n  };\n\n  const IstorikoContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </>\n    );\n  };\n\n  return (\n    <>\n      <Hidden xs sm>\n        <Tabs>\n          <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n          <TabsList>\n            <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n            <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n            <TabsListItem {...register('c')}>\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1</TabsListItem>\n            <TabsListItem {...register('d')}>\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC</TabsListItem>\n          </TabsList>\n          <TabsPanel {...panel('a')}>\n            <StoixeiaContent />\n          </TabsPanel>\n          <TabsPanel {...panel('b')}>\n            <YpotheseisContent />\n          </TabsPanel>\n          <TabsPanel {...panel('c')}>\n            <MhnumataContent />\n          </TabsPanel>\n          <TabsPanel {...panel('d')}>\n            <IstorikoContent />\n          </TabsPanel>\n        </Tabs>\n      </Hidden>\n      <Hidden mdUp>\n        <Accordion summaryColor='secondary' dense>\n          <AccordionSection open>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content1\">\n                \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content1\">\n              <StoixeiaContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content2\">\n                Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content2\">\n              <YpotheseisContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content3\">\n                \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content3\">\n              <MhnumataContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content4\">\n                \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content4\">\n              <IstorikoContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n        </Accordion>\n      </Hidden>\n    </>\n  );\n}\n\nexport default UsingAccordion;\n"],
+  "mappings": "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",
   "names": []
 }

package/navigation/Tabs/index.d.ts

@@ -5,5 +5,4 @@ export * from '@digigov/react-core/TabsList';
 export * from '@digigov/react-core/TabsListItemBase';
 export * from '@digigov/react-core/TabsPanelBase';
 export * from '@digigov/react-core/TabsHeading';
-export * from '@digigov/ui/navigation/Tabs/auto';
 export default Tabs;

package/navigation/Tabs/index.js

@@ -5,7 +5,6 @@ export * from "@digigov/react-core/TabsList";
 export * from "@digigov/react-core/TabsListItemBase";
 export * from "@digigov/react-core/TabsPanelBase";
 export * from "@digigov/react-core/TabsHeading";
-export * from "@digigov/ui/navigation/Tabs/auto";
 var Tabs_default = Tabs;
 export {
   Tabs_default as default