@digigov/react-core 2.0.0-2a26e869 → 2.0.0-44e7106a

package/LinkBase/index.js

@@ -12,6 +12,7 @@ const LinkBase = React.forwardRef(
           "ds-link": defaultStyle,
           "ds-link--no-underline": !underline
         }),
+        defaultStyle,
         ...props
       },
       children

package/LinkBase/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/LinkBase/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LinkBaseProps extends BaseProps<'a'> {\n  /**\n   * underline is optional. The default value is 'true'.\n   * Make it 'false' only if the context tells the user that the text is a link, even without the underline.\n   * @value true\n   * @value false\n   */\n  underline?: boolean;\n  /**\n   * defaultStyle is optional. The default value is 'true'.\n   * Make it 'false' only if you need to use a link with different style, and the default style clashes over with your\n   * custom styles. For example, BreadcrumbsListItem is a link but it has a different styling.\n   * @value true\n   * @value false\n   */\n  defaultStyle?: boolean;\n}\n/**\n * This component defines a hyperlink, which is used to link from one page to another.\n */\nexport const LinkBase = React.forwardRef<HTMLAnchorElement, LinkBaseProps>(\n  function LinkBase(\n    { underline = true, defaultStyle = true, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-link': defaultStyle,\n          'ds-link--no-underline': !underline,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default LinkBase;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAsBzB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UACP,EAAE,YAAY,MAAM,eAAe,MAAM,WAAW,UAAU,GAAG,MAAM,GACvE,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,WAAW;AAAA,UACX,yBAAyB,CAAC;AAAA,QAC5B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LinkBaseProps extends BaseProps<'a'> {\n  /**\n   * underline is optional. The default value is 'true'.\n   * Make it 'false' only if the context tells the user that the text is a link, even without the underline.\n   * @value true\n   * @value false\n   */\n  underline?: boolean;\n  /**\n   * defaultStyle is optional. The default value is 'true'.\n   * Make it 'false' only if you need to use a link with different style, and the default style clashes over with your\n   * custom styles. For example, BreadcrumbsListItem is a link but it has a different styling.\n   * @value true\n   * @value false\n   */\n  defaultStyle?: boolean;\n}\n/**\n * This component defines a hyperlink, which is used to link from one page to another.\n */\nexport const LinkBase = React.forwardRef<HTMLAnchorElement, LinkBaseProps>(\n  function LinkBase(\n    { underline = true, defaultStyle = true, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-link': defaultStyle,\n          'ds-link--no-underline': !underline,\n        })}\n        defaultStyle={defaultStyle}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default LinkBase;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAsBzB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UACP,EAAE,YAAY,MAAM,eAAe,MAAM,WAAW,UAAU,GAAG,MAAM,GACvE,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,WAAW;AAAA,UACX,yBAAyB,CAAC;AAAA,QAC5B,CAAC;AAAA,QACD;AAAA,QACC,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["LinkBase"]
 }

