npm - @digigov/ui - Versions diffs - 2.0.0-b4cd6916 → 2.0.0-d0adc9fb - Mend

@digigov/ui 2.0.0-b4cd6916 → 2.0.0-d0adc9fb

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (879) hide show

package/cjs/navigation/Pagination/__stories__/Auto/index.js CHANGED Viewed

@@ -33,8 +33,7 @@ __export(Auto_exports, {
 module.exports = __toCommonJS(Auto_exports);
 var import_react = __toESM(require("react"));
 var import_Card = __toESM(require("@digigov/ui/content/Card"));
-var import_Basic = __toESM(require("@digigov/ui/layouts/Basic"));
-var import_Basic2 = __toESM(require("@digigov/ui/layouts/Basic"));
+var import_Container = __toESM(require("@digigov/ui/layouts/Basic/Container"));
 var import_Grid = __toESM(require("@digigov/ui/layouts/Grid"));
 var import_Pagination = require("@digigov/ui/navigation/Pagination");
 var import_auto = require("@digigov/ui/navigation/Pagination/auto");
@@ -42,14 +41,13 @@ const fetchedData = [];
 for (let i = 0; i < 78; i++) {
   fetchedData.push({ id: i });
 }
-const MyContainer = ({ data }) => {
+const DataGrid = ({ data }) => {
   const { offset, limit } = (0, import_auto.usePaginationContext)();
-  return data.filter((item, index) => {
-    index > offset && index < offset + limit;
-    console.log(item);
+  return /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { container: true, spacing: 4, mb: { xs: 4, md: 8 } }, data.filter((_item, index) => {
+    return index > offset && index < offset + limit;
   }).map((item, index) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { item: true, xs: 4, md: 2, key: index }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " ", item.id));
-  });
+    return /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { item: true, xs: 4, md: 2, key: index }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border", borderColor: "light", dense: true }, item.id));
+  }));
 };
 const Auto = () => {
   return /* @__PURE__ */ import_react.default.createElement(
@@ -60,7 +58,7 @@ const Auto = () => {
       previousLabel: "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7",
       nextLabel: "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7"
     },
-    /* @__PURE__ */ import_react.default.createElement(import_Basic.default, null, /* @__PURE__ */ import_react.default.createElement(import_Basic2.default, null, /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { container: true, spacing: 4 }, /* @__PURE__ */ import_react.default.createElement(MyContainer, { data: fetchedData })), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationLabelAuto, null), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationResultsPerPageSelectAuto, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationListAuto, null))))
+    /* @__PURE__ */ import_react.default.createElement(import_Container.default, { grid: false }, /* @__PURE__ */ import_react.default.createElement(DataGrid, { data: fetchedData }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationLabelAuto, null), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationResultsPerPageSelectAuto, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationListAuto, null)))
   );
 };
 var Auto_default = Auto;

package/cjs/navigation/Pagination/__stories__/Auto.js.map CHANGED Viewed

@@ -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} 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 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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,mBAAsB;AACtB,IAAAA,gBAAiB;AACjB,kBAAiB;AACjB,wBAEO;AACP,kBAMO;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,QAAI,kCAAqB;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,6BAAAC,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GAAG,KAAK,SAC5B,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,KAAE,KAAK,EAAG,CACnC;AAAA,EAEJ,CAAC;AACL;AAEO,MAAM,OAAO,MAAM;AACxB,SACE,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,YAAY;AAAA,MACnB,uBAAuB,CAAC,IAAI,EAAE;AAAA,MAC9B,eAAc;AAAA,MACd,WAAU;AAAA;AAAA,IAEV,6BAAAA,QAAA,cAAC,aAAAG,SAAA,MACC,6BAAAH,QAAA,cAAC,cAAAI,SAAA,MACC,6BAAAJ,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAS,MAAC,SAAS,KACvB,6BAAAD,QAAA,cAAC,eAAY,MAAM,aAAa,CAClC,GACA,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAoB,GACrB,6BAAAA,QAAA,cAAC,sDAAmC,kIAEpC,GACA,6BAAAA,QAAA,cAAC,oCAAmB,CACtB,CACF,CACF;AAAA,EACF;AAEJ;AACA,IAAO,eAAQ;",
-  "names": ["import_Basic", "React", "Grid", "Card", "Container", "Main"]
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,uBAAsB;AACtB,kBAAiB;AACjB,wBAA2B;AAC3B,kBAMO;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,QAAI,kCAAqB;AAE/C,SACE,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,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,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GAAG,KAAK,SAC5B,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,UAAS,aAAY,SAAQ,OAAK,QAC7C,KAAK,EACR,CACF;AAAA,EAEJ,CAAC,CACL;AAEJ;AAEO,MAAM,OAAO,MAAM;AACxB,SACE,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,YAAY;AAAA,MACnB,uBAAuB,CAAC,IAAI,EAAE;AAAA,MAC9B,eAAc;AAAA,MACd,WAAU;AAAA;AAAA,IAEV,6BAAAA,QAAA,cAAC,iBAAAG,SAAA,EAAU,MAAM,SACf,6BAAAH,QAAA,cAAC,YAAS,MAAM,aAAa,GAC7B,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAoB,GACrB,6BAAAA,QAAA,cAAC,sDAAmC,kIAEpC,GACA,6BAAAA,QAAA,cAAC,oCAAmB,CACtB,CACF;AAAA,EACF;AAEJ;AACA,IAAO,eAAQ;",
+  "names": ["React", "Grid", "Card", "Container"]
 }

