@digigov/react-core 2.0.0-d0adc9fb → 2.0.0-d16ded05

package/cjs/SummaryListItemKey/index.js

@@ -34,7 +34,17 @@ module.exports = __toCommonJS(SummaryListItemKey_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const SummaryListItemKey = import_react.default.forwardRef(function SummaryListItemKey2({ sm = 3, md, lg, className, children, ...props }, ref) {
+var import_VisuallyHidden = __toESM(require("@digigov/react-core/VisuallyHidden"));
+const SummaryListItemKey = import_react.default.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__ */ import_react.default.createElement(
     import_Base.default,
     {
@@ -44,10 +54,12 @@ const SummaryListItemKey = import_react.default.forwardRef(function SummaryListI
         "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--lg-${lg}`]: lg !== void 0,
+        "ds-summary-list__key--error": error === true
       }),
       ...props
     },
+    error === true && /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.default, null, errorAssistiveText),
     children
   );
 });

package/cjs/SummaryListItemKey/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SummaryListItemKey/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListItemKeyProps extends BaseProps<'dt'> {\n  /**\n   * sm shows the width of the key column for small screens.\n   * @default 3\n   */\n  sm?: WidthValues;\n  /**\n   * md shows the width of the key column for medium screens.\n   */\n  md?: WidthValues;\n  /**\n   * lg shows the width of the key column for large screens.\n   */\n  lg?: WidthValues;\n}\n\nexport type WidthValues = 3 | 4 | 5 | 6 | 7 | 8 | 9;\n/**\n * SummaryListItemKey is used within the SummaryListItem component.\n * In this column we place the key information for the row (ex. \"Name\", \"Address\", etc).\n */\nexport const SummaryListItemKey = React.forwardRef<\n  HTMLElement,\n  SummaryListItemKeyProps\n>(function SummaryListItemKey(\n  { sm = 3, md, lg, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"dt\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-summary-list__key': true,\n        [`ds-summary-list__key--sm-${sm}`]: sm !== undefined,\n        [`ds-summary-list__key--md-${md}`]: md !== undefined,\n        [`ds-summary-list__key--lg-${lg}`]: lg !== undefined,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SummaryListItemKey;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAuBzB,MAAM,qBAAqB,aAAAA,QAAM,WAGtC,SAASC,oBACT,EAAE,KAAK,GAAG,IAAI,IAAI,WAAW,UAAU,GAAG,MAAM,GAChD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,QAC3C,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,QAC3C,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,MAC7C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
-  "names": ["React", "SummaryListItemKey", "Base", "clsx"]
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,4BAA2B;AAuCpB,MAAM,qBAAqB,aAAAA,QAAM,WAGtC,SAASC,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,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,QAC3C,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,QAC3C,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,QAC3C,+BAA+B,UAAU;AAAA,MAC3C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,UAAU,QAAQ,6BAAAH,QAAA,cAAC,sBAAAI,SAAA,MAAgB,kBAAmB;AAAA,IACtD;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
+  "names": ["React", "SummaryListItemKey", "Base", "clsx", "VisuallyHidden"]
 }

package/cjs/SummaryListItemValue/index.js

@@ -34,17 +34,26 @@ module.exports = __toCommonJS(SummaryListItemValue_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const SummaryListItemValue = import_react.default.forwardRef(function SummaryListItemValue2({ className, children, ...props }, ref) {
+var import_VisuallyHidden = __toESM(require("@digigov/react-core/VisuallyHidden"));
+const SummaryListItemValue = import_react.default.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__ */ import_react.default.createElement(
     import_Base.default,
     {
       as: "dd",
       ref,
       className: (0, import_clsx.default)(className, {
-        "ds-summary-list__value": true
+        "ds-summary-list__value": true,
+        "ds-summary-list__value--error": error === true
       }),
       ...props
     },
+    error === true && /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.default, null, errorAssistiveText),
     children
   );
 });

package/cjs/SummaryListItemValue/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SummaryListItemValue/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListItemValueProps extends BaseProps<'dd'> {}\n/**\n * Details for the SummaryListItemValue.\n */\nexport const SummaryListItemValue = React.forwardRef<\n  HTMLElement,\n  SummaryListItemValueProps\n>(function SummaryListItemValue({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"dd\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-summary-list__value': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SummaryListItemValue;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,uBAAuB,aAAAA,QAAM,WAGxC,SAASC,sBAAqB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACtE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,MAC5B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
-  "names": ["React", "SummaryListItemValue", "Base", "clsx"]
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,4BAA2B;AAsBpB,MAAM,uBAAuB,aAAAA,QAAM,WAGxC,SAASC,sBACT;AAAA,EACE;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,iCAAiC,UAAU;AAAA,MAC7C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,UAAU,QAAQ,6BAAAH,QAAA,cAAC,sBAAAI,SAAA,MAAgB,kBAAmB;AAAA,IACtD;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
+  "names": ["React", "SummaryListItemValue", "Base", "clsx", "VisuallyHidden"]
 }

package/cjs/Table/index.js

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

package/cjs/Table/index.js.map

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

package/cjs/TableDataCell/index.js

@@ -34,7 +34,18 @@ module.exports = __toCommonJS(TableDataCell_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const TableDataCell = import_react.default.forwardRef(function TableDataCell2({ dataType = "text", className, children, ...props }, ref) {
+var import_VisuallyHidden = __toESM(require("@digigov/react-core/VisuallyHidden"));
+const TableDataCell = import_react.default.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__ */ import_react.default.createElement(
     import_Base.default,
     {
@@ -42,10 +53,15 @@ const TableDataCell = import_react.default.forwardRef(function TableDataCell2({
       ref,
       className: (0, import_clsx.default)(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__ */ import_react.default.createElement(import_VisuallyHidden.default, null, calculatedHighlightAssistiveText),
     children
   );
 });

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/TextArea/index.native/index.js

@@ -33,8 +33,8 @@ __export(index_native_exports, {
 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_extend = __toESM(require("@digigov/react-core/utils/extend.native"));
-const TextArea = (0, import_extend.default)(import_TextArea.default, ({ className, ...props }) => ({
+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, {

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

@@ -1,7 +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/extend.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,oBAAmB;AACZ,MAAM,eAAW,cAAAA,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;",
+  "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/TextInput/index.native/index.js

@@ -33,8 +33,8 @@ __export(index_native_exports, {
 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_extend = __toESM(require("@digigov/react-core/utils/extend.native"));
-const TextInput = (0, import_extend.default)(import_TextInput.default, ({ className, ...props }) => {
+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, {

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

@@ -1,7 +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/extend.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,oBAAmB;AACZ,MAAM,gBAAY,cAAAA,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;",
+  "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/Typography/index.js

@@ -34,23 +34,21 @@ module.exports = __toCommonJS(Typography_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const Typography = import_react.default.forwardRef(
-  function Typography2({ as, fontSize, fontWeight, className, children, ...props }, ref) {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_Base.default,
-      {
-        as,
-        ref,
-        className: (0, import_clsx.default)(className, {
-          [`ds-!-font-size-${fontSize}`]: fontSize !== void 0,
-          [`ds-!-font-weight-${fontWeight}`]: fontWeight !== void 0
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
+const Typography = import_react.default.forwardRef(function Typography2({ as, fontSize, fontWeight, className, children, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Base.default,
+    {
+      as,
+      ref,
+      className: (0, import_clsx.default)(className, {
+        [`ds-!-font-size-${fontSize}`]: fontSize !== void 0,
+        [`ds-!-font-weight-${fontWeight}`]: fontWeight !== void 0
+      }),
+      ...props
+    },
+    children
+  );
+});
 var Typography_default = Typography;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/Typography/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Typography/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TypographyProps\n  extends BaseProps<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span' | 'p' | 'code'> {\n  /**\n   * fontSize is optional.\n   * Add this fontSize override prop in order to change the font size.\n   * @value 14\n   * @value 16\n   * @value 19\n   * @value 24\n   * @value 30\n   * @value 36\n   * @value 48\n   * @value 72\n   */\n  fontSize?: 14 | 16 | 19 | 24 | 30 | 36 | 48 | 72;\n  /**\n   * fontWeight is optional.\n   * You can add a fontWeight override prop to change the font weight to regular or bold.\n   * @value 'regular'\n   * @value 'bold'\n   */\n  fontWeight?: 'regular' | 'bold';\n}\n/**\n * Typography component is used as generic component for typography.\n * Use Typography component to extend components such as Heading, NormalText Paragraph etc.\n */\nexport const Typography = React.forwardRef<HTMLHeadingElement, TypographyProps>(\n  function Typography(\n    { as, fontSize, fontWeight, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as={as}\n        ref={ref}\n        className={clsx(className, {\n          [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,\n          [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Typography;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA6BzB,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YACP,EAAE,IAAI,UAAU,YAAY,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,CAAC,kBAAkB,QAAQ,EAAE,GAAG,aAAa;AAAA,UAC7C,CAAC,oBAAoB,UAAU,EAAE,GAAG,eAAe;AAAA,QACrD,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TypographyProps\n  extends BaseProps<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span' | 'p' | 'code'> {\n  /**\n   * fontSize is optional.\n   * Add this fontSize override prop in order to change the font size.\n   * @value 14\n   * @value 16\n   * @value 19\n   * @value 24\n   * @value 30\n   * @value 36\n   * @value 48\n   * @value 72\n   */\n  fontSize?: 14 | 16 | 19 | 24 | 30 | 36 | 48 | 72;\n  /**\n   * fontWeight is optional.\n   * You can add a fontWeight override prop to change the font weight to regular or bold.\n   * @value 'regular'\n   * @value 'bold'\n   */\n  fontWeight?: 'regular' | 'bold';\n}\n/**\n * Typography component is used as generic component for typography.\n * Use Typography component to extend components such as Heading, NormalText Paragraph etc.\n */\nexport const Typography = React.forwardRef<\n  HTMLSpanElement | HTMLParagraphElement | HTMLHeadingElement,\n  TypographyProps\n>(function Typography(\n  { as, fontSize, fontWeight, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as={as}\n      ref={ref}\n      className={clsx(className, {\n        [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,\n        [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default Typography;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA6BzB,MAAM,aAAa,aAAAA,QAAM,WAG9B,SAASC,YACT,EAAE,IAAI,UAAU,YAAY,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,CAAC,kBAAkB,QAAQ,EAAE,GAAG,aAAa;AAAA,QAC7C,CAAC,oBAAoB,UAAU,EAAE,GAAG,eAAe;AAAA,MACrD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qBAAQ;",
   "names": ["React", "Typography", "Base", "clsx"]
 }

package/cjs/WarningText/index.js

@@ -36,7 +36,15 @@ var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
 var import_WarningTextAssistive = require("@digigov/react-core/WarningTextAssistive");
 const WarningText = import_react.default.forwardRef(
-  function WarningText2({ className, assistiveText = "\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE", dense, children, ...props }, ref) {
+  function WarningText2({
+    className,
+    strong = true,
+    assistiveText = "\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE",
+    dense,
+    children,
+    ...props
+  }, ref) {
+    const Component = strong ? "strong" : "div";
     return /* @__PURE__ */ import_react.default.createElement(
       import_Base.default,
       {
@@ -61,7 +69,7 @@ const WarningText = import_react.default.forwardRef(
       /* @__PURE__ */ import_react.default.createElement(
         import_Base.default,
         {
-          as: "strong",
+          as: Component,
           className: (0, import_clsx.default)({
             "ds-warning-text__content": true
           })

package/cjs/WarningText/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/WarningText/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';\nexport interface WarningTextProps extends BaseProps<'div'> {\n  /**\n   * assistiveText is optional.\n   * Default value is \"\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE\".\n   * assistiveText is used to provide a textual warning for assistive technologies like screen readers.\n   */\n  assistiveText?: string;\n  /**\n   * dense is optional.\n   * @value true WarningText will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * WarningText.\n * Use the WarningText component when you need to warn users about something important.\n * The component is used with a text inside it.\n */\nexport const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(\n  function WarningText(\n    { className, assistiveText = '\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE', dense, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-warning-text': true,\n          'ds-warning-text--dense': dense,\n        })}\n        {...props}\n      >\n        <Base\n          as=\"div\"\n          className={clsx({\n            'ds-warning-text__icon': true,\n          })}\n        >\n          !\n        </Base>\n\n        <Base\n          as=\"strong\"\n          className={clsx({\n            'ds-warning-text__content': true,\n          })}\n        >\n          <WarningTextAssistive>{assistiveText}</WarningTextAssistive>\n          {children}\n        </Base>\n      </Base>\n    );\n  }\n);\n\nexport default WarningText;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,kCAAqC;AAqB9B,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aACP,EAAE,WAAW,gBAAgB,8CAAW,OAAO,UAAU,GAAG,MAAM,GAClE,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,0BAA0B;AAAA,QAC5B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ,6BAAAH,QAAA;AAAA,QAAC,YAAAE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,eAAW,YAAAC,SAAK;AAAA,YACd,yBAAyB;AAAA,UAC3B,CAAC;AAAA;AAAA,QACF;AAAA,MAED;AAAA,MAEA,6BAAAH,QAAA;AAAA,QAAC,YAAAE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,eAAW,YAAAC,SAAK;AAAA,YACd,4BAA4B;AAAA,UAC9B,CAAC;AAAA;AAAA,QAED,6BAAAH,QAAA,cAAC,wDAAsB,aAAc;AAAA,QACpC;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';\nexport interface WarningTextProps extends BaseProps<'div'> {\n  /**\n   * assistiveText is optional.\n   * Default value is \"\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE\".\n   * assistiveText is used to provide a textual warning for assistive technologies like screen readers.\n   */\n  assistiveText?: string;\n  /**\n   * dense is optional.\n   * @value true WarningText will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n  /**\n   * strong is optional.\n   * @value true if you want to emphasize importance, conveying meaning to both sighted and screen readers.\n   * @value false WarningText will be a simple div element.\n   * @default true\n   * */\n  strong?: boolean;\n}\n/**\n * WarningText.\n * Use the WarningText component when you need to warn users about something important.\n * The component is used with a text inside it.\n */\nexport const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(\n  function WarningText(\n    {\n      className,\n      strong = true,\n      assistiveText = '\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE',\n      dense,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const Component = strong ? 'strong' : 'div';\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-warning-text': true,\n          'ds-warning-text--dense': dense,\n        })}\n        {...props}\n      >\n        <Base\n          as=\"div\"\n          className={clsx({\n            'ds-warning-text__icon': true,\n          })}\n        >\n          !\n        </Base>\n\n        <Base\n          as={Component}\n          className={clsx({\n            'ds-warning-text__content': true,\n          })}\n        >\n          <WarningTextAssistive>{assistiveText}</WarningTextAssistive>\n          {children}\n        </Base>\n      </Base>\n    );\n  }\n);\n\nexport default WarningText;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,kCAAqC;AA4B9B,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aACP;AAAA,IACE;AAAA,IACA,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,YAAY,SAAS,WAAW;AACtC,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,0BAA0B;AAAA,QAC5B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ,6BAAAH,QAAA;AAAA,QAAC,YAAAE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,eAAW,YAAAC,SAAK;AAAA,YACd,yBAAyB;AAAA,UAC3B,CAAC;AAAA;AAAA,QACF;AAAA,MAED;AAAA,MAEA,6BAAAH,QAAA;AAAA,QAAC,YAAAE;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,eAAW,YAAAC,SAAK;AAAA,YACd,4BAA4B;AAAA,UAC9B,CAAC;AAAA;AAAA,QAED,6BAAAH,QAAA,cAAC,wDAAsB,aAAc;AAAA,QACpC;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["React", "WarningText", "Base", "clsx"]
 }

package/cjs/index.js

@@ -21,16 +21,16 @@ __reExport(src_exports, require("@digigov/react-core/AccordionSectionContent"),
 __reExport(src_exports, require("@digigov/react-core/AccordionSectionSummary"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/AccordionSectionSummaryHeading"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/Aside"), module.exports);
-__reExport(src_exports, require("@digigov/react-core/BackLink"), module.exports);
+__reExport(src_exports, require("@digigov/react-core/BackLinkBase"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/Blockquote"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/Bottom"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/Breadcrumbs"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/BreadcrumbsList"), module.exports);
-__reExport(src_exports, require("@digigov/react-core/BreadcrumbsListItem"), module.exports);
+__reExport(src_exports, require("@digigov/react-core/BreadcrumbsListItemWrapper"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/Button"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/ButtonGroup"), module.exports);
-__reExport(src_exports, require("@digigov/react-core/ButtonLink"), module.exports);
-__reExport(src_exports, require("@digigov/react-core/CallToAction"), module.exports);
+__reExport(src_exports, require("@digigov/react-core/ButtonLinkBase"), module.exports);
+__reExport(src_exports, require("@digigov/react-core/CallToActionBase"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/Card"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/CardAction"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/CardHeading"), module.exports);
@@ -65,7 +65,7 @@ __reExport(src_exports, require("@digigov/react-core/FooterContent"), module.exp
 __reExport(src_exports, require("@digigov/react-core/FooterContentLogos"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/FooterHeading"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/FooterImage"), module.exports);
-__reExport(src_exports, require("@digigov/react-core/FooterLink"), module.exports);
+__reExport(src_exports, require("@digigov/react-core/FooterLinkBase"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/FooterList"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/FooterListItem"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/FooterInfo"), module.exports);
@@ -73,14 +73,14 @@ __reExport(src_exports, require("@digigov/react-core/FooterInfoSection"), module
 __reExport(src_exports, require("@digigov/react-core/FooterNavigation"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/FooterNavigationSection"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/FieldContainer"), module.exports);
-__reExport(src_exports, require("@digigov/react-core/GovGRLogo"), module.exports);
+__reExport(src_exports, require("@digigov/react-core/GovGRLogoBase"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/Grid"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/Header"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/HeaderContent"), module.exports);
-__reExport(src_exports, require("@digigov/react-core/HeaderLogo"), module.exports);
-__reExport(src_exports, require("@digigov/react-core/HeaderSecondaryLogo"), module.exports);
+__reExport(src_exports, require("@digigov/react-core/HeaderLogoBase"), module.exports);
+__reExport(src_exports, require("@digigov/react-core/HeaderSecondaryLogoBase"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/HeaderSection"), module.exports);
-__reExport(src_exports, require("@digigov/react-core/HeaderTitle"), module.exports);
+__reExport(src_exports, require("@digigov/react-core/HeaderTitleBase"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/Heading"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/HeadingCaption"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/HellenicRepublicLogo"), module.exports);
@@ -97,10 +97,10 @@ __reExport(src_exports, require("@digigov/react-core/Masthead"), module.exports)
 __reExport(src_exports, require("@digigov/react-core/MastheadBody"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/Nav"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/NavList"), module.exports);
-__reExport(src_exports, require("@digigov/react-core/NavListItemAction"), module.exports);
+__reExport(src_exports, require("@digigov/react-core/NavListItemActionBase"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/NavListItemBadge"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/NavListItemActionContainer"), module.exports);
-__reExport(src_exports, require("@digigov/react-core/NavListItemLink"), module.exports);
+__reExport(src_exports, require("@digigov/react-core/NavListItemLinkBase"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/NavListItemButton"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/NavMenuContainer"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/NavMenuContent"), module.exports);
@@ -167,7 +167,6 @@ __reExport(src_exports, require("@digigov/react-core/AdminLayout"), module.expor
 __reExport(src_exports, require("@digigov/react-core/AdminMain"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/AdminTopSection"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/AutoCompleteInputBase"), module.exports);
-__reExport(src_exports, require("@digigov/react-core/AutoCompleteInputTypeahead"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/AutoCompleteResultList"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/AutoCompleteResultListItem"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/AutoCompleteContainer"), module.exports);
@@ -207,7 +206,7 @@ __reExport(src_exports, require("@digigov/react-core/PaginationList"), module.ex
 __reExport(src_exports, require("@digigov/react-core/PaginationListItem"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/PaginationLabelContainer"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/LoaderContainer"), module.exports);
-__reExport(src_exports, require("@digigov/react-core/CircularProgress"), module.exports);
+__reExport(src_exports, require("@digigov/react-core/CircularProgressBase"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/FullPageBackground"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/StepNavCircleNumber"), module.exports);
 __reExport(src_exports, require("@digigov/react-core/StepNav"), module.exports);
@@ -242,16 +241,16 @@ __reExport(src_exports, require("@digigov/react-core/WarningTextAssistive"), mod
   ...require("@digigov/react-core/AccordionSectionSummary"),
   ...require("@digigov/react-core/AccordionSectionSummaryHeading"),
   ...require("@digigov/react-core/Aside"),
-  ...require("@digigov/react-core/BackLink"),
+  ...require("@digigov/react-core/BackLinkBase"),
   ...require("@digigov/react-core/Blockquote"),
   ...require("@digigov/react-core/Bottom"),
   ...require("@digigov/react-core/Breadcrumbs"),
   ...require("@digigov/react-core/BreadcrumbsList"),
-  ...require("@digigov/react-core/BreadcrumbsListItem"),
+  ...require("@digigov/react-core/BreadcrumbsListItemWrapper"),
   ...require("@digigov/react-core/Button"),
   ...require("@digigov/react-core/ButtonGroup"),
-  ...require("@digigov/react-core/ButtonLink"),
-  ...require("@digigov/react-core/CallToAction"),
+  ...require("@digigov/react-core/ButtonLinkBase"),
+  ...require("@digigov/react-core/CallToActionBase"),
   ...require("@digigov/react-core/Card"),
   ...require("@digigov/react-core/CardAction"),
   ...require("@digigov/react-core/CardHeading"),
@@ -286,7 +285,7 @@ __reExport(src_exports, require("@digigov/react-core/WarningTextAssistive"), mod
   ...require("@digigov/react-core/FooterContentLogos"),
   ...require("@digigov/react-core/FooterHeading"),
   ...require("@digigov/react-core/FooterImage"),
-  ...require("@digigov/react-core/FooterLink"),
+  ...require("@digigov/react-core/FooterLinkBase"),
   ...require("@digigov/react-core/FooterList"),
   ...require("@digigov/react-core/FooterListItem"),
   ...require("@digigov/react-core/FooterInfo"),
@@ -294,14 +293,14 @@ __reExport(src_exports, require("@digigov/react-core/WarningTextAssistive"), mod
   ...require("@digigov/react-core/FooterNavigation"),
   ...require("@digigov/react-core/FooterNavigationSection"),
   ...require("@digigov/react-core/FieldContainer"),
-  ...require("@digigov/react-core/GovGRLogo"),
+  ...require("@digigov/react-core/GovGRLogoBase"),
   ...require("@digigov/react-core/Grid"),
   ...require("@digigov/react-core/Header"),
   ...require("@digigov/react-core/HeaderContent"),
-  ...require("@digigov/react-core/HeaderLogo"),
-  ...require("@digigov/react-core/HeaderSecondaryLogo"),
+  ...require("@digigov/react-core/HeaderLogoBase"),
+  ...require("@digigov/react-core/HeaderSecondaryLogoBase"),
   ...require("@digigov/react-core/HeaderSection"),
-  ...require("@digigov/react-core/HeaderTitle"),
+  ...require("@digigov/react-core/HeaderTitleBase"),
   ...require("@digigov/react-core/Heading"),
   ...require("@digigov/react-core/HeadingCaption"),
   ...require("@digigov/react-core/HellenicRepublicLogo"),
@@ -318,10 +317,10 @@ __reExport(src_exports, require("@digigov/react-core/WarningTextAssistive"), mod
   ...require("@digigov/react-core/MastheadBody"),
   ...require("@digigov/react-core/Nav"),
   ...require("@digigov/react-core/NavList"),
-  ...require("@digigov/react-core/NavListItemAction"),
+  ...require("@digigov/react-core/NavListItemActionBase"),
   ...require("@digigov/react-core/NavListItemBadge"),
   ...require("@digigov/react-core/NavListItemActionContainer"),
-  ...require("@digigov/react-core/NavListItemLink"),
+  ...require("@digigov/react-core/NavListItemLinkBase"),
   ...require("@digigov/react-core/NavListItemButton"),
   ...require("@digigov/react-core/NavMenuContainer"),
   ...require("@digigov/react-core/NavMenuContent"),
@@ -388,7 +387,6 @@ __reExport(src_exports, require("@digigov/react-core/WarningTextAssistive"), mod
   ...require("@digigov/react-core/AdminMain"),
   ...require("@digigov/react-core/AdminTopSection"),
   ...require("@digigov/react-core/AutoCompleteInputBase"),
-  ...require("@digigov/react-core/AutoCompleteInputTypeahead"),
   ...require("@digigov/react-core/AutoCompleteResultList"),
   ...require("@digigov/react-core/AutoCompleteResultListItem"),
   ...require("@digigov/react-core/AutoCompleteContainer"),
@@ -428,7 +426,7 @@ __reExport(src_exports, require("@digigov/react-core/WarningTextAssistive"), mod
   ...require("@digigov/react-core/PaginationListItem"),
   ...require("@digigov/react-core/PaginationLabelContainer"),
   ...require("@digigov/react-core/LoaderContainer"),
-  ...require("@digigov/react-core/CircularProgress"),
+  ...require("@digigov/react-core/CircularProgressBase"),
   ...require("@digigov/react-core/FullPageBackground"),
   ...require("@digigov/react-core/StepNavCircleNumber"),
   ...require("@digigov/react-core/StepNav"),