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

package/Accordion/index.native.d.ts

@@ -1,6 +1,2 @@
-export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("@digigov/react-core/Accordion/index.web").AccordionProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
-    className?: string;
-}, "ref"> & import("react").RefAttributes<unknown>, "ref"> & {
-    ref?: ((instance: unknown) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<unknown> | null | undefined;
-}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@digigov/react-core/Accordion/index.web").AccordionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>, "ref"> & import("react").RefAttributes<unknown>>;
 export default Accordion;

package/AccordionSection/index.native.d.ts

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

package/AccordionSection/index.web.d.ts

@@ -4,7 +4,6 @@ export interface AccordionSectionProps extends BaseProps<'details'> {
 }
 /**
  * AccordionSection should be inside the Accordion component.
- *
  * Inside this component must place the Accordion and the AccordionSectionContent components.
  */
 export declare const AccordionSection: React.ForwardRefExoticComponent<Omit<AccordionSectionProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["AccordionSection"]
 }

package/AccordionSectionSummaryHeading/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {
+    variant?: 'default' | 'arrows';
 }
 /**
  * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.

package/AccordionSectionSummaryHeading/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const AccordionSectionSummaryHeading = React.forwardRef(function AccordionSectionSummaryHeading2({ className, children, ...props }, ref) {
+const AccordionSectionSummaryHeading = React.forwardRef(function AccordionSectionSummaryHeading2({ variant, className, children, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {
@@ -18,7 +18,8 @@ const AccordionSectionSummaryHeading = React.forwardRef(function AccordionSectio
       {
         as: "span",
         className: clsx({
-          "ds-accordion__section-button": true
+          "ds-accordion__section-button": true,
+          "ds-accordion__section-button--arrows": variant === "arrows"
         })
       },
       children

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,iCAAiC,MAAM,WAGlD,SAASA,gCACT,EAAE,WAAW,UAAU,GAAG,MAAM,GAChC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA,MACJ,MAAK;AAAA;AAAA,IAEL;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK;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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAYzB,MAAM,iCAAiC,MAAM,WAGlD,SAASA,gCACT,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,MACnC,CAAC;AAAA,MACA,GAAG;AAAA,MACJ,MAAK;AAAA;AAAA,IAEL;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK;AAAA,UACd,gCAAgC;AAAA,UAChC,wCAAwC,YAAY;AAAA,QACtD,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yCAAQ;",
   "names": ["AccordionSectionSummaryHeading"]
 }

package/BannerContainer/index.js

@@ -8,7 +8,7 @@ const BannerContainer = React.forwardRef(function BannerContainer2({ className,
       as: "div",
       ref,
       className: clsx(className, {
-        "ds-cookie-banner": true
+        "ds-banner-container": true
       }),
       ...props
     },

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["BannerContainer"]
 }

package/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,OAAO,WAIA;AACP,SAAS,kBAAkB,YAAY;AAOhC,MAAM,gBAAgB,MAAM,WAGjC,SAASA,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;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAG;AAAA;AAAA,MAEH,WAAW,oCAAC,QAAK,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,OAAO,WAA4D;AACnE,SAAS,kBAAkB,YAAY;AAOhC,MAAM,gBAAgB,MAAM,WAGjC,SAASA,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;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAG;AAAA;AAAA,MAEH,WAAW,oCAAC,QAAK,WAAU,iCAAgC;AAAA,IAC9D;AAAA;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
   "names": ["CheckboxInput"]
 }

package/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,OAAO,WAIA;AACP,SAAS,kBAAkB,YAAY;AAOhC,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,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;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAI;AAAA;AAAA,MAEJ,WAAW,oCAAC,QAAK,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,OAAO,WAA4D;AACnE,SAAS,kBAAkB,YAAY;AAOhC,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,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;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAI;AAAA;AAAA,MAEJ,WAAW,oCAAC,QAAK,WAAU,6BAA4B;AAAA,IAC1D;AAAA,EAEJ;AACF;AAEA,IAAO,4BAAQ;",
   "names": ["RadioInput"]
 }

package/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": "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",
   "names": ["Base", "className", "child", "index"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,yBAAyB;AAiK3B,MAAM,OAAsB,MAAM,WAAW,SAASA,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,sBAAsB,kBAAkB;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;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,qBAAqB,SAAS;AAAA,MAC9C;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["Base"]
 }

package/Base/mapping.native.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 export type MapProps<T extends keyof JSX.IntrinsicElements> = React.ComponentPropsWithoutRef<T>;
 export type MappingType = {
     [K in keyof JSX.IntrinsicElements]?: (props: any) => JSX.Element | React.ReactNode;

package/Base/mapping.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Base/mapping.native.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Link } from 'expo-router';\nimport { cssInterop } from 'nativewind';\nimport { Image, View } from 'react-native';\nimport Svg, { Path, Circle, Rect, G, Polygon } from 'react-native-svg';\nimport { Button } from '@digigov/react-core/Base/compat/button.native';\nimport CompatDetails from '@digigov/react-core/Base/compat/details.native';\nimport BaseInput from '@digigov/react-core/Base/compat/Input/index.native';\nimport { Ol } from '@digigov/react-core/Base/compat/ol.native';\nexport type MapProps<T extends keyof JSX.IntrinsicElements> =\n  React.ComponentPropsWithoutRef<T>;\n\n// TODO: use MapProps<K> instead of any for props type\nexport type MappingType = {\n  [K in keyof JSX.IntrinsicElements]?: (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    props: any\n  ) => JSX.Element | React.ReactNode;\n};\n\nexport const mapping: MappingType = {\n  a: ({ children, ...props }) => (\n    <Link {...props} asChild>\n      <View>{children}</View>\n    </Link>\n  ),\n  img: (props) => <Image {...props} />,\n  button: Button,\n  input: BaseInput,\n  textarea: BaseInput,\n  details: CompatDetails,\n  ol: Ol,\n  path: (props) => <Path {...props} />,\n  // @ts-ignore\n  svg: cssInterop(Svg, {\n    className: {\n      target: 'style',\n      nativeStyleToProp: { width: true, height: true },\n    },\n  }),\n  rect: (props) => <Rect {...props} />,\n  circle: (props) => <Circle {...props} />,\n  g: (props) => <G {...props} />,\n  polygon: (props) => <Polygon {...props} />,\n};\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,OAAO,YAAY;AAC5B,OAAO,OAAO,MAAM,QAAQ,MAAM,GAAG,eAAe;AACpD,SAAS,cAAc;AACvB,OAAO,mBAAmB;AAC1B,OAAO,eAAe;AACtB,SAAS,UAAU;AAYZ,MAAM,UAAuB;AAAA,EAClC,GAAG,CAAC,EAAE,UAAU,GAAG,MAAM,MACvB,oCAAC,QAAM,GAAG,OAAO,SAAO,QACtB,oCAAC,YAAM,QAAS,CAClB;AAAA,EAEF,KAAK,CAAC,UAAU,oCAAC,SAAO,GAAG,OAAO;AAAA,EAClC,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM,CAAC,UAAU,oCAAC,QAAM,GAAG,OAAO;AAAA;AAAA,EAElC,KAAK,WAAW,KAAK;AAAA,IACnB,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,mBAAmB,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA,IACjD;AAAA,EACF,CAAC;AAAA,EACD,MAAM,CAAC,UAAU,oCAAC,QAAM,GAAG,OAAO;AAAA,EAClC,QAAQ,CAAC,UAAU,oCAAC,UAAQ,GAAG,OAAO;AAAA,EACtC,GAAG,CAAC,UAAU,oCAAC,KAAG,GAAG,OAAO;AAAA,EAC5B,SAAS,CAAC,UAAU,oCAAC,WAAS,GAAG,OAAO;AAC1C;",
+  "sourcesContent": ["import React, { type JSX } from 'react';\nimport { Link } from 'expo-router';\nimport { cssInterop } from 'nativewind';\nimport { Image, View } from 'react-native';\nimport Svg, { Path, Circle, Rect, G, Polygon } from 'react-native-svg';\nimport { Button } from '@digigov/react-core/Base/compat/button.native';\nimport CompatDetails from '@digigov/react-core/Base/compat/details.native';\nimport BaseInput from '@digigov/react-core/Base/compat/Input/index.native';\nimport { Ol } from '@digigov/react-core/Base/compat/ol.native';\nexport type MapProps<T extends keyof JSX.IntrinsicElements> =\n  React.ComponentPropsWithoutRef<T>;\n\n// TODO: use MapProps<K> instead of any for props type\nexport type MappingType = {\n  [K in keyof JSX.IntrinsicElements]?: (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    props: any\n  ) => JSX.Element | React.ReactNode;\n};\n\nexport const mapping: MappingType = {\n  a: ({ children, ...props }) => (\n    <Link {...props} asChild>\n      <View>{children}</View>\n    </Link>\n  ),\n  img: (props) => <Image {...props} />,\n  button: Button,\n  input: BaseInput,\n  textarea: BaseInput,\n  details: CompatDetails,\n  ol: Ol,\n  path: (props) => <Path {...props} />,\n  // @ts-ignore\n  svg: cssInterop(Svg, {\n    className: {\n      target: 'style',\n      nativeStyleToProp: { width: true, height: true },\n    },\n  }),\n  rect: (props) => <Rect {...props} />,\n  circle: (props) => <Circle {...props} />,\n  g: (props) => <G {...props} />,\n  polygon: (props) => <Polygon {...props} />,\n};\n"],
+  "mappings": "AAAA,OAAO,WAAyB;AAChC,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,OAAO,YAAY;AAC5B,OAAO,OAAO,MAAM,QAAQ,MAAM,GAAG,eAAe;AACpD,SAAS,cAAc;AACvB,OAAO,mBAAmB;AAC1B,OAAO,eAAe;AACtB,SAAS,UAAU;AAYZ,MAAM,UAAuB;AAAA,EAClC,GAAG,CAAC,EAAE,UAAU,GAAG,MAAM,MACvB,oCAAC,QAAM,GAAG,OAAO,SAAO,QACtB,oCAAC,YAAM,QAAS,CAClB;AAAA,EAEF,KAAK,CAAC,UAAU,oCAAC,SAAO,GAAG,OAAO;AAAA,EAClC,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM,CAAC,UAAU,oCAAC,QAAM,GAAG,OAAO;AAAA;AAAA,EAElC,KAAK,WAAW,KAAK;AAAA,IACnB,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,mBAAmB,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA,IACjD;AAAA,EACF,CAAC;AAAA,EACD,MAAM,CAAC,UAAU,oCAAC,QAAM,GAAG,OAAO;AAAA,EAClC,QAAQ,CAAC,UAAU,oCAAC,UAAQ,GAAG,OAAO;AAAA,EACtC,GAAG,CAAC,UAAU,oCAAC,KAAG,GAAG,OAAO;AAAA,EAC5B,SAAS,CAAC,UAAU,oCAAC,WAAS,GAAG,OAAO;AAC1C;",
   "names": []
 }

package/{CircularProgress → CircularProgressBase}/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
-export interface CircularProgressProps extends BaseProps<'svg'> {
+export interface CircularProgressBaseProps extends BaseProps<'svg'> {
     /**
      * color prop is optional.
      * color prop is used to change the color of the loader.
@@ -20,8 +20,8 @@ export interface CircularProgressProps extends BaseProps<'svg'> {
     size?: 'sm' | 'md' | 'lg';
 }
 /**
- * Use CircularProgress component as an animated loader.
- *  CircularProgress can be used inside LoaderContainer component.
+ * Use CircularProgressBase component as an animated loader.
+ *  CircularProgressBase can be used inside LoaderContainer component.
  */
