@digigov/ui 2.0.0-85c27c19 → 2.0.0-87b6232d

package/navigation/Breadcrumbs/utils/index.js

@@ -0,0 +1,29 @@
+import { slug } from "@digigov/ui/navigation/Breadcrumbs/slug";
+const flattenRoutes = (items, maxLength = 15, prepend = "", parents = []) => {
+  let flattened = {};
+  items.forEach((value) => {
+    const { title, href, children, ...rest } = value;
+    const route = [prepend, href || slug(title, maxLength)].join("/");
+    const routeChildren = children ? children.map((child) => ({
+      href: child.href || slug(child.title, maxLength),
+      ...child
+    })) : [];
+    flattened[route] = {
+      ...rest,
+      title,
+      children: routeChildren,
+      parents
+    };
+    if (children) {
+      flattened = {
+        ...flattened,
+        ...flattenRoutes(children, maxLength, route, [...parents, title])
+      };
+    }
+  });
+  return flattened;
+};
+export {
+  flattenRoutes
+};
+//# sourceMappingURL=utils.js.map

package/navigation/Breadcrumbs/utils/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/navigation/Breadcrumbs/utils/index.js"
+}

package/navigation/Breadcrumbs/utils.d.ts

@@ -0,0 +1 @@
+export declare const flattenRoutes: (items: any, maxLength?: number, prepend?: string, parents?: string[]) => {};

package/navigation/Breadcrumbs/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/Breadcrumbs/utils.ts"],
+  "sourcesContent": ["// utility.ts\nimport { slug } from '@digigov/ui/navigation/Breadcrumbs/slug';\nexport const flattenRoutes = (\n  items,\n  maxLength = 15,\n  prepend = '',\n  parents: string[] = []\n) => {\n  let flattened = {};\n\n  items.forEach((value) => {\n    const { title, href, children, ...rest } = value;\n\n    const route = [prepend, href || slug(title, maxLength)].join('/');\n\n    const routeChildren = children\n      ? children.map((child) => ({\n          href: child.href || slug(child.title, maxLength),\n          ...child,\n        }))\n      : [];\n\n    flattened[route] = {\n      ...rest,\n      title,\n      children: routeChildren,\n      parents,\n    };\n\n    if (children) {\n      flattened = {\n        ...flattened,\n        ...flattenRoutes(children, maxLength, route, [...parents, title]),\n      };\n    }\n  });\n\n  return flattened;\n};\n"],
+  "mappings": "AACA,SAAS,YAAY;AACd,MAAM,gBAAgB,CAC3B,OACA,YAAY,IACZ,UAAU,IACV,UAAoB,CAAC,MAClB;AACH,MAAI,YAAY,CAAC;AAEjB,QAAM,QAAQ,CAAC,UAAU;AACvB,UAAM,EAAE,OAAO,MAAM,UAAU,GAAG,KAAK,IAAI;AAE3C,UAAM,QAAQ,CAAC,SAAS,QAAQ,KAAK,OAAO,SAAS,CAAC,EAAE,KAAK,GAAG;AAEhE,UAAM,gBAAgB,WAClB,SAAS,IAAI,CAAC,WAAW;AAAA,MACvB,MAAM,MAAM,QAAQ,KAAK,MAAM,OAAO,SAAS;AAAA,MAC/C,GAAG;AAAA,IACL,EAAE,IACF,CAAC;AAEL,cAAU,KAAK,IAAI;AAAA,MACjB,GAAG;AAAA,MACH;AAAA,MACA,UAAU;AAAA,MACV;AAAA,IACF;AAEA,QAAI,UAAU;AACZ,kBAAY;AAAA,QACV,GAAG;AAAA,QACH,GAAG,cAAc,UAAU,WAAW,OAAO,CAAC,GAAG,SAAS,KAAK,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
+  "names": []
+}

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

@@ -16,7 +16,7 @@ import {
   DrawerAuto,
   DrawerHeadingAuto,
   DrawerButtonAuto
-} from "@digigov/ui/navigation/Drawer";
+} from "@digigov/ui/navigation/Drawer/auto";
 import { NavListAuto } from "@digigov/ui/navigation/NavList";
 import { Heading } from "@digigov/ui/typography/Heading";
 const links = [
@@ -80,7 +80,9 @@ const Auto = () => {
     }
   ))), /* @__PURE__ */ React.createElement(AdminMain, null)), /* @__PURE__ */ React.createElement(GovGRFooter, null)));
 };
