@hitachivantara/uikit-react-core 5.0.0-next.7 → 5.0.0-next.9

package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const isNil = require("lodash/isNil");
 const startCase = require("lodash/startCase");
 const React = require("react");
 const BreadCrumb_styles = require("./BreadCrumb.styles.cjs");
 const utils = require("./utils.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const breadCrumbClasses = require("./breadCrumbClasses.cjs");
 const PathElement = require("./PathElement/PathElement.cjs");
 const Page = require("./Page/Page.cjs");
@@ -39,40 +39,19 @@ const HvBreadCrumb = ({
     }));
   }
   const breadcrumbPath = maxVisibleElem && listPath.length > maxVisibleElem ? utils.pathWithSubMenu(id, classes, listPath, maxVisibleElem, dropDownMenuProps) : listPath;
-  return /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledRoot, {
-    id,
-    className: clsx__default.default(breadCrumbClasses.default.root, classes == null ? void 0 : classes.root, className),
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledOrderedList, {
-      className: clsx__default.default(breadCrumbClasses.default.orderedList, classes == null ? void 0 : classes.orderedList),
-      children: listPath.map((elem, index) => {
-        const key = `key_${index}`;
-        const isLast = index === breadcrumbPath.length - 1;
-        {
-          return /* @__PURE__ */ jsxRuntime.jsx(PathElement.HvPathElement, {
-            classes: {
-              centerContainer: clsx__default.default(breadCrumbClasses.default.centerContainer, (classes == null ? void 0 : classes.centerContainer) || ""),
-              separatorContainer: clsx__default.default(breadCrumbClasses.default.separatorContainer, (classes == null ? void 0 : classes.separatorContainer) || "")
-            },
-            last: isLast,
-            children: React.isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledTypography, {
-              className: clsx__default.default(breadCrumbClasses.default.currentPage, classes == null ? void 0 : classes.currentPage),
-              variant: "body",
-              children: startCase__default.default(utils.removeExtension(elem.label))
-            }) || /* @__PURE__ */ jsxRuntime.jsx(Page.HvPage, {
-              elem,
-              classes: {
-                a: clsx__default.default(breadCrumbClasses.default.a, classes == null ? void 0 : classes.a),
-                link: clsx__default.default(breadCrumbClasses.default.link, classes == null ? void 0 : classes.link)
-              },
-              Component: onClick ? component : void 0,
-              onClick
-            }, key)
-          }, key);
-        }
-      })
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledRoot, { id, className: clsx__default.default(breadCrumbClasses.default.root, classes == null ? void 0 : classes.root, className), ...others, children: /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledOrderedList, { className: clsx__default.default(breadCrumbClasses.default.orderedList, classes == null ? void 0 : classes.orderedList), children: listPath.map((elem, index) => {
+    const key = `key_${index}`;
+    const isLast = index === breadcrumbPath.length - 1;
+    {
+      return /* @__PURE__ */ jsxRuntime.jsx(PathElement.HvPathElement, { classes: {
+        centerContainer: clsx__default.default(breadCrumbClasses.default.centerContainer, classes == null ? void 0 : classes.centerContainer),
+        separatorContainer: clsx__default.default(breadCrumbClasses.default.separatorContainer, classes == null ? void 0 : classes.separatorContainer)
+      }, last: isLast, children: React.isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledTypography, { className: clsx__default.default(breadCrumbClasses.default.currentPage, classes == null ? void 0 : classes.currentPage), variant: "body", children: startCase__default.default(utils.removeExtension(elem.label)) }) || /* @__PURE__ */ jsxRuntime.jsx(Page.HvPage, { elem, classes: {
+        a: clsx__default.default(breadCrumbClasses.default.a, classes == null ? void 0 : classes.a),
+        link: clsx__default.default(breadCrumbClasses.default.link, classes == null ? void 0 : classes.link)
+      }, Component: onClick ? component : void 0, onClick }, key) }, key);
+    }
+  }) }) });
 };
 exports.HvBreadCrumb = HvBreadCrumb;
 //# sourceMappingURL=BreadCrumb.cjs.map

