@hitachivantara/uikit-react-core 5.23.0 → 5.24.0

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

@@ -1,20 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
-const isNil = require("lodash/isNil");
 const React = require("react");
-const breadCrumbClasses = require("./breadCrumbClasses.cjs");
+const isNil = require("lodash/isNil");
+const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const BreadCrumb_styles = require("./BreadCrumb.styles.cjs");
 const utils = require("./utils.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const PathElement = require("./PathElement/PathElement.cjs");
 const Page = require("./Page/Page.cjs");
+const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const isNil__default = /* @__PURE__ */ _interopDefault(isNil);
 const HvBreadCrumb = (props) => {
   const {
-    classes,
+    classes: classesProp,
     className,
     id,
     listRoute = [],
@@ -25,6 +24,10 @@ const HvBreadCrumb = (props) => {
     dropDownMenuProps,
     ...others
   } = useDefaultProps.useDefaultProps("HvBreadCrumb", props);
+  const {
+    classes,
+    cx
+  } = BreadCrumb_styles.useClasses(classesProp);
   const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;
   let listPath = listRoute.slice();
   if (!isNil__default.default(url)) {
@@ -38,30 +41,30 @@ const HvBreadCrumb = (props) => {
     }));
   }
   const breadcrumbPath = maxVisibleElem && listPath.length > maxVisibleElem ? utils.pathWithSubMenu(id, listPath, maxVisibleElem, onClick, dropDownMenuProps) : listPath;
-  return /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledRoot, {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", {
     id,
-    className: clsx.clsx(breadCrumbClasses.default.root, classes == null ? void 0 : classes.root, className),
+    className: cx(classes.root, className),
     ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledOrderedList, {
-      className: clsx.clsx(breadCrumbClasses.default.orderedList, classes == null ? void 0 : classes.orderedList),
+    children: /* @__PURE__ */ jsxRuntime.jsx("ol", {
+      className: 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.clsx(breadCrumbClasses.default.centerContainer, classes == null ? void 0 : classes.centerContainer),
-            separatorContainer: clsx.clsx(breadCrumbClasses.default.separatorContainer, classes == null ? void 0 : classes.separatorContainer)
+            centerContainer: classes.centerContainer,
+            separatorContainer: classes.separatorContainer
           },
           last: isLast,
-          children: React.isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledTypography, {
-            className: clsx.clsx(breadCrumbClasses.default.currentPage, classes == null ? void 0 : classes.currentPage),
+          children: React.isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+            className: classes.currentPage,
             variant: "body",
             children: utils.removeExtension(elem.label)
           }) || /* @__PURE__ */ jsxRuntime.jsx(Page.HvPage, {
             elem,
             classes: {
-              a: clsx.clsx(breadCrumbClasses.default.a, classes == null ? void 0 : classes.a),
-              link: clsx.clsx(breadCrumbClasses.default.link, classes == null ? void 0 : classes.link)
+              a: classes.a,
+              link: classes.link
             },
             component,
             onClick
@@ -71,5 +74,6 @@ const HvBreadCrumb = (props) => {
     })
   });
 };
+exports.breadCrumbClasses = BreadCrumb_styles.staticClasses;
 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 { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport isNil from \"lodash/isNil\";\n\nimport { isValidElement, MouseEvent } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvDropDownMenuProps } from \"@core/components/DropDownMenu\";\n\nimport breadCrumbClasses, { HvBreadCrumbClasses } from \"./breadCrumbClasses\";\nimport { HvPathElement } from \"./PathElement\";\nimport { HvPage } from \"./Page\";\nimport {\n  StyledOrderedList,\n  StyledRoot,\n  StyledTypography,\n} from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvBreadCrumbPathElement } from \"./types\";\n\nexport interface HvBreadCrumbProps\n  extends 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?: (event: MouseEvent<HTMLElement>, data: any) => void;\n  /** Props passed down to the DropDownMenu sub-menu component. */\n  dropDownMenuProps?: Partial<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 = (props: HvBreadCrumbProps) => {\n  const {\n    classes,\n    className,\n    id,\n    listRoute = [],\n    maxVisible,\n    url,\n    onClick,\n    component,\n    dropDownMenuProps,\n    ...others\n  } = useDefaultProps(\"HvBreadCrumb\", props);\n\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          listPath,\n          maxVisibleElem,\n          onClick,\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          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                    {removeExtension(elem.label)}\n                  </StyledTypography>\n                )) || (\n                  <HvPage\n                    elem={elem}\n                    classes={{\n                      a: clsx(breadCrumbClasses.a, classes?.a),\n                      link: clsx(breadCrumbClasses.link, classes?.link),\n                    }}\n                    component={component}\n                    onClick={onClick}\n                  />\n                )}\n            </HvPathElement>\n          );\n        })}\n      </StyledOrderedList>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBreadCrumb","props","classes","className","id","listRoute","maxVisible","url","onClick","component","dropDownMenuProps","others","useDefaultProps","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","removeExtension","_jsx","HvPage","a","link"],"mappings":";;;;;;;;;;;;;;AA0CaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,YAAY,CAAE;AAAA,IACdC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,gBAAgBX,KAAK;AAEzC,QAAMY,iBAAiBP,cAAcA,aAAa,IAAI,IAAIA;AACtDQ,MAAAA,WAAWT,UAAUU;AAGrB,MAAA,CAACC,eAAAA,QAAMT,GAAG,GAAG;AACfO,eAAW,CAAA;AAGLG,UAAAA,UAAUV,IAAIW,MAAM,cAAc;AAGxC,UAAMC,mBAAmBZ,IAAIa,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,CACH;AAAA,EACF;AAEMC,QAAAA,iBACJpB,kBAAkBC,SAASoB,SAASrB,iBAChCsB,MAAAA,gBACE/B,IACAU,UACAD,gBACAL,SACAE,iBACF,IACAI;AAEN,wCACGsB,kBAAAA,YAAU;AAAA,IACThC;AAAAA,IACAD,WAAWkC,KAAKC,KAAAA,kBAAAA,QAAkBC,MAAMrC,mCAASqC,MAAMpC,SAAS;AAAA,IAAE,GAC9DQ;AAAAA,IAAM6B,yCAETC,qCAAiB;AAAA,MAChBtC,WAAWkC,KAAAA,KAAKC,kBAAAA,QAAkBI,aAAaxC,mCAASwC,WAAW;AAAA,MAAEF,UAEpE1B,SAASW,IAAI,CAACC,MAAMC,UAAU;AAC7B,cAAMgB,MAAO,OAAMhB;AACbiB,cAAAA,SAASjB,UAAUM,eAAeC,SAAS;AAEjD,8CACGW,YAAAA,eAAa;AAAA,UACZ3C,SAAS;AAAA,YACP4C,iBAAiBT,KAAAA,KACfC,kBAAAA,QAAkBQ,iBAClB5C,mCAAS4C,eACX;AAAA,YACAC,oBAAoBV,KAAAA,KAClBC,kBAAAA,QAAkBS,oBAClB7C,mCAAS6C,kBACX;AAAA,UACF;AAAA,UAEAC,MAAMJ;AAAAA,UAAOJ,UAEXS,MAAevB,eAAAA,IAAI,KAAKA,QACvBkB,yCACEM,oCAAgB;AAAA,YACf/C,WAAWkC,KAAAA,KACTC,kBAAAA,QAAkBa,aAClBjD,mCAASiD,WACX;AAAA,YACAC,SAAQ;AAAA,YAAMZ,UAEba,MAAAA,gBAAgB3B,KAAKG,KAAK;AAAA,UAAA,CACX,KAElByB,2BAAAA,IAACC,aAAM;AAAA,YACL7B;AAAAA,YACAxB,SAAS;AAAA,cACPsD,GAAGnB,KAAAA,KAAKC,kBAAAA,QAAkBkB,GAAGtD,mCAASsD,CAAC;AAAA,cACvCC,MAAMpB,KAAAA,KAAKC,kBAAAA,QAAkBmB,MAAMvD,mCAASuD,IAAI;AAAA,YAClD;AAAA,YACAhD;AAAAA,YACAD;AAAAA,UAAAA,CACD;AAAA,WAvBAmC,GAyBQ;AAAA,MAAA,CAElB;AAAA,IAAA,CACgB;AAAA,EAAA,CACT;AAEhB;;"}
