npm - @digigov/ui - Versions diffs - 2.0.0-834daea4 → 2.0.0-87b6232d - Mend

@digigov/ui 2.0.0-834daea4 → 2.0.0-87b6232d

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

Files changed (1044) hide show

package/navigation/Breadcrumbs/utils.js.map CHANGED Viewed

@@ -1,7 +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: number = 15,\n  prepend: string = '',\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,YAAoB,IACpB,UAAkB,IAClB,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;",
+  "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__/Default/index.js CHANGED Viewed

@@ -1,6 +1,5 @@
 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";
 function useDrawer() {

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

@@ -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  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;",
+  "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/Dropdown/Dropdown.stories.js.map CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 = [],

package/navigation/NavList/NavListAuto/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/NavList/NavListAuto/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport NavList from '@digigov/react-core/NavList';\nimport NavListItemAction from '@digigov/react-core/NavListItemAction';\nimport NavMenuContainer from '@digigov/react-core/NavMenuContainer';\nimport NavMenuContent from '@digigov/react-core/NavMenuContent';\nimport NavMenuContentListItem from '@digigov/react-core/NavMenuContentListItem';\nimport NavMenuTitle from '@digigov/react-core/NavMenuTitle';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';\nimport Nav from '@digigov/ui/navigation/NavList/Nav';\nimport NavMenuContentList from '@digigov/ui/navigation/NavList/NavMenuContentList';\nimport { NavListAutoProps } from '@digigov/ui/navigation/NavList/types';\n\nexport const NavListAuto: React.FC<NavListAutoProps> = ({\n  layout,\n  links = [],\n  ...props\n}) => {\n  const { registerNavItemMenu, registerNavItem } = useNavList();\n\n  return (\n    <Nav {...props}>\n      <NavList layout={layout}>\n        {links.map((item, key) => (\n          <React.Fragment key={key}>\n            <NavListItemAction {...registerNavItem(item)}>\n              {item.label}\n            </NavListItemAction>\n            {item.subMenu && (\n              <NavMenuContainer\n                layout={layout}\n                {...registerNavItemMenu(item.name)}\n              >\n                {(item.subMenuHeading || item.label) && (\n                  <NavMenuTitle>\n                    {item.subMenuHeading || item.label}\n                  </NavMenuTitle>\n                )}\n                <NavMenuContent>\n                  <NavMenuContentList role=\"menu\">\n                    {item.subMenu?.map((subMenu, menuIndex) => {\n                      return (\n                        subMenu?.href && (\n                          <NavMenuContentListItem\n                            key={menuIndex}\n                            role=\"presentation\"\n                          >\n                            <Link\n                              role=\"menuitem\"\n                              id={subMenu.name}\n                              href={subMenu.href}\n                            >\n                              {subMenu.label}\n                            </Link>\n                          </NavMenuContentListItem>\n                        )\n                      );\n                    })}\n                  </NavMenuContentList>\n                </NavMenuContent>\n              </NavMenuContainer>\n            )}\n          </React.Fragment>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default NavListAuto;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,aAAa;AACpB,OAAO,uBAAuB;AAC9B,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,OAAO,4BAA4B;AACnC,OAAO,kBAAkB;AACzB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,OAAO,SAAS;AAChB,OAAO,wBAAwB;AAGxB,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,qBAAqB,gBAAgB,IAAI,WAAW;AAE5D,SACE,oCAAC,OAAK,GAAG,SACP,oCAAC,WAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,oCAAC,MAAM,UAAN,EAAe,OACd,oCAAC,qBAAmB,GAAG,gBAAgB,IAAI,KACxC,KAAK,KACR,GACC,KAAK,WACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG,oBAAoB,KAAK,IAAI;AAAA;AAAA,KAE/B,KAAK,kBAAkB,KAAK,UAC5B,oCAAC,oBACE,KAAK,kBAAkB,KAAK,KAC/B;AAAA,IAEF,oCAAC,sBACC,oCAAC,sBAAmB,MAAK,UACtB,KAAK,SAAS,IAAI,CAAC,SAAS,cAAc;AACzC,aACE,SAAS,QACP;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA;AAAA,QAEL;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ,MAAM,QAAQ;AAAA;AAAA,UAEb,QAAQ;AAAA,QACX;AAAA,MACF;AAAA,IAGN,CAAC,CACH,CACF;AAAA,EACF,CAEJ,CACD,CACH,CACF;AAEJ;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  NavList,\n  NavListItemAction,\n  NavMenuContentList,\n  NavMenuContentListItem,\n  NavMenuContent,\n  NavMenuContainer,\n  NavMenuTitle,\n} from '@digigov/ui/navigation/NavList';\nimport { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';\nimport { Nav } from '@digigov/ui/navigation/NavList/Nav';\nimport { NavListAutoProps } from '@digigov/ui/navigation/NavList/types';\n\nexport const NavListAuto: React.FC<NavListAutoProps> = ({\n  layout,\n  links = [],\n  ...props\n}) => {\n  const { registerNavItemMenu, registerNavItem } = useNavList();\n\n  return (\n    <Nav {...props}>\n      <NavList layout={layout}>\n        {links.map((item, key) => (\n          <React.Fragment key={key}>\n            <NavListItemAction {...registerNavItem(item)}>\n              {item.label}\n            </NavListItemAction>\n            {item.subMenu && (\n              <NavMenuContainer\n                layout={layout}\n                {...registerNavItemMenu(item.name)}\n              >\n                {(item.subMenuHeading || item.label) && (\n                  <NavMenuTitle>\n                    {item.subMenuHeading || item.label}\n                  </NavMenuTitle>\n                )}\n                <NavMenuContent>\n                  <NavMenuContentList role=\"menu\">\n                    {item.subMenu?.map((subMenu, menuIndex) => {\n                      return (\n                        subMenu?.href && (\n                          <NavMenuContentListItem\n                            key={menuIndex}\n                            role=\"presentation\"\n                          >\n                            <Link\n                              role=\"menuitem\"\n                              id={subMenu.name}\n                              href={subMenu.href}\n                            >\n                              {subMenu.label}\n                            </Link>\n                          </NavMenuContentListItem>\n                        )\n                      );\n                    })}\n                  </NavMenuContentList>\n                </NavMenuContent>\n              </NavMenuContainer>\n            )}\n          </React.Fragment>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default NavListAuto;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AAGb,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,qBAAqB,gBAAgB,IAAI,WAAW;AAE5D,SACE,oCAAC,OAAK,GAAG,SACP,oCAAC,WAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,oCAAC,MAAM,UAAN,EAAe,OACd,oCAAC,qBAAmB,GAAG,gBAAgB,IAAI,KACxC,KAAK,KACR,GACC,KAAK,WACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG,oBAAoB,KAAK,IAAI;AAAA;AAAA,KAE/B,KAAK,kBAAkB,KAAK,UAC5B,oCAAC,oBACE,KAAK,kBAAkB,KAAK,KAC/B;AAAA,IAEF,oCAAC,sBACC,oCAAC,sBAAmB,MAAK,UACtB,KAAK,SAAS,IAAI,CAAC,SAAS,cAAc;AACzC,aACE,SAAS,QACP;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA;AAAA,QAEL;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ,MAAM,QAAQ;AAAA;AAAA,UAEb,QAAQ;AAAA,QACX;AAAA,MACF;AAAA,IAGN,CAAC,CACH,CACF;AAAA,EACF,CAEJ,CACD,CACH,CACF;AAEJ;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/navigation/NavList/NavListItemAction/index.js ADDED Viewed

@@ -0,0 +1,37 @@
+export * from "@digigov/react-core/NavListItemActionBase";
+import React from "react";
+import {
+  NavListItemButton,
+  NavListItemBadge,
+  NavListItemActionContainer
+} from "@digigov/ui/navigation/NavList";
+import {
+  NavListItemLink
+} from "@digigov/ui/navigation/NavList/NavListItemLink";
+const NavListItemAction = React.forwardRef(function NavListItemAction2({ label, arrow = false, href, className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(NavListItemActionContainer, null, href ? /* @__PURE__ */ React.createElement(
+    NavListItemLink,
+    {
+      ...props,
+      href,
+      className,
+      ref
+    },
+    children || label
+  ) : /* @__PURE__ */ React.createElement(
+    NavListItemButton,
+    {
+      ...props,
+      arrow,
+      className,
+      ref
+    },
+    children || label
+  ), props.badgeText && /* @__PURE__ */ React.createElement(NavListItemBadge, { text: props.badgeText }));
+});
+var NavListItemAction_default = NavListItemAction;
+export {
+  NavListItemAction,
+  NavListItemAction_default as default
+};
+//# sourceMappingURL=NavListItemAction.js.map

package/navigation/NavList/NavListItemAction/package.json ADDED Viewed

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

package/navigation/NavList/NavListItemAction.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+export * from '@digigov/react-core/NavListItemActionBase';
+import React from 'react';
+import { NavListItemButtonProps } from '@digigov/ui/navigation/NavList';
+import { NavListItemLinkProps } from '@digigov/ui/navigation/NavList/NavListItemLink';
+export type LinkButtonJoinProps = NavListItemLinkProps & NavListItemButtonProps;
+export interface NavListItemActionBaseProps extends LinkButtonJoinProps {
+    /**
+     * label is optional.
+     * The label for the NavListItemActionBase.
+     */
+    label?: string;
+    /**
+     * arrow is optional.
+     * use arrow prop if you want to have arrow at the nav list item.
+     * @value true
+     * @value false
+     * @default false
+     */
+    arrow?: boolean;
+    badgeText?: string;
+}
+/**
+ * NavListItemAction must be inside the NavList.
+ * This component has a items of NavListItemLink component inside.
+ */
+export declare const NavListItemAction: React.ForwardRefExoticComponent<Omit<NavListItemActionBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export default NavListItemAction;

package/navigation/NavList/NavListItemAction.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/NavList/NavListItemAction.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/NavListItemActionBase';\nimport React, { ForwardedRef } from 'react';\nimport {\n  NavListItemButton,\n  NavListItemButtonProps,\n  NavListItemBadge,\n  NavListItemActionContainer,\n} from '@digigov/ui/navigation/NavList';\nimport {\n  NavListItemLink,\n  NavListItemLinkProps,\n} from '@digigov/ui/navigation/NavList/NavListItemLink';\n\nexport type LinkButtonJoinProps = NavListItemLinkProps & NavListItemButtonProps;\nexport interface NavListItemActionBaseProps extends LinkButtonJoinProps {\n  /**\n   * label is optional.\n   * The label for the NavListItemActionBase.\n   */\n  label?: string;\n\n  /**\n   * arrow is optional.\n   * use arrow prop if you want to have arrow at the nav list item.\n   * @value true\n   * @value false\n   * @default false\n   */\n  arrow?: boolean;\n  badgeText?: string;\n}\n/**\n * NavListItemAction must be inside the NavList.\n * This component has a items of NavListItemLink component inside.\n */\nexport const NavListItemAction = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  NavListItemActionBaseProps\n>(function NavListItemAction(\n  { label, arrow = false, href, className, children, ...props },\n  ref\n) {\n  return (\n    <NavListItemActionContainer>\n      {href ? (\n        <NavListItemLink\n          {...props}\n          href={href}\n          className={className}\n          ref={ref as ForwardedRef<HTMLAnchorElement>}\n        >\n          {children || label}\n        </NavListItemLink>\n      ) : (\n        <NavListItemButton\n          {...props}\n          arrow={arrow}\n          className={className}\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n        >\n          {children || label}\n        </NavListItemButton>\n      )}\n      {props.badgeText && <NavListItemBadge text={props.badgeText} />}\n    </NavListItemActionContainer>\n  );\n});\n\nexport default NavListItemAction;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAA6B;AACpC;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,OAEK;AAwBA,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBACT,EAAE,OAAO,QAAQ,OAAO,MAAM,WAAW,UAAU,GAAG,MAAM,GAC5D,KACA;AACA,SACE,oCAAC,kCACE,OACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,IAEA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,GAED,MAAM,aAAa,oCAAC,oBAAiB,MAAM,MAAM,WAAW,CAC/D;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
+  "names": ["NavListItemAction"]
+}

package/navigation/NavList/NavListItemLink/index.js ADDED Viewed

@@ -0,0 +1,15 @@
+export * from "@digigov/react-core/NavListItemLinkBase";
+import React from "react";
+import {
+  NavListItemLinkBase
+} from "@digigov/react-core/NavListItemLinkBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const NavListItemLink = React.forwardRef(function NavListItemLink2({ children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(NavListItemLinkBase, { as: Link, ref, ...props }, children);
+});
+var NavListItemLink_default = NavListItemLink;
+export {
+  NavListItemLink,
+  NavListItemLink_default as default
+};
+//# sourceMappingURL=NavListItemLink.js.map