package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumb.cjs","sources":["../../../../src/components/BreadCrumb/BreadCrumb.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport startCase from \"lodash/startCase\";\nimport { isValidElement, MouseEventHandler } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  HvBreadCrumbClasses,\n  breadCrumbClasses,\n  HvPathElement,\n  HvPage,\n} from \".\";\nimport {\n  StyledOrderedList,\n  StyledRoot,\n  StyledTypography,\n} from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvDropDownMenuProps } from \"../DropDownMenu\";\n\nexport type HvBreadCrumbPathElement = { label: string; path: string };\n\nexport type HvBreadCrumbProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  /** List of breadcrumb. */\n  listRoute?: HvBreadCrumbPathElement[];\n  /** URL to build the breadcrumb. */\n  url?: string;\n  /** Number of pages visible. */\n  maxVisible?: number;\n  /** The component used for the link node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Function passed to the component. If defined the component prop is used as the link node. */\n  onClick?: (\n    event: MouseEventHandler<HTMLDivElement>,\n    data: any\n  ) => void | undefined;\n  /** Props passed down to the DropDownMenu sub-menu component. */\n  dropDownMenuProps?: HvDropDownMenuProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBreadCrumbClasses;\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nexport const HvBreadCrumb = ({\n  classes,\n  className,\n  id,\n  listRoute = [],\n  maxVisible,\n  url,\n  onClick,\n  component = \"div\",\n  dropDownMenuProps,\n  ...others\n}: HvBreadCrumbProps) => {\n  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/);\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    maxVisibleElem && listPath.length > maxVisibleElem\n      ? pathWithSubMenu(\n          id,\n          classes,\n          listPath,\n          maxVisibleElem,\n          dropDownMenuProps\n        )\n      : listPath;\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(breadCrumbClasses.root, classes?.root, className)}\n      {...others}\n    >\n      <StyledOrderedList\n        className={clsx(breadCrumbClasses.orderedList, classes?.orderedList)}\n      >\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          {\n            return (\n              <HvPathElement\n                classes={{\n                  centerContainer: clsx(\n                    breadCrumbClasses.centerContainer,\n                    classes?.centerContainer || \"\"\n                  ),\n                  separatorContainer: clsx(\n                    breadCrumbClasses.separatorContainer,\n                    classes?.separatorContainer || \"\"\n                  ),\n                }}\n                key={key}\n                last={isLast}\n              >\n                {(isValidElement(elem) && elem) ||\n                  (isLast && (\n                    <StyledTypography\n                      className={clsx(\n                        breadCrumbClasses.currentPage,\n                        classes?.currentPage\n                      )}\n                      variant=\"body\"\n                    >\n                      {startCase(removeExtension(elem.label))}\n                    </StyledTypography>\n                  )) || (\n                    <HvPage\n                      key={key}\n                      elem={elem}\n                      classes={{\n                        a: clsx(breadCrumbClasses.a, classes?.a),\n                        link: clsx(breadCrumbClasses.link, classes?.link),\n                      }}\n                      Component={onClick ? component : undefined}\n                      onClick={onClick}\n                    />\n                  )}\n              </HvPathElement>\n            );\n          }\n        })}\n      </StyledOrderedList>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBreadCrumb","classes","className","id","listRoute","maxVisible","url","onClick","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","elem","index","push","label","decodeURI","path","join","breadcrumbPath","length","pathWithSubMenu","StyledRoot","clsx","breadCrumbClasses","root","children","StyledOrderedList","orderedList","key","isLast","HvPathElement","centerContainer","separatorContainer","last","isValidElement","StyledTypography","currentPage","variant","startCase","removeExtension","_jsx","HvPage","a","link","Component","undefined"],"mappings":";;;;;;;;;;;;;;;;AA4CO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY,CAAE;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AAAAA,KACGC;AACc,MAAM;AACvB,QAAMC,iBAAiBN,cAAcA,aAAa,IAAI,IAAIA;AACtDO,MAAAA,WAAWR,UAAUS;AAGrB,MAAA,CAACC,eAAAA,QAAMR,GAAG,GAAG;AACfM,eAAW,CAAA;AAGLG,UAAAA,UAAUT,IAAIU,MAAM,cAAc;AAGxC,UAAMC,mBAAmBX,IAAIY,QAAQ,gBAAgB,EAAE;AAEvD,UAAMC,YAAYF,iBAAiBG,MAAM,GAAG,EAAEC,OAAQC,OAAMA,CAAC;AAE7DH,cAAUI,IAAI,CAACC,MAAMC,UACnBb,SAASc,KAAK;AAAA,MACZC,OAAOC,UAAUJ,IAAI;AAAA,MACrBK,MAAO,GAAEd,WAAWI,UAAUN,MAAM,GAAGY,QAAQ,CAAC,EAAEK,KAAK,GAAG;AAAA,IAC3D,CAAA,CAAC;AAAA,EAEN;AAEMC,QAAAA,iBACJpB,kBAAkBC,SAASoB,SAASrB,iBAChCsB,MAAAA,gBACE9B,IACAF,SACAW,UACAD,gBACAF,iBAAiB,IAEnBG;AAEN,wCACGsB,kBAAAA,YAAU;AAAA,IACT/B;AAAAA,IACAD,WAAWiC,cAAKC,QAAAA,kBAAAA,QAAkBC,MAAMpC,mCAASoC,MAAMnC,SAAS;AAAA,IAAE,GAC9DQ;AAAAA,IAAM4B,yCAETC,qCAAiB;AAAA,MAChBrC,WAAWiC,cAAAA,QAAKC,kBAAAA,QAAkBI,aAAavC,mCAASuC,WAAW;AAAA,MAAEF,UAEpE1B,SAASW,IAAI,CAACC,MAAMC,UAAU;AAC7B,cAAMgB,MAAO,OAAMhB;AACbiB,cAAAA,SAASjB,UAAUM,eAAeC,SAAS;AAEjD;AACE,gDACGW,YAAAA,eAAa;AAAA,YACZ1C,SAAS;AAAA,cACP2C,iBAAiBT,cACfC,QAAAA,kBAAAA,QAAkBQ,kBAClB3C,mCAAS2C,oBAAmB,EAAE;AAAA,cAEhCC,oBAAoBV,cAClBC,QAAAA,kBAAAA,QAAkBS,qBAClB5C,mCAAS4C,uBAAsB,EAAE;AAAA,YAErC;AAAA,YAEAC,MAAMJ;AAAAA,YAAOJ,UAEXS,MAAevB,eAAAA,IAAI,KAAKA,QACvBkB,yCACEM,oCAAgB;AAAA,cACf9C,WAAWiC,cAAAA,QACTC,kBAAAA,QAAkBa,aAClBhD,mCAASgD,WAAW;AAAA,cAEtBC,SAAQ;AAAA,cAAMZ,UAEba,mBAAAA,QAAUC,MAAAA,gBAAgB5B,KAAKG,KAAK,CAAC;AAAA,YAAA,CAExC,KACA0B,2BAAAA,IAACC,aAAM;AAAA,cAEL9B;AAAAA,cACAvB,SAAS;AAAA,gBACPsD,GAAGpB,cAAAA,QAAKC,kBAAAA,QAAkBmB,GAAGtD,mCAASsD,CAAC;AAAA,gBACvCC,MAAMrB,cAAAA,QAAKC,kBAAAA,QAAkBoB,MAAMvD,mCAASuD,IAAI;AAAA,cAClD;AAAA,cACAC,WAAWlD,UAAUC,YAAYkD;AAAAA,cACjCnD;AAAAA,eAPKkC,GAAG;AAAA,aAhBTA,GAAG;AAAA,QA4Bd;AAAA,MAAA,CACD;AAAA,IAAA,CAAC;AAAA,EAAA,CAEO;AAEjB;;"}
+{"version":3,"file":"BreadCrumb.cjs","sources":["../../../../src/components/BreadCrumb/BreadCrumb.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport startCase from \"lodash/startCase\";\nimport { isValidElement, MouseEventHandler } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  HvBreadCrumbClasses,\n  breadCrumbClasses,\n  HvPathElement,\n  HvPage,\n} from \".\";\nimport {\n  StyledOrderedList,\n  StyledRoot,\n  StyledTypography,\n} from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvDropDownMenuProps } from \"../DropDownMenu\";\n\nexport type HvBreadCrumbPathElement = { label: string; path: string };\n\nexport type HvBreadCrumbProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  /** List of breadcrumb. */\n  listRoute?: HvBreadCrumbPathElement[];\n  /** URL to build the breadcrumb. */\n  url?: string;\n  /** Number of pages visible. */\n  maxVisible?: number;\n  /** The component used for the link node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Function passed to the component. If defined the component prop is used as the link node. */\n  onClick?: (\n    event: MouseEventHandler<HTMLDivElement>,\n    data: any\n  ) => void | undefined;\n  /** Props passed down to the DropDownMenu sub-menu component. */\n  dropDownMenuProps?: HvDropDownMenuProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBreadCrumbClasses;\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nexport const HvBreadCrumb = ({\n  classes,\n  className,\n  id,\n  listRoute = [],\n  maxVisible,\n  url,\n  onClick,\n  component = \"div\",\n  dropDownMenuProps,\n  ...others\n}: HvBreadCrumbProps) => {\n  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/);\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    maxVisibleElem && listPath.length > maxVisibleElem\n      ? pathWithSubMenu(\n          id,\n          classes,\n          listPath,\n          maxVisibleElem,\n          dropDownMenuProps\n        )\n      : listPath;\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(breadCrumbClasses.root, classes?.root, className)}\n      {...others}\n    >\n      <StyledOrderedList\n        className={clsx(breadCrumbClasses.orderedList, classes?.orderedList)}\n      >\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          {\n            return (\n              <HvPathElement\n                classes={{\n                  centerContainer: clsx(\n                    breadCrumbClasses.centerContainer,\n                    classes?.centerContainer\n                  ),\n                  separatorContainer: clsx(\n                    breadCrumbClasses.separatorContainer,\n                    classes?.separatorContainer\n                  ),\n                }}\n                key={key}\n                last={isLast}\n              >\n                {(isValidElement(elem) && elem) ||\n                  (isLast && (\n                    <StyledTypography\n                      className={clsx(\n                        breadCrumbClasses.currentPage,\n                        classes?.currentPage\n                      )}\n                      variant=\"body\"\n                    >\n                      {startCase(removeExtension(elem.label))}\n                    </StyledTypography>\n                  )) || (\n                    <HvPage\n                      key={key}\n                      elem={elem}\n                      classes={{\n                        a: clsx(breadCrumbClasses.a, classes?.a),\n                        link: clsx(breadCrumbClasses.link, classes?.link),\n                      }}\n                      Component={onClick ? component : undefined}\n                      onClick={onClick}\n                    />\n                  )}\n              </HvPathElement>\n            );\n          }\n        })}\n      </StyledOrderedList>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBreadCrumb","classes","className","id","listRoute","maxVisible","url","onClick","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","elem","index","push","label","decodeURI","path","join","breadcrumbPath","length","pathWithSubMenu","jsx","StyledRoot","clsx","breadCrumbClasses","root","StyledOrderedList","orderedList","key","isLast","HvPathElement","centerContainer","separatorContainer","isValidElement","StyledTypography","currentPage","startCase","removeExtension","HvPage","a","link","undefined"],"mappings":";;;;;;;;;;;;;;;;AA4CO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY,CAAE;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AAAAA,KACGC;AACc,MAAM;AACvB,QAAMC,iBAAiBN,cAAcA,aAAa,IAAI,IAAIA;AACtDO,MAAAA,WAAWR,UAAUS;AAGrB,MAAA,CAACC,eAAAA,QAAMR,GAAG,GAAG;AACfM,eAAW,CAAA;AAGLG,UAAAA,UAAUT,IAAIU,MAAM,cAAc;AAGxC,UAAMC,mBAAmBX,IAAIY,QAAQ,gBAAgB,EAAE;AAEvD,UAAMC,YAAYF,iBAAiBG,MAAM,GAAG,EAAEC,OAAQC,OAAMA,CAAC;AAE7DH,cAAUI,IAAI,CAACC,MAAMC,UACnBb,SAASc,KAAK;AAAA,MACZC,OAAOC,UAAUJ,IAAI;AAAA,MACrBK,MAAO,GAAEd,WAAWI,UAAUN,MAAM,GAAGY,QAAQ,CAAC,EAAEK,KAAK,GAAG;AAAA,IAC3D,CAAA,CAAC;AAAA,EAEN;AAEMC,QAAAA,iBACJpB,kBAAkBC,SAASoB,SAASrB,iBAChCsB,MAAAA,gBACE9B,IACAF,SACAW,UACAD,gBACAF,iBAAiB,IAEnBG;AAGJ,SAAAsB,2BAAA,IAACC,kBACC,YAAA,EAAA,IACA,WAAWC,cAAAA,QAAKC,kBAAAA,QAAkBC,MAAMrC,mCAASqC,MAAMpC,SAAS,GAC5DQ,GAAAA,QAEJ,yCAAC6B,kBAAAA,mBACC,EAAA,WAAWH,cAAKC,QAAAA,kBAAAA,QAAkBG,aAAavC,mCAASuC,WAAW,GAElE5B,UAASW,SAAAA,IAAI,CAACC,MAAMC,UAAU;AAC7B,UAAMgB,MAAO,OAAMhB;AACbiB,UAAAA,SAASjB,UAAUM,eAAeC,SAAS;AAEjD;AAEI,aAAAE,2BAAA,IAACS,6BACC,SAAS;AAAA,QACPC,iBAAiBR,cAAAA,QACfC,kBAAAA,QAAkBO,iBAClB3C,mCAAS2C,eAAe;AAAA,QAE1BC,oBAAoBT,cAAAA,QAClBC,kBAAAA,QAAkBQ,oBAClB5C,mCAAS4C,kBAAkB;AAAA,MAAA,GAI/B,MAAMH,QAEJI,UAAAA,MAAAA,eAAetB,IAAI,KAAKA,QACvBkB,UACER,2BAAA,IAAAa,kBAAA,kBAAA,EACC,WAAWX,cAAAA,QACTC,kBAAAA,QAAkBW,aAClB/C,mCAAS+C,WAAW,GAEtB,SAAQ,QAEPC,UAAAA,mBAAAA,QAAUC,MAAgB1B,gBAAAA,KAAKG,KAAK,CAAC,EACxC,CAAA,KAECO,2BAAA,IAAAiB,KAAA,QAAA,EAEC,MACA,SAAS;AAAA,QACPC,GAAGhB,cAAAA,QAAKC,kBAAAA,QAAkBe,GAAGnD,mCAASmD,CAAC;AAAA,QACvCC,MAAMjB,cAAAA,QAAKC,kBAAAA,QAAkBgB,MAAMpD,mCAASoD,IAAI;AAAA,MAAA,GAElD,WAAW9C,UAAUC,YAAY8C,QACjC,QAPKb,GAAAA,GASR,KAzBEA,GA0BP;AAAA,IAEJ;AAAA,EAAA,CACD,GACH,EACF,CAAA;AAEJ;;"}

