@digigov/react-core 2.0.0-2445d5cb → 2.0.0-298cfc51

package/CheckboxItemInput/index.native/index.js

@@ -0,0 +1,20 @@
+import extend from "@digigov/react-core/utils/extend.native";
+import CoreCheckboxItemInput from "@digigov/react-core/CheckboxItemInput/index.web";
+import clsx from "clsx";
+const CheckboxItemInput = extend(
+  CoreCheckboxItemInput,
+  ({ className, ...props }) => {
+    return {
+      ...props,
+      className: clsx(className, {
+        "ds-checkboxes__input__wrapper": true
+      })
+    };
+  }
+);
+var index_native_default = CheckboxItemInput;
+export {
+  CheckboxItemInput,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/CheckboxItemInput/index.native/package.json

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

package/CheckboxItemInput/index.native.d.ts

@@ -0,0 +1,4 @@
+export declare const CheckboxItemInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/CheckboxItemInput/index.web").CheckboxItemInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
+    className?: string;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export default CheckboxItemInput;

package/CheckboxItemInput/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/CheckboxItemInput/index.native.tsx"],
+  "sourcesContent": ["import extend from '@digigov/react-core/utils/extend.native';\nimport CoreCheckboxItemInput from '@digigov/react-core/CheckboxItemInput/index.web';\nimport clsx from 'clsx';\n\nexport const CheckboxItemInput = extend(\n  CoreCheckboxItemInput,\n  ({ className, ...props }) => {\n    return {\n      ...props,\n      className: clsx(className, {\n        'ds-checkboxes__input__wrapper': true,\n      }),\n    };\n  }\n);\n\nexport default CheckboxItemInput;\n"],
+  "mappings": "AAAA,OAAO,YAAY;AACnB,OAAO,2BAA2B;AAClC,OAAO,UAAU;AAEV,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AAC3B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

package/CheckboxItemInput/index.web/index.js

@@ -0,0 +1,26 @@
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const CheckboxItemInput = React.forwardRef(function CheckboxItemInput2({ name, value, className, disabled, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "input",
+      ref,
+      type: "checkbox",
+      name,
+      value,
+      className: clsx({
+        "ds-checkboxes__input": true
+      }),
+      disabled,
+      ...props
+    }
+  );
+});
+var index_web_default = CheckboxItemInput;
+export {
+  CheckboxItemInput,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/CheckboxItemInput/index.web/package.json

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

package/CheckboxItemInput/index.web.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface CheckboxItemInputProps extends BaseProps<'input'> {
+}
+/**
+ * Details for the CheckboxItem.
+ * CheckboxItemInput component is the input component for CheckboxItem.
+ */
+export declare const CheckboxItemInput: React.ForwardRefExoticComponent<Omit<CheckboxItemInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default CheckboxItemInput;

package/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, children, ...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({\n        'ds-checkboxes__input': true,\n      })}\n      disabled={disabled}\n      {...props}\n    />\n\n  );\n});\n\nexport default CheckboxItemInput;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBACT,EAAE,MAAM,OAAO,WAAW,UAAU,UAAU,GAAG,MAAM,GACvD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,WAAW,KAAK;AAAA,QACd,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAGJ,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["CheckboxItemInput"]
+}

package/CheckboxItemInput/package.json

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

package/Chip/index.js