package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js CHANGED Viewed

@@ -35,10 +35,10 @@ var import_react = __toESM(require("react"));
 var import_LabelContainer = require("@digigov/react-core/LabelContainer");
 var import_SelectContainer = require("@digigov/ui/form/SelectContainer");
 var import_i18n = require("@digigov/ui/i18n");
+var import_icons = require("@digigov/ui/icons");
 var import_Link = require("@digigov/ui/navigation/Link");
 var import_Pagination = require("@digigov/ui/navigation/Pagination");
-var import_SvgIcon = require("@digigov/ui/utils/SvgIcon");
-const PaginationWithSmallFont = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "example" }, /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, { size: "sm" }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "right" })))))));
+const PaginationWithSmallFont = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "example" }, /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, { size: "sm" }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" })))))));
 var PaginationWithSmallFont_default = PaginationWithSmallFont;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont.js.map CHANGED Viewed

@@ -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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEP,qBAA4B;AAErB,MAAM,0BAA0B,MACrC,6BAAAA,QAAA,cAAC,SAAI,WAAU,aACb,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,gCAAW,MAAK,QACf,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,8BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF,CACF;AAGF,IAAO,kCAAQ;",
+  "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 { ChevronIcon } from '@digigov/ui/icons';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,mBAA4B;AAC5B,kBAAqB;AACrB,wBAKO;AAEA,MAAM,0BAA0B,MACrC,6BAAAA,QAAA,cAAC,SAAI,WAAU,aACb,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,gCAAW,MAAK,QACf,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF,CACF;AAGF,IAAO,kCAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Pagination/__stories__/WithInactiveValues/index.js CHANGED Viewed

@@ -33,11 +33,11 @@ __export(WithInactiveValues_exports, {
 module.exports = __toCommonJS(WithInactiveValues_exports);
 var import_react = __toESM(require("react"));
 var import_i18n = require("@digigov/ui/i18n");
+var import_icons = require("@digigov/ui/icons");
 var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
 var import_Link = require("@digigov/ui/navigation/Link");
 var import_Pagination = require("@digigov/ui/navigation/Pagination");
-var import_SvgIcon = require("@digigov/ui/utils/SvgIcon");
-const WithInactiveValues = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "1"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page2" }, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "right" }))))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { size: "lg" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "9"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "right" }))))));
+const WithInactiveValues = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "1"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page2" }, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { size: "lg" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "9"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))));
 var WithInactiveValues_default = WithInactiveValues;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/navigation/Pagination/__stories__/WithInactiveValues.js.map CHANGED Viewed

@@ -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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA6B;AAC7B,0BAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AACP,qBAA4B;AAErB,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,8BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,MAAK,GACxB,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,GAAC,CACT,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,8BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { ChevronIcon } from '@digigov/ui/icons';\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';\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA6B;AAC7B,mBAA4B;AAC5B,0BAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEA,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,MAAK,GACxB,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,GAAC,CACT,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Pagination/__stories__/WithResultsPerPage/index.js CHANGED Viewed

@@ -35,10 +35,10 @@ var import_react = __toESM(require("react"));
 var import_LabelContainer = require("@digigov/react-core/LabelContainer");
 var import_SelectContainer = require("@digigov/ui/form/SelectContainer");
 var import_i18n = require("@digigov/ui/i18n");
+var import_icons = require("@digigov/ui/icons");
 var import_Link = require("@digigov/ui/navigation/Link");
 var import_Pagination = require("@digigov/ui/navigation/Pagination");
-var import_SvgIcon = require("@digigov/ui/utils/SvgIcon");
-const WithResultsPerPage = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "right" }))))));
+const WithResultsPerPage = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))));
 var WithResultsPerPage_default = WithResultsPerPage;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/navigation/Pagination/__stories__/WithResultsPerPage.js.map CHANGED Viewed

