@hitachivantara/uikit-react-core 5.23.0 → 5.24.0

package/dist/esm/components/BreadCrumb/BreadCrumb.styles.js

@@ -1,51 +1,29 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import { forwardRef } from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { HvTypography } from "../Typography/Typography.js";
-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("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__
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvBreadCrumb", {
+  root: {
+    display: "flex",
+    alignItems: "center",
+    zIndex: 0
+  },
+  link: {},
+  orderedList: {
+    display: "flex",
+    paddingLeft: 0,
+    marginLeft: `-${theme.space.xs}`
+  },
+  currentPage: {
+    padding: `8px ${theme.space.xs}`
+  },
+  centerContainer: {},
+  separatorContainer: {},
+  a: {}
 });
-const StyledOrderedList = /* @__PURE__ */ _styled("ol", process.env.NODE_ENV === "production" ? {
-  target: "e17idydo1"
-} : {
-  target: "e17idydo1",
-  label: "StyledOrderedList"
-})({
-  display: "flex",
-  paddingLeft: 0,
-  marginLeft: `-${theme.space.xs}`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBSZWYsIGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdlR5cG9ncmFwaHlQcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJuYXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgekluZGV4OiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRPcmRlcmVkTGlzdCA9IHN0eWxlZChcIm9sXCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBhZGRpbmdMZWZ0OiAwLFxuICBtYXJnaW5MZWZ0OiBgLSR7dGhlbWUuc3BhY2UueHN9YCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY/OiBSZWY8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgcGFkZGluZzogYDhweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledTypography = /* @__PURE__ */ _styled(forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(HvTypography, {
-    ...props,
-    ref
-  });
-}), process.env.NODE_ENV === "production" ? {
-  target: "e17idydo0"
-} : {
-  target: "e17idydo0",
-  label: "StyledTypography"
-})({
-  padding: `8px ${theme.space.xs}`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0JyZWFkQ3J1bWIvQnJlYWRDcnVtYi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgUmVmLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSwgSHZUeXBvZ3JhcGh5UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwibmF2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIHpJbmRleDogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3JkZXJlZExpc3QgPSBzdHlsZWQoXCJvbFwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBwYWRkaW5nTGVmdDogMCxcbiAgbWFyZ2luTGVmdDogYC0ke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdlR5cG9ncmFwaHlQcm9wcywgcmVmPzogUmVmPEhUTUxFbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIHBhZGRpbmc6IGA4cHggJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG4iXX0= */");
 export {
-  StyledOrderedList,
-  StyledRoot,
-  StyledTypography
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=BreadCrumb.styles.js.map

package/dist/esm/components/BreadCrumb/BreadCrumb.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumb.styles.js","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","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledOrderedList","display","paddingLeft","marginLeft","theme","space","xs","StyledTypography","_styled","forwardRef","props","ref","HvTypography","padding"],"mappings":";;;;;;;;AAQO,MAAMA,aAAoB,wBAAA,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,oBAA2B,wBAAA,MAAIV,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,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q4CAAA;AAEK,MAAMe,mBAAmBC,wBAC9BC,WAAW,CAACC,OAA0BC,QAA2B;AAC/D,6BAAQC,cAAY;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAW;AAC7C,CAAC,GAACrB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CACJ,EAAE;AAAA,EACAmB,SAAU,OAAMT,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q4CAAA;"}
+{"version":3,"file":"BreadCrumb.styles.js","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,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,MAAMC,MAAMC;AAAAA,EAC9B;AAAA,EACAC,aAAa;AAAA,IAAEC,SAAU,OAAMJ,MAAMC,MAAMC;AAAAA,EAAK;AAAA,EAChDG,iBAAiB,CAAC;AAAA,EAClBC,oBAAoB,CAAC;AAAA,EACrBC,GAAG,CAAC;AACN,CAAC;"}

package/dist/esm/components/BreadCrumb/PathElement/PathElement.js

@@ -1,22 +1,25 @@
 import { DropRightXS } from "@hitachivantara/uikit-react-icons";
-import { clsx } from "clsx";
-import { StyledLi } from "./PathElement.styles.js";
-import pathElementClasses from "./pathElementClasses.js";
+import { useClasses } from "./PathElement.styles.js";
+import { staticClasses } from "./PathElement.styles.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 const HvPathElement = ({
-  classes,
+  classes: classesProp,
   last = false,
   children
 }) => {
-  return /* @__PURE__ */ jsxs(StyledLi, {
-    className: clsx(pathElementClasses.centerContainer, classes == null ? void 0 : classes.centerContainer),
+  const {
+    classes
+  } = useClasses(classesProp);
+  return /* @__PURE__ */ jsxs("li", {
+    className: classes.centerContainer,
     children: [children, !last && /* @__PURE__ */ jsx(DropRightXS, {
-      className: clsx(pathElementClasses.separatorContainer, classes == null ? void 0 : classes.separatorContainer),
+      className: classes.separatorContainer,
       color: "secondary_60"
     })]
   });
 };
 export {
-  HvPathElement
+  HvPathElement,
+  staticClasses as pathElementClasses
 };
 //# sourceMappingURL=PathElement.js.map

package/dist/esm/components/BreadCrumb/PathElement/PathElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"PathElement.js","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,8BACGC,UAAQ;AAAA,IACPC,WAAWC,KACTC,mBAAmBC,iBACnBP,mCAASO,eACX;AAAA,IAAEL,UAAA,CAEDA,UACA,CAACD,4BACCO,aAAW;AAAA,MACVJ,WAAWC,KACTC,mBAAmBG,oBACnBT,mCAASS,kBACX;AAAA,MACAC,OAAM;AAAA,IAAA,CACP,CACF;AAAA,EAAA,CACO;AAEd;"}
+{"version":3,"file":"PathElement.js","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,WAAWH,WAAW;AAE1C,8BACE,MAAA;AAAA,IAAII,WAAWL,QAAQM;AAAAA,IAAgBH,UAAA,CACpCA,UACA,CAACD,4BACCK,aAAW;AAAA,MACVF,WAAWL,QAAQQ;AAAAA,MACnBC,OAAM;AAAA,IAAA,CACP,CACF;AAAA,EAAA,CACC;AAER;"}

package/dist/esm/components/BreadCrumb/PathElement/PathElement.styles.js

@@ -1,22 +1,16 @@
-import _styled from "@emotion/styled/base";
-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("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__
+import { createClasses } from "../../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvPathElement", {
+  centerContainer: {
+    display: "flex",
+    alignItems: "center"
+  },
+  separatorContainer: {}
 });
 export {
-  StyledLi
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=PathElement.styles.js.map

package/dist/esm/components/BreadCrumb/PathElement/PathElement.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PathElement.styles.js","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","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;AAEO,MAAMA,WAAkB,wBAAA,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.js","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,cAAc,iBAAiB;AAAA,EAC1EC,iBAAiB;AAAA,IAAEC,SAAS;AAAA,IAAQC,YAAY;AAAA,EAAS;AAAA,EACzDC,oBAAoB,CAAC;AACvB,CAAC;"}

package/dist/esm/components/BulkActions/BulkActions.js

@@ -1,20 +1,21 @@
-import { clsx } from "clsx";
-import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { theme } from "@hitachivantara/uikit-styles";
+import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { setId } from "../../utils/setId.js";
 import { useTheme } from "../../hooks/useTheme.js";
-import { StyledRoot, StyledSelectAllContainer, StyledDivider, StyledGenericActions } from "./BulkActions.styles.js";
-import bulkActionsClasses from "./bulkActionsClasses.js";
+import { hexToRgbA } from "../../utils/hexToRgbA.js";
+import { useClasses } from "./BulkActions.styles.js";
+import { staticClasses } from "./BulkActions.styles.js";
 import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
 import { HvButton } from "../Button/Button.js";
 import { HvTypography } from "../Typography/Typography.js";
 import { HvCheckBox } from "../CheckBox/CheckBox.js";
+import { HvActionsGeneric } from "../ActionsGeneric/ActionsGeneric.js";
 const HvBulkActions = (props) => {
   var _a;
   const {
     id,
     className,
-    classes,
+    classes: classesProp,
     selectAllPagesLabel,
     actionsDisabled,
     maxVisibleActions,
@@ -31,10 +32,16 @@ const HvBulkActions = (props) => {
     onSelectAllPages,
     ...others
   } = useDefaultProps("HvBulkActions", props);
+  const {
+    classes,
+    cx,
+    css
+  } = useClasses(classesProp);
   const {
     activeTheme,
     selectedMode
   } = useTheme();
+  const baseColor = ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base_light) || theme.colors.base_light;
   const anySelected = numSelected > 0;
   const isSemantic = semantic && anySelected;
   const selectAllLabelComponent = /* @__PURE__ */ jsx(HvTypography, {
@@ -53,17 +60,35 @@ const HvBulkActions = (props) => {
       }), ` ${selectAllConjunctionLabel} ${numTotal}`]
     })
   });