-export declare const CircularProgress: React.ForwardRefExoticComponent<Omit<CircularProgressProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export default CircularProgress;
+export declare const CircularProgressBase: React.ForwardRefExoticComponent<Omit<CircularProgressBaseProps, "ref"> & React.RefAttributes<SVGElement>>;
+export default CircularProgressBase;

package/{CircularProgress → CircularProgressBase}/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const CircularProgress = React.forwardRef(function CircularProgress2({ color = "primary", size = "md", className, ...props }, ref) {
+const CircularProgressBase = React.forwardRef(function CircularProgress({ color = "primary", size = "md", className, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {
@@ -35,9 +35,9 @@ const CircularProgress = React.forwardRef(function CircularProgress2({ color = "
     )
   );
 });
-var CircularProgress_default = CircularProgress;
+var CircularProgressBase_default = CircularProgressBase;
 export {
-  CircularProgress,
-  CircularProgress_default as default
+  CircularProgressBase,
+  CircularProgressBase_default as default
 };
 //# sourceMappingURL=index.js.map

package/CircularProgressBase/index.js.map

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

package/{CircularProgress → CircularProgressBase}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../cjs/CircularProgress/index.js"
+  "main": "../cjs/CircularProgressBase/index.js"
 }

package/CopyToClipboardMessage/index.native.d.ts

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

package/DateInputItem/index.native.d.ts

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

package/Details/index.native.d.ts

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

package/DetailsContent/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface DetailsContentProps extends BaseProps<'div'> {
+    color?: 'primary' | 'secondary';
 }
 /**
  *DetailsContent component wraps the content text.

package/DetailsContent/index.js

@@ -1,14 +1,15 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const DetailsContent = React.forwardRef(function DetailsContent2({ className, children, ...props }, ref) {
+const DetailsContent = React.forwardRef(function DetailsContent2({ color, className, children, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {
       as: "div",
       ref,
       className: clsx(className, {
-        "ds-details__content": true
+        "ds-details__content": true,
+        "ds-details__content--secondary": color === "secondary"
       }),
       ...props
     },

package/DetailsContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DetailsContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DetailsContentProps extends BaseProps<'div'> {}\n/**\n *DetailsContent component wraps the content text.\n *It is used inside Details component as children\n */\nexport const DetailsContent = React.forwardRef<\n  HTMLDivElement,\n  DetailsContentProps\n>(function DetailsContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-details__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default DetailsContent;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DetailsContentProps extends BaseProps<'div'> {\n  /*\n   ** color is optional. Default value is 'primary'.\n   * @value 'primary'\n   * @value 'secondary'\n   * @default 'primary'\n   * */\n  color?: 'primary' | 'secondary';\n}\n/**\n *DetailsContent component wraps the content text.\n *It is used inside Details component as children\n */\nexport const DetailsContent = React.forwardRef<\n  HTMLDivElement,\n  DetailsContentProps\n>(function DetailsContent({ color, className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-details__content': true,\n        'ds-details__content--secondary': color === 'secondary',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default DetailsContent;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAezB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,QACvB,kCAAkC,UAAU;AAAA,MAC9C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["DetailsContent"]
 }

package/Grid/index.d.ts

@@ -30,13 +30,7 @@ export interface GridProps extends BaseProps<'div' | 'aside' | 'main'> {
     inline?: boolean;
     /**
      * Defines the space between the type item components. It can only be used on a type container component.
-     * @value 1
-     * @value 2
-     * @value 4
-     * @value 6
-     * @value 8
-     * @value 10
-     * @value 12
+     * @value 1 - 12
      * @value object
      * @default undefined
      */

package/Grid/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Grid/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\ntype GridValues = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\ntype SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;\ninterface SpacingMediaValues {\n  xs?: SpacingValues;\n  sm?: SpacingValues;\n  md?: SpacingValues;\n  lg?: SpacingValues;\n  xl?: SpacingValues;\n}\nexport interface GridProps extends BaseProps<'div' | 'aside' | 'main'> {\n  /**\n   * If true, the component will have the flex container behavior. You should be wrapping items with a container.\n   * @value true\n   * @value false\n   * @default false\n   */\n  container?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default true\n   */\n  item?: boolean;\n  /**\n   * @value true\n   * @value false\n   */\n  inline?: boolean;\n  /**\n   * Defines the space between the type item components. It can only be used on a type container component.\n   * @value 1\n   * @value 2\n   * @value 4\n   * @value 6\n   * @value 8\n   * @value 10\n   * @value 12\n   * @value object\n   * @default undefined\n   */\n  spacing?: SpacingValues | SpacingMediaValues;\n\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for all the screen sizes with the lowest priority.\n   */\n  xs?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the sm breakpoint and wider screens if not overridden.\n   */\n  sm?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the md breakpoint and wider screens if not overridden.\n   */\n  md?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the lg breakpoint and wider screens if not overridden.\n   */\n  lg?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the xl breakpoint and wider screens.\n   */\n  xl?: GridValues;\n}\n/**\n * Grid is used to arrange other components in complex grid configurations of rows and columns.\n */\nexport const Grid = React.forwardRef<HTMLElement, GridProps>(function Grid(\n  {\n    className,\n    children,\n    container = false,\n    item = true,\n    spacing,\n    inline,\n    xs,\n    sm,\n    md,\n    lg,\n    xl,\n    as,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as={as || 'div'}\n      ref={ref}\n      className={clsx(className, {\n        'ds-grid': container,\n        'ds-grid-item': item,\n        'ds-grid-inline': container && inline,\n        [`ds-gap-${spacing}`]: container && typeof spacing === 'number',\n        [`ds-gap-xs-${(spacing as SpacingMediaValues)?.xs}`]:\n          container && (spacing as SpacingMediaValues)?.xs !== undefined,\n        [`ds-gap-sm-${(spacing as SpacingMediaValues)?.sm}`]:\n          container && (spacing as SpacingMediaValues)?.sm !== undefined,\n        [`ds-gap-md-${(spacing as SpacingMediaValues)?.md}`]:\n          container && (spacing as SpacingMediaValues)?.md !== undefined,\n        [`ds-gap-lg-${(spacing as SpacingMediaValues)?.lg}`]:\n          container && (spacing as SpacingMediaValues)?.lg !== undefined,\n        [`ds-gap-xl-${(spacing as SpacingMediaValues)?.xl}`]:\n          container && (spacing as SpacingMediaValues)?.xl !== undefined,\n        [`xs:ds-grid__col-span-${xs}`]: item && xs !== undefined,\n        [`sm:ds-grid__col-span-${sm}`]: item && sm !== undefined,\n        [`md:ds-grid__col-span-${md}`]: item && md !== undefined,\n        [`lg:ds-grid__col-span-${lg}`]: item && lg !== undefined,\n        [`xl:ds-grid__col-span-${xl}`]: item && xl !== undefined,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default Grid;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAwFzB,MAAM,OAAO,MAAM,WAAmC,SAASA,MACpE;AAAA,EACE;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACV;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,kBAAkB,aAAa;AAAA,QAC/B,CAAC,UAAU,OAAO,EAAE,GAAG,aAAa,OAAO,YAAY;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,MACjD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\ntype GridValues = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\ntype SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;\ninterface SpacingMediaValues {\n  xs?: SpacingValues;\n  sm?: SpacingValues;\n  md?: SpacingValues;\n  lg?: SpacingValues;\n  xl?: SpacingValues;\n}\nexport interface GridProps extends BaseProps<'div' | 'aside' | 'main'> {\n  /**\n   * If true, the component will have the flex container behavior. You should be wrapping items with a container.\n   * @value true\n   * @value false\n   * @default false\n   */\n  container?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default true\n   */\n  item?: boolean;\n  /**\n   * @value true\n   * @value false\n   */\n  inline?: boolean;\n  /**\n   * Defines the space between the type item components. It can only be used on a type container component.\n   * @value 1 - 12\n   * @value object\n   * @default undefined\n   */\n  spacing?: SpacingValues | SpacingMediaValues;\n\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for all the screen sizes with the lowest priority.\n   */\n  xs?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the sm breakpoint and wider screens if not overridden.\n   */\n  sm?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the md breakpoint and wider screens if not overridden.\n   */\n  md?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the lg breakpoint and wider screens if not overridden.\n   */\n  lg?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the xl breakpoint and wider screens.\n   */\n  xl?: GridValues;\n}\n/**\n * Grid is used to arrange other components in complex grid configurations of rows and columns.\n */\nexport const Grid = React.forwardRef<HTMLElement, GridProps>(function Grid(\n  {\n    className,\n    children,\n    container = false,\n    item = true,\n    spacing,\n    inline,\n    xs,\n    sm,\n    md,\n    lg,\n    xl,\n    as,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as={as || 'div'}\n      ref={ref}\n      className={clsx(className, {\n        'ds-grid': container,\n        'ds-grid-item': item,\n        'ds-grid-inline': container && inline,\n        [`ds-gap-${spacing}`]: container && typeof spacing === 'number',\n        [`ds-gap-xs-${(spacing as SpacingMediaValues)?.xs}`]:\n          container && (spacing as SpacingMediaValues)?.xs !== undefined,\n        [`ds-gap-sm-${(spacing as SpacingMediaValues)?.sm}`]:\n          container && (spacing as SpacingMediaValues)?.sm !== undefined,\n        [`ds-gap-md-${(spacing as SpacingMediaValues)?.md}`]:\n          container && (spacing as SpacingMediaValues)?.md !== undefined,\n        [`ds-gap-lg-${(spacing as SpacingMediaValues)?.lg}`]:\n          container && (spacing as SpacingMediaValues)?.lg !== undefined,\n        [`ds-gap-xl-${(spacing as SpacingMediaValues)?.xl}`]:\n          container && (spacing as SpacingMediaValues)?.xl !== undefined,\n        [`xs:ds-grid__col-span-${xs}`]: item && xs !== undefined,\n        [`sm:ds-grid__col-span-${sm}`]: item && sm !== undefined,\n        [`md:ds-grid__col-span-${md}`]: item && md !== undefined,\n        [`lg:ds-grid__col-span-${lg}`]: item && lg !== undefined,\n        [`xl:ds-grid__col-span-${xl}`]: item && xl !== undefined,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default Grid;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAkFzB,MAAM,OAAO,MAAM,WAAmC,SAASA,MACpE;AAAA,EACE;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACV;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,kBAAkB,aAAa;AAAA,QAC/B,CAAC,UAAU,OAAO,EAAE,GAAG,aAAa,OAAO,YAAY;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,MACjD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,eAAQ;",
   "names": ["Grid"]
 }

package/LinkBase/index.js

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

package/LinkBase/index.js.map

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

package/NavListItemActionBase/index.js

@@ -3,7 +3,7 @@ import NavListItemActionContainer from "@digigov/react-core/NavListItemActionCon
 import NavListItemBadge from "@digigov/react-core/NavListItemBadge";
 import NavListItemButton from "@digigov/react-core/NavListItemButton";
 import NavListItemLinkBase from "@digigov/react-core/NavListItemLinkBase";
-const NavListItemActionBase = React.forwardRef(function NavListItemActionBase2({ label, arrow = false, href, className, children, ...props }, ref) {
+const NavListItemActionBase = React.forwardRef(function NavListItemActionBase2({ label, arrow = false, href, className, children, badgeText, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(NavListItemActionContainer, null, href ? /* @__PURE__ */ React.createElement(
     NavListItemLinkBase,
     {
@@ -22,7 +22,7 @@ const NavListItemActionBase = React.forwardRef(function NavListItemActionBase2({
       ref
     },
     children || label
-  ), props.badgeText && /* @__PURE__ */ React.createElement(NavListItemBadge, { text: props.badgeText }));
+  ), badgeText && /* @__PURE__ */ React.createElement(NavListItemBadge, { text: badgeText }));
 });
 var NavListItemActionBase_default = NavListItemActionBase;
 export {

package/NavListItemActionBase/index.js.map

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

package/NavListItemActionContainer/index.native.d.ts

@@ -1,7 +1,5 @@
 import { NavListItemActionContainerProps } from '@digigov/react-core/NavListItemActionContainer/index.web';
 export declare const NavListItemActionContainer: import("react").ForwardRefExoticComponent<Omit<NavListItemActionContainerProps & {
     borderBottom?: boolean;
-} & {
-    className?: string;
 }, "ref"> & import("react").RefAttributes<unknown>>;
 export default NavListItemActionContainer;

package/NotificationBannerLink/index.native.d.ts

@@ -2,7 +2,5 @@ import { NotificationBannerLinkProps } from '@digigov/react-core/NotificationBan
 interface AdditionalProps {
     variant?: 'error' | 'success';
 }
-export declare const NotificationBannerLink: import("react").ForwardRefExoticComponent<Omit<NotificationBannerLinkProps & AdditionalProps & {
-    className?: string;
-}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const NotificationBannerLink: import("react").ForwardRefExoticComponent<Omit<NotificationBannerLinkProps & AdditionalProps, "ref"> & import("react").RefAttributes<unknown>>;
 export default NotificationBannerLink;

package/SummaryList/index.d.ts

@@ -4,7 +4,7 @@ export interface SummaryListProps extends BaseProps<'dl'> {
     /**
      * border is optional.
      * By default, SummaryList has borders. You can remove borders by using border prop.
-     * By default is true
+     * By default is true.
      * @value true
      * @value false
      * @default true
@@ -13,12 +13,20 @@ export interface SummaryListProps extends BaseProps<'dl'> {
     /**
      * noLastBorder is optional.
      * By default, SummaryList has borders. You can remove last border by using noLastBorder prop.
-     * By default is true
+     * By default is false.
      * @value true
      * @value false
      * @default false
      */
     noLastBorder?: boolean;
+    /**
+     * error is optional.
+     * If true, the SummaryList will be styled to indicate an error state.
+     * @value true
+     * @value false
+     * @default false
+     */
+    error?: boolean;
 }
 /**
  * SummaryList used as a table with summary information.