@digigov/react-core 2.0.0-87b6232d → 2.0.0-8bbad051

package/SummaryList/index.js

@@ -2,7 +2,14 @@ import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
 const SummaryList = React.forwardRef(
-  function SummaryList2({ className, noLastBorder = false, border = true, children, ...props }, ref) {
+  function SummaryList2({
+    border = true,
+    noLastBorder = false,
+    error = false,
+    className,
+    children,
+    ...props
+  }, ref) {
     return /* @__PURE__ */ React.createElement(
       Base,
       {
@@ -11,7 +18,8 @@ const SummaryList = React.forwardRef(
         className: clsx(className, {
           "ds-summary-list": true,
           "ds-summary-list--no-border": !border,
-          "ds-summary-list--no-last-border": noLastBorder
+          "ds-summary-list--no-last-border": noLastBorder,
+          "ds-summary-list--error": error === true
         }),
         ...props
       },

package/SummaryList/index.js.map

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

package/SummaryListItem/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const SummaryListItem = React.forwardRef(function SummaryListItem2({ className, children, border = true, ...props }, ref) {
+const SummaryListItem = React.forwardRef(function SummaryListItem2({ border = true, className, children, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {

package/SummaryListItem/index.js.map

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

package/SummaryListItemKey/index.d.ts

@@ -14,6 +14,20 @@ export interface SummaryListItemKeyProps extends BaseProps<'dt'> {
      * lg shows the width of the key column for large screens.
      */
     lg?: WidthValues;
+    /**
+     * error is optional.
+     * Use error prop to highlight the SummaryListItemKey when there is an error in the corresponding field.
+     * @value true
+     * @value false
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * errorAssistiveText is optional.
+     * Default value is "Λανθασμένο πεδίο".
+     * errorAssistiveText is used to provide a textual warning for assistive technologies like screen readers.
+     */
+    errorAssistiveText?: string;
 }
 export type WidthValues = 3 | 4 | 5 | 6 | 7 | 8 | 9;
 /**

package/SummaryListItemKey/index.js

@@ -1,7 +1,17 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const SummaryListItemKey = React.forwardRef(function SummaryListItemKey2({ sm = 3, md, lg, className, children, ...props }, ref) {
+import VisuallyHidden from "@digigov/react-core/VisuallyHidden";
+const SummaryListItemKey = React.forwardRef(function SummaryListItemKey2({
+  sm = 3,
+  md,
+  lg,
+  error,
+  errorAssistiveText = "\u039B\u03B1\u03BD\u03B8\u03B1\u03C3\u03BC\u03AD\u03BD\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF",
+  className,
+  children,
+  ...props
+}, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {
@@ -11,10 +21,12 @@ const SummaryListItemKey = React.forwardRef(function SummaryListItemKey2({ sm =
         "ds-summary-list__key": true,
         [`ds-summary-list__key--sm-${sm}`]: sm !== void 0,
         [`ds-summary-list__key--md-${md}`]: md !== void 0,
-        [`ds-summary-list__key--lg-${lg}`]: lg !== void 0
+        [`ds-summary-list__key--lg-${lg}`]: lg !== void 0,
+        "ds-summary-list__key--error": error === true
       }),
       ...props
     },
+    error === true && /* @__PURE__ */ React.createElement(VisuallyHidden, null, errorAssistiveText),
     children
   );
 });

package/SummaryListItemKey/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SummaryListItemKey/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListItemKeyProps extends BaseProps<'dt'> {\n  /**\n   * sm shows the width of the key column for small screens.\n   * @default 3\n   */\n  sm?: WidthValues;\n  /**\n   * md shows the width of the key column for medium screens.\n   */\n  md?: WidthValues;\n  /**\n   * lg shows the width of the key column for large screens.\n   */\n  lg?: WidthValues;\n}\n\nexport type WidthValues = 3 | 4 | 5 | 6 | 7 | 8 | 9;\n/**\n * SummaryListItemKey is used within the SummaryListItem component.\n * In this column we place the key information for the row (ex. \"Name\", \"Address\", etc).\n */\nexport const SummaryListItemKey = React.forwardRef<\n  HTMLElement,\n  SummaryListItemKeyProps\n>(function SummaryListItemKey(\n  { sm = 3, md, lg, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"dt\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-summary-list__key': true,\n        [`ds-summary-list__key--sm-${sm}`]: sm !== undefined,\n        [`ds-summary-list__key--md-${md}`]: md !== undefined,\n        [`ds-summary-list__key--lg-${lg}`]: lg !== undefined,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SummaryListItemKey;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAuBzB,MAAM,qBAAqB,MAAM,WAGtC,SAASA,oBACT,EAAE,KAAK,GAAG,IAAI,IAAI,WAAW,UAAU,GAAG,MAAM,GAChD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,QAC3C,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,QAC3C,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,MAC7C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport VisuallyHidden from '@digigov/react-core/VisuallyHidden';\n\nexport interface SummaryListItemKeyProps extends BaseProps<'dt'> {\n  /**\n   * sm shows the width of the key column for small screens.\n   * @default 3\n   */\n  sm?: WidthValues;\n  /**\n   * md shows the width of the key column for medium screens.\n   */\n  md?: WidthValues;\n  /**\n   * lg shows the width of the key column for large screens.\n   */\n  lg?: WidthValues;\n\n  /**\n   * error is optional.\n   * Use error prop to highlight the SummaryListItemKey when there is an error in the corresponding field.\n   * @value true\n   * @value false\n   * @default false\n   */\n\n  error?: boolean;\n  /**\n   * errorAssistiveText is optional.\n   * Default value is \"\u039B\u03B1\u03BD\u03B8\u03B1\u03C3\u03BC\u03AD\u03BD\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF\".\n   * errorAssistiveText is used to provide a textual warning for assistive technologies like screen readers.\n   */\n  errorAssistiveText?: string;\n}\n\nexport type WidthValues = 3 | 4 | 5 | 6 | 7 | 8 | 9;\n/**\n * SummaryListItemKey is used within the SummaryListItem component.\n * In this column we place the key information for the row (ex. \"Name\", \"Address\", etc).\n */\nexport const SummaryListItemKey = React.forwardRef<\n  HTMLElement,\n  SummaryListItemKeyProps\n>(function SummaryListItemKey(\n  {\n    sm = 3,\n    md,\n    lg,\n    error,\n    errorAssistiveText = '\u039B\u03B1\u03BD\u03B8\u03B1\u03C3\u03BC\u03AD\u03BD\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF',\n    className,\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"dt\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-summary-list__key': true,\n        [`ds-summary-list__key--sm-${sm}`]: sm !== undefined,\n        [`ds-summary-list__key--md-${md}`]: md !== undefined,\n        [`ds-summary-list__key--lg-${lg}`]: lg !== undefined,\n        'ds-summary-list__key--error': error === true,\n      })}\n      {...props}\n    >\n      {error === true && <VisuallyHidden>{errorAssistiveText}</VisuallyHidden>}\n      {children}\n    </Base>\n  );\n});\n\nexport default SummaryListItemKey;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,oBAAoB;AAuCpB,MAAM,qBAAqB,MAAM,WAGtC,SAASA,oBACT;AAAA,EACE,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,QAC3C,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,QAC3C,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,QAC3C,+BAA+B,UAAU;AAAA,MAC3C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,UAAU,QAAQ,oCAAC,sBAAgB,kBAAmB;AAAA,IACtD;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
   "names": ["SummaryListItemKey"]
 }

package/SummaryListItemValue/index.d.ts

@@ -1,6 +1,20 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface SummaryListItemValueProps extends BaseProps<'dd'> {
+    /**
+     * error is optional.
+     * Use error prop to highlight the SummaryListItemKey when there is an error in the corresponding field.
+     * @value true
+     * @value false
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * errorAssistiveText is optional.
+     * Default value is "Λανθασμένο πεδίο".
+     * errorAssistiveText is used to provide a textual warning for assistive technologies like screen readers.
+     */
+    errorAssistiveText?: string;
 }
 /**
  * Details for the SummaryListItemValue.

package/SummaryListItemValue/index.js

@@ -1,17 +1,26 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const SummaryListItemValue = React.forwardRef(function SummaryListItemValue2({ className, children, ...props }, ref) {
+import VisuallyHidden from "@digigov/react-core/VisuallyHidden";
+const SummaryListItemValue = React.forwardRef(function SummaryListItemValue2({
+  error,
+  errorAssistiveText = "\u039B\u03B1\u03BD\u03B8\u03B1\u03C3\u03BC\u03AD\u03BD\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF",
+  className,
+  children,
+  ...props
+}, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {
       as: "dd",
       ref,
       className: clsx(className, {
-        "ds-summary-list__value": true
+        "ds-summary-list__value": true,
+        "ds-summary-list__value--error": error === true
       }),
       ...props
     },
+    error === true && /* @__PURE__ */ React.createElement(VisuallyHidden, null, errorAssistiveText),
     children
   );
 });

package/SummaryListItemValue/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SummaryListItemValue/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListItemValueProps extends BaseProps<'dd'> {}\n/**\n * Details for the SummaryListItemValue.\n */\nexport const SummaryListItemValue = React.forwardRef<\n  HTMLElement,\n  SummaryListItemValueProps\n>(function SummaryListItemValue({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"dd\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-summary-list__value': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SummaryListItemValue;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,uBAAuB,MAAM,WAGxC,SAASA,sBAAqB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,MAC5B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport VisuallyHidden from '@digigov/react-core/VisuallyHidden';\n\nexport interface SummaryListItemValueProps extends BaseProps<'dd'> {\n  /**\n   * error is optional.\n   * Use error prop to highlight the SummaryListItemKey when there is an error in the corresponding field.\n   * @value true\n   * @value false\n   * @default false\n   */\n\n  error?: boolean;\n  /**\n   * errorAssistiveText is optional.\n   * Default value is \"\u039B\u03B1\u03BD\u03B8\u03B1\u03C3\u03BC\u03AD\u03BD\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF\".\n   * errorAssistiveText is used to provide a textual warning for assistive technologies like screen readers.\n   */\n  errorAssistiveText?: string;\n}\n/**\n * Details for the SummaryListItemValue.\n */\nexport const SummaryListItemValue = React.forwardRef<\n  HTMLElement,\n  SummaryListItemValueProps\n>(function SummaryListItemValue(\n  {\n    error,\n    errorAssistiveText = '\u039B\u03B1\u03BD\u03B8\u03B1\u03C3\u03BC\u03AD\u03BD\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF',\n    className,\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"dd\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-summary-list__value': true,\n        'ds-summary-list__value--error': error === true,\n      })}\n      {...props}\n    >\n      {error === true && <VisuallyHidden>{errorAssistiveText}</VisuallyHidden>}\n      {children}\n    </Base>\n  );\n});\n\nexport default SummaryListItemValue;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,oBAAoB;AAsBpB,MAAM,uBAAuB,MAAM,WAGxC,SAASA,sBACT;AAAA,EACE;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,iCAAiC,UAAU;AAAA,MAC7C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,UAAU,QAAQ,oCAAC,sBAAgB,kBAAmB;AAAA,IACtD;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
   "names": ["SummaryListItemValue"]
 }

package/TableDataCell/index.d.ts

@@ -23,6 +23,15 @@ export interface TableDataCellProps extends BaseProps<'td'> {
      * Use this prop to control the word break of the table-cell contents.
      */
     wordBreak?: 'break-all' | 'none';
+    /**
+     * highlight is optional.
+     * Add the highlight prop to add a highlight line on the left of the row.
+     * @value 'warning' warning highlight line
+     * @value 'error' error highlight line
+     * @default undefined
+     */
+    highlight?: 'warning' | 'error';
+    highlightAssistiveText?: string;
 }
 /**
  * Use TableDataCell inside the Table component to fill the data of a cell in a table.

package/TableDataCell/index.js

@@ -1,14 +1,18 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
+import VisuallyHidden from "@digigov/react-core/VisuallyHidden";
 const TableDataCell = React.forwardRef(function TableDataCell2({
   dataType = "text",
   variant = "border",
   wordBreak = "none",
+  highlight,
+  highlightAssistiveText,
   className,
   children,
   ...props
 }, ref) {
+  const calculatedHighlightAssistiveText = highlightAssistiveText || (highlight === "warning" ? "\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE" : highlight === "error" ? "\u039B\u03B1\u03BD\u03B8\u03B1\u03C3\u03BC\u03AD\u03BD\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF" : void 0);
   return /* @__PURE__ */ React.createElement(
     Base,
     {
@@ -18,10 +22,13 @@ const TableDataCell = React.forwardRef(function TableDataCell2({
         "ds-table__cell": true,
         "ds-table__cell--border": variant === "border",
         "ds-table__cell--break-all": wordBreak === "break-all",
-        "ds-table__cell--numeric": dataType === "numeric"
+        "ds-table__cell--numeric": dataType === "numeric",
+        "ds-table__cell--warning": highlight === "warning",
+        "ds-table__cell--error": highlight === "error"
       }),
       ...props
     },
+    calculatedHighlightAssistiveText && /* @__PURE__ */ React.createElement(VisuallyHidden, null, calculatedHighlightAssistiveText),
     children
   );
 });

package/TableDataCell/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TableDataCell/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n// import PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';\n\nexport interface TableDataCellProps extends BaseProps<'td'> {\n  /**\n   * dataType is optional.\n   * Use numeric value when comparing columns of numbers, align the numbers to the right in table cells\n   * Default value is text which aligns texts to the center\n   * @value 'text'\n   * @value 'numeric'\n   * @default 'text'\n   */\n  dataType?: 'text' | 'numeric';\n  /**\n   * variant is optional.\n   * Use this prop to control the bottom border of the table-cell.\n   * @value 'border'\n   * @value 'none'\n   * @default 'border'\n   */\n  variant?: 'border' | 'none';\n  /**\n   * wordBreak is optional.\n   * Use this prop to control the word break of the table-cell contents.\n   */\n  wordBreak?: 'break-all' | 'none';\n}\n/**\n * Use TableDataCell inside the Table component to fill the data of a cell in a table.\n */\nexport const TableDataCell = React.forwardRef<\n  HTMLTableCellElement,\n  TableDataCellProps\n>(function TableDataCell(\n  {\n    dataType = 'text',\n    variant = 'border',\n    wordBreak = 'none',\n    className,\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"td\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-table__cell': true,\n        'ds-table__cell--border': variant === 'border',\n        'ds-table__cell--break-all': wordBreak === 'break-all',\n        'ds-table__cell--numeric': dataType === 'numeric',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TableDataCell;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA8BzB,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eACT;AAAA,EACE,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,kBAAkB;AAAA,QAClB,0BAA0B,YAAY;AAAA,QACtC,6BAA6B,cAAc;AAAA,QAC3C,2BAA2B,aAAa;AAAA,MAC1C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport VisuallyHidden from '@digigov/react-core/VisuallyHidden';\n// import PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';\n\nexport interface TableDataCellProps extends BaseProps<'td'> {\n  /**\n   * dataType is optional.\n   * Use numeric value when comparing columns of numbers, align the numbers to the right in table cells\n   * Default value is text which aligns texts to the center\n   * @value 'text'\n   * @value 'numeric'\n   * @default 'text'\n   */\n  dataType?: 'text' | 'numeric';\n  /**\n   * variant is optional.\n   * Use this prop to control the bottom border of the table-cell.\n   * @value 'border'\n   * @value 'none'\n   * @default 'border'\n   */\n  variant?: 'border' | 'none';\n  /**\n   * wordBreak is optional.\n   * Use this prop to control the word break of the table-cell contents.\n   */\n  wordBreak?: 'break-all' | 'none';\n\n  /**\n   * highlight is optional.\n   * Add the highlight prop to add a highlight line on the left of the row.\n   * @value 'warning' warning highlight line\n   * @value 'error' error highlight line\n   * @default undefined\n   */\n  highlight?: 'warning' | 'error';\n\n  /*\n   * highlightAssistiveText is optional.\n   * Use this prop to add assistive text for screen readers when the highlight prop is used.\n   * This text will be visually hidden.\n   * @default undefined\n   */\n  highlightAssistiveText?: string;\n}\n/**\n * Use TableDataCell inside the Table component to fill the data of a cell in a table.\n */\nexport const TableDataCell = React.forwardRef<\n  HTMLTableCellElement,\n  TableDataCellProps\n>(function TableDataCell(\n  {\n    dataType = 'text',\n    variant = 'border',\n    wordBreak = 'none',\n    highlight,\n    highlightAssistiveText,\n    className,\n    children,\n    ...props\n  },\n  ref\n) {\n  const calculatedHighlightAssistiveText =\n    highlightAssistiveText ||\n    (highlight === 'warning'\n      ? '\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE'\n      : highlight === 'error'\n        ? '\u039B\u03B1\u03BD\u03B8\u03B1\u03C3\u03BC\u03AD\u03BD\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF'\n        : undefined);\n\n  return (\n    <Base\n      as=\"td\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-table__cell': true,\n        'ds-table__cell--border': variant === 'border',\n        'ds-table__cell--break-all': wordBreak === 'break-all',\n        'ds-table__cell--numeric': dataType === 'numeric',\n        'ds-table__cell--warning': highlight === 'warning',\n        'ds-table__cell--error': highlight === 'error',\n      })}\n      {...props}\n    >\n      {calculatedHighlightAssistiveText && (\n        <VisuallyHidden>{calculatedHighlightAssistiveText}</VisuallyHidden>\n      )}\n      {children}\n    </Base>\n  );\n});\n\nexport default TableDataCell;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,oBAAoB;AA+CpB,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eACT;AAAA,EACE,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,mCACJ,2BACC,cAAc,YACX,+CACA,cAAc,UACZ,gGACA;AAER,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,kBAAkB;AAAA,QAClB,0BAA0B,YAAY;AAAA,QACtC,6BAA6B,cAAc;AAAA,QAC3C,2BAA2B,aAAa;AAAA,QACxC,2BAA2B,cAAc;AAAA,QACzC,yBAAyB,cAAc;AAAA,MACzC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,oCACC,oCAAC,sBAAgB,gCAAiC;AAAA,IAEnD;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
   "names": ["TableDataCell"]
 }

package/TextArea/index.native.d.ts

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

package/TextInput/index.native.d.ts

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

package/Typography/index.d.ts

@@ -26,5 +26,5 @@ export interface TypographyProps extends BaseProps<'h1' | 'h2' | 'h3' | 'h4' | '
  * Typography component is used as generic component for typography.
  * Use Typography component to extend components such as Heading, NormalText Paragraph etc.
  */
-export declare const Typography: React.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Typography: React.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React.RefAttributes<HTMLParagraphElement | HTMLHeadingElement | HTMLSpanElement>>;
 export default Typography;

package/Typography/index.js

@@ -1,23 +1,21 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const Typography = React.forwardRef(
-  function Typography2({ as, fontSize, fontWeight, className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as,
-        ref,
-        className: clsx(className, {
-          [`ds-!-font-size-${fontSize}`]: fontSize !== void 0,
-          [`ds-!-font-weight-${fontWeight}`]: fontWeight !== void 0
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
+const Typography = React.forwardRef(function Typography2({ as, fontSize, fontWeight, className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as,
+      ref,
+      className: clsx(className, {
+        [`ds-!-font-size-${fontSize}`]: fontSize !== void 0,
+        [`ds-!-font-weight-${fontWeight}`]: fontWeight !== void 0
+      }),
+      ...props
+    },
+    children
+  );
+});
 var Typography_default = Typography;
 export {
   Typography,

package/Typography/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Typography/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TypographyProps\n  extends BaseProps<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span' | 'p' | 'code'> {\n  /**\n   * fontSize is optional.\n   * Add this fontSize override prop in order to change the font size.\n   * @value 14\n   * @value 16\n   * @value 19\n   * @value 24\n   * @value 30\n   * @value 36\n   * @value 48\n   * @value 72\n   */\n  fontSize?: 14 | 16 | 19 | 24 | 30 | 36 | 48 | 72;\n  /**\n   * fontWeight is optional.\n   * You can add a fontWeight override prop to change the font weight to regular or bold.\n   * @value 'regular'\n   * @value 'bold'\n   */\n  fontWeight?: 'regular' | 'bold';\n}\n/**\n * Typography component is used as generic component for typography.\n * Use Typography component to extend components such as Heading, NormalText Paragraph etc.\n */\nexport const Typography = React.forwardRef<HTMLHeadingElement, TypographyProps>(\n  function Typography(\n    { as, fontSize, fontWeight, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as={as}\n        ref={ref}\n        className={clsx(className, {\n          [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,\n          [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Typography;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YACP,EAAE,IAAI,UAAU,YAAY,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,CAAC,kBAAkB,QAAQ,EAAE,GAAG,aAAa;AAAA,UAC7C,CAAC,oBAAoB,UAAU,EAAE,GAAG,eAAe;AAAA,QACrD,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TypographyProps\n  extends BaseProps<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span' | 'p' | 'code'> {\n  /**\n   * fontSize is optional.\n   * Add this fontSize override prop in order to change the font size.\n   * @value 14\n   * @value 16\n   * @value 19\n   * @value 24\n   * @value 30\n   * @value 36\n   * @value 48\n   * @value 72\n   */\n  fontSize?: 14 | 16 | 19 | 24 | 30 | 36 | 48 | 72;\n  /**\n   * fontWeight is optional.\n   * You can add a fontWeight override prop to change the font weight to regular or bold.\n   * @value 'regular'\n   * @value 'bold'\n   */\n  fontWeight?: 'regular' | 'bold';\n}\n/**\n * Typography component is used as generic component for typography.\n * Use Typography component to extend components such as Heading, NormalText Paragraph etc.\n */\nexport const Typography = React.forwardRef<\n  HTMLSpanElement | HTMLParagraphElement | HTMLHeadingElement,\n  TypographyProps\n>(function Typography(\n  { as, fontSize, fontWeight, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as={as}\n      ref={ref}\n      className={clsx(className, {\n        [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,\n        [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default Typography;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,aAAa,MAAM,WAG9B,SAASA,YACT,EAAE,IAAI,UAAU,YAAY,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,CAAC,kBAAkB,QAAQ,EAAE,GAAG,aAAa;AAAA,QAC7C,CAAC,oBAAoB,UAAU,EAAE,GAAG,eAAe;AAAA,MACrD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qBAAQ;",
   "names": ["Typography"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/AccordionSection/index.web.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nexport interface AccordionSectionProps extends BaseProps<'details'> {}\n/**\n * AccordionSection should be inside the Accordion component.\n *\n * Inside this component must place the Accordion and the AccordionSectionContent components.\n */\nexport const AccordionSection = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionProps\n>(function AccordionSection({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"details\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-accordion__section': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AccordionSection;\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;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nexport interface AccordionSectionProps extends BaseProps<'details'> {}\n/**\n * AccordionSection should be inside the Accordion component.\n * Inside this component must place the Accordion and the AccordionSectionContent components.\n */\nexport const AccordionSection = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionProps\n>(function AccordionSection({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"details\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-accordion__section': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AccordionSection;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["React", "AccordionSection", "Base", "clsx"]
 }

package/cjs/AccordionSectionSummaryHeading/index.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(AccordionSectionSummaryHeading_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const AccordionSectionSummaryHeading = import_react.default.forwardRef(function AccordionSectionSummaryHeading2({ className, children, ...props }, ref) {
+const AccordionSectionSummaryHeading = import_react.default.forwardRef(function AccordionSectionSummaryHeading2({ variant, className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
@@ -51,7 +51,8 @@ const AccordionSectionSummaryHeading = import_react.default.forwardRef(function
       {
         as: "span",
         className: (0, import_clsx.default)({
-          "ds-accordion__section-button": true
+          "ds-accordion__section-button": true,
+          "ds-accordion__section-button--arrows": variant === "arrows"
         })
       },
       children

package/cjs/AccordionSectionSummaryHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/AccordionSectionSummaryHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {}\n/**\n * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.\n */\nexport const AccordionSectionSummaryHeading = React.forwardRef<\n  HTMLHeadingElement,\n  AccordionSectionSummaryHeadingProps\n>(function AccordionSectionSummaryHeading(\n  { className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"h2\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-accordion__section-heading': true,\n      })}\n      {...props}\n      role=\"button\"\n    >\n      <Base\n        as=\"span\"\n        className={clsx({\n          'ds-accordion__section-button': true,\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default AccordionSectionSummaryHeading;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,iCAAiC,aAAAA,QAAM,WAGlD,SAASC,gCACT,EAAE,WAAW,UAAU,GAAG,MAAM,GAChC,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA,MACJ,MAAK;AAAA;AAAA,IAEL,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK;AAAA,UACd,gCAAgC;AAAA,QAClC,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {\n  /*\n   * The type of the icon to be displayed on the right side of the heading.\n   * @default 'default'\n   */\n  variant?: 'default' | 'arrows';\n}\n/**\n * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.\n */\nexport const AccordionSectionSummaryHeading = React.forwardRef<\n  HTMLHeadingElement,\n  AccordionSectionSummaryHeadingProps\n>(function AccordionSectionSummaryHeading(\n  { variant, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"h2\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-accordion__section-heading': true,\n      })}\n      {...props}\n      role=\"button\"\n    >\n      <Base\n        as=\"span\"\n        className={clsx({\n          'ds-accordion__section-button': true,\n          'ds-accordion__section-button--arrows': variant === 'arrows',\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default AccordionSectionSummaryHeading;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAYzB,MAAM,iCAAiC,aAAAA,QAAM,WAGlD,SAASC,gCACT,EAAE,SAAS,WAAW,UAAU,GAAG,MAAM,GACzC,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA,MACJ,MAAK;AAAA;AAAA,IAEL,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK;AAAA,UACd,gCAAgC;AAAA,UAChC,wCAAwC,YAAY;AAAA,QACtD,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yCAAQ;",
   "names": ["React", "AccordionSectionSummaryHeading", "Base", "clsx"]
 }

package/cjs/BannerContainer/index.js

@@ -41,7 +41,7 @@ const BannerContainer = import_react.default.forwardRef(function BannerContainer
       as: "div",
       ref,
       className: (0, import_clsx.default)(className, {
-        "ds-cookie-banner": true
+        "ds-banner-container": true
       }),
       ...props
     },

package/cjs/BannerContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/BannerContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface BannerContainerProps extends BaseProps<'div'> {}\n\nexport const BannerContainer = React.forwardRef<\n  HTMLDivElement,\n  BannerContainerProps\n>(function BannerContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-cookie-banner': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default BannerContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAIzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,oBAAoB;AAAA,MACtB,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 BannerContainerProps extends BaseProps<'div'> {}\n\nexport const BannerContainer = React.forwardRef<\n  HTMLDivElement,\n  BannerContainerProps\n>(function BannerContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-banner-container': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default BannerContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAIzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "BannerContainer", "clsx"]
 }

package/cjs/Base/compat/Input/CheckboxInput.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/Base/compat/Input/CheckboxInput.native.tsx"],
-  "sourcesContent": ["import React, {\n  DetailedHTMLProps,\n  InputHTMLAttributes,\n  LegacyRef,\n} from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nexport type CheckboxInputProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'ref'\n>;\n\nexport const CheckboxInput = React.forwardRef<\n  HTMLInputElement,\n  CheckboxInputProps\n>(function CheckboxInput({ checked, value, onChange, ...props }, ref) {\n  const handlePress = () => {\n    if (onChange) {\n      const syntheticEvent = {\n        currentTarget: {\n          value,\n          checked: !checked,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange(syntheticEvent);\n    }\n  };\n  return (\n    // @ts-ignore\n    <TouchableOpacity\n      ref={ref as LegacyRef<TouchableOpacity>}\n      onPress={handlePress}\n      {...props}\n    >\n      {checked && <View className=\"ds-checkboxes__input--checked\" />}\n    </TouchableOpacity>\n  );\n});\n\nexport default CheckboxInput;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAIO;AACP,0BAAuC;AAOhC,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eAAc,EAAE,SAAS,OAAO,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,QAAM,cAAc,MAAM;AACxB,QAAI,UAAU;AACZ,YAAM,iBAAiB;AAAA,QACrB,eAAe;AAAA,UACb;AAAA,UACA,SAAS,CAAC;AAAA,QACZ;AAAA,MACF;AACA,eAAS,cAAc;AAAA,IACzB;AAAA,EACF;AACA;AAAA;AAAA,IAEE,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAG;AAAA;AAAA,MAEH,WAAW,6BAAAA,QAAA,cAAC,4BAAK,WAAU,iCAAgC;AAAA,IAC9D;AAAA;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
+  "sourcesContent": ["import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nexport type CheckboxInputProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'ref'\n>;\n\nexport const CheckboxInput = React.forwardRef<\n  HTMLInputElement,\n  CheckboxInputProps\n>(function CheckboxInput({ checked, value, onChange, ...props }, ref) {\n  const handlePress = () => {\n    if (onChange) {\n      const syntheticEvent = {\n        currentTarget: {\n          value,\n          checked: !checked,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange(syntheticEvent);\n    }\n  };\n  return (\n    // @ts-ignore\n    <TouchableOpacity\n      ref={ref as Ref<TouchableOpacity>}\n      onPress={handlePress}\n      {...props}\n    >\n      {checked && <View className=\"ds-checkboxes__input--checked\" />}\n    </TouchableOpacity>\n  );\n});\n\nexport default CheckboxInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmE;AACnE,0BAAuC;AAOhC,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eAAc,EAAE,SAAS,OAAO,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,QAAM,cAAc,MAAM;AACxB,QAAI,UAAU;AACZ,YAAM,iBAAiB;AAAA,QACrB,eAAe;AAAA,UACb;AAAA,UACA,SAAS,CAAC;AAAA,QACZ;AAAA,MACF;AACA,eAAS,cAAc;AAAA,IACzB;AAAA,EACF;AACA;AAAA;AAAA,IAEE,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAG;AAAA;AAAA,MAEH,WAAW,6BAAAA,QAAA,cAAC,4BAAK,WAAU,iCAAgC;AAAA,IAC9D;AAAA;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
   "names": ["React", "CheckboxInput"]
 }

package/cjs/Base/compat/Input/RadioInput.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/Base/compat/Input/RadioInput.native.tsx"],
-  "sourcesContent": ["import React, {\n  DetailedHTMLProps,\n  InputHTMLAttributes,\n  LegacyRef,\n} from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nexport type RadioInputProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'ref'\n>;\n\nexport const RadioInput = React.forwardRef<HTMLInputElement, RadioInputProps>(\n  function RadioInput({ value, checked, onChange, ...props }, ref) {\n    const handlePress = () => {\n      if (onChange) {\n        const syntheticEvent = {\n          target: {\n            value: value,\n            checked: true,\n          },\n        } as React.ChangeEvent<HTMLInputElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    return (\n      <TouchableOpacity\n        ref={ref as LegacyRef<typeof TouchableOpacity>}\n        onPress={handlePress}\n        {...(props as any)}\n      >\n        {checked && <View className=\"ds-radios__input--checked\" />}\n      </TouchableOpacity>\n    );\n  }\n);\n\nexport default RadioInput;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAIO;AACP,0BAAuC;AAOhC,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YAAW,EAAE,OAAO,SAAS,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/D,UAAM,cAAc,MAAM;AACxB,UAAI,UAAU;AACZ,cAAM,iBAAiB;AAAA,UACrB,QAAQ;AAAA,YACN;AAAA,YACA,SAAS;AAAA,UACX;AAAA,QACF;AACA,iBAAS,cAAc;AAAA,MACzB;AAAA,IACF;AAEA,WACE,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAI;AAAA;AAAA,MAEJ,WAAW,6BAAAA,QAAA,cAAC,4BAAK,WAAU,6BAA4B;AAAA,IAC1D;AAAA,EAEJ;AACF;AAEA,IAAO,4BAAQ;",
+  "sourcesContent": ["import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nexport type RadioInputProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'ref'\n>;\n\nexport const RadioInput = React.forwardRef<HTMLInputElement, RadioInputProps>(\n  function RadioInput({ value, checked, onChange, ...props }, ref) {\n    const handlePress = () => {\n      if (onChange) {\n        const syntheticEvent = {\n          target: {\n            value: value,\n            checked: true,\n          },\n        } as React.ChangeEvent<HTMLInputElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    return (\n      <TouchableOpacity\n        ref={ref as Ref<typeof TouchableOpacity>}\n        onPress={handlePress}\n        {...(props as any)}\n      >\n        {checked && <View className=\"ds-radios__input--checked\" />}\n      </TouchableOpacity>\n    );\n  }\n);\n\nexport default RadioInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmE;AACnE,0BAAuC;AAOhC,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YAAW,EAAE,OAAO,SAAS,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/D,UAAM,cAAc,MAAM;AACxB,UAAI,UAAU;AACZ,cAAM,iBAAiB;AAAA,UACrB,QAAQ;AAAA,YACN;AAAA,YACA,SAAS;AAAA,UACX;AAAA,QACF;AACA,iBAAS,cAAc;AAAA,MACzB;AAAA,IACF;AAEA,WACE,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAI;AAAA;AAAA,MAEJ,WAAW,6BAAAA,QAAA,cAAC,4BAAK,WAAU,6BAA4B;AAAA,IAC1D;AAAA,EAEJ;AACF;AAEA,IAAO,4BAAQ;",
   "names": ["React", "RadioInput"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Base/index.native.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react';\nimport { Text, View, ViewProps } from 'react-native';\nimport { BaseProps as CoreBaseProps } from '@digigov/react-core/Base/index.web';\nimport { mapping } from '@digigov/react-core/Base/mapping.native';\nimport { basePropGenerator } from '@digigov/react-core/Base/utils';\nimport { wrap } from '@digigov/react-core/Base/wrap.native';\n\nexport type BaseProps<C extends React.ElementType> = CoreBaseProps<C> &\n  ViewProps;\nexport type BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nconst BooleanMapper = {\n  true: true,\n  false: false,\n  undefined: false,\n  null: false,\n  '': false,\n};\n\nconst textHtmlTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'p', 'span'];\n\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType = 'span',\n>(\n  {\n    as,\n    display,\n    children,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n    className,\n    'aria-expanded': ariaExpanded,\n    ...props\n  }: BaseProps<C>,\n  ref: React.ComponentPropsWithRef<C>['ref']\n) {\n  const classNames = className?.split(' ') || [];\n  let applyBasePropsToWrapper = true;\n\n  const basePropToClassName = basePropGenerator({\n    display,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n  });\n\n  if (typeof children === 'string') {\n    children = [children];\n  }\n  if (Array.isArray(children)) {\n    const textClassNames = classNames\n      ?.map((className) => `${className}__text`)\n      .join(' ');\n    children = children.map((child, index) => {\n      if (Array.isArray(child)) {\n        return child.map((child, index) => {\n          if (typeof child === 'string') {\n            return (\n              <Text key={index} className={textClassNames}>\n                {child}\n              </Text>\n            );\n          }\n          return child;\n        });\n      } else if (typeof child === 'string') {\n        if (as && textHtmlTags.includes(as as string)) {\n          applyBasePropsToWrapper = false;\n        }\n        return (\n          <Text\n            key={index}\n            className={\n              applyBasePropsToWrapper\n                ? textClassNames\n                : `${textClassNames} ${basePropToClassName}`\n            }\n            {...(props.onClick && {\n              onPress: props.onClick,\n            })}\n          >\n            {child}\n          </Text>\n        );\n      }\n      return child;\n    });\n  }\n  const Component = useMemo(() => {\n    const C = mapping[as as keyof JSX.IntrinsicElements] || View;\n    if (\n      classNames.find((className) =>\n        className.match(/__wrapper|__before|__after$/)\n      )\n    ) {\n      return wrap(C);\n    }\n    return C;\n  }, [className]);\n\n  Object.keys(props).forEach((k) => {\n    if (k.startsWith('aria')) {\n      if (BooleanMapper[props[k as keyof typeof props]] !== undefined) {\n        props[k as keyof typeof props] =\n          BooleanMapper[props[k as keyof typeof props]];\n      }\n    }\n  });\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      aria-expanded={\n        (ariaExpanded as unknown as string) === 'false'\n          ? false\n          : ariaExpanded === true\n            ? true\n            : undefined\n      }\n      className={\n        applyBasePropsToWrapper\n          ? `${basePropToClassName} ${className}`\n          : className\n      }\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useMemo, type JSX } from 'react';\nimport { Text, View, ViewProps } from 'react-native';\nimport { BaseProps as CoreBaseProps } from '@digigov/react-core/Base/index.web';\nimport { mapping } from '@digigov/react-core/Base/mapping.native';\nimport { basePropGenerator } from '@digigov/react-core/Base/utils';\nimport { wrap } from '@digigov/react-core/Base/wrap.native';\n\nexport type BaseProps<C extends React.ElementType> = CoreBaseProps<C> &\n  ViewProps;\nexport type BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nconst BooleanMapper = {\n  true: true,\n  false: false,\n  undefined: false,\n  null: false,\n  '': false,\n};\n\nconst textHtmlTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'p', 'span'];\n\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType,\n>(\n  {\n    as,\n    display,\n    children,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n    className,\n    'aria-expanded': ariaExpanded,\n    ...props\n  }: BaseProps<C>,\n  ref: React.ComponentPropsWithRef<C>['ref']\n) {\n  const classNames = className?.split(' ') || [];\n  let applyBasePropsToWrapper = true;\n\n  const basePropToClassName = basePropGenerator({\n    display,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n  });\n\n  if (typeof children === 'string') {\n    children = [children];\n  }\n  if (Array.isArray(children)) {\n    const textClassNames = classNames\n      ?.map((className) => `${className}__text`)\n      .join(' ');\n    children = children.map((child, index) => {\n      if (Array.isArray(child)) {\n        return child.map((child, index) => {\n          if (typeof child === 'string') {\n            return (\n              <Text key={index} className={textClassNames}>\n                {child}\n              </Text>\n            );\n          }\n          return child;\n        });\n      } else if (typeof child === 'string') {\n        if (as && textHtmlTags.includes(as as string)) {\n          applyBasePropsToWrapper = false;\n        }\n        return (\n          <Text\n            key={index}\n            className={\n              applyBasePropsToWrapper\n                ? textClassNames\n                : `${textClassNames} ${basePropToClassName}`\n            }\n            {...(props.onClick && {\n              onPress: props.onClick,\n            })}\n          >\n            {child}\n          </Text>\n        );\n      }\n      return child;\n    });\n  }\n  const Component = useMemo(() => {\n    const C = mapping[as as keyof JSX.IntrinsicElements] || View;\n    if (\n      classNames.find((className) =>\n        className.match(/__wrapper|__before|__after$/)\n      )\n    ) {\n      return wrap(C);\n    }\n    return C;\n  }, [className]);\n\n  Object.keys(props).forEach((k) => {\n    if (k.startsWith('aria')) {\n      if (BooleanMapper[props[k as keyof typeof props]] !== undefined) {\n        props[k as keyof typeof props] =\n          BooleanMapper[props[k as keyof typeof props]];\n      }\n    }\n  });\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      aria-expanded={\n        (ariaExpanded as unknown as string) === 'false'\n          ? false\n          : ariaExpanded === true\n            ? true\n            : undefined\n      }\n      className={\n        applyBasePropsToWrapper\n          ? `${basePropToClassName} ${className}`\n          : className\n      }\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyC;AACzC,0BAAsC;AAEtC,qBAAwB;AACxB,mBAAkC;AAClC,kBAAqB;AAQrB,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,IAAI;AACN;AAEA,MAAM,eAAe,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,MAAM;AAExD,MAAM,OAAsB,aAAAA,QAAM,WAAW,SAASC,MAG3D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,GAAG;AACL,GACA,KACA;AACA,QAAM,aAAa,WAAW,MAAM,GAAG,KAAK,CAAC;AAC7C,MAAI,0BAA0B;AAE9B,QAAM,0BAAsB,gCAAkB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,MAAI,OAAO,aAAa,UAAU;AAChC,eAAW,CAAC,QAAQ;AAAA,EACtB;AACA,MAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,UAAM,iBAAiB,YACnB,IAAI,CAACC,eAAc,GAAGA,UAAS,QAAQ,EACxC,KAAK,GAAG;AACX,eAAW,SAAS,IAAI,CAAC,OAAO,UAAU;AACxC,UAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,eAAO,MAAM,IAAI,CAACC,QAAOC,WAAU;AACjC,cAAI,OAAOD,WAAU,UAAU;AAC7B,mBACE,6BAAAH,QAAA,cAAC,4BAAK,KAAKI,QAAO,WAAW,kBAC1BD,MACH;AAAA,UAEJ;AACA,iBAAOA;AAAA,QACT,CAAC;AAAA,MACH,WAAW,OAAO,UAAU,UAAU;AACpC,YAAI,MAAM,aAAa,SAAS,EAAY,GAAG;AAC7C,oCAA0B;AAAA,QAC5B;AACA,eACE,6BAAAH,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WACE,0BACI,iBACA,GAAG,cAAc,IAAI,mBAAmB;AAAA,YAE7C,GAAI,MAAM,WAAW;AAAA,cACpB,SAAS,MAAM;AAAA,YACjB;AAAA;AAAA,UAEC;AAAA,QACH;AAAA,MAEJ;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACA,QAAM,gBAAY,sBAAQ,MAAM;AAC9B,UAAM,IAAI,uBAAQ,EAAiC,KAAK;AACxD,QACE,WAAW;AAAA,MAAK,CAACE,eACfA,WAAU,MAAM,6BAA6B;AAAA,IAC/C,GACA;AACA,iBAAO,kBAAK,CAAC;AAAA,IACf;AACA,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,MAAM;AAChC,QAAI,EAAE,WAAW,MAAM,GAAG;AACxB,UAAI,cAAc,MAAM,CAAuB,CAAC,MAAM,QAAW;AAC/D,cAAM,CAAuB,IAC3B,cAAc,MAAM,CAAuB,CAAC;AAAA,MAChD;AAAA,IACF;AAAA,EACF,CAAC;AACD,SACE,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,iBACG,iBAAuC,UACpC,QACA,iBAAiB,OACf,OACA;AAAA,MAER,WACE,0BACI,GAAG,mBAAmB,IAAI,SAAS,KACnC;AAAA;AAAA,IAGL;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["React", "Base", "className", "child", "index"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Base/index.web.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { basePropGenerator } from '@digigov/react-core/Base/utils';\ninterface AsProp<C extends React.ElementType> {\n  as?: C | React.ElementType<any>;\n}\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);\n\n// This is the first reusable type utility we built\ntype PolymorphicComponentProp<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = React.PropsWithChildren<Props & AsProp<C>> &\n  Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;\n\n// This is a new type utitlity with ref!\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = PolymorphicComponentProp<C, Props> & { ref?: any };\n\n// This is the type for the \"ref\" only\ntype PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>['ref'];\n\n/**\n * This is the updated component props using PolymorphicComponentPropWithRef\n */\nexport type BaseProps<C extends React.ElementType> =\n  PolymorphicComponentPropWithRef<\n    C,\n    {\n      /** margin is optional. It has not a default value. */\n      margin?: SpacingValues | SpacingMediaValues;\n      /** marginTop is optional. It has not a default value. */\n      marginTop?: SpacingValues | SpacingMediaValues;\n      /** marginBottom is optional. It has not a default value. */\n      marginBottom?: SpacingValues | SpacingMediaValues;\n      /** marginLeft is optional. It has not a default value. */\n      marginLeft?: SpacingValues | SpacingMediaValues;\n      /** marginRight is optional. It has not a default value. */\n      marginRight?: SpacingValues | SpacingMediaValues;\n      /** Alternative for margin. Margin is optional. It has not a default value. */\n      m?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginTop. MarginTop is optional. It has not a default value. */\n      mt?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */\n      mb?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */\n      ml?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginRight. MarginRight is optional. It has not a default value. */\n      mr?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginX. MarginX is optional. It has not a default value. */\n      mx?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginY. MarginY is optional. It has not a default value. */\n      my?: SpacingValues | SpacingMediaValues;\n      /** padding is optional. It has not a default value. */\n      padding?: SpacingValues | SpacingMediaValues;\n      /** paddingTop is optional. It has not a default value. */\n      paddingTop?: SpacingValues | SpacingMediaValues;\n      /** paddingBottom is optional. It has not a default value. */\n      paddingBottom?: SpacingValues | SpacingMediaValues;\n      /** paddingLeft is optional. It has not a default value. */\n      paddingLeft?: SpacingValues | SpacingMediaValues;\n      /** paddingRight is optional. It has not a default value. */\n      paddingRight?: SpacingValues | SpacingMediaValues;\n      /** Alternative for padding. Padding is optional. It has not a default value. */\n      p?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */\n      pt?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */\n      pb?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */\n      pl?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */\n      pr?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingX. PaddingX is optional. It has not a default value. */\n      px?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingY. PaddingY is optional. It has not a default value. */\n      py?: SpacingValues | SpacingMediaValues;\n      /**  printHidden is optional. Default value is false. When true, the component is hidden at print. */\n      printHidden?: boolean;\n      /**  printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/\n      printVisible?: 'block' | 'inline';\n      /** Components will be hidden at all screen sizes. */\n      hidden?: boolean;\n      /** Components will be hidden from 'xs' screen size and up. */\n      xsUpHidden?: boolean;\n      /** Components will be hidden from 'sm' screen size and up. */\n      smUpHidden?: boolean;\n      /** Components will be hidden from 'md' screen size and up. */\n      mdUpHidden?: boolean;\n      /** Components will be hidden from 'lg' screen size and up. */\n      lgUpHidden?: boolean;\n      /** Components will be hidden from 'xl' screen size and up. */\n      xlUpHidden?: boolean;\n      /** Components will be hidden between xs and sm screen size. */\n      xsHidden?: boolean;\n      /** Components will be hidden between sm and md screen size. */\n      smHidden?: boolean;\n      /** Components will be hidden between md and lg screen size. */\n      mdHidden?: boolean;\n      /** Components will be hidden between lg and xl screen size. */\n      lgHidden?: boolean;\n      /** Components will be hidden between xl and 2xl screen size. */\n      xlHidden?: boolean;\n      /**  display is optional. It has not a default value. */\n      display?: 'flex' | 'block' | 'none';\n    }\n  >;\n\nexport type SpacingValues =\n  | 0\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 2.5\n  | 3\n  | 3.5\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 14\n  | 16\n  | 20\n  | 24\n  | 28\n  | 32\n  | 36\n  | 40\n  | 44\n  | 48\n  | 52\n  | 56\n  | 60\n  | 64\n  | 72\n  | 80\n  | 96;\n\nexport interface SpacingMediaValues {\n  xs?: SpacingValues;\n  sm?: SpacingValues;\n  md?: SpacingValues;\n  lg?: SpacingValues;\n  xl?: SpacingValues;\n}\n\n/**\n * This is the type used in the type annotation for the component\n */\ntype BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType = 'span',\n>(\n  {\n    as,\n    display,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n    children,\n    className,\n    ...props\n  }: BaseProps<C>,\n  ref?: PolymorphicRef<C>\n) {\n  const Component = as || 'span';\n\n  const basePropToClassName = basePropGenerator({\n    display,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n  });\n\n  return (\n    <Component\n      className={clsx(basePropToClassName, className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { basePropGenerator } from '@digigov/react-core/Base/utils';\ninterface AsProp<C extends React.ElementType> {\n  as?: C | React.ElementType<any>;\n}\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);\n\n// This is the first reusable type utility we built\ntype PolymorphicComponentProp<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = React.PropsWithChildren<Props & AsProp<C>> &\n  Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;\n\n// This is a new type utitlity with ref!\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = PolymorphicComponentProp<C, Props> & { ref?: any };\n\n// This is the type for the \"ref\" only\ntype PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>['ref'];\n\n/**\n * This is the updated component props using PolymorphicComponentPropWithRef\n */\nexport type BaseProps<C extends React.ElementType> =\n  PolymorphicComponentPropWithRef<\n    C,\n    {\n      /** margin is optional. It has not a default value. */\n      margin?: SpacingValues | SpacingMediaValues;\n      /** marginTop is optional. It has not a default value. */\n      marginTop?: SpacingValues | SpacingMediaValues;\n      /** marginBottom is optional. It has not a default value. */\n      marginBottom?: SpacingValues | SpacingMediaValues;\n      /** marginLeft is optional. It has not a default value. */\n      marginLeft?: SpacingValues | SpacingMediaValues;\n      /** marginRight is optional. It has not a default value. */\n      marginRight?: SpacingValues | SpacingMediaValues;\n      /** Alternative for margin. Margin is optional. It has not a default value. */\n      m?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginTop. MarginTop is optional. It has not a default value. */\n      mt?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */\n      mb?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */\n      ml?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginRight. MarginRight is optional. It has not a default value. */\n      mr?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginX. MarginX is optional. It has not a default value. */\n      mx?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginY. MarginY is optional. It has not a default value. */\n      my?: SpacingValues | SpacingMediaValues;\n      /** padding is optional. It has not a default value. */\n      padding?: SpacingValues | SpacingMediaValues;\n      /** paddingTop is optional. It has not a default value. */\n      paddingTop?: SpacingValues | SpacingMediaValues;\n      /** paddingBottom is optional. It has not a default value. */\n      paddingBottom?: SpacingValues | SpacingMediaValues;\n      /** paddingLeft is optional. It has not a default value. */\n      paddingLeft?: SpacingValues | SpacingMediaValues;\n      /** paddingRight is optional. It has not a default value. */\n      paddingRight?: SpacingValues | SpacingMediaValues;\n      /** Alternative for padding. Padding is optional. It has not a default value. */\n      p?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */\n      pt?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */\n      pb?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */\n      pl?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */\n      pr?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingX. PaddingX is optional. It has not a default value. */\n      px?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingY. PaddingY is optional. It has not a default value. */\n      py?: SpacingValues | SpacingMediaValues;\n      /**  printHidden is optional. Default value is false. When true, the component is hidden at print. */\n      printHidden?: boolean;\n      /**  printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/\n      printVisible?: 'block' | 'inline';\n      /** Components will be hidden at all screen sizes. */\n      hidden?: boolean;\n      /** Components will be hidden from 'xs' screen size and up. */\n      xsUpHidden?: boolean;\n      /** Components will be hidden from 'sm' screen size and up. */\n      smUpHidden?: boolean;\n      /** Components will be hidden from 'md' screen size and up. */\n      mdUpHidden?: boolean;\n      /** Components will be hidden from 'lg' screen size and up. */\n      lgUpHidden?: boolean;\n      /** Components will be hidden from 'xl' screen size and up. */\n      xlUpHidden?: boolean;\n      /** Components will be hidden between xs and sm screen size. */\n      xsHidden?: boolean;\n      /** Components will be hidden between sm and md screen size. */\n      smHidden?: boolean;\n      /** Components will be hidden between md and lg screen size. */\n      mdHidden?: boolean;\n      /** Components will be hidden between lg and xl screen size. */\n      lgHidden?: boolean;\n      /** Components will be hidden between xl and 2xl screen size. */\n      xlHidden?: boolean;\n      /**  display is optional. It has not a default value. */\n      display?: 'flex' | 'block' | 'none';\n    }\n  >;\n\nexport type SpacingValues =\n  | 0\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 2.5\n  | 3\n  | 3.5\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 14\n  | 16\n  | 20\n  | 24\n  | 28\n  | 32\n  | 36\n  | 40\n  | 44\n  | 48\n  | 52\n  | 56\n  | 60\n  | 64\n  | 72\n  | 80\n  | 96;\n\nexport interface SpacingMediaValues {\n  xs?: SpacingValues;\n  sm?: SpacingValues;\n  md?: SpacingValues;\n  lg?: SpacingValues;\n  xl?: SpacingValues;\n}\n\n/**\n * This is the type used in the type annotation for the component\n */\ntype BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType,\n>(\n  {\n    as,\n    display,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n    children,\n    className,\n    ...props\n  }: BaseProps<C>,\n  ref?: PolymorphicRef<C>\n) {\n  const Component = as || 'span';\n\n  const basePropToClassName = basePropGenerator({\n    display,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n  });\n\n  return (\n    <Component\n      className={clsx(basePropToClassName, className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,mBAAkC;AAiK3B,MAAM,OAAsB,aAAAA,QAAM,WAAW,SAASC,MAG3D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,YAAY,MAAM;AAExB,QAAM,0BAAsB,gCAAkB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,YAAAE,SAAK,qBAAqB,SAAS;AAAA,MAC9C;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["React", "Base", "clsx"]
 }