-  return /* @__PURE__ */ jsxs(StyledRoot, {
+  return /* @__PURE__ */ jsxs("div", {
     id,
-    className: clsx(className, classes == null ? void 0 : classes.root, bulkActionsClasses.root, isSemantic && clsx(classes == null ? void 0 : classes.semantic, bulkActionsClasses.semantic)),
-    $isSemantic: isSemantic,
-    $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base_light) || theme.colors.base_light,
+    className: cx(classes.root, {
+      [classes.semantic]: isSemantic
+    }, isSemantic && css({
+      "& $selectAll div": {
+        color: theme.colors.base_dark,
+        "&:hover:not(:disabled)": {
+          backgroundColor: hexToRgbA(baseColor, 0.3)
+        },
+        "& *": {
+          color: theme.colors.base_dark,
+          backgroundColor: "transparent"
+        }
+      },
+      "& $selectAll:focus-within div": {
+        backgroundColor: hexToRgbA(baseColor, 0.3)
+      },
+      // IE fallback code (using focus-within-polyfill)
+      "& $selectAll.focus-within div": {
+        backgroundColor: hexToRgbA(baseColor, 0.3)
+      }
+    }), className),
     ...others,
-    children: [/* @__PURE__ */ jsxs(StyledSelectAllContainer, {
-      className: clsx(classes == null ? void 0 : classes.selectAllContainer, bulkActionsClasses.selectAllContainer),
+    children: [/* @__PURE__ */ jsxs("div", {
+      className: classes.selectAllContainer,
       children: [/* @__PURE__ */ jsx(HvCheckBox, {
         id: setId(id, "select"),
-        className: clsx(classes == null ? void 0 : classes.selectAll, bulkActionsClasses.selectAll),
+        className: classes.selectAll,
         checked: numSelected > 0,
         semantic: isSemantic,
         onChange: onSelectAll,
@@ -71,18 +96,20 @@ const HvBulkActions = (props) => {
         label: selectAllLabelComponent,
         ...checkboxProps
       }), showSelectAllPages && anySelected && numSelected < numTotal && /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx(StyledDivider, {}), /* @__PURE__ */ jsx(HvButton, {
+        children: [/* @__PURE__ */ jsx("div", {
+          className: classes.divider
+        }), /* @__PURE__ */ jsx(HvButton, {
           id: setId(id, "pages"),
-          className: clsx(classes == null ? void 0 : classes.selectAllPages, bulkActionsClasses.selectAllPages),
+          className: classes.selectAllPages,
           variant: isSemantic ? "semantic" : "secondaryGhost",
           onClick: onSelectAllPages,
           children: selectAllPagesLabel ?? `Select all ${numTotal} items across all pages`
         })]
       })]
-    }), /* @__PURE__ */ jsx(StyledGenericActions, {
+    }), /* @__PURE__ */ jsx(HvActionsGeneric, {
       id: setId(id, "actions"),
       classes: {
-        root: clsx(classes == null ? void 0 : classes.actions, bulkActionsClasses.actions)
+        root: classes.actions
       },
       category: isSemantic ? "semantic" : "secondaryGhost",
       actions,
@@ -93,6 +120,7 @@ const HvBulkActions = (props) => {
   });
 };
 export {
-  HvBulkActions
+  HvBulkActions,
+  staticClasses as bulkActionsClasses
 };
 //# sourceMappingURL=BulkActions.js.map

package/dist/esm/components/BulkActions/BulkActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActions.js","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.js","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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"}

package/dist/esm/components/BulkActions/BulkActions.styles.js

@@ -1,109 +1,40 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import { transientOptions } from "../../utils/transientOptions.js";
-import { hexToRgbA } from "../../utils/hexToRgbA.js";
-import bulkActionsClasses from "./bulkActionsClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { HvActionsGeneric } from "../ActionsGeneric/ActionsGeneric.js";
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-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("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1nka4cc3"
-}, transientOptions) : _extends({}, {
-  target: "e1nka4cc3",
-  label: "StyledRoot"
-}, transientOptions))(({
-  $isSemantic,
-  $baseColor
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  border: theme.bulkActions.border,
-  backgroundColor: theme.bulkActions.backgroundColor,
-  padding: theme.bulkActions.padding,
-  marginBottom: theme.space.xs,
-  ...$isSemantic && {
-    backgroundColor: theme.bulkActions.anySelectedBackgroundColor,
-    [`& .${bulkActionsClasses.selectAll} div`]: {
-      color: theme.colors.base_dark,
-      "&:hover:not(:disabled)": {
-        backgroundColor: hexToRgbA($baseColor, 0.3)
-      },
-      "& *": {
-        color: theme.colors.base_dark,
-        backgroundColor: "transparent"
-      }
-    },
-    [`& .${bulkActionsClasses.selectAll}:focus-within div`]: {
-      backgroundColor: hexToRgbA($baseColor, 0.3)
-    },
-    // IE fallback code (using focus-within-polyfill)
-    [`& .${bulkActionsClasses.selectAll}.focus-within div`]: {
-      backgroundColor: hexToRgbA($baseColor, 0.3)
-    }
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvBulkActions", {
+  root: {
+    display: "flex",
+    alignItems: "center",
+    border: theme.bulkActions.border,
+    backgroundColor: theme.bulkActions.backgroundColor,
+    padding: theme.bulkActions.padding,
+    marginBottom: theme.space.xs
+  },
+  semantic: {
+    backgroundColor: theme.bulkActions.anySelectedBackgroundColor
+  },
+  actions: {
+    display: "inline-flex",
+    marginLeft: "auto"
+  },
+  selectAllContainer: {
+    display: "flex",
+    alignItems: "center"
+  },
+  selectAll: {},
+  selectAllPages: {},
+  divider: {
+    display: theme.bulkActions.separatorDisplay,
+    backgroundColor: theme.colors.atmo4,
+    width: "1px",
+    height: "32px",
+    marginLeft: theme.space.sm
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CdWxrQWN0aW9ucy9CdWxrQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBoZXhUb1JnYkEgfSBmcm9tIFwiQGNvcmUvdXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQge1xuICBIdkFjdGlvbnNHZW5lcmljLFxuICBIdkFjdGlvbnNHZW5lcmljUHJvcHMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0FjdGlvbnNHZW5lcmljXCI7XG5cbmltcG9ydCBidWxrQWN0aW9uc0NsYXNzZXMgZnJvbSBcIi4vYnVsa0FjdGlvbnNDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpc1NlbWFudGljLFxuICAgICRiYXNlQ29sb3IsXG4gIH06IHtcbiAgICAkaXNTZW1hbnRpYzogYm9vbGVhbjtcbiAgICAkYmFzZUNvbG9yOiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXI6IHRoZW1lLmJ1bGtBY3Rpb25zLmJvcmRlcixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1bGtBY3Rpb25zLmJhY2tncm91bmRDb2xvcixcbiAgICBwYWRkaW5nOiB0aGVtZS5idWxrQWN0aW9ucy5wYWRkaW5nLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG5cbiAgICAuLi4oJGlzU2VtYW50aWMgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idWxrQWN0aW9ucy5hbnlTZWxlY3RlZEJhY2tncm91bmRDb2xvcixcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9IGRpdmBdOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuXG4gICAgICAgIFwiJjpob3Zlcjpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBoZXhUb1JnYkEoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgICAgfSxcblxuICAgICAgICBcIiYgKlwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlX2RhcmssXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuXG4gICAgICBbYCYgLiR7YnVsa0FjdGlvbnNDbGFzc2VzLnNlbGVjdEFsbH06Zm9jdXMtd2l0aGluIGRpdmBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaGV4VG9SZ2JBKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICB9LFxuXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBbYCYgLiR7YnVsa0FjdGlvbnNDbGFzc2VzLnNlbGVjdEFsbH0uZm9jdXMtd2l0aGluIGRpdmBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaGV4VG9SZ2JBKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdEFsbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRHZW5lcmljQWN0aW9ucyA9IHN0eWxlZCgocHJvcHM6IEh2QWN0aW9uc0dlbmVyaWNQcm9wcykgPT4gKFxuICA8SHZBY3Rpb25zR2VuZXJpYyB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiB0aGVtZS5idWxrQWN0aW9ucy5zZXBhcmF0b3JEaXNwbGF5LFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbiAgd2lkdGg6IFwiMXB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnNtLFxufSk7XG4iXX0= */");
-const StyledSelectAllContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1nka4cc2"
-} : {
-  target: "e1nka4cc2",
-  label: "StyledSelectAllContainer"
-})(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRHdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgaGV4VG9SZ2JBIH0gZnJvbSBcIkBjb3JlL3V0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHtcbiAgSHZBY3Rpb25zR2VuZXJpYyxcbiAgSHZBY3Rpb25zR2VuZXJpY1Byb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9BY3Rpb25zR2VuZXJpY1wiO1xuXG5pbXBvcnQgYnVsa0FjdGlvbnNDbGFzc2VzIGZyb20gXCIuL2J1bGtBY3Rpb25zQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaXNTZW1hbnRpYyxcbiAgICAkYmFzZUNvbG9yLFxuICB9OiB7XG4gICAgJGlzU2VtYW50aWM6IGJvb2xlYW47XG4gICAgJGJhc2VDb2xvcjogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYm9yZGVyOiB0aGVtZS5idWxrQWN0aW9ucy5ib3JkZXIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idWxrQWN0aW9ucy5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgcGFkZGluZzogdGhlbWUuYnVsa0FjdGlvbnMucGFkZGluZyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuXG4gICAgLi4uKCRpc1NlbWFudGljICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYnVsa0FjdGlvbnMuYW55U2VsZWN0ZWRCYWNrZ3JvdW5kQ29sb3IsXG5cbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfSBkaXZgXToge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2VfZGFyayxcblxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogaGV4VG9SZ2JBKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICAgIH0sXG5cbiAgICAgICAgXCImICpcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICB9LFxuICAgICAgfSxcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9OmZvY3VzLXdpdGhpbiBkaXZgXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhleFRvUmdiQSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgfSxcblxuICAgICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9LmZvY3VzLXdpdGhpbiBkaXZgXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhleFRvUmdiQSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RBbGxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR2VuZXJpY0FjdGlvbnMgPSBzdHlsZWQoKHByb3BzOiBIdkFjdGlvbnNHZW5lcmljUHJvcHMpID0+IChcbiAgPEh2QWN0aW9uc0dlbmVyaWMgey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogdGhlbWUuYnVsa0FjdGlvbnMuc2VwYXJhdG9yRGlzcGxheSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIHdpZHRoOiBcIjFweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledGenericActions = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvActionsGeneric, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
-  target: "e1nka4cc1"
-} : {
-  target: "e1nka4cc1",
-  label: "StyledGenericActions"
-})(process.env.NODE_ENV === "production" ? {
-  name: "o2lcn2",
-  styles: "display:inline-flex;margin-left:auto"
-} : {
-  name: "o2lcn2",
-  styles: "display:inline-flex;margin-left:auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRW9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgaGV4VG9SZ2JBIH0gZnJvbSBcIkBjb3JlL3V0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHtcbiAgSHZBY3Rpb25zR2VuZXJpYyxcbiAgSHZBY3Rpb25zR2VuZXJpY1Byb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9BY3Rpb25zR2VuZXJpY1wiO1xuXG5pbXBvcnQgYnVsa0FjdGlvbnNDbGFzc2VzIGZyb20gXCIuL2J1bGtBY3Rpb25zQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaXNTZW1hbnRpYyxcbiAgICAkYmFzZUNvbG9yLFxuICB9OiB7XG4gICAgJGlzU2VtYW50aWM6IGJvb2xlYW47XG4gICAgJGJhc2VDb2xvcjogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYm9yZGVyOiB0aGVtZS5idWxrQWN0aW9ucy5ib3JkZXIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idWxrQWN0aW9ucy5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgcGFkZGluZzogdGhlbWUuYnVsa0FjdGlvbnMucGFkZGluZyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuXG4gICAgLi4uKCRpc1NlbWFudGljICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYnVsa0FjdGlvbnMuYW55U2VsZWN0ZWRCYWNrZ3JvdW5kQ29sb3IsXG5cbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfSBkaXZgXToge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2VfZGFyayxcblxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogaGV4VG9SZ2JBKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICAgIH0sXG5cbiAgICAgICAgXCImICpcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICB9LFxuICAgICAgfSxcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9OmZvY3VzLXdpdGhpbiBkaXZgXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhleFRvUmdiQSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgfSxcblxuICAgICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9LmZvY3VzLXdpdGhpbiBkaXZgXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhleFRvUmdiQSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RBbGxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR2VuZXJpY0FjdGlvbnMgPSBzdHlsZWQoKHByb3BzOiBIdkFjdGlvbnNHZW5lcmljUHJvcHMpID0+IChcbiAgPEh2QWN0aW9uc0dlbmVyaWMgey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogdGhlbWUuYnVsa0FjdGlvbnMuc2VwYXJhdG9yRGlzcGxheSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIHdpZHRoOiBcIjFweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledDivider = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1nka4cc0"
-} : {
-  target: "e1nka4cc0",
-  label: "StyledDivider"
-})({
-  display: theme.bulkActions.separatorDisplay,
-  backgroundColor: theme.colors.atmo4,
-  width: "1px",
-  height: "32px",
-  marginLeft: theme.space.sm
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgaGV4VG9SZ2JBIH0gZnJvbSBcIkBjb3JlL3V0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHtcbiAgSHZBY3Rpb25zR2VuZXJpYyxcbiAgSHZBY3Rpb25zR2VuZXJpY1Byb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9BY3Rpb25zR2VuZXJpY1wiO1xuXG5pbXBvcnQgYnVsa0FjdGlvbnNDbGFzc2VzIGZyb20gXCIuL2J1bGtBY3Rpb25zQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaXNTZW1hbnRpYyxcbiAgICAkYmFzZUNvbG9yLFxuICB9OiB7XG4gICAgJGlzU2VtYW50aWM6IGJvb2xlYW47XG4gICAgJGJhc2VDb2xvcjogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYm9yZGVyOiB0aGVtZS5idWxrQWN0aW9ucy5ib3JkZXIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idWxrQWN0aW9ucy5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgcGFkZGluZzogdGhlbWUuYnVsa0FjdGlvbnMucGFkZGluZyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuXG4gICAgLi4uKCRpc1NlbWFudGljICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYnVsa0FjdGlvbnMuYW55U2VsZWN0ZWRCYWNrZ3JvdW5kQ29sb3IsXG5cbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfSBkaXZgXToge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2VfZGFyayxcblxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogaGV4VG9SZ2JBKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICAgIH0sXG5cbiAgICAgICAgXCImICpcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICB9LFxuICAgICAgfSxcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9OmZvY3VzLXdpdGhpbiBkaXZgXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhleFRvUmdiQSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgfSxcblxuICAgICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9LmZvY3VzLXdpdGhpbiBkaXZgXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhleFRvUmdiQSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RBbGxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR2VuZXJpY0FjdGlvbnMgPSBzdHlsZWQoKHByb3BzOiBIdkFjdGlvbnNHZW5lcmljUHJvcHMpID0+IChcbiAgPEh2QWN0aW9uc0dlbmVyaWMgey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogdGhlbWUuYnVsa0FjdGlvbnMuc2VwYXJhdG9yRGlzcGxheSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIHdpZHRoOiBcIjFweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */");
 export {
-  StyledDivider,
-  StyledGenericActions,
-  StyledRoot,
-  StyledSelectAllContainer
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=BulkActions.styles.js.map

package/dist/esm/components/BulkActions/BulkActions.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActions.styles.js","sources":["../../../../src/components/BulkActions/BulkActions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport {\n  HvActionsGeneric,\n  HvActionsGenericProps,\n} from \"@core/components/ActionsGeneric\";\n\nimport bulkActionsClasses from \"./bulkActionsClasses\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $isSemantic,\n    $baseColor,\n  }: {\n    $isSemantic: boolean;\n    $baseColor: string;\n  }) => ({\n    display: \"flex\",\n    alignItems: \"center\",\n    border: theme.bulkActions.border,\n    backgroundColor: theme.bulkActions.backgroundColor,\n    padding: theme.bulkActions.padding,\n    marginBottom: theme.space.xs,\n\n    ...($isSemantic && {\n      backgroundColor: theme.bulkActions.anySelectedBackgroundColor,\n\n      [`& .${bulkActionsClasses.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      [`& .${bulkActionsClasses.selectAll}:focus-within div`]: {\n        backgroundColor: hexToRgbA($baseColor, 0.3),\n      },\n\n      // IE fallback code (using focus-within-polyfill)\n      [`& .${bulkActionsClasses.selectAll}.focus-within div`]: {\n        backgroundColor: hexToRgbA($baseColor, 0.3),\n      },\n    }),\n  })\n);\n\nexport const StyledSelectAllContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nexport const StyledGenericActions = styled((props: HvActionsGenericProps) => (\n  <HvActionsGeneric {...props} />\n))({\n  display: \"inline-flex\",\n  marginLeft: \"auto\",\n});\n\nexport const StyledDivider = styled(\"div\")({\n  display: theme.bulkActions.separatorDisplay,\n  backgroundColor: theme.colors.atmo4,\n  width: \"1px\",\n  height: \"32px\",\n  marginLeft: theme.space.sm,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$isSemantic","$baseColor","display","alignItems","border","theme","bulkActions","backgroundColor","padding","marginBottom","space","xs","anySelectedBackgroundColor","bulkActionsClasses","selectAll","color","colors","base_dark","hexToRgbA","StyledSelectAllContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledGenericActions","_styled","props","HvActionsGeneric","StyledDivider","separatorDisplay","atmo4","width","height","marginLeft","sm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAaaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,QAAQC,MAAMC,YAAYF;AAAAA,EAC1BG,iBAAiBF,MAAMC,YAAYC;AAAAA,EACnCC,SAASH,MAAMC,YAAYE;AAAAA,EAC3BC,cAAcJ,MAAMK,MAAMC;AAAAA,EAE1B,GAAIX,eAAe;AAAA,IACjBO,iBAAiBF,MAAMC,YAAYM;AAAAA,IAEnC,CAAE,MAAKC,mBAAmBC,eAAe,GAAG;AAAA,MAC1CC,OAAOV,MAAMW,OAAOC;AAAAA,MAEpB,0BAA0B;AAAA,QACxBV,iBAAiBW,UAAUjB,YAAY,GAAG;AAAA,MAC5C;AAAA,MAEA,OAAO;AAAA,QACLc,OAAOV,MAAMW,OAAOC;AAAAA,QACpBV,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,CAAE,MAAKM,mBAAmBC,4BAA4B,GAAG;AAAA,MACvDP,iBAAiBW,UAAUjB,YAAY,GAAG;AAAA,IAC5C;AAAA;AAAA,IAGA,CAAE,MAAKY,mBAAmBC,4BAA4B,GAAG;AAAA,MACvDP,iBAAiBW,UAAUjB,YAAY,GAAG;AAAA,IAC5C;AAAA,EACF;AACF,IAAER,QAAAC,IAAAC,8tGACJ;AAEO,MAAMwB,2BAAkC,wBAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGpD;AAEM,MAAMC,uBAAuBC,wBAAO,CAACC,8BACzCC,kBAAgB;AAAA,EAAA,GAAKD;AAAK,CAAG,GAC/BlC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGD;AAEM,MAAMK,gBAAuB,wBAAA,OAAKpC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCG,SAASG,MAAMC,YAAYwB;AAAAA,EAC3BvB,iBAAiBF,MAAMW,OAAOe;AAAAA,EAC9BC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,YAAY7B,MAAMK,MAAMyB;AAC1B,GAAC1C,QAAAC,IAAAC,aAAC,eAAA,KAAA,6rGAAA;"}
+{"version":3,"file":"BulkActions.styles.js","sources":["../../../../src/components/BulkActions/BulkActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBulkActions\", {\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    border: theme.bulkActions.border,\n    backgroundColor: theme.bulkActions.backgroundColor,\n    padding: theme.bulkActions.padding,\n    marginBottom: theme.space.xs,\n  },\n  semantic: {\n    backgroundColor: theme.bulkActions.anySelectedBackgroundColor,\n  },\n  actions: { display: \"inline-flex\", marginLeft: \"auto\" },\n  selectAllContainer: { display: \"flex\", alignItems: \"center\" },\n  selectAll: {},\n  selectAllPages: {},\n  divider: {\n    display: theme.bulkActions.separatorDisplay,\n    backgroundColor: theme.colors.atmo4,\n    width: \"1px\",\n    height: \"32px\",\n    marginLeft: theme.space.sm,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","border","theme","bulkActions","backgroundColor","padding","marginBottom","space","xs","semantic","anySelectedBackgroundColor","actions","marginLeft","selectAllContainer","selectAll","selectAllPages","divider","separatorDisplay","colors","atmo4","width","height","sm"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,QAAQC,MAAMC,YAAYF;AAAAA,IAC1BG,iBAAiBF,MAAMC,YAAYC;AAAAA,IACnCC,SAASH,MAAMC,YAAYE;AAAAA,IAC3BC,cAAcJ,MAAMK,MAAMC;AAAAA,EAC5B;AAAA,EACAC,UAAU;AAAA,IACRL,iBAAiBF,MAAMC,YAAYO;AAAAA,EACrC;AAAA,EACAC,SAAS;AAAA,IAAEZ,SAAS;AAAA,IAAea,YAAY;AAAA,EAAO;AAAA,EACtDC,oBAAoB;AAAA,IAAEd,SAAS;AAAA,IAAQC,YAAY;AAAA,EAAS;AAAA,EAC5Dc,WAAW,CAAC;AAAA,EACZC,gBAAgB,CAAC;AAAA,EACjBC,SAAS;AAAA,IACPjB,SAASG,MAAMC,YAAYc;AAAAA,IAC3Bb,iBAAiBF,MAAMgB,OAAOC;AAAAA,IAC9BC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRT,YAAYV,MAAMK,MAAMe;AAAAA,EAC1B;AACF,CAAC;"}