+{"version":3,"file":"BreadCrumb.cjs","sources":["../../../../src/components/BreadCrumb/BreadCrumb.tsx"],"sourcesContent":["import { isValidElement, MouseEvent } from \"react\";\n\nimport isNil from \"lodash/isNil\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvDropDownMenuProps } from \"@core/components/DropDownMenu\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { HvPathElement } from \"./PathElement\";\nimport { HvPage } from \"./Page\";\nimport { staticClasses, useClasses } from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvBreadCrumbPathElement } from \"./types\";\n\nexport { staticClasses as breadCrumbClasses };\n\nexport type HvBreadCrumbClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBreadCrumbProps\n  extends 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?: (event: MouseEvent<HTMLElement>, data: any) => void;\n  /** Props passed down to the DropDownMenu sub-menu component. */\n  dropDownMenuProps?: Partial<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 = (props: HvBreadCrumbProps) => {\n  const {\n    classes: classesProp,\n    className,\n    id,\n    listRoute = [],\n    maxVisible,\n    url,\n    onClick,\n    component,\n    dropDownMenuProps,\n    ...others\n  } = useDefaultProps(\"HvBreadCrumb\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\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          listPath,\n          maxVisibleElem,\n          onClick,\n          dropDownMenuProps\n        )\n      : listPath;\n\n  return (\n    <nav id={id} className={cx(classes.root, className)} {...others}>\n      <ol className={classes.orderedList}>\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          return (\n            <HvPathElement\n              classes={{\n                centerContainer: classes.centerContainer,\n                separatorContainer: classes.separatorContainer,\n              }}\n              key={key}\n              last={isLast}\n            >\n              {(isValidElement(elem) && elem) ||\n                (isLast && (\n                  <HvTypography className={classes.currentPage} variant=\"body\">\n                    {removeExtension(elem.label)}\n                  </HvTypography>\n                )) || (\n                  <HvPage\n                    elem={elem}\n                    classes={{\n                      a: classes.a,\n                      link: classes.link,\n                    }}\n                    component={component}\n                    onClick={onClick}\n                  />\n                )}\n            </HvPathElement>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"names":["HvBreadCrumb","props","classes","classesProp","className","id","listRoute","maxVisible","url","onClick","component","dropDownMenuProps","others","useDefaultProps","cx","useClasses","maxVisibleElem","listPath","slice","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","elem","index","push","label","decodeURI","path","join","breadcrumbPath","length","pathWithSubMenu","root","children","orderedList","key","isLast","HvPathElement","centerContainer","separatorContainer","last","isValidElement","HvTypography","currentPage","variant","removeExtension","_jsx","HvPage","a","link"],"mappings":";;;;;;;;;;;;;AAyCaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,YAAY,CAAE;AAAA,IACdC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,gBAAgBZ,KAAK;AAEnC,QAAA;AAAA,IAAEC;AAAAA,IAASY;AAAAA,EAAAA,IAAOC,kBAAAA,WAAWZ,WAAW;AAE9C,QAAMa,iBAAiBT,cAAcA,aAAa,IAAI,IAAIA;AACtDU,MAAAA,WAAWX,UAAUY;AAGrB,MAAA,CAACC,eAAAA,QAAMX,GAAG,GAAG;AACfS,eAAW,CAAA;AAGLG,UAAAA,UAAUZ,IAAIa,MAAM,cAAc;AAGxC,UAAMC,mBAAmBd,IAAIe,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,CACH;AAAA,EACF;AAEMC,QAAAA,iBACJpB,kBAAkBC,SAASoB,SAASrB,iBAChCsB,MAAAA,gBACEjC,IACAY,UACAD,gBACAP,SACAE,iBACF,IACAM;AAEN,wCACE,OAAA;AAAA,IAAKZ;AAAAA,IAAQD,WAAWU,GAAGZ,QAAQqC,MAAMnC,SAAS;AAAA,IAAE,GAAKQ;AAAAA,IAAM4B,yCAC7D,MAAA;AAAA,MAAIpC,WAAWF,QAAQuC;AAAAA,MAAYD,UAChCvB,SAASW,IAAI,CAACC,MAAMC,UAAU;AAC7B,cAAMY,MAAO,OAAMZ;AACba,cAAAA,SAASb,UAAUM,eAAeC,SAAS;AAEjD,8CACGO,YAAAA,eAAa;AAAA,UACZ1C,SAAS;AAAA,YACP2C,iBAAiB3C,QAAQ2C;AAAAA,YACzBC,oBAAoB5C,QAAQ4C;AAAAA,UAC9B;AAAA,UAEAC,MAAMJ;AAAAA,UAAOH,UAEXQ,MAAenB,eAAAA,IAAI,KAAKA,QACvBc,yCACEM,yBAAY;AAAA,YAAC7C,WAAWF,QAAQgD;AAAAA,YAAaC,SAAQ;AAAA,YAAMX,UACzDY,MAAAA,gBAAgBvB,KAAKG,KAAK;AAAA,UAAA,CACf,KAEdqB,2BAAAA,IAACC,aAAM;AAAA,YACLzB;AAAAA,YACA3B,SAAS;AAAA,cACPqD,GAAGrD,QAAQqD;AAAAA,cACXC,MAAMtD,QAAQsD;AAAAA,YAChB;AAAA,YACA9C;AAAAA,YACAD;AAAAA,UAAAA,CACD;AAAA,WAjBAiC,GAmBQ;AAAA,MAAA,CAElB;AAAA,IAAA,CACC;AAAA,EAAA,CACD;AAET;;;"}

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

@@ -1,53 +1,29 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const React = require("react");
-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);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledRoot = /* @__PURE__ */ _styled__default.default("nav", process.env.NODE_ENV === "production" ? {
-  target: "e17idydo2"
-} : {
-  target: "e17idydo2",
-  label: "StyledRoot"
-})(process.env.NODE_ENV === "production" ? {
-  name: "okudj8",
-  styles: "display:flex;align-items:center;z-index:0"
-} : {
-  name: "okudj8",
-  styles: "display:flex;align-items:center;z-index:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBSZWYsIGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdlR5cG9ncmFwaHlQcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJuYXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgekluZGV4OiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRPcmRlcmVkTGlzdCA9IHN0eWxlZChcIm9sXCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBhZGRpbmdMZWZ0OiAwLFxuICBtYXJnaW5MZWZ0OiBgLSR7dGhlbWUuc3BhY2UueHN9YCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY/OiBSZWY8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgcGFkZGluZzogYDhweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const classes = require("../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvBreadCrumb", {
+  root: {
+    display: "flex",
+    alignItems: "center",
+    zIndex: 0
+  },
+  link: {},
+  orderedList: {
+    display: "flex",
+    paddingLeft: 0,
+    marginLeft: `-${uikitStyles.theme.space.xs}`
+  },
+  currentPage: {
+    padding: `8px ${uikitStyles.theme.space.xs}`
+  },
+  centerContainer: {},
+  separatorContainer: {},
+  a: {}
 });
-const StyledOrderedList = /* @__PURE__ */ _styled__default.default("ol", process.env.NODE_ENV === "production" ? {
-  target: "e17idydo1"
-} : {
-  target: "e17idydo1",
-  label: "StyledOrderedList"
-})({
-  display: "flex",
-  paddingLeft: 0,
-  marginLeft: `-${uikitStyles.theme.space.xs}`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBSZWYsIGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdlR5cG9ncmFwaHlQcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJuYXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgekluZGV4OiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRPcmRlcmVkTGlzdCA9IHN0eWxlZChcIm9sXCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBhZGRpbmdMZWZ0OiAwLFxuICBtYXJnaW5MZWZ0OiBgLSR7dGhlbWUuc3BhY2UueHN9YCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY/OiBSZWY8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgcGFkZGluZzogYDhweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledTypography = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-    ...props,
-    ref
-  });
-}), process.env.NODE_ENV === "production" ? {
-  target: "e17idydo0"
-} : {
-  target: "e17idydo0",
-  label: "StyledTypography"
-})({
-  padding: `8px ${uikitStyles.theme.space.xs}`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0JyZWFkQ3J1bWIvQnJlYWRDcnVtYi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgUmVmLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSwgSHZUeXBvZ3JhcGh5UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwibmF2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIHpJbmRleDogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3JkZXJlZExpc3QgPSBzdHlsZWQoXCJvbFwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBwYWRkaW5nTGVmdDogMCxcbiAgbWFyZ2luTGVmdDogYC0ke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdlR5cG9ncmFwaHlQcm9wcywgcmVmPzogUmVmPEhUTUxFbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIHBhZGRpbmc6IGA4cHggJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG4iXX0= */");
-exports.StyledOrderedList = StyledOrderedList;
-exports.StyledRoot = StyledRoot;
-exports.StyledTypography = StyledTypography;
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=BreadCrumb.styles.cjs.map

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\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { Ref, forwardRef } from \"react\";\n\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\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(\n  forwardRef((props: HvTypographyProps, ref?: Ref<HTMLElement>) => {\n    return <HvTypography {...props} ref={ref} />;\n  })\n)({\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","forwardRef","props","ref","HvTypography","padding"],"mappings":";;;;;;;;;;;;AAQO,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,CAItC;AAEM,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,q4CAAA;AAEK,MAAMe,mBAAmBlB,iCAAAA,QAC9BmB,MAAAA,WAAW,CAACC,OAA0BC,QAA2B;AAC/D,wCAAQC,WAAAA,cAAY;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAW;AAC7C,CAAC,GAACpB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CACJ,EAAE;AAAA,EACAkB,SAAU,OAAMR,YAAAA,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q4CAAA;;;;"}
+{"version":3,"file":"BreadCrumb.styles.cjs","sources":["../../../../src/components/BreadCrumb/BreadCrumb.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBreadCrumb\", {\n  root: { display: \"flex\", alignItems: \"center\", zIndex: 0 },\n  link: {},\n  orderedList: {\n    display: \"flex\",\n    paddingLeft: 0,\n    marginLeft: `-${theme.space.xs}`,\n  },\n  currentPage: { padding: `8px ${theme.space.xs}` },\n  centerContainer: {},\n  separatorContainer: {},\n  a: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","zIndex","link","orderedList","paddingLeft","marginLeft","theme","space","xs","currentPage","padding","centerContainer","separatorContainer","a"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,gBAAgB;AAAA,EACzEC,MAAM;AAAA,IAAEC,SAAS;AAAA,IAAQC,YAAY;AAAA,IAAUC,QAAQ;AAAA,EAAE;AAAA,EACzDC,MAAM,CAAC;AAAA,EACPC,aAAa;AAAA,IACXJ,SAAS;AAAA,IACTK,aAAa;AAAA,IACbC,YAAa,IAAGC,YAAAA,MAAMC,MAAMC;AAAAA,EAC9B;AAAA,EACAC,aAAa;AAAA,IAAEC,SAAU,OAAMJ,YAAAA,MAAMC,MAAMC;AAAAA,EAAK;AAAA,EAChDG,iBAAiB,CAAC;AAAA,EAClBC,oBAAoB,CAAC;AAAA,EACrBC,GAAG,CAAC;AACN,CAAC;;;"}

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

@@ -1,22 +1,24 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const clsx = require("clsx");
 const PathElement_styles = require("./PathElement.styles.cjs");
-const pathElementClasses = require("./pathElementClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const HvPathElement = ({
-  classes,
+  classes: classesProp,
   last = false,
   children
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(PathElement_styles.StyledLi, {
-    className: clsx.clsx(pathElementClasses.default.centerContainer, classes == null ? void 0 : classes.centerContainer),
+  const {
+    classes
+  } = PathElement_styles.useClasses(classesProp);
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", {
+    className: classes.centerContainer,
     children: [children, !last && /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, {
-      className: clsx.clsx(pathElementClasses.default.separatorContainer, classes == null ? void 0 : classes.separatorContainer),
+      className: classes.separatorContainer,
       color: "secondary_60"
     })]
   });
 };
+exports.pathElementClasses = PathElement_styles.staticClasses;
 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 pathElementClasses, { HvPathElementClasses } from \"./pathElementClasses\";\n\nexport interface 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=\"secondary_60\"\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,KAAAA,KACTC,mBAAAA,QAAmBC,iBACnBP,mCAASO,eACX;AAAA,IAAEL,UAAA,CAEDA,UACA,CAACD,uCACCO,gBAAAA,aAAW;AAAA,MACVJ,WAAWC,KAAAA,KACTC,mBAAAA,QAAmBG,oBACnBT,mCAASS,kBACX;AAAA,MACAC,OAAM;AAAA,IAAA,CACP,CACF;AAAA,EAAA,CACO;AAEd;;"}