package/dist/cjs/components/BreadCrumb/BreadCrumb.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -33,9 +33,7 @@ const StyledOrderedList = /* @__PURE__ */ _styled__default.default("ol", process
   paddingLeft: 0,
   marginLeft: `-${uikitStyles.theme.space.xs}`
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJpbmRleFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcIm5hdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB6SW5kZXg6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE9yZGVyZWRMaXN0ID0gc3R5bGVkKFwib2xcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgcGFkZGluZ0xlZnQ6IDAsXG4gIG1hcmdpbkxlZnQ6IGAtJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+KSh7XG4gIHBhZGRpbmc6IGA4cHggJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG4iXX0= */");
-const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e17idydo0"
 } : {
   target: "e17idydo0",

package/dist/cjs/components/BreadCrumb/BreadCrumb.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumb.styles.cjs","sources":["../../../../src/components/BreadCrumb/BreadCrumb.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"index\";\n\nexport const StyledRoot = styled(\"nav\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  zIndex: 0,\n});\n\nexport const StyledOrderedList = styled(\"ol\")({\n  display: \"flex\",\n  paddingLeft: 0,\n  marginLeft: `-${theme.space.xs}`,\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n  padding: `8px ${theme.space.xs}`,\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledOrderedList","display","paddingLeft","marginLeft","theme","space","xs","StyledTypography","props","_jsx","HvTypography","padding"],"mappings":";;;;;;;;;;;AAIO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrC;AAEK,MAAMC,oBAA2BX,iCAAA,QAAA,MAAIC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CO,SAAS;AAAA,EACTC,aAAa;AAAA,EACbC,YAAa,IAAGC,YAAAA,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ipCAAA;AAEK,MAAMe,mBAAmBlB,iCAAAA,QAAQmB,CAAUC,UAAAA,2BAAAA,IAACC,WAAAA,cAAY;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIlB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EiB,SAAU,OAAMP,YAAAA,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ipCAAA;;;;"}
+{"version":3,"file":"BreadCrumb.styles.cjs","sources":["../../../../src/components/BreadCrumb/BreadCrumb.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"index\";\n\nexport const StyledRoot = styled(\"nav\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  zIndex: 0,\n});\n\nexport const StyledOrderedList = styled(\"ol\")({\n  display: \"flex\",\n  paddingLeft: 0,\n  marginLeft: `-${theme.space.xs}`,\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n  padding: `8px ${theme.space.xs}`,\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledOrderedList","display","paddingLeft","marginLeft","theme","space","xs","StyledTypography","props","jsx","HvTypography","padding"],"mappings":";;;;;;;;;;;AAIO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrC;AAEK,MAAMC,oBAA2BX,iCAAA,QAAA,MAAIC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CO,SAAS;AAAA,EACTC,aAAa;AAAA,EACbC,YAAa,IAAGC,YAAAA,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ipCAAA;AAEWe,MAAAA,mBAA2BC,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAC,WAAAA,cAAA,EAAiBF,GAAAA,MAAAA,CAAS,GAAAlB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EiB,SAAU,OAAMP,YAAAA,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ipCAAA;;;;"}

package/dist/cjs/components/BreadCrumb/Page/Page.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const lodash = require("lodash");
 const Page_styles = require("./Page.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const pageClasses = require("./pageClasses.cjs");
 const OverflowTooltip = require("../../OverflowTooltip/OverflowTooltip.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -14,26 +14,9 @@ const HvPage = ({
   elem,
   classes
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Page_styles.StyledLink, {
-    route: elem.path,
-    component: Component,
-    onClick,
-    data: elem,
-    classes: {
-      a: clsx__default.default(pageClasses.default.a, classes == null ? void 0 : classes.a)
-    },
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      Page_styles.StyledTypography,
-      {
-        component: "div",
-        variant: "label",
-        className: clsx__default.default(pageClasses.default.link, classes == null ? void 0 : classes.link, pageClasses.default.label, classes == null ? void 0 : classes.label),
-        children: /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, {
-          data: lodash.startCase(elem.label)
-        })
-      }
-    )
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Page_styles.StyledLink, { route: elem.path, component: Component, onClick, data: elem, classes: {
+    a: clsx__default.default(pageClasses.default.a, classes == null ? void 0 : classes.a)
+  }, children: /* @__PURE__ */ jsxRuntime.jsx(Page_styles.StyledTypography, { noWrap: true, component: "div", variant: "label", className: clsx__default.default(pageClasses.default.link, classes == null ? void 0 : classes.link, pageClasses.default.label, classes == null ? void 0 : classes.label), children: /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, { data: lodash.startCase(elem.label) }) }) });
 };
 exports.HvPage = HvPage;
 //# sourceMappingURL=Page.cjs.map