+var Auto_default = Auto;
 export {
-  Auto
+  Auto,
+  Auto_default as default
 };
 //# sourceMappingURL=Auto.js.map

package/navigation/Drawer/__stories__/Auto.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const Auto: () => React.JSX.Element;
+export default Auto;

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';\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

@@ -1,8 +1,7 @@
 import React, { useState } from "react";
-import { Drawer } from "@digigov/ui/navigation/Drawer";
-import { DrawerHeading } from "@digigov/ui/navigation/Drawer";
+import { Drawer, 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, 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,QAAQ,qBAAqB;AACtC,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/Drawer/index.d.ts

@@ -1,5 +1,4 @@
 export * from '@digigov/react-core/Drawer';
 export * from '@digigov/react-core/DrawerHeading';
-export * from '@digigov/ui/navigation/Drawer/auto';
 import Drawer from '@digigov/react-core/Drawer';
 export default Drawer;

package/navigation/Drawer/index.js

@@ -1,6 +1,5 @@
 export * from "@digigov/react-core/Drawer";
 export * from "@digigov/react-core/DrawerHeading";
-export * from "@digigov/ui/navigation/Drawer/auto";
 import Drawer from "@digigov/react-core/Drawer";
 var Drawer_default = Drawer;
 export {

package/navigation/Drawer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Drawer/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Drawer';\nexport * from '@digigov/react-core/DrawerHeading';\nexport * from '@digigov/ui/navigation/Drawer/auto';\nimport Drawer from '@digigov/react-core/Drawer';\nexport default Drawer;\n"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,OAAO,YAAY;AACnB,IAAO,iBAAQ;",
+  "sourcesContent": ["export * from '@digigov/react-core/Drawer';\nexport * from '@digigov/react-core/DrawerHeading';\nimport Drawer from '@digigov/react-core/Drawer';\nexport default Drawer;\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,OAAO,YAAY;AACnB,IAAO,iBAAQ;",
   "names": []
 }

package/navigation/Dropdown/Dropdown.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Dropdown/Dropdown.stories.js"],
-  "sourcesContent": ["import Dropdown from '@digigov/ui/navigation/Dropdown';\nexport default {\n  title: 'Digigov UI/navigation/Dropdown',\n  description:\n    'Use the dropdown component to provide more options to users in cases where there is not enough space such as tables, navbars, etc.',\n  link:\n    'https://guide.services.gov.gr/docs/patterns/admin-pages/components/dropdown',\n  component: Dropdown,\n  displayName: 'Dropdown',\n};\nexport { Default } from '@digigov/ui/navigation/Dropdown/__stories__/Default';\nexport { Secondary } from '@digigov/ui/navigation/Dropdown/__stories__/Secondary';\nexport { Warning } from '@digigov/ui/navigation/Dropdown/__stories__/Warning';\nexport { Disabled } from '@digigov/ui/navigation/Dropdown/__stories__/Disabled';\nexport { VariantLink } from '@digigov/ui/navigation/Dropdown/__stories__/VariantLink';\nexport { AlignRight } from '@digigov/ui/navigation/Dropdown/__stories__/AlignRight';\nexport { PlacementTop } from '@digigov/ui/navigation/Dropdown/__stories__/PlacementTop';\nexport { WithIcons } from '@digigov/ui/navigation/Dropdown/__stories__/WithIcons';\nexport { ContentPosition } from '@digigov/ui/navigation/Dropdown/__stories__/ContentPosition';\nexport { ScrollableContent } from '@digigov/ui/navigation/Dropdown/__stories__/ScrollableContent';\nexport { Dense } from '@digigov/ui/navigation/Dropdown/__stories__/Dense';\n"],
-  "mappings": "AAAA,OAAO,cAAc;AACrB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MACE;AAAA,EACF,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,aAAa;",
+  "sourcesContent": ["import Dropdown from '@digigov/ui/navigation/Dropdown';\nexport default {\n  title: 'Digigov UI/navigation/Dropdown',\n  description:\n    'Use the dropdown component to provide more options to users in cases where there is not enough space such as tables, navbars, etc.',\n  link: 'https://guide.services.gov.gr/docs/patterns/admin-pages/components/dropdown',\n  component: Dropdown,\n  displayName: 'Dropdown',\n};\nexport { Default } from '@digigov/ui/navigation/Dropdown/__stories__/Default';\nexport { Secondary } from '@digigov/ui/navigation/Dropdown/__stories__/Secondary';\nexport { Warning } from '@digigov/ui/navigation/Dropdown/__stories__/Warning';\nexport { Disabled } from '@digigov/ui/navigation/Dropdown/__stories__/Disabled';\nexport { VariantLink } from '@digigov/ui/navigation/Dropdown/__stories__/VariantLink';\nexport { AlignRight } from '@digigov/ui/navigation/Dropdown/__stories__/AlignRight';\nexport { PlacementTop } from '@digigov/ui/navigation/Dropdown/__stories__/PlacementTop';\nexport { WithIcons } from '@digigov/ui/navigation/Dropdown/__stories__/WithIcons';\nexport { ContentPosition } from '@digigov/ui/navigation/Dropdown/__stories__/ContentPosition';\nexport { ScrollableContent } from '@digigov/ui/navigation/Dropdown/__stories__/ScrollableContent';\nexport { Dense } from '@digigov/ui/navigation/Dropdown/__stories__/Dense';\n"],
+  "mappings": "AAAA,OAAO,cAAc;AACrB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,aAAa;",
   "names": []
 }

package/navigation/Dropdown/__stories__/AlignRight/index.js

@@ -1,8 +1,7 @@
 import React from "react";
 import { Button } from "@digigov/ui/form/Button";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextInput } from "@digigov/ui/form/TextInput";
 import { SectionBreak } from "@digigov/ui/layouts/SectionBreak";
 import {

package/navigation/Dropdown/__stories__/AlignRight.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Dropdown/__stories__/AlignRight.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavList, NavListItemAction } from '@digigov/ui/navigation/NavList';\n\nexport const AlignRight = () => (\n  <div\n    style={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n    }}\n  >\n    <Dropdown align=\"right\">\n      <DropdownButton\n        role=\"button\"\n        aria-haspopup=\"true\"\n        aria-controls=\"menu2\"\n        arrow\n      >\n        \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n      </DropdownButton>\n      <DropdownContent role=\"menu\" id=\"menu2\">\n        <FieldContainer role=\"menuitem\">\n          <LabelContainer>\n            <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n            <TextInput name=\"input-name\" />\n          </LabelContainer>\n        </FieldContainer>\n        <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n        <NavList layout=\"vertical\">\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n          </NavListItemAction>\n        </NavList>\n        <SectionBreak role=\"separator\" />\n        <Button role=\"menuitem\" color=\"secondary\">\n          \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n        </Button>\n      </DropdownContent>\n    </Dropdown>\n  </div>\n);\n\nexport default AlignRight;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAE/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,yBAAyB;AAEpC,MAAM,aAAa,MACxB;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,IACd;AAAA;AAAA,EAEA,oCAAC,YAAS,OAAM,WACd;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,OAAK;AAAA;AAAA,IACN;AAAA,EAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,GAC/B,oCAAC,UAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AACF;AAGF,IAAO,qBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavList, NavListItemAction } from '@digigov/ui/navigation/NavList';\n\nexport const AlignRight = () => (\n  <div\n    style={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n    }}\n  >\n    <Dropdown align=\"right\">\n      <DropdownButton\n        role=\"button\"\n        aria-haspopup=\"true\"\n        aria-controls=\"menu2\"\n        arrow\n      >\n        \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n      </DropdownButton>\n      <DropdownContent role=\"menu\" id=\"menu2\">\n        <FieldContainer role=\"menuitem\">\n          <LabelContainer>\n            <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n            <TextInput name=\"input-name\" />\n          </LabelContainer>\n        </FieldContainer>\n        <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n        <NavList layout=\"vertical\">\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n          </NavListItemAction>\n        </NavList>\n        <SectionBreak role=\"separator\" />\n        <Button role=\"menuitem\" color=\"secondary\">\n          \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n        </Button>\n      </DropdownContent>\n    </Dropdown>\n  </div>\n);\n\nexport default AlignRight;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAE/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,yBAAyB;AAEpC,MAAM,aAAa,MACxB;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,IACd;AAAA;AAAA,EAEA,oCAAC,YAAS,OAAM,WACd;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,OAAK;AAAA;AAAA,IACN;AAAA,EAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,GAC/B,oCAAC,UAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AACF;AAGF,IAAO,qBAAQ;",
   "names": []
 }

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

