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

package/cjs/NavMenuContentListItem/index.js.map

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

package/cjs/NavMenuTitle/index.js.map

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

package/cjs/NotificationBannerContainer/index.js.map

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

package/cjs/NotificationBannerContent/index.js

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

package/cjs/NotificationBannerContent/index.js.map

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

package/cjs/NotificationBannerHeader/index.js.map

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

package/cjs/NotificationBannerHeading/index.js.map

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

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,2CAAc,iEAAd;AACA,oCAAiC;",
+  "sourcesContent": ["export * from '@digigov/react-core/NotificationBannerLink/index.web';\nexport { default as default } from '@digigov/react-core/NotificationBannerLink/index.web';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CAAc,iEAAd;AACA,oCAAmC;",
   "names": []
 }

package/cjs/NotificationBannerLink/index.native/index.js

@@ -31,10 +31,10 @@ __export(index_native_exports, {
   default: () => index_native_default
 });
 module.exports = __toCommonJS(index_native_exports);
-var import_NotificationBannerLink = __toESM(require("@digigov/react-core/NotificationBannerLink/index.web"));
-var import_extend = require("@digigov/react-core/utils/extend.native");
 var import_clsx = __toESM(require("clsx"));
-const NotificationBannerLink = (0, import_extend.extend)(import_NotificationBannerLink.default, ({ variant, className, ...props }) => ({
+var import_NotificationBannerLink = __toESM(require("@digigov/react-core/NotificationBannerLink/index.web"));
+var import_utils = require("@digigov/react-core/utils/index.native");
+const NotificationBannerLink = (0, import_utils.extend)(import_NotificationBannerLink.default, ({ variant, className, ...props }) => ({
   className: (0, import_clsx.default)(className, {
     "ds-notification-banner__link--error": variant === "error",
     "ds-notification-banner__link--success": variant === "success"

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAEO;AACP,oBAAuB;AACvB,kBAAiB;AAMV,MAAM,6BAAyB,sBAGpC,8BAAAA,SAA4B,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,OAAO;AAAA,EACnE,eAAW,YAAAC,SAAK,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/index.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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,oCAEO;AACP,mBAAuB;AAMhB,MAAM,6BAAyB,qBAGpC,8BAAAA,SAA4B,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,OAAO;AAAA,EACnE,eAAW,YAAAC,SAAK,WAAW;AAAA,IACzB,uCAAuC,YAAY;AAAA,IACnD,yCAAyC,YAAY;AAAA,EACvD,CAAC;AAAA,EACD,GAAG;AACL,EAAE;AAEF,IAAO,uBAAQ;",
   "names": ["CoreNotificationBannerLink", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,sBAAwC;AAQjC,MAAM,yBAAyB,aAAAA,QAAM,WAG1C,SAASC,wBAAuB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxE,SACE,6BAAAD,QAAA;AAAA,IAAC,gBAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,gCAAgC;AAAA,MAClC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["React", "NotificationBannerLink", "LinkBase", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,qBAAqB,aAAAA,QAAM,WAGtC,SAASC,oBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,iBAAiB;AAAA,MACnB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
   "names": ["React", "PageTitleContainer", "Base", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,2BAA2B,aAAAA,QAAM,WAG5C,SAASC,0BAAyB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,mCAAQ;",
   "names": ["React", "PaginationLabelContainer", "Base", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["React", "PaginationList", "Base", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASC,WAAU,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACzD,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,kBAAkB;AAAA,QACpB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
   "names": ["React", "PanelBody", "Base", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YAAW,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
   "names": ["React", "PanelTitle", "Base", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAgBzB,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aACP,EAAE,WAAW,YAAY,OAAO,UAAU,GAAG,MAAM,GACnD,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,8BAA8B;AAAA,QAChC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ,6BAAAH,QAAA;AAAA,QAAC,YAAAE;AAAA,QAAA;AAAA,UAAK,IAAG;AAAA,UACP,eAAW,YAAAC,SAAK;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAgBzB,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aACP,EAAE,WAAW,YAAY,OAAO,UAAU,GAAG,MAAM,GACnD,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,8BAA8B;AAAA,QAChC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ,6BAAAH,QAAA;AAAA,QAAC,YAAAE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,eAAW,YAAAC,SAAK;AAAA,YACd,4BAA4B;AAAA,UAC9B,CAAC;AAAA;AAAA,QAEA;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["React", "PhaseBanner", "Base", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAIzB,MAAM,6BAA6B,aAAAA,QAAM,WAG9C,SAASC,4BAA2B,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MACJ,eAAW,YAAAC,SAAK;AAAA,QACd,0BAA0B;AAAA,MAC5B,CAAC;AAAA;AAAA,IAEA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qCAAQ;",
   "names": ["React", "PhaseBannerHeaderContainer", "Base", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["React", "PhaseBannerTag", "Base", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,4BAA4B;AAAA,MAC9B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "PhaseBannerText", "Base", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,4BAA2B;AAC3B,4BAA2B;AAQpB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,MAC5B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA,cAAC,sBAAAI,SAAA,MACC,6BAAAJ,QAAA,cAAC,sBAAAK,SAAA,MAAgB,QAAS,CAC5B;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
   "names": ["React", "RadioConditional", "Base", "clsx", "FieldContainer", "LabelContainer"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,+BAA8B;AAC9B,4BAA2B;AAcpB,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASC,WACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA,2BAAAA,QAAA,gBACG,eAAe,6BAAAA,QAAA,cAAC,yBAAAE,SAAA,MAAmB,WAAY,GAChD,6BAAAF,QAAA;AAAA,MAAC,YAAAG;AAAA,MAAA;AAAA,QAAK,IAAG;AAAA,QACP,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA;AAAA,MAED,6BAAAJ,QAAA;AAAA,QAAC,sBAAAK;AAAA,QAAA;AAAA,UACC,eAAW,YAAAD,SAAK;AAAA,YACd,oBAAoB;AAAA,YACpB,8BAA8B;AAAA,UAChC,CAAC;AAAA;AAAA,QAEA;AAAA,QACD,6BAAAJ,QAAA;AAAA,UAAC,YAAAG;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH;AAAA,YACA,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,eAAW,YAAAC,SAAK;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,+BAA8B;AAC9B,4BAA2B;AAcpB,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASC,WACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA,2BAAAA,QAAA,gBACG,eAAe,6BAAAA,QAAA,cAAC,yBAAAE,SAAA,MAAmB,WAAY,GAChD,6BAAAF,QAAA;AAAA,MAAC,YAAAG;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA;AAAA,MAED,6BAAAJ,QAAA;AAAA,QAAC,sBAAAK;AAAA,QAAA;AAAA,UACC,eAAW,YAAAD,SAAK;AAAA,YACd,oBAAoB;AAAA,YACpB,8BAA8B;AAAA,UAChC,CAAC;AAAA;AAAA,QAEA;AAAA,QACD,6BAAAJ,QAAA;AAAA,UAAC,YAAAG;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH;AAAA,YACA,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,eAAW,YAAAC,SAAK;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": ["React", "RadioItem", "ChoiceDividerText", "Base", "clsx", "LabelContainer"]
 }

package/cjs/ResultsActionBar/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ResultsActionBar/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ResultsActionBarProps extends BaseProps<'div'> { }\n/**\n * Use ResultsActionBar component to wrap inside page actions.\n */\nexport const ResultsActionBar = React.forwardRef<\n  HTMLDivElement,\n  ResultsActionBarProps\n>(function ResultsActionBar({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-results__action-bar': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ResultsActionBar;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ResultsActionBarProps extends BaseProps<'div'> {}\n/**\n * Use ResultsActionBar component to wrap inside page actions.\n */\nexport const ResultsActionBar = React.forwardRef<\n  HTMLDivElement,\n  ResultsActionBarProps\n>(function ResultsActionBar({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-results__action-bar': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ResultsActionBar;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,MAC5B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
   "names": ["React", "ResultsActionBar", "Base", "clsx"]
 }

package/cjs/ResultsHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ResultsHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ResultsHeadingProps extends BaseProps<'div'> { }\n/**\n * Use ResultsHeading component to wrap title for results.\n *\n */\nexport const ResultsHeading = React.forwardRef<\n  HTMLDivElement,\n  ResultsHeadingProps\n>(function ResultsHeading({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-results__heading': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ResultsHeading;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ResultsHeadingProps extends BaseProps<'div'> {}\n/**\n * Use ResultsHeading component to wrap title for results.\n *\n */\nexport const ResultsHeading = React.forwardRef<\n  HTMLDivElement,\n  ResultsHeadingProps\n>(function ResultsHeading({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-results__heading': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ResultsHeading;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["React", "ResultsHeading", "Base", "clsx"]
 }

package/cjs/ResultsHeadingActions/index.js

@@ -34,8 +34,7 @@ module.exports = __toCommonJS(ResultsHeadingActions_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-var import_Button = __toESM(require("@digigov/react-core/Button"));
-const ResultsHeadingActions = import_react.default.forwardRef(function ResultsHeadingActions2({ className, onClick, children, ...props }, ref) {
+const ResultsHeadingActions = import_react.default.forwardRef(function ResultsHeadingActions2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
@@ -46,8 +45,7 @@ const ResultsHeadingActions = import_react.default.forwardRef(function ResultsHe
       }),
       ...props
     },
-    children,
-    /* @__PURE__ */ import_react.default.createElement(import_Button.default, { className: "ds-link-filters" }, "\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1")
+    children
   );
 });
 var ResultsHeadingActions_default = ResultsHeadingActions;

package/cjs/ResultsHeadingActions/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ResultsHeadingActions/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport Button from '@digigov/react-core/Button';\n\nexport interface ResultsHeadingActionsProps extends BaseProps<'div'> { }\n/**\n * Use ResultsHeadingActions component to wrap result actions.\n * ResultsHeadingActions component inside ResultsHeading component.\n */\nexport const ResultsHeadingActions = React.forwardRef<\n  HTMLDivElement,\n  ResultsHeadingActionsProps\n>(function ResultsHeadingActions(\n  { className, onClick, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-results__actions': true,\n      })}\n      {...props}\n    >\n      {children}\n      <Button className=\"ds-link-filters\">\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1</Button>\n    </Base>\n  );\n});\n\nexport default ResultsHeadingActions;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,oBAAmB;AAOZ,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBACT,EAAE,WAAW,SAAS,UAAU,GAAG,MAAM,GACzC,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,IACD,6BAAAH,QAAA,cAAC,cAAAI,SAAA,EAAO,WAAU,qBAAkB,sCAAM;AAAA,EAC5C;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
-  "names": ["React", "ResultsHeadingActions", "Base", "clsx", "Button"]
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ResultsHeadingActionsProps extends BaseProps<'div'> {}\n/**\n * Use ResultsHeadingActions component to wrap result actions.\n * ResultsHeadingActions component inside ResultsHeading component.\n */\nexport const ResultsHeadingActions = React.forwardRef<\n  HTMLDivElement,\n  ResultsHeadingActionsProps\n>(function ResultsHeadingActions({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-results__actions': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ResultsHeadingActions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBAAsB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
+  "names": ["React", "ResultsHeadingActions", "Base", "clsx"]
 }

package/cjs/SearchButton/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SearchButton/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Button, { ButtonProps } from '@digigov/react-core/Button';\nimport { SearchIcon } from '@digigov/react-icons';\n\nexport interface SearchButtonProps extends ButtonProps { }\n/**\n * Use the SearchButton component to help users carry out a search action.\n * SearchButton component must be used inside SearchContainer component.\n */\nexport const SearchButton = React.forwardRef<\n  HTMLButtonElement,\n  SearchButtonProps\n>(function SearchButton({ className, children, ...props }, ref) {\n  return (\n    <Button\n      ref={ref}\n      className={clsx(className, {\n        'ds-input__search-btn': true,\n      })}\n      {...props}\n    >\n      <SearchIcon />\n      {children}\n    </Button>\n  );\n});\n\nexport default SearchButton;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Button, { ButtonProps } from '@digigov/react-core/Button';\nimport { SearchIcon } from '@digigov/react-icons';\n\nexport interface SearchButtonProps extends ButtonProps {}\n/**\n * Use the SearchButton component to help users carry out a search action.\n * SearchButton component must be used inside SearchContainer component.\n */\nexport const SearchButton = React.forwardRef<\n  HTMLButtonElement,\n  SearchButtonProps\n>(function SearchButton({ className, children, ...props }, ref) {\n  return (\n    <Button\n      ref={ref}\n      className={clsx(className, {\n        'ds-input__search-btn': true,\n      })}\n      {...props}\n    >\n      <SearchIcon />\n      {children}\n    </Button>\n  );\n});\n\nexport default SearchButton;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,oBAAoC;AACpC,yBAA2B;AAOpB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,SACE,6BAAAD,QAAA;AAAA,IAAC,cAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA,cAAC,mCAAW;AAAA,IACX;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["React", "SearchButton", "Button", "clsx"]
 }

package/cjs/SearchContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SearchContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SearchContainerProps extends BaseProps<'div'> { }\n/**\n * Use this component to wrap SearchButton component.\n */\nexport const SearchContainer = React.forwardRef<\n  HTMLDivElement,\n  SearchContainerProps\n>(function SearchContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-search': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SearchContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SearchContainerProps extends BaseProps<'div'> {}\n/**\n * Use this component to wrap SearchButton component.\n */\nexport const SearchContainer = React.forwardRef<\n  HTMLDivElement,\n  SearchContainerProps\n>(function SearchContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-search': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SearchContainer;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,aAAa;AAAA,MACf,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "SearchContainer", "Base", "clsx"]
 }

package/cjs/SelectOption/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SelectOption/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SelectOptionProps extends BaseProps<'option'> { }\n/**\n * SelectOption component is used for display options value.\n * SelectOption component must be included inside Select component as children component\n */\nexport const SelectOption = React.forwardRef<\n  HTMLOptionElement,\n  SelectOptionProps\n>(function SelectOption({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"option\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-select__option': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SelectOption;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SelectOptionProps extends BaseProps<'option'> {}\n/**\n * SelectOption component is used for display options value.\n * SelectOption component must be included inside Select component as children component\n */\nexport const SelectOption = React.forwardRef<\n  HTMLOptionElement,\n  SelectOptionProps\n>(function SelectOption({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"option\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-select__option': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SelectOption;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["React", "SelectOption", "Base", "clsx"]
 }

package/cjs/SingleCharacterInputs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SingleCharacterInputs/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SingleCharacterInputsProps extends BaseProps<'div'> { }\n/**\n * Details for the SingleCharacterInputs.\n * It is used as a parent component to wrap SingleCharacterInput component.\n *\n */\nexport const SingleCharacterInputs = React.forwardRef<\n  HTMLDivElement,\n  SingleCharacterInputsProps\n>(function SingleCharacterInputs({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-single-character-input': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SingleCharacterInputs;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SingleCharacterInputsProps extends BaseProps<'div'> {}\n/**\n * Details for the SingleCharacterInputs.\n * It is used as a parent component to wrap SingleCharacterInput component.\n *\n */\nexport const SingleCharacterInputs = React.forwardRef<\n  HTMLDivElement,\n  SingleCharacterInputsProps\n>(function SingleCharacterInputs({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-single-character-input': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SingleCharacterInputs;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBAAsB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
   "names": ["React", "SingleCharacterInputs", "Base", "clsx"]
 }

package/cjs/Skeleton/index.js

@@ -61,14 +61,15 @@ const Skeleton = import_react.default.forwardRef(
         ...props,
         style: {
           width: typeof children === "string" ? Math.ceil(children.length * 0.5) + "em" : width,
-          maxWidth: !!width ? "100%" : void 0,
+          maxWidth: width ? "100%" : void 0,
           height,
           ...style
         }
       },
       variant === "button" && /* @__PURE__ */ import_react.default.createElement(
-        "span",
+        import_Base.default,
         {
+          as: "span",
           className: (0, import_clsx.default)({
             "ds-skeleton__line": true,
             "ds-skeleton__line--size-default": width === void 0 && height === void 0

package/cjs/Skeleton/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Skeleton/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SkeletonProps extends BaseProps<'span'> {\n  /**\n   * variant prop determines the style of the skeleton element.\n   * @value 'circular', it renders a circular skeleton.\n   * @value 'rectangular', it renders a rectangular skeleton.\n   * @value 'text', it renders a text skeleton.\n   * @value 'button', it renders a button skeleton.\n   * @default 'text'\n   */\n  variant?: 'circular' | 'rectangular' | 'text' | 'button';\n\n  /**\n   * width prop determines the width of the skeleton element.\n   * It accepts number in px or string with valid CSS units (e.g. '24px', '1em', '100%').\n   * For better responsive experience, avoid using px and use percentage instead.\n   * @default undefined\n   */\n  width?: number | string;\n\n  /**\n   * height prop determines the height of the skeleton element.\n   * It accepts number in px or string with valid CSS units (e.g. '24px', '1em', '100%').\n   * @default undefined\n   */\n  height?: number | string;\n\n  /**\n   * fontSize is optional. 'sm' is the default value.\n   * Use 'xl' when this Skeleton is for a main page title.\n   * The fontSize works only for variant 'text'.\n   * You don't need fontSize if you wrap Skeleton in a typography component.\n   * @value 'xl'\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   * @value 'xs'\n   * @default 'sm'\n   */\n  fontSize?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n  /**\n   * animation prop determines if the skeleton should animate or not.\n   * @default true\n   */\n  animation?: boolean;\n}\n/**\n * Use Skeleton component while a page is loading.\n */\nexport const Skeleton = React.forwardRef<HTMLSpanElement, SkeletonProps>(\n  function Skeleton(\n    {\n      width,\n      height,\n      fontSize,\n      variant = 'text',\n      animation = true,\n      className,\n      children,\n      style,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"span\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-skeleton': true,\n          [`ds-skeleton--font-${fontSize}`]:\n            fontSize !== undefined && variant === 'text',\n          [`ds-skeleton--${variant}`]:\n            !!variant && (!children || typeof children === 'string'),\n          'ds-skeleton--animate': !!animation,\n          'ds-skeleton--width-fit-content': !!children && !width,\n        })}\n        {...props}\n        style={{\n          width:\n            typeof children === 'string'\n              ? Math.ceil(children.length * 0.5) + 'em'\n              : width,\n          maxWidth: !!width ? '100%' : undefined,\n          height: height,\n          ...style,\n        }}\n      >\n        {variant === 'button' && (\n          <span\n            className={clsx({\n              'ds-skeleton__line': true,\n              'ds-skeleton__line--size-default':\n                width === undefined && height === undefined,\n            })}\n          ></span>\n        )}\n        {typeof children != 'string' && children}\n      </Base>\n    );\n  }\n);\n\nexport default Skeleton;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkDzB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,eAAe;AAAA,UACf,CAAC,qBAAqB,QAAQ,EAAE,GAC9B,aAAa,UAAa,YAAY;AAAA,UACxC,CAAC,gBAAgB,OAAO,EAAE,GACxB,CAAC,CAAC,YAAY,CAAC,YAAY,OAAO,aAAa;AAAA,UACjD,wBAAwB,CAAC,CAAC;AAAA,UAC1B,kCAAkC,CAAC,CAAC,YAAY,CAAC;AAAA,QACnD,CAAC;AAAA,QACA,GAAG;AAAA,QACJ,OAAO;AAAA,UACL,OACE,OAAO,aAAa,WAChB,KAAK,KAAK,SAAS,SAAS,GAAG,IAAI,OACnC;AAAA,UACN,UAAU,CAAC,CAAC,QAAQ,SAAS;AAAA,UAC7B;AAAA,UACA,GAAG;AAAA,QACL;AAAA;AAAA,MAEC,YAAY,YACX,6BAAAH,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAW,YAAAG,SAAK;AAAA,YACd,qBAAqB;AAAA,YACrB,mCACE,UAAU,UAAa,WAAW;AAAA,UACtC,CAAC;AAAA;AAAA,MACF;AAAA,MAEF,OAAO,YAAY,YAAY;AAAA,IAClC;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 SkeletonProps extends BaseProps<'span'> {\n  /**\n   * variant prop determines the style of the skeleton element.\n   * @value 'circular', it renders a circular skeleton.\n   * @value 'rectangular', it renders a rectangular skeleton.\n   * @value 'text', it renders a text skeleton.\n   * @value 'button', it renders a button skeleton.\n   * @default 'text'\n   */\n  variant?: 'circular' | 'rectangular' | 'text' | 'button';\n\n  /**\n   * width prop determines the width of the skeleton element.\n   * It accepts number in px or string with valid CSS units (e.g. '24px', '1em', '100%').\n   * For better responsive experience, avoid using px and use percentage instead.\n   * @default undefined\n   */\n  width?: number | string;\n\n  /**\n   * height prop determines the height of the skeleton element.\n   * It accepts number in px or string with valid CSS units (e.g. '24px', '1em', '100%').\n   * @default undefined\n   */\n  height?: number | string;\n\n  /**\n   * fontSize is optional. 'sm' is the default value.\n   * Use 'xl' when this Skeleton is for a main page title.\n   * The fontSize works only for variant 'text'.\n   * You don't need fontSize if you wrap Skeleton in a typography component.\n   * @value 'xl'\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   * @value 'xs'\n   * @default 'sm'\n   */\n  fontSize?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n  /**\n   * animation prop determines if the skeleton should animate or not.\n   * @default true\n   */\n  animation?: boolean;\n}\n/**\n * Use Skeleton component while a page is loading.\n */\nexport const Skeleton = React.forwardRef<HTMLSpanElement, SkeletonProps>(\n  function Skeleton(\n    {\n      width,\n      height,\n      fontSize,\n      variant = 'text',\n      animation = true,\n      className,\n      children,\n      style,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"span\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-skeleton': true,\n          [`ds-skeleton--font-${fontSize}`]:\n            fontSize !== undefined && variant === 'text',\n          [`ds-skeleton--${variant}`]:\n            !!variant && (!children || typeof children === 'string'),\n          'ds-skeleton--animate': !!animation,\n          'ds-skeleton--width-fit-content': !!children && !width,\n        })}\n        {...props}\n        style={{\n          width:\n            typeof children === 'string'\n              ? Math.ceil(children.length * 0.5) + 'em'\n              : width,\n          maxWidth: width ? '100%' : undefined,\n          height: height,\n          ...style,\n        }}\n      >\n        {variant === 'button' && (\n          <Base\n            as=\"span\"\n            className={clsx({\n              'ds-skeleton__line': true,\n              'ds-skeleton__line--size-default':\n                width === undefined && height === undefined,\n            })}\n          ></Base>\n        )}\n        {typeof children != 'string' && children}\n      </Base>\n    );\n  }\n);\n\nexport default Skeleton;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkDzB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,eAAe;AAAA,UACf,CAAC,qBAAqB,QAAQ,EAAE,GAC9B,aAAa,UAAa,YAAY;AAAA,UACxC,CAAC,gBAAgB,OAAO,EAAE,GACxB,CAAC,CAAC,YAAY,CAAC,YAAY,OAAO,aAAa;AAAA,UACjD,wBAAwB,CAAC,CAAC;AAAA,UAC1B,kCAAkC,CAAC,CAAC,YAAY,CAAC;AAAA,QACnD,CAAC;AAAA,QACA,GAAG;AAAA,QACJ,OAAO;AAAA,UACL,OACE,OAAO,aAAa,WAChB,KAAK,KAAK,SAAS,SAAS,GAAG,IAAI,OACnC;AAAA,UACN,UAAU,QAAQ,SAAS;AAAA,UAC3B;AAAA,UACA,GAAG;AAAA,QACL;AAAA;AAAA,MAEC,YAAY,YACX,6BAAAH,QAAA;AAAA,QAAC,YAAAE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,eAAW,YAAAC,SAAK;AAAA,YACd,qBAAqB;AAAA,YACrB,mCACE,UAAU,UAAa,WAAW;AAAA,UACtC,CAAC;AAAA;AAAA,MACF;AAAA,MAEF,OAAO,YAAY,YAAY;AAAA,IAClC;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["React", "Skeleton", "Base", "clsx"]
 }

package/cjs/SkipLink/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SkipLink/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LinkProps extends BaseProps<'a'> { }\n/**\n * Use the skip link component to help keyboard-only users skip to the main content on a page.\n */\nexport const SkipLink = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  function SkipLink(\n    { className, children, href = '#main-content', ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        tabIndex={0}\n        href={href}\n        ref={ref}\n        className={clsx(className, {\n          'ds-skip-link': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SkipLink;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LinkProps extends BaseProps<'a'> {}\n/**\n * Use the skip link component to help keyboard-only users skip to the main content on a page.\n */\nexport const SkipLink = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  function SkipLink(\n    { className, children, href = '#main-content', ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        tabIndex={0}\n        href={href}\n        ref={ref}\n        className={clsx(className, {\n          'ds-skip-link': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SkipLink;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UACP,EAAE,WAAW,UAAU,OAAO,iBAAiB,GAAG,MAAM,GACxD,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,gBAAgB;AAAA,QAClB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["React", "SkipLink", "Base", "clsx"]
 }

package/cjs/Stack/index.js

@@ -58,7 +58,12 @@ const Stack = import_react.default.forwardRef(
           [`ds-stack--align-${alignItems}`]: alignItems,
           [`ds-stack--content-${alignContent}`]: alignContent,
           "ds-stack--nowrap": flexWrap === "nowrap",
-          [`ds-gap-${spacing}`]: spacing !== void 0
+          [`ds-gap-${spacing}`]: spacing !== void 0,
+          [`ds-gap-xs-${spacing?.xs}`]: spacing?.xs !== void 0,
+          [`ds-gap-sm-${spacing?.sm}`]: spacing?.sm !== void 0,
+          [`ds-gap-md-${spacing?.md}`]: spacing?.md !== void 0,
+          [`ds-gap-lg-${spacing?.lg}`]: spacing?.lg !== void 0,
+          [`ds-gap-xl-${spacing?.xl}`]: spacing?.xl !== void 0
         }),
         ...props
       },