package/dist/cjs/components/BreadCrumb/Page/Page.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Page.cjs","sources":["../../../../../src/components/BreadCrumb/Page/Page.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvOverflowTooltip } from \"components\";\nimport { startCase } from \"lodash\";\nimport { MouseEventHandler } from \"react\";\nimport { HvPageClasses, pageClasses } from \".\";\nimport { StyledLink, StyledTypography } from \"./Page.styles\";\n\nexport type HvPageElement = {\n  path?: string;\n  label?: string;\n};\n\nexport type HvPageProps = {\n  Component?: React.ElementType;\n  onClick?: (\n    event: MouseEventHandler<HTMLDivElement>,\n    data: any\n  ) => void | undefined;\n  elem: HvPageElement;\n  classes?: HvPageClasses;\n};\n\nexport const HvPage = ({ Component, onClick, elem, classes }: HvPageProps) => {\n  return (\n    <StyledLink\n      route={elem.path}\n      component={Component}\n      onClick={onClick}\n      data={elem}\n      classes={{ a: clsx(pageClasses.a, classes?.a) }}\n    >\n      <StyledTypography\n        // noWrap\n        component=\"div\"\n        variant=\"label\"\n        className={clsx(\n          pageClasses.link,\n          classes?.link,\n          pageClasses.label,\n          classes?.label\n        )}\n      >\n        <HvOverflowTooltip data={startCase(elem.label)} />\n      </StyledTypography>\n    </StyledLink>\n  );\n};\n"],"names":["HvPage","Component","onClick","elem","classes","StyledLink","route","path","component","data","a","clsx","pageClasses","children","_jsx","StyledTypography","variant","className","link","label","HvOverflowTooltip","startCase"],"mappings":";;;;;;;;;;AAsBO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAASC;AAAAA,EAAMC;AAAqB,MAAM;AAC5E,wCACGC,YAAAA,YAAU;AAAA,IACTC,OAAOH,KAAKI;AAAAA,IACZC,WAAWP;AAAAA,IACXC;AAAAA,IACAO,MAAMN;AAAAA,IACNC,SAAS;AAAA,MAAEM,GAAGC,cAAAA,QAAKC,YAAAA,QAAYF,GAAGN,mCAASM,CAAC;AAAA,IAAE;AAAA,IAAEG,UAEhDC,2BAAAA;AAAAA,MAACC,YAAAA;AAAAA,MACC;AAAA,QACAP,WAAU;AAAA,QACVQ,SAAQ;AAAA,QACRC,WAAWN,cAAAA,QACTC,YAAYM,QAAAA,MACZd,mCAASc,MACTN,oBAAYO,OACZf,mCAASe,KAAK;AAAA,QACdN,yCAEDO,mCAAiB;AAAA,UAACX,MAAMY,OAAAA,UAAUlB,KAAKgB,KAAK;AAAA,QAAA,CAAE;AAAA,MAAG;AAAA,IAAA;AAAA,EAAA,CAEzC;AAEjB;;"}
+{"version":3,"file":"Page.cjs","sources":["../../../../../src/components/BreadCrumb/Page/Page.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvOverflowTooltip } from \"components\";\nimport { startCase } from \"lodash\";\nimport { MouseEventHandler } from \"react\";\nimport { HvPageClasses, pageClasses } from \".\";\nimport { StyledLink, StyledTypography } from \"./Page.styles\";\n\nexport type HvPageElement = {\n  path?: string;\n  label?: string;\n};\n\nexport type HvPageProps = {\n  Component?: React.ElementType;\n  onClick?: (\n    event: MouseEventHandler<HTMLDivElement>,\n    data: any\n  ) => void | undefined;\n  elem: HvPageElement;\n  classes?: HvPageClasses;\n};\n\nexport const HvPage = ({ Component, onClick, elem, classes }: HvPageProps) => {\n  return (\n    <StyledLink\n      route={elem.path}\n      component={Component}\n      onClick={onClick}\n      data={elem}\n      classes={{ a: clsx(pageClasses.a, classes?.a) }}\n    >\n      <StyledTypography\n        noWrap\n        component=\"div\"\n        variant=\"label\"\n        className={clsx(\n          pageClasses.link,\n          classes?.link,\n          pageClasses.label,\n          classes?.label\n        )}\n      >\n        <HvOverflowTooltip data={startCase(elem.label)} />\n      </StyledTypography>\n    </StyledLink>\n  );\n};\n"],"names":["HvPage","Component","onClick","elem","classes","jsx","StyledLink","path","a","clsx","pageClasses","StyledTypography","link","label","HvOverflowTooltip","startCase"],"mappings":";;;;;;;;;;AAsBO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAASC;AAAAA,EAAMC;AAAqB,MAAM;AAE1E,SAAAC,+BAACC,YAAAA,YACC,EAAA,OAAOH,KAAKI,MACZ,WAAWN,WACX,SACA,MAAME,MACN,SAAS;AAAA,IAAEK,GAAGC,cAAAA,QAAKC,YAAAA,QAAYF,GAAGJ,mCAASI,CAAC;AAAA,EAAA,GAE5C,UAAAH,2BAAAA,IAACM,YAAAA,kBACC,EAAA,QAAM,MACN,WAAU,OACV,SAAQ,SACR,WAAWF,cACTC,QAAAA,YAAAA,QAAYE,MACZR,mCAASQ,MACTF,YAAAA,QAAYG,OACZT,mCAASS,KAAK,GAGhB,UAACR,2BAAA,IAAAS,gBAAA,mBAAA,EAAkB,MAAMC,OAAAA,UAAUZ,KAAKU,KAAK,EAAE,CAAA,EAAA,CACjD,EACF,CAAA;AAEJ;;"}

package/dist/cjs/components/BreadCrumb/Page/Page.styles.cjs

@@ -1,15 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Link = require("../../Link/Link.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const StyledLink = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Link.HvLink, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledLink = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Link.HvLink, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e8ovoy91"
 } : {
   target: "e8ovoy91",
@@ -25,9 +23,7 @@ const StyledLink = /* @__PURE__ */ _styled__default.default((props) => /* @__PUR
     backgroundColor: uikitStyles.theme.colors.atmo3
   }
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9QYWdlL1BhZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CcmVhZENydW1iL1BhZ2UvUGFnZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpbmssIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaW5rID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGluayB7Li4ucHJvcHN9IC8+KSh7XG4gIHBhZGRpbmc6IGA4cHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPikoe1xuICBtYXhXaWR0aDogXCIxNzBweFwiLFxuICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICB0ZXh0VHJhbnNmb3JtOiBcImNhcGl0YWxpemVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICB9LFxufSk7XG4iXX0= */");
-const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e8ovoy90"
 } : {
   target: "e8ovoy90",

package/dist/cjs/components/BreadCrumb/Page/Page.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Page.styles.cjs","sources":["../../../../../src/components/BreadCrumb/Page/Page.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvLink, HvTypography } from \"components\";\n\nexport const StyledLink = styled((props) => <HvLink {...props} />)({\n  padding: `8px ${theme.space.xs}`,\n  textDecoration: \"none\",\n  borderRadius: \"2px\",\n  \"&:hover\": {\n    backgroundColor: theme.colors.atmo3,\n  },\n  \"&:focus\": {\n    backgroundColor: theme.colors.atmo3,\n  },\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n  maxWidth: \"170px\",\n  color: theme.colors.acce1,\n  textTransform: \"capitalize\",\n  \"&:hover\": {\n    cursor: \"pointer\",\n    backgroundColor: theme.colors.atmo3,\n  },\n});\n"],"names":["StyledLink","_styled","props","_jsx","HvLink","process","env","NODE_ENV","target","label","padding","theme","space","xs","textDecoration","borderRadius","backgroundColor","colors","atmo3","StyledTypography","HvTypography","maxWidth","color","acce1","textTransform","cursor"],"mappings":";;;;;;;;;AAIO,MAAMA,aAAaC,iCAAAA,QAAQC,CAAUC,UAAAA,2BAAAA,IAACC,KAAAA,QAAM;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjEC,SAAU,OAAMC,YAAAA,MAAMC,MAAMC;AAAAA,EAC5BC,gBAAgB;AAAA,EAChBC,cAAc;AAAA,EACd,WAAW;AAAA,IACTC,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AAAA,EACA,WAAW;AAAA,IACTF,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AACF,GAACb,QAAAC,IAAAC,aAAC,eAAA,KAAA,i6CAAA;AAEK,MAAMY,mBAAmBlB,iCAAAA,QAAQC,CAAUC,UAAAA,2BAAAA,IAACiB,WAAAA,cAAY;AAAA,EAAA,GAAKlB;AAAK,CAAA,GAAIG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EY,UAAU;AAAA,EACVC,OAAOX,YAAAA,MAAMM,OAAOM;AAAAA,EACpBC,eAAe;AAAA,EACf,WAAW;AAAA,IACTC,QAAQ;AAAA,IACRT,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AACF,GAACb,QAAAC,IAAAC,aAAC,eAAA,KAAA,i6CAAA;;;"}
+{"version":3,"file":"Page.styles.cjs","sources":["../../../../../src/components/BreadCrumb/Page/Page.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvLink, HvTypography } from \"components\";\n\nexport const StyledLink = styled((props) => <HvLink {...props} />)({\n  padding: `8px ${theme.space.xs}`,\n  textDecoration: \"none\",\n  borderRadius: \"2px\",\n  \"&:hover\": {\n    backgroundColor: theme.colors.atmo3,\n  },\n  \"&:focus\": {\n    backgroundColor: theme.colors.atmo3,\n  },\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n  maxWidth: \"170px\",\n  color: theme.colors.acce1,\n  textTransform: \"capitalize\",\n  \"&:hover\": {\n    cursor: \"pointer\",\n    backgroundColor: theme.colors.atmo3,\n  },\n});\n"],"names":["StyledLink","props","jsx","HvLink","process","env","NODE_ENV","target","label","padding","theme","space","xs","textDecoration","borderRadius","backgroundColor","colors","atmo3","StyledTypography","HvTypography","maxWidth","color","acce1","textTransform","cursor"],"mappings":";;;;;;;;;AAIaA,MAAAA,aAAqBC,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAC,KAAAA,QAAA,EAAWF,GAAAA,MAAAA,CAAS,GAAAG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjEC,SAAU,OAAMC,YAAAA,MAAMC,MAAMC;AAAAA,EAC5BC,gBAAgB;AAAA,EAChBC,cAAc;AAAA,EACd,WAAW;AAAA,IACTC,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AAAA,EACA,WAAW;AAAA,IACTF,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AACF,GAACb,QAAAC,IAAAC,aAAC,eAAA,KAAA,i6CAAA;AAEWY,MAAAA,mBAA2BjB,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAiB,WAAAA,cAAA,EAAiBlB,GAAAA,MAAAA,CAAS,GAAAG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EY,UAAU;AAAA,EACVC,OAAOX,YAAAA,MAAMM,OAAOM;AAAAA,EACpBC,eAAe;AAAA,EACf,WAAW;AAAA,IACTC,QAAQ;AAAA,IACRT,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AACF,GAACb,QAAAC,IAAAC,aAAC,eAAA,KAAA,i6CAAA;;;"}