+{"version":3,"file":"PathElement.cjs","sources":["../../../../../src/components/BreadCrumb/PathElement/PathElement.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./PathElement.styles\";\n\nexport { staticClasses as pathElementClasses };\n\nexport type HvPathElementClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvPathElementProps {\n  last?: boolean;\n  classes?: HvPathElementClasses;\n  children: React.ReactElement;\n}\n\nexport const HvPathElement = ({\n  classes: classesProp,\n  last = false,\n  children,\n}: HvPathElementProps) => {\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <li className={classes.centerContainer}>\n      {children}\n      {!last && (\n        <DropRightXS\n          className={classes.separatorContainer}\n          color=\"secondary_60\"\n        />\n      )}\n    </li>\n  );\n};\n"],"names":["HvPathElement","classes","classesProp","last","children","useClasses","className","centerContainer","DropRightXS","separatorContainer","color"],"mappings":";;;;;AAgBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC,SAASC;AAAAA,EACTC,OAAO;AAAA,EACPC;AACkB,MAAM;AAClB,QAAA;AAAA,IAAEH;AAAAA,EAAAA,IAAYI,mBAAAA,WAAWH,WAAW;AAE1C,yCACE,MAAA;AAAA,IAAII,WAAWL,QAAQM;AAAAA,IAAgBH,UAAA,CACpCA,UACA,CAACD,uCACCK,gBAAAA,aAAW;AAAA,MACVF,WAAWL,QAAQQ;AAAAA,MACnBC,OAAM;AAAA,IAAA,CACP,CACF;AAAA,EAAA,CACC;AAER;;;"}

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

