@digigov/react-core 2.0.0-d57821ba → 2.0.0-e20fed09

package/cjs/ResultsHeadingActions/index.js

@@ -34,8 +34,7 @@ module.exports = __toCommonJS(ResultsHeadingActions_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-var import_Button = __toESM(require("@digigov/react-core/Button"));
-const ResultsHeadingActions = import_react.default.forwardRef(function ResultsHeadingActions2({ className, onClick, children, ...props }, ref) {
+const ResultsHeadingActions = import_react.default.forwardRef(function ResultsHeadingActions2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
@@ -46,8 +45,7 @@ const ResultsHeadingActions = import_react.default.forwardRef(function ResultsHe
       }),
       ...props
     },
-    children,
-    /* @__PURE__ */ import_react.default.createElement(import_Button.default, { className: "ds-link-filters" }, "\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1")
+    children
   );
 });
 var ResultsHeadingActions_default = ResultsHeadingActions;

package/cjs/ResultsHeadingActions/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ResultsHeadingActions/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport Button from '@digigov/react-core/Button';\n\nexport interface ResultsHeadingActionsProps extends BaseProps<'div'> { }\n/**\n * Use ResultsHeadingActions component to wrap result actions.\n * ResultsHeadingActions component inside ResultsHeading component.\n */\nexport const ResultsHeadingActions = React.forwardRef<\n  HTMLDivElement,\n  ResultsHeadingActionsProps\n>(function ResultsHeadingActions(\n  { className, onClick, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-results__actions': true,\n      })}\n      {...props}\n    >\n      {children}\n      <Button className=\"ds-link-filters\">\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1</Button>\n    </Base>\n  );\n});\n\nexport default ResultsHeadingActions;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,oBAAmB;AAOZ,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBACT,EAAE,WAAW,SAAS,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,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,IACD,6BAAAH,QAAA,cAAC,cAAAI,SAAA,EAAO,WAAU,qBAAkB,sCAAM;AAAA,EAC5C;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
-  "names": ["React", "ResultsHeadingActions", "Base", "clsx", "Button"]
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ResultsHeadingActionsProps extends BaseProps<'div'> {}\n/**\n * Use ResultsHeadingActions component to wrap result actions.\n * ResultsHeadingActions component inside ResultsHeading component.\n */\nexport const ResultsHeadingActions = React.forwardRef<\n  HTMLDivElement,\n  ResultsHeadingActionsProps\n>(function ResultsHeadingActions({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-results__actions': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ResultsHeadingActions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBAAsB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
+  "names": ["React", "ResultsHeadingActions", "Base", "clsx"]
 }

package/cjs/SearchButton/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SearchButton/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Button, { ButtonProps } from '@digigov/react-core/Button';\nimport { SearchIcon } from '@digigov/react-icons';\n\nexport interface SearchButtonProps extends ButtonProps { }\n/**\n * Use the SearchButton component to help users carry out a search action.\n * SearchButton component must be used inside SearchContainer component.\n */\nexport const SearchButton = React.forwardRef<\n  HTMLButtonElement,\n  SearchButtonProps\n>(function SearchButton({ className, children, ...props }, ref) {\n  return (\n    <Button\n      ref={ref}\n      className={clsx(className, {\n        'ds-input__search-btn': true,\n      })}\n      {...props}\n    >\n      <SearchIcon />\n      {children}\n    </Button>\n  );\n});\n\nexport default SearchButton;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Button, { ButtonProps } from '@digigov/react-core/Button';\nimport { SearchIcon } from '@digigov/react-icons';\n\nexport interface SearchButtonProps extends ButtonProps {}\n/**\n * Use the SearchButton component to help users carry out a search action.\n * SearchButton component must be used inside SearchContainer component.\n */\nexport const SearchButton = React.forwardRef<\n  HTMLButtonElement,\n  SearchButtonProps\n>(function SearchButton({ className, children, ...props }, ref) {\n  return (\n    <Button\n      ref={ref}\n      className={clsx(className, {\n        'ds-input__search-btn': true,\n      })}\n      {...props}\n    >\n      <SearchIcon />\n      {children}\n    </Button>\n  );\n});\n\nexport default SearchButton;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,oBAAoC;AACpC,yBAA2B;AAOpB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,SACE,6BAAAD,QAAA;AAAA,IAAC,cAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA,cAAC,mCAAW;AAAA,IACX;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["React", "SearchButton", "Button", "clsx"]
 }

package/cjs/SearchContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SearchContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SearchContainerProps extends BaseProps<'div'> { }\n/**\n * Use this component to wrap SearchButton component.\n */\nexport const SearchContainer = React.forwardRef<\n  HTMLDivElement,\n  SearchContainerProps\n>(function SearchContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-search': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SearchContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SearchContainerProps extends BaseProps<'div'> {}\n/**\n * Use this component to wrap SearchButton component.\n */\nexport const SearchContainer = React.forwardRef<\n  HTMLDivElement,\n  SearchContainerProps\n>(function SearchContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-search': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SearchContainer;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,aAAa;AAAA,MACf,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "SearchContainer", "Base", "clsx"]
 }

package/cjs/SelectOption/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SelectOption/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SelectOptionProps extends BaseProps<'option'> { }\n/**\n * SelectOption component is used for display options value.\n * SelectOption component must be included inside Select component as children component\n */\nexport const SelectOption = React.forwardRef<\n  HTMLOptionElement,\n  SelectOptionProps\n>(function SelectOption({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"option\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-select__option': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SelectOption;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SelectOptionProps extends BaseProps<'option'> {}\n/**\n * SelectOption component is used for display options value.\n * SelectOption component must be included inside Select component as children component\n */\nexport const SelectOption = React.forwardRef<\n  HTMLOptionElement,\n  SelectOptionProps\n>(function SelectOption({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"option\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-select__option': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SelectOption;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["React", "SelectOption", "Base", "clsx"]
 }

package/cjs/SingleCharacterInputs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SingleCharacterInputs/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SingleCharacterInputsProps extends BaseProps<'div'> { }\n/**\n * Details for the SingleCharacterInputs.\n * It is used as a parent component to wrap SingleCharacterInput component.\n *\n */\nexport const SingleCharacterInputs = React.forwardRef<\n  HTMLDivElement,\n  SingleCharacterInputsProps\n>(function SingleCharacterInputs({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-single-character-input': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SingleCharacterInputs;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SingleCharacterInputsProps extends BaseProps<'div'> {}\n/**\n * Details for the SingleCharacterInputs.\n * It is used as a parent component to wrap SingleCharacterInput component.\n *\n */\nexport const SingleCharacterInputs = React.forwardRef<\n  HTMLDivElement,\n  SingleCharacterInputsProps\n>(function SingleCharacterInputs({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-single-character-input': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SingleCharacterInputs;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBAAsB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
   "names": ["React", "SingleCharacterInputs", "Base", "clsx"]
 }

package/cjs/Skeleton/index.js

@@ -61,14 +61,15 @@ const Skeleton = import_react.default.forwardRef(
         ...props,
         style: {
           width: typeof children === "string" ? Math.ceil(children.length * 0.5) + "em" : width,
-          maxWidth: !!width ? "100%" : void 0,
+          maxWidth: width ? "100%" : void 0,
           height,
           ...style
         }
       },
       variant === "button" && /* @__PURE__ */ import_react.default.createElement(
-        "span",
+        import_Base.default,
         {
+          as: "span",
           className: (0, import_clsx.default)({
             "ds-skeleton__line": true,
             "ds-skeleton__line--size-default": width === void 0 && height === void 0

package/cjs/Skeleton/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Skeleton/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SkeletonProps extends BaseProps<'span'> {\n  /**\n   * variant prop determines the style of the skeleton element.\n   * @value 'circular', it renders a circular skeleton.\n   * @value 'rectangular', it renders a rectangular skeleton.\n   * @value 'text', it renders a text skeleton.\n   * @value 'button', it renders a button skeleton.\n   * @default 'text'\n   */\n  variant?: 'circular' | 'rectangular' | 'text' | 'button';\n\n  /**\n   * width prop determines the width of the skeleton element.\n   * It accepts number in px or string with valid CSS units (e.g. '24px', '1em', '100%').\n   * For better responsive experience, avoid using px and use percentage instead.\n   * @default undefined\n   */\n  width?: number | string;\n\n  /**\n   * height prop determines the height of the skeleton element.\n   * It accepts number in px or string with valid CSS units (e.g. '24px', '1em', '100%').\n   * @default undefined\n   */\n  height?: number | string;\n\n  /**\n   * fontSize is optional. 'sm' is the default value.\n   * Use 'xl' when this Skeleton is for a main page title.\n   * The fontSize works only for variant 'text'.\n   * You don't need fontSize if you wrap Skeleton in a typography component.\n   * @value 'xl'\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   * @value 'xs'\n   * @default 'sm'\n   */\n  fontSize?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n  /**\n   * animation prop determines if the skeleton should animate or not.\n   * @default true\n   */\n  animation?: boolean;\n}\n/**\n * Use Skeleton component while a page is loading.\n */\nexport const Skeleton = React.forwardRef<HTMLSpanElement, SkeletonProps>(\n  function Skeleton(\n    {\n      width,\n      height,\n      fontSize,\n      variant = 'text',\n      animation = true,\n      className,\n      children,\n      style,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"span\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-skeleton': true,\n          [`ds-skeleton--font-${fontSize}`]:\n            fontSize !== undefined && variant === 'text',\n          [`ds-skeleton--${variant}`]:\n            !!variant && (!children || typeof children === 'string'),\n          'ds-skeleton--animate': !!animation,\n          'ds-skeleton--width-fit-content': !!children && !width,\n        })}\n        {...props}\n        style={{\n          width:\n            typeof children === 'string'\n              ? Math.ceil(children.length * 0.5) + 'em'\n              : width,\n          maxWidth: !!width ? '100%' : undefined,\n          height: height,\n          ...style,\n        }}\n      >\n        {variant === 'button' && (\n          <span\n            className={clsx({\n              'ds-skeleton__line': true,\n              'ds-skeleton__line--size-default':\n                width === undefined && height === undefined,\n            })}\n          ></span>\n        )}\n        {typeof children != 'string' && children}\n      </Base>\n    );\n  }\n);\n\nexport default Skeleton;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkDzB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,eAAe;AAAA,UACf,CAAC,qBAAqB,QAAQ,EAAE,GAC9B,aAAa,UAAa,YAAY;AAAA,UACxC,CAAC,gBAAgB,OAAO,EAAE,GACxB,CAAC,CAAC,YAAY,CAAC,YAAY,OAAO,aAAa;AAAA,UACjD,wBAAwB,CAAC,CAAC;AAAA,UAC1B,kCAAkC,CAAC,CAAC,YAAY,CAAC;AAAA,QACnD,CAAC;AAAA,QACA,GAAG;AAAA,QACJ,OAAO;AAAA,UACL,OACE,OAAO,aAAa,WAChB,KAAK,KAAK,SAAS,SAAS,GAAG,IAAI,OACnC;AAAA,UACN,UAAU,CAAC,CAAC,QAAQ,SAAS;AAAA,UAC7B;AAAA,UACA,GAAG;AAAA,QACL;AAAA;AAAA,MAEC,YAAY,YACX,6BAAAH,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAW,YAAAG,SAAK;AAAA,YACd,qBAAqB;AAAA,YACrB,mCACE,UAAU,UAAa,WAAW;AAAA,UACtC,CAAC;AAAA;AAAA,MACF;AAAA,MAEF,OAAO,YAAY,YAAY;AAAA,IAClC;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SkeletonProps extends BaseProps<'span'> {\n  /**\n   * variant prop determines the style of the skeleton element.\n   * @value 'circular', it renders a circular skeleton.\n   * @value 'rectangular', it renders a rectangular skeleton.\n   * @value 'text', it renders a text skeleton.\n   * @value 'button', it renders a button skeleton.\n   * @default 'text'\n   */\n  variant?: 'circular' | 'rectangular' | 'text' | 'button';\n\n  /**\n   * width prop determines the width of the skeleton element.\n   * It accepts number in px or string with valid CSS units (e.g. '24px', '1em', '100%').\n   * For better responsive experience, avoid using px and use percentage instead.\n   * @default undefined\n   */\n  width?: number | string;\n\n  /**\n   * height prop determines the height of the skeleton element.\n   * It accepts number in px or string with valid CSS units (e.g. '24px', '1em', '100%').\n   * @default undefined\n   */\n  height?: number | string;\n\n  /**\n   * fontSize is optional. 'sm' is the default value.\n   * Use 'xl' when this Skeleton is for a main page title.\n   * The fontSize works only for variant 'text'.\n   * You don't need fontSize if you wrap Skeleton in a typography component.\n   * @value 'xl'\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   * @value 'xs'\n   * @default 'sm'\n   */\n  fontSize?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n  /**\n   * animation prop determines if the skeleton should animate or not.\n   * @default true\n   */\n  animation?: boolean;\n}\n/**\n * Use Skeleton component while a page is loading.\n */\nexport const Skeleton = React.forwardRef<HTMLSpanElement, SkeletonProps>(\n  function Skeleton(\n    {\n      width,\n      height,\n      fontSize,\n      variant = 'text',\n      animation = true,\n      className,\n      children,\n      style,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"span\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-skeleton': true,\n          [`ds-skeleton--font-${fontSize}`]:\n            fontSize !== undefined && variant === 'text',\n          [`ds-skeleton--${variant}`]:\n            !!variant && (!children || typeof children === 'string'),\n          'ds-skeleton--animate': !!animation,\n          'ds-skeleton--width-fit-content': !!children && !width,\n        })}\n        {...props}\n        style={{\n          width:\n            typeof children === 'string'\n              ? Math.ceil(children.length * 0.5) + 'em'\n              : width,\n          maxWidth: width ? '100%' : undefined,\n          height: height,\n          ...style,\n        }}\n      >\n        {variant === 'button' && (\n          <Base\n            as=\"span\"\n            className={clsx({\n              'ds-skeleton__line': true,\n              'ds-skeleton__line--size-default':\n                width === undefined && height === undefined,\n            })}\n          ></Base>\n        )}\n        {typeof children != 'string' && children}\n      </Base>\n    );\n  }\n);\n\nexport default Skeleton;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkDzB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,eAAe;AAAA,UACf,CAAC,qBAAqB,QAAQ,EAAE,GAC9B,aAAa,UAAa,YAAY;AAAA,UACxC,CAAC,gBAAgB,OAAO,EAAE,GACxB,CAAC,CAAC,YAAY,CAAC,YAAY,OAAO,aAAa;AAAA,UACjD,wBAAwB,CAAC,CAAC;AAAA,UAC1B,kCAAkC,CAAC,CAAC,YAAY,CAAC;AAAA,QACnD,CAAC;AAAA,QACA,GAAG;AAAA,QACJ,OAAO;AAAA,UACL,OACE,OAAO,aAAa,WAChB,KAAK,KAAK,SAAS,SAAS,GAAG,IAAI,OACnC;AAAA,UACN,UAAU,QAAQ,SAAS;AAAA,UAC3B;AAAA,UACA,GAAG;AAAA,QACL;AAAA;AAAA,MAEC,YAAY,YACX,6BAAAH,QAAA;AAAA,QAAC,YAAAE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,eAAW,YAAAC,SAAK;AAAA,YACd,qBAAqB;AAAA,YACrB,mCACE,UAAU,UAAa,WAAW;AAAA,UACtC,CAAC;AAAA;AAAA,MACF;AAAA,MAEF,OAAO,YAAY,YAAY;AAAA,IAClC;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["React", "Skeleton", "Base", "clsx"]
 }

package/cjs/SkipLink/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SkipLink/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LinkProps extends BaseProps<'a'> { }\n/**\n * Use the skip link component to help keyboard-only users skip to the main content on a page.\n */\nexport const SkipLink = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  function SkipLink(\n    { className, children, href = '#main-content', ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        tabIndex={0}\n        href={href}\n        ref={ref}\n        className={clsx(className, {\n          'ds-skip-link': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SkipLink;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LinkProps extends BaseProps<'a'> {}\n/**\n * Use the skip link component to help keyboard-only users skip to the main content on a page.\n */\nexport const SkipLink = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  function SkipLink(\n    { className, children, href = '#main-content', ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        tabIndex={0}\n        href={href}\n        ref={ref}\n        className={clsx(className, {\n          'ds-skip-link': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SkipLink;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UACP,EAAE,WAAW,UAAU,OAAO,iBAAiB,GAAG,MAAM,GACxD,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,gBAAgB;AAAA,QAClB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["React", "SkipLink", "Base", "clsx"]
 }

package/cjs/Stack/index.js

@@ -58,7 +58,12 @@ const Stack = import_react.default.forwardRef(
           [`ds-stack--align-${alignItems}`]: alignItems,
           [`ds-stack--content-${alignContent}`]: alignContent,
           "ds-stack--nowrap": flexWrap === "nowrap",
-          [`ds-gap-${spacing}`]: spacing !== void 0
+          [`ds-gap-${spacing}`]: spacing !== void 0,
+          [`ds-gap-xs-${spacing?.xs}`]: spacing?.xs !== void 0,
+          [`ds-gap-sm-${spacing?.sm}`]: spacing?.sm !== void 0,
+          [`ds-gap-md-${spacing?.md}`]: spacing?.md !== void 0,
+          [`ds-gap-lg-${spacing?.lg}`]: spacing?.lg !== void 0,
+          [`ds-gap-xl-${spacing?.xl}`]: spacing?.xl !== void 0
         }),
         ...props
       },

package/cjs/Stack/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Stack/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StackProps extends BaseProps<'div'> {\n  /**\n   * direction is optional. Set to control the direction of flex items.\n   */\n  direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\n  /**\n   * justifyContent is optional. Set to control how items are positioned along Stack's main axis .\n   */\n  justifyContent?:\n  | 'flex-start'\n  | 'flex-end'\n  | 'center'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly';\n  /**\n   * alignItems is optional. Set to control how items are positioned along Stack's cross axis.\n   */\n  alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';\n  /**\n   * alignContent is optional. Set to control how rows are positioned in multi-row Stack container.\n   */\n  alignContent?:\n  | 'flex-start'\n  | 'flex-end'\n  | 'center'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly';\n  /**\n   * spacing is optional. Set to the number you want the space to be.\n   */\n  spacing?: 1 | 2 | 4 | 6 | 8 | 10 | 12;\n  /**\n   * flexWrap is optional. The default value is 'wrap'.\n   */\n  flexWrap?: 'wrap' | 'nowrap';\n}\n/**\n * ...\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n  function Stack(\n    {\n      direction = 'column',\n      justifyContent,\n      alignItems,\n      alignContent,\n      spacing,\n      flexWrap,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-stack': true,\n          [`ds-stack--${direction}`]: direction,\n          [`ds-stack--justify-${justifyContent}`]: justifyContent,\n          [`ds-stack--align-${alignItems}`]: alignItems,\n          [`ds-stack--content-${alignContent}`]: alignContent,\n          'ds-stack--nowrap': flexWrap === 'nowrap',\n          [`ds-gap-${spacing}`]: spacing !== undefined,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Stack;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA2CzB,MAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,SAASC,OACP;AAAA,IACE,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,YAAY;AAAA,UACZ,CAAC,aAAa,SAAS,EAAE,GAAG;AAAA,UAC5B,CAAC,qBAAqB,cAAc,EAAE,GAAG;AAAA,UACzC,CAAC,mBAAmB,UAAU,EAAE,GAAG;AAAA,UACnC,CAAC,qBAAqB,YAAY,EAAE,GAAG;AAAA,UACvC,oBAAoB,aAAa;AAAA,UACjC,CAAC,UAAU,OAAO,EAAE,GAAG,YAAY;AAAA,QACrC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StackProps extends BaseProps<'div'> {\n  /**\n   * direction is optional. Set to control the direction of flex items.\n   */\n  direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\n  /**\n   * justifyContent is optional. Set to control how items are positioned along Stack's main axis .\n   */\n  justifyContent?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly';\n  /**\n   * alignItems is optional. Set to control how items are positioned along Stack's cross axis.\n   */\n  alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';\n  /**\n   * alignContent is optional. Set to control how rows are positioned in multi-row Stack container.\n   */\n  alignContent?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly';\n  /**\n   * spacing is optional. Set to the number you want the space to be.\n   */\n  spacing?: SpacingValues | SpacingMediaValues;\n  /**\n   * flexWrap is optional. The default value is 'wrap'.\n   */\n  flexWrap?: 'wrap' | 'nowrap';\n}\n\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}\n/**\n * ...\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n  function Stack(\n    {\n      direction = 'column',\n      justifyContent,\n      alignItems,\n      alignContent,\n      spacing,\n      flexWrap,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-stack': true,\n          [`ds-stack--${direction}`]: direction,\n          [`ds-stack--justify-${justifyContent}`]: justifyContent,\n          [`ds-stack--align-${alignItems}`]: alignItems,\n          [`ds-stack--content-${alignContent}`]: alignContent,\n          'ds-stack--nowrap': flexWrap === 'nowrap',\n          [`ds-gap-${spacing}`]: spacing !== undefined,\n          [`ds-gap-xs-${(spacing as SpacingMediaValues)?.xs}`]:\n            (spacing as SpacingMediaValues)?.xs !== undefined,\n          [`ds-gap-sm-${(spacing as SpacingMediaValues)?.sm}`]:\n            (spacing as SpacingMediaValues)?.sm !== undefined,\n          [`ds-gap-md-${(spacing as SpacingMediaValues)?.md}`]:\n            (spacing as SpacingMediaValues)?.md !== undefined,\n          [`ds-gap-lg-${(spacing as SpacingMediaValues)?.lg}`]:\n            (spacing as SpacingMediaValues)?.lg !== undefined,\n          [`ds-gap-xl-${(spacing as SpacingMediaValues)?.xl}`]:\n            (spacing as SpacingMediaValues)?.xl !== undefined,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Stack;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAoDzB,MAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,SAASC,OACP;AAAA,IACE,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,YAAY;AAAA,UACZ,CAAC,aAAa,SAAS,EAAE,GAAG;AAAA,UAC5B,CAAC,qBAAqB,cAAc,EAAE,GAAG;AAAA,UACzC,CAAC,mBAAmB,UAAU,EAAE,GAAG;AAAA,UACnC,CAAC,qBAAqB,YAAY,EAAE,GAAG;AAAA,UACvC,oBAAoB,aAAa;AAAA,UACjC,CAAC,UAAU,OAAO,EAAE,GAAG,YAAY;AAAA,UACnC,CAAC,aAAc,SAAgC,EAAE,EAAE,GAChD,SAAgC,OAAO;AAAA,UAC1C,CAAC,aAAc,SAAgC,EAAE,EAAE,GAChD,SAAgC,OAAO;AAAA,UAC1C,CAAC,aAAc,SAAgC,EAAE,EAAE,GAChD,SAAgC,OAAO;AAAA,UAC1C,CAAC,aAAc,SAAgC,EAAE,EAAE,GAChD,SAAgC,OAAO;AAAA,UAC1C,CAAC,aAAc,SAAgC,EAAE,EAAE,GAChD,SAAgC,OAAO;AAAA,QAC5C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,gBAAQ;",
   "names": ["React", "Stack", "Base", "clsx"]
 }

package/cjs/StepNavAccordion/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/StepNavAccordion/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavAccordionProps extends BaseProps<'details'> { }\n/**\n * StepNavAccordion the main wrapper component.\n *\n *\n */\n// eslint-disable-next-line react/display-name\nexport const StepNavAccordion = React.forwardRef<\n  HTMLDetailsElement,\n  StepNavAccordionProps\n>(function StepNavAccordion({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"details\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-step-nav__accordion': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default StepNavAccordion;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavAccordionProps extends BaseProps<'details'> {}\n/**\n * StepNavAccordion the main wrapper component.\n *\n *\n */\n\nexport const StepNavAccordion = React.forwardRef<\n  HTMLDetailsElement,\n  StepNavAccordionProps\n>(function StepNavAccordion({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"details\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-step-nav__accordion': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default StepNavAccordion;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AASzB,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,0BAA0B;AAAA,MAC5B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
   "names": ["React", "StepNavAccordion", "Base", "clsx"]
 }

package/cjs/StepNavAccordionContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/StepNavAccordionContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavAccordionContentProps extends BaseProps<'div'> { }\n/**\n * StepNavAccordionContent should be inside the Accordion and it is the content of the section.\n * The content is only visible when the Accordion is 'open'.\n */\nexport const StepNavAccordionContent = React.forwardRef<\n  HTMLDivElement,\n  StepNavAccordionContentProps\n>(function StepNavAccordionContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav-step__accordion__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default StepNavAccordionContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavAccordionContentProps extends BaseProps<'div'> {}\n/**\n * StepNavAccordionContent should be inside the Accordion and it is the content of the section.\n * The content is only visible when the Accordion is 'open'.\n */\nexport const StepNavAccordionContent = React.forwardRef<\n  HTMLDivElement,\n  StepNavAccordionContentProps\n>(function StepNavAccordionContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav-step__accordion__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default StepNavAccordionContent;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,0BAA0B,aAAAA,QAAM,WAG3C,SAASC,yBAAwB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACzE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,kCAAQ;",
   "names": ["React", "StepNavAccordionContent", "Base", "clsx"]
 }

package/cjs/StepNavAccordionHeadingTitle/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/StepNavAccordionHeadingTitle/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavAccordionHeadingTitleProps extends BaseProps<'div'> { }\n/**\n * Use StepNavAccordionHeadingTitle as content title for StepNav component.\n * StepNavAccordionHeadingTitle must include StepNavAccordionHeadingText,\n * StepNavAccordionOpened and StepNavAccordionClosed components\n */\nexport const StepNavAccordionHeadingTitle = React.forwardRef<\n  HTMLDivElement,\n  StepNavAccordionHeadingTitleProps\n>(function StepNavAccordionHeadingTitle(\n  { className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-step-nav__accordion__heading__title': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default StepNavAccordionHeadingTitle;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavAccordionHeadingTitleProps extends BaseProps<'div'> {}\n/**\n * Use StepNavAccordionHeadingTitle as content title for StepNav component.\n * StepNavAccordionHeadingTitle must include StepNavAccordionHeadingText,\n * StepNavAccordionOpened and StepNavAccordionClosed components\n */\nexport const StepNavAccordionHeadingTitle = React.forwardRef<\n  HTMLDivElement,\n  StepNavAccordionHeadingTitleProps\n>(function StepNavAccordionHeadingTitle(\n  { className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-step-nav__accordion__heading__title': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default StepNavAccordionHeadingTitle;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,+BAA+B,aAAAA,QAAM,WAGhD,SAASC,8BACT,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,0CAA0C;AAAA,MAC5C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uCAAQ;",
   "names": ["React", "StepNavAccordionHeadingTitle", "Base", "clsx"]
 }

package/cjs/StepNavAccordionSummary/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/StepNavAccordionSummary/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavAccordionSummaryProps extends BaseProps<'summary'> { }\n/**\n * StepNavAccordionSummary is used as a wrapper component for StepNavAccordionSummaryHeading.\n */\nexport const StepNavAccordionSummary = React.forwardRef<\n  HTMLDivElement,\n  StepNavAccordionSummaryProps\n>(function StepNavAccordionSummary({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"summary\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-step-nav__accordion__summary': true,\n      })}\n      aria-level={2}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default StepNavAccordionSummary;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavAccordionSummaryProps extends BaseProps<'summary'> {}\n/**\n * StepNavAccordionSummary is used as a wrapper component for StepNavAccordionSummaryHeading.\n */\nexport const StepNavAccordionSummary = React.forwardRef<\n  HTMLDivElement,\n  StepNavAccordionSummaryProps\n>(function StepNavAccordionSummary({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"summary\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-step-nav__accordion__summary': true,\n      })}\n      aria-level={2}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default StepNavAccordionSummary;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,0BAA0B,aAAAA,QAAM,WAG3C,SAASC,yBAAwB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACzE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACD,cAAY;AAAA,MACX,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,kCAAQ;",
   "names": ["React", "StepNavAccordionSummary", "Base", "clsx"]
 }

package/cjs/StepNavControls/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/StepNavControls/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavControlsProps extends BaseProps<'div'> { }\n/**\n * StepNavControls contains the StepByStepButton.\n * Use StepNavControls to the top of the step-by-step implementation .\n */\nexport const StepNavControls = React.forwardRef<\n  HTMLDivElement,\n  StepNavControlsProps\n>(function StepNavControls({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-step-nav__controls': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default StepNavControls;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavControlsProps extends BaseProps<'div'> {}\n/**\n * StepNavControls contains the StepByStepButton.\n * Use StepNavControls to the top of the step-by-step implementation .\n */\nexport const StepNavControls = React.forwardRef<\n  HTMLDivElement,\n  StepNavControlsProps\n>(function StepNavControls({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-step-nav__controls': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default StepNavControls;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,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,0BAAQ;",
   "names": ["React", "StepNavControls", "Base", "clsx"]
 }

package/cjs/StepNavList/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/StepNavList/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavListProps extends BaseProps<'ol'> { }\n/**\n * List component is used for listing step buy step items.\n * This component must contain StepNavListItem component.\n */\nexport const StepNavList = React.forwardRef<HTMLOListElement, StepNavListProps>(\n  function StepNavList({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"ol\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-step-nav__steps': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default StepNavList;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavListProps extends BaseProps<'ol'> {}\n/**\n * List component is used for listing step buy step items.\n * This component must contain StepNavListItem component.\n */\nexport const StepNavList = React.forwardRef<HTMLOListElement, StepNavListProps>(\n  function StepNavList({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"ol\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-step-nav__steps': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default StepNavList;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,sBAAsB;AAAA,QACxB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["React", "StepNavList", "Base", "clsx"]
 }

package/cjs/StepNavListItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/StepNavListItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavListItemProps extends BaseProps<'li'> { }\n/**\n * StepNavListItem must be inside StepByStepList compoenent.\n */\nexport const StepNavListItem = React.forwardRef<\n  HTMLLIElement,\n  StepNavListItemProps\n>(function StepNavListItem({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-step-nav__step': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default StepNavListItem;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StepNavListItemProps extends BaseProps<'li'> {}\n/**\n * StepNavListItem must be inside StepByStepList compoenent.\n */\nexport const StepNavListItem = React.forwardRef<\n  HTMLLIElement,\n  StepNavListItemProps\n>(function StepNavListItem({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-step-nav__step': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default StepNavListItem;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "StepNavListItem", "Base", "clsx"]
 }

package/cjs/SummaryList/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SummaryList/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListProps extends BaseProps<'dl'> {\n  /**\n   * border is optional.\n   * By default, SummaryList has borders. You can remove borders by using border prop.\n   * By default is true\n   * @value true\n   * @value false\n   * @default true\n   */\n  border?: boolean;\n  /**\n   * noLastBorder is optional.\n   * By default, SummaryList has borders. You can remove last border by using noLastBorder prop.\n   * By default is true\n   * @value true\n   * @value false\n   * @default false\n   */\n  noLastBorder?: boolean\n\n}\n/**\n * SummaryList used as a table with summary informations.\n * It must contain a list of SummaryListItem components.\n */\nexport const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(\n  function SummaryList({ className, noLastBorder = false, border = true, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"dl\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-summary-list': true,\n          'ds-summary-list--no-border': !border,\n          'ds-summary-list--no-last-border': noLastBorder\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SummaryList;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA2BzB,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aAAY,EAAE,WAAW,eAAe,OAAO,SAAS,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK;AAChG,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,8BAA8B,CAAC;AAAA,UAC/B,mCAAmC;AAAA,QACrC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListProps extends BaseProps<'dl'> {\n  /**\n   * border is optional.\n   * By default, SummaryList has borders. You can remove borders by using border prop.\n   * By default is true\n   * @value true\n   * @value false\n   * @default true\n   */\n  border?: boolean;\n  /**\n   * noLastBorder is optional.\n   * By default, SummaryList has borders. You can remove last border by using noLastBorder prop.\n   * By default is true\n   * @value true\n   * @value false\n   * @default false\n   */\n  noLastBorder?: boolean;\n}\n/**\n * SummaryList used as a table with summary information.\n * It must contain a list of SummaryListItem components.\n */\nexport const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(\n  function SummaryList(\n    { className, noLastBorder = false, border = true, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"dl\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-summary-list': true,\n          'ds-summary-list--no-border': !border,\n          'ds-summary-list--no-last-border': noLastBorder,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SummaryList;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA0BzB,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aACP,EAAE,WAAW,eAAe,OAAO,SAAS,MAAM,UAAU,GAAG,MAAM,GACrE,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,8BAA8B,CAAC;AAAA,UAC/B,mCAAmC;AAAA,QACrC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["React", "SummaryList", "Base", "clsx"]
 }

package/cjs/SummaryListItemAction/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SummaryListItemAction/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListItemActionProps extends BaseProps<'dd'> { }\n/**\n * SummaryListItemAction is used within the SummaryListItem component.\n * In this column we place the action that the user can do, based on the information on the rest of the row.\n */\nexport const SummaryListItemAction = React.forwardRef<\n  HTMLElement,\n  SummaryListItemActionProps\n>(function SummaryListItemAction({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"dd\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-summary-list__actions': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SummaryListItemAction;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListItemActionProps extends BaseProps<'dd'> {}\n/**\n * SummaryListItemAction is used within the SummaryListItem component.\n * In this column we place the action that the user can do, based on the information on the rest of the row.\n */\nexport const SummaryListItemAction = React.forwardRef<\n  HTMLElement,\n  SummaryListItemActionProps\n>(function SummaryListItemAction({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"dd\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-summary-list__actions': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SummaryListItemAction;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBAAsB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,4BAA4B;AAAA,MAC9B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
   "names": ["React", "SummaryListItemAction", "Base", "clsx"]
 }

package/cjs/SummaryListItemKey/index.js

@@ -34,14 +34,17 @@ module.exports = __toCommonJS(SummaryListItemKey_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const SummaryListItemKey = import_react.default.forwardRef(function SummaryListItemKey2({ className, children, ...props }, ref) {
+const SummaryListItemKey = import_react.default.forwardRef(function SummaryListItemKey2({ sm = 3, md, lg, className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
       as: "dt",
       ref,
       className: (0, import_clsx.default)(className, {
-        "ds-summary-list__key": true
+        "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
       }),
       ...props
     },

package/cjs/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 * 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({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"dt\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-summary-list__key': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SummaryListItemKey;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,qBAAqB,aAAAA,QAAM,WAGtC,SAASC,oBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,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';\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAuBzB,MAAM,qBAAqB,aAAAA,QAAM,WAGtC,SAASC,oBACT,EAAE,KAAK,GAAG,IAAI,IAAI,WAAW,UAAU,GAAG,MAAM,GAChD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,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;",
   "names": ["React", "SummaryListItemKey", "Base", "clsx"]
 }

package/cjs/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"],
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,uBAAuB,aAAAA,QAAM,WAGxC,SAASC,sBAAqB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACtE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,MAC5B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
   "names": ["React", "SummaryListItemValue", "Base", "clsx"]
 }

package/cjs/Table/index.js

@@ -41,6 +41,7 @@ const Table = import_react.default.forwardRef(
     dense = false,
     verticalBorders = false,
     stacked = "never",
+    verticalAlign = "middle",
     className,
     children,
     ...props
@@ -59,7 +60,9 @@ const Table = import_react.default.forwardRef(
           "ds-table--light": headerVariant === "light",
           "ds-table--dense": dense,
           "ds-table--zebra": variant === "zebra",
-          "ds-table--vertical-lines": verticalBorders
+          "ds-table--vertical-lines": verticalBorders,
+          "ds-table--align-top": verticalAlign === "top",
+          "ds-table--align-bottom": verticalAlign === "bottom"
         }),
         ...props
       },

package/cjs/Table/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Table/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TableProps extends BaseProps<'table'> {\n  /**\n   * headerVariant is optional.\n   * The `headerVariant` prop is used to either give blue background color to th tags\n   * or a light grey background.\n   * Default value is undefined which results to an opaque background color.\n   * @value 'dark'\n   * @value 'light'\n   */\n  headerVariant?: 'dark' | 'light';\n  /**\n   * dense is optional.\n   * The dense prop is used to make font size smaller and give\n   * extra padding.\n   * @value true\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n  /**\n   * verticalBorders is optional.\n   * The verticalBorders prop gives extra vertical lines to the table.\n   * @value true\n   * @value false\n   * @default false\n   */\n  verticalBorders?: boolean;\n  /**\n   * stacked is optional.\n   * The stacked prop gives responsiveness to the table. If used, make sure to add \"data-label\" to TableDataCell components.\n   * Default value is never.\n   * @value 'always'\n   * @value 'sm'\n   * @value 'md'\n   * @value 'never'\n   * @default 'never'\n   */\n  stacked?: 'always' | 'sm' | 'md' | 'never';\n  /**\n   * variant is optional.\n   * @value 'default'\n   * @value 'zebra' is used to make zebra table lines. If you have 'zebra' variant, color prop to TableRow component adds nothing.\n   * @default 'default'\n   */\n  variant?: 'zebra' | 'default';\n}\n/**\n * Table component is used to wrap the sub components of a table\n */\nexport const Table = React.forwardRef<HTMLTableElement, TableProps>(\n  function Table(\n    {\n      headerVariant,\n      variant,\n      dense = false,\n      verticalBorders = false,\n      stacked = 'never',\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"table\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-table': true,\n          'ds-table--stacked-always': stacked === 'always',\n          'ds-table--stacked-sm': stacked === 'sm',\n          'ds-table--stacked-md': stacked == 'md',\n          'ds-table--dark': headerVariant === 'dark',\n          'ds-table--light': headerVariant === 'light',\n          'ds-table--dense': dense,\n          'ds-table--zebra': variant === 'zebra',\n          'ds-table--vertical-lines': verticalBorders,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Table;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAmDzB,MAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,SAASC,OACP;AAAA,IACE;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,kBAAkB;AAAA,IAClB,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,YAAY;AAAA,UACZ,4BAA4B,YAAY;AAAA,UACxC,wBAAwB,YAAY;AAAA,UACpC,wBAAwB,WAAW;AAAA,UACnC,kBAAkB,kBAAkB;AAAA,UACpC,mBAAmB,kBAAkB;AAAA,UACrC,mBAAmB;AAAA,UACnB,mBAAmB,YAAY;AAAA,UAC/B,4BAA4B;AAAA,QAC9B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TableProps extends BaseProps<'table'> {\n  /**\n   * headerVariant is optional.\n   * The `headerVariant` prop is used to either give blue background color to th tags\n   * or a light grey background.\n   * Default value is undefined which results to an opaque background color.\n   * @value 'dark'\n   * @value 'light'\n   */\n  headerVariant?: 'dark' | 'light';\n  /**\n   * dense is optional.\n   * The dense prop is used to make font size smaller and give\n   * extra padding.\n   * @value true\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n  /**\n   * verticalBorders is optional.\n   * The verticalBorders prop gives extra vertical lines to the table.\n   * @value true\n   * @value false\n   * @default false\n   */\n  verticalBorders?: boolean;\n  /**\n   * stacked is optional.\n   * The stacked prop gives responsiveness to the table. If used, make sure to add \"data-label\" to TableDataCell components.\n   * Default value is never.\n   * @value 'always'\n   * @value 'sm'\n   * @value 'md'\n   * @value 'never'\n   * @default 'never'\n   */\n  stacked?: 'always' | 'sm' | 'md' | 'never';\n  /**\n   * variant is optional.\n   * @value 'default'\n   * @value 'zebra' is used to make zebra table lines. If you have 'zebra' variant, color prop to TableRow component adds nothing.\n   * @default 'default'\n   */\n  variant?: 'zebra' | 'default';\n  /**\n   * verticalAlign is optional.\n   * The verticalAlign property sets vertical alignment of the table-cells.\n   * @value 'top'\n   * @value 'middle'\n   * @value 'bottom'\n   * @default 'middle'\n   */\n  verticalAlign?: 'top' | 'middle' | 'bottom';\n}\n/**\n * Table component is used to wrap the sub components of a table\n */\nexport const Table = React.forwardRef<HTMLTableElement, TableProps>(\n  function Table(\n    {\n      headerVariant,\n      variant,\n      dense = false,\n      verticalBorders = false,\n      stacked = 'never',\n      verticalAlign = 'middle',\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"table\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-table': true,\n          'ds-table--stacked-always': stacked === 'always',\n          'ds-table--stacked-sm': stacked === 'sm',\n          'ds-table--stacked-md': stacked == 'md',\n          'ds-table--dark': headerVariant === 'dark',\n          'ds-table--light': headerVariant === 'light',\n          'ds-table--dense': dense,\n          'ds-table--zebra': variant === 'zebra',\n          'ds-table--vertical-lines': verticalBorders,\n          'ds-table--align-top': verticalAlign === 'top',\n          'ds-table--align-bottom': verticalAlign === 'bottom',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Table;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA4DzB,MAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,SAASC,OACP;AAAA,IACE;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,kBAAkB;AAAA,IAClB,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,YAAY;AAAA,UACZ,4BAA4B,YAAY;AAAA,UACxC,wBAAwB,YAAY;AAAA,UACpC,wBAAwB,WAAW;AAAA,UACnC,kBAAkB,kBAAkB;AAAA,UACpC,mBAAmB,kBAAkB;AAAA,UACrC,mBAAmB;AAAA,UACnB,mBAAmB,YAAY;AAAA,UAC/B,4BAA4B;AAAA,UAC5B,uBAAuB,kBAAkB;AAAA,UACzC,0BAA0B,kBAAkB;AAAA,QAC9C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,gBAAQ;",
   "names": ["React", "Table", "Base", "clsx"]
 }

package/cjs/TableDataCell/index.js

@@ -34,7 +34,14 @@ module.exports = __toCommonJS(TableDataCell_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const TableDataCell = import_react.default.forwardRef(function TableDataCell2({ dataType = "text", className, children, ...props }, ref) {
+const TableDataCell = import_react.default.forwardRef(function TableDataCell2({
+  dataType = "text",
+  variant = "border",
+  wordBreak = "none",
+  className,
+  children,
+  ...props
+}, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
@@ -42,6 +49,8 @@ const TableDataCell = import_react.default.forwardRef(function TableDataCell2({
       ref,
       className: (0, import_clsx.default)(className, {
         "ds-table__cell": true,
+        "ds-table__cell--border": variant === "border",
+        "ds-table__cell--break-all": wordBreak === "break-all",
         "ds-table__cell--numeric": dataType === "numeric"
       }),
       ...props

package/cjs/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/**\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  { dataType = 'text', className, children, ...props },\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--numeric': dataType === 'numeric',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TableDataCell;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAiBzB,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eACT,EAAE,WAAW,QAAQ,WAAW,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,kBAAkB;AAAA,QAClB,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';\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA8BzB,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eACT;AAAA,EACE,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,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;",
   "names": ["React", "TableDataCell", "Base", "clsx"]
 }

package/cjs/TableHead/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TableHead/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TableHeadProps extends BaseProps<'thead'> { }\n/**\n * Use TableHead inside the Table component to provide the header row and/or column of the table.\n */\nexport const TableHead = React.forwardRef<\n  HTMLTableSectionElement,\n  TableHeadProps\n>(function TableHead({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"thead\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-table__head': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TableHead;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TableHeadProps extends BaseProps<'thead'> {}\n/**\n * Use TableHead inside the Table component to provide the header row and/or column of the table.\n */\nexport const TableHead = React.forwardRef<\n  HTMLTableSectionElement,\n  TableHeadProps\n>(function TableHead({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"thead\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-table__head': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TableHead;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,YAAY,aAAAA,QAAM,WAG7B,SAASC,WAAU,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,kBAAkB;AAAA,MACpB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["React", "TableHead", "Base", "clsx"]
 }

package/cjs/TableLoaderBackground/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TableLoaderBackground/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TableLoaderBackgroundProps extends BaseProps<'div'> { }\n/**\n * Use TableLoaderBackground component in tables in order to add blur and opacity background when data are loading.\n * TableLoaderBackground is the parent component and takes as children the LoaderContainer component.\n */\nexport const TableLoaderBackground = React.forwardRef<\n  HTMLDivElement,\n  TableLoaderBackgroundProps\n>(function TableLoaderBackground({ children, className, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-table__loading': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TableLoaderBackground;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TableLoaderBackgroundProps extends BaseProps<'div'> {}\n/**\n * Use TableLoaderBackground component in tables in order to add blur and opacity background when data are loading.\n * TableLoaderBackground is the parent component and takes as children the LoaderContainer component.\n */\nexport const TableLoaderBackground = React.forwardRef<\n  HTMLDivElement,\n  TableLoaderBackgroundProps\n>(function TableLoaderBackground({ children, className, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-table__loading': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TableLoaderBackground;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBAAsB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AACvE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
   "names": ["React", "TableLoaderBackground", "Base", "clsx"]
 }

package/cjs/TableNoDataRow/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TableNoDataRow/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TableNoDataRowProps extends BaseProps<'td'> { }\n/**\n * Use TableNoDataRow inside the Table component when there is no data to show.\n * you can use colSpan prop attribute to expand the td width\n */\nexport const TableNoDataRow = React.forwardRef<\n  HTMLTableCellElement,\n  TableNoDataRowProps\n>(function TableNoDataRow({ className, children, ...props }, ref) {\n  return (\n    <tr className=\"ds-table__row\">\n      <Base\n        as=\"td\"\n        colSpan={100}\n        ref={ref}\n        className={clsx(className, {\n          'ds-table__cell': true,\n          'ds-table__cell--no-data': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    </tr>\n  );\n});\n\nexport default TableNoDataRow;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TableNoDataRowProps extends BaseProps<'td'> {}\n/**\n * Use TableNoDataRow inside the Table component when there is no data to show.\n * you can use colSpan prop attribute to expand the td width\n */\nexport const TableNoDataRow = React.forwardRef<\n  HTMLTableCellElement,\n  TableNoDataRowProps\n>(function TableNoDataRow({ className, children, ...props }, ref) {\n  return (\n    <tr className=\"ds-table__row\">\n      <Base\n        as=\"td\"\n        colSpan={100}\n        ref={ref}\n        className={clsx(className, {\n          'ds-table__cell': true,\n          'ds-table__cell--no-data': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    </tr>\n  );\n});\n\nexport default TableNoDataRow;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE,6BAAAD,QAAA,cAAC,QAAG,WAAU,mBACZ,6BAAAA,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,SAAS;AAAA,MACT;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,kBAAkB;AAAA,QAClB,2BAA2B;AAAA,MAC7B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH,CACF;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["React", "TableNoDataRow", "Base", "clsx"]
 }

package/cjs/TableSortIconContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TableSortIconContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TableSortIconContainerProps extends BaseProps<'div'> { }\n/**\n *\n * Use TableSortIconContainer to wrap CaretIcon like ascending descending style.\n *\n */\nexport const TableSortIconContainer = React.forwardRef<\n  HTMLDivElement,\n  TableSortIconContainerProps\n>(function TableSortIconContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-table-sort__icons-container': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TableSortIconContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TableSortIconContainerProps extends BaseProps<'div'> {}\n/**\n *\n * Use TableSortIconContainer to wrap CaretIcon like ascending descending style.\n *\n */\nexport const TableSortIconContainer = React.forwardRef<\n  HTMLDivElement,\n  TableSortIconContainerProps\n>(function TableSortIconContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-table-sort__icons-container': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TableSortIconContainer;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,yBAAyB,aAAAA,QAAM,WAG1C,SAASC,wBAAuB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,kCAAkC;AAAA,MACpC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iCAAQ;",
   "names": ["React", "TableSortIconContainer", "Base", "clsx"]
 }

package/cjs/TabsHeading/index.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(TabsHeading_exports);
 var import_react = __toESM(require("react"));
 var import_Heading = __toESM(require("@digigov/react-core/Heading"));
 var import_Hidden = __toESM(require("@digigov/react-core/Hidden"));
-const TabsHeading = import_react.default.forwardRef(function TabsHeading2({ size = "sm", className, children, ...props }, ref) {
+const TabsHeading = import_react.default.forwardRef(function TabsHeading2({ size = "sm", children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(import_Hidden.default, { ref, ...props, mdUp: true }, /* @__PURE__ */ import_react.default.createElement(import_Heading.default, { size }, children));
 });
 var TabsHeading_default = TabsHeading;

package/cjs/TabsHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TabsHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Heading from '@digigov/react-core/Heading';\nimport Hidden, { HiddenProps } from '@digigov/react-core/Hidden';\n\nexport interface TabsHeadingProps extends HiddenProps {\n  /**\n   * size is optional.\n   * The values are 'md' for medium and 'sm' for small.\n   * Default value is 'sm'.\n   * @value 'md'\n   * @value 'sm'\n   * @default 'sm'\n   */\n  size?: 'md' | 'sm';\n}\n/**\n * TabsHeading should be inside the Tabs component. This heading is hidden on desktop screens, but it is always useful for accessibility.\n */\nexport const TabsHeading = React.forwardRef<\n  HTMLHeadingElement,\n  TabsHeadingProps\n>(function TabsHeading({ size = 'sm', className, children, ...props }, ref) {\n  return (\n    <Hidden ref={ref} {...props} mdUp>\n      <Heading size={size}>{children}</Heading>\n    </Hidden>\n  );\n});\n\nexport default TabsHeading;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAoB;AACpB,oBAAoC;AAgB7B,MAAM,cAAc,aAAAA,QAAM,WAG/B,SAASC,aAAY,EAAE,OAAO,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE,6BAAAD,QAAA,cAAC,cAAAE,SAAA,EAAO,KAAW,GAAG,OAAO,MAAI,QAC/B,6BAAAF,QAAA,cAAC,eAAAG,SAAA,EAAQ,QAAa,QAAS,CACjC;AAEJ,CAAC;AAED,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport Heading from '@digigov/react-core/Heading';\nimport Hidden, { HiddenProps } from '@digigov/react-core/Hidden';\n\nexport interface TabsHeadingProps extends HiddenProps {\n  /**\n   * size is optional.\n   * The values are 'md' for medium and 'sm' for small.\n   * Default value is 'sm'.\n   * @value 'md'\n   * @value 'sm'\n   * @default 'sm'\n   */\n  size?: 'md' | 'sm';\n}\n/**\n * TabsHeading should be inside the Tabs component. This heading is hidden on desktop screens, but it is always useful for accessibility.\n */\nexport const TabsHeading = React.forwardRef<\n  HTMLHeadingElement,\n  TabsHeadingProps\n>(function TabsHeading({ size = 'sm', children, ...props }, ref) {\n  return (\n    <Hidden ref={ref} {...props} mdUp>\n      <Heading size={size}>{children}</Heading>\n    </Hidden>\n  );\n});\n\nexport default TabsHeading;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAoB;AACpB,oBAAoC;AAgB7B,MAAM,cAAc,aAAAA,QAAM,WAG/B,SAASC,aAAY,EAAE,OAAO,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/D,SACE,6BAAAD,QAAA,cAAC,cAAAE,SAAA,EAAO,KAAW,GAAG,OAAO,MAAI,QAC/B,6BAAAF,QAAA,cAAC,eAAAG,SAAA,EAAQ,QAAa,QAAS,CACjC;AAEJ,CAAC;AAED,IAAO,sBAAQ;",
   "names": ["React", "TabsHeading", "Hidden", "Heading"]
 }

package/cjs/TabsList/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TabsList/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TabsListProps extends BaseProps<'ul'> { }\n/**\n * TabsList should be inside the Tabs component.\n * Inside the TabsList should be a list of TabsListItem components.\n */\nexport const TabsList = React.forwardRef<HTMLUListElement, TabsListProps>(\n  function TabsList({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"ul\"\n        role=\"tablist\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-tabs__list': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TabsList;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TabsListProps extends BaseProps<'ul'> {}\n/**\n * TabsList should be inside the Tabs component.\n * Inside the TabsList should be a list of TabsListItem components.\n */\nexport const TabsList = React.forwardRef<HTMLUListElement, TabsListProps>(\n  function TabsList({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"ul\"\n        role=\"tablist\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-tabs__list': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TabsList;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UAAS,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxD,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,iBAAiB;AAAA,QACnB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["React", "TabsList", "Base", "clsx"]
 }