package/dist/cjs/components/BreadCrumb/PathElement/PathElement.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const clsx = require("clsx");
 const PathElement_styles = require("./PathElement.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const pathElementClasses = require("./pathElementClasses.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -12,13 +12,10 @@ const HvPathElement = ({
   last = false,
   children
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(PathElement_styles.StyledLi, {
-    className: clsx__default.default(pathElementClasses.default.centerContainer, classes == null ? void 0 : classes.centerContainer),
-    children: [children, !last && /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, {
-      className: clsx__default.default(pathElementClasses.default.separatorContainer, classes == null ? void 0 : classes.separatorContainer),
-      color: "atmo5"
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(PathElement_styles.StyledLi, { className: clsx__default.default(pathElementClasses.default.centerContainer, classes == null ? void 0 : classes.centerContainer), children: [
+    children,
+    !last && /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, { className: clsx__default.default(pathElementClasses.default.separatorContainer, classes == null ? void 0 : classes.separatorContainer), color: "atmo5" })
+  ] });
 };
 exports.HvPathElement = HvPathElement;
 //# sourceMappingURL=PathElement.cjs.map

package/dist/cjs/components/BreadCrumb/PathElement/PathElement.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PathElement.cjs","sources":["../../../../../src/components/BreadCrumb/PathElement/PathElement.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { StyledLi } from \"./PathElement.styles\";\nimport { HvPathElementClasses, pathElementClasses } from \".\";\n\nexport type HvPathElementProps = {\n  last?: boolean;\n  classes?: HvPathElementClasses;\n  children: React.ReactElement;\n};\n\nexport const HvPathElement = ({\n  classes,\n  last = false,\n  children,\n}: HvPathElementProps) => {\n  return (\n    <StyledLi\n      className={clsx(\n        pathElementClasses.centerContainer,\n        classes?.centerContainer\n      )}\n    >\n      {children}\n      {!last && (\n        <DropRightXS\n          className={clsx(\n            pathElementClasses.separatorContainer,\n            classes?.separatorContainer\n          )}\n          color=\"atmo5\"\n        />\n      )}\n    </StyledLi>\n  );\n};\n"],"names":["HvPathElement","classes","last","children","StyledLi","className","clsx","pathElementClasses","centerContainer","DropRightXS","separatorContainer","color"],"mappings":";;;;;;;;;AAWO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACkB,MAAM;AACxB,yCACGC,mBAAAA,UAAQ;AAAA,IACPC,WAAWC,cAAAA,QACTC,mBAAAA,QAAmBC,iBACnBP,mCAASO,eAAe;AAAA,IACxBL,UAAA,CAEDA,UACA,CAACD,uCACCO,gBAAAA,aAAW;AAAA,MACVJ,WAAWC,cAAAA,QACTC,mBAAAA,QAAmBG,oBACnBT,mCAASS,kBAAkB;AAAA,MAE7BC,OAAM;AAAA,IAAA,CAET,CAAA;AAAA,EAAA,CACQ;AAEf;;"}
+{"version":3,"file":"PathElement.cjs","sources":["../../../../../src/components/BreadCrumb/PathElement/PathElement.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { StyledLi } from \"./PathElement.styles\";\nimport { HvPathElementClasses, pathElementClasses } from \".\";\n\nexport type HvPathElementProps = {\n  last?: boolean;\n  classes?: HvPathElementClasses;\n  children: React.ReactElement;\n};\n\nexport const HvPathElement = ({\n  classes,\n  last = false,\n  children,\n}: HvPathElementProps) => {\n  return (\n    <StyledLi\n      className={clsx(\n        pathElementClasses.centerContainer,\n        classes?.centerContainer\n      )}\n    >\n      {children}\n      {!last && (\n        <DropRightXS\n          className={clsx(\n            pathElementClasses.separatorContainer,\n            classes?.separatorContainer\n          )}\n          color=\"atmo5\"\n        />\n      )}\n    </StyledLi>\n  );\n};\n"],"names":["HvPathElement","classes","last","children","jsxs","StyledLi","clsx","pathElementClasses","centerContainer","jsx","DropRightXS","separatorContainer"],"mappings":";;;;;;;;;AAWO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACkB,MAAM;AAEtB,SAAAC,gCAACC,mBAAAA,YACC,WAAWC,cAAAA,QACTC,2BAAmBC,iBACnBP,mCAASO,eAAe,GAGzBL,UAAAA;AAAAA,IAAAA;AAAAA,IACA,CAACD,QACCO,2BAAA,IAAAC,6BAAA,EACC,WAAWJ,cAAAA,QACTC,2BAAmBI,oBACnBV,mCAASU,kBAAkB,GAE7B,OAAM,QAET,CAAA;AAAA,EACH,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/BreadCrumb/utils.cjs

@@ -1,22 +1,14 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const DropDownMenu = require("../DropDownMenu/DropDownMenu.cjs");
 const setId = require("../../utils/setId.cjs");
 const removeExtension = (label) => label.includes(".") ? label.substring(0, label.lastIndexOf(".")) : label;
 const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {
   const nbrElemToSubMenu = listRoute.length - maxVisible;
   const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);
-  listRoute.splice(1, nbrElemToSubMenu, /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu.default, {
-    id: setId.setId(id, "submenu"),
-    icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.MoreOptionsHorizontal, {
-      iconSize: "S",
-      color: "acce1"
-    }),
-    dataList: subMenuList,
-    ...dropDownMenuProps
-  }));
+  listRoute.splice(1, nbrElemToSubMenu, /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu.default, { id: setId.setId(id, "submenu"), icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.MoreOptionsHorizontal, { iconSize: "S", color: "acce1" }), dataList: subMenuList, ...dropDownMenuProps }));
   return listRoute;
 };
 exports.pathWithSubMenu = pathWithSubMenu;

