@digigov/react-core 2.0.0-daaf7bdf → 2.0.0-eaf330f5

package/cjs/KitchenSinkLetterContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/KitchenSinkLetterContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkLetterContentProps extends BaseProps<'div'> { }\n\nexport const KitchenSinkLetterContent = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkLetterContentProps\n>(function KitchenSinkLetterContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-letter-content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkLetterContentProps extends BaseProps<'div'> {}\n\nexport const KitchenSinkLetterContent = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkLetterContentProps\n>(function KitchenSinkLetterContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-letter-content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAIzB,MAAM,2BAA2B,aAAAA,QAAM,WAG5C,SAASC,0BAAyB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["React", "KitchenSinkLetterContent", "clsx"]
 }

package/cjs/LabelContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/LabelContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LabelContainerProps extends BaseProps<'label'> { }\n/**\n * Label component defines a label for several elements at forms.\n */\nexport const LabelContainer = React.forwardRef<\n  HTMLLabelElement,\n  LabelContainerProps\n>(function LabelContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"label\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-label': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default LabelContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LabelContainerProps extends BaseProps<'label'> {}\n/**\n * Label component defines a label for several elements at forms.\n */\nexport const LabelContainer = React.forwardRef<\n  HTMLLabelElement,\n  LabelContainerProps\n>(function LabelContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"label\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-label': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default LabelContainer;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,YAAY;AAAA,MACd,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["React", "LabelContainer", "Base", "clsx"]
 }

package/cjs/LinkBase/index.js

@@ -35,16 +35,17 @@ var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
 const LinkBase = import_react.default.forwardRef(
-  function LinkBase2({ underline = true, className, children, ...props }, ref) {
+  function LinkBase2({ underline = true, defaultStyle = true, className, children, ...props }, ref) {
     return /* @__PURE__ */ import_react.default.createElement(
       import_Base.default,
       {
         as: "a",
         ref,
         className: (0, import_clsx.default)(className, {
-          "ds-link": true,
+          "ds-link": defaultStyle,
           "ds-link--no-underline": !underline
         }),
+        defaultStyle,
         ...props
       },
       children

package/cjs/LinkBase/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/LinkBase/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LinkBaseProps extends BaseProps<'a'> {\n  /**\n   * underline is optional. The default value is 'true'.\n   * Make it 'false' only if the context tells the user that the text is a link, even without the underline.\n   * @value true\n   * @value false\n   */\n  underline?: boolean;\n}\n/**\n * This component defines a hyperlink, which is used to link from one page to another.\n */\nexport const LinkBase = React.forwardRef<HTMLAnchorElement, LinkBaseProps>(\n  function LinkBase({ underline = true, className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"a\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-link': true,\n          'ds-link--no-underline': !underline,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default LinkBase;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAczB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UAAS,EAAE,YAAY,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1E,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,WAAW;AAAA,UACX,yBAAyB,CAAC;AAAA,QAC5B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LinkBaseProps extends BaseProps<'a'> {\n  /**\n   * underline is optional. The default value is 'true'.\n   * Make it 'false' only if the context tells the user that the text is a link, even without the underline.\n   * @value true\n   * @value false\n   */\n  underline?: boolean;\n  /**\n   * defaultStyle is optional. The default value is 'true'.\n   * Make it 'false' only if you need to use a link with different style, and the default style clashes over with your\n   * custom styles. For example, BreadcrumbsListItem is a link but it has a different styling.\n   * @value true\n   * @value false\n   */\n  defaultStyle?: boolean;\n}\n/**\n * This component defines a hyperlink, which is used to link from one page to another.\n */\nexport const LinkBase = React.forwardRef<HTMLAnchorElement, LinkBaseProps>(\n  function LinkBase(\n    { underline = true, defaultStyle = true, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-link': defaultStyle,\n          'ds-link--no-underline': !underline,\n        })}\n        defaultStyle={defaultStyle}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default LinkBase;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAsBzB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UACP,EAAE,YAAY,MAAM,eAAe,MAAM,WAAW,UAAU,GAAG,MAAM,GACvE,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,WAAW;AAAA,UACX,yBAAyB,CAAC;AAAA,QAC5B,CAAC;AAAA,QACD;AAAA,QACC,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["React", "LinkBase", "Base", "clsx"]
 }

package/cjs/ListItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ListItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ListItemProps extends BaseProps<'li'> { }\n/**\n * ListItem must be inside List compoenent.\n */\nexport const ListItem = React.forwardRef<HTMLLIElement, ListItemProps>(\n  function ListItem({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"li\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-list__item': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default ListItem;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ListItemProps extends BaseProps<'li'> {}\n/**\n * ListItem must be inside List compoenent.\n */\nexport const ListItem = React.forwardRef<HTMLLIElement, ListItemProps>(\n  function ListItem({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"li\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-list__item': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default ListItem;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UAAS,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxD,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,iBAAiB;AAAA,QACnB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["React", "ListItem", "Base", "clsx"]
 }

package/cjs/LoaderContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/LoaderContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LoaderContainerProps extends BaseProps<'div'> { }\n/**\n * LoaderContainer contains the svg icon that is being displayed in the page and works as a loading indicator.\n */\nexport const LoaderContainer = React.forwardRef<\n  HTMLDivElement,\n  LoaderContainerProps\n>(function LoaderContainer({ children, className, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-loader': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default LoaderContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LoaderContainerProps extends BaseProps<'div'> {}\n/**\n * LoaderContainer contains the svg icon that is being displayed in the page and works as a loading indicator.\n */\nexport const LoaderContainer = React.forwardRef<\n  HTMLDivElement,\n  LoaderContainerProps\n>(function LoaderContainer({ children, className, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-loader': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default LoaderContainer;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AACjE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,aAAa;AAAA,MACf,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "LoaderContainer", "Base", "clsx"]
 }

package/cjs/Main/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Main/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Grid, { GridProps } from '@digigov/react-core/Grid';\n\nexport interface MainProps extends GridProps { }\n/**\n * Use this inside Container component for placing the main content of the page.\n */\nexport const Main = React.forwardRef<HTMLElement, MainProps>(function Main(\n  { className, children, id = 'main-content', ...props },\n  ref\n) {\n  return (\n    <Grid\n      item\n      xs={12}\n      md={8}\n      as=\"main\"\n      id={id}\n      ref={ref}\n      className={clsx(className, {\n        'ds-main': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Grid>\n  );\n});\n\nexport default Main;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Grid, { GridProps } from '@digigov/react-core/Grid';\n\nexport interface MainProps extends GridProps {}\n/**\n * Use this inside Container component for placing the main content of the page.\n */\nexport const Main = React.forwardRef<HTMLElement, MainProps>(function Main(\n  { className, children, id = 'main-content', ...props },\n  ref\n) {\n  return (\n    <Grid\n      item\n      xs={12}\n      md={8}\n      as=\"main\"\n      id={id}\n      ref={ref}\n      className={clsx(className, {\n        'ds-main': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Grid>\n  );\n});\n\nexport default Main;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,OAAO,aAAAA,QAAM,WAAmC,SAASC,MACpE,EAAE,WAAW,UAAU,KAAK,gBAAgB,GAAG,MAAM,GACrD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,MAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,WAAW;AAAA,MACb,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,eAAQ;",
   "names": ["React", "Main", "Grid", "clsx"]
 }

package/cjs/MastheadBody/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MastheadBody/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface MastheadBodyProps extends BaseProps<'p'> { }\n/**\n * Use the MastheadBody inside Masthead an you can wrap your content inside Main component.\n */\nexport const MastheadBody = React.forwardRef<\n  HTMLParagraphElement,\n  MastheadBodyProps\n>(function MastheadBody({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"p\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-masthead__body': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default MastheadBody;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface MastheadBodyProps extends BaseProps<'p'> {}\n/**\n * Use the MastheadBody inside Masthead an you can wrap your content inside Main component.\n */\nexport const MastheadBody = React.forwardRef<\n  HTMLParagraphElement,\n  MastheadBodyProps\n>(function MastheadBody({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"p\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-masthead__body': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default MastheadBody;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["React", "MastheadBody", "Base", "clsx"]
 }

package/cjs/MastheadLogo/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MastheadLogo/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface MastheadLogoProps extends BaseProps<'img'> { }\n/**\n * MastheadLogo is a component for logos and images in the masthead.\n * It is used inside to Masthead.\n *\n */\nexport const MastheadLogo = React.forwardRef<\n  HTMLImageElement,\n  MastheadLogoProps\n>(function MastheadLogo(\n  { className, children, alt = 'masthead logo', ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"img\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-masthead__logo': true,\n      })}\n      {...props}\n      alt={alt}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default MastheadLogo;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface MastheadLogoProps extends BaseProps<'img'> {}\n/**\n * MastheadLogo is a component for logos and images in the masthead.\n * It is used inside to Masthead.\n *\n */\nexport const MastheadLogo = React.forwardRef<\n  HTMLImageElement,\n  MastheadLogoProps\n>(function MastheadLogo(\n  { className, children, alt = 'masthead logo', ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"img\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-masthead__logo': true,\n      })}\n      {...props}\n      alt={alt}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default MastheadLogo;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cACT,EAAE,WAAW,UAAU,MAAM,iBAAiB,GAAG,MAAM,GACvD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA,MACJ;AAAA;AAAA,IAEC;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["React", "MastheadLogo", "Base", "clsx"]
 }

package/cjs/ModalAction/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ModalAction/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ModalActionProps extends BaseProps<'div'> { }\n/**\n * ModelAction contains the action behavior for Modal Component.\n * We can use links, Buttons or ButtonGroup with max of two buttons\n * Use ModalAction inside Modal component as childern\n */\nexport const ModalAction = React.forwardRef<HTMLDivElement, ModalActionProps>(\n  function ModalAction({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-modal__action': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default ModalAction;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ModalActionProps extends BaseProps<'div'> {}\n/**\n * ModelAction contains the action behavior for Modal Component.\n * We can use links, Buttons or ButtonGroup with max of two buttons\n * Use ModalAction inside Modal component as childern\n */\nexport const ModalAction = React.forwardRef<HTMLDivElement, ModalActionProps>(\n  function ModalAction({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-modal__action': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default ModalAction;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,oBAAoB;AAAA,QACtB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["React", "ModalAction", "Base", "clsx"]
 }

package/cjs/ModalContainer/index.js

@@ -41,19 +41,13 @@ const ModalContainer = import_react.default.forwardRef(function ModalContainer2(
       ref,
       as: "div",
       className: (0, import_clsx.default)(className, {
-        "ds-modal": true,
-        "ds-modal--open": open,
-        "ds-modal--dense": dense
+        "ds-modal-container": true,
+        "ds-modal-container--open": open,
+        "ds-modal-container--dense": dense
       }),
       ...props
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "ds-modal__body" }, gaps ? /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: "ds-modal__container"
-      },
-      children
-    ) : children)
+    /* @__PURE__ */ import_react.default.createElement(import_Base.default, { as: "div", className: "ds-modal" }, gaps ? /* @__PURE__ */ import_react.default.createElement(import_Base.default, { as: "div", className: "ds-modal__body" }, children) : children)
   );
 });
 var ModalContainer_default = ModalContainer;

package/cjs/ModalContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ModalContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ModalContainerProps extends BaseProps<'div'> {\n  /**\n   * @value true\n   * @value false\n   */\n  open?: boolean;\n  /**\n   * dense is optional.\n   * @value true ModalContainer and its children will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n  /**\n   * gaps is optional.\n   * @value false there will be no extra gaps among children components.\n   * @value true\n   * @default true\n   */\n  gaps?: boolean;\n}\n/**\n * Modals can be used to open a pop-up dialog box and provide critical information\n * or ask for a decision. Modals disable all app functionality when they appear, and\n * remain on screen until confirmed, dismissed, or a required action has been taken\n * Use Modal as parent component to wrap ModalHeading, ModalText and ModalAction components\n */\nexport const ModalContainer = React.forwardRef<\n  HTMLDivElement,\n  ModalContainerProps\n>(function ModalContainer({ className, gaps = true, children, open, dense, ...props }, ref) {\n  return (\n    <Base\n      ref={ref}\n      as=\"div\"\n      className={clsx(className, {\n        'ds-modal': true,\n        'ds-modal--open': open,\n        'ds-modal--dense': dense,\n      })}\n      {...props}\n    >\n      <div className='ds-modal__body'>\n        {gaps ?\n          <div\n            className='ds-modal__container'\n          >\n            {children}\n          </div>\n          :\n          children}\n      </div>\n    </Base>\n  );\n});\n\nexport default ModalContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA6BzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBAAe,EAAE,WAAW,OAAO,MAAM,UAAU,MAAM,OAAO,GAAG,MAAM,GAAG,KAAK;AAC1F,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,YAAY;AAAA,QACZ,kBAAkB;AAAA,QAClB,mBAAmB;AAAA,MACrB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA,cAAC,SAAI,WAAU,oBACZ,OACC,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA;AAAA,MAET;AAAA,IACH,IAEA,QACJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ModalContainerProps extends BaseProps<'div'> {\n  /**\n   * @value true\n   * @value false\n   */\n  open?: boolean;\n  /**\n   * dense is optional.\n   * @value true ModalContainer and its children will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n  /**\n   * gaps is optional.\n   * @value false there will be no extra gaps among children components.\n   * @value true\n   * @default true\n   */\n  gaps?: boolean;\n}\n/**\n * Modals can be used to open a pop-up dialog box and provide critical information\n * or ask for a decision. Modals disable all app functionality when they appear, and\n * remain on screen until confirmed, dismissed, or a required action has been taken\n * Use Modal as parent component to wrap ModalHeading, ModalText and ModalAction components\n */\nexport const ModalContainer = React.forwardRef<\n  HTMLDivElement,\n  ModalContainerProps\n>(function ModalContainer(\n  { className, gaps = true, children, open, dense, ...props },\n  ref\n) {\n  return (\n    <Base\n      ref={ref}\n      as=\"div\"\n      className={clsx(className, {\n        'ds-modal-container': true,\n        'ds-modal-container--open': open,\n        'ds-modal-container--dense': dense,\n      })}\n      {...props}\n    >\n      <Base as=\"div\" className=\"ds-modal\">\n        {gaps ? (\n          <Base as=\"div\" className=\"ds-modal__body\">\n            {children}\n          </Base>\n        ) : (\n          children\n        )}\n      </Base>\n    </Base>\n  );\n});\n\nexport default ModalContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA6BzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBACT,EAAE,WAAW,OAAO,MAAM,UAAU,MAAM,OAAO,GAAG,MAAM,GAC1D,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,QACtB,4BAA4B;AAAA,QAC5B,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA,cAAC,YAAAE,SAAA,EAAK,IAAG,OAAM,WAAU,cACtB,OACC,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,IAAG,OAAM,WAAU,oBACtB,QACH,IAEA,QAEJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["React", "ModalContainer", "Base", "clsx"]
 }

package/cjs/ModalContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ModalContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ModalContentProps extends BaseProps<'div'> { }\n/**\n * ModalContent contains the text or any other element for Modal Component\n * Use ModalContent  inside Modal component as children\n */\nexport const ModalContent = React.forwardRef<HTMLDivElement, ModalContentProps>(\n  function ModalContent({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-modal__content': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default ModalContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ModalContentProps extends BaseProps<'div'> {}\n/**\n * ModalContent contains the text or any other element for Modal Component\n * Use ModalContent  inside Modal component as children\n */\nexport const ModalContent = React.forwardRef<HTMLDivElement, ModalContentProps>(\n  function ModalContent({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-modal__content': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default ModalContent;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,eAAe,aAAAA,QAAM;AAAA,EAChC,SAASC,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,qBAAqB;AAAA,QACvB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["React", "ModalContent", "Base", "clsx"]
 }

package/cjs/ModalHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ModalHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Heading, { HeadingProps } from '@digigov/react-core/Heading';\n\nexport interface ModalHeadingProps extends HeadingProps { }\n/**\n * ModalHeading gives header title to Modal Component\n * Use ModalHeading inside Modal component as children\n */\n\nexport const ModalHeading = React.forwardRef<HTMLDivElement, ModalHeadingProps>(\n  function ModalHeading({ children, ...props }, ref) {\n    return (\n      <Heading ref={ref} size=\"md\" element=\"h2\" {...props}>\n        {children}\n      </Heading>\n    );\n  }\n);\n\nexport default ModalHeading;\n"],
+  "sourcesContent": ["import React from 'react';\nimport Heading, { HeadingProps } from '@digigov/react-core/Heading';\n\nexport interface ModalHeadingProps extends HeadingProps {}\n/**\n * ModalHeading gives header title to Modal Component\n * Use ModalHeading inside Modal component as children\n */\n\nexport const ModalHeading = React.forwardRef<HTMLDivElement, ModalHeadingProps>(\n  function ModalHeading({ children, ...props }, ref) {\n    return (\n      <Heading ref={ref} size=\"md\" element=\"h2\" {...props}>\n        {children}\n      </Heading>\n    );\n  }\n);\n\nexport default ModalHeading;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAsC;AAQ/B,MAAM,eAAe,aAAAA,QAAM;AAAA,EAChC,SAASC,cAAa,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AACjD,WACE,6BAAAD,QAAA,cAAC,eAAAE,SAAA,EAAQ,KAAU,MAAK,MAAK,SAAQ,MAAM,GAAG,SAC3C,QACH;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["React", "ModalHeading", "Heading"]
 }

package/cjs/{NavListItemAction → NavListItemActionBase}/index.js

@@ -25,20 +25,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var NavListItemAction_exports = {};
-__export(NavListItemAction_exports, {
-  NavListItemAction: () => NavListItemAction,
-  default: () => NavListItemAction_default
+var NavListItemActionBase_exports = {};
+__export(NavListItemActionBase_exports, {
+  NavListItemActionBase: () => NavListItemActionBase,
+  default: () => NavListItemActionBase_default
 });
-module.exports = __toCommonJS(NavListItemAction_exports);
+module.exports = __toCommonJS(NavListItemActionBase_exports);
 var import_react = __toESM(require("react"));
 var import_NavListItemActionContainer = __toESM(require("@digigov/react-core/NavListItemActionContainer"));
-var import_NavListItemButton = __toESM(require("@digigov/react-core/NavListItemButton"));
-var import_NavListItemLink = __toESM(require("@digigov/react-core/NavListItemLink"));
 var import_NavListItemBadge = __toESM(require("@digigov/react-core/NavListItemBadge"));
-const NavListItemAction = import_react.default.forwardRef(function NavListItemAction2({ label, arrow = false, href, className, children, ...props }, ref) {
+var import_NavListItemButton = __toESM(require("@digigov/react-core/NavListItemButton"));
+var import_NavListItemLinkBase = __toESM(require("@digigov/react-core/NavListItemLinkBase"));
+const NavListItemActionBase = import_react.default.forwardRef(function NavListItemActionBase2({ label, arrow = false, href, className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(import_NavListItemActionContainer.default, null, href ? /* @__PURE__ */ import_react.default.createElement(
-    import_NavListItemLink.default,
+    import_NavListItemLinkBase.default,
     {
       ...props,
       href,
@@ -57,9 +57,9 @@ const NavListItemAction = import_react.default.forwardRef(function NavListItemAc
     children || label
   ), props.badgeText && /* @__PURE__ */ import_react.default.createElement(import_NavListItemBadge.default, { text: props.badgeText }));
 });
-var NavListItemAction_default = NavListItemAction;
+var NavListItemActionBase_default = NavListItemActionBase;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  NavListItemAction
+  NavListItemActionBase
 });
 //# sourceMappingURL=index.js.map

package/cjs/NavListItemActionBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/NavListItemActionBase/index.tsx"],
+  "sourcesContent": ["import React, { ForwardedRef } from 'react';\nimport NavListItemActionContainer from '@digigov/react-core/NavListItemActionContainer';\nimport NavListItemBadge from '@digigov/react-core/NavListItemBadge';\nimport NavListItemButton, {\n  NavListItemButtonProps,\n} from '@digigov/react-core/NavListItemButton';\nimport NavListItemLinkBase, {\n  NavListItemLinkBaseProps,\n} from '@digigov/react-core/NavListItemLinkBase';\n\nexport type LinkButtonJoinProps = NavListItemLinkBaseProps &\n  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 NavListItemActionBase = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  NavListItemActionBaseProps\n>(function NavListItemActionBase(\n  { label, arrow = false, href, className, children, ...props },\n  ref\n) {\n  return (\n    <NavListItemActionContainer>\n      {href ? (\n        <NavListItemLinkBase\n          {...props}\n          href={href}\n          className={className}\n          ref={ref as ForwardedRef<HTMLAnchorElement>}\n        >\n          {children || label}\n        </NavListItemLinkBase>\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 NavListItemActionBase;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AACpC,wCAAuC;AACvC,8BAA6B;AAC7B,+BAEO;AACP,iCAEO;AAyBA,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBACT,EAAE,OAAO,QAAQ,OAAO,MAAM,WAAW,UAAU,GAAG,MAAM,GAC5D,KACA;AACA,SACE,6BAAAD,QAAA,cAAC,kCAAAE,SAAA,MACE,OACC,6BAAAF,QAAA;AAAA,IAAC,2BAAAG;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,IAEA,6BAAAH,QAAA;AAAA,IAAC,yBAAAI;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,GAED,MAAM,aAAa,6BAAAJ,QAAA,cAAC,wBAAAK,SAAA,EAAiB,MAAM,MAAM,WAAW,CAC/D;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
+  "names": ["React", "NavListItemActionBase", "NavListItemActionContainer", "NavListItemLinkBase", "NavListItemButton", "NavListItemBadge"]
+}

package/cjs/NavListItemActionContainer/index.native/index.js

@@ -33,8 +33,8 @@ __export(index_native_exports, {
 module.exports = __toCommonJS(index_native_exports);
 var import_clsx = __toESM(require("clsx"));
 var import_NavListItemActionContainer = __toESM(require("@digigov/react-core/NavListItemActionContainer/index.web"));
-var import_extend = __toESM(require("@digigov/react-core/utils/extend.native"));
-const NavListItemActionContainer = (0, import_extend.default)(import_NavListItemActionContainer.default, ({ className, borderBottom, ...props }) => {
+var import_utils = __toESM(require("@digigov/react-core/utils/index.native"));
+const NavListItemActionContainer = (0, import_utils.default)(import_NavListItemActionContainer.default, ({ className, borderBottom, ...props }) => {
   return {
     ...props,
     className: (0, import_clsx.default)(className, {

package/cjs/NavListItemActionContainer/index.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/NavListItemActionContainer/index.native.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport CoreNavListItemActionContainer, {\n  NavListItemActionContainerProps,\n} from '@digigov/react-core/NavListItemActionContainer/index.web';\nimport extend from '@digigov/react-core/utils/extend.native';\n\nexport const NavListItemActionContainer = extend<\n  NavListItemActionContainerProps,\n  { borderBottom?: boolean }\n>(CoreNavListItemActionContainer, ({ className, borderBottom, ...props }) => {\n  return {\n    ...props,\n    className: clsx(className, {\n      'ds-nav__list-item--border-bottom': borderBottom,\n    }),\n  };\n});\nexport default NavListItemActionContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,wCAEO;AACP,oBAAmB;AAEZ,MAAM,iCAA6B,cAAAA,SAGxC,kCAAAC,SAAgC,CAAC,EAAE,WAAW,cAAc,GAAG,MAAM,MAAM;AAC3E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,eAAW,YAAAC,SAAK,WAAW;AAAA,MACzB,oCAAoC;AAAA,IACtC,CAAC;AAAA,EACH;AACF,CAAC;AACD,IAAO,uBAAQ;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport CoreNavListItemActionContainer, {\n  NavListItemActionContainerProps,\n} from '@digigov/react-core/NavListItemActionContainer/index.web';\nimport extend from '@digigov/react-core/utils/index.native';\n\nexport const NavListItemActionContainer = extend<\n  NavListItemActionContainerProps,\n  { borderBottom?: boolean }\n>(CoreNavListItemActionContainer, ({ className, borderBottom, ...props }) => {\n  return {\n    ...props,\n    className: clsx(className, {\n      'ds-nav__list-item--border-bottom': borderBottom,\n    }),\n  };\n});\nexport default NavListItemActionContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,wCAEO;AACP,mBAAmB;AAEZ,MAAM,iCAA6B,aAAAA,SAGxC,kCAAAC,SAAgC,CAAC,EAAE,WAAW,cAAc,GAAG,MAAM,MAAM;AAC3E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,eAAW,YAAAC,SAAK,WAAW;AAAA,MACzB,oCAAoC;AAAA,IACtC,CAAC;AAAA,EACH;AACF,CAAC;AACD,IAAO,uBAAQ;",
   "names": ["extend", "CoreNavListItemActionContainer", "clsx"]
 }

package/cjs/NavListItemActionContainer/index.web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/NavListItemActionContainer/index.web.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NavListItemActionContainerProps extends BaseProps<'li'> { }\n/**\n * NavListItemActionContainer must be inside the NavList.\n * This component has a items of NavListItemLink component inside.\n */\nexport const NavListItemActionContainer = React.forwardRef<\n  HTMLLIElement,\n  NavListItemActionContainerProps\n>(function NavListItemActionContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav__list-item': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NavListItemActionContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NavListItemActionContainerProps extends BaseProps<'li'> {}\n/**\n * NavListItemActionContainer must be inside the NavList.\n * This component has a items of NavListItemLink component inside.\n */\nexport const NavListItemActionContainer = React.forwardRef<\n  HTMLLIElement,\n  NavListItemActionContainerProps\n>(function NavListItemActionContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav__list-item': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NavListItemActionContainer;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,6BAA6B,aAAAA,QAAM,WAG9C,SAASC,4BAA2B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5E,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["React", "NavListItemActionContainer", "Base", "clsx"]
 }

package/cjs/NavListItemBadge/index.js

@@ -32,8 +32,8 @@ __export(NavListItemBadge_exports, {
 });
 module.exports = __toCommonJS(NavListItemBadge_exports);
 var import_react = __toESM(require("react"));
-var import_Base = __toESM(require("@digigov/react-core/Base"));
 var import_clsx = __toESM(require("clsx"));
+var import_Base = __toESM(require("@digigov/react-core/Base"));
 const NavListItemBadge = import_react.default.forwardRef(function NavListItemBadge2({ text, className, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,

package/cjs/NavListItemBadge/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/NavListItemBadge/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport clsx from 'clsx';\n\nexport interface NavListItemBadgeProps extends BaseProps<'span'> {\n  /**\n   * text is optional.\n   * text prop contains text to be displayed in the badge.\n   */\n  text?: string;\n}\n/**\n * NavListItemBadge is used inside NavListItemAction.\n * This component adds a badge to a NavListItem.\n */\nexport const NavListItemBadge = React.forwardRef<\n  HTMLSpanElement | HTMLAnchorElement,\n  NavListItemBadgeProps\n>(function NavListItemBadge({ text, className, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav__list-item-badge': true,\n      })}\n      {...props}\n    >\n      {text}\n    </Base>\n  );\n});\n\nexport default NavListItemBadge;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAgC;AAChC,kBAAiB;AAaV,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBAAiB,EAAE,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK;AAC9D,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,2BAA2B;AAAA,MAC7B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NavListItemBadgeProps extends BaseProps<'span'> {\n  /**\n   * text is optional.\n   * text prop contains text to be displayed in the badge.\n   */\n  text?: string;\n}\n/**\n * NavListItemBadge is used inside NavListItemAction.\n * This component adds a badge to a NavListItem.\n */\nexport const NavListItemBadge = React.forwardRef<\n  HTMLSpanElement | HTMLAnchorElement,\n  NavListItemBadgeProps\n>(function NavListItemBadge({ text, className, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav__list-item-badge': true,\n      })}\n      {...props}\n    >\n      {text}\n    </Base>\n  );\n});\n\nexport default NavListItemBadge;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAazB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBAAiB,EAAE,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK;AAC9D,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,2BAA2B;AAAA,MAC7B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
   "names": ["React", "NavListItemBadge", "Base", "clsx"]
 }

package/cjs/{NavListItemLink → NavListItemLinkBase}/index.js

@@ -25,18 +25,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var NavListItemLink_exports = {};
-__export(NavListItemLink_exports, {
-  NavListItemLink: () => NavListItemLink,
-  default: () => NavListItemLink_default
+var NavListItemLinkBase_exports = {};
+__export(NavListItemLinkBase_exports, {
+  NavListItemLinkBase: () => NavListItemLinkBase,
+  default: () => NavListItemLinkBase_default
 });
-module.exports = __toCommonJS(NavListItemLink_exports);
+module.exports = __toCommonJS(NavListItemLinkBase_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
-var import_LinkBase = __toESM(require("@digigov/react-core/LinkBase"));
-const NavListItemLink = import_react.default.forwardRef(function NavListItemLink2({ active, href, className, children, ...props }, ref) {
+var import_LinkBase = require("@digigov/react-core/LinkBase");
+const NavListItemLinkBase = import_react.default.forwardRef(function NavListItemLinkBase2({ active, href, className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
-    import_LinkBase.default,
+    import_LinkBase.LinkBase,
     {
       href,
       ref,
@@ -49,9 +49,9 @@ const NavListItemLink = import_react.default.forwardRef(function NavListItemLink
     children
   );
 });
-var NavListItemLink_default = NavListItemLink;
+var NavListItemLinkBase_default = NavListItemLinkBase;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  NavListItemLink
+  NavListItemLinkBase
 });
 //# sourceMappingURL=index.js.map

package/cjs/NavListItemLinkBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/NavListItemLinkBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface NavListItemLinkBaseProps extends LinkBaseProps {\n  /**\n   * When the NavListItemLink is active, that means that we are in this option / page of the Nav.\n   * active is optional.\n   *\n   * @value true\n   * @value false\n   */\n  active?: boolean;\n}\n/**\n * NavListItemLink is an <a> element. It should be inside the NavListItem component.\n */\nexport const NavListItemLinkBase = React.forwardRef<\n  HTMLAnchorElement,\n  NavListItemLinkBaseProps\n>(function NavListItemLinkBase(\n  { active, href, className, children, ...props },\n  ref\n) {\n  return (\n    <LinkBase\n      href={href}\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav__list-item-link': true,\n        'ds-nav__list-item-link--active': active,\n      })}\n      {...props}\n    >\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default NavListItemLinkBase;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,sBAAwC;AAejC,MAAM,sBAAsB,aAAAA,QAAM,WAGvC,SAASC,qBACT,EAAE,QAAQ,MAAM,WAAW,UAAU,GAAG,MAAM,GAC9C,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,kCAAkC;AAAA,MACpC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
+  "names": ["React", "NavListItemLinkBase", "clsx"]
+}

package/cjs/NavMenuContent/index.js

@@ -33,10 +33,10 @@ __export(NavMenuContent_exports, {
 module.exports = __toCommonJS(NavMenuContent_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
-var import_Grid2 = __toESM(require("@digigov/react-core/Grid"));
+var import_Grid = __toESM(require("@digigov/react-core/Grid"));
 const NavMenuContent = import_react.default.forwardRef(function NavMenuContent2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
-    import_Grid2.default,
+    import_Grid.default,
     {
       item: true,
       xs: 12,

package/cjs/NavMenuContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/NavMenuContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { GridProps } from '@digigov/react-core/Grid';\nimport Grid from '@digigov/react-core/Grid';\n\nexport interface NavMenuContentProps extends GridProps { }\n/**\n *\n * NavMenuContent is the content menu component.\n * Inside this component must be NavMenuContentList and NavMenuContentListLink components.\n */\nexport const NavMenuContent = React.forwardRef<\n  HTMLDivElement,\n  NavMenuContentProps\n>(function NavMenuContent({ className, children, ...props }, ref) {\n  return (\n    <Grid\n      item\n      xs={12}\n      sm={8}\n      spacing={2}\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav-menu__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Grid>\n  );\n});\n\nexport default NavMenuContent;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AAEjB,IAAAA,eAAiB;AAQV,MAAM,iBAAiB,aAAAC,QAAM,WAGlC,SAASC,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE,6BAAAD,QAAA;AAAA,IAAC,aAAAE;AAAA,IAAA;AAAA,MACC,MAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
-  "names": ["import_Grid", "React", "NavMenuContent", "Grid", "clsx"]
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Grid, { GridProps } from '@digigov/react-core/Grid';\n\nexport interface NavMenuContentProps extends GridProps {}\n/**\n *\n * NavMenuContent is the content menu component.\n * Inside this component must be NavMenuContentList and NavMenuContentListLink components.\n */\nexport const NavMenuContent = React.forwardRef<\n  HTMLDivElement,\n  NavMenuContentProps\n>(function NavMenuContent({ className, children, ...props }, ref) {\n  return (\n    <Grid\n      item\n      xs={12}\n      sm={8}\n      spacing={2}\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav-menu__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Grid>\n  );\n});\n\nexport default NavMenuContent;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,MAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "names": ["React", "NavMenuContent", "Grid", "clsx"]
 }

package/cjs/NavMenuContentListBase/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/NavMenuContentListBase/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NavMenuContentListProps extends BaseProps<'ul'> { }\n/**\n * NavMenuContentListBase contains the ul list nav menu.\n * Inside this component must be NavMenuContentListItem component.\n */\nexport const NavMenuContentListBase = React.forwardRef<\n  HTMLUListElement,\n  NavMenuContentListProps\n>(function NavMenuContentListBase({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"ul\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav-menu__content-list': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NavMenuContentListBase;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NavMenuContentListProps extends BaseProps<'ul'> {}\n/**\n * NavMenuContentListBase contains the ul list nav menu.\n * Inside this component must be NavMenuContentListItem component.\n */\nexport const NavMenuContentListBase = React.forwardRef<\n  HTMLUListElement,\n  NavMenuContentListProps\n>(function NavMenuContentListBase({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"ul\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav-menu__content-list': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NavMenuContentListBase;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,yBAAyB,aAAAA,QAAM,WAG1C,SAASC,wBAAuB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iCAAQ;",
   "names": ["React", "NavMenuContentListBase", "Base", "clsx"]
 }

package/cjs/NavMenuContentListItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/NavMenuContentListItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NavMenuContentListItemProps extends BaseProps<'li'> { }\n/**\n * NavMenuContentListItem contains all li items nav menu.\n *\n */\nexport const NavMenuContentListItem = React.forwardRef<\n  HTMLLIElement,\n  NavMenuContentListItemProps\n>(function NavMenuContentListItem({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav-menu__content-list-item': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NavMenuContentListItem;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NavMenuContentListItemProps extends BaseProps<'li'> {}\n/**\n * NavMenuContentListItem contains all li items nav menu.\n *\n */\nexport const NavMenuContentListItem = React.forwardRef<\n  HTMLLIElement,\n  NavMenuContentListItemProps\n>(function NavMenuContentListItem({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav-menu__content-list-item': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NavMenuContentListItem;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,yBAAyB,aAAAA,QAAM,WAG1C,SAASC,wBAAuB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,kCAAkC;AAAA,MACpC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iCAAQ;",
   "names": ["React", "NavMenuContentListItem", "Base", "clsx"]
 }

package/cjs/NavMenuTitle/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/NavMenuTitle/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport Grid from '@digigov/react-core/Grid';\nimport Heading from '@digigov/react-core/Heading';\n\nexport interface NavMenuTitleProps extends BaseProps<'div'> { }\n/**\n *\n * NavMenuTitle is the main Title for the nav list items.\n * NavMenuTitle  must be inside NavMenuContainer component.\n */\nexport const NavMenuTitle = React.forwardRef<HTMLDivElement, NavMenuTitleProps>(\n  function NavMenuTitle({ className, children, ...props }, ref) {\n    return (\n      <Grid\n        item\n        xs={12}\n        sm={4}\n        ref={ref}\n        className={clsx(className, {\n          'ds-nav-menu__title': true,\n        })}\n        {...props}\n      >\n        <Heading\n          element=\"h3\"\n          size=\"md\"\n          className={clsx({\n            'ds-nav-menu__title-heading': true,\n          })}\n        >\n          {children}\n        </Heading>\n      </Grid>\n    );\n  }\n);\n\nexport default NavMenuTitle;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport Grid from '@digigov/react-core/Grid';\nimport Heading from '@digigov/react-core/Heading';\n\nexport interface NavMenuTitleProps extends BaseProps<'div'> {}\n/**\n *\n * NavMenuTitle is the main Title for the nav list items.\n * NavMenuTitle  must be inside NavMenuContainer component.\n */\nexport const NavMenuTitle = React.forwardRef<HTMLDivElement, NavMenuTitleProps>(\n  function NavMenuTitle({ className, children, ...props }, ref) {\n    return (\n      <Grid\n        item\n        xs={12}\n        sm={4}\n        ref={ref}\n        className={clsx(className, {\n          'ds-nav-menu__title': true,\n        })}\n        {...props}\n      >\n        <Heading\n          element=\"h3\"\n          size=\"md\"\n          className={clsx({\n            'ds-nav-menu__title-heading': true,\n          })}\n        >\n          {children}\n        </Heading>\n      </Grid>\n    );\n  }\n);\n\nexport default NavMenuTitle;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AAEjB,kBAAiB;AACjB,qBAAoB;AAQb,MAAM,eAAe,aAAAA,QAAM;AAAA,EAChC,SAASC,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,MAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,sBAAsB;AAAA,QACxB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ,6BAAAH,QAAA;AAAA,QAAC,eAAAI;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,eAAW,YAAAD,SAAK;AAAA,YACd,8BAA8B;AAAA,UAChC,CAAC;AAAA;AAAA,QAEA;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["React", "NavMenuTitle", "Grid", "clsx", "Heading"]
 }

package/cjs/NotificationBannerContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/NotificationBannerContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NotificationBannerContainerProps extends BaseProps<'div'> {\n  /**\n   * variant is optional.\n   * variant is used to change the color of the NotificationBannerContainer.\n   * @value 'info'\n   * @value 'success'\n   * @value 'error'\n   * @default 'info'.\n   */\n  variant?: 'info' | 'success' | 'error';\n  /**\n   * dense is optional.\n   * @value true NotificationBannerContainer will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * Details for the NotificationBannerContainer.\n * NotificationBannerContainer component informs users about something they need to know about\n * NotificationBannerContainer component must be placed at the top of the page.\n * NotificationBannerContainer wraps NotificationBannerContainerHeader, NotificationBannerContainerContent,NotificationBannerContainerHeading\n * and NotificationBannerContainerLink components as children\n */\nexport const NotificationBannerContainer = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContainerProps\n>(function NotificationBannerContainer(\n  { variant = 'info', className, dense, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      role=\"region\"\n      aria-labelledby=\"ds-notification-banner-title\"\n      data-module=\"ds-notification-banner\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner': true,\n        [`ds-notification-banner--${variant}`]: variant !== undefined,\n        'ds-notification-banner--dense': dense,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA2BzB,MAAM,8BAA8B,aAAAA,QAAM,WAG/C,SAASC,6BACT,EAAE,UAAU,QAAQ,WAAW,OAAO,UAAU,GAAG,MAAM,GACzD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,mBAAgB;AAAA,MAChB,eAAY;AAAA,MACZ;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,CAAC,2BAA2B,OAAO,EAAE,GAAG,YAAY;AAAA,QACpD,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,sCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NotificationBannerContainerProps extends BaseProps<'div'> {\n  /**\n   * variant is optional.\n   * variant is used to change the color of the NotificationBannerContainer.\n   * @value 'info'\n   * @value 'success'\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'info'.\n   */\n  variant?: 'info' | 'success' | 'error' | 'error-group';\n  /**\n   * dense is optional.\n   * @value true NotificationBannerContainer will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * Details for the NotificationBannerContainer.\n * NotificationBannerContainer component informs users about something they need to know about\n * NotificationBannerContainer component must be placed at the top of the page.\n * NotificationBannerContainer wraps NotificationBannerContainerHeader, NotificationBannerContainerContent,NotificationBannerContainerHeading\n * and NotificationBannerContainerLink components as children\n */\nexport const NotificationBannerContainer = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContainerProps\n>(function NotificationBannerContainer(\n  { variant = 'info', className, dense, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      role=\"region\"\n      aria-labelledby=\"ds-notification-banner-title\"\n      data-module=\"ds-notification-banner\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner': true,\n        [`ds-notification-banner--${variant}`]: variant !== undefined,\n        'ds-notification-banner--dense': dense,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA4BzB,MAAM,8BAA8B,aAAAA,QAAM,WAG/C,SAASC,6BACT,EAAE,UAAU,QAAQ,WAAW,OAAO,UAAU,GAAG,MAAM,GACzD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,mBAAgB;AAAA,MAChB,eAAY;AAAA,MACZ;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,CAAC,2BAA2B,OAAO,EAAE,GAAG,YAAY;AAAA,QACpD,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,sCAAQ;",
   "names": ["React", "NotificationBannerContainer", "Base", "clsx"]
 }

package/cjs/NotificationBannerContent/index.js

@@ -34,18 +34,29 @@ module.exports = __toCommonJS(NotificationBannerContent_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const NotificationBannerContent = import_react.default.forwardRef(function NotificationBannerContent2({ className, children, ...props }, ref) {
+var import_WarningTextAssistive = require("@digigov/react-core/WarningTextAssistive");
+const NotificationBannerContent = import_react.default.forwardRef(function NotificationBannerContent2({ className, assistiveText, variant, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
       as: "div",
       ref,
       className: (0, import_clsx.default)(className, {
-        "ds-notification-banner__content": true
+        "ds-notification-banner__content": variant !== "error-group",
+        "ds-notification-error-group-banner__content": variant === "error-group"
       }),
       ...props
     },
-    children
+    variant === "error-group" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      import_Base.default,
+      {
+        as: "div",
+        className: (0, import_clsx.default)({
+          "ds-notification-banner__icon--error-group": true
+        })
+      },
+      "!"
+    ), /* @__PURE__ */ import_react.default.createElement(import_WarningTextAssistive.WarningTextAssistive, null, assistiveText), /* @__PURE__ */ import_react.default.createElement(import_Base.default, { as: "div", className: "ds-notification-banner__text-error-group" }, children)) : children
   );
 });
 var NotificationBannerContent_default = NotificationBannerContent;

package/cjs/NotificationBannerContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/NotificationBannerContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NotificationBannerContentProps extends BaseProps<'div'> { }\n/**\n * Details for the NotificationBannerContent.\n * NotificationBannerContent component is used as a content for\n * NotificationBannerHeading and NotificationBannerLink components.\n * NotificationBannerContent component must be used inside NotificationBanner component as children.\n */\nexport const NotificationBannerContent = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContentProps\n>(function NotificationBannerContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContent;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AASzB,MAAM,4BAA4B,aAAAA,QAAM,WAG7C,SAASC,2BAA0B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3E,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';\n\nexport interface NotificationBannerContentProps extends BaseProps<'div'> {\n  /**\n   * assistiveText is optional.\n   * Default value is \"\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE\".\n   * assistiveText is used to provide a textual warning for assistive technologies like screen readers.\n   */\n  assistiveText?: string;\n  /**\n   * variant is optional.\n   * variant is used to display red line on the left side of the component and exclamation mark icon with light red as background.\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'error'.\n   */\n  /**\n   * variant is optional.\n   * variant error is used to change the color of the NotificationBannerContainer.\n   * variant error-group is used to display red line on the left side of the component and exclamation mark icon with light red as background.\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'error'.\n   */\n  variant?: 'error' | 'error-group';\n}\n/**\n * Details for the NotificationBannerContent.\n * NotificationBannerContent component is used as a content for\n * NotificationBannerHeading and NotificationBannerLink components.\n * NotificationBannerContent component must be used inside NotificationBanner component as children.\n */\nexport const NotificationBannerContent = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContentProps\n>(function NotificationBannerContent(\n  { className, assistiveText, variant, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__content': variant !== 'error-group',\n        'ds-notification-error-group-banner__content':\n          variant === 'error-group',\n      })}\n      {...props}\n    >\n      {variant === 'error-group' ? (\n        <>\n          <Base\n            as=\"div\"\n            className={clsx({\n              'ds-notification-banner__icon--error-group': true,\n            })}\n          >\n            !\n          </Base>\n          <WarningTextAssistive>{assistiveText}</WarningTextAssistive>\n          <Base as=\"div\" className=\"ds-notification-banner__text-error-group\">\n            {children}\n          </Base>\n        </>\n      ) : (\n        children\n      )}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContent;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,kCAAqC;AAgC9B,MAAM,4BAA4B,aAAAA,QAAM,WAG7C,SAASC,2BACT,EAAE,WAAW,eAAe,SAAS,UAAU,GAAG,MAAM,GACxD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,mCAAmC,YAAY;AAAA,QAC/C,+CACE,YAAY;AAAA,MAChB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,YAAY,gBACX,6BAAAH,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK;AAAA,UACd,6CAA6C;AAAA,QAC/C,CAAC;AAAA;AAAA,MACF;AAAA,IAED,GACA,6BAAAH,QAAA,cAAC,wDAAsB,aAAc,GACrC,6BAAAA,QAAA,cAAC,YAAAE,SAAA,EAAK,IAAG,OAAM,WAAU,8CACtB,QACH,CACF,IAEA;AAAA,EAEJ;AAEJ,CAAC;AAED,IAAO,oCAAQ;",
   "names": ["React", "NotificationBannerContent", "Base", "clsx"]
 }

package/cjs/NotificationBannerHeader/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/NotificationBannerHeader/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport Heading from '@digigov/react-core/Heading';\n\nexport interface NotificationBannerHeaderProps extends BaseProps<'div'> { }\n/**\n * Details for the NotificationBannerHeader.\n * NotificationBannerHeader component is used for placing head title to NotificationBanner component.\n * NotificationBannerHeader component must be used inside NotificationBanner as children.\n */\nexport const NotificationBannerHeader = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerHeaderProps\n>(function NotificationBannerHeader({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__header': true,\n      })}\n      {...props}\n    >\n      <Heading\n        element=\"h2\"\n        size=\"sm\"\n        marginBottom={0}\n        className={clsx({\n          'ds-notification-banner__title': true,\n        })}\n      >\n        {children}\n      </Heading>\n    </Base>\n  );\n});\n\nexport default NotificationBannerHeader;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport Heading from '@digigov/react-core/Heading';\n\nexport interface NotificationBannerHeaderProps extends BaseProps<'div'> {}\n/**\n * Details for the NotificationBannerHeader.\n * NotificationBannerHeader component is used for placing head title to NotificationBanner component.\n * NotificationBannerHeader component must be used inside NotificationBanner as children.\n */\nexport const NotificationBannerHeader = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerHeaderProps\n>(function NotificationBannerHeader({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__header': true,\n      })}\n      {...props}\n    >\n      <Heading\n        element=\"h2\"\n        size=\"sm\"\n        marginBottom={0}\n        className={clsx({\n          'ds-notification-banner__title': true,\n        })}\n      >\n        {children}\n      </Heading>\n    </Base>\n  );\n});\n\nexport default NotificationBannerHeader;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,qBAAoB;AAQb,MAAM,2BAA2B,aAAAA,QAAM,WAG5C,SAASC,0BAAyB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,kCAAkC;AAAA,MACpC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA;AAAA,MAAC,eAAAI;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,cAAc;AAAA,QACd,eAAW,YAAAD,SAAK;AAAA,UACd,iCAAiC;AAAA,QACnC,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,mCAAQ;",
   "names": ["React", "NotificationBannerHeader", "Base", "clsx", "Heading"]
 }

package/cjs/NotificationBannerHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/NotificationBannerHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Heading, { HeadingProps } from '@digigov/react-core/Heading';\n\nexport interface NotificationBannerHeadingProps extends HeadingProps { }\n/**\n * Details for the NotificationBannerHeading.\n * NotificationBannerHeading component is used for placing text content to NotificationBanner component.\n * NotificationBannerHeading component must be used inside NotificationBannerContent as children\n */\nexport const NotificationBannerHeading = React.forwardRef<\n  HTMLHeadingElement,\n  NotificationBannerHeadingProps\n>(function NotificationBannerHeading({ className, children, ...props }, ref) {\n  return (\n    <Heading\n      element=\"h3\"\n      size=\"md\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__heading': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Heading>\n  );\n});\n\nexport default NotificationBannerHeading;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Heading, { HeadingProps } from '@digigov/react-core/Heading';\n\nexport interface NotificationBannerHeadingProps extends HeadingProps {}\n/**\n * Details for the NotificationBannerHeading.\n * NotificationBannerHeading component is used for placing text content to NotificationBanner component.\n * NotificationBannerHeading component must be used inside NotificationBannerContent as children\n */\nexport const NotificationBannerHeading = React.forwardRef<\n  HTMLHeadingElement,\n  NotificationBannerHeadingProps\n>(function NotificationBannerHeading({ className, children, ...props }, ref) {\n  return (\n    <Heading\n      element=\"h3\"\n      size=\"md\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__heading': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Heading>\n  );\n});\n\nexport default NotificationBannerHeading;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,qBAAsC;AAQ/B,MAAM,4BAA4B,aAAAA,QAAM,WAG7C,SAASC,2BAA0B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3E,SACE,6BAAAD,QAAA;AAAA,IAAC,eAAAE;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oCAAQ;",
   "names": ["React", "NotificationBannerHeading", "Heading", "clsx"]
 }