@@ -1,24 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledLi = /* @__PURE__ */ _styled__default.default("li", process.env.NODE_ENV === "production" ? {
-  target: "e14mbcex0"
-} : {
-  target: "e14mbcex0",
-  label: "StyledLi"
-})(process.env.NODE_ENV === "production" ? {
-  name: "s5xdrg",
-  styles: "display:flex;align-items:center"
-} : {
-  name: "s5xdrg",
-  styles: "display:flex;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9QYXRoRWxlbWVudC9QYXRoRWxlbWVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0JyZWFkQ3J1bWIvUGF0aEVsZW1lbnQvUGF0aEVsZW1lbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGkgPSBzdHlsZWQoXCJsaVwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const classes = require("../../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvPathElement", {
+  centerContainer: {
+    display: "flex",
+    alignItems: "center"
+  },
+  separatorContainer: {}
 });
-exports.StyledLi = StyledLi;
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=PathElement.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"PathElement.styles.cjs","sources":["../../../../../src/components/BreadCrumb/PathElement/PathElement.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const StyledLi = styled(\"li\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n"],"names":["StyledLi","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;AAEO,MAAMA,WAAkBC,iCAAA,QAAA,MAAIC,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,CAGnC;;"}
+{"version":3,"file":"PathElement.styles.cjs","sources":["../../../../../src/components/BreadCrumb/PathElement/PathElement.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvPathElement\", {\n  centerContainer: { display: \"flex\", alignItems: \"center\" },\n  separatorContainer: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","centerContainer","display","alignItems","separatorContainer"],"mappings":";;;AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,iBAAiB;AAAA,EAC1EC,iBAAiB;AAAA,IAAEC,SAAS;AAAA,IAAQC,YAAY;AAAA,EAAS;AAAA,EACzDC,oBAAoB,CAAC;AACvB,CAAC;;;"}

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

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const setId = require("../../utils/setId.cjs");
 const useTheme = require("../../hooks/useTheme.cjs");