package/dist/cjs/components/BreadCrumb/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/components/BreadCrumb/utils.tsx"],"sourcesContent":["import { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\nimport { HvDropDownMenu } from \"components\";\nimport { setId } from \"utils\";\n\nexport const removeExtension = (label) =>\n  label.includes(\".\") ? label.substring(0, label.lastIndexOf(\".\")) : label;\n\nexport const pathWithSubMenu = (\n  id,\n  classes,\n  listRoute,\n  maxVisible,\n  dropDownMenuProps\n) => {\n  const nbrElemToSubMenu = listRoute.length - maxVisible;\n  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);\n\n  listRoute.splice(\n    1,\n    nbrElemToSubMenu,\n    <HvDropDownMenu\n      id={setId(id, \"submenu\")}\n      icon={<MoreOptionsHorizontal iconSize=\"S\" color=\"acce1\" />}\n      dataList={subMenuList}\n      {...dropDownMenuProps}\n    />\n  );\n\n  return listRoute;\n};\n"],"names":["removeExtension","label","includes","substring","lastIndexOf","pathWithSubMenu","id","classes","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","splice","_jsx","HvDropDownMenu","setId","icon","MoreOptionsHorizontal","iconSize","color","dataList"],"mappings":";;;;;;AAIO,MAAMA,kBAAmBC,CAAAA,UAC9BA,MAAMC,SAAS,GAAG,IAAID,MAAME,UAAU,GAAGF,MAAMG,YAAY,GAAG,CAAC,IAAIH;AAE9D,MAAMI,kBAAkBA,CAC7BC,IACAC,SACAC,WACAC,YACAC,sBACG;AACGC,QAAAA,mBAAmBH,UAAUI,SAASH;AAC5C,QAAMI,cAAcL,UAAUM,MAAM,GAAGH,mBAAmB,CAAC;AAE3DH,YAAUO,OACR,GACAJ,kBACAK,2BAAAA,IAACC,aAAAA,SAAc;AAAA,IACbX,IAAIY,MAAAA,MAAMZ,IAAI,SAAS;AAAA,IACvBa,qCAAOC,uCAAqB;AAAA,MAACC,UAAS;AAAA,MAAIC,OAAM;AAAA,IAAA,CAAW;AAAA,IAC3DC,UAAUV;AAAAA,IAAY,GAClBH;AAAAA,EAAiB,CAAA,CACrB;AAGGF,SAAAA;AACT;;;"}
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/BreadCrumb/utils.tsx"],"sourcesContent":["import { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\nimport { HvDropDownMenu } from \"components\";\nimport { setId } from \"utils\";\n\nexport const removeExtension = (label) =>\n  label.includes(\".\") ? label.substring(0, label.lastIndexOf(\".\")) : label;\n\nexport const pathWithSubMenu = (\n  id,\n  classes,\n  listRoute,\n  maxVisible,\n  dropDownMenuProps\n) => {\n  const nbrElemToSubMenu = listRoute.length - maxVisible;\n  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);\n\n  listRoute.splice(\n    1,\n    nbrElemToSubMenu,\n    <HvDropDownMenu\n      id={setId(id, \"submenu\")}\n      icon={<MoreOptionsHorizontal iconSize=\"S\" color=\"acce1\" />}\n      dataList={subMenuList}\n      {...dropDownMenuProps}\n    />\n  );\n\n  return listRoute;\n};\n"],"names":["removeExtension","label","includes","substring","lastIndexOf","pathWithSubMenu","id","classes","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","splice","jsx","HvDropDownMenu","setId","MoreOptionsHorizontal"],"mappings":";;;;;;AAIO,MAAMA,kBAAmBC,CAAAA,UAC9BA,MAAMC,SAAS,GAAG,IAAID,MAAME,UAAU,GAAGF,MAAMG,YAAY,GAAG,CAAC,IAAIH;AAE9D,MAAMI,kBAAkBA,CAC7BC,IACAC,SACAC,WACAC,YACAC,sBACG;AACGC,QAAAA,mBAAmBH,UAAUI,SAASH;AAC5C,QAAMI,cAAcL,UAAUM,MAAM,GAAGH,mBAAmB,CAAC;AAEjDI,YAAAA,OACR,GACAJ,kBACAK,2BAAAA,IAACC,aAAAA,WACC,IAAIC,MAAAA,MAAMZ,IAAI,SAAS,GACvB,qCAAOa,gBAAAA,uBAAsB,EAAA,UAAS,KAAI,OAAM,QAAA,CAAU,GAC1D,UAAUN,aACNH,GAAAA,kBAAAA,CAAkB,CACtB;AAGGF,SAAAA;AACT;;;"}

package/dist/cjs/components/BulkActions/BulkActions.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const bulkActionsClasses = require("./bulkActionsClasses.cjs");
 const React = require("react");
 const BulkActions_styles = require("./BulkActions.styles.cjs");
 const clsx = require("clsx");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ThemeProvider = require("../../providers/ThemeProvider.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const CheckBox = require("../CheckBox/CheckBox.cjs");
@@ -43,59 +43,25 @@ const HvBulkActions = ({
   React.useEffect(() => {
     setAnySelected(numSelected > 0);
   }, [numSelected]);
-  const selectAllLabelComponent = /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-    component: "span",
-    disabled: checkboxProps == null ? void 0 : checkboxProps.disabled,
-    variant: "body",
-    children: !anySelected ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx("b", {
-        children: selectAllLabel
-      }), ` (${numTotal})`]
-    }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx("b", {
-        children: numSelected
-      }), ` ${selectAllConjunctionLabel} ${numTotal}`]
-    })
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(BulkActions_styles.StyledRoot, {
-    id,
-    className: clsx__default.default(className, classes == null ? void 0 : classes.root, bulkActionsClasses.default.root, isSemantic && clsx__default.default(classes == null ? void 0 : classes.semantic, bulkActionsClasses.default.semantic)),
-    $isSemantic: isSemantic,
-    $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base1) || uikitStyles.theme.colors.base1,
-    ...others,
-    children: [/* @__PURE__ */ jsxRuntime.jsxs(BulkActions_styles.StyledSelectAllContainer, {
-      className: clsx__default.default(classes == null ? void 0 : classes.selectAllContainer, bulkActionsClasses.default.selectAllContainer),
-      children: [/* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, {
-        id: setId.setId(id, "select"),
-        className: clsx__default.default(classes == null ? void 0 : classes.selectAll, bulkActionsClasses.default.selectAll),
-        checked: numSelected > 0,
-        semantic: isSemantic,
-        onChange: onSelectAll,
-        indeterminate: numSelected > 0 && numSelected < numTotal,
-        label: selectAllLabelComponent,
-        ...checkboxProps
-      }), showSelectAllPages && anySelected && numSelected < numTotal && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx(BulkActions_styles.StyledDivider, {}), /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-          id: setId.setId(id, "pages"),
-          className: clsx__default.default(classes == null ? void 0 : classes.selectAllPages, bulkActionsClasses.default.selectAllPages),
-          variant: isSemantic ? "semantic" : "secondaryGhost",
-          onClick: onSelectAllPages,
-          size: ((_b = activeTheme == null ? void 0 : activeTheme.bulkActions) == null ? void 0 : _b.buttonSize) || "md",
-          children: selectAllPagesLabel != null ? selectAllPagesLabel : `Select all ${numTotal} items across all pages`
-        })]
-      })]
-    }), /* @__PURE__ */ jsxRuntime.jsx(BulkActions_styles.StyledGenericActions, {
-      id: setId.setId(id, "actions"),
-      classes: {
-        root: clsx__default.default(classes == null ? void 0 : classes.actions, bulkActionsClasses.default.actions)
-      },
-      category: isSemantic ? "semantic" : "secondaryGhost",
-      actions,
-      disabled: actionsDisabled != null ? actionsDisabled : numSelected === 0,
-      actionsCallback,
-      maxVisibleActions
-    })]
-  });
+  const selectAllLabelComponent = /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", disabled: checkboxProps == null ? void 0 : checkboxProps.disabled, variant: "body", children: !anySelected ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("b", { children: selectAllLabel }),
+    ` (${numTotal})`
+  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("b", { children: numSelected }),
+    ` ${selectAllConjunctionLabel} ${numTotal}`
+  ] }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(BulkActions_styles.StyledRoot, { id, className: clsx__default.default(className, classes == null ? void 0 : classes.root, bulkActionsClasses.default.root, isSemantic && clsx__default.default(classes == null ? void 0 : classes.semantic, bulkActionsClasses.default.semantic)), $isSemantic: isSemantic, $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base1) || uikitStyles.theme.colors.base1, ...others, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(BulkActions_styles.StyledSelectAllContainer, { className: clsx__default.default(classes == null ? void 0 : classes.selectAllContainer, bulkActionsClasses.default.selectAllContainer), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, { id: setId.setId(id, "select"), className: clsx__default.default(classes == null ? void 0 : classes.selectAll, bulkActionsClasses.default.selectAll), checked: numSelected > 0, semantic: isSemantic, onChange: onSelectAll, indeterminate: numSelected > 0 && numSelected < numTotal, label: selectAllLabelComponent, ...checkboxProps }),
+      showSelectAllPages && anySelected && numSelected < numTotal && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(BulkActions_styles.StyledDivider, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { id: setId.setId(id, "pages"), className: clsx__default.default(classes == null ? void 0 : classes.selectAllPages, bulkActionsClasses.default.selectAllPages), variant: isSemantic ? "semantic" : "secondaryGhost", onClick: onSelectAllPages, size: ((_b = activeTheme == null ? void 0 : activeTheme.bulkActions) == null ? void 0 : _b.buttonSize) || "md", children: selectAllPagesLabel != null ? selectAllPagesLabel : `Select all ${numTotal} items across all pages` })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(BulkActions_styles.StyledGenericActions, { id: setId.setId(id, "actions"), classes: {
+      root: clsx__default.default(classes == null ? void 0 : classes.actions, bulkActionsClasses.default.actions)
+    }, category: isSemantic ? "semantic" : "secondaryGhost", actions, disabled: actionsDisabled != null ? actionsDisabled : numSelected === 0, actionsCallback, maxVisibleActions })
+  ] });
 };
 exports.HvBulkActions = HvBulkActions;
 //# sourceMappingURL=BulkActions.cjs.map

