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

package/cjs/{HeaderSecondaryLogo → HeaderLogoBase}/index.js

@@ -25,22 +25,22 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var HeaderSecondaryLogo_exports = {};
-__export(HeaderSecondaryLogo_exports, {
-  HeaderSecondaryLogo: () => HeaderSecondaryLogo,
-  default: () => HeaderSecondaryLogo_default
+var HeaderLogoBase_exports = {};
+__export(HeaderLogoBase_exports, {
+  HeaderLogoBase: () => HeaderLogoBase,
+  default: () => HeaderLogoBase_default
 });
-module.exports = __toCommonJS(HeaderSecondaryLogo_exports);
+module.exports = __toCommonJS(HeaderLogoBase_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
-var import_Base = __toESM(require("@digigov/react-core/Base"));
-const HeaderSecondaryLogo = import_react.default.forwardRef(function HeaderSecondaryLogo2({ href, src, altText, className, ...props }, ref) {
+var import_LinkBase = require("@digigov/react-core/LinkBase");
+const HeaderLogoBase = import_react.default.forwardRef(function HeaderLogoBase2({ href, src, altText, className, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
-    import_Base.default,
+    import_LinkBase.LinkBase,
     {
-      as: "a",
       href,
       ref,
+      defaultStyle: false,
       className: (0, import_clsx.default)(className, {
         "ds-header__link": true
       }),
@@ -51,16 +51,16 @@ const HeaderSecondaryLogo = import_react.default.forwardRef(function HeaderSecon
       {
         src,
         className: (0, import_clsx.default)(className, {
-          "ds-header__secondary-logo": true
+          "ds-header__logo": true
         }),
         alt: altText
       }
     )
   );
 });
-var HeaderSecondaryLogo_default = HeaderSecondaryLogo;
+var HeaderLogoBase_default = HeaderLogoBase;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  HeaderSecondaryLogo
+  HeaderLogoBase
 });
 //# sourceMappingURL=index.js.map

package/cjs/HeaderLogoBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/HeaderLogoBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface HeaderLogoBaseProps extends LinkBaseProps {\n  /**\n  * src is optional.\n\n  */\n  src?: string;\n  /**\n  * href is optional.\n\n  */\n  altText?: string;\n}\n/**\n * Use this component inside the Header to provide a logo.\n */\nexport const HeaderLogoBase = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderLogoBaseProps\n>(function HeaderLogoBase({ href, src, altText, className, ...props }, ref) {\n  return (\n    <LinkBase\n      href={href}\n      ref={ref}\n      defaultStyle={false}\n      className={clsx(className, {\n        'ds-header__link': true,\n      })}\n      {...props}\n    >\n      <img\n        src={src}\n        className={clsx(className, {\n          'ds-header__logo': true,\n        })}\n        alt={altText}\n      />\n    </LinkBase>\n  );\n});\nexport default HeaderLogoBase;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,sBAAwC;AAiBjC,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBAAe,EAAE,MAAM,KAAK,SAAS,WAAW,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,mBAAmB;AAAA,MACrB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAF,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,YAAAE,SAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACD,KAAK;AAAA;AAAA,IACP;AAAA,EACF;AAEJ,CAAC;AACD,IAAO,yBAAQ;",
+  "names": ["React", "HeaderLogoBase", "clsx"]
+}

package/cjs/HeaderSecondaryLogoBase/index.js

@@ -0,0 +1,66 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var HeaderSecondaryLogoBase_exports = {};
+__export(HeaderSecondaryLogoBase_exports, {
+  HeaderSecondaryLogoBase: () => HeaderSecondaryLogoBase,
+  default: () => HeaderSecondaryLogoBase_default
+});
+module.exports = __toCommonJS(HeaderSecondaryLogoBase_exports);
+var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+var import_LinkBase = require("@digigov/react-core/LinkBase");
+const HeaderSecondaryLogoBase = import_react.default.forwardRef(function HeaderSecondaryLogoBase2({ href, src, altText, className, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_LinkBase.LinkBase,
+    {
+      href,
+      ref,
+      defaultStyle: false,
+      className: (0, import_clsx.default)(className, {
+        "ds-header__link": true
+      }),
+      ...props
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        src,
+        className: (0, import_clsx.default)(className, {
+          "ds-header__secondary-logo": true
+        }),
+        alt: altText
+      }
+    )
+  );
+});
+var HeaderSecondaryLogoBase_default = HeaderSecondaryLogoBase;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeaderSecondaryLogoBase
+});
+//# sourceMappingURL=index.js.map

package/cjs/HeaderSecondaryLogoBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/HeaderSecondaryLogoBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface HeaderSecondaryLogoBaseProps extends LinkBaseProps {\n  /**\n  * src is needed to provide the url that we get the logo from.\n\n  */\n  src: string;\n  /**\n  * href provides the alternative text for the img tag.\n\n  */\n  altText?: string;\n}\n/**\n * HeaderSecondaryLogo is used inside Header for providing additional logos.\n */\nexport const HeaderSecondaryLogoBase = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderSecondaryLogoBaseProps\n>(function HeaderSecondaryLogoBase(\n  { href, src, altText, className, ...props },\n  ref\n) {\n  return (\n    <LinkBase\n      href={href}\n      ref={ref}\n      defaultStyle={false}\n      className={clsx(className, {\n        'ds-header__link': true,\n      })}\n      {...props}\n    >\n      <img\n        src={src}\n        className={clsx(className, {\n          'ds-header__secondary-logo': true,\n        })}\n        alt={altText}\n      />\n    </LinkBase>\n  );\n});\n\nexport default HeaderSecondaryLogoBase;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,sBAAwC;AAiBjC,MAAM,0BAA0B,aAAAA,QAAM,WAG3C,SAASC,yBACT,EAAE,MAAM,KAAK,SAAS,WAAW,GAAG,MAAM,GAC1C,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,mBAAmB;AAAA,MACrB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAF,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,YAAAE,SAAK,WAAW;AAAA,UACzB,6BAA6B;AAAA,QAC/B,CAAC;AAAA,QACD,KAAK;AAAA;AAAA,IACP;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,kCAAQ;",
+  "names": ["React", "HeaderSecondaryLogoBase", "clsx"]
+}

package/cjs/HeaderTitleBase/index.js

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var HeaderTitleBase_exports = {};
+__export(HeaderTitleBase_exports, {
+  HeaderTitleBase: () => HeaderTitleBase,
+  default: () => HeaderTitleBase_default
+});
+module.exports = __toCommonJS(HeaderTitleBase_exports);
+var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+var import_LinkBase = require("@digigov/react-core/LinkBase");
+const HeaderTitleBase = import_react.default.forwardRef(function HeaderTitleBase2({ href = "/", className, children, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_LinkBase.LinkBase,
+    {
+      ref,
+      href,
+      defaultStyle: false,
+      className: (0, import_clsx.default)(className, {
+        "ds-header__title": true
+      }),
+      ...props
+    },
+    children
+  );
+});
+var HeaderTitleBase_default = HeaderTitleBase;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeaderTitleBase
+});
+//# sourceMappingURL=index.js.map

package/cjs/HeaderTitleBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/HeaderTitleBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface HeaderTitleBaseProps extends LinkBaseProps {}\n/**\n * Use this component inside HeaderContent to provide a title to the header.\n */\nexport const HeaderTitleBase = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderTitleBaseProps\n>(function HeaderTitleBase({ href = '/', className, children, ...props }, ref) {\n  return (\n    <LinkBase\n      ref={ref}\n      href={href}\n      defaultStyle={false}\n      className={clsx(className, {\n        'ds-header__title': true,\n      })}\n      {...props}\n    >\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default HeaderTitleBase;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,sBAAwC;AAMjC,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,OAAO,KAAK,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC7E,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,oBAAoB;AAAA,MACtB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "names": ["React", "HeaderTitleBase", "clsx"]
+}

package/cjs/LinkBase/index.js

@@ -45,6 +45,7 @@ const LinkBase = import_react.default.forwardRef(
           "ds-link": defaultStyle,
           "ds-link--no-underline": !underline
         }),
+        ...props.as && { defaultStyle, underline },
         ...props
       },
       children

package/cjs/LinkBase/index.js.map

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

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

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