@@ -16,8 +16,9 @@ const Chip = React.forwardRef(function Chip2({ className, onDelete, onClick, chi
       onClick
     },
     /* @__PURE__ */ React.createElement(
-      "div",
+      Base,
       {
+        as: "div",
         role: onClick && "button",
         tabIndex: onClick && 0,
         className: "ds-chip__content"

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,iBAAiB;AAYnB,MAAM,OAAO,MAAM,WAAqC,SAASA,MACtE,EAAE,WAAW,UAAU,SAAS,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,sBAAsB,CAAC,CAAC;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA,MACJ;AAAA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,WAAW;AAAA,QACjB,UAAU,WAAW;AAAA,QACrB,WAAU;AAAA;AAAA,MAET;AAAA,MACA,YACC;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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,iBAAiB;AAYnB,MAAM,OAAO,MAAM,WAAqC,SAASA,MACtE,EAAE,WAAW,UAAU,SAAS,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,sBAAsB,CAAC,CAAC;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA,MACJ;AAAA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAM,WAAW;AAAA,QACjB,UAAU,WAAW;AAAA,QACrB,WAAU;AAAA;AAAA,MAET;AAAA,MACA,YACC;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": ["Chip"]
 }

package/CodeBlockContainer/index.d.ts

@@ -3,7 +3,7 @@ import { BaseProps } from '@digigov/react-core/Base';
 export interface CodeBlockContainerProps extends BaseProps<'div'> {
 }
 /**
- * CodeBlockContainer can be used as a colored container for text.
+ * CodeBlockContainer is a component for displaying code.
  *
  */
 export declare const CodeBlockContainer: React.ForwardRefExoticComponent<Omit<CodeBlockContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,qBAAqB,MAAM,WAGtC,SAASA,oBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,4BAA4B;AAAA,MAC9B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
   "names": ["CodeBlockContainer"]
 }

package/CodeBlockContent/index.d.ts

@@ -3,7 +3,7 @@ import { BaseProps } from '@digigov/react-core/Base';
 export interface CodeBlockContentProps extends BaseProps<'pre'> {
 }
 /**
- * CodeBlockContent can be used as content inside the CodeBlockContainer
+ * CodeBlockContent can be used as content inside the CodeBlockContainer.
  *
  */
 export declare const CodeBlockContent: React.ForwardRefExoticComponent<Omit<CodeBlockContentProps, "ref"> & React.RefAttributes<HTMLPreElement>>;

package/CodeBlockContent/index.js

@@ -2,9 +2,10 @@ import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
 const CodeBlockContent = React.forwardRef(function CodeBlockContent2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(Base, { as: "pre", ref, className: clsx(className), ...props }, /* @__PURE__ */ React.createElement(
-    "code",
+  return /* @__PURE__ */ React.createElement(Base, { as: "pre", ref, className, ...props }, /* @__PURE__ */ React.createElement(
+    Base,
     {
+      as: "code",
       className: clsx({
         "ds-code-block__content": true
       })

package/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={clsx(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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,oCAAC,QAAK,IAAG,OAAM,KAAU,WAAW,KAAK,SAAS,GAAI,GAAG,SACvD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK;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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,oCAAC,QAAK,IAAG,OAAM,KAAU,WAAuB,GAAG,SACjD;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW,KAAK;AAAA,QACd,0BAA0B;AAAA,MAC5B,CAAC;AAAA;AAAA,IAEA;AAAA,EACH,CACF;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
   "names": ["CodeBlockContent"]
 }

package/CodeBlockHeader/index.d.ts

@@ -9,7 +9,7 @@ export interface CodeBlockHeaderProps extends BaseProps<'div'> {
      * @value 'spaceBetween' is recommended for two items in header.
      * @default 'start'
      */
-    justify?: 'start' | 'spaceBetween' | 'end';
+    justify?: 'start' | 'space-between' | 'end';
 }
 /**
  * CodeBlockHeader can be used as header inside the CodeBlockContainer.

package/CodeBlockHeader/index.js

@@ -9,9 +9,7 @@ const CodeBlockHeader = React.forwardRef(function CodeBlockHeader2({ className,
       ref,
       className: clsx(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/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAiBzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT,EAAE,WAAW,UAAU,SAAS,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAiBzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT,EAAE,WAAW,UAAU,SAAS,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,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": ["CodeBlockHeader"]
 }

package/CopyToClipboardContainer/index.d.ts

@@ -1,31 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface CopyToClipboardContainerProps extends BaseProps<'div'> {
-    /**
-     * @value 'tooltip' is used when you want to show the message inside a tooltip.
-     * @value 'banner' is used when you want to show the message inside a banner.
-     * @default 'tooltip'
-     */
-    variant?: 'tooltip' | 'banner';
-    /**
-     * tooltipAlign is optional.
-     * tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.
-     * @value 'right'
-     * @value 'left'
-     * @default 'right'
-     */
-    tooltipAlign?: 'right' | 'left';
-    /**
-     * dense is optional.
-     * affects only the density of the tooltip.
-     * @value true tooltip will be dense.
-     * @value false
-     * @default false
-     * */
-    dense?: boolean;
-}
-/**
- * CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage
- */
-export declare const CopyToClipboardContainer: React.ForwardRefExoticComponent<Omit<CopyToClipboardContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default CopyToClipboardContainer;
+export * from '@digigov/react-core/CopyToClipboardContainer/index.web';
+export { default as default } from '@digigov/react-core/CopyToClipboardContainer/index.web';

package/CopyToClipboardContainer/index.js

@@ -1,43 +1,6 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const CopyToClipboardContainer = React.forwardRef(function CopyToClipboardContainer2({
-  variant = "tooltip",
-  tooltipAlign = "right",
-  className,
-  dense,
-  children,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "div",
-      ref,
-      ...props,
-      className: clsx(className, {
-        "ds-copy-to-clipboard": true
-      }),
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: clsx(className, {
-          "ds-copy-to-clipboard__tooltip": variant === "tooltip",
-          "ds-copy-to-clipboard__tooltip--dense": variant === "tooltip" && dense,
-          "ds-copy-to-clipboard__tooltip--left": variant === "tooltip" && tooltipAlign === "left",
-          "ds-copy-to-clipboard__tooltip--right": variant === "tooltip" && tooltipAlign === "right",
-          "ds-copy-to-clipboard__banner": variant === "banner"
-        })
-      },
-      children
-    )
-  );
-});
-var CopyToClipboardContainer_default = CopyToClipboardContainer;
+export * from "@digigov/react-core/CopyToClipboardContainer/index.web";
+import { default as default2 } from "@digigov/react-core/CopyToClipboardContainer/index.web";
 export {
-  CopyToClipboardContainer,
-  CopyToClipboardContainer_default as default
+  default2 as default
 };
 //# sourceMappingURL=index.js.map

package/CopyToClipboardContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/CopyToClipboardContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CopyToClipboardContainerProps extends BaseProps<'div'> {\n  /**\n   * @value 'tooltip' is used when you want to show the message inside a tooltip.\n   * @value 'banner' is used when you want to show the message inside a banner.\n   * @default 'tooltip'\n   */\n  variant?: 'tooltip' | 'banner';\n  /**\n   * tooltipAlign is optional.\n   * tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.\n   * @value 'right'\n   * @value 'left'\n   * @default 'right'\n   */\n  tooltipAlign?: 'right' | 'left';\n  /**\n   * dense is optional.\n   * affects only the density of the tooltip.\n   * @value true tooltip will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage\n */\nexport const CopyToClipboardContainer = React.forwardRef<\n  HTMLDivElement,\n  CopyToClipboardContainerProps\n>(function CopyToClipboardContainer(\n  {\n    variant = 'tooltip',\n    tooltipAlign = 'right',\n    className,\n    dense,\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      {...props}\n      className={clsx(className, {\n        'ds-copy-to-clipboard': true,\n      })}\n      {...props}\n    >\n      <div\n        className={clsx(className, {\n          'ds-copy-to-clipboard__tooltip': variant === 'tooltip',\n          'ds-copy-to-clipboard__tooltip--dense':\n            variant === 'tooltip' && dense,\n          'ds-copy-to-clipboard__tooltip--left':\n            variant === 'tooltip' && tooltipAlign === 'left',\n          'ds-copy-to-clipboard__tooltip--right':\n            variant === 'tooltip' && tooltipAlign === 'right',\n          'ds-copy-to-clipboard__banner': variant === 'banner',\n        })}\n      >\n        {children}\n      </div>\n    </Base>\n  );\n});\n\nexport default CopyToClipboardContainer;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,2BAA2B,MAAM,WAG5C,SAASA,0BACT;AAAA,EACE,UAAU;AAAA,EACV,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,WAAW;AAAA,UACzB,iCAAiC,YAAY;AAAA,UAC7C,wCACE,YAAY,aAAa;AAAA,UAC3B,uCACE,YAAY,aAAa,iBAAiB;AAAA,UAC5C,wCACE,YAAY,aAAa,iBAAiB;AAAA,UAC5C,gCAAgC,YAAY;AAAA,QAC9C,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,mCAAQ;",
-  "names": ["CopyToClipboardContainer"]
+  "sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardContainer/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardContainer/index.web';"],
+  "mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
+  "names": ["default"]
 }

package/CopyToClipboardContainer/index.web/index.js

@@ -0,0 +1,44 @@
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const CopyToClipboardContainer = React.forwardRef(function CopyToClipboardContainer2({
+  variant = "tooltip",
+  tooltipAlign = "right",
+  className,
+  dense,
+  children,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "div",
+      ref,
+      ...props,
+      className: clsx(className, {
+        "ds-copy-to-clipboard": true
+      }),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      Base,
+      {
+        as: "div",
+        className: clsx(className, {
+          "ds-copy-to-clipboard__tooltip": variant === "tooltip",
+          "ds-copy-to-clipboard__tooltip--dense": variant === "tooltip" && dense,
+          "ds-copy-to-clipboard__tooltip--left": variant === "tooltip" && tooltipAlign === "left",
+          "ds-copy-to-clipboard__tooltip--right": variant === "tooltip" && tooltipAlign === "right",
+          "ds-copy-to-clipboard__banner": variant === "banner"
+        })
+      },
+      children
+    )
+  );
+});
+var index_web_default = CopyToClipboardContainer;
+export {
+  CopyToClipboardContainer,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/CopyToClipboardContainer/index.web/package.json

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

package/CopyToClipboardContainer/index.web.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface CopyToClipboardContainerProps extends BaseProps<'div'> {
+    /**
+     * @value 'tooltip' is used when you want to show the message inside a tooltip.
+     * @value 'banner' is used when you want to show the message inside a banner.
+     * @default 'tooltip'
+     */
+    variant?: 'tooltip' | 'banner';
+    /**
+     * tooltipAlign is optional.
+     * tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.
+     * @value 'right'
+     * @value 'left'
+     * @default 'right'
+     */
+    tooltipAlign?: 'right' | 'left';
+    /**
+     * dense is optional.
+     * affects only the density of the tooltip.
+     * @value true tooltip will be dense.
+     * @value false
+     * @default false
+     * */
+    dense?: boolean;
+}
+/**
+ * CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage
+ */
+export declare const CopyToClipboardContainer: React.ForwardRefExoticComponent<Omit<CopyToClipboardContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default CopyToClipboardContainer;

package/CopyToClipboardContainer/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/CopyToClipboardContainer/index.web.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CopyToClipboardContainerProps extends BaseProps<'div'> {\n  /**\n   * @value 'tooltip' is used when you want to show the message inside a tooltip.\n   * @value 'banner' is used when you want to show the message inside a banner.\n   * @default 'tooltip'\n   */\n  variant?: 'tooltip' | 'banner';\n  /**\n   * tooltipAlign is optional.\n   * tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.\n   * @value 'right'\n   * @value 'left'\n   * @default 'right'\n   */\n  tooltipAlign?: 'right' | 'left';\n  /**\n   * dense is optional.\n   * affects only the density of the tooltip.\n   * @value true tooltip will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage\n */\nexport const CopyToClipboardContainer = React.forwardRef<\n  HTMLDivElement,\n  CopyToClipboardContainerProps\n>(function CopyToClipboardContainer(\n  {\n    variant = 'tooltip',\n    tooltipAlign = 'right',\n    className,\n    dense,\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      {...props}\n      className={clsx(className, {\n        'ds-copy-to-clipboard': true,\n      })}\n      {...props}\n    >\n      <Base\n        as=\"div\"\n        className={clsx(className, {\n          'ds-copy-to-clipboard__tooltip': variant === 'tooltip',\n          'ds-copy-to-clipboard__tooltip--dense':\n            variant === 'tooltip' && dense,\n          'ds-copy-to-clipboard__tooltip--left':\n            variant === 'tooltip' && tooltipAlign === 'left',\n          'ds-copy-to-clipboard__tooltip--right':\n            variant === 'tooltip' && tooltipAlign === 'right',\n          'ds-copy-to-clipboard__banner': variant === 'banner',\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default CopyToClipboardContainer;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,2BAA2B,MAAM,WAG5C,SAASA,0BACT;AAAA,EACE,UAAU;AAAA,EACV,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK,WAAW;AAAA,UACzB,iCAAiC,YAAY;AAAA,UAC7C,wCACE,YAAY,aAAa;AAAA,UAC3B,uCACE,YAAY,aAAa,iBAAiB;AAAA,UAC5C,wCACE,YAAY,aAAa,iBAAiB;AAAA,UAC5C,gCAAgC,YAAY;AAAA,QAC9C,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["CopyToClipboardContainer"]
+}

package/CopyToClipboardMessage/index.d.ts

@@ -1,18 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface CopyToClipboardMessageProps extends BaseProps<'div'> {
-    /**
-     * enabled is a boolean prop passed from the CopyToClipboard component.
-     * When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.
-     * When it's false it resets the animations of the CopyToClipboardMessage.
-     * @value true
-     * @value false
-     */
-    enabled?: boolean;
-}
-/**
- * CopyToClipboardMessage is used to show a message that a text is being copied.
- * This component is used inside the CopyToClipboard component that lies inside the digigov/ui library
- */
-export declare const CopyToClipboardMessage: React.ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default CopyToClipboardMessage;
+export * from '@digigov/react-core/CopyToClipboardMessage/index.web';
+export { default as default } from '@digigov/react-core/CopyToClipboardMessage/index.web';

package/CopyToClipboardMessage/index.js

@@ -1,24 +1,6 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const CopyToClipboardMessage = React.forwardRef(function CopyToClipboardMessage2({ enabled, className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "div",
-      ref,
-      className: clsx(className, {
-        "ds-copy-to-clipboard__message": true,
-        "ds-copy-to-clipboard--hidden": !enabled
-      }),
-      ...props
-    },
-    children
-  );
-});
-var CopyToClipboardMessage_default = CopyToClipboardMessage;
+export * from "@digigov/react-core/CopyToClipboardMessage/index.web";
+import { default as default2 } from "@digigov/react-core/CopyToClipboardMessage/index.web";
 export {
-  CopyToClipboardMessage,
-  CopyToClipboardMessage_default as default
+  default2 as default
 };
 //# sourceMappingURL=index.js.map

package/CopyToClipboardMessage/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/CopyToClipboardMessage/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CopyToClipboardMessageProps extends BaseProps<'div'> {\n  /**\n   * enabled is a boolean prop passed from the CopyToClipboard component.\n   * When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.\n   * When it's false it resets the animations of the CopyToClipboardMessage.\n   * @value true\n   * @value false\n   */\n  enabled?: boolean;\n}\n/**\n * CopyToClipboardMessage is used to show a message that a text is being copied.\n * This component is used inside the CopyToClipboard component that lies inside the digigov/ui library\n */\nexport const CopyToClipboardMessage = React.forwardRef<\n  HTMLDivElement,\n  CopyToClipboardMessageProps\n>(function CopyToClipboardMessage(\n  { enabled, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-copy-to-clipboard__message': true,\n        'ds-copy-to-clipboard--hidden': !enabled,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default CopyToClipboardMessage;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAgBzB,MAAM,yBAAyB,MAAM,WAG1C,SAASA,wBACT,EAAE,SAAS,WAAW,UAAU,GAAG,MAAM,GACzC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,QACjC,gCAAgC,CAAC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iCAAQ;",
-  "names": ["CopyToClipboardMessage"]
+  "sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardMessage/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardMessage/index.web';"],
+  "mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
+  "names": ["default"]
 }

package/CopyToClipboardMessage/index.native/index.js

@@ -0,0 +1,18 @@
+import CoreCopyToClipboardMessage from "@digigov/react-core/CopyToClipboardMessage/index.web";
+import { extend } from "@digigov/react-core/utils/extend.native";
+import clsx from "clsx";
+const CopyToClipboardMessage = extend(CoreCopyToClipboardMessage, ({ dense, className, ...props }) => {
+  return {
+    className: clsx(className, {
+      "ds-copy-to-clipboard__before": true,
+      "ds-copy-to-clipboard__message--dense": dense
+    }),
+    ...props
+  };
+});
+var index_native_default = CopyToClipboardMessage;
+export {
+  CopyToClipboardMessage,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/CopyToClipboardMessage/index.native/package.json

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

package/CopyToClipboardMessage/index.native.d.ts

@@ -0,0 +1,6 @@
+import { CopyToClipboardMessageProps } from '@digigov/react-core/CopyToClipboardMessage/index.web';
+import { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';
+export declare const CopyToClipboardMessage: import("react").ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps & CopyToClipboardContainerProps & {
+    className?: string;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export default CopyToClipboardMessage;

package/CopyToClipboardMessage/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/CopyToClipboardMessage/index.native.tsx"],
+  "sourcesContent": ["import CoreCopyToClipboardMessage, {\n  CopyToClipboardMessageProps,\n} from '@digigov/react-core/CopyToClipboardMessage/index.web';\nimport { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';\nimport { extend } from '@digigov/react-core/utils/extend.native';\nimport clsx from 'clsx';\n\nexport const CopyToClipboardMessage = extend<\n  CopyToClipboardMessageProps,\n  CopyToClipboardContainerProps\n>(CoreCopyToClipboardMessage, ({ dense, className, ...props }) => {\n  return {\n    className: clsx(className, {\n      'ds-copy-to-clipboard__before': true,\n      'ds-copy-to-clipboard__message--dense': dense,\n    }),\n    ...props,\n  };\n});\n\nexport default CopyToClipboardMessage;\n"],
+  "mappings": "AAAA,OAAO,gCAEA;AAEP,SAAS,cAAc;AACvB,OAAO,UAAU;AAEV,MAAM,yBAAyB,OAGpC,4BAA4B,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,MAAM;AAChE,SAAO;AAAA,IACL,WAAW,KAAK,WAAW;AAAA,MACzB,gCAAgC;AAAA,MAChC,wCAAwC;AAAA,IAC1C,CAAC;AAAA,IACD,GAAG;AAAA,EACL;AACF,CAAC;AAED,IAAO,uBAAQ;",
+  "names": []
+}

package/CopyToClipboardMessage/index.web/index.js

@@ -0,0 +1,24 @@
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const CopyToClipboardMessage = React.forwardRef(function CopyToClipboardMessage2({ enabled, className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "div",
+      ref,
+      className: clsx(className, {
+        "ds-copy-to-clipboard__message": true,
+        "ds-copy-to-clipboard--hidden": !enabled
+      }),
+      ...props
+    },
+    children
+  );
+});
+var index_web_default = CopyToClipboardMessage;
+export {
+  CopyToClipboardMessage,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/CopyToClipboardMessage/index.web/package.json

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

package/CopyToClipboardMessage/index.web.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface CopyToClipboardMessageProps extends BaseProps<'div'> {
+    /**
+     * enabled is a boolean prop passed from the CopyToClipboard component.
+     * When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.
+     * When it's false it resets the animations of the CopyToClipboardMessage.
+     * @value true
+     * @value false
+     */
+    enabled?: boolean;
+}
+/**
+ * CopyToClipboardMessage is used to show a message that a text is being copied.
+ * This component is used inside the CopyToClipboard component that lies inside the digigov/ui library
+ */
+export declare const CopyToClipboardMessage: React.ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default CopyToClipboardMessage;

package/CopyToClipboardMessage/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/CopyToClipboardMessage/index.web.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CopyToClipboardMessageProps extends BaseProps<'div'> {\n  /**\n   * enabled is a boolean prop passed from the CopyToClipboard component.\n   * When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.\n   * When it's false it resets the animations of the CopyToClipboardMessage.\n   * @value true\n   * @value false\n   */\n  enabled?: boolean;\n}\n/**\n * CopyToClipboardMessage is used to show a message that a text is being copied.\n * This component is used inside the CopyToClipboard component that lies inside the digigov/ui library\n */\nexport const CopyToClipboardMessage = React.forwardRef<\n  HTMLDivElement,\n  CopyToClipboardMessageProps\n>(function CopyToClipboardMessage(\n  { enabled, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-copy-to-clipboard__message': true,\n        'ds-copy-to-clipboard--hidden': !enabled,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default CopyToClipboardMessage;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAgBzB,MAAM,yBAAyB,MAAM,WAG1C,SAASA,wBACT,EAAE,SAAS,WAAW,UAAU,GAAG,MAAM,GACzC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,QACjC,gCAAgC,CAAC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["CopyToClipboardMessage"]
+}