@digigov/react-core 2.0.0-6e3977bc → 2.0.0-834daea4

package/FilterContainer/index.js

@@ -14,18 +14,31 @@ const FilterContainer = React.forwardRef(function FilterContainer2({
     {
       as: "div",
       ref,
-      className: clsx(className, {
-        "ds-filter": true,
-        "ds-filter--closed ": !open,
-        "ds-filter--border ": border,
-        "ds-filter--position-relative-always": positionRelative === "always",
-        "ds-filter--position-relative-sm": positionRelative === "sm",
-        "ds-filter--position-relative-md": positionRelative === "md",
-        "ds-filter--position-relative-lg": positionRelative === "lg"
-      }),
-      ...props
+      className: clsx({
+        "ds-filter-container": true,
+        "ds-filter-container--position-relative-sm": positionRelative === "sm",
+        "ds-filter-container--position-relative-md": positionRelative === "md",
+        "ds-filter-container--position-relative-lg": positionRelative === "lg",
+        "ds-filter-container--closed": !open
+      })
     },
-    children
+    /* @__PURE__ */ React.createElement(
+      Base,
+      {
+        as: "div",
+        className: clsx(className, {
+          "ds-filter": true,
+          "ds-filter--closed ": !open,
+          "ds-filter--border ": border,
+          "ds-filter--position-relative-always": positionRelative === "always",
+          "ds-filter--position-relative-sm": positionRelative === "sm",
+          "ds-filter--position-relative-md": positionRelative === "md",
+          "ds-filter--position-relative-lg": positionRelative === "lg"
+        }),
+        ...props
+      },
+      children
+    )
   );
 });
 var FilterContainer_default = FilterContainer;