@@ -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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEP,qBAA4B;AAErB,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,8BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
+  "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 { ChevronIcon } from '@digigov/ui/icons';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,mBAA4B;AAC5B,kBAAqB;AACrB,wBAKO;AAEA,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Tabs/__stories__/Auto.js.map CHANGED Viewed

@@ -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  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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAMO;AACP,kBAAqB;AACrB,kBAIO;AACP,kBAIO;AACP,qBAAwB;AACxB,4BAA+B;AAExB,SAAS,OAAO;AACrB,SACE,6BAAAA,QAAA,cAAC,wBAAS,aAAa,OACrB,6BAAAA,QAAA,cAAC,2BAAY,MAAK,QAAK,oEAAW,GAClC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,4BAAa,IAAG,OAAI,uFAAe,GACpC,6BAAAA,QAAA,cAAC,4BAAa,IAAG,OAAI,mDAAS,CAChC,GACA,6BAAAA,QAAA,cAAC,yBAAU,KAAI,OACb,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gCAAK,GACzB,6BAAAA,QAAA,cAAC,+CAAqB,qHAAoB,GAC1C,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAI,yCACN,6BAAAA,QAAA,cAAC,4CAAe,oDAAU,CACnC,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gEAAY,GAChC,6BAAAA,QAAA,cAAC,+CAAqB,wCAAa,CACrC,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,2HAAqB,GACzC,6BAAAA,QAAA,cAAC,+CAAqB,YAAU,GAChC,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,wBACE,KAAI,yCACE,6BAAAA,QAAA,cAAC,4CAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAU,KAAI,OACb,6BAAAA,QAAA,cAAC,0BAAQ,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 { TabsHeading, TabsList } 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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAMO;AACP,kBAAqB;AACrB,kBAAsC;AACtC,kBAIO;AACP,qBAAwB;AACxB,4BAA+B;AAExB,SAAS,OAAO;AACrB,SACE,6BAAAA,QAAA,cAAC,wBAAS,aAAa,OACrB,6BAAAA,QAAA,cAAC,2BAAY,MAAK,QAAK,oEAAW,GAClC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,4BAAa,IAAG,OAAI,uFAAe,GACpC,6BAAAA,QAAA,cAAC,4BAAa,IAAG,OAAI,mDAAS,CAChC,GACA,6BAAAA,QAAA,cAAC,yBAAU,KAAI,OACb,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gCAAK,GACzB,6BAAAA,QAAA,cAAC,+CAAqB,qHAAoB,GAC1C,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAI,yCACN,6BAAAA,QAAA,cAAC,4CAAe,oDAAU,CACnC,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gEAAY,GAChC,6BAAAA,QAAA,cAAC,+CAAqB,wCAAa,CACrC,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,2HAAqB,GACzC,6BAAAA,QAAA,cAAC,+CAAqB,YAAU,GAChC,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,wBACE,KAAI,yCACE,6BAAAA,QAAA,cAAC,4CAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAU,KAAI,OACb,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Tabs/__stories__/Default.js.map CHANGED Viewed