package/{NavListItemAction → NavListItemActionBase}/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { NavListItemButtonProps } from '@digigov/react-core/NavListItemButton';
-import { NavListItemLinkProps } from '@digigov/react-core/NavListItemLink';
-export type LinkButtonJoinProps = NavListItemLinkProps & NavListItemButtonProps;
-export interface NavListItemActionProps extends LinkButtonJoinProps {
+import { NavListItemLinkBaseProps } from '@digigov/react-core/NavListItemLinkBase';
+export type LinkButtonJoinProps = NavListItemLinkBaseProps & NavListItemButtonProps;
+export interface NavListItemActionBaseProps extends LinkButtonJoinProps {
     /**
      * label is optional.
-     * The label for the NavListItemAction.
+     * The label for the NavListItemActionBase.
      */
     label?: string;
     /**
@@ -22,5 +22,5 @@ export interface NavListItemActionProps extends LinkButtonJoinProps {
  * NavListItemAction must be inside the NavList.
  * This component has a items of NavListItemLink component inside.
  */
-export declare const NavListItemAction: React.ForwardRefExoticComponent<Omit<NavListItemActionProps, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export default NavListItemAction;
+export declare const NavListItemActionBase: React.ForwardRefExoticComponent<Omit<NavListItemActionBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export default NavListItemActionBase;

package/{NavListItemAction → NavListItemActionBase}/index.js

@@ -2,10 +2,10 @@ import React from "react";
 import NavListItemActionContainer from "@digigov/react-core/NavListItemActionContainer";
 import NavListItemBadge from "@digigov/react-core/NavListItemBadge";
 import NavListItemButton from "@digigov/react-core/NavListItemButton";
-import NavListItemLink from "@digigov/react-core/NavListItemLink";
-const NavListItemAction = React.forwardRef(function NavListItemAction2({ label, arrow = false, href, className, children, ...props }, ref) {
+import NavListItemLinkBase from "@digigov/react-core/NavListItemLinkBase";
+const NavListItemActionBase = React.forwardRef(function NavListItemActionBase2({ label, arrow = false, href, className, children, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(NavListItemActionContainer, null, href ? /* @__PURE__ */ React.createElement(
-    NavListItemLink,
+    NavListItemLinkBase,
     {
       ...props,
       href,
@@ -24,9 +24,9 @@ const NavListItemAction = React.forwardRef(function NavListItemAction2({ label,
     children || label
   ), props.badgeText && /* @__PURE__ */ React.createElement(NavListItemBadge, { text: props.badgeText }));
 });
-var NavListItemAction_default = NavListItemAction;
+var NavListItemActionBase_default = NavListItemActionBase;
 export {
-  NavListItemAction,
-  NavListItemAction_default as default
+  NavListItemActionBase,
+  NavListItemActionBase_default as default
 };
 //# sourceMappingURL=index.js.map

package/NavListItemActionBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/NavListItemActionBase/index.tsx"],
+  "sourcesContent": ["import React, { ForwardedRef } from 'react';\nimport NavListItemActionContainer from '@digigov/react-core/NavListItemActionContainer';\nimport NavListItemBadge from '@digigov/react-core/NavListItemBadge';\nimport NavListItemButton, {\n  NavListItemButtonProps,\n} from '@digigov/react-core/NavListItemButton';\nimport NavListItemLinkBase, {\n  NavListItemLinkBaseProps,\n} from '@digigov/react-core/NavListItemLinkBase';\n\nexport type LinkButtonJoinProps = NavListItemLinkBaseProps &\n  NavListItemButtonProps;\nexport interface NavListItemActionBaseProps extends LinkButtonJoinProps {\n  /**\n   * label is optional.\n   * The label for the NavListItemActionBase.\n   */\n  label?: string;\n\n  /**\n   * arrow is optional.\n   * use arrow prop if you want to have arrow at the nav list item.\n   * @value true\n   * @value false\n   * @default false\n   */\n  arrow?: boolean;\n  badgeText?: string;\n}\n/**\n * NavListItemAction must be inside the NavList.\n * This component has a items of NavListItemLink component inside.\n */\nexport const NavListItemActionBase = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  NavListItemActionBaseProps\n>(function NavListItemActionBase(\n  { label, arrow = false, href, className, children, ...props },\n  ref\n) {\n  return (\n    <NavListItemActionContainer>\n      {href ? (\n        <NavListItemLinkBase\n          {...props}\n          href={href}\n          className={className}\n          ref={ref as ForwardedRef<HTMLAnchorElement>}\n        >\n          {children || label}\n        </NavListItemLinkBase>\n      ) : (\n        <NavListItemButton\n          {...props}\n          arrow={arrow}\n          className={className}\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n        >\n          {children || label}\n        </NavListItemButton>\n      )}\n      {props.badgeText && <NavListItemBadge text={props.badgeText} />}\n    </NavListItemActionContainer>\n  );\n});\n\nexport default NavListItemActionBase;\n"],
+  "mappings": "AAAA,OAAO,WAA6B;AACpC,OAAO,gCAAgC;AACvC,OAAO,sBAAsB;AAC7B,OAAO,uBAEA;AACP,OAAO,yBAEA;AAyBA,MAAM,wBAAwB,MAAM,WAGzC,SAASA,uBACT,EAAE,OAAO,QAAQ,OAAO,MAAM,WAAW,UAAU,GAAG,MAAM,GAC5D,KACA;AACA,SACE,oCAAC,kCACE,OACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,IAEA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,GAED,MAAM,aAAa,oCAAC,oBAAiB,MAAM,MAAM,WAAW,CAC/D;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
+  "names": ["NavListItemActionBase"]
+}

package/NavListItemActionBase/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/NavListItemActionBase/index.js"
+}

package/NavListItemActionContainer/index.native/index.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import CoreNavListItemActionContainer from "@digigov/react-core/NavListItemActionContainer/index.web";
-import extend from "@digigov/react-core/utils/extend.native";
+import extend from "@digigov/react-core/utils/index.native";
 const NavListItemActionContainer = extend(CoreNavListItemActionContainer, ({ className, borderBottom, ...props }) => {
   return {
     ...props,

package/NavListItemActionContainer/index.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/NavListItemActionContainer/index.native.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport CoreNavListItemActionContainer, {\n  NavListItemActionContainerProps,\n} from '@digigov/react-core/NavListItemActionContainer/index.web';\nimport extend from '@digigov/react-core/utils/extend.native';\n\nexport const NavListItemActionContainer = extend<\n  NavListItemActionContainerProps,\n  { borderBottom?: boolean }\n>(CoreNavListItemActionContainer, ({ className, borderBottom, ...props }) => {\n  return {\n    ...props,\n    className: clsx(className, {\n      'ds-nav__list-item--border-bottom': borderBottom,\n    }),\n  };\n});\nexport default NavListItemActionContainer;\n"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport CoreNavListItemActionContainer, {\n  NavListItemActionContainerProps,\n} from '@digigov/react-core/NavListItemActionContainer/index.web';\nimport extend from '@digigov/react-core/utils/index.native';\n\nexport const NavListItemActionContainer = extend<\n  NavListItemActionContainerProps,\n  { borderBottom?: boolean }\n>(CoreNavListItemActionContainer, ({ className, borderBottom, ...props }) => {\n  return {\n    ...props,\n    className: clsx(className, {\n      'ds-nav__list-item--border-bottom': borderBottom,\n    }),\n  };\n});\nexport default NavListItemActionContainer;\n"],
   "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,oCAEA;AACP,OAAO,YAAY;AAEZ,MAAM,6BAA6B,OAGxC,gCAAgC,CAAC,EAAE,WAAW,cAAc,GAAG,MAAM,MAAM;AAC3E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,KAAK,WAAW;AAAA,MACzB,oCAAoC;AAAA,IACtC,CAAC;AAAA,EACH;AACF,CAAC;AACD,IAAO,uBAAQ;",
   "names": []
 }

package/{NavListItemLink → NavListItemLinkBase}/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface NavListItemLinkProps extends BaseProps<'a'> {
+import { LinkBaseProps } from '@digigov/react-core/LinkBase';
+export interface NavListItemLinkBaseProps extends LinkBaseProps {
     /**
      * When the NavListItemLink is active, that means that we are in this option / page of the Nav.
      * active is optional.
@@ -13,5 +13,5 @@ export interface NavListItemLinkProps extends BaseProps<'a'> {
 /**
  * NavListItemLink is an <a> element. It should be inside the NavListItem component.
  */
-export declare const NavListItemLink: React.ForwardRefExoticComponent<Omit<NavListItemLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default NavListItemLink;
+export declare const NavListItemLinkBase: React.ForwardRefExoticComponent<Omit<NavListItemLinkBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default NavListItemLinkBase;

package/{NavListItemLink → NavListItemLinkBase}/index.js

@@ -1,9 +1,9 @@
 import React from "react";
 import clsx from "clsx";
-import Link from "@digigov/react-core/LinkBase";
-const NavListItemLink = React.forwardRef(function NavListItemLink2({ active, href, className, children, ...props }, ref) {
+import { LinkBase } from "@digigov/react-core/LinkBase";
+const NavListItemLinkBase = React.forwardRef(function NavListItemLinkBase2({ active, href, className, children, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
-    Link,
+    LinkBase,
     {
       href,
       ref,
@@ -16,9 +16,9 @@ const NavListItemLink = React.forwardRef(function NavListItemLink2({ active, hre
     children
   );
 });
-var NavListItemLink_default = NavListItemLink;
+var NavListItemLinkBase_default = NavListItemLinkBase;
 export {
-  NavListItemLink,
-  NavListItemLink_default as default
+  NavListItemLinkBase,
+  NavListItemLinkBase_default as default
 };
 //# sourceMappingURL=index.js.map

package/NavListItemLinkBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/NavListItemLinkBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface NavListItemLinkBaseProps extends LinkBaseProps {\n  /**\n   * When the NavListItemLink is active, that means that we are in this option / page of the Nav.\n   * active is optional.\n   *\n   * @value true\n   * @value false\n   */\n  active?: boolean;\n}\n/**\n * NavListItemLink is an <a> element. It should be inside the NavListItem component.\n */\nexport const NavListItemLinkBase = React.forwardRef<\n  HTMLAnchorElement,\n  NavListItemLinkBaseProps\n>(function NavListItemLinkBase(\n  { active, href, className, children, ...props },\n  ref\n) {\n  return (\n    <LinkBase\n      href={href}\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav__list-item-link': true,\n        'ds-nav__list-item-link--active': active,\n      })}\n      {...props}\n    >\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default NavListItemLinkBase;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,gBAA+B;AAejC,MAAM,sBAAsB,MAAM,WAGvC,SAASA,qBACT,EAAE,QAAQ,MAAM,WAAW,UAAU,GAAG,MAAM,GAC9C,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,kCAAkC;AAAA,MACpC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
+  "names": ["NavListItemLinkBase"]
+}

package/{BreadcrumbsListItem → NavListItemLinkBase}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../cjs/BreadcrumbsListItem/index.js"
+  "main": "../cjs/NavListItemLinkBase/index.js"
 }

package/NotificationBannerContent/index.js

@@ -23,7 +23,7 @@ const NotificationBannerContent = React.forwardRef(function NotificationBannerCo
         })
       },
       "!"
-    ), /* @__PURE__ */ React.createElement(WarningTextAssistive, null, assistiveText), /* @__PURE__ */ React.createElement(Base, { as: "div", className: "ds-notification-banner__text-error-group" }, children)) : /* @__PURE__ */ React.createElement(React.Fragment, null, children)
+    ), /* @__PURE__ */ React.createElement(WarningTextAssistive, null, assistiveText), /* @__PURE__ */ React.createElement(Base, { as: "div", className: "ds-notification-banner__text-error-group" }, children)) : children
   );
 });
 var NotificationBannerContent_default = NotificationBannerContent;

package/NotificationBannerContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/NotificationBannerContent/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';\n\nexport interface NotificationBannerContentProps 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   * variant is optional.\n   * variant is used to display red line on the left side of the component and exclamation mark icon with light red as background.\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'error'.\n   */\n  /**\n   * variant is optional.\n   * variant error is used to change the color of the NotificationBannerContainer.\n   * variant error-group is used to display red line on the left side of the component and exclamation mark icon with light red as background.\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'error'.\n   */\n  variant?: 'error' | 'error-group';\n}\n/**\n * Details for the NotificationBannerContent.\n * NotificationBannerContent component is used as a content for\n * NotificationBannerHeading and NotificationBannerLink components.\n * NotificationBannerContent component must be used inside NotificationBanner component as children.\n */\nexport const NotificationBannerContent = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContentProps\n>(function NotificationBannerContent(\n  { className, assistiveText, variant, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__content': variant !== 'error-group',\n        'ds-notification-error-group-banner__content':\n          variant === 'error-group',\n      })}\n      {...props}\n    >\n      {variant === 'error-group' ? (\n        <>\n          <Base\n            as=\"div\"\n            className={clsx({\n              'ds-notification-banner__icon--error-group': true,\n            })}\n          >\n            !\n          </Base>\n          <WarningTextAssistive>{assistiveText}</WarningTextAssistive>\n          <Base as=\"div\" className=\"ds-notification-banner__text-error-group\">\n            {children}\n          </Base>\n        </>\n      ) : (\n        <>{children}</>\n      )}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContent;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,4BAA4B;AAgC9B,MAAM,4BAA4B,MAAM,WAG7C,SAASA,2BACT,EAAE,WAAW,eAAe,SAAS,UAAU,GAAG,MAAM,GACxD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,mCAAmC,YAAY;AAAA,QAC/C,+CACE,YAAY;AAAA,MAChB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,YAAY,gBACX,0DACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK;AAAA,UACd,6CAA6C;AAAA,QAC/C,CAAC;AAAA;AAAA,MACF;AAAA,IAED,GACA,oCAAC,4BAAsB,aAAc,GACrC,oCAAC,QAAK,IAAG,OAAM,WAAU,8CACtB,QACH,CACF,IAEA,0DAAG,QAAS;AAAA,EAEhB;AAEJ,CAAC;AAED,IAAO,oCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';\n\nexport interface NotificationBannerContentProps 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   * variant is optional.\n   * variant is used to display red line on the left side of the component and exclamation mark icon with light red as background.\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'error'.\n   */\n  /**\n   * variant is optional.\n   * variant error is used to change the color of the NotificationBannerContainer.\n   * variant error-group is used to display red line on the left side of the component and exclamation mark icon with light red as background.\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'error'.\n   */\n  variant?: 'error' | 'error-group';\n}\n/**\n * Details for the NotificationBannerContent.\n * NotificationBannerContent component is used as a content for\n * NotificationBannerHeading and NotificationBannerLink components.\n * NotificationBannerContent component must be used inside NotificationBanner component as children.\n */\nexport const NotificationBannerContent = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContentProps\n>(function NotificationBannerContent(\n  { className, assistiveText, variant, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__content': variant !== 'error-group',\n        'ds-notification-error-group-banner__content':\n          variant === 'error-group',\n      })}\n      {...props}\n    >\n      {variant === 'error-group' ? (\n        <>\n          <Base\n            as=\"div\"\n            className={clsx({\n              'ds-notification-banner__icon--error-group': true,\n            })}\n          >\n            !\n          </Base>\n          <WarningTextAssistive>{assistiveText}</WarningTextAssistive>\n          <Base as=\"div\" className=\"ds-notification-banner__text-error-group\">\n            {children}\n          </Base>\n        </>\n      ) : (\n        children\n      )}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContent;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,4BAA4B;AAgC9B,MAAM,4BAA4B,MAAM,WAG7C,SAASA,2BACT,EAAE,WAAW,eAAe,SAAS,UAAU,GAAG,MAAM,GACxD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,mCAAmC,YAAY;AAAA,QAC/C,+CACE,YAAY;AAAA,MAChB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,YAAY,gBACX,0DACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK;AAAA,UACd,6CAA6C;AAAA,QAC/C,CAAC;AAAA;AAAA,MACF;AAAA,IAED,GACA,oCAAC,4BAAsB,aAAc,GACrC,oCAAC,QAAK,IAAG,OAAM,WAAU,8CACtB,QACH,CACF,IAEA;AAAA,EAEJ;AAEJ,CAAC;AAED,IAAO,oCAAQ;",
   "names": ["NotificationBannerContent"]
 }

package/NotificationBannerLink/index.native/index.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import CoreNotificationBannerLink from "@digigov/react-core/NotificationBannerLink/index.web";
-import { extend } from "@digigov/react-core/utils/extend.native";
+import { extend } from "@digigov/react-core/utils/index.native";
 const NotificationBannerLink = extend(CoreNotificationBannerLink, ({ variant, className, ...props }) => ({
   className: clsx(className, {
     "ds-notification-banner__link--error": variant === "error",

package/NotificationBannerLink/index.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/NotificationBannerLink/index.native.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport CoreNotificationBannerLink, {\n  NotificationBannerLinkProps,\n} from '@digigov/react-core/NotificationBannerLink/index.web';\nimport { extend } from '@digigov/react-core/utils/extend.native';\n\ninterface AdditionalProps {\n  variant?: 'error' | 'success';\n}\n\nexport const NotificationBannerLink = extend<\n  NotificationBannerLinkProps,\n  AdditionalProps\n>(CoreNotificationBannerLink, ({ variant, className, ...props }) => ({\n  className: clsx(className, {\n    'ds-notification-banner__link--error': variant === 'error',\n    'ds-notification-banner__link--success': variant === 'success',\n  }),\n  ...props,\n}));\n\nexport default NotificationBannerLink;\n"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport CoreNotificationBannerLink, {\n  NotificationBannerLinkProps,\n} from '@digigov/react-core/NotificationBannerLink/index.web';\nimport { extend } from '@digigov/react-core/utils/index.native';\n\ninterface AdditionalProps {\n  variant?: 'error' | 'success';\n}\n\nexport const NotificationBannerLink = extend<\n  NotificationBannerLinkProps,\n  AdditionalProps\n>(CoreNotificationBannerLink, ({ variant, className, ...props }) => ({\n  className: clsx(className, {\n    'ds-notification-banner__link--error': variant === 'error',\n    'ds-notification-banner__link--success': variant === 'success',\n  }),\n  ...props,\n}));\n\nexport default NotificationBannerLink;\n"],
   "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,gCAEA;AACP,SAAS,cAAc;AAMhB,MAAM,yBAAyB,OAGpC,4BAA4B,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,OAAO;AAAA,EACnE,WAAW,KAAK,WAAW;AAAA,IACzB,uCAAuC,YAAY;AAAA,IACnD,yCAAyC,YAAY;AAAA,EACvD,CAAC;AAAA,EACD,GAAG;AACL,EAAE;AAEF,IAAO,uBAAQ;",
   "names": []
 }

package/Table/index.d.ts

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

package/Table/index.js

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

package/Table/index.js.map

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

package/TableDataCell/index.d.ts

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

package/TableDataCell/index.js

@@ -1,7 +1,14 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const TableDataCell = React.forwardRef(function TableDataCell2({ dataType = "text", className, children, ...props }, ref) {
+const TableDataCell = React.forwardRef(function TableDataCell2({
+  dataType = "text",
+  variant = "border",
+  wordBreak = "none",
+  className,
+  children,
+  ...props
+}, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {
@@ -9,6 +16,8 @@ const TableDataCell = React.forwardRef(function TableDataCell2({ dataType = "tex
       ref,
       className: clsx(className, {
         "ds-table__cell": true,
+        "ds-table__cell--border": variant === "border",
+        "ds-table__cell--break-all": wordBreak === "break-all",
         "ds-table__cell--numeric": dataType === "numeric"
       }),
       ...props

package/TableDataCell/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TableDataCell/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n// import PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';\n\nexport interface TableDataCellProps extends BaseProps<'td'> {\n  /**\n   * dataType is optional.\n   * Use numeric value when comparing columns of numbers, align the numbers to the right in table cells\n   * Default value is text which aligns texts to the center\n   * @value 'text'\n   * @value 'numeric'\n   * @default 'text'\n   */\n  dataType?: 'text' | 'numeric';\n}\n/**\n * Use TableDataCell inside the Table component to fill the data of a cell in a table.\n */\nexport const TableDataCell = React.forwardRef<\n  HTMLTableCellElement,\n  TableDataCellProps\n>(function TableDataCell(\n  { dataType = 'text', className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"td\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-table__cell': true,\n        'ds-table__cell--numeric': dataType === 'numeric',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TableDataCell;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAiBzB,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eACT,EAAE,WAAW,QAAQ,WAAW,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,kBAAkB;AAAA,QAClB,2BAA2B,aAAa;AAAA,MAC1C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n// import PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';\n\nexport interface TableDataCellProps extends BaseProps<'td'> {\n  /**\n   * dataType is optional.\n   * Use numeric value when comparing columns of numbers, align the numbers to the right in table cells\n   * Default value is text which aligns texts to the center\n   * @value 'text'\n   * @value 'numeric'\n   * @default 'text'\n   */\n  dataType?: 'text' | 'numeric';\n  /**\n   * variant is optional.\n   * Use this prop to control the bottom border of the table-cell.\n   * @value 'border'\n   * @value 'none'\n   * @default 'border'\n   */\n  variant?: 'border' | 'none';\n  /**\n   * wordBreak is optional.\n   * Use this prop to control the word break of the table-cell contents.\n   */\n  wordBreak?: 'break-all' | 'none';\n}\n/**\n * Use TableDataCell inside the Table component to fill the data of a cell in a table.\n */\nexport const TableDataCell = React.forwardRef<\n  HTMLTableCellElement,\n  TableDataCellProps\n>(function TableDataCell(\n  {\n    dataType = 'text',\n    variant = 'border',\n    wordBreak = 'none',\n    className,\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"td\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-table__cell': true,\n        'ds-table__cell--border': variant === 'border',\n        'ds-table__cell--break-all': wordBreak === 'break-all',\n        'ds-table__cell--numeric': dataType === 'numeric',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TableDataCell;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA8BzB,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eACT;AAAA,EACE,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,kBAAkB;AAAA,QAClB,0BAA0B,YAAY;AAAA,QACtC,6BAA6B,cAAc;AAAA,QAC3C,2BAA2B,aAAa;AAAA,MAC1C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
   "names": ["TableDataCell"]
 }

package/TextArea/index.native/index.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import CoreTextArea from "@digigov/react-core/TextArea/index.web";
-import extend from "@digigov/react-core/utils/extend.native";
+import extend from "@digigov/react-core/utils/index.native";
 const TextArea = extend(CoreTextArea, ({ className, ...props }) => ({
   ...props,
   multiline: true,

package/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"],
+  "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,OAAO,UAAU;AACjB,OAAO,kBAAkB;AACzB,OAAO,YAAY;AACZ,MAAM,WAAW,OAAO,cAAc,CAAC,EAAE,WAAW,GAAG,MAAM,OAAO;AAAA,EACzE,GAAG;AAAA,EACH,WAAW;AAAA,EACX,WAAW,KAAK,WAAW;AAAA,IACzB,wBAAwB;AAAA,EAC1B,CAAC;AACH,EAAE;AACF,IAAO,uBAAQ;",
   "names": []
 }

package/TextInput/index.native/index.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import CoreTextInput from "@digigov/react-core/TextInput/index.web";
-import extend from "@digigov/react-core/utils/extend.native";
+import extend from "@digigov/react-core/utils/index.native";
 const TextInput = extend(CoreTextInput, ({ className, ...props }) => {
   return {
     ...props,

package/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"],
+  "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,OAAO,UAAU;AACjB,OAAO,mBAAmB;AAC1B,OAAO,YAAY;AACZ,MAAM,YAAY,OAAO,eAAe,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AAC1E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,KAAK,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": []
 }

package/WarningText/index.d.ts

@@ -14,6 +14,13 @@ export interface WarningTextProps extends BaseProps<'div'> {
      * @default false
      * */
     dense?: boolean;
+    /**
+     * strong is optional.
+     * @value true if you want to emphasize importance, conveying meaning to both sighted and screen readers.
+     * @value false WarningText will be a simple div element.
+     * @default true
+     * */
+    strong?: boolean;
 }
 /**
  * WarningText.

package/WarningText/index.js

@@ -3,7 +3,15 @@ import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
 import { WarningTextAssistive } from "@digigov/react-core/WarningTextAssistive";
 const WarningText = React.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__ */ React.createElement(
       Base,
       {
@@ -28,7 +36,7 @@ const WarningText = React.forwardRef(
       /* @__PURE__ */ React.createElement(
         Base,
         {
-          as: "strong",
+          as: Component,
           className: clsx({
             "ds-warning-text__content": true
           })

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,4BAA4B;AAqB9B,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aACP,EAAE,WAAW,gBAAgB,8CAAW,OAAO,UAAU,GAAG,MAAM,GAClE,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,0BAA0B;AAAA,QAC5B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,KAAK;AAAA,YACd,yBAAyB;AAAA,UAC3B,CAAC;AAAA;AAAA,QACF;AAAA,MAED;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,KAAK;AAAA,YACd,4BAA4B;AAAA,UAC9B,CAAC;AAAA;AAAA,QAED,oCAAC,4BAAsB,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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,4BAA4B;AA4B9B,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,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;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,0BAA0B;AAAA,QAC5B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,KAAK;AAAA,YACd,yBAAyB;AAAA,UAC3B,CAAC;AAAA;AAAA,QACF;AAAA,MAED;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW,KAAK;AAAA,YACd,4BAA4B;AAAA,UAC9B,CAAC;AAAA;AAAA,QAED,oCAAC,4BAAsB,aAAc;AAAA,QACpC;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["WarningText"]
 }

package/cjs/Accordion/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,44 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Accordion_exports = {};
 __export(Accordion_exports, {
-  Accordion: () => Accordion,
-  default: () => Accordion_default
+  default: () => import_Accordion.default
 });
 module.exports = __toCommonJS(Accordion_exports);
-var import_react = __toESM(require("react"));
-var import_clsx = __toESM(require("clsx"));
-var import_Base = __toESM(require("@digigov/react-core/Base"));
-const Accordion = import_react.default.forwardRef(
-  function Accordion2({
-    className,
-    horizontalBorders = "top",
-    summaryColor = "primary",
-    dense,
-    children,
-    ...props
-  }, ref) {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_Base.default,
-      {
-        as: "div",
-        ref,
-        className: (0, import_clsx.default)(className, {
-          "ds-accordion": true,
-          "ds-accordion--no-border": horizontalBorders === "none",
-          "ds-accordion--border-top": horizontalBorders === "top",
-          "ds-accordion--border-bottom": horizontalBorders === "bottom",
-          "ds-accordion--dense": dense,
-          "ds-accordion--secondary": summaryColor === "secondary"
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
-var Accordion_default = Accordion;
+__reExport(Accordion_exports, require("@digigov/react-core/Accordion/index.web"), module.exports);
+var import_Accordion = __toESM(require("@digigov/react-core/Accordion/index.web"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Accordion
+  ...require("@digigov/react-core/Accordion/index.web")
 });
 //# sourceMappingURL=index.js.map

package/cjs/Accordion/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Accordion/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionProps extends BaseProps<'div'> {\n  /*\n   * horizontalBorders is optional.\n   * If 'none', Accordion will have no borders.\n   * If 'top', Accordion will have a border on top.\n   * If 'bottom', Accordion will have a border on bottom.\n   * @value none\n   * @value top\n   * @value bottom\n   * @default top\n   */\n  horizontalBorders?: 'none' | 'top' | 'bottom';\n  /**\n   * summaryColor is optional.\n   * 'primary' color gives AccordionSectionSummary the default color.\n   * 'secondary' color gives AccordionSectionSummary a gray background.\n   * @value primary\n   * @value secondary\n   * @default primary\n   * */\n  summaryColor?: 'primary' | 'secondary';\n  /**\n   * dense is optional.\n   * If true, AccordionSection will have a smaller padding.\n   * @value true\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * Accordion is the main component for an accordion.\n * Inside this component must be a list of AccordionSection components.\n */\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion(\n    {\n      className,\n      horizontalBorders = 'top',\n      summaryColor = 'primary',\n      dense,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-accordion': true,\n          'ds-accordion--no-border': horizontalBorders === 'none',\n          'ds-accordion--border-top': horizontalBorders === 'top',\n          'ds-accordion--border-bottom': horizontalBorders === 'bottom',\n          'ds-accordion--dense': dense,\n          'ds-accordion--secondary': summaryColor === 'secondary',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Accordion;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAoCzB,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASC,WACP;AAAA,IACE;AAAA,IACA,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf;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,gBAAgB;AAAA,UAChB,2BAA2B,sBAAsB;AAAA,UACjD,4BAA4B,sBAAsB;AAAA,UAClD,+BAA+B,sBAAsB;AAAA,UACrD,uBAAuB;AAAA,UACvB,2BAA2B,iBAAiB;AAAA,QAC9C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
-  "names": ["React", "Accordion", "Base", "clsx"]
+  "sourcesContent": ["export * from '@digigov/react-core/Accordion/index.web';\nexport { default as default } from '@digigov/react-core/Accordion/index.web';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAc,oDAAd;AACA,uBAAmC;",
+  "names": []
 }

package/cjs/{utils/extend.native → Accordion/index.native}/index.js

@@ -25,23 +25,29 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var extend_native_exports = {};
-__export(extend_native_exports, {
-  default: () => extend_native_default,
-  extend: () => extend
+var index_native_exports = {};
+__export(index_native_exports, {
+  Accordion: () => Accordion,
+  default: () => index_native_default
 });
-module.exports = __toCommonJS(extend_native_exports);
-var import_react = __toESM(require("react"));
-function extend(Component, propFactory = (props) => props) {
-  const ExtendedComponent = import_react.default.forwardRef(function ExtendedComponent2(props, ref) {
-    const transformedProps = propFactory(props);
-    return /* @__PURE__ */ import_react.default.createElement(Component, { ref, ...transformedProps });
-  });
-  return ExtendedComponent;
-}
-var extend_native_default = extend;
+module.exports = __toCommonJS(index_native_exports);
+var import_Accordion = __toESM(require("@digigov/react-core/Accordion/index.web"));
+var import_utils = __toESM(require("@digigov/react-core/utils/index.native"));
+const Accordion = (0, import_utils.enablePseudoclass)(
+  (0, import_utils.default)(import_Accordion.default, ({ className, ...props }) => ({
+    ...props,
+    multiline: true,
+    className
+  })),
+  {
+    children: {
+      "first-child": ["ds-accordion__section__first-child"]
+    }
+  }
+);
+var index_native_default = Accordion;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  extend
+  Accordion
 });
-//# sourceMappingURL=extend.native.js.map
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Accordion/index.native.tsx"],
+  "sourcesContent": ["import CoreAccordion from '@digigov/react-core/Accordion/index.web';\nimport extend, {\n  enablePseudoclass,\n} from '@digigov/react-core/utils/index.native';\n\nexport const Accordion = enablePseudoclass(\n  extend(CoreAccordion, ({ className, ...props }) => ({\n    ...props,\n    multiline: true,\n    className,\n  })),\n  {\n    children: {\n      'first-child': ['ds-accordion__section__first-child'],\n    },\n  }\n);\n\nexport default Accordion;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0B;AAC1B,mBAEO;AAEA,MAAM,gBAAY;AAAA,MACvB,aAAAA,SAAO,iBAAAC,SAAe,CAAC,EAAE,WAAW,GAAG,MAAM,OAAO;AAAA,IAClD,GAAG;AAAA,IACH,WAAW;AAAA,IACX;AAAA,EACF,EAAE;AAAA,EACF;AAAA,IACE,UAAU;AAAA,MACR,eAAe,CAAC,oCAAoC;AAAA,IACtD;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
+  "names": ["extend", "CoreAccordion"]
+}