@@ -1,7 +1,6 @@
 import React from "react";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextInput } from "@digigov/ui/form/TextInput";
 import { SectionBreak } from "@digigov/ui/layouts/SectionBreak";
 import {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Dropdown/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const Default = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default Default;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAE/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,UAAU,MACrB,oCAAC,gBACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const Default = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAE/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,UAAU,MACrB,oCAAC,gBACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
   "names": []
 }

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

@@ -1,8 +1,7 @@
 import React from "react";
 import { Button } from "@digigov/ui/form/Button";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextInput } from "@digigov/ui/form/TextInput";
 import { SectionBreak } from "@digigov/ui/layouts/SectionBreak";
 import {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Dropdown/__stories__/Dense.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const Dense = () => (\n  <Dropdown dense>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n      <SectionBreak role=\"separator\" />\n      <Button role=\"menuitem\" color=\"secondary\">\n        \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n      </Button>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default Dense;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAE/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,QAAQ,MACnB,oCAAC,YAAS,OAAK,QACb;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,GAC/B,oCAAC,UAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AAGF,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const Dense = () => (\n  <Dropdown dense>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n      <SectionBreak role=\"separator\" />\n      <Button role=\"menuitem\" color=\"secondary\">\n        \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n      </Button>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default Dense;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAE/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,QAAQ,MACnB,oCAAC,YAAS,OAAK,QACb;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,GAC/B,oCAAC,UAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AAGF,IAAO,gBAAQ;",
   "names": []
 }

package/navigation/Dropdown/__stories__/Disabled/index.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextInput } from "@digigov/ui/form/TextInput";
 import { SectionBreak } from "@digigov/ui/layouts/SectionBreak";
 import {

package/navigation/Dropdown/__stories__/Disabled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Dropdown/__stories__/Disabled.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  DropdownBase,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const Disabled = () => (\n  <DropdownBase disabled>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n    </DropdownContent>\n  </DropdownBase>\n);\n\nexport default Disabled;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAE/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,WAAW,MACtB,oCAAC,gBAAa,UAAQ,QACpB;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,CACF,CACF;AAGF,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  DropdownBase,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const Disabled = () => (\n  <DropdownBase disabled>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n    </DropdownContent>\n  </DropdownBase>\n);\n\nexport default Disabled;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAE/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,WAAW,MACtB,oCAAC,gBAAa,UAAQ,QACpB;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,CACF,CACF;AAGF,IAAO,mBAAQ;",
   "names": []
 }