package/dist/cjs/components/BulkActions/BulkActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActions.cjs","sources":["../../../../src/components/BulkActions/BulkActions.tsx"],"sourcesContent":["import { HvCheckBox, HvCheckBoxProps } from \"../CheckBox\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvActionGeneric, HvActionsGenericProps } from \"../ActionsGeneric\";\nimport bulkActionsClasses, { HvBulkActionsClasses } from \"./bulkActionsClasses\";\nimport { HvButton, HvButtonProps, HvButtonSize } from \"../Button\";\nimport { useContext, useEffect, useState } from \"react\";\nimport { HvTypography } from \"components\";\nimport {\n  StyledGenericActions,\n  StyledRoot,\n  StyledSelectAllContainer,\n  StyledDivider,\n} from \"./BulkActions.styles\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport { HvThemeContext } from \"providers\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport type HvBulkActionsProps = HvBaseProps & {\n  /**\n   * Custom label for select all checkbox\n   */\n  selectAllLabel?: React.ReactNode;\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel?: string;\n  /**\n   * Custom label for select all pages button\n   */\n  selectAllPagesLabel?: React.ReactNode;\n  /**\n   * Whether select all pages element should be visible\n   */\n  showSelectAllPages?: boolean;\n  /**\n   * The total number of elements\n   */\n  numTotal?: number;\n  /**\n   * The number of elements currently selected\n   */\n  numSelected?: number;\n  /**\n   * Function called when the \"select all\" Checkbox is toggled.\n   */\n  onSelectAll?: HvCheckBoxProps[\"onChange\"];\n  /**\n   * Function called when the \"select all pages\" button is clicked toggled.\n   */\n  onSelectAllPages?: HvButtonProps[\"onClick\"];\n  /**\n   * Whether the bulk actions should use the semantic styles when there are selected elements.\n   */\n  semantic?: boolean;\n  /**\n   * The renderable content inside the right actions slot,\n   * or an Array of actions `{ id, label, icon, disabled, ... }`\n   */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /**\n   *  Whether actions should be all disabled\n   */\n  actionsDisabled?: boolean;\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback?: HvActionsGenericProps[\"actionsCallback\"];\n  /**\n   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n   */\n  maxVisibleActions?: number;\n  /**\n   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the\n   * HvCheckbox API.\n   */\n  checkboxProps?: HvCheckBoxProps;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvBulkActionsClasses;\n};\n\n/**\n * Bulk Actions allow users to perform an action on a single or multiple items.\n * Also known as \"batch production\" of multiple items at once, one stage at a time.\n */\nexport const HvBulkActions = ({\n  id,\n  className,\n  classes,\n  selectAllPagesLabel,\n  actionsDisabled,\n  maxVisibleActions,\n  checkboxProps,\n  actions,\n  numTotal = 0,\n  numSelected = 0,\n  selectAllLabel = \"All\",\n  selectAllConjunctionLabel = \"/\",\n  showSelectAllPages = false,\n  semantic = true,\n  actionsCallback,\n  onSelectAll,\n  onSelectAllPages,\n  ...others\n}: HvBulkActionsProps) => {\n  const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n  const [anySelected, setAnySelected] = useState<boolean>(false);\n\n  const isSemantic = semantic && anySelected;\n\n  useEffect(() => {\n    setAnySelected(numSelected > 0);\n  }, [numSelected]);\n\n  const selectAllLabelComponent = (\n    <HvTypography\n      component=\"span\"\n      disabled={checkboxProps?.disabled}\n      variant=\"body\"\n    >\n      {!anySelected ? (\n        <>\n          <b>{selectAllLabel}</b>\n          {` (${numTotal})`}\n        </>\n      ) : (\n        <>\n          <b>{numSelected}</b>\n          {` ${selectAllConjunctionLabel} ${numTotal}`}\n        </>\n      )}\n    </HvTypography>\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        classes?.root,\n        bulkActionsClasses.root,\n        isSemantic && clsx(classes?.semantic, bulkActionsClasses.semantic)\n      )}\n      $isSemantic={isSemantic}\n      $baseColor={\n        activeTheme?.colors?.modes[selectedMode].base1 || theme.colors.base1\n      }\n      {...others}\n    >\n      <StyledSelectAllContainer\n        className={clsx(\n          classes?.selectAllContainer,\n          bulkActionsClasses.selectAllContainer\n        )}\n      >\n        <HvCheckBox\n          id={setId(id, \"select\")}\n          className={clsx(classes?.selectAll, bulkActionsClasses.selectAll)}\n          checked={numSelected > 0}\n          semantic={isSemantic}\n          onChange={onSelectAll}\n          indeterminate={numSelected > 0 && numSelected < numTotal}\n          label={selectAllLabelComponent}\n          {...checkboxProps}\n        />\n        {showSelectAllPages && anySelected && numSelected < numTotal && (\n          <>\n            <StyledDivider />\n            <HvButton\n              id={setId(id, \"pages\")}\n              className={clsx(\n                classes?.selectAllPages,\n                bulkActionsClasses.selectAllPages\n              )}\n              variant={isSemantic ? \"semantic\" : \"secondaryGhost\"}\n              onClick={onSelectAllPages}\n              size={\n                (activeTheme?.bulkActions?.buttonSize as HvButtonSize) || \"md\"\n              }\n            >\n              {selectAllPagesLabel ??\n                `Select all ${numTotal} items across all pages`}\n            </HvButton>\n          </>\n        )}\n      </StyledSelectAllContainer>\n      <StyledGenericActions\n        id={setId(id, \"actions\")}\n        classes={{ root: clsx(classes?.actions, bulkActionsClasses.actions) }}\n        category={isSemantic ? \"semantic\" : \"secondaryGhost\"}\n        actions={actions}\n        disabled={actionsDisabled ?? numSelected === 0}\n        actionsCallback={actionsCallback}\n        maxVisibleActions={maxVisibleActions}\n      />\n    </StyledRoot>\n  );\n};\n"],"names":["HvBulkActions","id","className","classes","selectAllPagesLabel","actionsDisabled","maxVisibleActions","checkboxProps","actions","numTotal","numSelected","selectAllLabel","selectAllConjunctionLabel","showSelectAllPages","semantic","actionsCallback","onSelectAll","onSelectAllPages","others","activeTheme","selectedMode","useContext","HvThemeContext","anySelected","setAnySelected","useState","isSemantic","useEffect","selectAllLabelComponent","HvTypography","component","disabled","variant","children","_jsxs","_Fragment","_jsx","StyledRoot","clsx","root","bulkActionsClasses","$isSemantic","$baseColor","colors","modes","base1","theme","StyledSelectAllContainer","selectAllContainer","HvCheckBox","setId","selectAll","checked","onChange","indeterminate","label","StyledDivider","HvButton","selectAllPages","onClick","size","bulkActions","buttonSize","StyledGenericActions","category"],"mappings":"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"}
+{"version":3,"file":"BulkActions.cjs","sources":["../../../../src/components/BulkActions/BulkActions.tsx"],"sourcesContent":["import { HvCheckBox, HvCheckBoxProps } from \"../CheckBox\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvActionGeneric, HvActionsGenericProps } from \"../ActionsGeneric\";\nimport bulkActionsClasses, { HvBulkActionsClasses } from \"./bulkActionsClasses\";\nimport { HvButton, HvButtonProps, HvButtonSize } from \"../Button\";\nimport { useContext, useEffect, useState } from \"react\";\nimport { HvTypography } from \"components\";\nimport {\n  StyledGenericActions,\n  StyledRoot,\n  StyledSelectAllContainer,\n  StyledDivider,\n} from \"./BulkActions.styles\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport { HvThemeContext } from \"providers\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport type HvBulkActionsProps = HvBaseProps & {\n  /**\n   * Custom label for select all checkbox\n   */\n  selectAllLabel?: React.ReactNode;\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel?: string;\n  /**\n   * Custom label for select all pages button\n   */\n  selectAllPagesLabel?: React.ReactNode;\n  /**\n   * Whether select all pages element should be visible\n   */\n  showSelectAllPages?: boolean;\n  /**\n   * The total number of elements\n   */\n  numTotal?: number;\n  /**\n   * The number of elements currently selected\n   */\n  numSelected?: number;\n  /**\n   * Function called when the \"select all\" Checkbox is toggled.\n   */\n  onSelectAll?: HvCheckBoxProps[\"onChange\"];\n  /**\n   * Function called when the \"select all pages\" button is clicked toggled.\n   */\n  onSelectAllPages?: HvButtonProps[\"onClick\"];\n  /**\n   * Whether the bulk actions should use the semantic styles when there are selected elements.\n   */\n  semantic?: boolean;\n  /**\n   * The renderable content inside the right actions slot,\n   * or an Array of actions `{ id, label, icon, disabled, ... }`\n   */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /**\n   *  Whether actions should be all disabled\n   */\n  actionsDisabled?: boolean;\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback?: HvActionsGenericProps[\"actionsCallback\"];\n  /**\n   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n   */\n  maxVisibleActions?: number;\n  /**\n   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the\n   * HvCheckbox API.\n   */\n  checkboxProps?: HvCheckBoxProps;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvBulkActionsClasses;\n};\n\n/**\n * Bulk Actions allow users to perform an action on a single or multiple items.\n * Also known as \"batch production\" of multiple items at once, one stage at a time.\n */\nexport const HvBulkActions = ({\n  id,\n  className,\n  classes,\n  selectAllPagesLabel,\n  actionsDisabled,\n  maxVisibleActions,\n  checkboxProps,\n  actions,\n  numTotal = 0,\n  numSelected = 0,\n  selectAllLabel = \"All\",\n  selectAllConjunctionLabel = \"/\",\n  showSelectAllPages = false,\n  semantic = true,\n  actionsCallback,\n  onSelectAll,\n  onSelectAllPages,\n  ...others\n}: HvBulkActionsProps) => {\n  const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n  const [anySelected, setAnySelected] = useState<boolean>(false);\n\n  const isSemantic = semantic && anySelected;\n\n  useEffect(() => {\n    setAnySelected(numSelected > 0);\n  }, [numSelected]);\n\n  const selectAllLabelComponent = (\n    <HvTypography\n      component=\"span\"\n      disabled={checkboxProps?.disabled}\n      variant=\"body\"\n    >\n      {!anySelected ? (\n        <>\n          <b>{selectAllLabel}</b>\n          {` (${numTotal})`}\n        </>\n      ) : (\n        <>\n          <b>{numSelected}</b>\n          {` ${selectAllConjunctionLabel} ${numTotal}`}\n        </>\n      )}\n    </HvTypography>\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        classes?.root,\n        bulkActionsClasses.root,\n        isSemantic && clsx(classes?.semantic, bulkActionsClasses.semantic)\n      )}\n      $isSemantic={isSemantic}\n      $baseColor={\n        activeTheme?.colors?.modes[selectedMode].base1 || theme.colors.base1\n      }\n      {...others}\n    >\n      <StyledSelectAllContainer\n        className={clsx(\n          classes?.selectAllContainer,\n          bulkActionsClasses.selectAllContainer\n        )}\n      >\n        <HvCheckBox\n          id={setId(id, \"select\")}\n          className={clsx(classes?.selectAll, bulkActionsClasses.selectAll)}\n          checked={numSelected > 0}\n          semantic={isSemantic}\n          onChange={onSelectAll}\n          indeterminate={numSelected > 0 && numSelected < numTotal}\n          label={selectAllLabelComponent}\n          {...checkboxProps}\n        />\n        {showSelectAllPages && anySelected && numSelected < numTotal && (\n          <>\n            <StyledDivider />\n            <HvButton\n              id={setId(id, \"pages\")}\n              className={clsx(\n                classes?.selectAllPages,\n                bulkActionsClasses.selectAllPages\n              )}\n              variant={isSemantic ? \"semantic\" : \"secondaryGhost\"}\n              onClick={onSelectAllPages}\n              size={\n                (activeTheme?.bulkActions?.buttonSize as HvButtonSize) || \"md\"\n              }\n            >\n              {selectAllPagesLabel ??\n                `Select all ${numTotal} items across all pages`}\n            </HvButton>\n          </>\n        )}\n      </StyledSelectAllContainer>\n      <StyledGenericActions\n        id={setId(id, \"actions\")}\n        classes={{ root: clsx(classes?.actions, bulkActionsClasses.actions) }}\n        category={isSemantic ? \"semantic\" : \"secondaryGhost\"}\n        actions={actions}\n        disabled={actionsDisabled ?? numSelected === 0}\n        actionsCallback={actionsCallback}\n        maxVisibleActions={maxVisibleActions}\n      />\n    </StyledRoot>\n  );\n};\n"],"names":["HvBulkActions","id","className","classes","selectAllPagesLabel","actionsDisabled","maxVisibleActions","checkboxProps","actions","numTotal","numSelected","selectAllLabel","selectAllConjunctionLabel","showSelectAllPages","semantic","actionsCallback","onSelectAll","onSelectAllPages","others","activeTheme","selectedMode","useContext","HvThemeContext","anySelected","setAnySelected","useState","isSemantic","useEffect","selectAllLabelComponent","jsx","HvTypography","disabled","jsxs","Fragment","StyledRoot","clsx","root","bulkActionsClasses","colors","modes","base1","theme","StyledSelectAllContainer","selectAllContainer","HvCheckBox","setId","selectAll","StyledDivider","HvButton","selectAllPages","bulkActions","buttonSize","StyledGenericActions"],"mappings":"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"}