@@ -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  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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,yBAMO;AACP,kBAAqB;AACrB,kBAKO;AACP,kBAGO;AACP,qBAAwB;AACxB,uBAA0B;AAC1B,4BAA+B;AAExB,SAAS,UAAU;AACxB,QAAM,EAAE,UAAU,MAAM,QAAI,qBAAQ,EAAE,aAAa,IAAI,CAAC;AACxD,SACE,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,2BAAY,MAAK,QAAK,oEAAW,GAClC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,GAC1C,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,GACzC,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,CAC3C,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gCAAK,GACzB,6BAAAA,QAAA,cAAC,+CAAqB,qHAAoB,GAC1C,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAI,yCACN,6BAAAA,QAAA,cAAC,4CAAe,oDAAU,CACnC,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gEAAY,GAChC,6BAAAA,QAAA,cAAC,+CAAqB,wCAAa,CACrC,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,2HAAqB,GACzC,6BAAAA,QAAA,cAAC,+CAAqB,YAAU,GAChC,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,wBACE,KAAI,yCACE,6BAAAA,QAAA,cAAC,4CAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,6BAAAA,QAAA,cAAC,kCAAU,+bAQX,GACA,6BAAAA,QAAA,cAAC,kCAAU,+bAQX,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,6BAAAA,QAAA,cAAC,kCAAU,+bAQX,GACA,6BAAAA,QAAA,cAAC,kCAAU,+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 { TabsListItem, TabsPanel } 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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,yBAMO;AACP,kBAAqB;AACrB,kBAKO;AACP,kBAAwC;AACxC,qBAAwB;AACxB,uBAA0B;AAC1B,4BAA+B;AAExB,SAAS,UAAU;AACxB,QAAM,EAAE,UAAU,MAAM,QAAI,qBAAQ,EAAE,aAAa,IAAI,CAAC;AACxD,SACE,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,2BAAY,MAAK,QAAK,oEAAW,GAClC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,GAC1C,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,GACzC,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,CAC3C,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gCAAK,GACzB,6BAAAA,QAAA,cAAC,+CAAqB,qHAAoB,GAC1C,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAI,yCACN,6BAAAA,QAAA,cAAC,4CAAe,oDAAU,CACnC,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gEAAY,GAChC,6BAAAA,QAAA,cAAC,+CAAqB,wCAAa,CACrC,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,2HAAqB,GACzC,6BAAAA,QAAA,cAAC,+CAAqB,YAAU,GAChC,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,wBACE,KAAI,yCACE,6BAAAA,QAAA,cAAC,4CAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,6BAAAA,QAAA,cAAC,kCAAU,+bAQX,GACA,6BAAAA,QAAA,cAAC,kCAAU,+bAQX,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,6BAAAA,QAAA,cAAC,kCAAU,+bAQX,GACA,6BAAAA,QAAA,cAAC,kCAAU,+bAQX,CACF,CACF;AAEJ;AAEA,IAAO,kBAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Tabs/__stories__/Dense.js.map CHANGED Viewed

@@ -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  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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAMO;AACP,kBAAqB;AACrB,kBAKO;AACP,kBAGO;AACP,qBAAwB;AACxB,4BAA+B;AAExB,SAAS,QAAQ;AACtB,QAAM,EAAE,UAAU,MAAM,QAAI,qBAAQ;AACpC,SACE,6BAAAA,QAAA,cAAC,oBAAK,OAAK,QACT,6BAAAA,QAAA,cAAC,2BAAY,MAAK,QAAK,oEAAW,GAClC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,CAC5C,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gCAAK,GACzB,6BAAAA,QAAA,cAAC,+CAAqB,qHAAoB,GAC1C,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAI,yCACN,6BAAAA,QAAA,cAAC,4CAAe,oDAAU,CACnC,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gEAAY,GAChC,6BAAAA,QAAA,cAAC,+CAAqB,wCAAa,CACrC,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,2HAAqB,GACzC,6BAAAA,QAAA,cAAC,+CAAqB,YAAU,GAChC,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,wBACE,KAAI,yCACE,6BAAAA,QAAA,cAAC,4CAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,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 { TabsListItem, TabsPanel } 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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAMO;AACP,kBAAqB;AACrB,kBAKO;AACP,kBAAwC;AACxC,qBAAwB;AACxB,4BAA+B;AAExB,SAAS,QAAQ;AACtB,QAAM,EAAE,UAAU,MAAM,QAAI,qBAAQ;AACpC,SACE,6BAAAA,QAAA,cAAC,oBAAK,OAAK,QACT,6BAAAA,QAAA,cAAC,2BAAY,MAAK,QAAK,oEAAW,GAClC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,CAC5C,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gCAAK,GACzB,6BAAAA,QAAA,cAAC,+CAAqB,qHAAoB,GAC1C,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAI,yCACN,6BAAAA,QAAA,cAAC,4CAAe,oDAAU,CACnC,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gEAAY,GAChC,6BAAAA,QAAA,cAAC,+CAAqB,wCAAa,CACrC,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,2HAAqB,GACzC,6BAAAA,QAAA,cAAC,+CAAqB,YAAU,GAChC,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,wBACE,KAAI,yCACE,6BAAAA,QAAA,cAAC,4CAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Tabs/__stories__/UsingAccordion/index.js CHANGED Viewed