+const hexToRgbA = require("../../utils/hexToRgbA.cjs");
 const BulkActions_styles = require("./BulkActions.styles.cjs");
-const bulkActionsClasses = require("./bulkActionsClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Button = require("../Button/Button.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const CheckBox = require("../CheckBox/CheckBox.cjs");
+const ActionsGeneric = require("../ActionsGeneric/ActionsGeneric.cjs");
 const HvBulkActions = (props) => {
   var _a;
   const {
     id,
     className,
-    classes,
+    classes: classesProp,
     selectAllPagesLabel,
     actionsDisabled,
     maxVisibleActions,
@@ -33,10 +33,16 @@ const HvBulkActions = (props) => {
     onSelectAllPages,
     ...others
   } = useDefaultProps.useDefaultProps("HvBulkActions", props);
+  const {
+    classes,
+    cx,
+    css
+  } = BulkActions_styles.useClasses(classesProp);
   const {
     activeTheme,
     selectedMode
   } = useTheme.useTheme();
+  const baseColor = ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base_light) || uikitStyles.theme.colors.base_light;
   const anySelected = numSelected > 0;
   const isSemantic = semantic && anySelected;
   const selectAllLabelComponent = /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
@@ -55,17 +61,35 @@ const HvBulkActions = (props) => {
       }), ` ${selectAllConjunctionLabel} ${numTotal}`]
     })
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(BulkActions_styles.StyledRoot, {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     id,
-    className: clsx.clsx(className, classes == null ? void 0 : classes.root, bulkActionsClasses.default.root, isSemantic && clsx.clsx(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].base_light) || uikitStyles.theme.colors.base_light,
+    className: cx(classes.root, {
+      [classes.semantic]: isSemantic
+    }, isSemantic && css({
+      "& $selectAll div": {
+        color: uikitStyles.theme.colors.base_dark,
+        "&:hover:not(:disabled)": {
+          backgroundColor: hexToRgbA.hexToRgbA(baseColor, 0.3)
+        },
+        "& *": {
+          color: uikitStyles.theme.colors.base_dark,
+          backgroundColor: "transparent"
+        }
+      },
+      "& $selectAll:focus-within div": {
+        backgroundColor: hexToRgbA.hexToRgbA(baseColor, 0.3)
+      },
+      // IE fallback code (using focus-within-polyfill)
+      "& $selectAll.focus-within div": {
+        backgroundColor: hexToRgbA.hexToRgbA(baseColor, 0.3)
+      }
+    }), className),
     ...others,
-    children: [/* @__PURE__ */ jsxRuntime.jsxs(BulkActions_styles.StyledSelectAllContainer, {
-      className: clsx.clsx(classes == null ? void 0 : classes.selectAllContainer, bulkActionsClasses.default.selectAllContainer),
+    children: [/* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: classes.selectAllContainer,
       children: [/* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, {
         id: setId.setId(id, "select"),
-        className: clsx.clsx(classes == null ? void 0 : classes.selectAll, bulkActionsClasses.default.selectAll),
+        className: classes.selectAll,
         checked: numSelected > 0,
         semantic: isSemantic,
         onChange: onSelectAll,
@@ -73,18 +97,20 @@ const HvBulkActions = (props) => {
         label: selectAllLabelComponent,
         ...checkboxProps
       }), showSelectAllPages && anySelected && numSelected < numTotal && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx(BulkActions_styles.StyledDivider, {}), /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+        children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: classes.divider
+        }), /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
           id: setId.setId(id, "pages"),
-          className: clsx.clsx(classes == null ? void 0 : classes.selectAllPages, bulkActionsClasses.default.selectAllPages),
+          className: classes.selectAllPages,
           variant: isSemantic ? "semantic" : "secondaryGhost",
           onClick: onSelectAllPages,
           children: selectAllPagesLabel ?? `Select all ${numTotal} items across all pages`
         })]
       })]
-    }), /* @__PURE__ */ jsxRuntime.jsx(BulkActions_styles.StyledGenericActions, {
+    }), /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, {
       id: setId.setId(id, "actions"),
       classes: {
-        root: clsx.clsx(classes == null ? void 0 : classes.actions, bulkActionsClasses.default.actions)
+        root: classes.actions
       },
       category: isSemantic ? "semantic" : "secondaryGhost",
       actions,
@@ -94,5 +120,6 @@ const HvBulkActions = (props) => {
     })]
   });
 };
+exports.bulkActionsClasses = BulkActions_styles.staticClasses;
 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 { clsx } from \"clsx\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { HvCheckBox, HvCheckBoxProps } from \"@core/components/CheckBox\";\nimport {\n  HvActionGeneric,\n  HvActionsGenericProps,\n} from \"@core/components/ActionsGeneric\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport {\n  StyledGenericActions,\n  StyledRoot,\n  StyledSelectAllContainer,\n  StyledDivider,\n} from \"./BulkActions.styles\";\nimport bulkActionsClasses, { HvBulkActionsClasses } from \"./bulkActionsClasses\";\n\nexport interface HvBulkActionsProps extends 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 = (props: HvBulkActionsProps) => {\n  const {\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  } = useDefaultProps(\"HvBulkActions\", props);\n\n  const { activeTheme, selectedMode } = useTheme();\n\n  const anySelected = numSelected > 0;\n  const isSemantic = semantic && anySelected;\n\n  const selectAllLabelComponent = (\n    <HvTypography\n      component=\"span\"\n      disabled={checkboxProps?.disabled}\n      variant=\"body\"\n    >\n      {!anySelected ? (\n        <>\n          <HvTypography variant=\"label\">{selectAllLabel}</HvTypography>\n          {` (${numTotal})`}\n        </>\n      ) : (\n        <>\n          <HvTypography variant=\"label\">{numSelected}</HvTypography>\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].base_light ||\n        theme.colors.base_light\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            >\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","props","id","className","classes","selectAllPagesLabel","actionsDisabled","maxVisibleActions","checkboxProps","actions","numTotal","numSelected","selectAllLabel","selectAllConjunctionLabel","showSelectAllPages","semantic","actionsCallback","onSelectAll","onSelectAllPages","others","useDefaultProps","activeTheme","selectedMode","useTheme","anySelected","isSemantic","selectAllLabelComponent","HvTypography","component","disabled","variant","children","_jsxs","_Fragment","_jsx","StyledRoot","clsx","root","bulkActionsClasses","$isSemantic","$baseColor","colors","modes","base_light","theme","StyledSelectAllContainer","selectAllContainer","HvCheckBox","setId","selectAll","checked","onChange","indeterminate","label","StyledDivider","HvButton","selectAllPages","onClick","StyledGenericActions","category"],"mappings":"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"}
