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

package/ImageLogo/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ImageLogo/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ImageLogoProps extends BaseProps<'img'> {\n  /**\n   * src is optional.\n   * src is used to display images.\n   */\n  src?: string;\n  /**\n   * variant is optional.\n   * variant is used to display images depending the theme (dark, light).\n   */\n  variant?: 'light' | 'dark';\n}\n/**\n * ImageLogo is used as a generic component for digigov images.\n * This component can't have children.\n */\nexport const ImageLogo = React.forwardRef<HTMLImageElement, ImageLogoProps>(\n  function ImageLogo(\n    { lang, src, variant, className, children, ...props },\n    ref\n  ) {\n    return (\n      <>\n        <Base\n          as=\"img\"\n          src={src}\n          ref={ref}\n          printHidden\n          className={clsx(className, {\n            'ds-image-logo': variant === undefined,\n            [`ds-image-logo-${variant}`]: variant !== undefined,\n          })}\n          {...props}\n        />\n      </>\n    );\n  }\n);\n\nexport default ImageLogo;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAkBzB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP,EAAE,MAAM,KAAK,SAAS,WAAW,UAAU,GAAG,MAAM,GACpD,KACA;AACA,WACE,0DACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,aAAW;AAAA,QACX,WAAW,KAAK,WAAW;AAAA,UACzB,iBAAiB,YAAY;AAAA,UAC7B,CAAC,iBAAiB,OAAO,EAAE,GAAG,YAAY;AAAA,QAC5C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,IACN,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ImageLogoProps extends BaseProps<'img'> {\n  /**\n   * src is optional.\n   * src is used to display images.\n   */\n  src?: string;\n  /**\n   * variant is optional.\n   * variant is used to display images depending the theme (dark, light).\n   */\n  variant?: 'light' | 'dark';\n}\n/**\n * ImageLogo is used as a generic component for digigov images.\n * This component can't have children.\n */\nexport const ImageLogo = React.forwardRef<HTMLImageElement, ImageLogoProps>(\n  function ImageLogo({ src, variant, className, ...props }, ref) {\n    return (\n      <>\n        <Base\n          as=\"img\"\n          src={src}\n          ref={ref}\n          printHidden\n          className={clsx(className, {\n            'ds-image-logo': variant === undefined,\n            [`ds-image-logo-${variant}`]: variant !== undefined,\n          })}\n          {...props}\n        />\n      </>\n    );\n  }\n);\n\nexport default ImageLogo;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAkBzB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WAAU,EAAE,KAAK,SAAS,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7D,WACE,0DACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,aAAW;AAAA,QACX,WAAW,KAAK,WAAW;AAAA,UACzB,iBAAiB,YAAY;AAAA,UAC7B,CAAC,iBAAiB,OAAO,EAAE,GAAG,YAAY;AAAA,QAC5C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,IACN,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
   "names": ["ImageLogo"]
 }

package/ImageLogoSet/index.d.ts

@@ -10,7 +10,7 @@ export interface ImageLogoSet extends BaseProps<'img'> {
      * variant is optional.
      * variant is used to display images depending the theme (dark, light).
      */
-    variants?: Array<'dark' | 'light'>;
+    variants?: ('dark' | 'light')[];
 }
 /**
  * ImageLogoSet is used as image inverter depending the theme (dark, light).

package/ImageLogoSet/index.js

@@ -1,9 +1,9 @@
 import React from "react";
 import ImageLogo from "@digigov/react-core/ImageLogo";
 const ImageLogoSet = React.forwardRef(
-  function ImageLogoSet2({ lang, src, variants = ["dark", "light"], className, children, ...props }, ref) {
+  function ImageLogoSet2({ src, variants = ["dark", "light"], ...props }, ref) {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, variants.map((variant) => {
-      const imageSrc = src?.replace(/(\.[^\.]+)$/, `--${variant}$1`);
+      const imageSrc = src?.replace(/(\.[^.]+)$/, `--${variant}$1`);
       return /* @__PURE__ */ React.createElement(
         ImageLogo,
         {

package/ImageLogoSet/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ImageLogoSet/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport ImageLogo from '@digigov/react-core/ImageLogo';\n\nexport interface ImageLogoSet extends BaseProps<'img'> {\n  /**\n   * src is optional.\n   * src is used to display images.\n   */\n  src?: string;\n  /**\n   * variant is optional.\n   * variant is used to display images depending the theme (dark, light).\n   */\n  variants?: Array<'dark' | 'light'>;\n}\n/**\n * ImageLogoSet is used as image inverter depending the theme (dark, light).\n * This component can't have children.\n */\nexport const ImageLogoSet = React.forwardRef<HTMLImageElement, ImageLogoSet>(\n  function ImageLogoSet(\n    { lang, src, variants = ['dark', 'light'], className, children, ...props },\n    ref\n  ) {\n    return (\n      <>\n        {variants.map((variant) => {\n          const imageSrc = src?.replace(/(\\.[^\\.]+)$/, `--${variant}$1`);\n          return (\n            <ImageLogo\n              key={variant}\n              ref={ref}\n              variant={variant}\n              src={imageSrc}\n              {...props}\n            />\n          );\n        })}\n      </>\n    );\n  }\n);\n\nexport default ImageLogoSet;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,eAAe;AAkBf,MAAM,eAAe,MAAM;AAAA,EAChC,SAASA,cACP,EAAE,MAAM,KAAK,WAAW,CAAC,QAAQ,OAAO,GAAG,WAAW,UAAU,GAAG,MAAM,GACzE,KACA;AACA,WACE,0DACG,SAAS,IAAI,CAAC,YAAY;AACzB,YAAM,WAAW,KAAK,QAAQ,eAAe,KAAK,OAAO,IAAI;AAC7D,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,KAAK;AAAA,UACJ,GAAG;AAAA;AAAA,MACN;AAAA,IAEJ,CAAC,CACH;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport ImageLogo from '@digigov/react-core/ImageLogo';\n\nexport interface ImageLogoSet extends BaseProps<'img'> {\n  /**\n   * src is optional.\n   * src is used to display images.\n   */\n  src?: string;\n  /**\n   * variant is optional.\n   * variant is used to display images depending the theme (dark, light).\n   */\n  variants?: ('dark' | 'light')[];\n}\n/**\n * ImageLogoSet is used as image inverter depending the theme (dark, light).\n * This component can't have children.\n */\nexport const ImageLogoSet = React.forwardRef<HTMLImageElement, ImageLogoSet>(\n  function ImageLogoSet({ src, variants = ['dark', 'light'], ...props }, ref) {\n    return (\n      <>\n        {variants.map((variant) => {\n          const imageSrc = src?.replace(/(\\.[^.]+)$/, `--${variant}$1`);\n          return (\n            <ImageLogo\n              key={variant}\n              ref={ref}\n              variant={variant}\n              src={imageSrc}\n              {...props}\n            />\n          );\n        })}\n      </>\n    );\n  }\n);\n\nexport default ImageLogoSet;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,eAAe;AAkBf,MAAM,eAAe,MAAM;AAAA,EAChC,SAASA,cAAa,EAAE,KAAK,WAAW,CAAC,QAAQ,OAAO,GAAG,GAAG,MAAM,GAAG,KAAK;AAC1E,WACE,0DACG,SAAS,IAAI,CAAC,YAAY;AACzB,YAAM,WAAW,KAAK,QAAQ,cAAc,KAAK,OAAO,IAAI;AAC5D,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,KAAK;AAAA,UACJ,GAAG;AAAA;AAAA,MACN;AAAA,IAEJ,CAAC,CACH;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["ImageLogoSet"]
 }

package/KitchenSinkAllComponents/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/KitchenSinkAllComponents/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkAllComponentsProps extends BaseProps<'div'> { }\n\nexport const KitchenSinkAllComponents = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkAllComponentsProps\n>(function KitchenSinkAllComponents({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-all-components': 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 KitchenSinkAllComponentsProps extends BaseProps<'div'> {}\n\nexport const KitchenSinkAllComponents = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkAllComponentsProps\n>(function KitchenSinkAllComponents({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-all-components': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,2BAA2B,MAAM,WAG5C,SAASA,0BAAyB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkAllComponents"]
 }

package/KitchenSinkCard/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/KitchenSinkCard/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Card, { CardProps } from '@digigov/react-core/Card';\n\nexport interface KitchenSinkCardProps extends CardProps { }\n\nexport const KitchenSinkCard = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkCardProps\n>(function KitchenSinkCard({ className, children, ...props }, ref) {\n  return (\n    <Card\n      variant=\"border\"\n      borderColor=\"light\"\n      className={clsx(className, {\n        'ds-kitchensink-card': true,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Card>\n  );\n});\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Card, { CardProps } from '@digigov/react-core/Card';\n\nexport interface KitchenSinkCardProps extends CardProps {}\n\nexport const KitchenSinkCard = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkCardProps\n>(function KitchenSinkCard({ className, children, ...props }, ref) {\n  return (\n    <Card\n      variant=\"border\"\n      borderColor=\"light\"\n      className={clsx(className, {\n        'ds-kitchensink-card': true,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Card>\n  );\n});\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAIzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,aAAY;AAAA,MACZ,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkCard"]
 }

package/KitchenSinkCategory/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/KitchenSinkCategory/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkCategoryProps extends BaseProps<'div'> { }\n\nexport const KitchenSinkCategory = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkCategoryProps\n>(function KitchenSinkCategory({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-category': 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 KitchenSinkCategoryProps extends BaseProps<'div'> {}\n\nexport const KitchenSinkCategory = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkCategoryProps\n>(function KitchenSinkCategory({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-category': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,sBAAsB,MAAM,WAGvC,SAASA,qBAAoB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,2BAA2B;AAAA,MAC7B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkCategory"]
 }

package/KitchenSinkContentInfo/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/KitchenSinkContentInfo/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkContentInfoProps extends BaseProps<'div'> { }\n\nexport const KitchenSinkContentInfo = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkContentInfoProps\n>(function KitchenSinkContentInfo({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-content__info': 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 KitchenSinkContentInfoProps extends BaseProps<'div'> {}\n\nexport const KitchenSinkContentInfo = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkContentInfoProps\n>(function KitchenSinkContentInfo({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-content__info': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,yBAAyB,MAAM,WAG1C,SAASA,wBAAuB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,gCAAgC;AAAA,MAClC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkContentInfo"]
 }

package/KitchenSinkContentTags/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/KitchenSinkContentTags/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkContentTagsProps extends BaseProps<'div'> { }\n\nexport const KitchenSinkContentTags = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkContentTagsProps\n>(function KitchenSinkContentTags({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-content__tags': 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 KitchenSinkContentTagsProps extends BaseProps<'div'> {}\n\nexport const KitchenSinkContentTags = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkContentTagsProps\n>(function KitchenSinkContentTags({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-content__tags': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,yBAAyB,MAAM,WAG1C,SAASA,wBAAuB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,gCAAgC;AAAA,MAClC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkContentTags"]
 }

package/KitchenSinkHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/KitchenSinkHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Heading, { HeadingProps } from '@digigov/react-core/Heading';\n\nexport interface KitchenSinkHeadingProps extends HeadingProps { }\n\nexport const KitchenSinkHeading = React.forwardRef<\n  HTMLHeadingElement,\n  KitchenSinkHeadingProps\n>(function KitchenSinkHeading({ className, children, ...props }, ref) {\n  return (\n    <Heading\n      className={clsx(className, {\n        'ds-kitchensink-category__heading': true,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Heading>\n  );\n});\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Heading, { HeadingProps } from '@digigov/react-core/Heading';\n\nexport interface KitchenSinkHeadingProps extends HeadingProps {}\n\nexport const KitchenSinkHeading = React.forwardRef<\n  HTMLHeadingElement,\n  KitchenSinkHeadingProps\n>(function KitchenSinkHeading({ className, children, ...props }, ref) {\n  return (\n    <Heading\n      className={clsx(className, {\n        'ds-kitchensink-category__heading': true,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Heading>\n  );\n});\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,aAA+B;AAI/B,MAAM,qBAAqB,MAAM,WAGtC,SAASA,oBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,WAAW;AAAA,QACzB,oCAAoC;AAAA,MACtC,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkHeading"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,2BAA2B,MAAM,WAG5C,SAASA,0BAAyB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkLetterContent"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,YAAY;AAAA,MACd,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["LabelContainer"]
 }

package/LinkBase/index.d.ts

@@ -8,6 +8,14 @@ export interface LinkBaseProps extends BaseProps<'a'> {
      * @value false
      */
     underline?: boolean;
+    /**
+     * defaultStyle is optional. The default value is 'true'.
+     * Make it 'false' only if you need to use a link with different style, and the default style clashes over with your
+     * custom styles. For example, BreadcrumbsListItem is a link but it has a different styling.
+     * @value true
+     * @value false
+     */
+    defaultStyle?: boolean;
 }
 /**
  * This component defines a hyperlink, which is used to link from one page to another.

package/LinkBase/index.js

@@ -2,16 +2,17 @@ import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
 const LinkBase = React.forwardRef(
-  function LinkBase2({ underline = true, className, children, ...props }, ref) {
+  function LinkBase2({ underline = true, defaultStyle = true, className, children, ...props }, ref) {
     return /* @__PURE__ */ React.createElement(
       Base,
       {
         as: "a",
         ref,
         className: clsx(className, {
-          "ds-link": true,
+          "ds-link": defaultStyle,
           "ds-link--no-underline": !underline
         }),
+        ...props.as && { defaultStyle, underline },
         ...props
       },
       children

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAczB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UAAS,EAAE,YAAY,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1E,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,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        {...(props.as && { defaultStyle: defaultStyle, underline: underline })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default LinkBase;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAsBzB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UACP,EAAE,YAAY,MAAM,eAAe,MAAM,WAAW,UAAU,GAAG,MAAM,GACvE,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,WAAW;AAAA,UACX,yBAAyB,CAAC;AAAA,QAC5B,CAAC;AAAA,QACA,GAAI,MAAM,MAAM,EAAE,cAA4B,UAAqB;AAAA,QACnE,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["LinkBase"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UAAS,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,iBAAiB;AAAA,QACnB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["ListItem"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,aAAa;AAAA,MACf,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["LoaderContainer"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,OAAO,MAAM,WAAmC,SAASA,MACpE,EAAE,WAAW,UAAU,KAAK,gBAAgB,GAAG,MAAM,GACrD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,WAAW;AAAA,MACb,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,eAAQ;",
   "names": ["Main"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,eAAe,MAAM,WAGhC,SAASA,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["MastheadBody"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,eAAe,MAAM,WAGhC,SAASA,cACT,EAAE,WAAW,UAAU,MAAM,iBAAiB,GAAG,MAAM,GACvD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA,MACJ;AAAA;AAAA,IAEC;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["MastheadLogo"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,oBAAoB;AAAA,QACtB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["ModalAction"]
 }

package/ModalContainer/index.js

@@ -8,19 +8,13 @@ const ModalContainer = React.forwardRef(function ModalContainer2({ className, ga
       ref,
       as: "div",
       className: clsx(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__ */ React.createElement("div", { className: "ds-modal__body" }, gaps ? /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "ds-modal__container"
-      },
-      children
-    ) : children)
+    /* @__PURE__ */ React.createElement(Base, { as: "div", className: "ds-modal" }, gaps ? /* @__PURE__ */ React.createElement(Base, { as: "div", className: "ds-modal__body" }, children) : children)
   );
 });
 var ModalContainer_default = ModalContainer;

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,WAAW,OAAO,MAAM,UAAU,MAAM,OAAO,GAAG,MAAM,GAAG,KAAK;AAC1F,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAG;AAAA,MACH,WAAW,KAAK,WAAW;AAAA,QACzB,YAAY;AAAA,QACZ,kBAAkB;AAAA,QAClB,mBAAmB;AAAA,MACrB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,oCAAC,SAAI,WAAU,oBACZ,OACC;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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBACT,EAAE,WAAW,OAAO,MAAM,UAAU,MAAM,OAAO,GAAG,MAAM,GAC1D,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAG;AAAA,MACH,WAAW,KAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,QACtB,4BAA4B;AAAA,QAC5B,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,oCAAC,QAAK,IAAG,OAAM,WAAU,cACtB,OACC,oCAAC,QAAK,IAAG,OAAM,WAAU,oBACtB,QACH,IAEA,QAEJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["ModalContainer"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,eAAe,MAAM;AAAA,EAChC,SAASA,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,qBAAqB;AAAA,QACvB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["ModalContent"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,aAA+B;AAQ/B,MAAM,eAAe,MAAM;AAAA,EAChC,SAASA,cAAa,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AACjD,WACE,oCAAC,WAAQ,KAAU,MAAK,MAAK,SAAQ,MAAM,GAAG,SAC3C,QACH;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["ModalHeading"]
 }

package/{NavListItemAction → NavListItemActionBase}/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { NavListItemButtonProps } from '@digigov/react-core/NavListItemButton';
-import { NavListItemLinkProps } from '@digigov/react-core/NavListItemLink';
-export type LinkButtonJoinProps = NavListItemLinkProps & NavListItemButtonProps;
-export interface NavListItemActionProps extends LinkButtonJoinProps {
+import { NavListItemLinkBaseProps } from '@digigov/react-core/NavListItemLinkBase';
+export type LinkButtonJoinProps = NavListItemLinkBaseProps & NavListItemButtonProps;
+export interface NavListItemActionBaseProps extends LinkButtonJoinProps {
     /**
      * label is optional.
-     * The label for the NavListItemAction.
+     * The label for the NavListItemActionBase.
      */
     label?: string;
     /**
@@ -22,5 +22,5 @@ export interface NavListItemActionProps extends LinkButtonJoinProps {
  * NavListItemAction must be inside the NavList.
  * This component has a items of NavListItemLink component inside.
  */
-export declare const NavListItemAction: React.ForwardRefExoticComponent<Omit<NavListItemActionProps, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export default NavListItemAction;
+export declare const NavListItemActionBase: React.ForwardRefExoticComponent<Omit<NavListItemActionBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export default NavListItemActionBase;

package/{NavListItemAction → NavListItemActionBase}/index.js

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

package/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,OAAO,WAA6B;AACpC,OAAO,gCAAgC;AACvC,OAAO,sBAAsB;AAC7B,OAAO,uBAEA;AACP,OAAO,yBAEA;AAyBA,MAAM,wBAAwB,MAAM,WAGzC,SAASA,uBACT,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,gCAAQ;",
+  "names": ["NavListItemActionBase"]
+}

package/NavListItemActionBase/package.json

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

package/NavListItemActionContainer/index.native/index.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import CoreNavListItemActionContainer from "@digigov/react-core/NavListItemActionContainer/index.web";
-import extend from "@digigov/react-core/utils/extend.native";
+import extend from "@digigov/react-core/utils/index.native";
 const NavListItemActionContainer = extend(CoreNavListItemActionContainer, ({ className, borderBottom, ...props }) => {
   return {
     ...props,

package/NavListItemActionContainer/index.native.d.ts

@@ -1,7 +1,5 @@
 import { NavListItemActionContainerProps } from '@digigov/react-core/NavListItemActionContainer/index.web';
 export declare const NavListItemActionContainer: import("react").ForwardRefExoticComponent<Omit<NavListItemActionContainerProps & {
     borderBottom?: boolean;
-} & {
-    className?: string;
 }, "ref"> & import("react").RefAttributes<unknown>>;
 export default NavListItemActionContainer;

package/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"],
+  "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,OAAO,UAAU;AACjB,OAAO,oCAEA;AACP,OAAO,YAAY;AAEZ,MAAM,6BAA6B,OAGxC,gCAAgC,CAAC,EAAE,WAAW,cAAc,GAAG,MAAM,MAAM;AAC3E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,KAAK,WAAW;AAAA,MACzB,oCAAoC;AAAA,IACtC,CAAC;AAAA,EACH;AACF,CAAC;AACD,IAAO,uBAAQ;",
   "names": []
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,6BAA6B,MAAM,WAG9C,SAASA,4BAA2B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["NavListItemActionContainer"]
 }

package/NavListItemBadge/index.js

@@ -1,6 +1,6 @@
 import React from "react";
-import Base from "@digigov/react-core/Base";
 import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
 const NavListItemBadge = React.forwardRef(function NavListItemBadge2({ text, className, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,

package/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,OAAO,WAAW;AAClB,OAAO,UAAyB;AAChC,OAAO,UAAU;AAaV,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBAAiB,EAAE,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK;AAC9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAazB,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBAAiB,EAAE,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK;AAC9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,2BAA2B;AAAA,MAC7B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
   "names": ["NavListItemBadge"]
 }

package/{NavListItemLink → NavListItemLinkBase}/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface NavListItemLinkProps extends BaseProps<'a'> {
+import { LinkBaseProps } from '@digigov/react-core/LinkBase';
+export interface NavListItemLinkBaseProps extends LinkBaseProps {
     /**
      * When the NavListItemLink is active, that means that we are in this option / page of the Nav.
      * active is optional.
@@ -13,5 +13,5 @@ export interface NavListItemLinkProps extends BaseProps<'a'> {
 /**
  * NavListItemLink is an <a> element. It should be inside the NavListItem component.
  */
-export declare const NavListItemLink: React.ForwardRefExoticComponent<Omit<NavListItemLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default NavListItemLink;
+export declare const NavListItemLinkBase: React.ForwardRefExoticComponent<Omit<NavListItemLinkBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default NavListItemLinkBase;

package/{NavListItemLink → NavListItemLinkBase}/index.js

@@ -1,9 +1,9 @@
 import React from "react";
 import clsx from "clsx";
-import Link from "@digigov/react-core/LinkBase";
-const NavListItemLink = React.forwardRef(function NavListItemLink2({ active, href, className, children, ...props }, ref) {
+import { LinkBase } from "@digigov/react-core/LinkBase";
+const NavListItemLinkBase = React.forwardRef(function NavListItemLinkBase2({ active, href, className, children, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
-    Link,
+    LinkBase,
     {
       href,
       ref,
@@ -16,9 +16,9 @@ const NavListItemLink = React.forwardRef(function NavListItemLink2({ active, hre
     children
   );
 });
-var NavListItemLink_default = NavListItemLink;
+var NavListItemLinkBase_default = NavListItemLinkBase;
 export {
-  NavListItemLink,
-  NavListItemLink_default as default
+  NavListItemLinkBase,
+  NavListItemLinkBase_default as default
 };
 //# sourceMappingURL=index.js.map

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,gBAA+B;AAejC,MAAM,sBAAsB,MAAM,WAGvC,SAASA,qBACT,EAAE,QAAQ,MAAM,WAAW,UAAU,GAAG,MAAM,GAC9C,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,kCAAkC;AAAA,MACpC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
+  "names": ["NavListItemLinkBase"]
+}

package/{AutoCompleteInput → NavListItemLinkBase}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../cjs/AutoCompleteInput/index.js"
+  "main": "../cjs/NavListItemLinkBase/index.js"
 }