@digigov/ui 2.0.0-113e6661 → 2.0.0-298cfc51

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Drawer/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { GovGRFooter } from '@digigov/ui/govgr/Footer';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { BurgerIcon } from '@digigov/ui/icons';\nimport {\n  AdminAside,\n  AdminContainer,\n  AdminLayout,\n  AdminMain,\n  AdminTopSection,\n  AdminHeader,\n  AdminHeaderContent,\n} from '@digigov/ui/layouts/Admin';\nimport {\n  DrawerProvider,\n  DrawerAuto,\n  DrawerHeadingAuto,\n  DrawerButtonAuto,\n} from '@digigov/ui/navigation/Drawer/auto';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nconst links = [\n  { name: 'Nav1', href: '#', label: 'Nav list item 1' },\n  {\n    name: 'Nav2',\n    href: '#',\n    label: 'Nav list item 2',\n    menu: {\n      links: [\n        {\n          name: 'Nav2.1',\n          href: '#',\n          label: 'Nav list item 2.1',\n        },\n        {\n          name: 'Nav2.2',\n          href: '#',\n          label: 'Nav list item 2.2',\n        },\n        {\n          name: 'Nav2.3',\n          href: '#',\n          label: 'Nav list item 2.3',\n        },\n        {\n          name: 'Nav2.4',\n          href: '#',\n          label: 'Nav list item 2.4',\n        },\n      ],\n    },\n  },\n  { name: 'Nav3', href: '#', label: 'Nav list item 3' },\n];\n\nexport const Auto = () => {\n  const layout = 'vertical';\n  const border = false;\n  const fixed = false;\n\n  return (\n    <AdminLayout>\n      <DrawerProvider>\n        <AdminHeader>\n          <AdminHeaderContent>\n            <GovGRLogo></GovGRLogo>\n            <DrawerButtonAuto\n              drawer=\"drawer-1\"\n              className=\"md:hidden\"\n              open\n              color=\"secondary\"\n              style={{\n                marginBottom: 0,\n              }}\n            >\n              <BurgerIcon />\n            </DrawerButtonAuto>\n          </AdminHeaderContent>\n        </AdminHeader>\n        <AdminContainer>\n          <AdminAside>\n            <AdminTopSection></AdminTopSection>\n            <DrawerAuto id=\"drawer-1\" upRelative=\"md\" direction=\"left\">\n              <DrawerHeadingAuto drawer=\"drawer-1\">\n                <Heading size=\"md\">Menu</Heading>\n              </DrawerHeadingAuto>\n              <NavListAuto\n                layout={layout}\n                border={border}\n                links={links}\n                fixed={fixed}\n                aria-label=\"Nav list\"\n                role=\"menu\"\n              ></NavListAuto>\n            </DrawerAuto>\n          </AdminAside>\n          <AdminMain></AdminMain>\n        </AdminContainer>\n        <GovGRFooter />\n      </DrawerProvider>\n    </AdminLayout>\n  );\n};\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAExB,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,KAAK,OAAO,kBAAkB;AAAA,EACpD;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,KAAK,OAAO,kBAAkB;AACtD;AAEO,MAAM,OAAO,MAAM;AACxB,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,QAAQ;AAEd,SACE,oCAAC,mBACC,oCAAC,sBACC,oCAAC,mBACC,oCAAC,0BACC,oCAAC,eAAU,GACX;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,WAAU;AAAA,MACV,MAAI;AAAA,MACJ,OAAM;AAAA,MACN,OAAO;AAAA,QACL,cAAc;AAAA,MAChB;AAAA;AAAA,IAEA,oCAAC,gBAAW;AAAA,EACd,CACF,CACF,GACA,oCAAC,sBACC,oCAAC,kBACC,oCAAC,qBAAgB,GACjB,oCAAC,cAAW,IAAG,YAAW,YAAW,MAAK,WAAU,UAClD,oCAAC,qBAAkB,QAAO,cACxB,oCAAC,WAAQ,MAAK,QAAK,MAAI,CACzB,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA;AAAA,EACN,CACH,CACF,GACA,oCAAC,eAAU,CACb,GACA,oCAAC,iBAAY,CACf,CACF;AAEJ;",
+  "sourcesContent": ["import React from 'react';\nimport { GovGRFooter } from '@digigov/ui/govgr/Footer';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { BurgerIcon } from '@digigov/ui/icons';\nimport {\n  AdminAside,\n  AdminContainer,\n  AdminLayout,\n  AdminMain,\n  AdminTopSection,\n  AdminHeader,\n  AdminHeaderContent,\n} from '@digigov/ui/layouts/Admin';\nimport {\n  DrawerProvider,\n  DrawerAuto,\n  DrawerHeadingAuto,\n  DrawerButtonAuto,\n} from '@digigov/ui/navigation/Drawer/auto';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nconst links = [\n  { name: 'Nav1', href: '#', label: 'Nav list item 1' },\n  {\n    name: 'Nav2',\n    href: '#',\n    label: 'Nav list item 2',\n    menu: {\n      links: [\n        {\n          name: 'Nav2.1',\n          href: '#',\n          label: 'Nav list item 2.1',\n        },\n        {\n          name: 'Nav2.2',\n          href: '#',\n          label: 'Nav list item 2.2',\n        },\n        {\n          name: 'Nav2.3',\n          href: '#',\n          label: 'Nav list item 2.3',\n        },\n        {\n          name: 'Nav2.4',\n          href: '#',\n          label: 'Nav list item 2.4',\n        },\n      ],\n    },\n  },\n  { name: 'Nav3', href: '#', label: 'Nav list item 3' },\n];\n\nexport const Auto = () => {\n  const layout = 'vertical';\n  const border = false;\n  const fixed = false;\n\n  return (\n    <AdminLayout>\n      <DrawerProvider>\n        <AdminHeader>\n          <AdminHeaderContent>\n            <GovGRLogo />\n            <DrawerButtonAuto\n              drawer=\"drawer-1\"\n              className=\"md:hidden\"\n              open\n              color=\"secondary\"\n              style={{\n                marginBottom: 0,\n              }}\n            >\n              <BurgerIcon />\n            </DrawerButtonAuto>\n          </AdminHeaderContent>\n        </AdminHeader>\n        <AdminContainer>\n          <AdminAside>\n            <AdminTopSection></AdminTopSection>\n            <DrawerAuto id=\"drawer-1\" upRelative=\"md\" direction=\"left\">\n              <DrawerHeadingAuto drawer=\"drawer-1\">\n                <Heading size=\"md\">Menu</Heading>\n              </DrawerHeadingAuto>\n              <NavListAuto\n                layout={layout}\n                border={border}\n                links={links}\n                fixed={fixed}\n                aria-label=\"Nav list\"\n                role=\"menu\"\n              ></NavListAuto>\n            </DrawerAuto>\n          </AdminAside>\n          <AdminMain></AdminMain>\n        </AdminContainer>\n        <GovGRFooter />\n      </DrawerProvider>\n    </AdminLayout>\n  );\n};\n\nexport default Auto;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAExB,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,KAAK,OAAO,kBAAkB;AAAA,EACpD;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,KAAK,OAAO,kBAAkB;AACtD;AAEO,MAAM,OAAO,MAAM;AACxB,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,QAAQ;AAEd,SACE,oCAAC,mBACC,oCAAC,sBACC,oCAAC,mBACC,oCAAC,0BACC,oCAAC,eAAU,GACX;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,WAAU;AAAA,MACV,MAAI;AAAA,MACJ,OAAM;AAAA,MACN,OAAO;AAAA,QACL,cAAc;AAAA,MAChB;AAAA;AAAA,IAEA,oCAAC,gBAAW;AAAA,EACd,CACF,CACF,GACA,oCAAC,sBACC,oCAAC,kBACC,oCAAC,qBAAgB,GACjB,oCAAC,cAAW,IAAG,YAAW,YAAW,MAAK,WAAU,UAClD,oCAAC,qBAAkB,QAAO,cACxB,oCAAC,WAAQ,MAAK,QAAK,MAAI,CACzB,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA;AAAA,EACN,CACH,CACF,GACA,oCAAC,eAAU,CACb,GACA,oCAAC,iBAAY,CACf,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "names": []
 }

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

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { Drawer } from "@digigov/ui/navigation/Drawer";
 import { DrawerHeading } from "@digigov/ui/navigation/Drawer";
 import { NavListAuto } from "@digigov/ui/navigation/NavList";
-import Heading from "@digigov/ui/typography/Heading";
+import { Heading } from "@digigov/ui/typography/Heading";
 function useDrawer() {
   const [open, setOpen] = useState(true);
   function toggleDrawer() {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Drawer/__stories__/Default.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport { Drawer } from '@digigov/ui/navigation/Drawer';\nimport { DrawerHeading } from '@digigov/ui/navigation/Drawer';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\nimport Heading from '@digigov/ui/typography/Heading';\n\nfunction useDrawer(): [boolean, () => void] {\n  const [open, setOpen] = useState(true);\n  function toggleDrawer() {\n    setOpen(!open);\n  }\n  return [open, toggleDrawer];\n}\n\nconst links = [\n  { name: 'home', href: '#home', label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE' },\n  {\n    name: 'educational',\n    label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    menu: {\n      links: [\n        {\n          name: 'elearning',\n          href: '#elearning',\n          label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1',\n        },\n        {\n          name: 'videos',\n          href: '#videos',\n          label: '\u0392\u03AF\u03BD\u03C4\u03B5\u03BF',\n        },\n        {\n          name: 'presentations',\n          href: '#presentations',\n          label: '\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2',\n        },\n        {\n          name: 'promoting',\n          href: '#promoting',\n          label: '\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC',\n        },\n        {\n          name: 'other-texts',\n          href: '#other-texts',\n          label: '\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1',\n        },\n      ],\n    },\n  },\n  { name: 'news', href: '#news', label: '\u039D\u03AD\u03B1' },\n];\n\nexport const Default = () => {\n  const [open, toggleDrawer] = useDrawer();\n\n  const layout = 'vertical';\n  const border = false;\n  const fixed = false;\n\n  return (\n    <Drawer upRelative=\"md\" direction=\"left\" open={open}>\n      <DrawerHeading onClick={() => toggleDrawer()}>\n        <Heading size=\"md\">\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2</Heading>\n      </DrawerHeading>\n      <NavListAuto\n        layout={layout}\n        links={links}\n        border={border}\n        fixed={fixed}\n        aria-label=\"Nav list\"\n      ></NavListAuto>\n    </Drawer>\n  );\n};\nexport default Default;\n"],
-  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAChC,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,OAAO,aAAa;AAEpB,SAAS,YAAmC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,IAAI;AACrC,WAAS,eAAe;AACtB,YAAQ,CAAC,IAAI;AAAA,EACf;AACA,SAAO,CAAC,MAAM,YAAY;AAC5B;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,uCAAS;AAAA,EAC/C;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,qBAAM;AAC9C;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,CAAC,MAAM,YAAY,IAAI,UAAU;AAEvC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,QAAQ;AAEd,SACE,oCAAC,UAAO,YAAW,MAAK,WAAU,QAAO,QACvC,oCAAC,iBAAc,SAAS,MAAM,aAAa,KACzC,oCAAC,WAAQ,MAAK,QAAK,kDAAQ,CAC7B,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AACA,IAAO,kBAAQ;",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { Drawer } from '@digigov/ui/navigation/Drawer';\nimport { DrawerHeading } from '@digigov/ui/navigation/Drawer';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nfunction useDrawer(): [boolean, () => void] {\n  const [open, setOpen] = useState(true);\n  function toggleDrawer() {\n    setOpen(!open);\n  }\n  return [open, toggleDrawer];\n}\n\nconst links = [\n  { name: 'home', href: '#home', label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE' },\n  {\n    name: 'educational',\n    label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    menu: {\n      links: [\n        {\n          name: 'elearning',\n          href: '#elearning',\n          label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1',\n        },\n        {\n          name: 'videos',\n          href: '#videos',\n          label: '\u0392\u03AF\u03BD\u03C4\u03B5\u03BF',\n        },\n        {\n          name: 'presentations',\n          href: '#presentations',\n          label: '\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2',\n        },\n        {\n          name: 'promoting',\n          href: '#promoting',\n          label: '\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC',\n        },\n        {\n          name: 'other-texts',\n          href: '#other-texts',\n          label: '\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1',\n        },\n      ],\n    },\n  },\n  { name: 'news', href: '#news', label: '\u039D\u03AD\u03B1' },\n];\n\nexport const Default = () => {\n  const [open, toggleDrawer] = useDrawer();\n  const layout = 'vertical';\n  const border = false;\n  const fixed = false;\n\n  return (\n    <Drawer upRelative=\"md\" direction=\"left\" open={open}>\n      <DrawerHeading onClick={() => toggleDrawer()}>\n        <Heading size=\"md\">\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2</Heading>\n      </DrawerHeading>\n      <NavListAuto\n        layout={layout}\n        links={links}\n        border={border}\n        fixed={fixed}\n        aria-label=\"Nav list\"\n      ></NavListAuto>\n    </Drawer>\n  );\n};\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAChC,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAExB,SAAS,YAAmC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,IAAI;AACrC,WAAS,eAAe;AACtB,YAAQ,CAAC,IAAI;AAAA,EACf;AACA,SAAO,CAAC,MAAM,YAAY;AAC5B;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,uCAAS;AAAA,EAC/C;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,qBAAM;AAC9C;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,CAAC,MAAM,YAAY,IAAI,UAAU;AACvC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,QAAQ;AAEd,SACE,oCAAC,UAAO,YAAW,MAAK,WAAU,QAAO,QACvC,oCAAC,iBAAc,SAAS,MAAM,aAAa,KACzC,oCAAC,WAAQ,MAAK,QAAK,kDAAQ,CAC7B,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,kBAAQ;",
   "names": []
 }

package/navigation/Link/__stories__/DarkBackground/index.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Masthead } from "@digigov/ui/layouts/Basic/Masthead";
+import { Masthead } from "@digigov/ui/app/Masthead";
 import { SectionBreak } from "@digigov/ui/layouts/SectionBreak";
 import { Link } from "@digigov/ui/navigation/Link";
 const DarkBackground = () => /* @__PURE__ */ React.createElement(Masthead, null, /* @__PURE__ */ React.createElement(SectionBreak, { visible: false }), /* @__PURE__ */ React.createElement(

package/navigation/Link/__stories__/DarkBackground.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Link/__stories__/DarkBackground.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Masthead } from '@digigov/ui/layouts/Basic/Masthead';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nexport const DarkBackground = () => (\n  <Masthead>\n    <SectionBreak visible={false} />\n    <Link\n      aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\"\n      role=\"link\"\n      href=\"#\"\n    >\n      \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n    </Link>\n    <SectionBreak visible={false} />\n  </Masthead>\n);\n\nexport default DarkBackground;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Masthead } from '@digigov/ui/app/Masthead';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nexport const DarkBackground = () => (\n  <Masthead>\n    <SectionBreak visible={false} />\n    <Link\n      aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\"\n      role=\"link\"\n      href=\"#\"\n    >\n      \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n    </Link>\n    <SectionBreak visible={false} />\n  </Masthead>\n);\n\nexport default DarkBackground;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACd,MAAM,iBAAiB,MAC5B,oCAAC,gBACC,oCAAC,gBAAa,SAAS,OAAO,GAC9B;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,MAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,gBAAa,SAAS,OAAO,CAChC;AAGF,IAAO,yBAAQ;",
   "names": []
 }

package/navigation/Link/__stories__/DarkBackgroundNoUnderline/index.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Masthead } from "@digigov/ui/layouts/Basic/Masthead";
+import { Masthead } from "@digigov/ui/app/Masthead";
 import { SectionBreak } from "@digigov/ui/layouts/SectionBreak";
 import { Link } from "@digigov/ui/navigation/Link";
 const DarkBackgroundNoUnderline = () => /* @__PURE__ */ React.createElement(Masthead, null, /* @__PURE__ */ React.createElement(SectionBreak, { visible: false }), /* @__PURE__ */ React.createElement(

package/navigation/Link/__stories__/DarkBackgroundNoUnderline.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Masthead } from '@digigov/ui/layouts/Basic/Masthead';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nexport const DarkBackgroundNoUnderline = () => (\n  <Masthead>\n    <SectionBreak visible={false} />\n    <Link\n      aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\"\n      role=\"link\"\n      href=\"#\"\n      underline={false}\n    >\n      \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n    </Link>\n    <SectionBreak visible={false} />\n  </Masthead>\n);\n\nexport default DarkBackgroundNoUnderline;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Masthead } from '@digigov/ui/app/Masthead';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nexport const DarkBackgroundNoUnderline = () => (\n  <Masthead>\n    <SectionBreak visible={false} />\n    <Link\n      aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\"\n      role=\"link\"\n      href=\"#\"\n      underline={false}\n    >\n      \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n    </Link>\n    <SectionBreak visible={false} />\n  </Masthead>\n);\n\nexport default DarkBackgroundNoUnderline;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACd,MAAM,4BAA4B,MACvC,oCAAC,gBACC,oCAAC,gBAAa,SAAS,OAAO,GAC9B;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,MAAK;AAAA,IACL,WAAW;AAAA;AAAA,EACZ;AAED,GACA,oCAAC,gBAAa,SAAS,OAAO,CAChC;AAGF,IAAO,oCAAQ;",
   "names": []
 }

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

@@ -1,48 +1,48 @@
-import React from "react";
-import BurgerIcon from "@digigov/ui/utils/SvgIcon";
+import React, { useState } from "react";
+import { BurgerIcon } from "@digigov/ui/icons";
 import { Button } from "@digigov/ui/form/Button";
 import { NavListAuto } from "@digigov/ui/navigation/NavList";
 const links = [
-  { "name": "home", "href": "#home", "label": "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE" },
+  { name: "home", href: "#home", label: "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE" },
   {
-    "name": "educational",
-    "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
-    "subMenuHeading": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
-    "subMenu": [
+    name: "educational",
+    label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
+    subMenuHeading: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
+    subMenu: [
       {
-        "name": "elearning",
-        "href": "#elearning",
-        "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1"
+        name: "elearning",
+        href: "#elearning",
+        label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1"
       },
       {
-        "name": "videos",
-        "href": "#videos",
-        "label": "\u0392\u03AF\u03BD\u03C4\u03B5\u03BF"
+        name: "videos",
+        href: "#videos",
+        label: "\u0392\u03AF\u03BD\u03C4\u03B5\u03BF"
       },
       {
-        "name": "presentations",
-        "href": "#presentations",
-        "label": "\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2"
+        name: "presentations",
+        href: "#presentations",
+        label: "\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2"
       },
       {
-        "name": "promoting",
-        "href": "#promoting",
-        "label": "\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC"
+        name: "promoting",
+        href: "#promoting",
+        label: "\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC"
       },
       {
-        "name": "other-texts",
-        "href": "#other-texts",
-        "label": "\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1"
+        name: "other-texts",
+        href: "#other-texts",
+        label: "\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1"
       }
     ]
   },
-  { "name": "news", "href": "#news", "label": "\u039D\u03AD\u03B1" }
+  { name: "news", href: "#news", label: "\u039D\u03AD\u03B1" }
 ];
 const UsingNavListAuto = () => {
   const layout = "horizontal";
   const drawer = "smDown";
   const border = true;
-  const [open, setOpen] = React.useState(false);
+  const [open, setOpen] = useState(false);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { color: "secondary", onClick: () => setOpen(!open), smUpHidden: true }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", /* @__PURE__ */ React.createElement(BurgerIcon, null)), /* @__PURE__ */ React.createElement(
     NavListAuto,
     {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/NavList/__stories__/UsingNavListAuto.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport BurgerIcon from '@digigov/ui/utils/SvgIcon';\nimport { Button } from '@digigov/ui/form/Button';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  { \"name\": \"home\", \"href\": \"#home\", \"label\": \"\u0391\u03C1\u03C7\u03B9\u03BA\u03AE\" },\n  {\n    \"name\": \"educational\",\n    \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n    \"subMenuHeading\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n    \"subMenu\": [\n      {\n        \"name\": \"elearning\",\n        \"href\": \"#elearning\",\n        \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1\"\n      },\n      {\n        \"name\": \"videos\",\n        \"href\": \"#videos\",\n        \"label\": \"\u0392\u03AF\u03BD\u03C4\u03B5\u03BF\"\n      },\n      {\n        \"name\": \"presentations\",\n        \"href\": \"#presentations\",\n        \"label\": \"\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2\"\n      },\n      {\n        \"name\": \"promoting\",\n        \"href\": \"#promoting\",\n        \"label\": \"\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC\"\n      },\n      {\n        \"name\": \"other-texts\",\n        \"href\": \"#other-texts\",\n        \"label\": \"\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1\"\n      }\n    ]\n  },\n  { \"name\": \"news\", \"href\": \"#news\", \"label\": \"\u039D\u03AD\u03B1\" }\n]\n\n\nexport const UsingNavListAuto = () => {\n  const layout = 'horizontal';\n  const drawer = 'smDown';\n  const border = true;\n  const [open, setOpen] = React.useState(false);\n  return (\n    <>\n      <Button color=\"secondary\" onClick={() => setOpen(!open)} smUpHidden>\n        \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 <BurgerIcon />\n      </Button>\n      <NavListAuto\n        layout={layout}\n        border={border}\n        drawer={drawer}\n        open={open}\n        links={links}\n        onClose={() => setOpen(false)}\n        aria-label=\"Nav list\"\n      ></NavListAuto>\n    </>\n  );\n};\n\nexport default UsingNavListAuto;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAE5B,MAAM,QAAQ;AAAA,EACZ,EAAE,QAAQ,QAAQ,QAAQ,SAAS,SAAS,uCAAS;AAAA,EACrD;AAAA,IACE,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,WAAW;AAAA,MACT;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,QAAQ,QAAQ,QAAQ,SAAS,SAAS,qBAAM;AACpD;AAGO,MAAM,mBAAmB,MAAM;AACpC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,SACE,0DACE,oCAAC,UAAO,OAAM,aAAY,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAG,YAAU,QAAC,qDACzD,oCAAC,gBAAW,CACvB,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK;AAAA,MAC5B,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,2BAAQ;",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { BurgerIcon } from '@digigov/ui/icons';\nimport { Button } from '@digigov/ui/form/Button';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  { name: 'home', href: '#home', label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE' },\n  {\n    name: 'educational',\n    label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    subMenuHeading: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    subMenu: [\n      {\n        name: 'elearning',\n        href: '#elearning',\n        label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1',\n      },\n      {\n        name: 'videos',\n        href: '#videos',\n        label: '\u0392\u03AF\u03BD\u03C4\u03B5\u03BF',\n      },\n      {\n        name: 'presentations',\n        href: '#presentations',\n        label: '\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2',\n      },\n      {\n        name: 'promoting',\n        href: '#promoting',\n        label: '\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC',\n      },\n      {\n        name: 'other-texts',\n        href: '#other-texts',\n        label: '\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1',\n      },\n    ],\n  },\n  { name: 'news', href: '#news', label: '\u039D\u03AD\u03B1' },\n];\n\nexport const UsingNavListAuto = () => {\n  const layout = 'horizontal';\n  const drawer = 'smDown';\n  const border = true;\n  const [open, setOpen] = useState(false);\n  return (\n    <>\n      <Button color=\"secondary\" onClick={() => setOpen(!open)} smUpHidden>\n        \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 <BurgerIcon />\n      </Button>\n      <NavListAuto\n        layout={layout}\n        border={border}\n        drawer={drawer}\n        open={open}\n        links={links}\n        onClose={() => setOpen(false)}\n        aria-label=\"Nav list\"\n      ></NavListAuto>\n    </>\n  );\n};\n\nexport default UsingNavListAuto;\n"],
+  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAE5B,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,uCAAS;AAAA,EAC/C;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,SAAS;AAAA,MACP;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,qBAAM;AAC9C;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,SACE,0DACE,oCAAC,UAAO,OAAM,aAAY,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAG,YAAU,QAAC,qDACzD,oCAAC,gBAAW,CACvB,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK;AAAA,MAC5B,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,2BAAQ;",
   "names": []
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/package.json

@@ -1,24 +1,26 @@
 {
   "name": "@digigov/ui",
-  "version": "2.0.0-113e6661",
+  "version": "2.0.0-298cfc51",
   "description": "@digigov reusable components toolkit",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "dependencies": {
-    "@uides/react-qr-reader": "3.0.1-113e6661",
-    "@digigov/react-icons": "2.0.0-113e6661",
+    "@uides/react-qr-reader": "3.0.1-298cfc51",
+    "@digigov/react-icons": "2.0.0-298cfc51",
     "dompurify": "3.0.6",
     "highlight.js": "11.10.0"
   },
   "peerDependencies": {
-    "react-query": "2.26.4",
     "clsx": "1.1.1",
     "react": ">=16.8.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0",
-    "@digigov/react-core": "2.0.0-113e6661",
-    "@digigov/css": "2.0.0-113e6661",
-    "@digigov/theme-govgr-light": "1.1.0-113e6661",
-    "@digigov/theme-govgr-dark": "2.0.0-113e6661"
+    "@digigov/react-core": "2.0.0-298cfc51",
+    "@digigov/css": "2.0.0-298cfc51"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    }
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,