@digigov/react-core 2.0.0-b4cd6916 → 2.0.0-d0adc9fb

package/LinkBase/index.js

@@ -2,14 +2,14 @@ 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

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}\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,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,13 +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(Base, { as: "div", className: "ds-modal__body" }, gaps ? /* @__PURE__ */ React.createElement(Base, { as: "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(\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': true,\n        'ds-modal--open': open,\n        'ds-modal--dense': dense,\n      })}\n      {...props}\n    >\n      <Base as=\"div\" className=\"ds-modal__body\">\n        {gaps ? (\n          <Base as=\"div\" className=\"ds-modal__container\">\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,YAAY;AAAA,QACZ,kBAAkB;AAAA,QAClB,mBAAmB;AAAA,MACrB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,oCAAC,QAAK,IAAG,OAAM,WAAU,oBACtB,OACC,oCAAC,QAAK,IAAG,OAAM,WAAU,yBACtB,QACH,IAEA,QAEJ;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/index.js

@@ -1,8 +1,8 @@
 import React from "react";
 import NavListItemActionContainer from "@digigov/react-core/NavListItemActionContainer";
+import NavListItemBadge from "@digigov/react-core/NavListItemBadge";
 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) {
   return /* @__PURE__ */ React.createElement(NavListItemActionContainer, null, href ? /* @__PURE__ */ React.createElement(
     NavListItemLink,

package/NavListItemAction/index.js.map

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

package/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/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,OAAO,WAAW;AAClB,OAAO,UAAU;AAEjB,OAAO,UAAU;AAQV,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["NavMenuContent"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,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,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iCAAQ;",
   "names": ["NavMenuContentListBase"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,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,kCAAkC;AAAA,MACpC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iCAAQ;",
   "names": ["NavMenuContentListItem"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AAEjB,OAAO,UAAU;AACjB,OAAO,aAAa;AAQb,MAAM,eAAe,MAAM;AAAA,EAChC,SAASA,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,sBAAsB;AAAA,QACxB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAW,KAAK;AAAA,YACd,8BAA8B;AAAA,UAChC,CAAC;AAAA;AAAA,QAEA;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["NavMenuTitle"]
 }

package/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"],
+  "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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AASzB,MAAM,4BAA4B,MAAM,WAG7C,SAASA,2BAA0B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oCAAQ;",
   "names": ["NotificationBannerContent"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,aAAa;AAQb,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,kCAAkC;AAAA,MACpC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,cAAc;AAAA,QACd,WAAW,KAAK;AAAA,UACd,iCAAiC;AAAA,QACnC,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,mCAAQ;",
   "names": ["NotificationBannerHeader"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,aAA+B;AAQ/B,MAAM,4BAA4B,MAAM,WAG7C,SAASA,2BAA0B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oCAAQ;",
   "names": ["NotificationBannerHeading"]
 }

package/NotificationBannerLink/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/NotificationBannerLink/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/NotificationBannerLink/index.web';\nexport {default as default} from '@digigov/react-core/NotificationBannerLink/index.web';\n"],
-  "mappings": "AAAA,cAAc;AACd,SAAmB,WAAXA,gBAAyB;",
+  "sourcesContent": ["export * from '@digigov/react-core/NotificationBannerLink/index.web';\nexport { default as default } from '@digigov/react-core/NotificationBannerLink/index.web';\n"],
+  "mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
   "names": ["default"]
 }

package/NotificationBannerLink/index.native/index.js

@@ -1,6 +1,6 @@
+import clsx from "clsx";
 import CoreNotificationBannerLink from "@digigov/react-core/NotificationBannerLink/index.web";
 import { extend } from "@digigov/react-core/utils/extend.native";
-import clsx from "clsx";
 const NotificationBannerLink = extend(CoreNotificationBannerLink, ({ variant, className, ...props }) => ({
   className: clsx(className, {
     "ds-notification-banner__link--error": variant === "error",

package/NotificationBannerLink/index.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/NotificationBannerLink/index.native.tsx"],
-  "sourcesContent": ["import CoreNotificationBannerLink, {\n  NotificationBannerLinkProps,\n} from '@digigov/react-core/NotificationBannerLink/index.web';\nimport { extend } from '@digigov/react-core/utils/extend.native';\nimport clsx from 'clsx';\n\ninterface AdditionalProps {\n  variant?: 'error' | 'success';\n}\n\nexport const NotificationBannerLink = extend<\n  NotificationBannerLinkProps,\n  AdditionalProps\n>(CoreNotificationBannerLink, ({ variant, className, ...props }) => ({\n  className: clsx(className, {\n    'ds-notification-banner__link--error': variant === 'error',\n    'ds-notification-banner__link--success': variant === 'success',\n  }),\n  ...props,\n}));\n\nexport default NotificationBannerLink;\n"],
-  "mappings": "AAAA,OAAO,gCAEA;AACP,SAAS,cAAc;AACvB,OAAO,UAAU;AAMV,MAAM,yBAAyB,OAGpC,4BAA4B,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,OAAO;AAAA,EACnE,WAAW,KAAK,WAAW;AAAA,IACzB,uCAAuC,YAAY;AAAA,IACnD,yCAAyC,YAAY;AAAA,EACvD,CAAC;AAAA,EACD,GAAG;AACL,EAAE;AAEF,IAAO,uBAAQ;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport CoreNotificationBannerLink, {\n  NotificationBannerLinkProps,\n} from '@digigov/react-core/NotificationBannerLink/index.web';\nimport { extend } from '@digigov/react-core/utils/extend.native';\n\ninterface AdditionalProps {\n  variant?: 'error' | 'success';\n}\n\nexport const NotificationBannerLink = extend<\n  NotificationBannerLinkProps,\n  AdditionalProps\n>(CoreNotificationBannerLink, ({ variant, className, ...props }) => ({\n  className: clsx(className, {\n    'ds-notification-banner__link--error': variant === 'error',\n    'ds-notification-banner__link--success': variant === 'success',\n  }),\n  ...props,\n}));\n\nexport default NotificationBannerLink;\n"],
+  "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,gCAEA;AACP,SAAS,cAAc;AAMhB,MAAM,yBAAyB,OAGpC,4BAA4B,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,OAAO;AAAA,EACnE,WAAW,KAAK,WAAW;AAAA,IACzB,uCAAuC,YAAY;AAAA,IACnD,yCAAyC,YAAY;AAAA,EACvD,CAAC;AAAA,EACD,GAAG;AACL,EAAE;AAEF,IAAO,uBAAQ;",
   "names": []
 }

package/NotificationBannerLink/index.web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/NotificationBannerLink/index.web.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface NotificationBannerLinkProps extends LinkBaseProps { }\n/**\n * Details for the NotificationBannerLink.\n * NotificationBannerLink allow users to click their way from page to page.\n * NotificationBannerLink must be wrapped inside NotificationContent component as children\n */\nexport const NotificationBannerLink = React.forwardRef<\n  HTMLAnchorElement,\n  NotificationBannerLinkProps\n>(function NotificationBannerLink({ className, children, ...props }, ref) {\n  return (\n    <LinkBase\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__link': true,\n      })}\n      {...props}\n    >\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default NotificationBannerLink;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface NotificationBannerLinkProps extends LinkBaseProps {}\n/**\n * Details for the NotificationBannerLink.\n * NotificationBannerLink allow users to click their way from page to page.\n * NotificationBannerLink must be wrapped inside NotificationContent component as children\n */\nexport const NotificationBannerLink = React.forwardRef<\n  HTMLAnchorElement,\n  NotificationBannerLinkProps\n>(function NotificationBannerLink({ className, children, ...props }, ref) {\n  return (\n    <LinkBase\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__link': true,\n      })}\n      {...props}\n    >\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default NotificationBannerLink;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,cAAiC;AAQjC,MAAM,yBAAyB,MAAM,WAG1C,SAASA,wBAAuB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,gCAAgC;AAAA,MAClC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["NotificationBannerLink"]
 }

package/PageTitleContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PageTitleContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PageTitleProps extends BaseProps<'div'> { }\n/**\n * Details for the PageTitleContainer.\n */\nexport const PageTitleContainer = React.forwardRef<\n  HTMLDivElement,\n  PageTitleProps\n>(function PageTitleContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-page-title': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PageTitleContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PageTitleProps extends BaseProps<'div'> {}\n/**\n * Details for the PageTitleContainer.\n */\nexport const PageTitleContainer = React.forwardRef<\n  HTMLDivElement,\n  PageTitleProps\n>(function PageTitleContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-page-title': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PageTitleContainer;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,qBAAqB,MAAM,WAGtC,SAASA,oBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iBAAiB;AAAA,MACnB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
   "names": ["PageTitleContainer"]
 }

package/PaginationLabelContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PaginationLabelContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PaginationLabelContainerProps extends BaseProps<'p'> { }\n/**\n * PaginatiolLabel component is used for placing the pagination label.\n */\nexport const PaginationLabelContainer = React.forwardRef<\n  HTMLParagraphElement,\n  PaginationLabelContainerProps\n>(function PaginationLabelContainer({ children, className, ...props }, ref) {\n  return (\n    <Base\n      as=\"p\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-pagination__label': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PaginationLabelContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PaginationLabelContainerProps extends BaseProps<'p'> {}\n/**\n * PaginatiolLabel component is used for placing the pagination label.\n */\nexport const PaginationLabelContainer = React.forwardRef<\n  HTMLParagraphElement,\n  PaginationLabelContainerProps\n>(function PaginationLabelContainer({ children, className, ...props }, ref) {\n  return (\n    <Base\n      as=\"p\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-pagination__label': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PaginationLabelContainer;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,2BAA2B,MAAM,WAG5C,SAASA,0BAAyB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,mCAAQ;",
   "names": ["PaginationLabelContainer"]
 }

package/PaginationList/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PaginationList/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PaginationListProps extends BaseProps<'ul'> { }\n/**\n * Use PaginationList as a child of Pagination to list a large number of results\n */\nexport const PaginationList = React.forwardRef<\n  HTMLUListElement,\n  PaginationListProps\n>(function PaginationList({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"ul\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-pagination__list': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PaginationList;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PaginationListProps extends BaseProps<'ul'> {}\n/**\n * Use PaginationList as a child of Pagination to list a large number of results\n */\nexport const PaginationList = React.forwardRef<\n  HTMLUListElement,\n  PaginationListProps\n>(function PaginationList({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"ul\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-pagination__list': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PaginationList;\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,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["PaginationList"]
 }

package/PanelBody/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PanelBody/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PanelBodyProps extends BaseProps<'div'> { }\n/**\n * PanelBody provides the body of the panel message. Use this inside Panel, after PanelTitle.\n */\nexport const PanelBody = React.forwardRef<HTMLDivElement, PanelBodyProps>(\n  function PanelBody({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-panel__body': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default PanelBody;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PanelBodyProps extends BaseProps<'div'> {}\n/**\n * PanelBody provides the body of the panel message. Use this inside Panel, after PanelTitle.\n */\nexport const PanelBody = React.forwardRef<HTMLDivElement, PanelBodyProps>(\n  function PanelBody({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-panel__body': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default PanelBody;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WAAU,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACzD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,kBAAkB;AAAA,QACpB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
   "names": ["PanelBody"]
 }

package/PanelTitle/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PanelTitle/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PanelTitleProps extends BaseProps<'h1'> { }\n/**\n * PanelTitle provides the title of the panel message.Use this inside Panel.\n */\nexport const PanelTitle = React.forwardRef<HTMLHeadingElement, PanelTitleProps>(\n  function PanelTitle({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"h1\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-panel__title': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default PanelTitle;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PanelTitleProps extends BaseProps<'h1'> {}\n/**\n * PanelTitle provides the title of the panel message.Use this inside Panel.\n */\nexport const PanelTitle = React.forwardRef<HTMLHeadingElement, PanelTitleProps>(\n  function PanelTitle({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"h1\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-panel__title': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default PanelTitle;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
   "names": ["PanelTitle"]
 }

package/PhaseBanner/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PhaseBanner/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PhaseBannerProps extends BaseProps<'div'> {\n  /**\n   * underline is optional.\n   * Use this prop when you want to underline the phase banner.\n   * @value true\n   * @value false\n   * @default false\n   */\n  underline?: boolean;\n}\n/**\n * PhaseBanner is a component used to show the phase of a service.\n * This component will replace ServiceBadge.\n */\nexport const PhaseBanner = React.forwardRef<HTMLDivElement, PhaseBannerProps>(\n  function PhaseBanner(\n    { className, underline = false, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-phase-banner': true,\n          'ds-phase-banner--underline': underline,\n        })}\n        {...props}\n      >\n        <Base as=\"p\"\n          className={clsx({\n            'ds-phase-banner__content': true,\n          })}\n        >\n          {children}\n        </Base>\n      </Base>\n    );\n  }\n);\n\nexport default PhaseBanner;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAgBzB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aACP,EAAE,WAAW,YAAY,OAAO,UAAU,GAAG,MAAM,GACnD,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,8BAA8B;AAAA,QAChC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UAAK,IAAG;AAAA,UACP,WAAW,KAAK;AAAA,YACd,4BAA4B;AAAA,UAC9B,CAAC;AAAA;AAAA,QAEA;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PhaseBannerProps extends BaseProps<'div'> {\n  /**\n   * underline is optional.\n   * Use this prop when you want to underline the phase banner.\n   * @value true\n   * @value false\n   * @default false\n   */\n  underline?: boolean;\n}\n/**\n * PhaseBanner is a component used to show the phase of a service.\n * This component will replace ServiceBadge.\n */\nexport const PhaseBanner = React.forwardRef<HTMLDivElement, PhaseBannerProps>(\n  function PhaseBanner(\n    { className, underline = false, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-phase-banner': true,\n          'ds-phase-banner--underline': underline,\n        })}\n        {...props}\n      >\n        <Base\n          as=\"p\"\n          className={clsx({\n            'ds-phase-banner__content': true,\n          })}\n        >\n          {children}\n        </Base>\n      </Base>\n    );\n  }\n);\n\nexport default PhaseBanner;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAgBzB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aACP,EAAE,WAAW,YAAY,OAAO,UAAU,GAAG,MAAM,GACnD,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,8BAA8B;AAAA,QAChC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,KAAK;AAAA,YACd,4BAA4B;AAAA,UAC9B,CAAC;AAAA;AAAA,QAEA;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["PhaseBanner"]
 }

package/PhaseBannerHeaderContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PhaseBannerHeaderContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PhaseBannerHeaderContainerProps extends BaseProps<'div'> { }\n\nexport const PhaseBannerHeaderContainer = React.forwardRef<\n  HTMLDivElement,\n  PhaseBannerHeaderContainerProps\n>(function PhaseBannerHeaderContainer({ children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      {...props}\n      className={clsx({\n        'ds-phase-banner-header': true,\n      })}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PhaseBannerHeaderContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PhaseBannerHeaderContainerProps extends BaseProps<'div'> {}\n\nexport const PhaseBannerHeaderContainer = React.forwardRef<\n  HTMLDivElement,\n  PhaseBannerHeaderContainerProps\n>(function PhaseBannerHeaderContainer({ children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      {...props}\n      className={clsx({\n        'ds-phase-banner-header': true,\n      })}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PhaseBannerHeaderContainer;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAIzB,MAAM,6BAA6B,MAAM,WAG9C,SAASA,4BAA2B,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,KAAK;AAAA,QACd,0BAA0B;AAAA,MAC5B,CAAC;AAAA;AAAA,IAEA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qCAAQ;",
   "names": ["PhaseBannerHeaderContainer"]
 }

package/PhaseBannerTag/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PhaseBannerTag/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PhaseBannerTagProps extends BaseProps<'span'> { }\n/**\n * PhaseBannerTag is used inside the PhaseBanner component and it requires a text of the phase of the service (ex. Alpha, Beta).\n */\nexport const PhaseBannerTag = React.forwardRef<\n  HTMLSpanElement,\n  PhaseBannerTagProps\n>(function PhaseBannerTag({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-phase-banner__tag': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PhaseBannerTag;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PhaseBannerTagProps extends BaseProps<'span'> {}\n/**\n * PhaseBannerTag is used inside the PhaseBanner component and it requires a text of the phase of the service (ex. Alpha, Beta).\n */\nexport const PhaseBannerTag = React.forwardRef<\n  HTMLSpanElement,\n  PhaseBannerTagProps\n>(function PhaseBannerTag({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-phase-banner__tag': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PhaseBannerTag;\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,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["PhaseBannerTag"]
 }

package/PhaseBannerText/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PhaseBannerText/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PhaseBannerTextProps extends BaseProps<'span'> { }\n/**\n * PhaseBannerText is used inside the PhaseBanner component.\n * It requires a text with more details about the phase of the service (ex. \"This is a new service\").\n * This components is optional\n */\nexport const PhaseBannerText = React.forwardRef<\n  HTMLSpanElement,\n  PhaseBannerTextProps\n>(function PhaseBannerText({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-phase-banner__message': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PhaseBannerText;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PhaseBannerTextProps extends BaseProps<'span'> {}\n/**\n * PhaseBannerText is used inside the PhaseBanner component.\n * It requires a text with more details about the phase of the service (ex. \"This is a new service\").\n * This components is optional\n */\nexport const PhaseBannerText = React.forwardRef<\n  HTMLSpanElement,\n  PhaseBannerTextProps\n>(function PhaseBannerText({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-phase-banner__message': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PhaseBannerText;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,4BAA4B;AAAA,MAC9B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["PhaseBannerText"]
 }

package/RadioConditional/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/RadioConditional/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport FieldContainer from '@digigov/react-core/FieldContainer';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface RadioConditionalProps extends BaseProps<'div'> { }\n/**\n * RadioConditional asks the user a related question when they select a particular radios,\n * so they only see the question when it\u2019s relevant to them.\n * RadioConditional must be used inside Radio component\n */\nexport const RadioConditional = React.forwardRef<\n  HTMLDivElement,\n  RadioConditionalProps\n>(function RadioConditional({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-radios__conditional': true,\n      })}\n      {...props}\n    >\n      <FieldContainer>\n        <LabelContainer>{children}</LabelContainer>\n      </FieldContainer>\n    </Base>\n  );\n});\n\nexport default RadioConditional;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport FieldContainer from '@digigov/react-core/FieldContainer';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface RadioConditionalProps extends BaseProps<'div'> {}\n/**\n * RadioConditional asks the user a related question when they select a particular radios,\n * so they only see the question when it\u2019s relevant to them.\n * RadioConditional must be used inside Radio component\n */\nexport const RadioConditional = React.forwardRef<\n  HTMLDivElement,\n  RadioConditionalProps\n>(function RadioConditional({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-radios__conditional': true,\n      })}\n      {...props}\n    >\n      <FieldContainer>\n        <LabelContainer>{children}</LabelContainer>\n      </FieldContainer>\n    </Base>\n  );\n});\n\nexport default RadioConditional;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,oBAAoB;AAC3B,OAAO,oBAAoB;AAQpB,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,MAC5B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,oCAAC,sBACC,oCAAC,sBAAgB,QAAS,CAC5B;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
   "names": ["RadioConditional"]
 }

package/RadioItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/RadioItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface RadioItemProps extends BaseProps<'input'> {\n  /**\n   * dividerText is optional.\n   * Add this prop to add a choice dividerText on top of a radio item.\n   * The string is the text that it will appear above this radio item.\n   */\n  dividerText?: string;\n}\n/**\n * RadioItem component is used for display radio buttons.\n * RadioItem component must be included inside Radio component, as a children component.\n */\nexport const RadioItem = React.forwardRef<HTMLInputElement, RadioItemProps>(\n  function RadioItem(\n    {\n      dividerText,\n      name,\n      value,\n      className,\n      disabled = false,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <>\n        {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}\n        <Base as='div'\n          className={clsx(className, {\n            'ds-radios__item': true,\n          })}\n        >\n          <LabelContainer\n            className={clsx({\n              'ds-radios__label': true,\n              'ds-radios__label--disabled': disabled,\n            })}\n          >\n            {children}\n            <Base\n              as=\"input\"\n              ref={ref}\n              type=\"radio\"\n              name={name}\n              value={value}\n              className={clsx({\n                'ds-radios__input': true,\n              })}\n              disabled={disabled}\n              {...props}\n            />\n          </LabelContainer>\n        </Base>\n      </>\n    );\n  }\n);\n\nexport default RadioItem;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,uBAAuB;AAC9B,OAAO,oBAAoB;AAcpB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,0DACG,eAAe,oCAAC,yBAAmB,WAAY,GAChD;AAAA,MAAC;AAAA;AAAA,QAAK,IAAG;AAAA,QACP,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK;AAAA,YACd,oBAAoB;AAAA,YACpB,8BAA8B;AAAA,UAChC,CAAC;AAAA;AAAA,QAEA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH;AAAA,YACA,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,WAAW,KAAK;AAAA,cACd,oBAAoB;AAAA,YACtB,CAAC;AAAA,YACD;AAAA,YACC,GAAG;AAAA;AAAA,QACN;AAAA,MACF;AAAA,IACF,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface RadioItemProps extends BaseProps<'input'> {\n  /**\n   * dividerText is optional.\n   * Add this prop to add a choice dividerText on top of a radio item.\n   * The string is the text that it will appear above this radio item.\n   */\n  dividerText?: string;\n}\n/**\n * RadioItem component is used for display radio buttons.\n * RadioItem component must be included inside Radio component, as a children component.\n */\nexport const RadioItem = React.forwardRef<HTMLInputElement, RadioItemProps>(\n  function RadioItem(\n    {\n      dividerText,\n      name,\n      value,\n      className,\n      disabled = false,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <>\n        {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}\n        <Base\n          as=\"div\"\n          className={clsx(className, {\n            'ds-radios__item': true,\n          })}\n        >\n          <LabelContainer\n            className={clsx({\n              'ds-radios__label': true,\n              'ds-radios__label--disabled': disabled,\n            })}\n          >\n            {children}\n            <Base\n              as=\"input\"\n              ref={ref}\n              type=\"radio\"\n              name={name}\n              value={value}\n              className={clsx({\n                'ds-radios__input': true,\n              })}\n              disabled={disabled}\n              {...props}\n            />\n          </LabelContainer>\n        </Base>\n      </>\n    );\n  }\n);\n\nexport default RadioItem;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,uBAAuB;AAC9B,OAAO,oBAAoB;AAcpB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,0DACG,eAAe,oCAAC,yBAAmB,WAAY,GAChD;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK;AAAA,YACd,oBAAoB;AAAA,YACpB,8BAA8B;AAAA,UAChC,CAAC;AAAA;AAAA,QAEA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH;AAAA,YACA,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,WAAW,KAAK;AAAA,cACd,oBAAoB;AAAA,YACtB,CAAC;AAAA,YACD;AAAA,YACC,GAAG;AAAA;AAAA,QACN;AAAA,MACF;AAAA,IACF,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
   "names": ["RadioItem"]
 }