+{"version":3,"file":"BulkActions.cjs","sources":["../../../../src/components/BulkActions/BulkActions.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { setId } from \"@core/utils/setId\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { HvCheckBox, HvCheckBoxProps } from \"@core/components/CheckBox\";\nimport {\n  HvActionGeneric,\n  HvActionsGeneric,\n  HvActionsGenericProps,\n} from \"@core/components/ActionsGeneric\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\n\nimport { staticClasses, useClasses } from \"./BulkActions.styles\";\n\nexport { staticClasses as bulkActionsClasses };\n\nexport type HvBulkActionsClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBulkActionsProps extends 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 = (props: HvBulkActionsProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\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  } = useDefaultProps(\"HvBulkActions\", props);\n\n  const { classes, cx, css } = useClasses(classesProp);\n\n  const { activeTheme, selectedMode } = useTheme();\n\n  const baseColor =\n    activeTheme?.colors?.modes[selectedMode].base_light ||\n    theme.colors.base_light;\n  const anySelected = numSelected > 0;\n  const isSemantic = semantic && anySelected;\n\n  const selectAllLabelComponent = (\n    <HvTypography\n      component=\"span\"\n      disabled={checkboxProps?.disabled}\n      variant=\"body\"\n    >\n      {!anySelected ? (\n        <>\n          <HvTypography variant=\"label\">{selectAllLabel}</HvTypography>\n          {` (${numTotal})`}\n        </>\n      ) : (\n        <>\n          <HvTypography variant=\"label\">{numSelected}</HvTypography>\n          {` ${selectAllConjunctionLabel} ${numTotal}`}\n        </>\n      )}\n    </HvTypography>\n  );\n\n  return (\n    <div\n      id={id}\n      className={cx(\n        classes.root,\n        { [classes.semantic]: isSemantic },\n        isSemantic &&\n          css({\n            \"& $selectAll div\": {\n              color: theme.colors.base_dark,\n\n              \"&:hover:not(:disabled)\": {\n                backgroundColor: hexToRgbA(baseColor, 0.3),\n              },\n\n              \"& *\": {\n                color: theme.colors.base_dark,\n                backgroundColor: \"transparent\",\n              },\n            },\n\n            \"& $selectAll:focus-within div\": {\n              backgroundColor: hexToRgbA(baseColor, 0.3),\n            },\n\n            // IE fallback code (using focus-within-polyfill)\n            \"& $selectAll.focus-within div\": {\n              backgroundColor: hexToRgbA(baseColor, 0.3),\n            },\n          }),\n        className\n      )}\n      {...others}\n    >\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select\")}\n          className={classes.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            <div className={classes.divider} />\n            <HvButton\n              id={setId(id, \"pages\")}\n              className={classes.selectAllPages}\n              variant={isSemantic ? \"semantic\" : \"secondaryGhost\"}\n              onClick={onSelectAllPages}\n            >\n              {selectAllPagesLabel ??\n                `Select all ${numTotal} items across all pages`}\n            </HvButton>\n          </>\n        )}\n      </div>\n      <HvActionsGeneric\n        id={setId(id, \"actions\")}\n        classes={{ root: classes.actions }}\n        category={isSemantic ? \"semantic\" : \"secondaryGhost\"}\n        actions={actions}\n        disabled={actionsDisabled ?? numSelected === 0}\n        actionsCallback={actionsCallback}\n        maxVisibleActions={maxVisibleActions}\n      />\n    </div>\n  );\n};\n"],"names":["HvBulkActions","props","id","className","classes","classesProp","selectAllPagesLabel","actionsDisabled","maxVisibleActions","checkboxProps","actions","numTotal","numSelected","selectAllLabel","selectAllConjunctionLabel","showSelectAllPages","semantic","actionsCallback","onSelectAll","onSelectAllPages","others","useDefaultProps","cx","css","useClasses","activeTheme","selectedMode","useTheme","baseColor","colors","modes","base_light","theme","anySelected","isSemantic","selectAllLabelComponent","HvTypography","component","disabled","variant","children","_jsxs","_Fragment","_jsx","root","color","base_dark","backgroundColor","hexToRgbA","selectAllContainer","HvCheckBox","setId","selectAll","checked","onChange","indeterminate","label","divider","HvButton","selectAllPages","onClick","HvActionsGeneric","category"],"mappings":"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"}