package/cjs/NavListItemActionBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/NavListItemActionBase/index.tsx"],
+  "sourcesContent": ["import React, { ForwardedRef } from 'react';\nimport NavListItemActionContainer from '@digigov/react-core/NavListItemActionContainer';\nimport NavListItemBadge from '@digigov/react-core/NavListItemBadge';\nimport NavListItemButton, {\n  NavListItemButtonProps,\n} from '@digigov/react-core/NavListItemButton';\nimport NavListItemLinkBase, {\n  NavListItemLinkBaseProps,\n} from '@digigov/react-core/NavListItemLinkBase';\n\nexport type LinkButtonJoinProps = NavListItemLinkBaseProps &\n  NavListItemButtonProps;\nexport interface NavListItemActionBaseProps extends LinkButtonJoinProps {\n  /**\n   * label is optional.\n   * The label for the NavListItemActionBase.\n   */\n  label?: string;\n\n  /**\n   * arrow is optional.\n   * use arrow prop if you want to have arrow at the nav list item.\n   * @value true\n   * @value false\n   * @default false\n   */\n  arrow?: boolean;\n  badgeText?: string;\n}\n/**\n * NavListItemAction must be inside the NavList.\n * This component has a items of NavListItemLink component inside.\n */\nexport const NavListItemActionBase = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  NavListItemActionBaseProps\n>(function NavListItemActionBase(\n  { label, arrow = false, href, className, children, ...props },\n  ref\n) {\n  return (\n    <NavListItemActionContainer>\n      {href ? (\n        <NavListItemLinkBase\n          {...props}\n          href={href}\n          className={className}\n          ref={ref as ForwardedRef<HTMLAnchorElement>}\n        >\n          {children || label}\n        </NavListItemLinkBase>\n      ) : (\n        <NavListItemButton\n          {...props}\n          arrow={arrow}\n          className={className}\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n        >\n          {children || label}\n        </NavListItemButton>\n      )}\n      {props.badgeText && <NavListItemBadge text={props.badgeText} />}\n    </NavListItemActionContainer>\n  );\n});\n\nexport default NavListItemActionBase;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AACpC,wCAAuC;AACvC,8BAA6B;AAC7B,+BAEO;AACP,iCAEO;AAyBA,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBACT,EAAE,OAAO,QAAQ,OAAO,MAAM,WAAW,UAAU,GAAG,MAAM,GAC5D,KACA;AACA,SACE,6BAAAD,QAAA,cAAC,kCAAAE,SAAA,MACE,OACC,6BAAAF,QAAA;AAAA,IAAC,2BAAAG;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,IAEA,6BAAAH,QAAA;AAAA,IAAC,yBAAAI;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,GAED,MAAM,aAAa,6BAAAJ,QAAA,cAAC,wBAAAK,SAAA,EAAiB,MAAM,MAAM,WAAW,CAC/D;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
+  "names": ["React", "NavListItemActionBase", "NavListItemActionContainer", "NavListItemLinkBase", "NavListItemButton", "NavListItemBadge"]
+}

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

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

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

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

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

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

package/cjs/NavListItemLinkBase/index.js.map

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

package/cjs/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/NotificationBannerLink/index.native/index.js