package/navigation/Dropdown/__stories__/PlacementTop/index.js

@@ -1,8 +1,7 @@
 import React from "react";
 import { Button } from "@digigov/ui/form/Button";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextInput } from "@digigov/ui/form/TextInput";
 import { SectionBreak } from "@digigov/ui/layouts/SectionBreak";
 import {

package/navigation/Dropdown/__stories__/PlacementTop.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Dropdown/__stories__/PlacementTop.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const PlacementTop = () => (\n  <div\n    style={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n    }}\n  >\n    {/* marginTop is here for the demostration. Remove it if you use it. */}\n    <Dropdown placement=\"top\" style={{ marginTop: '22rem' }}>\n      <DropdownButton\n        role=\"button\"\n        aria-haspopup=\"true\"\n        aria-controls=\"menu2\"\n        arrow\n      >\n        \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n      </DropdownButton>\n      <DropdownContent role=\"menu\" id=\"menu2\">\n        <FieldContainer role=\"menuitem\">\n          <LabelContainer>\n            <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n            <TextInput name=\"input-name\" />\n          </LabelContainer>\n        </FieldContainer>\n        <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n        <NavList layout=\"vertical\">\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n          </NavListItemAction>\n        </NavList>\n        <SectionBreak role=\"separator\" />\n        <Button role=\"menuitem\" color=\"secondary\">\n          \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n        </Button>\n      </DropdownContent>\n    </Dropdown>\n  </div>\n);\n\nexport default PlacementTop;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAE/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,eAAe,MAC1B;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,IACd;AAAA;AAAA,EAGA,oCAAC,YAAS,WAAU,OAAM,OAAO,EAAE,WAAW,QAAQ,KACpD;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,OAAK;AAAA;AAAA,IACN;AAAA,EAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,GAC/B,oCAAC,UAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AACF;AAGF,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const PlacementTop = () => (\n  <div\n    style={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n    }}\n  >\n    {/* marginTop is here for the demostration. Remove it if you use it. */}\n    <Dropdown placement=\"top\" style={{ marginTop: '22rem' }}>\n      <DropdownButton\n        role=\"button\"\n        aria-haspopup=\"true\"\n        aria-controls=\"menu2\"\n        arrow\n      >\n        \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n      </DropdownButton>\n      <DropdownContent role=\"menu\" id=\"menu2\">\n        <FieldContainer role=\"menuitem\">\n          <LabelContainer>\n            <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n            <TextInput name=\"input-name\" />\n          </LabelContainer>\n        </FieldContainer>\n        <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n        <NavList layout=\"vertical\">\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n          </NavListItemAction>\n        </NavList>\n        <SectionBreak role=\"separator\" />\n        <Button role=\"menuitem\" color=\"secondary\">\n          \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n        </Button>\n      </DropdownContent>\n    </Dropdown>\n  </div>\n);\n\nexport default PlacementTop;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAE/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,eAAe,MAC1B;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,IACd;AAAA;AAAA,EAGA,oCAAC,YAAS,WAAU,OAAM,OAAO,EAAE,WAAW,QAAQ,KACpD;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,OAAK;AAAA;AAAA,IACN;AAAA,EAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,GAC/B,oCAAC,UAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AACF;AAGF,IAAO,uBAAQ;",
   "names": []
 }

