@digigov/react-core 2.0.0-85c27c19 → 2.0.0-8bbad051

package/cjs/ButtonLinkBase/index.js

@@ -0,0 +1,60 @@
+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 ButtonLinkBase_exports = {};
+__export(ButtonLinkBase_exports, {
+  ButtonLinkBase: () => ButtonLinkBase,
+  default: () => ButtonLinkBase_default
+});
+module.exports = __toCommonJS(ButtonLinkBase_exports);
+var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+var import_LinkBase = require("@digigov/react-core/LinkBase");
+const ButtonLinkBase = import_react.default.forwardRef(function ButtonLinkBase2({ color = "primary", dense, className, children, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_LinkBase.LinkBase,
+    {
+      ref,
+      defaultStyle: false,
+      className: (0, import_clsx.default)(className, {
+        "ds-btn": true,
+        "ds-btn--dense": dense,
+        "ds-btn-primary": color === "primary",
+        "ds-btn-secondary": color === "secondary",
+        "ds-btn-warning": color === "warning"
+      }),
+      ...props
+    },
+    children
+  );
+});
+var ButtonLinkBase_default = ButtonLinkBase;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ButtonLinkBase
+});
+//# sourceMappingURL=index.js.map

package/cjs/ButtonLinkBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ButtonLinkBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface ButtonLinkBaseProps extends LinkBaseProps {\n  /**\n   * color is optional.\n   * 'primary' color is used for the main call to action on a page.\n   * 'secondary' color is used for secondary calls to action on a page.\n   * 'warning' color is used to make users think carefully before they use them.\n   * The default value is 'primary'.\n   * @value 'primary'\n   * @value 'secondary'\n   * @value 'warning'\n   * @default 'primary'\n   */\n  color?: 'primary' | 'secondary' | 'warning';\n\n  /**\n   * dense is optional.\n   * @value true Button will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * Use the Button component to help users carry out an action.\n */\nexport const ButtonLinkBase = React.forwardRef<\n  HTMLAnchorElement,\n  ButtonLinkBaseProps\n>(function ButtonLinkBase(\n  { color = 'primary', dense, className, children, ...props },\n  ref\n) {\n  return (\n    <LinkBase\n      ref={ref}\n      defaultStyle={false}\n      className={clsx(className, {\n        'ds-btn': true,\n        'ds-btn--dense': dense,\n        'ds-btn-primary': color === 'primary',\n        'ds-btn-secondary': color === 'secondary',\n        'ds-btn-warning': color === 'warning',\n      })}\n      {...props}\n    >\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default ButtonLinkBase;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,sBAAwC;AA2BjC,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBACT,EAAE,QAAQ,WAAW,OAAO,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,UAAU;AAAA,QACV,iBAAiB;AAAA,QACjB,kBAAkB,UAAU;AAAA,QAC5B,oBAAoB,UAAU;AAAA,QAC9B,kBAAkB,UAAU;AAAA,MAC9B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "names": ["React", "ButtonLinkBase", "clsx"]
+}

package/cjs/{CallToAction → CallToActionBase}/index.js

@@ -25,19 +25,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var CallToAction_exports = {};
-__export(CallToAction_exports, {
-  CallToAction: () => CallToAction,
-  default: () => CallToAction_default
+var CallToActionBase_exports = {};
+__export(CallToActionBase_exports, {
+  CallToActionBase: () => CallToActionBase,
+  default: () => CallToActionBase_default
 });
-module.exports = __toCommonJS(CallToAction_exports);
+module.exports = __toCommonJS(CallToActionBase_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
-var import_ButtonLink = __toESM(require("@digigov/react-core/ButtonLink"));
+var import_ButtonLinkBase = __toESM(require("@digigov/react-core/ButtonLinkBase"));
 var import_react_icons = require("@digigov/react-icons");
-const CallToAction = import_react.default.forwardRef(function CallToAction2({ printHidden = true, className, children, ...props }, ref) {
+const CallToActionBase = import_react.default.forwardRef(function CallToActionBase2({ printHidden = true, className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
-    import_ButtonLink.default,
+    import_ButtonLinkBase.default,
     {
       ref,
       printHidden,
@@ -47,12 +47,12 @@ const CallToAction = import_react.default.forwardRef(function CallToAction2({ pr
       ...props
     },
     children,
-    /* @__PURE__ */ import_react.default.createElement(import_react_icons.ChevronIcon, null)
+    /* @__PURE__ */ import_react.default.createElement(import_react_icons.ChevronIcon, { className: "ds-btn-cta__icon" })
   );
 });
-var CallToAction_default = CallToAction;
+var CallToActionBase_default = CallToActionBase;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  CallToAction
+  CallToActionBase
 });
 //# sourceMappingURL=index.js.map

package/cjs/CallToActionBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/CallToActionBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport ButtonLinkBase, {\n  ButtonLinkBaseProps,\n} from '@digigov/react-core/ButtonLinkBase';\nimport { ChevronIcon } from '@digigov/react-icons';\n\nexport interface CallToActionBaseProps extends ButtonLinkBaseProps {}\n/**\n * Use this button for the main call to action on your service\u2019s start page.\n */\nexport const CallToActionBase = React.forwardRef<\n  HTMLAnchorElement,\n  CallToActionBaseProps\n>(function CallToActionBase(\n  { printHidden = true, className, children, ...props },\n  ref\n) {\n  return (\n    <ButtonLinkBase\n      ref={ref}\n      printHidden={printHidden}\n      className={clsx(className, {\n        'ds-btn-cta': true,\n      })}\n      {...props}\n    >\n      {children}\n      <ChevronIcon className=\"ds-btn-cta__icon\" />\n    </ButtonLinkBase>\n  );\n});\n\nexport default CallToActionBase;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,4BAEO;AACP,yBAA4B;AAMrB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBACT,EAAE,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GACpD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,sBAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,cAAc;AAAA,MAChB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,IACD,6BAAAH,QAAA,cAAC,kCAAY,WAAU,oBAAmB;AAAA,EAC5C;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
+  "names": ["React", "CallToActionBase", "ButtonLinkBase", "clsx"]
+}

package/cjs/Card/index.js

@@ -34,7 +34,16 @@ module.exports = __toCommonJS(Card_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const Card = import_react.default.forwardRef(function Card2({ variant, borderColor, callToAction, dense, fullHeight, className, children, ...props }, ref) {
+const Card = import_react.default.forwardRef(function Card2({
+  variant,
+  borderColor,
+  callToAction,
+  dense,
+  fullHeight,
+  className,
+  children,
+  ...props
+}, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
@@ -54,8 +63,9 @@ const Card = import_react.default.forwardRef(function Card2({ variant, borderCol
       ...props
     },
     /* @__PURE__ */ import_react.default.createElement(
-      "div",
+      import_Base.default,
       {
+        as: "div",
         className: (0, import_clsx.default)({
           "ds-card__body": true
         })

package/cjs/Card/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Card/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardProps extends BaseProps<'div'> {\n  /**\n   * By default, we recommend using Cards without border style. Card border increases the contrast to its background.\n   * divider\n   * `variant` property is optional.\n   * @value 'border'\n   * @value 'divider'\n   * @value 'border-top'\n   */\n  variant?: 'border' | 'divider' | 'border-top';\n\n  /**\n   *borderColor property is optional and it is used to set the color of the Card's border.\n   *\n   *\n   * @value 'light'\n   * @value 'dark'\n   */\n  borderColor?: 'light' | 'dark';\n\n  /**\n   *callToAction property is optional and it is used to set the content of the Card clickable.\n   *\n   *\n   * @value true\n   * @value false\n   */\n  callToAction?: boolean;\n  /**\n   * dense is optional.\n   * @value true Card will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n  /**\n   * fullHeight is optional.\n   * @value true Card will be have it's full height.\n   * @value false\n   * @default false\n   * */\n  fullHeight?: boolean;\n}\n/**\n * Cards can be used to divide and organise interface content for better understandability and readability.\n * Cards can help your users to scan through vast amounts of information quicker.\n * Use Card as parent component to wrap CardHeading, CardContent and CartAction components\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(\n  { variant, borderColor, callToAction, dense, fullHeight, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-card': true,\n        'ds-card--dense': dense,\n        'ds-card--border': variant === 'border',\n        'ds-card--border-top': variant === 'border-top',\n        'ds-card--divider': variant === 'divider',\n        'ds-card--cta': callToAction,\n        'ds-card--border-light': borderColor === 'light',\n        'ds-card--border-dark': borderColor === 'dark',\n        'ds-card--full-height': fullHeight,\n      })}\n      {...props}\n    >\n      <div\n        className={clsx({\n          'ds-card__body': true,\n        })}\n      >\n        {children}\n      </div>\n    </Base>\n  );\n});\n\nexport default Card;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkDzB,MAAM,OAAO,aAAAA,QAAM,WAAsC,SAASC,MACvE,EAAE,SAAS,aAAa,cAAc,OAAO,YAAY,WAAW,UAAU,GAAG,MAAM,GACvF,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,kBAAkB;AAAA,QAClB,mBAAmB,YAAY;AAAA,QAC/B,uBAAuB,YAAY;AAAA,QACnC,oBAAoB,YAAY;AAAA,QAChC,gBAAgB;AAAA,QAChB,yBAAyB,gBAAgB;AAAA,QACzC,wBAAwB,gBAAgB;AAAA,QACxC,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,YAAAG,SAAK;AAAA,UACd,iBAAiB;AAAA,QACnB,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardProps extends BaseProps<'div'> {\n  /**\n   * By default, we recommend using Cards without border style. Card border increases the contrast to its background.\n   * divider\n   * `variant` property is optional.\n   * @value 'border'\n   * @value 'divider'\n   * @value 'border-top'\n   */\n  variant?: 'border' | 'divider' | 'border-top';\n\n  /**\n   *borderColor property is optional and it is used to set the color of the Card's border.\n   *\n   *\n   * @value 'light'\n   * @value 'dark'\n   */\n  borderColor?: 'light' | 'dark';\n\n  /**\n   *callToAction property is optional and it is used to set the content of the Card clickable.\n   *\n   *\n   * @value true\n   * @value false\n   */\n  callToAction?: boolean;\n  /**\n   * dense is optional.\n   * @value true Card will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n  /**\n   * fullHeight is optional.\n   * @value true Card will be have it's full height.\n   * @value false\n   * @default false\n   * */\n  fullHeight?: boolean;\n}\n/**\n * Cards can be used to divide and organise interface content for better understandability and readability.\n * Cards can help your users to scan through vast amounts of information quicker.\n * Use Card as parent component to wrap CardHeading, CardContent and CartAction components\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(\n  {\n    variant,\n    borderColor,\n    callToAction,\n    dense,\n    fullHeight,\n    className,\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-card': true,\n        'ds-card--dense': dense,\n        'ds-card--border': variant === 'border',\n        'ds-card--border-top': variant === 'border-top',\n        'ds-card--divider': variant === 'divider',\n        'ds-card--cta': callToAction,\n        'ds-card--border-light': borderColor === 'light',\n        'ds-card--border-dark': borderColor === 'dark',\n        'ds-card--full-height': fullHeight,\n      })}\n      {...props}\n    >\n      <Base\n        as=\"div\"\n        className={clsx({\n          'ds-card__body': true,\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default Card;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkDzB,MAAM,OAAO,aAAAA,QAAM,WAAsC,SAASC,MACvE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,kBAAkB;AAAA,QAClB,mBAAmB,YAAY;AAAA,QAC/B,uBAAuB,YAAY;AAAA,QACnC,oBAAoB,YAAY;AAAA,QAChC,gBAAgB;AAAA,QAChB,yBAAyB,gBAAgB;AAAA,QACzC,wBAAwB,gBAAgB;AAAA,QACxC,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK;AAAA,UACd,iBAAiB;AAAA,QACnB,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,eAAQ;",
   "names": ["React", "Card", "Base", "clsx"]
 }

package/cjs/CardAction/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CardAction/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardActionProps extends BaseProps<'div'> { }\n/**\n * CardAction contains the action behavior for Card Component.\n * We can use links, Buttons or ButtonGroup with max of two buttons\n * Use CardAction inside Card component as childern\n */\nexport const CardAction = React.forwardRef<HTMLDivElement, CardActionProps>(\n  function CardAction({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-card__action': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardAction;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardActionProps extends BaseProps<'div'> {}\n/**\n * CardAction contains the action behavior for Card Component.\n * We can use links, Buttons or ButtonGroup with max of two buttons\n * Use CardAction inside Card component as childern\n */\nexport const CardAction = React.forwardRef<HTMLDivElement, CardActionProps>(\n  function CardAction({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-card__action': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardAction;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,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", "CardAction", "Base", "clsx"]
 }

package/cjs/CardContent/index.js.map

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

package/cjs/CardHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CardHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardHeadingProps extends BaseProps<'div'> { }\n/**\n * CardHeading gives header title to Card Component\n * Use CardHeading inside Card component as children\n */\nexport const CardHeading = React.forwardRef<HTMLDivElement, CardHeadingProps>(\n  function CardHeading({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        role=\"heading\"\n        aria-level={2}\n        className={clsx(className, {\n          'ds-card__heading': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardHeading;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardHeadingProps extends BaseProps<'div'> {}\n/**\n * CardHeading gives header title to Card Component\n * Use CardHeading inside Card component as children\n */\nexport const CardHeading = React.forwardRef<HTMLDivElement, CardHeadingProps>(\n  function CardHeading({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        role=\"heading\"\n        aria-level={2}\n        className={clsx(className, {\n          'ds-card__heading': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardHeading;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,oBAAoB;AAAA,QACtB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["React", "CardHeading", "Base", "clsx"]
 }

package/cjs/CheckboxConditional/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CheckboxConditional/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 CheckboxConditionalProps extends BaseProps<'div'> { }\n/**\n * CheckboxConditional asks the user a related question when they select a particular checkbox,\n * so they only see the question when it\u2019s relevant to them.\n * CheckboxConditional must be used inside Checkbox component\n */\nexport const CheckboxConditional = React.forwardRef<\n  HTMLDivElement,\n  CheckboxConditionalProps\n>(function CheckboxConditional({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-checkboxes__conditional': true,\n      })}\n      {...props}\n    >\n      <FieldContainer>\n        <LabelContainer>{children}</LabelContainer>\n      </FieldContainer>\n    </Base>\n  );\n});\n\nexport default CheckboxConditional;\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 CheckboxConditionalProps extends BaseProps<'div'> {}\n/**\n * CheckboxConditional asks the user a related question when they select a particular checkbox,\n * so they only see the question when it\u2019s relevant to them.\n * CheckboxConditional must be used inside Checkbox component\n */\nexport const CheckboxConditional = React.forwardRef<\n  HTMLDivElement,\n  CheckboxConditionalProps\n>(function CheckboxConditional({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-checkboxes__conditional': true,\n      })}\n      {...props}\n    >\n      <FieldContainer>\n        <LabelContainer>{children}</LabelContainer>\n      </FieldContainer>\n    </Base>\n  );\n});\n\nexport default CheckboxConditional;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,4BAA2B;AAC3B,4BAA2B;AAQpB,MAAM,sBAAsB,aAAAA,QAAM,WAGvC,SAASC,qBAAoB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACrE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,8BAA8B;AAAA,MAChC,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,8BAAQ;",
   "names": ["React", "CheckboxConditional", "Base", "clsx", "FieldContainer", "LabelContainer"]
 }

package/cjs/CheckboxItem/index.js

@@ -34,12 +34,14 @@ module.exports = __toCommonJS(CheckboxItem_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
+var import_CheckboxItemInput = __toESM(require("@digigov/react-core/CheckboxItemInput"));
 var import_ChoiceDividerText = __toESM(require("@digigov/react-core/ChoiceDividerText"));
 var import_LabelContainer = __toESM(require("@digigov/react-core/LabelContainer"));
 const CheckboxItem = import_react.default.forwardRef(function CheckboxItem2({ name, value, dividerText, className, disabled, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, dividerText && /* @__PURE__ */ import_react.default.createElement(import_ChoiceDividerText.default, null, dividerText), /* @__PURE__ */ import_react.default.createElement(
-    "div",
+    import_Base.default,
     {
+      as: "div",
       className: (0, import_clsx.default)(className, {
         "ds-checkboxes__item": true
       })
@@ -54,16 +56,11 @@ const CheckboxItem = import_react.default.forwardRef(function CheckboxItem2({ na
       },
       children,
       /* @__PURE__ */ import_react.default.createElement(
-        import_Base.default,
+        import_CheckboxItemInput.default,
         {
-          as: "input",
           ref,
-          type: "checkbox",
           name,
           value,
-          className: (0, import_clsx.default)({
-            "ds-checkboxes__input": true
-          }),
           disabled,
           ...props
         }

package/cjs/CheckboxItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CheckboxItem/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 CheckboxItemProps extends BaseProps<'input'> {\n  /**\n   * dividerText is optional.\n   * Add this prop to add a choice divider on top of a checkbox item.\n   * The string is the text that it will appear above this checkbox item.\n   */\n  dividerText?: string;\n}\n/**\n * Details for the CheckboxItem.\n * CheckboxItem component allows the user to select one or more checkboxes\n * CheckboxItem must be used inside Checkbox component\n */\nexport const CheckboxItem = React.forwardRef<\n  HTMLInputElement,\n  CheckboxItemProps\n>(function CheckboxItem(\n  { name, value, dividerText, className, disabled, children, ...props },\n  ref\n) {\n  return (\n    <>\n      {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}\n      <div\n        className={clsx(className, {\n          'ds-checkboxes__item': true,\n        })}\n      >\n        <LabelContainer\n          className={clsx({\n            'ds-checkboxes__label': true,\n            'ds-checkboxes__label--disabled': disabled,\n          })}\n        >\n          {children}\n          <Base\n            as=\"input\"\n            ref={ref}\n            type=\"checkbox\"\n            name={name}\n            value={value}\n            className={clsx({\n              'ds-checkboxes__input': true,\n            })}\n            disabled={disabled}\n            {...props}\n          />\n        </LabelContainer>\n      </div>\n    </>\n  );\n});\n\nexport default CheckboxItem;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,+BAA8B;AAC9B,4BAA2B;AAepB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cACT,EAAE,MAAM,OAAO,aAAa,WAAW,UAAU,UAAU,GAAG,MAAM,GACpE,KACA;AACA,SACE,6BAAAD,QAAA,2BAAAA,QAAA,gBACG,eAAe,6BAAAA,QAAA,cAAC,yBAAAE,SAAA,MAAmB,WAAY,GAChD,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,YAAAG,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED,6BAAAH,QAAA;AAAA,MAAC,sBAAAI;AAAA,MAAA;AAAA,QACC,eAAW,YAAAD,SAAK;AAAA,UACd,wBAAwB;AAAA,UACxB,kCAAkC;AAAA,QACpC,CAAC;AAAA;AAAA,MAEA;AAAA,MACD,6BAAAH,QAAA;AAAA,QAAC,YAAAK;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,eAAW,YAAAF,SAAK;AAAA,YACd,wBAAwB;AAAA,UAC1B,CAAC;AAAA,UACD;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF,CACF;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
-  "names": ["React", "CheckboxItem", "ChoiceDividerText", "clsx", "LabelContainer", "Base"]
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport CheckboxItemInput from '@digigov/react-core/CheckboxItemInput';\nimport ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface CheckboxItemProps extends BaseProps<'input'> {\n  /**\n   * dividerText is optional.\n   * Add this prop to add a choice divider on top of a checkbox item.\n   * The string is the text that it will appear above this checkbox item.\n   */\n  dividerText?: string;\n}\n/**\n * Details for the CheckboxItem.\n * CheckboxItem component allows the user to select one or more checkboxes\n * CheckboxItem must be used inside Checkbox component\n */\nexport const CheckboxItem = React.forwardRef<\n  HTMLInputElement,\n  CheckboxItemProps\n>(function CheckboxItem(\n  { name, value, dividerText, className, disabled, children, ...props },\n  ref\n) {\n  return (\n    <>\n      {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}\n      <Base\n        as=\"div\"\n        className={clsx(className, {\n          'ds-checkboxes__item': true,\n        })}\n      >\n        <LabelContainer\n          className={clsx({\n            'ds-checkboxes__label': true,\n            'ds-checkboxes__label--disabled': disabled,\n          })}\n        >\n          {children}\n          <CheckboxItemInput\n            ref={ref}\n            name={name}\n            value={value}\n            disabled={disabled}\n            {...props}\n          />\n        </LabelContainer>\n      </Base>\n    </>\n  );\n});\n\nexport default CheckboxItem;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,+BAA8B;AAC9B,+BAA8B;AAC9B,4BAA2B;AAepB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cACT,EAAE,MAAM,OAAO,aAAa,WAAW,UAAU,UAAU,GAAG,MAAM,GACpE,KACA;AACA,SACE,6BAAAD,QAAA,2BAAAA,QAAA,gBACG,eAAe,6BAAAA,QAAA,cAAC,yBAAAE,SAAA,MAAmB,WAAY,GAChD,6BAAAF,QAAA;AAAA,IAAC,YAAAG;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED,6BAAAJ,QAAA;AAAA,MAAC,sBAAAK;AAAA,MAAA;AAAA,QACC,eAAW,YAAAD,SAAK;AAAA,UACd,wBAAwB;AAAA,UACxB,kCAAkC;AAAA,QACpC,CAAC;AAAA;AAAA,MAEA;AAAA,MACD,6BAAAJ,QAAA;AAAA,QAAC,yBAAAM;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF,CACF;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "names": ["React", "CheckboxItem", "ChoiceDividerText", "Base", "clsx", "LabelContainer", "CheckboxItemInput"]
 }

package/cjs/CheckboxItemInput/index.js

@@ -0,0 +1,40 @@
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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 CheckboxItemInput_exports = {};
+__export(CheckboxItemInput_exports, {
+  default: () => import_CheckboxItemInput.default
+});
+module.exports = __toCommonJS(CheckboxItemInput_exports);
+__reExport(CheckboxItemInput_exports, require("@digigov/react-core/CheckboxItemInput/index.web"), module.exports);
+var import_CheckboxItemInput = __toESM(require("@digigov/react-core/CheckboxItemInput/index.web"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("@digigov/react-core/CheckboxItemInput/index.web")
+});
+//# sourceMappingURL=index.js.map

package/cjs/CheckboxItemInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/CheckboxItemInput/index.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/CheckboxItemInput/index.web';\nexport { default as default } from '@digigov/react-core/CheckboxItemInput/index.web';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAAc,4DAAd;AACA,+BAAmC;",
+  "names": []
+}

package/cjs/CheckboxItemInput/index.web/index.js

@@ -0,0 +1,59 @@
+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 index_web_exports = {};
+__export(index_web_exports, {
+  CheckboxItemInput: () => CheckboxItemInput,
+  default: () => index_web_default
+});
+module.exports = __toCommonJS(index_web_exports);
+var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+var import_Base = __toESM(require("@digigov/react-core/Base"));
+const CheckboxItemInput = import_react.default.forwardRef(function CheckboxItemInput2({ name, value, className, disabled, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Base.default,
+    {
+      as: "input",
+      ref,
+      type: "checkbox",
+      name,
+      value,
+      className: (0, import_clsx.default)(className, {
+        "ds-checkboxes__input": true
+      }),
+      disabled,
+      ...props
+    }
+  );
+});
+var index_web_default = CheckboxItemInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxItemInput
+});
+//# sourceMappingURL=index.web.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/CheckboxItemInput/index.web.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CheckboxItemInputProps extends BaseProps<'input'> {}\n/**\n * Details for the CheckboxItem.\n * CheckboxItemInput component is the input component for CheckboxItem.\n */\nexport const CheckboxItemInput = React.forwardRef<\n  HTMLInputElement,\n  CheckboxItemInputProps\n>(function CheckboxItemInput(\n  { name, value, className, disabled, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"input\"\n      ref={ref}\n      type=\"checkbox\"\n      name={name}\n      value={value}\n      className={clsx(className, {\n        'ds-checkboxes__input': true,\n      })}\n      disabled={disabled}\n      {...props}\n    />\n  );\n});\n\nexport default CheckboxItemInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBACT,EAAE,MAAM,OAAO,WAAW,UAAU,GAAG,MAAM,GAC7C,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["React", "CheckboxItemInput", "Base", "clsx"]
+}

package/cjs/Chip/index.js

@@ -49,8 +49,9 @@ const Chip = import_react.default.forwardRef(function Chip2({ className, onDelet
       onClick
     },
     /* @__PURE__ */ import_react.default.createElement(
-      "div",
+      import_Base.default,
       {
+        as: "div",
         role: onClick && "button",
         tabIndex: onClick && 0,
         className: "ds-chip__content"

package/cjs/Chip/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Chip/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { CloseIcon } from '@digigov/react-icons';\n\nexport interface ChipProps extends BaseProps<'li'> {\n  /**\n\n  */\n  onDelete?: (e: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;\n}\n/**\n * Chips can be used to represent small blocks of information.\n * Chip component must be inside ChipContainer component.\n */\nexport const Chip = React.forwardRef<HTMLLIElement, ChipProps>(function Chip(\n  { className, onDelete, onClick, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-chip': true,\n        'ds-chip--deletable': !!onDelete,\n      })}\n      {...props}\n      onClick={onClick}\n    >\n      <div\n        role={onClick && 'button'}\n        tabIndex={onClick && 0}\n        className=\"ds-chip__content\"\n      >\n        {children}\n        {onDelete && (\n          <CloseIcon\n            onClick={(e) => {\n              e.stopPropagation();\n              onDelete(e);\n            }}\n          />\n        )}\n      </div>\n    </Base>\n  );\n});\n\nexport default Chip;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,yBAA0B;AAYnB,MAAM,OAAO,aAAAA,QAAM,WAAqC,SAASC,MACtE,EAAE,WAAW,UAAU,SAAS,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,sBAAsB,CAAC,CAAC;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA,MACJ;AAAA;AAAA,IAEA,6BAAAH,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,WAAW;AAAA,QACjB,UAAU,WAAW;AAAA,QACrB,WAAU;AAAA;AAAA,MAET;AAAA,MACA,YACC,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC,MAAM;AACd,cAAE,gBAAgB;AAClB,qBAAS,CAAC;AAAA,UACZ;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { CloseIcon } from '@digigov/react-icons';\n\nexport interface ChipProps extends BaseProps<'li'> {\n  /**\n\n  */\n  onDelete?: (e: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;\n}\n/**\n * Chips can be used to represent small blocks of information.\n * Chip component must be inside ChipContainer component.\n */\nexport const Chip = React.forwardRef<HTMLLIElement, ChipProps>(function Chip(\n  { className, onDelete, onClick, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-chip': true,\n        'ds-chip--deletable': !!onDelete,\n      })}\n      {...props}\n      onClick={onClick}\n    >\n      <Base\n        as=\"div\"\n        role={onClick && 'button'}\n        tabIndex={onClick && 0}\n        className=\"ds-chip__content\"\n      >\n        {children}\n        {onDelete && (\n          <CloseIcon\n            onClick={(e) => {\n              e.stopPropagation();\n              onDelete(e);\n            }}\n          />\n        )}\n      </Base>\n    </Base>\n  );\n});\n\nexport default Chip;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,yBAA0B;AAYnB,MAAM,OAAO,aAAAA,QAAM,WAAqC,SAASC,MACtE,EAAE,WAAW,UAAU,SAAS,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,sBAAsB,CAAC,CAAC;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA,MACJ;AAAA;AAAA,IAEA,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAM,WAAW;AAAA,QACjB,UAAU,WAAW;AAAA,QACrB,WAAU;AAAA;AAAA,MAET;AAAA,MACA,YACC,6BAAAF,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC,MAAM;AACd,cAAE,gBAAgB;AAClB,qBAAS,CAAC;AAAA,UACZ;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,eAAQ;",
   "names": ["React", "Chip", "Base", "clsx"]
 }

package/cjs/ChipKeyValue/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ChipKeyValue/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ChipKeyValueProps extends BaseProps<'span'> { }\n/**\n * ChipKeyValue is used to provide key value inside chips.\n * ChipKeyValue component must be wrapped inside Chip component.\n */\nexport const ChipKeyValue = React.forwardRef<\n  HTMLSpanElement,\n  ChipKeyValueProps\n>(function ChipKeyValue({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-chip__key-value': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ChipKeyValue;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ChipKeyValueProps extends BaseProps<'span'> {}\n/**\n * ChipKeyValue is used to provide key value inside chips.\n * ChipKeyValue component must be wrapped inside Chip component.\n */\nexport const ChipKeyValue = React.forwardRef<\n  HTMLSpanElement,\n  ChipKeyValueProps\n>(function ChipKeyValue({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-chip__key-value': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ChipKeyValue;\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,sBAAsB;AAAA,MACxB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["React", "ChipKeyValue", "Base", "clsx"]
 }

package/cjs/ChoiceDividerText/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ChoiceDividerText/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ChoiceDividerTextProps extends BaseProps<'div'> { }\n/**\n * ChoiceDivider component adds a text divider on top of a Radio or Checkbox item.\n * It's been used as a prop (\"divider\") inside RadioItem and CheckboxItem.\n */\nexport const ChoiceDividerText = React.forwardRef<\n  HTMLDivElement,\n  ChoiceDividerTextProps\n>(function ChoiceDividerText({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-choice-divider-text': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ChoiceDividerText;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ChoiceDividerTextProps extends BaseProps<'div'> {}\n/**\n * ChoiceDivider component adds a text divider on top of a Radio or Checkbox item.\n * It's been used as a prop (\"divider\") inside RadioItem and CheckboxItem.\n */\nexport const ChoiceDividerText = React.forwardRef<\n  HTMLDivElement,\n  ChoiceDividerTextProps\n>(function ChoiceDividerText({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-choice-divider-text': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ChoiceDividerText;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBAAkB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACnE,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,4BAAQ;",
   "names": ["React", "ChoiceDividerText", "Base", "clsx"]
 }

package/cjs/{CircularProgress → CircularProgressBase}/index.js

@@ -25,16 +25,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var CircularProgress_exports = {};
-__export(CircularProgress_exports, {
-  CircularProgress: () => CircularProgress,
-  default: () => CircularProgress_default
+var CircularProgressBase_exports = {};
+__export(CircularProgressBase_exports, {
+  CircularProgressBase: () => CircularProgressBase,
+  default: () => CircularProgressBase_default
 });
-module.exports = __toCommonJS(CircularProgress_exports);
+module.exports = __toCommonJS(CircularProgressBase_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const CircularProgress = import_react.default.forwardRef(function CircularProgress2({ color = "primary", size = "md", className, ...props }, ref) {
+const CircularProgressBase = import_react.default.forwardRef(function CircularProgress({ color = "primary", size = "md", className, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
@@ -68,9 +68,9 @@ const CircularProgress = import_react.default.forwardRef(function CircularProgre
     )
   );
 });
-var CircularProgress_default = CircularProgress;
+var CircularProgressBase_default = CircularProgressBase;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  CircularProgress
+  CircularProgressBase
 });
 //# sourceMappingURL=index.js.map

package/cjs/CircularProgressBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/CircularProgressBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CircularProgressBaseProps extends BaseProps<'svg'> {\n  /**\n   * color prop is optional.\n   * color prop is used to change the color of the loader.\n   * @value 'primary' is the default color.\n   * @value 'secondary' recommended for dark backgrounds.\n   * @default 'primary'\n   */\n  color?: 'primary' | 'secondary';\n  /**\n   * size prop is optional.\n   * size prop is used to change the size of the loader.\n   * @value 'sm'\n   * @value 'md'\n   * @value 'lg'\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg';\n}\n/**\n * Use CircularProgressBase component as an animated loader.\n *  CircularProgressBase can be used inside LoaderContainer component.\n */\nexport const CircularProgressBase = React.forwardRef<\n  SVGElement,\n  CircularProgressBaseProps\n>(function CircularProgress(\n  { color = 'primary', size = 'md', className, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"svg\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-circular-progress': true,\n        'ds-circular-progress--secondary': color === 'secondary',\n        'ds-circular-progress--sm': size === 'sm',\n        'ds-circular-progress--md': size === 'md',\n        'ds-circular-progress--lg': size === 'lg',\n      })}\n      focusable=\"false\"\n      viewBox=\"0 0 200 200\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <path\n        className=\"ds-circular-progress__circle ds-circular-progress__circle--1\"\n        d=\"M26,99.551C26,55.478,60.246,27.5,99.85,27.5S174,55.478,174,99.551,139.455,172.5,99.85,172.5C60.273,172.473,26,143.6,26,99.551Z\"\n      />\n      <path\n        className=\"ds-circular-progress__circle ds-circular-progress__circle--2\"\n        d=\"M26,99.551C26,55.478,60.246,27.5,99.85,27.5S174,55.478,174,99.551,139.455,172.5,99.85,172.5C60.273,172.473,26,143.6,26,99.551Z\"\n      />\n    </Base>\n  );\n});\n\nexport default CircularProgressBase;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAyBzB,MAAM,uBAAuB,aAAAA,QAAM,WAGxC,SAAS,iBACT,EAAE,QAAQ,WAAW,OAAO,MAAM,WAAW,GAAG,MAAM,GACtD,KACA;AACA,SACE,6BAAAA,QAAA;AAAA,IAAC,YAAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,mCAAmC,UAAU;AAAA,QAC7C,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,MACvC,CAAC;AAAA,MACD,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,eAAY;AAAA,MACX,GAAG;AAAA;AAAA,IAEJ,6BAAAF,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA;AAAA,IACJ;AAAA,IACA,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA;AAAA,IACJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
+  "names": ["React", "Base", "clsx"]
+}

package/cjs/CodeBlockContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CodeBlockContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CodeBlockContainerProps extends BaseProps<'div'> { }\n/**\n * CodeBlockContainer can be used as a colored container for text.\n *\n */\nexport const CodeBlockContainer = React.forwardRef<\n  HTMLDivElement,\n  CodeBlockContainerProps\n>(function CodeBlockContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-code-block__container': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default CodeBlockContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CodeBlockContainerProps extends BaseProps<'div'> {}\n/**\n * CodeBlockContainer is a component for displaying code.\n *\n */\nexport const CodeBlockContainer = React.forwardRef<\n  HTMLDivElement,\n  CodeBlockContainerProps\n>(function CodeBlockContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-code-block__container': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default CodeBlockContainer;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,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,4BAA4B;AAAA,MAC9B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
   "names": ["React", "CodeBlockContainer", "Base", "clsx"]
 }

package/cjs/CodeBlockContent/index.js

@@ -36,8 +36,9 @@ var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
 const CodeBlockContent = import_react.default.forwardRef(function CodeBlockContent2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(import_Base.default, { as: "pre", ref, className, ...props }, /* @__PURE__ */ import_react.default.createElement(
-    "code",
+    import_Base.default,
     {
+      as: "code",
       className: (0, import_clsx.default)({
         "ds-code-block__content": true
       })

package/cjs/CodeBlockContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CodeBlockContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CodeBlockContentProps extends BaseProps<'pre'> { }\n/**\n * CodeBlockContent can be used as content inside the CodeBlockContainer\n *\n */\nexport const CodeBlockContent = React.forwardRef<\n  HTMLPreElement,\n  CodeBlockContentProps\n>(function CodeBlockContent({ className, children, ...props }, ref) {\n  return (\n    <Base as=\"pre\" ref={ref} className={className} {...props}>\n      <code\n        className={clsx({\n          'ds-code-block__content': true,\n        })}\n      >\n        {children}\n      </code>\n    </Base>\n  );\n});\n\nexport default CodeBlockContent;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,IAAG,OAAM,KAAU,WAAuB,GAAG,SACjD,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,YAAAG,SAAK;AAAA,QACd,0BAA0B;AAAA,MAC5B,CAAC;AAAA;AAAA,IAEA;AAAA,EACH,CACF;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CodeBlockContentProps extends BaseProps<'pre'> {}\n/**\n * CodeBlockContent can be used as content inside the CodeBlockContainer.\n *\n */\nexport const CodeBlockContent = React.forwardRef<\n  HTMLPreElement,\n  CodeBlockContentProps\n>(function CodeBlockContent({ className, children, ...props }, ref) {\n  return (\n    <Base as=\"pre\" ref={ref} className={className} {...props}>\n      <Base\n        as=\"code\"\n        className={clsx({\n          'ds-code-block__content': true,\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default CodeBlockContent;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,IAAG,OAAM,KAAU,WAAuB,GAAG,SACjD,6BAAAF,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK;AAAA,QACd,0BAA0B;AAAA,MAC5B,CAAC;AAAA;AAAA,IAEA;AAAA,EACH,CACF;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
   "names": ["React", "CodeBlockContent", "Base", "clsx"]
 }

package/cjs/CodeBlockHeader/index.js

@@ -42,9 +42,7 @@ const CodeBlockHeader = import_react.default.forwardRef(function CodeBlockHeader
       ref,
       className: (0, import_clsx.default)(className, {
         "ds-code-block__header": true,
-        "ds-code-block__header--start": justify === "start",
-        "ds-code-block__header--space-between": justify === "spaceBetween",
-        "ds-code-block__header--end": justify === "end"
+        [`ds-code-block__header--${justify}`]: justify !== void 0
       }),
       ...props
     },

package/cjs/CodeBlockHeader/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CodeBlockHeader/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CodeBlockHeaderProps extends BaseProps<'div'> {\n  /**\n   * justify prop is optional.\n   * justify prop is used the justify-content style.\n   * @value 'start' is used to place the header's content at the start.\n   * @value 'end' is used to place the header's content at the end.\n   * @value 'spaceBetween' is recommended for two items in header.\n   * @default 'start'\n   */\n  justify?: 'start' | 'spaceBetween' | 'end';\n}\n/**\n * CodeBlockHeader can be used as header inside the CodeBlockContainer.\n *\n */\nexport const CodeBlockHeader = React.forwardRef<\n  HTMLDivElement,\n  CodeBlockHeaderProps\n>(function CodeBlockHeader(\n  { className, justify = 'start', children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-code-block__header': true,\n        'ds-code-block__header--start': justify === 'start',\n        'ds-code-block__header--space-between': justify === 'spaceBetween',\n        'ds-code-block__header--end': justify === 'end',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default CodeBlockHeader;\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,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,QACzB,gCAAgC,YAAY;AAAA,QAC5C,wCAAwC,YAAY;AAAA,QACpD,8BAA8B,YAAY;AAAA,MAC5C,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 CodeBlockHeaderProps extends BaseProps<'div'> {\n  /**\n   * justify prop is optional.\n   * justify prop is used the justify-content style.\n   * @value 'start' is used to place the header's content at the start.\n   * @value 'end' is used to place the header's content at the end.\n   * @value 'spaceBetween' is recommended for two items in header.\n   * @default 'start'\n   */\n  justify?: 'start' | 'space-between' | 'end';\n}\n/**\n * CodeBlockHeader can be used as header inside the CodeBlockContainer.\n *\n */\nexport const CodeBlockHeader = React.forwardRef<\n  HTMLDivElement,\n  CodeBlockHeaderProps\n>(function CodeBlockHeader(\n  { className, justify = 'start', children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-code-block__header': true,\n        [`ds-code-block__header--${justify}`]: justify !== undefined,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default CodeBlockHeader;\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,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,QACzB,CAAC,0BAA0B,OAAO,EAAE,GAAG,YAAY;AAAA,MACrD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "CodeBlockHeader", "Base", "clsx"]
 }