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

package/cjs/TableDataCell/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TableDataCell/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n// import PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';\n\nexport interface TableDataCellProps extends BaseProps<'td'> {\n  /**\n   * dataType is optional.\n   * Use numeric value when comparing columns of numbers, align the numbers to the right in table cells\n   * Default value is text which aligns texts to the center\n   * @value 'text'\n   * @value 'numeric'\n   * @default 'text'\n   */\n  dataType?: 'text' | 'numeric';\n}\n/**\n * Use TableDataCell inside the Table component to fill the data of a cell in a table.\n */\nexport const TableDataCell = React.forwardRef<\n  HTMLTableCellElement,\n  TableDataCellProps\n>(function TableDataCell(\n  { dataType = 'text', className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"td\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-table__cell': true,\n        'ds-table__cell--numeric': dataType === 'numeric',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TableDataCell;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAiBzB,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eACT,EAAE,WAAW,QAAQ,WAAW,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,kBAAkB;AAAA,QAClB,2BAA2B,aAAa;AAAA,MAC1C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
-  "names": ["React", "TableDataCell", "Base", "clsx"]
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,4BAA2B;AA+CpB,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,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,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,kBAAkB;AAAA,QAClB,0BAA0B,YAAY;AAAA,QACtC,6BAA6B,cAAc;AAAA,QAC3C,2BAA2B,aAAa;AAAA,QACxC,2BAA2B,cAAc;AAAA,QACzC,yBAAyB,cAAc;AAAA,MACzC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,oCACC,6BAAAH,QAAA,cAAC,sBAAAI,SAAA,MAAgB,gCAAiC;AAAA,IAEnD;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
+  "names": ["React", "TableDataCell", "Base", "clsx", "VisuallyHidden"]
 }

package/cjs/TableHead/index.js.map

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

package/cjs/TableLoaderBackground/index.js.map

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

package/cjs/TableNoDataRow/index.js.map

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

package/cjs/TableSortIconContainer/index.js.map

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

package/cjs/TabsHeading/index.js

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

package/cjs/TabsHeading/index.js.map

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

package/cjs/TabsList/index.js.map

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

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,eAAe,aAAAA,QAAM;AAAA,EAChC,SAASC,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,sBAAsB;AAAA,QACxB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["React", "TaskListItem", "Base", "clsx"]
 }

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

package/cjs/TextArea/index.js

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -27,37 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TextArea_exports = {};
 __export(TextArea_exports, {
-  TextArea: () => TextArea,
-  default: () => TextArea_default
+  default: () => import_TextArea.default
 });
 module.exports = __toCommonJS(TextArea_exports);