package/FilterContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/FilterContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FilterContainerProps extends BaseProps<'div'> {\n  /**\n   * Use open prop to open the filters when at mobile.\n   * The default value is false.\n   * @value true\n   * @value false\n   * @default false\n   */\n  open?: boolean;\n\n  /**\n   * Use border prop to add a gray border at the filters section.\n   * The default value is true.\n   * @value true\n   * @value false\n   * @default true\n   */\n  border?: boolean;\n\n  /**\n   * Use visible prop to make the filter section have position relative in the page.\n   * The default value is md.\n   * @value 'always'\n   * @value 'sm'\n   * @value 'md'\n   * @value 'lg'\n   * @value 'never'\n   * @default 'md'\n   */\n  positionRelative?: 'always' | 'sm' | 'md' | 'lg' | 'never';\n}\n\n/**\n * Use FilterContainer component to wrap the filter area of the page\n * When the Filters are being used inside a Drawer component, you don't have to\n * use the FilterContainer component\n */\nexport const FilterContainer = React.forwardRef<\n  HTMLDivElement,\n  FilterContainerProps\n>(function FilterContainer(\n  {\n    className,\n    border = true,\n    open = false,\n    positionRelative = 'md',\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-filter': true,\n        'ds-filter--closed ': !open,\n        'ds-filter--border ': border,\n        'ds-filter--position-relative-always': positionRelative === 'always',\n        'ds-filter--position-relative-sm': positionRelative === 'sm',\n        'ds-filter--position-relative-md': positionRelative === 'md',\n        'ds-filter--position-relative-lg': positionRelative === 'lg',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FilterContainer;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAuCzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT;AAAA,EACE;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,aAAa;AAAA,QACb,sBAAsB,CAAC;AAAA,QACvB,sBAAsB;AAAA,QACtB,uCAAuC,qBAAqB;AAAA,QAC5D,mCAAmC,qBAAqB;AAAA,QACxD,mCAAmC,qBAAqB;AAAA,QACxD,mCAAmC,qBAAqB;AAAA,MAC1D,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 FilterContainerProps extends BaseProps<'div'> {\n  /**\n   * Use open prop to open the filters when at mobile.\n   * The default value is false.\n   * @value true\n   * @value false\n   * @default false\n   */\n  open?: boolean;\n\n  /**\n   * Use border prop to add a gray border at the filters section.\n   * The default value is true.\n   * @value true\n   * @value false\n   * @default true\n   */\n  border?: boolean;\n\n  /**\n   * Use visible prop to make the filter section have position relative in the page.\n   * The default value is md.\n   * @value 'always'\n   * @value 'sm'\n   * @value 'md'\n   * @value 'lg'\n   * @value 'never'\n   * @default 'md'\n   */\n  positionRelative?: 'always' | 'sm' | 'md' | 'lg' | 'never';\n}\n\n/**\n * Use FilterContainer component to wrap the filter area of the page\n * When the Filters are being used inside a Drawer component, you don't have to\n * use the FilterContainer component\n */\nexport const FilterContainer = React.forwardRef<\n  HTMLDivElement,\n  FilterContainerProps\n>(function FilterContainer(\n  {\n    className,\n    border = true,\n    open = false,\n    positionRelative = 'md',\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx({\n        'ds-filter-container': true,\n        'ds-filter-container--position-relative-sm': positionRelative === 'sm',\n        'ds-filter-container--position-relative-md': positionRelative === 'md',\n        'ds-filter-container--position-relative-lg': positionRelative === 'lg',\n        'ds-filter-container--closed': !open,\n      })}\n    >\n      <Base\n        as=\"div\"\n        className={clsx(className, {\n          'ds-filter': true,\n          'ds-filter--closed ': !open,\n          'ds-filter--border ': border,\n          'ds-filter--position-relative-always': positionRelative === 'always',\n          'ds-filter--position-relative-sm': positionRelative === 'sm',\n          'ds-filter--position-relative-md': positionRelative === 'md',\n          'ds-filter--position-relative-lg': positionRelative === 'lg',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default FilterContainer;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAuCzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT;AAAA,EACE;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK;AAAA,QACd,uBAAuB;AAAA,QACvB,6CAA6C,qBAAqB;AAAA,QAClE,6CAA6C,qBAAqB;AAAA,QAClE,6CAA6C,qBAAqB;AAAA,QAClE,+BAA+B,CAAC;AAAA,MAClC,CAAC;AAAA;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK,WAAW;AAAA,UACzB,aAAa;AAAA,UACb,sBAAsB,CAAC;AAAA,UACvB,sBAAsB;AAAA,UACtB,uCAAuC,qBAAqB;AAAA,UAC5D,mCAAmC,qBAAqB;AAAA,UACxD,mCAAmC,qBAAqB;AAAA,UACxD,mCAAmC,qBAAqB;AAAA,QAC1D,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["FilterContainer"]
 }

package/ModalContainer/index.js

@@ -8,19 +8,13 @@ const ModalContainer = React.forwardRef(function ModalContainer2({ className, ga
       ref,
       as: "div",
       className: clsx(className, {
-        "ds-modal": true,
-        "ds-modal--open": open,
-        "ds-modal--dense": dense
+        "ds-modal-container": true,
+        "ds-modal-container--open": open,
+        "ds-modal-container--dense": dense
       }),
       ...props
     },
-    /* @__PURE__ */ React.createElement("div", { className: "ds-modal__body" }, gaps ? /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "ds-modal__container"
-      },
-      children
-    ) : children)
+    /* @__PURE__ */ React.createElement(Base, { as: "div", className: "ds-modal" }, gaps ? /* @__PURE__ */ React.createElement(Base, { as: "div", className: "ds-modal__body" }, children) : children)
   );
 });
 var ModalContainer_default = ModalContainer;

package/ModalContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ModalContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ModalContainerProps extends BaseProps<'div'> {\n  /**\n   * @value true\n   * @value false\n   */\n  open?: boolean;\n  /**\n   * dense is optional.\n   * @value true ModalContainer and its children will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n  /**\n   * gaps is optional.\n   * @value false there will be no extra gaps among children components.\n   * @value true\n   * @default true\n   */\n  gaps?: boolean;\n}\n/**\n * Modals can be used to open a pop-up dialog box and provide critical information\n * or ask for a decision. Modals disable all app functionality when they appear, and\n * remain on screen until confirmed, dismissed, or a required action has been taken\n * Use Modal as parent component to wrap ModalHeading, ModalText and ModalAction components\n */\nexport const ModalContainer = React.forwardRef<\n  HTMLDivElement,\n  ModalContainerProps\n>(function ModalContainer({ className, gaps = true, children, open, dense, ...props }, ref) {\n  return (\n    <Base\n      ref={ref}\n      as=\"div\"\n      className={clsx(className, {\n        'ds-modal': true,\n        'ds-modal--open': open,\n        'ds-modal--dense': dense,\n      })}\n      {...props}\n    >\n      <div className='ds-modal__body'>\n        {gaps ?\n          <div\n            className='ds-modal__container'\n          >\n            {children}\n          </div>\n          :\n          children}\n      </div>\n    </Base>\n  );\n});\n\nexport default ModalContainer;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,WAAW,OAAO,MAAM,UAAU,MAAM,OAAO,GAAG,MAAM,GAAG,KAAK;AAC1F,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAG;AAAA,MACH,WAAW,KAAK,WAAW;AAAA,QACzB,YAAY;AAAA,QACZ,kBAAkB;AAAA,QAClB,mBAAmB;AAAA,MACrB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,oCAAC,SAAI,WAAU,oBACZ,OACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA;AAAA,MAET;AAAA,IACH,IAEA,QACJ;AAAA,EACF;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 ModalContainerProps extends BaseProps<'div'> {\n  /**\n   * @value true\n   * @value false\n   */\n  open?: boolean;\n  /**\n   * dense is optional.\n   * @value true ModalContainer and its children will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n  /**\n   * gaps is optional.\n   * @value false there will be no extra gaps among children components.\n   * @value true\n   * @default true\n   */\n  gaps?: boolean;\n}\n/**\n * Modals can be used to open a pop-up dialog box and provide critical information\n * or ask for a decision. Modals disable all app functionality when they appear, and\n * remain on screen until confirmed, dismissed, or a required action has been taken\n * Use Modal as parent component to wrap ModalHeading, ModalText and ModalAction components\n */\nexport const ModalContainer = React.forwardRef<\n  HTMLDivElement,\n  ModalContainerProps\n>(function ModalContainer(\n  { className, gaps = true, children, open, dense, ...props },\n  ref\n) {\n  return (\n    <Base\n      ref={ref}\n      as=\"div\"\n      className={clsx(className, {\n        'ds-modal-container': true,\n        'ds-modal-container--open': open,\n        'ds-modal-container--dense': dense,\n      })}\n      {...props}\n    >\n      <Base as=\"div\" className=\"ds-modal\">\n        {gaps ? (\n          <Base as=\"div\" className=\"ds-modal__body\">\n            {children}\n          </Base>\n        ) : (\n          children\n        )}\n      </Base>\n    </Base>\n  );\n});\n\nexport default ModalContainer;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBACT,EAAE,WAAW,OAAO,MAAM,UAAU,MAAM,OAAO,GAAG,MAAM,GAC1D,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAG;AAAA,MACH,WAAW,KAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,QACtB,4BAA4B;AAAA,QAC5B,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,oCAAC,QAAK,IAAG,OAAM,WAAU,cACtB,OACC,oCAAC,QAAK,IAAG,OAAM,WAAU,oBACtB,QACH,IAEA,QAEJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["ModalContainer"]
 }

package/Stack/index.d.ts

@@ -20,12 +20,20 @@ export interface StackProps extends BaseProps<'div'> {
     /**
      * spacing is optional. Set to the number you want the space to be.
      */
-    spacing?: 1 | 2 | 4 | 6 | 8 | 10 | 12;
+    spacing?: SpacingValues | SpacingMediaValues;
     /**
      * flexWrap is optional. The default value is 'wrap'.
      */
     flexWrap?: 'wrap' | 'nowrap';
 }
+type SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;
+type SpacingMediaValues = {
+    xs?: SpacingValues;
+    sm?: SpacingValues;
+    md?: SpacingValues;
+    lg?: SpacingValues;
+    xl?: SpacingValues;
+};
 /**
  * ...
  */

package/Stack/index.js

@@ -25,7 +25,12 @@ const Stack = React.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/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA2CzB,MAAM,QAAQ,MAAM;AAAA,EACzB,SAASA,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;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,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;\ntype 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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAoDzB,MAAM,QAAQ,MAAM;AAAA,EACzB,SAASA,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;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,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": ["Stack"]
 }

package/TextArea/index.web/index.js

@@ -2,7 +2,7 @@ import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
 const TextArea = React.forwardRef(
-  function TextArea2({ name, rows, error, dense, className, children, ...props }, ref) {
+  function TextArea2({ name, rows, error, dense, className, ...props }, ref) {
     const defaultRows = dense ? 3 : 6;
     return /* @__PURE__ */ React.createElement(
       Base,
@@ -17,8 +17,7 @@ const TextArea = React.forwardRef(
           "ds-input--error": error
         }),
         ...props
-      },
-      children
+      }
     );
   }
 );