package/navigation/Dropdown/__stories__/ScrollableContent/index.js

@@ -64,7 +64,7 @@ const ScrollableContent = () => /* @__PURE__ */ React.createElement(Dropdown, nu
     arrow: true
   },
   "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"
-), /* @__PURE__ */ React.createElement(DropdownContent, { role: "menu", id: "menu2", scrollable: true }, /* @__PURE__ */ React.createElement(NavList, { layout: "vertical" }, data.map((item) => /* @__PURE__ */ React.createElement(NavListItemAction, { role: "menuitem", href: item.href }, item.name)))));
+), /* @__PURE__ */ React.createElement(DropdownContent, { role: "menu", id: "menu2", scrollable: true }, /* @__PURE__ */ React.createElement(NavList, { layout: "vertical" }, data.map((item) => /* @__PURE__ */ React.createElement(NavListItemAction, { key: item.name, role: "menuitem", href: item.href }, item.name)))));
 var ScrollableContent_default = ScrollableContent;
 export {
   ScrollableContent,

package/navigation/Dropdown/__stories__/ScrollableContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Dropdown/__stories__/ScrollableContent.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nconst data = [\n  {\n    name: 'Item 1',\n    href: '#',\n  },\n  {\n    name: 'Item 2',\n    href: '#',\n  },\n  {\n    name: 'Item 3',\n    href: '#',\n  },\n  {\n    name: 'Item 4',\n    href: '#',\n  },\n  {\n    name: 'Item 5',\n    href: '#',\n  },\n  {\n    name: 'Item 6',\n    href: '#',\n  },\n  {\n    name: 'Item 7',\n    href: '#',\n  },\n  {\n    name: 'Item 8',\n    href: '#',\n  },\n  {\n    name: 'Item 9',\n    href: '#',\n  },\n  {\n    name: 'Item 10',\n    href: '#',\n  },\n  {\n    name: 'Item 11',\n    href: '#',\n  },\n  {\n    name: 'Item 12',\n    href: '#',\n  },\n];\n\nexport const ScrollableContent = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\" scrollable>\n      <NavList layout=\"vertical\">\n        {data.map((item) => (\n          <NavListItemAction role=\"menuitem\" href={item.href}>\n            {item.name}\n          </NavListItemAction>\n        ))}\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default ScrollableContent;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAE3C,MAAM,OAAO;AAAA,EACX;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEO,MAAM,oBAAoB,MAC/B,oCAAC,gBACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,SAAQ,YAAU,QAChD,oCAAC,WAAQ,QAAO,cACb,KAAK,IAAI,CAAC,SACT,oCAAC,qBAAkB,MAAK,YAAW,MAAM,KAAK,QAC3C,KAAK,IACR,CACD,CACH,CACF,CACF;AAGF,IAAO,4BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nconst data = [\n  {\n    name: 'Item 1',\n    href: '#',\n  },\n  {\n    name: 'Item 2',\n    href: '#',\n  },\n  {\n    name: 'Item 3',\n    href: '#',\n  },\n  {\n    name: 'Item 4',\n    href: '#',\n  },\n  {\n    name: 'Item 5',\n    href: '#',\n  },\n  {\n    name: 'Item 6',\n    href: '#',\n  },\n  {\n    name: 'Item 7',\n    href: '#',\n  },\n  {\n    name: 'Item 8',\n    href: '#',\n  },\n  {\n    name: 'Item 9',\n    href: '#',\n  },\n  {\n    name: 'Item 10',\n    href: '#',\n  },\n  {\n    name: 'Item 11',\n    href: '#',\n  },\n  {\n    name: 'Item 12',\n    href: '#',\n  },\n];\n\nexport const ScrollableContent = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\" scrollable>\n      <NavList layout=\"vertical\">\n        {data.map((item) => (\n          <NavListItemAction key={item.name} role=\"menuitem\" href={item.href}>\n            {item.name}\n          </NavListItemAction>\n        ))}\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default ScrollableContent;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAE3C,MAAM,OAAO;AAAA,EACX;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEO,MAAM,oBAAoB,MAC/B,oCAAC,gBACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,SAAQ,YAAU,QAChD,oCAAC,WAAQ,QAAO,cACb,KAAK,IAAI,CAAC,SACT,oCAAC,qBAAkB,KAAK,KAAK,MAAM,MAAK,YAAW,MAAM,KAAK,QAC3D,KAAK,IACR,CACD,CACH,CACF,CACF;AAGF,IAAO,4BAAQ;",
   "names": []
 }