-var import_react = __toESM(require("react"));
-var import_clsx = __toESM(require("clsx"));
-var import_Base = __toESM(require("@digigov/react-core/Base"));
-const TextArea = import_react.default.forwardRef(
-  function TextArea2({ name, rows, error, dense, className, children, ...props }, ref) {
-    const defaultRows = dense ? 3 : 6;
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_Base.default,
-      {
-        as: "textarea",
-        name,
-        rows: rows || defaultRows,
-        ref,
-        className: (0, import_clsx.default)(className, {
-          "ds-textarea": true,
-          "ds-textarea--dense": dense,
-          "ds-input--error": error
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
-var TextArea_default = TextArea;
+__reExport(TextArea_exports, require("@digigov/react-core/TextArea/index.web"), module.exports);
+var import_TextArea = __toESM(require("@digigov/react-core/TextArea/index.web"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  TextArea
+  ...require("@digigov/react-core/TextArea/index.web")
 });
 //# sourceMappingURL=index.js.map

package/cjs/TextArea/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TextArea/index.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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAsBzB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UACP,EAAE,MAAM,MAAM,OAAO,OAAO,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,UAAM,cAAc,QAAQ,IAAI;AAChC,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,MAAM,QAAQ;AAAA,QACd;AAAA,QACA,eAAW,YAAAC,SAAK,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,mBAAQ;",
-  "names": ["React", "TextArea", "Base", "clsx"]
+  "sourcesContent": ["export * from '@digigov/react-core/TextArea/index.web';\nexport { default as default } from '@digigov/react-core/TextArea/index.web';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAAc,mDAAd;AACA,sBAAmC;",
+  "names": []
 }

package/cjs/TextArea/index.native/index.js

@@ -0,0 +1,49 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_native_exports = {};
+__export(index_native_exports, {
+  TextArea: () => TextArea,
+  default: () => index_native_default
+});
+module.exports = __toCommonJS(index_native_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_TextArea = __toESM(require("@digigov/react-core/TextArea/index.web"));
+var import_utils = __toESM(require("@digigov/react-core/utils/index.native"));
+const TextArea = (0, import_utils.default)(import_TextArea.default, ({ className, ...props }) => ({
+  ...props,
+  multiline: true,
+  className: (0, import_clsx.default)(className, {
+    "ds-textarea__wrapper": true
+  })
+}));
+var index_native_default = TextArea;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextArea
+});
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/TextArea/index.native.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport CoreTextArea from '@digigov/react-core/TextArea/index.web';\nimport extend from '@digigov/react-core/utils/index.native';\nexport const TextArea = extend(CoreTextArea, ({ className, ...props }) => ({\n  ...props,\n  multiline: true,\n  className: clsx(className, {\n    'ds-textarea__wrapper': true,\n  }),\n}));\nexport default TextArea;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,sBAAyB;AACzB,mBAAmB;AACZ,MAAM,eAAW,aAAAA,SAAO,gBAAAC,SAAc,CAAC,EAAE,WAAW,GAAG,MAAM,OAAO;AAAA,EACzE,GAAG;AAAA,EACH,WAAW;AAAA,EACX,eAAW,YAAAC,SAAK,WAAW;AAAA,IACzB,wBAAwB;AAAA,EAC1B,CAAC;AACH,EAAE;AACF,IAAO,uBAAQ;",
+  "names": ["extend", "CoreTextArea", "clsx"]
+}

package/cjs/{SvgIcon → TextArea/index.web}/index.js

@@ -25,39 +25,38 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SvgIcon_exports = {};
-__export(SvgIcon_exports, {
-  SvgIcon: () => SvgIcon,
-  default: () => SvgIcon_default
+var index_web_exports = {};
+__export(index_web_exports, {
+  TextArea: () => TextArea,
+  default: () => index_web_default
 });
-module.exports = __toCommonJS(SvgIcon_exports);
+module.exports = __toCommonJS(index_web_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const SvgIcon = import_react.default.forwardRef(
-  function SvgIcon2({ size, color, children, className, ...props }, ref) {
+const TextArea = import_react.default.forwardRef(
+  function TextArea2({ name, rows, error, dense, className, ...props }, ref) {
+    const defaultRows = dense ? 3 : 6;
     return /* @__PURE__ */ import_react.default.createElement(
       import_Base.default,
       {
-        as: "svg",
+        as: "textarea",
+        name,
+        rows: rows || defaultRows,
         ref,
         className: (0, import_clsx.default)(className, {
-          "ds-svg-icon": true,
-          [`ds-svg-icon--${color}`]: color !== void 0,
-          [`ds-svg-icon--${size}`]: size !== void 0
+          "ds-textarea": true,
+          "ds-textarea--dense": dense,
+          "ds-input--error": error
         }),
-        focusable: "false",
-        viewBox: "0 0 24 24",
-        "aria-hidden": "true",
         ...props
-      },
-      children
+      }
     );
   }
 );
-var SvgIcon_default = SvgIcon;
+var index_web_default = TextArea;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  SvgIcon
+  TextArea
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.web.js.map

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

@@ -0,0 +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({ name, rows, error, dense, className, ...props }, ref) {\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAsBzB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UAAS,EAAE,MAAM,MAAM,OAAO,OAAO,WAAW,GAAG,MAAM,GAAG,KAAK;AACxE,UAAM,cAAc,QAAQ,IAAI;AAChC,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,MAAM,QAAQ;AAAA,QACd;AAAA,QACA,eAAW,YAAAC,SAAK,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": ["React", "TextArea", "Base", "clsx"]
+}

package/cjs/TextInput/index.js

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -27,50 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TextInput_exports = {};
 __export(TextInput_exports, {
-  TextInput: () => TextInput,
-  default: () => TextInput_default
+  default: () => import_TextInput.default
 });
 module.exports = __toCommonJS(TextInput_exports);
-var import_react = __toESM(require("react"));
-var import_clsx = __toESM(require("clsx"));
-var import_Base = __toESM(require("@digigov/react-core/Base"));
-const TextInput = import_react.default.forwardRef(
-  function TextInput2({
-    type = "text",
-    maxWidth,
-    width,
-    error,
-    dense,
-    className,
-    children,
-    ...props
-  }, ref) {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_Base.default,
-      {
-        as: "input",
-        type,
-        ref,
-        className: (0, import_clsx.default)(className, {
-          "ds-input": true,
-          "ds-input--error": error,
-          "ds-input--dense": dense,
-          [`ds-input--width-${maxWidth}`]: maxWidth !== void 0,
-          "ds-!-width-one-quarter": width === "25%",
-          "ds-!-width-one-third": width === "33.3%",
-          "ds-!-width-one-half": width === "50%",
-          "ds-!-width-two-thirds": width === "66.6%",
-          "ds-!-width-three-quarters": width === "75%"
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
-var TextInput_default = TextInput;
+__reExport(TextInput_exports, require("@digigov/react-core/TextInput/index.web"), module.exports);
+var import_TextInput = __toESM(require("@digigov/react-core/TextInput/index.web"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  TextInput
+  ...require("@digigov/react-core/TextInput/index.web")
 });
 //# sourceMappingURL=index.js.map

package/cjs/TextInput/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TextInput/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TextInputProps extends BaseProps<'input'> {\n  /**\n   * maxWidth is optional.\n   * @value '2-char';\n   * @value '3-char';\n   * @value '4-char';\n   * @value '5-char';\n   * @value '10-char';\n   * @value '20-char';\n   */\n  maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';\n\n  /**\n   * width is optional.\n   * Use width prop to define a custom width in your component.\n   * @value '25%';\n   * @value '33.3%';\n   * @value '50%';\n   * @value '66.6%';\n   * @value '75%';\n   * @value '100%';\n   * @value 'full';\n   */\n  width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';\n\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 TextInput will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * TextInput component when you need to let users enter text that\u2019s no\n * longer than a single line, such as their name or phone number.\n */\nexport const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\n  function TextInput(\n    {\n      type = 'text',\n      maxWidth,\n      width,\n      error,\n      dense,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"input\"\n        type={type}\n        ref={ref}\n        className={clsx(className, {\n          'ds-input': true,\n          'ds-input--error': error,\n          'ds-input--dense': dense,\n          [`ds-input--width-${maxWidth}`]: maxWidth !== undefined,\n          'ds-!-width-one-quarter': width === '25%',\n          'ds-!-width-one-third': width === '33.3%',\n          'ds-!-width-one-half': width === '50%',\n          'ds-!-width-two-thirds': width === '66.6%',\n          'ds-!-width-three-quarters': width === '75%',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TextInput;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA8CzB,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASC,WACP;AAAA,IACE,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,YAAY;AAAA,UACZ,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,CAAC,mBAAmB,QAAQ,EAAE,GAAG,aAAa;AAAA,UAC9C,0BAA0B,UAAU;AAAA,UACpC,wBAAwB,UAAU;AAAA,UAClC,uBAAuB,UAAU;AAAA,UACjC,yBAAyB,UAAU;AAAA,UACnC,6BAA6B,UAAU;AAAA,QACzC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
-  "names": ["React", "TextInput", "Base", "clsx"]
+  "sourcesContent": ["export * from '@digigov/react-core/TextInput/index.web';\nexport { default as default } from '@digigov/react-core/TextInput/index.web';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAc,oDAAd;AACA,uBAAmC;",
+  "names": []
 }

package/cjs/TextInput/index.native/index.js

@@ -0,0 +1,52 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_native_exports = {};
+__export(index_native_exports, {
+  TextInput: () => TextInput,
+  default: () => index_native_default
+});
+module.exports = __toCommonJS(index_native_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_TextInput = __toESM(require("@digigov/react-core/TextInput/index.web"));
+var import_utils = __toESM(require("@digigov/react-core/utils/index.native"));
+const TextInput = (0, import_utils.default)(import_TextInput.default, ({ className, ...props }) => {
+  return {
+    ...props,
+    className: (0, import_clsx.default)(className, {
+      "ds-input__wrapper": true,
+      "ds-input--disabled": props.disabled,
+      [`ds-input--width-${props.maxWidth}__wrapper`]: props.maxWidth !== void 0
+    })
+  };
+});
+var index_native_default = TextInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextInput
+});
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/TextInput/index.native.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport CoreTextInput from '@digigov/react-core/TextInput/index.web';\nimport extend from '@digigov/react-core/utils/index.native';\nexport const TextInput = extend(CoreTextInput, ({ className, ...props }) => {\n  return {\n    ...props,\n    className: clsx(className, {\n      'ds-input__wrapper': true,\n      'ds-input--disabled': props.disabled,\n      [`ds-input--width-${props.maxWidth}__wrapper`]:\n        props.maxWidth !== undefined,\n    }),\n  };\n});\nexport default TextInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,uBAA0B;AAC1B,mBAAmB;AACZ,MAAM,gBAAY,aAAAA,SAAO,iBAAAC,SAAe,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AAC1E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,eAAW,YAAAC,SAAK,WAAW;AAAA,MACzB,qBAAqB;AAAA,MACrB,sBAAsB,MAAM;AAAA,MAC5B,CAAC,mBAAmB,MAAM,QAAQ,WAAW,GAC3C,MAAM,aAAa;AAAA,IACvB,CAAC;AAAA,EACH;AACF,CAAC;AACD,IAAO,uBAAQ;",
+  "names": ["extend", "CoreTextInput", "clsx"]
+}

package/cjs/{BackLink → TextInput/index.web}/index.js

@@ -25,42 +25,52 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var BackLink_exports = {};
-__export(BackLink_exports, {
-  BackLink: () => BackLink,
-  default: () => BackLink_default
+var index_web_exports = {};
+__export(index_web_exports, {
+  TextInput: () => TextInput,
+  default: () => index_web_default
 });
-module.exports = __toCommonJS(BackLink_exports);
+module.exports = __toCommonJS(index_web_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-var import_react_icons = require("@digigov/react-icons");
-const BackLink = import_react.default.forwardRef(
-  function BackLink2({ href, printHidden = true, className, children, ...props }, ref) {
+const TextInput = import_react.default.forwardRef(
+  function TextInput2({
+    type = "text",
+    maxWidth,
+    width,
+    error,
+    dense,
+    className,
+    children,
+    ...props
+  }, ref) {
     return /* @__PURE__ */ import_react.default.createElement(
       import_Base.default,
       {
-        as: "a",
-        printHidden,
-        href,
-        onClick: () => {
-          !href && window.history.back();
-        },
+        as: "input",
+        type,
         ref,
         className: (0, import_clsx.default)(className, {
-          "ds-back-link": true
+          "ds-input": true,
+          "ds-input--error": error,
+          "ds-input--dense": dense,
+          [`ds-input--width-${maxWidth}`]: maxWidth !== void 0,
+          "ds-!-width-one-quarter": width === "25%",
+          "ds-!-width-one-third": width === "33.3%",
+          "ds-!-width-one-half": width === "50%",
+          "ds-!-width-two-thirds": width === "66.6%",
+          "ds-!-width-three-quarters": width === "75%"
         }),
-        tabIndex: 0,
         ...props
       },
-      /* @__PURE__ */ import_react.default.createElement(import_react_icons.CaretIcon, { direction: "left" }),
       children
     );
   }
 );
-var BackLink_default = BackLink;
+var index_web_default = TextInput;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BackLink
+  TextInput
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.web.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/TextInput/index.web.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TextInputProps extends BaseProps<'input'> {\n  /**\n   * maxWidth is optional.\n   * @value '2-char';\n   * @value '3-char';\n   * @value '4-char';\n   * @value '5-char';\n   * @value '10-char';\n   * @value '20-char';\n   */\n  maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';\n\n  /**\n   * width is optional.\n   * Use width prop to define a custom width in your component.\n   * @value '25%';\n   * @value '33.3%';\n   * @value '50%';\n   * @value '66.6%';\n   * @value '75%';\n   * @value '100%';\n   * @value 'full';\n   */\n  width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';\n\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 TextInput will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * TextInput component when you need to let users enter text that\u2019s no\n * longer than a single line, such as their name or phone number.\n */\nexport const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\n  function TextInput(\n    {\n      type = 'text',\n      maxWidth,\n      width,\n      error,\n      dense,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"input\"\n        type={type}\n        ref={ref}\n        className={clsx(className, {\n          'ds-input': true,\n          'ds-input--error': error,\n          'ds-input--dense': dense,\n          [`ds-input--width-${maxWidth}`]: maxWidth !== undefined,\n          'ds-!-width-one-quarter': width === '25%',\n          'ds-!-width-one-third': width === '33.3%',\n          'ds-!-width-one-half': width === '50%',\n          'ds-!-width-two-thirds': width === '66.6%',\n          'ds-!-width-three-quarters': width === '75%',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TextInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA8CzB,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASC,WACP;AAAA,IACE,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,YAAY;AAAA,UACZ,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,CAAC,mBAAmB,QAAQ,EAAE,GAAG,aAAa;AAAA,UAC9C,0BAA0B,UAAU;AAAA,UACpC,wBAAwB,UAAU;AAAA,UAClC,uBAAuB,UAAU;AAAA,UACjC,yBAAyB,UAAU;AAAA,UACnC,6BAA6B,UAAU;AAAA,QACzC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "names": ["React", "TextInput", "Base", "clsx"]
+}

package/cjs/TimelineActions/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TimelineActions/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineActionsProps extends BaseProps<'div'> { }\n/**\n * TimelineActions contains the action behavior for Timeline Component.\n * We can use Links and Buttons.\n * Use TimelineActions inside Timeline component, after TimelineContent.\n */\nexport const TimelineActions = React.forwardRef<\n  HTMLDivElement,\n  TimelineActionsProps\n>(function CardContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__actions': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineActions;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineActionsProps extends BaseProps<'div'> {}\n/**\n * TimelineActions contains the action behavior for Timeline Component.\n * We can use Links and Buttons.\n * Use TimelineActions inside Timeline component, after TimelineContent.\n */\nexport const TimelineActions = React.forwardRef<\n  HTMLDivElement,\n  TimelineActionsProps\n>(function CardContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__actions': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineActions;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAAS,YAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC7D,SACE,6BAAAA,QAAA;AAAA,IAAC,YAAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "Base", "clsx"]
 }

package/cjs/TimelineContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TimelineContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineContentProps extends BaseProps<'div'> { }\n/**\n * TimelineContent component is used as a content for Timeline component.\n * TimelineContent component must be used inside Timeline component as child, after TimelineHeading.\n */\nexport const TimelineContent = React.forwardRef<\n  HTMLDivElement,\n  TimelineContentProps\n>(function TimelineContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineContentProps extends BaseProps<'div'> {}\n/**\n * TimelineContent component is used as a content for Timeline component.\n * TimelineContent component must be used inside Timeline component as child, after TimelineHeading.\n */\nexport const TimelineContent = React.forwardRef<\n  HTMLDivElement,\n  TimelineContentProps\n>(function TimelineContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineContent;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "TimelineContent", "Base", "clsx"]
 }

package/cjs/TimelineItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TimelineItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineItemProps extends BaseProps<'li'> { }\n/**\n * TimelineItem must be inside Timeline compoenent.\n */\nexport const TimelineItem = React.forwardRef<HTMLLIElement, TimelineItemProps>(\n  function TimelineItem({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"li\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-timeline__item': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TimelineItem;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineItemProps extends BaseProps<'li'> {}\n/**\n * TimelineItem must be inside Timeline compoenent.\n */\nexport const TimelineItem = React.forwardRef<HTMLLIElement, TimelineItemProps>(\n  function TimelineItem({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"li\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-timeline__item': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TimelineItem;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,eAAe,aAAAA,QAAM;AAAA,EAChC,SAASC,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,qBAAqB;AAAA,QACvB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["React", "TimelineItem", "Base", "clsx"]
 }