@digigov/react-core 2.0.0-85c27c19 → 2.0.0-8bbad051

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,sBAAsB;AAAA,QACxB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["StepNavList"]
 }

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

package/SummaryList/index.d.ts

@@ -4,7 +4,7 @@ export interface SummaryListProps extends BaseProps<'dl'> {
     /**
      * border is optional.
      * By default, SummaryList has borders. You can remove borders by using border prop.
-     * By default is true
+     * By default is true.
      * @value true
      * @value false
      * @default true
@@ -13,15 +13,23 @@ export interface SummaryListProps extends BaseProps<'dl'> {
     /**
      * noLastBorder is optional.
      * By default, SummaryList has borders. You can remove last border by using noLastBorder prop.
-     * By default is true
+     * By default is false.
      * @value true
      * @value false
      * @default false
      */
     noLastBorder?: boolean;
+    /**
+     * error is optional.
+     * If true, the SummaryList will be styled to indicate an error state.
+     * @value true
+     * @value false
+     * @default false
+     */
+    error?: boolean;
 }
 /**
- * SummaryList used as a table with summary informations.
+ * SummaryList used as a table with summary information.
  * It must contain a list of SummaryListItem components.
  */
 export declare const SummaryList: React.ForwardRefExoticComponent<Omit<SummaryListProps, "ref"> & React.RefAttributes<HTMLDListElement>>;

package/SummaryList/index.js

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

package/SummaryList/index.js.map

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

package/SummaryListItem/index.js

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

package/SummaryListItem/index.js.map

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

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,wBAAwB,MAAM,WAGzC,SAASA,uBAAsB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,4BAA4B;AAAA,MAC9B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
   "names": ["SummaryListItemAction"]
 }

package/SummaryListItemKey/index.d.ts

@@ -1,7 +1,35 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface SummaryListItemKeyProps extends BaseProps<'dt'> {
+    /**
+     * sm shows the width of the key column for small screens.
+     * @default 3
+     */
+    sm?: WidthValues;
+    /**
+     * md shows the width of the key column for medium screens.
+     */
+    md?: WidthValues;
+    /**
+     * lg shows the width of the key column for large screens.
+     */
+    lg?: WidthValues;
+    /**
+     * error is optional.
+     * Use error prop to highlight the SummaryListItemKey when there is an error in the corresponding field.
+     * @value true
+     * @value false
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * errorAssistiveText is optional.
+     * Default value is "Λανθασμένο πεδίο".
+     * errorAssistiveText is used to provide a textual warning for assistive technologies like screen readers.
+     */
+    errorAssistiveText?: string;
 }
+export type WidthValues = 3 | 4 | 5 | 6 | 7 | 8 | 9;
 /**
  * SummaryListItemKey is used within the SummaryListItem component.
  * In this column we place the key information for the row (ex. "Name", "Address", etc).

package/SummaryListItemKey/index.js

@@ -1,17 +1,32 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const SummaryListItemKey = React.forwardRef(function SummaryListItemKey2({ className, children, ...props }, ref) {
+import VisuallyHidden from "@digigov/react-core/VisuallyHidden";
+const SummaryListItemKey = React.forwardRef(function SummaryListItemKey2({
+  sm = 3,
+  md,
+  lg,
+  error,
+  errorAssistiveText = "\u039B\u03B1\u03BD\u03B8\u03B1\u03C3\u03BC\u03AD\u03BD\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF",
+  className,
+  children,
+  ...props
+}, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {
       as: "dt",
       ref,
       className: clsx(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,
+        "ds-summary-list__key--error": error === true
       }),
       ...props
     },
+    error === true && /* @__PURE__ */ React.createElement(VisuallyHidden, null, errorAssistiveText),
     children
   );
 });

package/SummaryListItemKey/index.js.map

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

package/SummaryListItemValue/index.d.ts

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

package/SummaryListItemValue/index.js

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

package/SummaryListItemValue/index.js.map

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

package/Table/index.d.ts