@@ -33,8 +33,8 @@ __export(index_native_exports, {
 module.exports = __toCommonJS(index_native_exports);
 var import_clsx = __toESM(require("clsx"));
 var import_NotificationBannerLink = __toESM(require("@digigov/react-core/NotificationBannerLink/index.web"));
-var import_extend = require("@digigov/react-core/utils/extend.native");
-const NotificationBannerLink = (0, import_extend.extend)(import_NotificationBannerLink.default, ({ variant, className, ...props }) => ({
+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 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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,oCAEO;AACP,oBAAuB;AAMhB,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/Skeleton/index.js

@@ -67,8 +67,9 @@ const Skeleton = import_react.default.forwardRef(
         }
       },
       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,QAAQ,SAAS;AAAA,UAC3B;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/SummaryList/index.js

@@ -35,7 +35,14 @@ var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
 const SummaryList = import_react.default.forwardRef(
-  function SummaryList2({ className, noLastBorder = false, border = true, children, ...props }, ref) {
+  function SummaryList2({
+    border = true,
+    noLastBorder = false,
+    error = false,
+    className,
+    children,
+    ...props
+  }, ref) {
     return /* @__PURE__ */ import_react.default.createElement(
       import_Base.default,
       {
@@ -44,7 +51,8 @@ const SummaryList = import_react.default.forwardRef(
         className: (0, import_clsx.default)(className, {
           "ds-summary-list": true,
           "ds-summary-list--no-border": !border,
-          "ds-summary-list--no-last-border": noLastBorder
+          "ds-summary-list--no-last-border": noLastBorder,
+          "ds-summary-list--error": error === true
         }),
         ...props
       },

package/cjs/SummaryList/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SummaryList/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListProps extends BaseProps<'dl'> {\n  /**\n   * border is optional.\n   * By default, SummaryList has borders. You can remove borders by using border prop.\n   * By default is true\n   * @value true\n   * @value false\n   * @default true\n   */\n  border?: boolean;\n  /**\n   * noLastBorder is optional.\n   * By default, SummaryList has borders. You can remove last border by using noLastBorder prop.\n   * By default is true\n   * @value true\n   * @value false\n   * @default false\n   */\n  noLastBorder?: boolean;\n}\n/**\n * SummaryList used as a table with summary information.\n * It must contain a list of SummaryListItem components.\n */\nexport const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(\n  function SummaryList(\n    { className, noLastBorder = false, border = true, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"dl\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-summary-list': true,\n          'ds-summary-list--no-border': !border,\n          'ds-summary-list--no-last-border': noLastBorder,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SummaryList;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA0BzB,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aACP,EAAE,WAAW,eAAe,OAAO,SAAS,MAAM,UAAU,GAAG,MAAM,GACrE,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,CAAC;AAAA,UAC/B,mCAAmC;AAAA,QACrC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;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 SummaryListProps extends BaseProps<'dl'> {\n  /**\n   * border is optional.\n   * By default, SummaryList has borders. You can remove borders by using border prop.\n   * By default is true.\n   * @value true\n   * @value false\n   * @default true\n   */\n  border?: boolean;\n  /**\n   * noLastBorder is optional.\n   * By default, SummaryList has borders. You can remove last border by using noLastBorder prop.\n   * By default is false.\n   * @value true\n   * @value false\n   * @default false\n   */\n  noLastBorder?: boolean;\n\n  /**\n   * error is optional.\n   * If true, the SummaryList will be styled to indicate an error state.\n   * @value true\n   * @value false\n   * @default false\n   */\n  error?: boolean;\n}\n/**\n * SummaryList used as a table with summary information.\n * It must contain a list of SummaryListItem components.\n */\nexport const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(\n  function SummaryList(\n    {\n      border = true,\n      noLastBorder = false,\n      error = false,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"dl\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-summary-list': true,\n          'ds-summary-list--no-border': !border,\n          'ds-summary-list--no-last-border': noLastBorder,\n          'ds-summary-list--error': error === true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SummaryList;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAmCzB,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aACP;AAAA,IACE,SAAS;AAAA,IACT,eAAe;AAAA,IACf,QAAQ;AAAA,IACR;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,mBAAmB;AAAA,UACnB,8BAA8B,CAAC;AAAA,UAC/B,mCAAmC;AAAA,UACnC,0BAA0B,UAAU;AAAA,QACtC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["React", "SummaryList", "Base", "clsx"]
 }

package/cjs/SummaryListItem/index.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(SummaryListItem_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const SummaryListItem = import_react.default.forwardRef(function SummaryListItem2({ className, children, border = true, ...props }, ref) {
+const SummaryListItem = import_react.default.forwardRef(function SummaryListItem2({ border = true, className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {

package/cjs/SummaryListItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SummaryListItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListItemProps extends BaseProps<'div'> {\n  /**\n   *  border is optional.\n   *  By default, SummaryListItem has borders. You can remove borders by using border prop.\n   *  By default is true\n   ** @value true\n   * @value false\n   * @default true\n   */\n  border?: boolean;\n}\n/**\n * SummaryListItem must be inside SummaryList component. Each SummaryListItem is a row in the SummaryList table.\n * This component must contain SummaryListItemKey, SummaryListItemValue and SummaryListItemAction, in that order.\n */\nexport const SummaryListItem = React.forwardRef<\n  HTMLDivElement,\n  SummaryListItemProps\n>(function SummaryListItem(\n  { className, children, border = true, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-summary-list__row': true,\n        'ds-summary-list__row--no-border': !border,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SummaryListItem;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAiBzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBACT,EAAE,WAAW,UAAU,SAAS,MAAM,GAAG,MAAM,GAC/C,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,mCAAmC,CAAC;AAAA,MACtC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListItemProps extends BaseProps<'div'> {\n  /**\n   *  border is optional.\n   *  By default, SummaryListItem has borders. You can remove borders by using border prop.\n   *  By default is true\n   ** @value true\n   * @value false\n   * @default true\n   */\n  border?: boolean;\n}\n/**\n * SummaryListItem must be inside SummaryList component. Each SummaryListItem is a row in the SummaryList table.\n * This component must contain SummaryListItemKey, SummaryListItemValue and SummaryListItemAction, in that order.\n */\nexport const SummaryListItem = React.forwardRef<\n  HTMLDivElement,\n  SummaryListItemProps\n>(function SummaryListItem(\n  { border = true, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-summary-list__row': true,\n        'ds-summary-list__row--no-border': !border,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SummaryListItem;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAiBzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBACT,EAAE,SAAS,MAAM,WAAW,UAAU,GAAG,MAAM,GAC/C,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,mCAAmC,CAAC;AAAA,MACtC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "SummaryListItem", "Base", "clsx"]
 }