package/navigation/Dropdown/__stories__/VariantLink/index.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextInput } from "@digigov/ui/form/TextInput";
 import { SectionBreak } from "@digigov/ui/layouts/SectionBreak";
 import {

package/navigation/Dropdown/__stories__/VariantLink.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Dropdown/__stories__/VariantLink.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const VariantLink = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      variant=\"link\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default VariantLink;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAE/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,cAAc,MACzB,oCAAC,gBACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,SAAQ;AAAA,IACR,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,CACF,CACF;AAGF,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const VariantLink = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      variant=\"link\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default VariantLink;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAE/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,cAAc,MACzB,oCAAC,gBACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,SAAQ;AAAA,IACR,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,CACF,CACF;AAGF,IAAO,sBAAQ;",
   "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/Link/__stories__/WithProvider/index.js

@@ -3,7 +3,15 @@ import { Link, LinkProvider } from "@digigov/ui/navigation/Link";
 const CustomLink = (props) => {
   return /* @__PURE__ */ React.createElement("div", null, props.children);
 };
-const WithProvider = () => /* @__PURE__ */ React.createElement(LinkProvider, { component: CustomLink }, /* @__PURE__ */ React.createElement(Link, { "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", role: "link", href: "#" }, "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2"));
+const WithProvider = () => /* @__PURE__ */ React.createElement(LinkProvider, { component: CustomLink }, /* @__PURE__ */ React.createElement(
+  Link,
+  {
+    "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",
+    role: "link",
+    href: "#"
+  },
+  "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2"
+));
 var WithProvider_default = WithProvider;
 export {
   WithProvider,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Link/__stories__/WithProvider.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Link, LinkProvider } from '@digigov/ui/navigation/Link';\n\nconst CustomLink: React.FC<any> = (props) => {\n  return <div>{props.children}</div>;\n};\n\nexport const WithProvider = () => (\n  <LinkProvider component={CustomLink}>\n    <Link 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\" role=\"link\" href=\"#\">\n      \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n    </Link>\n  </LinkProvider>\n);\n\nexport default WithProvider;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,MAAM,oBAAoB;AAEnC,MAAM,aAA4B,CAAC,UAAU;AAC3C,SAAO,oCAAC,aAAK,MAAM,QAAS;AAC9B;AAEO,MAAM,eAAe,MAC1B,oCAAC,gBAAa,WAAW,cACvB,oCAAC,QAAK,cAAW,+KAAuC,MAAK,QAAO,MAAK,OAAI,wDAE7E,CACF;AAGF,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { Link, LinkProvider } from '@digigov/ui/navigation/Link';\n\nconst CustomLink: React.FC<any> = (props) => {\n  return <div>{props.children}</div>;\n};\n\nexport const WithProvider = () => (\n  <LinkProvider component={CustomLink}>\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  </LinkProvider>\n);\n\nexport default WithProvider;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,MAAM,oBAAoB;AAEnC,MAAM,aAA4B,CAAC,UAAU;AAC3C,SAAO,oCAAC,aAAK,MAAM,QAAS;AAC9B;AAEO,MAAM,eAAe,MAC1B,oCAAC,gBAAa,WAAW,cACvB;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,MAAK;AAAA;AAAA,EACN;AAED,CACF;AAGF,IAAO,uBAAQ;",
   "names": []
 }

package/navigation/Link/index.js

@@ -1,7 +1,11 @@
 import React from "react";
 import LinkBase from "@digigov/react-core/LinkBase";
-const CommonLink = (props) => /* @__PURE__ */ React.createElement(LinkBase, { ...props }, props.children);
-const LinkComponentContext = React.createContext(LinkBase);
+const CommonLink = (props) => {
+  const defaultStyle = !props.className;
+  const underline = props.className ? !defaultStyle : defaultStyle;
+  return /* @__PURE__ */ React.createElement(LinkBase, { defaultStyle, underline, ...props }, props.children);
+};
+const LinkComponentContext = React.createContext(CommonLink);
 const LinkProvider = (props) => {
   return /* @__PURE__ */ React.createElement(LinkComponentContext.Provider, { value: props.component }, props.children);
 };

package/navigation/Link/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Link/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface LinkComponentContextProps {\n  component: React.ElementType<LinkProps>;\n  children?: React.ReactNode;\n}\n\nexport const CommonLink: React.FC<LinkProps> = (props) => (\n  <LinkBase {...props}>{props.children}</LinkBase>\n);\n\nconst LinkComponentContext =\n  React.createContext<React.ElementType<LinkProps>>(LinkBase);\nexport const LinkProvider: React.FC<LinkComponentContextProps> = (props) => {\n  return (\n    <LinkComponentContext.Provider value={props.component}>\n      {props.children}\n    </LinkComponentContext.Provider>\n  );\n};\n\nexport type LinkProps = Omit<LinkBaseProps, 'ref'> &\n  React.RefAttributes<HTMLAnchorElement>;\n\nconst Link: React.ExoticComponent<LinkProps> = React.forwardRef(function Link(\n  { children, href = '', ...props },\n  ref: React.Ref<HTMLAnchorElement>\n) {\n  const LinkComponent = React.useContext(LinkComponentContext) as any;\n  return (\n    <LinkComponent ref={ref} href={href} {...props}>\n      {children}\n    </LinkComponent>\n  );\n});\n//@ts-ignore\nLink.displayName = 'Link';\nexport default Link;\nexport { Link, LinkBase };\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,cAAiC;AAOjC,MAAM,aAAkC,CAAC,UAC9C,oCAAC,YAAU,GAAG,SAAQ,MAAM,QAAS;AAGvC,MAAM,uBACJ,MAAM,cAA4C,QAAQ;AACrD,MAAM,eAAoD,CAAC,UAAU;AAC1E,SACE,oCAAC,qBAAqB,UAArB,EAA8B,OAAO,MAAM,aACzC,MAAM,QACT;AAEJ;AAKA,MAAM,OAAyC,MAAM,WAAW,SAASA,MACvE,EAAE,UAAU,OAAO,IAAI,GAAG,MAAM,GAChC,KACA;AACA,QAAM,gBAAgB,MAAM,WAAW,oBAAoB;AAC3D,SACE,oCAAC,iBAAc,KAAU,MAAa,GAAG,SACtC,QACH;AAEJ,CAAC;AAED,KAAK,cAAc;AACnB,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';\nexport interface LinkComponentContextProps {\n  component: React.ElementType<LinkProps>;\n  children?: React.ReactNode;\n}\n\nexport const CommonLink: React.FC<LinkProps> = (props) => {\n  const defaultStyle = !props.className;\n  const underline = props.className ? !defaultStyle : defaultStyle;\n  return (\n    <LinkBase defaultStyle={defaultStyle} underline={underline} {...props}>\n      {props.children}\n    </LinkBase>\n  );\n};\n\nconst LinkComponentContext =\n  React.createContext<React.ElementType<LinkProps>>(CommonLink);\nexport const LinkProvider: React.FC<LinkComponentContextProps> = (props) => {\n  return (\n    <LinkComponentContext.Provider value={props.component}>\n      {props.children}\n    </LinkComponentContext.Provider>\n  );\n};\n\nexport type LinkProps = Omit<LinkBaseProps, 'ref'> &\n  React.RefAttributes<HTMLAnchorElement>;\n\nconst Link: React.ExoticComponent<LinkProps> = React.forwardRef(function Link(\n  { children, href = '', ...props },\n  ref: React.Ref<HTMLAnchorElement>\n) {\n  const LinkComponent = React.useContext(LinkComponentContext) as any;\n  return (\n    <LinkComponent ref={ref} href={href} {...props}>\n      {children}\n    </LinkComponent>\n  );\n});\n//@ts-ignore\nLink.displayName = 'Link';\nexport default Link;\nexport { Link, LinkBase };\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,cAAiC;AAMjC,MAAM,aAAkC,CAAC,UAAU;AACxD,QAAM,eAAe,CAAC,MAAM;AAC5B,QAAM,YAAY,MAAM,YAAY,CAAC,eAAe;AACpD,SACE,oCAAC,YAAS,cAA4B,WAAuB,GAAG,SAC7D,MAAM,QACT;AAEJ;AAEA,MAAM,uBACJ,MAAM,cAA4C,UAAU;AACvD,MAAM,eAAoD,CAAC,UAAU;AAC1E,SACE,oCAAC,qBAAqB,UAArB,EAA8B,OAAO,MAAM,aACzC,MAAM,QACT;AAEJ;AAKA,MAAM,OAAyC,MAAM,WAAW,SAASA,MACvE,EAAE,UAAU,OAAO,IAAI,GAAG,MAAM,GAChC,KACA;AACA,QAAM,gBAAgB,MAAM,WAAW,oBAAoB;AAC3D,SACE,oCAAC,iBAAc,KAAU,MAAa,GAAG,SACtC,QACH;AAEJ,CAAC;AAED,KAAK,cAAc;AACnB,IAAO,eAAQ;",
   "names": ["Link"]
 }

package/navigation/NavList/NavListAuto/index.js

@@ -1,14 +1,16 @@
 import React from "react";
-import NavList from "@digigov/react-core/NavList";
-import NavListItemAction from "@digigov/react-core/NavListItemAction";
-import NavMenuContainer from "@digigov/react-core/NavMenuContainer";
-import NavMenuContent from "@digigov/react-core/NavMenuContent";
-import NavMenuContentListItem from "@digigov/react-core/NavMenuContentListItem";
-import NavMenuTitle from "@digigov/react-core/NavMenuTitle";
 import { Link } from "@digigov/ui/navigation/Link";
+import {
+  NavList,
+  NavListItemAction,
+  NavMenuContentList,
+  NavMenuContentListItem,
+  NavMenuContent,
+  NavMenuContainer,
+  NavMenuTitle
+} from "@digigov/ui/navigation/NavList";
 import { useNavList } from "@digigov/ui/navigation/NavList/hooks/useNavList";
-import Nav from "@digigov/ui/navigation/NavList/Nav";
-import NavMenuContentList from "@digigov/ui/navigation/NavList/NavMenuContentList";
+import { Nav } from "@digigov/ui/navigation/NavList/Nav";
 const NavListAuto = ({
   layout,
   links = [],