@@ -45,6 +45,15 @@ export interface TableProps extends BaseProps<'table'> {
      * @default 'default'
      */
     variant?: 'zebra' | 'default';
+    /**
+     * verticalAlign is optional.
+     * The verticalAlign property sets vertical alignment of the table-cells.
+     * @value 'top'
+     * @value 'middle'
+     * @value 'bottom'
+     * @default 'middle'
+     */
+    verticalAlign?: 'top' | 'middle' | 'bottom';
 }
 /**
  * Table component is used to wrap the sub components of a table

package/Table/index.js

@@ -8,6 +8,7 @@ const Table = React.forwardRef(
     dense = false,
     verticalBorders = false,
     stacked = "never",
+    verticalAlign = "middle",
     className,
     children,
     ...props
@@ -26,7 +27,9 @@ const Table = React.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/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAmDzB,MAAM,QAAQ,MAAM;AAAA,EACzB,SAASA,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;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA4DzB,MAAM,QAAQ,MAAM;AAAA,EACzB,SAASA,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;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,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": ["Table"]
 }

package/TableDataCell/index.d.ts

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

package/TableDataCell/index.js

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

package/TableDataCell/index.js.map

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

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,YAAY,MAAM,WAG7B,SAASA,WAAU,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,kBAAkB;AAAA,MACpB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["TableHead"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,wBAAwB,MAAM,WAGzC,SAASA,uBAAsB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
   "names": ["TableLoaderBackground"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE,oCAAC,QAAG,WAAU,mBACZ;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,SAAS;AAAA,MACT;AAAA,MACA,WAAW,KAAK,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": ["TableNoDataRow"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,yBAAyB,MAAM,WAG1C,SAASA,wBAAuB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,kCAAkC;AAAA,MACpC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iCAAQ;",
   "names": ["TableSortIconContainer"]
 }

package/TabsHeading/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import Heading from "@digigov/react-core/Heading";
 import Hidden from "@digigov/react-core/Hidden";
-const TabsHeading = React.forwardRef(function TabsHeading2({ size = "sm", className, children, ...props }, ref) {
+const TabsHeading = React.forwardRef(function TabsHeading2({ size = "sm", children, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(Hidden, { ref, ...props, mdUp: true }, /* @__PURE__ */ React.createElement(Heading, { size }, children));
 });
 var TabsHeading_default = TabsHeading;

package/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,OAAO,WAAW;AAClB,OAAO,aAAa;AACpB,OAAO,YAA6B;AAgB7B,MAAM,cAAc,MAAM,WAG/B,SAASA,aAAY,EAAE,OAAO,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE,oCAAC,UAAO,KAAW,GAAG,OAAO,MAAI,QAC/B,oCAAC,WAAQ,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,OAAO,WAAW;AAClB,OAAO,aAAa;AACpB,OAAO,YAA6B;AAgB7B,MAAM,cAAc,MAAM,WAG/B,SAASA,aAAY,EAAE,OAAO,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/D,SACE,oCAAC,UAAO,KAAW,GAAG,OAAO,MAAI,QAC/B,oCAAC,WAAQ,QAAa,QAAS,CACjC;AAEJ,CAAC;AAED,IAAO,sBAAQ;",
   "names": ["TabsHeading"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UAAS,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,iBAAiB;AAAA,QACnB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["TabsList"]
 }

package/TaskListItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TaskListItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TaskListItemProps extends BaseProps<'li'> { }\n/**\n * TaskListItem must be inside TaskList compoenent.\n */\nexport const TaskListItem = React.forwardRef<HTMLLIElement, TaskListItemProps>(\n  function TaskListItem({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"li\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-task-list__item': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TaskListItem;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TaskListItemProps extends BaseProps<'li'> {}\n/**\n * TaskListItem must be inside TaskList compoenent.\n */\nexport const TaskListItem = React.forwardRef<HTMLLIElement, TaskListItemProps>(\n  function TaskListItem({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"li\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-task-list__item': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TaskListItem;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,eAAe,MAAM;AAAA,EAChC,SAASA,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,sBAAsB;AAAA,QACxB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["TaskListItem"]
 }

package/TaskListItemContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TaskListItemContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TaskListItemContentProps extends BaseProps<'div'> { }\n/**\n * TaskListItemContent component is used as a content for TaskList component.\n * TaskListItemContent component must be used inside TaskList component as child, after TaskListItemHeading.\n */\nexport const TaskListItemContent = React.forwardRef<\n  HTMLDivElement,\n  TaskListItemContentProps\n>(function TaskListItemContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-task-list__content ': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TaskListItemContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TaskListItemContentProps extends BaseProps<'div'> {}\n/**\n * TaskListItemContent component is used as a content for TaskList component.\n * TaskListItemContent component must be used inside TaskList component as child, after TaskListItemHeading.\n */\nexport const TaskListItemContent = React.forwardRef<\n  HTMLDivElement,\n  TaskListItemContentProps\n>(function TaskListItemContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-task-list__content ': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TaskListItemContent;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,sBAAsB,MAAM,WAGvC,SAASA,qBAAoB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,MAC5B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
   "names": ["TaskListItemContent"]
 }

package/TextArea/index.d.ts

@@ -1,24 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface TextAreaProps extends BaseProps<'textarea'> {
-    /**
-     * error is optional. The default value is false.
-     * Use this prop when there is an error at the input.
-     * @value true
-     * @value false
-     */
-    error?: boolean;
-    /**
-     * dense is optional.
-     * @value true TextArea will be dense.
-     * @value false
-     * @default false
-     */
-    dense?: boolean;
-}
-/**
- * Textarea component is used when you need to let users enter an
- * amount of text that’s longer than a single line.
- */
-export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;
+export * from '@digigov/react-core/TextArea/index.web';
+export { default as default } from '@digigov/react-core/TextArea/index.web';