package/dist/cjs/components/Button/Button.cjs

@@ -1,8 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const clsx = require("clsx");
 const React = require("react");
 const Button_styles = require("./Button.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const buttonClasses = require("./buttonClasses.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const mapVariant = (variant) => {
   if (variant === "secondary") {
     console.warn("Button variant 'secondary' is deprecated. Please use 'secondarySubtle'.");
@@ -14,12 +18,6 @@ const mapVariant = (variant) => {
   }
   return variant;
 };
-const onFocusHandler = (event) => {
-  event.target.classList.add("HvIsFocusVisible");
-};
-const onBlurHandler = (event) => {
-  event.target.classList.remove("HvIsFocusVisible");
-};
 const HvButton = React.forwardRef((props, ref) => {
   const {
     id,
@@ -36,29 +34,24 @@ const HvButton = React.forwardRef((props, ref) => {
     overrideIconColors = true,
     ...others
   } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(Button_styles.StyledButton, {
-    id,
-    className,
-    ref,
-    onClick,
-    disabled,
-    onFocus: onFocusHandler,
-    onBlur: onBlurHandler,
-    $variant: mapVariant(variant),
-    $iconOnly: !!icon,
-    $size: size,
-    $radius: radius,
-    $overrideIconColors: overrideIconColors,
-    $disabled: !!disabled,
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsxs(Button_styles.StyledContentDiv, {
-      children: [startIcon && /* @__PURE__ */ jsxRuntime.jsx(Button_styles.StyledIconSpan, {
-        children: startIcon
-      }), children && /* @__PURE__ */ jsxRuntime.jsx(Button_styles.StyledChildren, {
-        children
-      })]
-    })
-  });
+  const onFocusHandler = (event) => {
+    event.target.classList.add("HvIsFocusVisible");
+    event.target.classList.add(buttonClasses.default.focusVisible);
+    if (classes == null ? void 0 : classes.focusVisible) {
+      event.target.classList.add(classes.focusVisible);
+    }
+  };
+  const onBlurHandler = (event) => {
+    event.target.classList.remove("HvIsFocusVisible");
+    event.target.classList.remove(buttonClasses.default.focusVisible);
+    if (classes == null ? void 0 : classes.focusVisible) {
+      event.target.classList.remove(classes.focusVisible);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Button_styles.StyledButton, { id, className: clsx__default.default(className, classes == null ? void 0 : classes.root, buttonClasses.default.root), ref, onClick, disabled, onFocus: onFocusHandler, onBlur: onBlurHandler, $variant: mapVariant(variant), $iconOnly: !!icon, $size: size, $radius: radius, $overrideIconColors: overrideIconColors, $disabled: !!disabled, ...others, children: /* @__PURE__ */ jsxRuntime.jsxs(Button_styles.StyledContentDiv, { children: [
+    startIcon && /* @__PURE__ */ jsxRuntime.jsx(Button_styles.StyledIconSpan, { className: clsx__default.default(classes == null ? void 0 : classes.startIcon, buttonClasses.default.startIcon), children: startIcon }),
+    children && /* @__PURE__ */ jsxRuntime.jsx(Button_styles.StyledChildren, { children })
+  ] }) });
 });
 exports.HvButton = HvButton;
 //# sourceMappingURL=Button.cjs.map