package/TextArea/index.web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TextArea/index.web.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TextAreaProps extends BaseProps<'textarea'> {\n  /**\n   * error is optional. The default value is false.\n   * Use this prop when there is an error at the input.\n   * @value true\n   * @value false\n   */\n  error?: boolean;\n  /**\n   * dense is optional.\n   * @value true TextArea will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * Textarea component is used when you need to let users enter an\n * amount of text that\u2019s longer than a single line.\n */\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    { name, rows, error, dense, className, children, ...props },\n    ref\n  ) {\n    const defaultRows = dense ? 3 : 6;\n    return (\n      <Base\n        as=\"textarea\"\n        name={name}\n        rows={rows || defaultRows}\n        ref={ref}\n        className={clsx(className, {\n          'ds-textarea': true,\n          'ds-textarea--dense': dense,\n          'ds-input--error': error,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TextArea;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAsBzB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UACP,EAAE,MAAM,MAAM,OAAO,OAAO,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,UAAM,cAAc,QAAQ,IAAI;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,MAAM,QAAQ;AAAA,QACd;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,eAAe;AAAA,UACf,sBAAsB;AAAA,UACtB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TextAreaProps extends BaseProps<'textarea'> {\n  /**\n   * error is optional. The default value is false.\n   * Use this prop when there is an error at the input.\n   * @value true\n   * @value false\n   */\n  error?: boolean;\n  /**\n   * dense is optional.\n   * @value true TextArea will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * Textarea component is used when you need to let users enter an\n * amount of text that\u2019s longer than a single line.\n */\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    { name, rows, error, dense, className, ...props },\n    ref\n  ) {\n    const defaultRows = dense ? 3 : 6;\n    return (\n      <Base\n        as=\"textarea\"\n        name={name}\n        rows={rows || defaultRows}\n        ref={ref}\n        className={clsx(className, {\n          'ds-textarea': true,\n          'ds-textarea--dense': dense,\n          'ds-input--error': error,\n        })}\n        {...props}\n      />\n    );\n  }\n);\n\nexport default TextArea;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAsBzB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UACP,EAAE,MAAM,MAAM,OAAO,OAAO,WAAW,GAAG,MAAM,GAChD,KACA;AACA,UAAM,cAAc,QAAQ,IAAI;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,MAAM,QAAQ;AAAA,QACd;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,eAAe;AAAA,UACf,sBAAsB;AAAA,UACtB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
   "names": ["TextArea"]
 }

package/TimelineHeading/index.js

@@ -22,8 +22,8 @@ const TimelineHeading = React.forwardRef(function TimelineHeading2({ size = "lg"
       ref,
       className: clsx(className, {
         "ds-timeline__heading": true,
-        "ds-timeline__heading-md": size === "md",
-        "ds-timeline__heading-sm": size === "sm"
+        "ds-timeline__heading--md": size === "md",
+        "ds-timeline__heading--sm": size === "sm"
       }),
       ...props
     },

package/TimelineHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TimelineHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineHeadingProps extends BaseProps<'h2'> {\n  /**\n   * size is optional. 'lg' is the default value.\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   * @default 'lg'\n   */\n  size?: 'lg' | 'md' | 'sm';\n  /**\n   * element is optional. 'h2' is the default value.\n   * @value 'h2'\n   * @value 'h3'\n   * @value 'h4'\n   */\n  element?: 'h2' | 'h3' | 'h4';\n}\n\nconst getComponentBySize = (\n  size: TimelineHeadingProps['size']\n): TimelineHeadingProps['element'] => {\n  switch (size) {\n    case 'lg':\n      return 'h2';\n    case 'md':\n      return 'h3';\n    case 'sm':\n      return 'h4';\n    default:\n      return 'h2';\n  }\n};\n\n/**\n * TimelineHeading component is used to place a title in a Timeline component.\n * TimelineHeading component must be wraped inside Timeline component.\n */\nexport const TimelineHeading = React.forwardRef<\n  HTMLHeadingElement,\n  TimelineHeadingProps\n>(function TimelineHeading(\n  { size = 'lg', element, className, children, ...props },\n  ref\n) {\n  const Component = element ? element : getComponentBySize(size);\n  return (\n    <Base\n      as={Component}\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__heading': true,\n        'ds-timeline__heading-md': size === 'md',\n        'ds-timeline__heading-sm': size === 'sm',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineHeading;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAoBhC,MAAM,qBAAqB,CACzB,SACoC;AACpC,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAMO,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT,EAAE,OAAO,MAAM,SAAS,WAAW,UAAU,GAAG,MAAM,GACtD,KACA;AACA,QAAM,YAAY,UAAU,UAAU,mBAAmB,IAAI;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,2BAA2B,SAAS;AAAA,QACpC,2BAA2B,SAAS;AAAA,MACtC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineHeadingProps extends BaseProps<'h2'> {\n  /**\n   * size is optional. 'lg' is the default value.\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   * @default 'lg'\n   */\n  size?: 'lg' | 'md' | 'sm';\n  /**\n   * element is optional. 'h2' is the default value.\n   * @value 'h2'\n   * @value 'h3'\n   * @value 'h4'\n   */\n  element?: 'h2' | 'h3' | 'h4';\n}\n\nconst getComponentBySize = (\n  size: TimelineHeadingProps['size']\n): TimelineHeadingProps['element'] => {\n  switch (size) {\n    case 'lg':\n      return 'h2';\n    case 'md':\n      return 'h3';\n    case 'sm':\n      return 'h4';\n    default:\n      return 'h2';\n  }\n};\n\n/**\n * TimelineHeading component is used to place a title in a Timeline component.\n * TimelineHeading component must be wraped inside Timeline component.\n */\nexport const TimelineHeading = React.forwardRef<\n  HTMLHeadingElement,\n  TimelineHeadingProps\n>(function TimelineHeading(\n  { size = 'lg', element, className, children, ...props },\n  ref\n) {\n  const Component = element ? element : getComponentBySize(size);\n  return (\n    <Base\n      as={Component}\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__heading': true,\n        'ds-timeline__heading--md': size === 'md',\n        'ds-timeline__heading--sm': size === 'sm',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineHeading;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAoBhC,MAAM,qBAAqB,CACzB,SACoC;AACpC,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAMO,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT,EAAE,OAAO,MAAM,SAAS,WAAW,UAAU,GAAG,MAAM,GACtD,KACA;AACA,QAAM,YAAY,UAAU,UAAU,mBAAmB,IAAI;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,MACvC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["TimelineHeading"]
 }