@@ -32,15 +32,15 @@ __export(UsingAccordion_exports, {
 });
 module.exports = __toCommonJS(UsingAccordion_exports);
 var import_react = __toESM(require("react"));
+var import_Accordion = require("@digigov/ui/content/Accordion");
 var import_SummaryList = require("@digigov/ui/content/SummaryList");
+var import_Hidden = require("@digigov/ui/layouts/Hidden");
 var import_Link = require("@digigov/ui/navigation/Link");
 var import_Tabs = require("@digigov/ui/navigation/Tabs");
 var import_auto = require("@digigov/ui/navigation/Tabs/auto");
 var import_Heading = require("@digigov/ui/typography/Heading");
 var import_Paragraph = require("@digigov/ui/typography/Paragraph");
 var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
-var import_Hidden = require("@digigov/ui/layouts/Hidden");
-var import_Accordion = require("@digigov/ui/content/Accordion");
 function UsingAccordion() {
   const { register, panel } = (0, import_Tabs.useTabs)({ defaultOpen: "a" });
   const StoixeiaContent = () => {

package/cjs/navigation/Tabs/__stories__/UsingAccordion.js.map CHANGED Viewed

@@ -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  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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",
+  "sourcesContent": ["import React from 'react';\nimport {\n  Accordion,\n  AccordionSection,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n} from '@digigov/ui/content/Accordion';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Hidden } from '@digigov/ui/layouts/Hidden';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { TabsListItem, TabsPanel } 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 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": ["React"]
 }

package/cjs/navigation/Tabs/hooks/index.js CHANGED Viewed

@@ -30,8 +30,8 @@ __export(hooks_exports, {
   useTabs: () => useTabs
 });
 module.exports = __toCommonJS(hooks_exports);
-var import_useScreen = require("@digigov/ui/utils/hooks/useScreen");
 var import_react = __toESM(require("react"));
+var import_useScreen = require("@digigov/ui/utils/hooks/useScreen");
 const useTabs = ({
   defaultOpen = null
 } = {}) => {

package/cjs/navigation/Tabs/hooks.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Tabs/hooks.ts"],
-  "sourcesContent": ["import { useScreenSize } from '@digigov/ui/utils/hooks/useScreen';\nimport React, { useState, useRef, useCallback } from 'react';\n\nexport type TabId = string | number | null;\n\nexport interface UseTabsProps {\n  defaultOpen?: TabId;\n}\n\nexport interface UseTabsReturn {\n  register: (\n    id: TabId\n  ) => {\n    role: string;\n    href: string;\n    id: string;\n    'aria-selected': boolean;\n    'aria-controls': string;\n    tabIndex: number;\n    onClick: (e: any) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n    ref?: React.RefObject<HTMLAnchorElement>;\n  };\n  panel: (\n    id: TabId\n  ) => {\n    tab: TabId;\n    role: string;\n    'aria-labelledby': string;\n    id: string;\n    active: boolean;\n  };\n  currentOpen: TabId;\n  open: (id: TabId) => void;\n}\n\nexport const useTabs = ({\n  defaultOpen = null,\n}: UseTabsProps = {}): UseTabsReturn => {\n  const [currentOpen, setCurrentOpen] = useState<TabId | null>(defaultOpen);\n  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement>>>(\n    new Map()\n  );\n  const { screenSize } = useScreenSize();\n\n  const open = useCallback((id: TabId) => {\n    setCurrentOpen(id);\n    tabsRef.current.get(id)?.current?.focus();\n  }, []);\n\n  const navigate = useCallback(\n    (direction: 'next' | 'previous') => {\n      const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];\n      const tabs = Array.from(tabsRef.current.keys());\n      const currentIndex = tabs.indexOf(focusedTabId || currentOpen);\n      const newIndex =\n        direction === 'next' ? currentIndex + 1 : currentIndex - 1;\n      if (newIndex >= 0 && newIndex < tabs.length) {\n        tabsRef.current.get(tabs[newIndex])?.current?.focus();\n      }\n    },\n    [currentOpen, tabsRef.current]\n  );\n\n  const register = useCallback(\n    (id: TabId) => {\n      if (!tabsRef.current.has(id)) {\n        if (tabsRef.current.size === 0 && !currentOpen) {\n          setCurrentOpen(id);\n        }\n        tabsRef.current.set(id, React.createRef());\n      }\n      return {\n        role: 'tab',\n        id: `tab-${id}`,\n        href: `#panel-${id}`,\n        'aria-selected': currentOpen === id,\n        open: currentOpen === id,\n        'aria-controls': `panel-${id}`,\n        tabIndex: currentOpen === id ? 0 : -1,\n        onClick: (e) => {\n\n          // If the screen is mobile, we don't want to prevent the default behavior of the anchor tag,\n          // which is to navigate to the href.\n          if (screenSize != 'xs' && screenSize !='sm') {\n            e.preventDefault();\n          }        \n          open(id);\n        },\n        onKeyDown: (e: React.KeyboardEvent) => {\n          switch (e.key) {\n            case 'ArrowRight':\n            case 'ArrowDown':\n              navigate('next');\n              break;\n            case 'ArrowLeft':\n            case 'ArrowUp':\n              navigate('previous');\n              break;\n            case 'Enter':\n              open(id);\n              break;\n          }\n        },\n        ref: tabsRef.current.get(id),\n      };\n    },\n    [currentOpen]\n  );\n\n  const panel = (id: TabId) => {\n    return {\n      role: 'tabpanel',\n      'aria-labelledby': `tab-${id}`,\n      id: `panel-${id}`,\n      active: currentOpen === id,\n      tab: id,\n    };\n  };\n\n  return {\n    register,\n    panel,\n    currentOpen,\n    open,\n  };\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA8B;AAC9B,mBAAqD;AAmC9C,MAAM,UAAU,CAAC;AAAA,EACtB,cAAc;AAChB,IAAkB,CAAC,MAAqB;AACtC,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAuB,WAAW;AACxE,QAAM,cAAU;AAAA,IACd,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,EAAE,WAAW,QAAI,gCAAc;AAErC,QAAM,WAAO,0BAAY,CAAC,OAAc;AACtC,mBAAe,EAAE;AACjB,YAAQ,QAAQ,IAAI,EAAE,GAAG,SAAS,MAAM;AAAA,EAC1C,GAAG,CAAC,CAAC;AAEL,QAAM,eAAW;AAAA,IACf,CAAC,cAAmC;AAClC,YAAM,eAAe,SAAS,eAAe,GAAG,MAAM,YAAY,IAAI,CAAC;AACvE,YAAM,OAAO,MAAM,KAAK,QAAQ,QAAQ,KAAK,CAAC;AAC9C,YAAM,eAAe,KAAK,QAAQ,gBAAgB,WAAW;AAC7D,YAAM,WACJ,cAAc,SAAS,eAAe,IAAI,eAAe;AAC3D,UAAI,YAAY,KAAK,WAAW,KAAK,QAAQ;AAC3C,gBAAQ,QAAQ,IAAI,KAAK,QAAQ,CAAC,GAAG,SAAS,MAAM;AAAA,MACtD;AAAA,IACF;AAAA,IACA,CAAC,aAAa,QAAQ,OAAO;AAAA,EAC/B;AAEA,QAAM,eAAW;AAAA,IACf,CAAC,OAAc;AACb,UAAI,CAAC,QAAQ,QAAQ,IAAI,EAAE,GAAG;AAC5B,YAAI,QAAQ,QAAQ,SAAS,KAAK,CAAC,aAAa;AAC9C,yBAAe,EAAE;AAAA,QACnB;AACA,gBAAQ,QAAQ,IAAI,IAAI,aAAAA,QAAM,UAAU,CAAC;AAAA,MAC3C;AACA,aAAO;AAAA,QACL,MAAM;AAAA,QACN,IAAI,OAAO,EAAE;AAAA,QACb,MAAM,UAAU,EAAE;AAAA,QAClB,iBAAiB,gBAAgB;AAAA,QACjC,MAAM,gBAAgB;AAAA,QACtB,iBAAiB,SAAS,EAAE;AAAA,QAC5B,UAAU,gBAAgB,KAAK,IAAI;AAAA,QACnC,SAAS,CAAC,MAAM;AAId,cAAI,cAAc,QAAQ,cAAa,MAAM;AAC3C,cAAE,eAAe;AAAA,UACnB;AACA,eAAK,EAAE;AAAA,QACT;AAAA,QACA,WAAW,CAAC,MAA2B;AACrC,kBAAQ,EAAE,KAAK;AAAA,YACb,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,MAAM;AACf;AAAA,YACF,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,UAAU;AACnB;AAAA,YACF,KAAK;AACH,mBAAK,EAAE;AACP;AAAA,UACJ;AAAA,QACF;AAAA,QACA,KAAK,QAAQ,QAAQ,IAAI,EAAE;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,QAAQ,CAAC,OAAc;AAC3B,WAAO;AAAA,MACL,MAAM;AAAA,MACN,mBAAmB,OAAO,EAAE;AAAA,MAC5B,IAAI,SAAS,EAAE;AAAA,MACf,QAAQ,gBAAgB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\nimport { useScreenSize } from '@digigov/ui/utils/hooks/useScreen';\n\nexport type TabId = string | number | null;\n\nexport interface UseTabsProps {\n  defaultOpen?: TabId;\n}\n\nexport interface UseTabsReturn {\n  register: (id: TabId) => {\n    role: string;\n    href: string;\n    id: string;\n    'aria-selected': boolean;\n    'aria-controls': string;\n    tabIndex: number;\n    onClick: (e: any) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n    ref?: React.RefObject<HTMLAnchorElement>;\n  };\n  panel: (id: TabId) => {\n    tab: TabId;\n    role: string;\n    'aria-labelledby': string;\n    id: string;\n    active: boolean;\n  };\n  currentOpen: TabId;\n  open: (id: TabId) => void;\n}\n\nexport const useTabs = ({\n  defaultOpen = null,\n}: UseTabsProps = {}): UseTabsReturn => {\n  const [currentOpen, setCurrentOpen] = useState<TabId | null>(defaultOpen);\n  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement>>>(\n    new Map()\n  );\n  const { screenSize } = useScreenSize();\n\n  const open = useCallback((id: TabId) => {\n    setCurrentOpen(id);\n    tabsRef.current.get(id)?.current?.focus();\n  }, []);\n\n  const navigate = useCallback(\n    (direction: 'next' | 'previous') => {\n      const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];\n      const tabs = Array.from(tabsRef.current.keys());\n      const currentIndex = tabs.indexOf(focusedTabId || currentOpen);\n      const newIndex =\n        direction === 'next' ? currentIndex + 1 : currentIndex - 1;\n      if (newIndex >= 0 && newIndex < tabs.length) {\n        tabsRef.current.get(tabs[newIndex])?.current?.focus();\n      }\n    },\n    [currentOpen, tabsRef.current]\n  );\n\n  const register = useCallback(\n    (id: TabId) => {\n      if (!tabsRef.current.has(id)) {\n        if (tabsRef.current.size === 0 && !currentOpen) {\n          setCurrentOpen(id);\n        }\n        tabsRef.current.set(id, React.createRef());\n      }\n      return {\n        role: 'tab',\n        id: `tab-${id}`,\n        href: `#panel-${id}`,\n        'aria-selected': currentOpen === id,\n        open: currentOpen === id,\n        'aria-controls': `panel-${id}`,\n        tabIndex: currentOpen === id ? 0 : -1,\n        onClick: (e) => {\n          // If the screen is mobile, we don't want to prevent the default behavior of the anchor tag,\n          // which is to navigate to the href.\n          if (screenSize != 'xs' && screenSize != 'sm') {\n            e.preventDefault();\n          }\n          open(id);\n        },\n        onKeyDown: (e: React.KeyboardEvent) => {\n          switch (e.key) {\n            case 'ArrowRight':\n            case 'ArrowDown':\n              navigate('next');\n              break;\n            case 'ArrowLeft':\n            case 'ArrowUp':\n              navigate('previous');\n              break;\n            case 'Enter':\n              open(id);\n              break;\n          }\n        },\n        ref: tabsRef.current.get(id),\n      };\n    },\n    [currentOpen]\n  );\n\n  const panel = (id: TabId) => {\n    return {\n      role: 'tabpanel',\n      'aria-labelledby': `tab-${id}`,\n      id: `panel-${id}`,\n      active: currentOpen === id,\n      tab: id,\n    };\n  };\n\n  return {\n    register,\n    panel,\n    currentOpen,\n    open,\n  };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AACrD,uBAA8B;AA+BvB,MAAM,UAAU,CAAC;AAAA,EACtB,cAAc;AAChB,IAAkB,CAAC,MAAqB;AACtC,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAuB,WAAW;AACxE,QAAM,cAAU;AAAA,IACd,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,EAAE,WAAW,QAAI,gCAAc;AAErC,QAAM,WAAO,0BAAY,CAAC,OAAc;AACtC,mBAAe,EAAE;AACjB,YAAQ,QAAQ,IAAI,EAAE,GAAG,SAAS,MAAM;AAAA,EAC1C,GAAG,CAAC,CAAC;AAEL,QAAM,eAAW;AAAA,IACf,CAAC,cAAmC;AAClC,YAAM,eAAe,SAAS,eAAe,GAAG,MAAM,YAAY,IAAI,CAAC;AACvE,YAAM,OAAO,MAAM,KAAK,QAAQ,QAAQ,KAAK,CAAC;AAC9C,YAAM,eAAe,KAAK,QAAQ,gBAAgB,WAAW;AAC7D,YAAM,WACJ,cAAc,SAAS,eAAe,IAAI,eAAe;AAC3D,UAAI,YAAY,KAAK,WAAW,KAAK,QAAQ;AAC3C,gBAAQ,QAAQ,IAAI,KAAK,QAAQ,CAAC,GAAG,SAAS,MAAM;AAAA,MACtD;AAAA,IACF;AAAA,IACA,CAAC,aAAa,QAAQ,OAAO;AAAA,EAC/B;AAEA,QAAM,eAAW;AAAA,IACf,CAAC,OAAc;AACb,UAAI,CAAC,QAAQ,QAAQ,IAAI,EAAE,GAAG;AAC5B,YAAI,QAAQ,QAAQ,SAAS,KAAK,CAAC,aAAa;AAC9C,yBAAe,EAAE;AAAA,QACnB;AACA,gBAAQ,QAAQ,IAAI,IAAI,aAAAA,QAAM,UAAU,CAAC;AAAA,MAC3C;AACA,aAAO;AAAA,QACL,MAAM;AAAA,QACN,IAAI,OAAO,EAAE;AAAA,QACb,MAAM,UAAU,EAAE;AAAA,QAClB,iBAAiB,gBAAgB;AAAA,QACjC,MAAM,gBAAgB;AAAA,QACtB,iBAAiB,SAAS,EAAE;AAAA,QAC5B,UAAU,gBAAgB,KAAK,IAAI;AAAA,QACnC,SAAS,CAAC,MAAM;AAGd,cAAI,cAAc,QAAQ,cAAc,MAAM;AAC5C,cAAE,eAAe;AAAA,UACnB;AACA,eAAK,EAAE;AAAA,QACT;AAAA,QACA,WAAW,CAAC,MAA2B;AACrC,kBAAQ,EAAE,KAAK;AAAA,YACb,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,MAAM;AACf;AAAA,YACF,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,UAAU;AACnB;AAAA,YACF,KAAK;AACH,mBAAK,EAAE;AACP;AAAA,UACJ;AAAA,QACF;AAAA,QACA,KAAK,QAAQ,QAAQ,IAAI,EAAE;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,QAAQ,CAAC,OAAc;AAC3B,WAAO;AAAA,MACL,MAAM;AAAA,MACN,mBAAmB,OAAO,EAAE;AAAA,MAC5B,IAAI,SAAS,EAAE;AAAA,MACf,QAAQ,gBAAgB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": ["React"]
 }