@digigov/react-core 2.0.0-2a26e869 → 2.0.0-32ae417f

package/HeaderLogoBase/package.json

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

package/HeaderSecondaryLogoBase/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { LinkBaseProps } from '@digigov/react-core/LinkBase';
+export interface HeaderSecondaryLogoBaseProps extends LinkBaseProps {
+    /**
+    * src is needed to provide the url that we get the logo from.
+  
+    */
+    src: string;
+    /**
+    * href provides the alternative text for the img tag.
+  
+    */
+    altText?: string;
+}
+/**
+ * HeaderSecondaryLogo is used inside Header for providing additional logos.
+ */
+export declare const HeaderSecondaryLogoBase: React.ForwardRefExoticComponent<Omit<HeaderSecondaryLogoBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default HeaderSecondaryLogoBase;

package/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.js

@@ -1,13 +1,13 @@
 import React from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const HeaderSecondaryLogo = React.forwardRef(function HeaderSecondaryLogo2({ href, src, altText, className, ...props }, ref) {
+import { LinkBase } from "@digigov/react-core/LinkBase";
+const HeaderSecondaryLogoBase = React.forwardRef(function HeaderSecondaryLogoBase2({ href, src, altText, className, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
-    Base,
+    LinkBase,
     {
-      as: "a",
       href,
       ref,
+      defaultStyle: false,
       className: clsx(className, {
         "ds-header__link": true
       }),
@@ -25,9 +25,9 @@ const HeaderSecondaryLogo = React.forwardRef(function HeaderSecondaryLogo2({ hre
     )
   );
 });
-var HeaderSecondaryLogo_default = HeaderSecondaryLogo;
+var HeaderSecondaryLogoBase_default = HeaderSecondaryLogoBase;
 export {
-  HeaderSecondaryLogo,
-  HeaderSecondaryLogo_default as default
+  HeaderSecondaryLogoBase,
+  HeaderSecondaryLogoBase_default as default
 };
 //# sourceMappingURL=index.js.map

package/HeaderSecondaryLogoBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/HeaderSecondaryLogoBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface HeaderSecondaryLogoBaseProps extends LinkBaseProps {\n  /**\n  * src is needed to provide the url that we get the logo from.\n\n  */\n  src: string;\n  /**\n  * href provides the alternative text for the img tag.\n\n  */\n  altText?: string;\n}\n/**\n * HeaderSecondaryLogo is used inside Header for providing additional logos.\n */\nexport const HeaderSecondaryLogoBase = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderSecondaryLogoBaseProps\n>(function HeaderSecondaryLogoBase(\n  { href, src, altText, className, ...props },\n  ref\n) {\n  return (\n    <LinkBase\n      href={href}\n      ref={ref}\n      defaultStyle={false}\n      className={clsx(className, {\n        'ds-header__link': true,\n      })}\n      {...props}\n    >\n      <img\n        src={src}\n        className={clsx(className, {\n          'ds-header__secondary-logo': true,\n        })}\n        alt={altText}\n      />\n    </LinkBase>\n  );\n});\n\nexport default HeaderSecondaryLogoBase;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,gBAA+B;AAiBjC,MAAM,0BAA0B,MAAM,WAG3C,SAASA,yBACT,EAAE,MAAM,KAAK,SAAS,WAAW,GAAG,MAAM,GAC1C,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,WAAW,KAAK,WAAW;AAAA,QACzB,mBAAmB;AAAA,MACrB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,6BAA6B;AAAA,QAC/B,CAAC;AAAA,QACD,KAAK;AAAA;AAAA,IACP;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,kCAAQ;",
+  "names": ["HeaderSecondaryLogoBase"]
+}

package/{BreadcrumbsListItemLink → HeaderSecondaryLogoBase}/package.json

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

package/HeaderTitleBase/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { LinkBaseProps } from '@digigov/react-core/LinkBase';
+export interface HeaderTitleBaseProps extends LinkBaseProps {
+}
+/**
+ * Use this component inside HeaderContent to provide a title to the header.
+ */
+export declare const HeaderTitleBase: React.ForwardRefExoticComponent<Omit<HeaderTitleBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default HeaderTitleBase;

package/HeaderTitleBase/index.js

@@ -0,0 +1,24 @@
+import React from "react";
+import clsx from "clsx";
+import { LinkBase } from "@digigov/react-core/LinkBase";
+const HeaderTitleBase = React.forwardRef(function HeaderTitleBase2({ href = "/", className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    LinkBase,
+    {
+      ref,
+      href,
+      defaultStyle: false,
+      className: clsx(className, {
+        "ds-header__title": true
+      }),
+      ...props
+    },
+    children
+  );
+});
+var HeaderTitleBase_default = HeaderTitleBase;
+export {
+  HeaderTitleBase,
+  HeaderTitleBase_default as default
+};
+//# sourceMappingURL=index.js.map

package/HeaderTitleBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/HeaderTitleBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface HeaderTitleBaseProps extends LinkBaseProps {}\n/**\n * Use this component inside HeaderContent to provide a title to the header.\n */\nexport const HeaderTitleBase = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderTitleBaseProps\n>(function HeaderTitleBase({ href = '/', className, children, ...props }, ref) {\n  return (\n    <LinkBase\n      ref={ref}\n      href={href}\n      defaultStyle={false}\n      className={clsx(className, {\n        'ds-header__title': true,\n      })}\n      {...props}\n    >\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default HeaderTitleBase;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,gBAA+B;AAMjC,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,OAAO,KAAK,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,WAAW,KAAK,WAAW;AAAA,QACzB,oBAAoB;AAAA,MACtB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "names": ["HeaderTitleBase"]
+}

package/HeaderTitleBase/package.json

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

package/LinkBase/index.js

@@ -12,6 +12,7 @@ const LinkBase = React.forwardRef(
           "ds-link": defaultStyle,
           "ds-link--no-underline": !underline
         }),
+        ...props.as && { defaultStyle, underline },
         ...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        {...(props.as && { defaultStyle: defaultStyle, underline: underline })}\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,GAAI,MAAM,MAAM,EAAE,cAA4B,UAAqB;AAAA,QACnE,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.d.ts

@@ -1,7 +1,5 @@
 import { NavListItemActionContainerProps } from '@digigov/react-core/NavListItemActionContainer/index.web';
 export declare const NavListItemActionContainer: import("react").ForwardRefExoticComponent<Omit<NavListItemActionContainerProps & {
     borderBottom?: boolean;
-} & {
-    className?: string;
 }, "ref"> & import("react").RefAttributes<unknown>>;
 export default NavListItemActionContainer;

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.d.ts

@@ -2,7 +2,5 @@ import { NotificationBannerLinkProps } from '@digigov/react-core/NotificationBan
 interface AdditionalProps {
     variant?: 'error' | 'success';
 }
-export declare const NotificationBannerLink: import("react").ForwardRefExoticComponent<Omit<NotificationBannerLinkProps & AdditionalProps & {
-    className?: string;
-}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const NotificationBannerLink: import("react").ForwardRefExoticComponent<Omit<NotificationBannerLinkProps & AdditionalProps, "ref"> & import("react").RefAttributes<unknown>>;
 export default NotificationBannerLink;

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.d.ts

@@ -1,4 +1,2 @@
-export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/TextArea/index.web").TextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement> & {
-    className?: string;
-}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/TextArea/index.web").TextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<unknown>>;
 export default TextArea;

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.d.ts

@@ -1,4 +1,2 @@
-export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/TextInput/index.web").TextInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
-    className?: string;
-}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/TextInput/index.web").TextInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<unknown>>;
 export default TextInput;

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/Typography/index.d.ts

@@ -26,5 +26,5 @@ export interface TypographyProps extends BaseProps<'h1' | 'h2' | 'h3' | 'h4' | '
  * Typography component is used as generic component for typography.
  * Use Typography component to extend components such as Heading, NormalText Paragraph etc.
  */
-export declare const Typography: React.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Typography: React.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React.RefAttributes<HTMLParagraphElement | HTMLHeadingElement | HTMLSpanElement>>;
 export default Typography;