@hitachivantara/uikit-react-core 5.28.1 → 5.30.0

package/dist/esm/components/FileUploader/File/File.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"File.styles.js","sources":["../../../../../src/components/FileUploader/File/File.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFile\", {\n  root: {},\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n  },\n  progressbarContainer: {\n    height: theme.fileUploader.file.progressHeight,\n  },\n  progressbarBack: {},\n  nameText: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n    alignItems: \"center\",\n  },\n  removeButton: {\n    width: 32,\n    height: 32,\n    margin: `0px ${theme.space.xs}`,\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: `0px ${theme.space.xs}`,\n    width: theme.fileUploader.file.previewContainerSize,\n    height: theme.fileUploader.file.previewContainerSize,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& span\": {\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      width: \"100%\",\n      height: \"100%\",\n    },\n\n    \"& img\": {\n      width: theme.fileUploader.file.imageSize,\n      height: theme.fileUploader.file.imageSize,\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n      alignSelf: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: `0px ${theme.space.xs}`,\n  },\n  fail: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","progressbar","position","top","progressbarContainer","height","theme","fileUploader","file","progressHeight","progressbarBack","nameText","overflow","textOverflow","whiteSpace","progressTextContainer","display","flexGrow","alignItems","removeButton","width","margin","space","xs","previewContainer","previewContainerSize","justifyContent","imageSize","objectFit","objectPosition","alignSelf","icon","fail"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,UAAU;AAAA,EACnEC,MAAM,CAAC;AAAA,EACPC,aAAa;AAAA,IACXC,UAAU;AAAA,IACVC,KAAK;AAAA,EACP;AAAA,EACAC,sBAAsB;AAAA,IACpBC,QAAQC,MAAMC,aAAaC,KAAKC;AAAAA,EAClC;AAAA,EACAC,iBAAiB,CAAC;AAAA,EAClBC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACAC,cAAc;AAAA,IACZC,OAAO;AAAA,IACPf,QAAQ;AAAA,IACRgB,QAAS,OAAMf,MAAMgB,MAAMC,EAAG;AAAA,EAChC;AAAA,EACAC,kBAAkB;AAAA,IAChBR,SAAS;AAAA,IACTK,QAAS,OAAMf,MAAMgB,MAAMC,EAAG;AAAA,IAC9BH,OAAOd,MAAMC,aAAaC,KAAKiB;AAAAA,IAC/BpB,QAAQC,MAAMC,aAAaC,KAAKiB;AAAAA,IAChCC,gBAAgB;AAAA,IAChBR,YAAY;AAAA,IAEZ,UAAU;AAAA,MACRF,SAAS;AAAA,MACTU,gBAAgB;AAAA,MAChBR,YAAY;AAAA,MACZE,OAAO;AAAA,MACPf,QAAQ;AAAA,IACV;AAAA,IAEA,SAAS;AAAA,MACPe,OAAOd,MAAMC,aAAaC,KAAKmB;AAAAA,MAC/BtB,QAAQC,MAAMC,aAAaC,KAAKmB;AAAAA,MAChCC,WAAW;AAAA,MACXC,gBAAgB;AAAA,MAChBC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJX,OAAO;AAAA,IACPf,QAAQ;AAAA,IACRgB,QAAS,OAAMf,MAAMgB,MAAMC,EAAG;AAAA,EAChC;AAAA,EACAS,MAAM,CAAC;AACT,CAAC;"}
+{"version":3,"file":"File.styles.js","sources":["../../../../../src/components/FileUploader/File/File.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFile\", {\n  root: {},\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n  },\n  progressbarContainer: {\n    height: \"4px\",\n  },\n  progressbarBack: {},\n  nameText: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n    alignItems: \"center\",\n  },\n  removeButton: {\n    width: 32,\n    height: 32,\n    margin: `0px ${theme.space.xs}`,\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: `0px ${theme.space.xs}`,\n    width: \"48px\",\n    height: \"48px\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& span\": {\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      width: \"100%\",\n      height: \"100%\",\n    },\n\n    \"& img\": {\n      width: \"40px\",\n      height: \"40px\",\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n      alignSelf: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: `0px ${theme.space.xs}`,\n  },\n  fail: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","progressbar","position","top","progressbarContainer","height","progressbarBack","nameText","overflow","textOverflow","whiteSpace","progressTextContainer","display","flexGrow","alignItems","removeButton","width","margin","theme","space","xs","previewContainer","justifyContent","objectFit","objectPosition","alignSelf","icon","fail"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,UAAU;AAAA,EACnEC,MAAM,CAAC;AAAA,EACPC,aAAa;AAAA,IACXC,UAAU;AAAA,IACVC,KAAK;AAAA,EACP;AAAA,EACAC,sBAAsB;AAAA,IACpBC,QAAQ;AAAA,EACV;AAAA,EACAC,iBAAiB,CAAC;AAAA,EAClBC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACAC,cAAc;AAAA,IACZC,OAAO;AAAA,IACPX,QAAQ;AAAA,IACRY,QAAS,OAAMC,MAAMC,MAAMC,EAAG;AAAA,EAChC;AAAA,EACAC,kBAAkB;AAAA,IAChBT,SAAS;AAAA,IACTK,QAAS,OAAMC,MAAMC,MAAMC,EAAG;AAAA,IAC9BJ,OAAO;AAAA,IACPX,QAAQ;AAAA,IACRiB,gBAAgB;AAAA,IAChBR,YAAY;AAAA,IAEZ,UAAU;AAAA,MACRF,SAAS;AAAA,MACTU,gBAAgB;AAAA,MAChBR,YAAY;AAAA,MACZE,OAAO;AAAA,MACPX,QAAQ;AAAA,IACV;AAAA,IAEA,SAAS;AAAA,MACPW,OAAO;AAAA,MACPX,QAAQ;AAAA,MACRkB,WAAW;AAAA,MACXC,gBAAgB;AAAA,MAChBC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJV,OAAO;AAAA,IACPX,QAAQ;AAAA,IACRY,QAAS,OAAMC,MAAMC,MAAMC,EAAG;AAAA,EAChC;AAAA,EACAO,MAAM,CAAC;AACT,CAAC;"}

package/dist/esm/components/FileUploader/FileList/FileList.js

@@ -4,13 +4,15 @@ import { setId } from "../../../utils/setId.js";
 import { useClasses } from "./FileList.styles.js";
 import { staticClasses } from "./FileList.styles.js";
 import { HvFile } from "../File/File.js";
-const HvFileList = ({
-  id,
-  classes: classesProp,
-  list = [],
-  removeFileButtonLabel,
-  onFileRemoved
-}) => {
+import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
+const HvFileList = (props) => {
+  const {
+    id,
+    classes: classesProp,
+    list = [],
+    removeFileButtonLabel,
+    onFileRemoved
+  } = useDefaultProps("HvFileList", props);
   const {
     classes
   } = useClasses(classesProp);

package/dist/esm/components/FileUploader/FileList/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport { staticClasses, useClasses } from \"./FileList.styles\";\n\nexport { staticClasses as fileListClasses };\n\nexport type HvFileListClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileListProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The files to upload.\n   */\n  list?: HvFileData[];\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileListClasses;\n}\n\nexport const HvFileList = ({\n  id,\n  classes: classesProp,\n  list = [],\n  removeFileButtonLabel,\n  onFileRemoved,\n}: HvFileListProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <ul id={setId(id, \"list\")} className={classes.list}>\n      {list.map((data) => (\n        <HvFile\n          key={data.id}\n          classes={{ root: classes?.listItem }}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </ul>\n  );\n};\n"],"names":["HvFileList","id","classes","classesProp","list","removeFileButtonLabel","onFileRemoved","useClasses","elementId","useUniqueId","hasFiles","length","setId","map","data","root","listItem"],"mappings":";;;;;;AAkCO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC,SAASC;AAAAA,EACTC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC;AACe,MAAM;AACf,QAAA;AAAA,IAAEJ;AAAAA,EAAAA,IAAYK,WAAWJ,WAAW;AAEpCK,QAAAA,YAAYC,YAAYR,IAAI,YAAY;AAExCS,QAAAA,WAAWN,KAAKO,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,SACG,oBAAA,MAAA,EAAG,IAAIE,MAAMX,IAAI,MAAM,GAAG,WAAWC,QAAQE,MAC3CA,UAAKS,KAAAA,IAAKC,CACT,SAAA,oBAAC,UAEC,SAAS;AAAA,IAAEC,MAAMb,mCAASc;AAAAA,EAC1B,GAAA,IAAIJ,MAAMJ,WAAW,QAAQ,GAC7B,MACA,eACA,sBALKM,GAAAA,KAAKb,GAOb,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"FileList.js","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks\";\nimport { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport { staticClasses, useClasses } from \"./FileList.styles\";\n\nexport { staticClasses as fileListClasses };\n\nexport type HvFileListClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileListProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The files to upload.\n   */\n  list?: HvFileData[];\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileListClasses;\n}\n\nexport const HvFileList = (props: HvFileListProps) => {\n  const {\n    id,\n    classes: classesProp,\n    list = [],\n    removeFileButtonLabel,\n    onFileRemoved,\n  } = useDefaultProps(\"HvFileList\", props);\n  const { classes } = useClasses(classesProp);\n\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <ul id={setId(id, \"list\")} className={classes.list}>\n      {list.map((data) => (\n        <HvFile\n          key={data.id}\n          classes={{ root: classes?.listItem }}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </ul>\n  );\n};\n"],"names":["HvFileList","props","id","classes","classesProp","list","removeFileButtonLabel","onFileRemoved","useDefaultProps","useClasses","elementId","useUniqueId","hasFiles","length","setId","map","data","root","listItem"],"mappings":";;;;;;;AAmCaA,MAAAA,aAAaA,CAACC,UAA2B;AAC9C,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC,OAAO,CAAE;AAAA,IACTC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,gBAAgB,cAAcP,KAAK;AACjC,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYM,WAAWL,WAAW;AAEpCM,QAAAA,YAAYC,YAAYT,IAAI,YAAY;AAExCU,QAAAA,WAAWP,KAAKQ,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,SACG,oBAAA,MAAA,EAAG,IAAIE,MAAMZ,IAAI,MAAM,GAAG,WAAWC,QAAQE,MAC3CA,UAAKU,KAAAA,IAAKC,CACT,SAAA,oBAAC,UAEC,SAAS;AAAA,IAAEC,MAAMd,mCAASe;AAAAA,EAC1B,GAAA,IAAIJ,MAAMJ,WAAW,QAAQ,GAC7B,MACA,eACA,sBALKM,GAAAA,KAAKd,GAOb,EACH,CAAA;AAEJ;"}

package/dist/esm/components/FileUploader/FileList/FileList.styles.js

@@ -19,8 +19,8 @@ const {
     alignItems: "center",
     background: theme.colors.atmo1,
     padding: `${theme.space.xs} 0px`,
-    border: theme.fileUploader.fileList.itemBorder,
-    borderRadius: theme.fileUploader.fileList.itemBorderRadius
+    border: `1px solid ${theme.colors.atmo4}`,
+    borderRadius: `0px 0px ${theme.radii.round} ${theme.radii.round}`
   }
 });
 export {

package/dist/esm/components/FileUploader/FileList/FileList.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.styles.js","sources":["../../../../../src/components/FileUploader/FileList/FileList.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFileList\", {\n  list: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: theme.space.xs,\n    margin: 0,\n    padding: 0,\n    marginTop: theme.space.sm,\n    listStyle: \"none\",\n  },\n  listItem: {\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"center\",\n    background: theme.colors.atmo1,\n    padding: `${theme.space.xs} 0px`,\n    border: theme.fileUploader.fileList.itemBorder,\n    borderRadius: theme.fileUploader.fileList.itemBorderRadius,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","list","display","flexDirection","gap","theme","space","xs","margin","padding","marginTop","sm","listStyle","listItem","position","alignItems","background","colors","atmo1","border","fileUploader","fileList","itemBorder","borderRadius","itemBorderRadius"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKC,MAAMC,MAAMC;AAAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,WAAWL,MAAMC,MAAMK;AAAAA,IACvBC,WAAW;AAAA,EACb;AAAA,EACAC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVZ,SAAS;AAAA,IACTa,YAAY;AAAA,IACZC,YAAYX,MAAMY,OAAOC;AAAAA,IACzBT,SAAU,GAAEJ,MAAMC,MAAMC,EAAG;AAAA,IAC3BY,QAAQd,MAAMe,aAAaC,SAASC;AAAAA,IACpCC,cAAclB,MAAMe,aAAaC,SAASG;AAAAA,EAC5C;AACF,CAAC;"}
+{"version":3,"file":"FileList.styles.js","sources":["../../../../../src/components/FileUploader/FileList/FileList.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFileList\", {\n  list: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: theme.space.xs,\n    margin: 0,\n    padding: 0,\n    marginTop: theme.space.sm,\n    listStyle: \"none\",\n  },\n  listItem: {\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"center\",\n    background: theme.colors.atmo1,\n    padding: `${theme.space.xs} 0px`,\n    border: `1px solid ${theme.colors.atmo4}`,\n    borderRadius: `0px 0px ${theme.radii.round} ${theme.radii.round}`,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","list","display","flexDirection","gap","theme","space","xs","margin","padding","marginTop","sm","listStyle","listItem","position","alignItems","background","colors","atmo1","border","atmo4","borderRadius","radii","round"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKC,MAAMC,MAAMC;AAAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,WAAWL,MAAMC,MAAMK;AAAAA,IACvBC,WAAW;AAAA,EACb;AAAA,EACAC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVZ,SAAS;AAAA,IACTa,YAAY;AAAA,IACZC,YAAYX,MAAMY,OAAOC;AAAAA,IACzBT,SAAU,GAAEJ,MAAMC,MAAMC,EAAG;AAAA,IAC3BY,QAAS,aAAYd,MAAMY,OAAOG,KAAM;AAAA,IACxCC,cAAe,WAAUhB,MAAMiB,MAAMC,KAAM,IAAGlB,MAAMiB,MAAMC,KAAM;AAAA,EAClE;AACF,CAAC;"}

package/dist/esm/components/FileUploader/Preview/Preview.js

@@ -4,15 +4,17 @@ import { Preview } from "@hitachivantara/uikit-react-icons";
 import { useClasses } from "./Preview.styles.js";
 import { staticClasses } from "./Preview.styles.js";
 import { HvButton } from "../../Button/Button.js";
-const HvFileUploaderPreview = ({
-  className,
-  children,
-  classes: classesProp,
-  disableOverlay = false,
-  onUnload,
-  onClick,
-  ...others
-}) => {
+import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
+const HvFileUploaderPreview = (props) => {
+  const {
+    className,
+    children,
+    classes: classesProp,
+    disableOverlay = false,
+    onUnload,
+    onClick,
+    ...others
+  } = useDefaultProps("HvFileUploaderPreview", props);
   const {
     classes,
     cx,

package/dist/esm/components/FileUploader/Preview/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\n\nimport { Preview } from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Preview.styles\";\n\nexport { staticClasses as fileUploaderPreviewClasses };\n\nexport type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileUploaderPreviewProps\n  extends Omit<HvButtonProps, \"children\" | \"classes\"> {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback executed when the preview is unmounted.\n   *\n   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n   */\n  onUnload?: () => void;\n  /**\n   * If `true`, doesn't show an overlay on top of the preview when hovering.\n   *\n   * Only applies when `onClick` is set.\n   */\n  disableOverlay?: boolean;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileUploaderPreviewClasses;\n}\n\n/**\n * The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = ({\n  className,\n  children,\n  classes: classesProp,\n  disableOverlay = false,\n  onUnload,\n  onClick,\n  ...others\n}: HvFileUploaderPreviewProps) => {\n  const { classes, cx, css } = useClasses(classesProp);\n\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <HvButton\n        icon\n        className={cx(classes.previewButton, className)}\n        onClick={onClick}\n        {...others}\n      >\n        {children}\n        {!disableOverlay && (\n          <div className={classes.overlay} aria-hidden=\"true\">\n            <Preview\n              className={css({\n                position: \"absolute\",\n                left: \"50%\",\n                top: \"50%\",\n                transform: \"translate(-50%, -50%)\",\n                display: \"none\",\n              })}\n            />\n          </div>\n        )}\n      </HvButton>\n    );\n  }\n\n  return children;\n};\n"],"names":["HvFileUploaderPreview","className","children","classes","classesProp","disableOverlay","onUnload","onClick","others","cx","css","useClasses","useEffect","previewButton","overlay","position","left","top","transform","display"],"mappings":";;;;;;AA0CO,MAAMA,wBAAwBA,CAAC;AAAA,EACpCC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACTC,iBAAiB;AAAA,EACjBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACuB,MAAM;AAC1B,QAAA;AAAA,IAAEL;AAAAA,IAASM;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAWP,WAAW;AAEnDQ,YAAU,MAAM;AACd,WAAO,MAAM;AACA;AAAA,IAAA;AAAA,EACb,GACC,CAACN,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,WACG,qBAAA,UAAA,EACC,MAAI,MACJ,WAAWE,GAAGN,QAAQU,eAAeZ,SAAS,GAC9C,SACIO,GAAAA,QAEHN,UAAAA;AAAAA,MAAAA;AAAAA,MACA,CAACG,kBACC,oBAAA,OAAA,EAAI,WAAWF,QAAQW,SAAS,eAAY,QAC3C,UAAA,oBAAC,SACC,EAAA,WAAWJ,IAAI;AAAA,QACbK,UAAU;AAAA,QACVC,MAAM;AAAA,QACNC,KAAK;AAAA,QACLC,WAAW;AAAA,QACXC,SAAS;AAAA,MAAA,CACV,GAAE,EAEP,CAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AAEOjB,SAAAA;AACT;"}
+{"version":3,"file":"Preview.js","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\n\nimport { Preview } from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { useDefaultProps } from \"@core/hooks\";\nimport { staticClasses, useClasses } from \"./Preview.styles\";\n\nexport { staticClasses as fileUploaderPreviewClasses };\n\nexport type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileUploaderPreviewProps\n  extends Omit<HvButtonProps, \"children\" | \"classes\"> {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback executed when the preview is unmounted.\n   *\n   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n   */\n  onUnload?: () => void;\n  /**\n   * If `true`, doesn't show an overlay on top of the preview when hovering.\n   *\n   * Only applies when `onClick` is set.\n   */\n  disableOverlay?: boolean;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileUploaderPreviewClasses;\n}\n\n/**\n * The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = (props: HvFileUploaderPreviewProps) => {\n  const {\n    className,\n    children,\n    classes: classesProp,\n    disableOverlay = false,\n    onUnload,\n    onClick,\n    ...others\n  } = useDefaultProps(\"HvFileUploaderPreview\", props);\n  const { classes, cx, css } = useClasses(classesProp);\n\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <HvButton\n        icon\n        className={cx(classes.previewButton, className)}\n        onClick={onClick}\n        {...others}\n      >\n        {children}\n        {!disableOverlay && (\n          <div className={classes.overlay} aria-hidden=\"true\">\n            <Preview\n              className={css({\n                position: \"absolute\",\n                left: \"50%\",\n                top: \"50%\",\n                transform: \"translate(-50%, -50%)\",\n                display: \"none\",\n              })}\n            />\n          </div>\n        )}\n      </HvButton>\n    );\n  }\n\n  return children;\n};\n"],"names":["HvFileUploaderPreview","props","className","children","classes","classesProp","disableOverlay","onUnload","onClick","others","useDefaultProps","cx","css","useClasses","useEffect","previewButton","overlay","position","left","top","transform","display"],"mappings":";;;;;;;AA2CaA,MAAAA,wBAAwBA,CAACC,UAAsC;AACpE,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC,iBAAiB;AAAA,IACjBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,yBAAyBT,KAAK;AAC5C,QAAA;AAAA,IAAEG;AAAAA,IAASO;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAWR,WAAW;AAEnDS,YAAU,MAAM;AACd,WAAO,MAAM;AACA;AAAA,IAAA;AAAA,EACb,GACC,CAACP,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,WACG,qBAAA,UAAA,EACC,MAAI,MACJ,WAAWG,GAAGP,QAAQW,eAAeb,SAAS,GAC9C,SACIO,GAAAA,QAEHN,UAAAA;AAAAA,MAAAA;AAAAA,MACA,CAACG,kBACC,oBAAA,OAAA,EAAI,WAAWF,QAAQY,SAAS,eAAY,QAC3C,UAAA,oBAAC,SACC,EAAA,WAAWJ,IAAI;AAAA,QACbK,UAAU;AAAA,QACVC,MAAM;AAAA,QACNC,KAAK;AAAA,QACLC,WAAW;AAAA,QACXC,SAAS;AAAA,MAAA,CACV,GAAE,EAEP,CAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AAEOlB,SAAAA;AACT;"}

package/dist/esm/components/FileUploader/Preview/Preview.styles.js

@@ -6,8 +6,8 @@ const {
 } = createClasses("HvFileUploaderPreview", {
   previewButton: {
     position: "relative",
-    width: theme.fileUploader.preview.buttonSize,
-    height: theme.fileUploader.preview.buttonSize,
+    width: "48px",
+    height: "48px",
     "&:hover *": {
       display: "flex"
     }
@@ -21,9 +21,9 @@ const {
     display: "none",
     justifyContent: "center",
     alignItems: "center",
-    backgroundColor: theme.fileUploader.preview.overlayColor,
-    opacity: theme.fileUploader.preview.overlayOpacity,
-    borderRadius: theme.fileUploader.preview.overlayBorderRadius
+    backgroundColor: theme.colors.primary_20,
+    opacity: "1",
+    borderRadius: theme.radii.base
   }
 });
 export {

package/dist/esm/components/FileUploader/Preview/Preview.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.styles.js","sources":["../../../../../src/components/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvFileUploaderPreview\",\n  {\n    previewButton: {\n      position: \"relative\",\n      width: theme.fileUploader.preview.buttonSize,\n      height: theme.fileUploader.preview.buttonSize,\n      \"&:hover *\": {\n        display: \"flex\",\n      },\n    },\n    overlay: {\n      position: \"absolute\",\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      display: \"none\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      backgroundColor: theme.fileUploader.preview.overlayColor,\n      opacity: theme.fileUploader.preview.overlayOpacity,\n      borderRadius: theme.fileUploader.preview.overlayBorderRadius,\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","previewButton","position","width","theme","fileUploader","preview","buttonSize","height","display","overlay","top","bottom","left","right","justifyContent","alignItems","backgroundColor","overlayColor","opacity","overlayOpacity","borderRadius","overlayBorderRadius"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,yBACA;AAAA,EACEC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,OAAOC,MAAMC,aAAaC,QAAQC;AAAAA,IAClCC,QAAQJ,MAAMC,aAAaC,QAAQC;AAAAA,IACnC,aAAa;AAAA,MACXE,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPR,UAAU;AAAA,IACVS,KAAK;AAAA,IACLC,QAAQ;AAAA,IACRC,MAAM;AAAA,IACNC,OAAO;AAAA,IACPL,SAAS;AAAA,IACTM,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,iBAAiBb,MAAMC,aAAaC,QAAQY;AAAAA,IAC5CC,SAASf,MAAMC,aAAaC,QAAQc;AAAAA,IACpCC,cAAcjB,MAAMC,aAAaC,QAAQgB;AAAAA,EAC3C;AACF,CACF;"}
+{"version":3,"file":"Preview.styles.js","sources":["../../../../../src/components/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvFileUploaderPreview\",\n  {\n    previewButton: {\n      position: \"relative\",\n      width: \"48px\",\n      height: \"48px\",\n      \"&:hover *\": {\n        display: \"flex\",\n      },\n    },\n    overlay: {\n      position: \"absolute\",\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      display: \"none\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      backgroundColor: theme.colors.primary_20,\n      opacity: \"1\",\n      borderRadius: theme.radii.base,\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","previewButton","position","width","height","display","overlay","top","bottom","left","right","justifyContent","alignItems","backgroundColor","theme","colors","primary_20","opacity","borderRadius","radii","base"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,yBACA;AAAA,EACEC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACR,aAAa;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPJ,UAAU;AAAA,IACVK,KAAK;AAAA,IACLC,QAAQ;AAAA,IACRC,MAAM;AAAA,IACNC,OAAO;AAAA,IACPL,SAAS;AAAA,IACTM,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,iBAAiBC,MAAMC,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,IACTC,cAAcJ,MAAMK,MAAMC;AAAAA,EAC5B;AACF,CACF;"}

package/dist/esm/components/FilterGroup/Counter/Counter.js

@@ -3,6 +3,7 @@ import { useContext } from "react";
 import { HvFilterGroupContext } from "../FilterGroupContext.js";
 import { useClasses } from "./Counter.styles.js";
 import { staticClasses } from "./Counter.styles.js";
+import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
 const getExistingFiltersById = (idx, filterValues, filterOptions) => {
   var _a;
   let total = 0;
@@ -14,11 +15,12 @@ const getExistingFiltersById = (idx, filterValues, filterOptions) => {
   });
   return total;
 };
-const HvFilterGroupCounter = ({
-  className,
-  id,
-  classes: classesProp
-}) => {
+const HvFilterGroupCounter = (props) => {
+  const {
+    className,
+    id,
+    classes: classesProp
+  } = useDefaultProps("HvFilterGroupCounter", props);
   const {
     classes,
     cx

package/dist/esm/components/FilterGroup/Counter/Counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { staticClasses, useClasses } from \"./Counter.styles\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"../types\";\n\nexport { staticClasses as filterGroupCounterClasses };\n\nexport type HvFilterGroupCounterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupCounterProps {\n  className?: string;\n  id?: string;\n  classes?: HvFilterGroupCounterClasses;\n}\n\nconst getExistingFiltersById = (\n  idx: number,\n  filterValues: HvFilterGroupValue,\n  filterOptions: HvFilterGroupFilters\n) => {\n  let total = 0;\n  filterValues[idx]?.forEach((fv) => {\n    if (filterOptions[idx]?.data.find((f) => f.id === fv)) {\n      total += 1;\n    }\n  });\n  return total;\n};\n\nexport const HvFilterGroupCounter = ({\n  className,\n  id,\n  classes: classesProp,\n}: HvFilterGroupCounterProps) => {\n  const { classes, cx } = useClasses(classesProp);\n  const {\n    filterOptions,\n    filterValues = [],\n    appliedFilters = [],\n  } = useContext(HvFilterGroupContext);\n\n  const options =\n    id && filterOptions.find((option) => option.id === id)\n      ? ([\n          filterOptions.find((option) => option.id === id),\n        ] as HvFilterGroupFilters)\n      : filterOptions;\n  const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n  let groupsCounter = 0;\n  appliedFilters\n    .filter((elem) => elem !== undefined)\n    .forEach((fg, i) => {\n      groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n    });\n\n  const partialCounter = id\n    ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0\n    : groupsCounter;\n\n  const totalCounter = options.reduce(\n    (acc, option) => acc + option.data.length,\n    0\n  );\n\n  return (\n    <div className={cx(classes.root, className)}>\n      {partialCounter > 0 ? (\n        <p className={classes.partialCounter}>{partialCounter}</p>\n      ) : (\n        partialCounter\n      )}\n      {` / ${totalCounter}`}\n    </div>\n  );\n};\n"],"names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","HvFilterGroupCounter","className","classes","classesProp","cx","useClasses","appliedFilters","useContext","HvFilterGroupContext","options","option","optionIdx","findIndex","groupsCounter","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root"],"mappings":";;;;;AAkBA,MAAMA,yBAAyBA,CAC7BC,KACAC,cACAC,kBACG;;AACH,MAAIC,QAAQ;AACCH,qBAAAA,GAAG,MAAHA,mBAAMI,QAASC,CAAO,OAAA;;AAC7BH,SAAAA,MAAAA,cAAcF,GAAG,MAAjBE,gBAAAA,IAAoBI,KAAKC,KAAMC,CAAMA,MAAAA,EAAEC,OAAOJ,KAAK;AAC5C,eAAA;AAAA,IACX;AAAA,EAAA;AAEKF,SAAAA;AACT;AAEO,MAAMO,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAF;AAAAA,EACAG,SAASC;AACgB,MAAM;AACzB,QAAA;AAAA,IAAED;AAAAA,IAASE;AAAAA,EAAAA,IAAOC,WAAWF,WAAW;AACxC,QAAA;AAAA,IACJX;AAAAA,IACAD,eAAe,CAAE;AAAA,IACjBe,iBAAiB,CAAA;AAAA,EAAA,IACfC,WAAWC,oBAAoB;AAEnC,QAAMC,UACJV,MAAMP,cAAcK,KAAMa,CAAAA,WAAWA,OAAOX,OAAOA,EAAE,IAChD,CACCP,cAAcK,KAAMa,CAAAA,WAAWA,OAAOX,OAAOA,EAAE,CAAC,IAElDP;AACN,QAAMmB,YAAYnB,cAAcoB,UAAWF,CAAWA,WAAAA,OAAOX,OAAOA,EAAE;AAEtE,MAAIc,gBAAgB;AAEjBC,iBAAAA,OAAQC,UAASA,SAASC,MAAS,EACnCtB,QAAQ,CAACuB,IAAIC,MAAM;AACD7B,qBAAAA,uBAAuB6B,GAAG3B,cAAcC,aAAa;AAAA,EAAA,CACvE;AAEH,QAAM2B,iBAAiBpB,KACnBV,uBAAuBsB,WAAWpB,cAAcC,aAAa,KAAK,IAClEqB;AAEEO,QAAAA,eAAeX,QAAQY,OAC3B,CAACC,KAAKZ,WAAWY,MAAMZ,OAAOd,KAAK2B,QACnC,CACF;AAEA,8BACG,OAAI,EAAA,WAAWnB,GAAGF,QAAQsB,MAAMvB,SAAS,GACvCkB,UAAAA;AAAAA,IAAAA,iBAAiB,IACf,oBAAA,KAAA,EAAE,WAAWjB,QAAQiB,gBAAiBA,0BAAe,IAEtDA;AAAAA,IAEA,MAAKC,YAAa;AAAA,EACtB,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"Counter.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { useDefaultProps } from \"@core/hooks\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { staticClasses, useClasses } from \"./Counter.styles\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"../types\";\n\nexport { staticClasses as filterGroupCounterClasses };\n\nexport type HvFilterGroupCounterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupCounterProps {\n  className?: string;\n  id?: string;\n  classes?: HvFilterGroupCounterClasses;\n}\n\nconst getExistingFiltersById = (\n  idx: number,\n  filterValues: HvFilterGroupValue,\n  filterOptions: HvFilterGroupFilters\n) => {\n  let total = 0;\n  filterValues[idx]?.forEach((fv) => {\n    if (filterOptions[idx]?.data.find((f) => f.id === fv)) {\n      total += 1;\n    }\n  });\n  return total;\n};\n\nexport const HvFilterGroupCounter = (props: HvFilterGroupCounterProps) => {\n  const {\n    className,\n    id,\n    classes: classesProp,\n  } = useDefaultProps(\"HvFilterGroupCounter\", props);\n  const { classes, cx } = useClasses(classesProp);\n  const {\n    filterOptions,\n    filterValues = [],\n    appliedFilters = [],\n  } = useContext(HvFilterGroupContext);\n\n  const options =\n    id && filterOptions.find((option) => option.id === id)\n      ? ([\n          filterOptions.find((option) => option.id === id),\n        ] as HvFilterGroupFilters)\n      : filterOptions;\n  const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n  let groupsCounter = 0;\n  appliedFilters\n    .filter((elem) => elem !== undefined)\n    .forEach((fg, i) => {\n      groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n    });\n\n  const partialCounter = id\n    ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0\n    : groupsCounter;\n\n  const totalCounter = options.reduce(\n    (acc, option) => acc + option.data.length,\n    0\n  );\n\n  return (\n    <div className={cx(classes.root, className)}>\n      {partialCounter > 0 ? (\n        <p className={classes.partialCounter}>{partialCounter}</p>\n      ) : (\n        partialCounter\n      )}\n      {` / ${totalCounter}`}\n    </div>\n  );\n};\n"],"names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","HvFilterGroupCounter","props","className","classes","classesProp","useDefaultProps","cx","useClasses","appliedFilters","useContext","HvFilterGroupContext","options","option","optionIdx","findIndex","groupsCounter","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root"],"mappings":";;;;;;AAmBA,MAAMA,yBAAyBA,CAC7BC,KACAC,cACAC,kBACG;;AACH,MAAIC,QAAQ;AACCH,qBAAAA,GAAG,MAAHA,mBAAMI,QAASC,CAAO,OAAA;;AAC7BH,SAAAA,MAAAA,cAAcF,GAAG,MAAjBE,gBAAAA,IAAoBI,KAAKC,KAAMC,CAAMA,MAAAA,EAAEC,OAAOJ,KAAK;AAC5C,eAAA;AAAA,IACX;AAAA,EAAA;AAEKF,SAAAA;AACT;AAEaO,MAAAA,uBAAuBA,CAACC,UAAqC;AAClE,QAAA;AAAA,IACJC;AAAAA,IACAH;AAAAA,IACAI,SAASC;AAAAA,EAAAA,IACPC,gBAAgB,wBAAwBJ,KAAK;AAC3C,QAAA;AAAA,IAAEE;AAAAA,IAASG;AAAAA,EAAAA,IAAOC,WAAWH,WAAW;AACxC,QAAA;AAAA,IACJZ;AAAAA,IACAD,eAAe,CAAE;AAAA,IACjBiB,iBAAiB,CAAA;AAAA,EAAA,IACfC,WAAWC,oBAAoB;AAEnC,QAAMC,UACJZ,MAAMP,cAAcK,KAAMe,CAAAA,WAAWA,OAAOb,OAAOA,EAAE,IAChD,CACCP,cAAcK,KAAMe,CAAAA,WAAWA,OAAOb,OAAOA,EAAE,CAAC,IAElDP;AACN,QAAMqB,YAAYrB,cAAcsB,UAAWF,CAAWA,WAAAA,OAAOb,OAAOA,EAAE;AAEtE,MAAIgB,gBAAgB;AAEjBC,iBAAAA,OAAQC,UAASA,SAASC,MAAS,EACnCxB,QAAQ,CAACyB,IAAIC,MAAM;AACD/B,qBAAAA,uBAAuB+B,GAAG7B,cAAcC,aAAa;AAAA,EAAA,CACvE;AAEH,QAAM6B,iBAAiBtB,KACnBV,uBAAuBwB,WAAWtB,cAAcC,aAAa,KAAK,IAClEuB;AAEEO,QAAAA,eAAeX,QAAQY,OAC3B,CAACC,KAAKZ,WAAWY,MAAMZ,OAAOhB,KAAK6B,QACnC,CACF;AAEA,8BACG,OAAI,EAAA,WAAWnB,GAAGH,QAAQuB,MAAMxB,SAAS,GACvCmB,UAAAA;AAAAA,IAAAA,iBAAiB,IACf,oBAAA,KAAA,EAAE,WAAWlB,QAAQkB,gBAAiBA,0BAAe,IAEtDA;AAAAA,IAEA,MAAKC,YAAa;AAAA,EACtB,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/FilterGroup/Counter/Counter.styles.js

@@ -11,7 +11,7 @@ const {
   },
   partialCounter: {
     display: "inline-block",
-    fontWeight: theme.filterGroup.partialCounterFontWeight
+    fontWeight: theme.fontWeights.normal
   }
 });
 export {

package/dist/esm/components/FilterGroup/Counter/Counter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.styles.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvFilterGroupCounter\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  root: {\n    lineHeight: \"34px\",\n    marginRight: 10,\n  },\n  partialCounter: {\n    display: \"inline-block\",\n    fontWeight: theme.filterGroup.partialCounterFontWeight,\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","root","lineHeight","marginRight","partialCounter","display","fontWeight","theme","filterGroup","partialCounterFontWeight"],"mappings":";;AAIA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAcH,MAAM;AAAA,EAC/DI,MAAM;AAAA,IACJC,YAAY;AAAA,IACZC,aAAa;AAAA,EACf;AAAA,EACAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAYC,MAAMC,YAAYC;AAAAA,EAChC;AACF,CAAC;"}
+{"version":3,"file":"Counter.styles.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvFilterGroupCounter\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  root: {\n    lineHeight: \"34px\",\n    marginRight: 10,\n  },\n  partialCounter: {\n    display: \"inline-block\",\n    fontWeight: theme.fontWeights.normal,\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","root","lineHeight","marginRight","partialCounter","display","fontWeight","theme","fontWeights","normal"],"mappings":";;AAIA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAcH,MAAM;AAAA,EAC/DI,MAAM;AAAA,IACJC,YAAY;AAAA,IACZC,aAAa;AAAA,EACf;AAAA,EACAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAYC,MAAMC,YAAYC;AAAAA,EAChC;AACF,CAAC;"}

package/dist/esm/components/FilterGroup/FilterContent/FilterContent.js

@@ -9,31 +9,33 @@ import { HvFilterGroupContext } from "../FilterGroupContext.js";
 import { HvFilterGroupLeftPanel } from "../LeftPanel/LeftPanel.js";
 import { HvFilterGroupRightPanel } from "../RightPanel/RightPanel.js";
 import { HvButton } from "../../Button/Button.js";
+import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
 import { HvTypography } from "../../Typography/Typography.js";
 import { HvBaseDropdown } from "../../BaseDropdown/BaseDropdown.js";
 import { HvFilterGroupCounter } from "../Counter/Counter.js";
 import { HvActionBar } from "../../ActionBar/ActionBar.js";
-const HvFilterGroupContent = ({
-  id,
-  status,
-  disabled = false,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  description,
-  "aria-describedby": ariaDescribedBy,
-  onChange,
-  onCancel,
-  onClear,
-  labels,
-  horizontalPlacement = "right",
-  disablePortal = true,
-  escapeWithReference = true,
-  height,
-  leftEmptyElement,
-  rightEmptyElement,
-  classes: classesProp,
-  ...others
-}) => {
+const HvFilterGroupContent = (props) => {
+  const {
+    id,
+    status,
+    disabled = false,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    description,
+    "aria-describedby": ariaDescribedBy,
+    onChange,
+    onCancel,
+    onClear,
+    labels,
+    horizontalPlacement = "right",
+    disablePortal = true,
+    escapeWithReference = true,
+    height,
+    leftEmptyElement,
+    rightEmptyElement,
+    classes: classesProp,
+    ...others
+  } = useDefaultProps("HvFilterGroupContent", props);
   const {
     classes
   } = useClasses(classesProp);

package/dist/esm/components/FilterGroup/FilterContent/FilterContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterContent.js","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.tsx"],"sourcesContent":["import { useContext, useMemo, useRef, useState } from \"react\";\n\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { HvActionBar } from \"@core/components/ActionBar\";\nimport {\n  HvBaseDropdown,\n  HvBaseDropdownProps,\n} from \"@core/components/BaseDropdown\";\nimport { HvButton, HvButtonVariant } from \"@core/components/Button\";\nimport { HvFormStatus } from \"@core/components/Forms\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\n\nimport {\n  HvFilterGroupLabels,\n  HvFilterGroupValue,\n  HvFilterGroupHorizontalPlacement,\n} from \"../types\";\nimport { staticClasses, useClasses } from \"./FilterContent.styles\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { HvFilterGroupLeftPanel } from \"../LeftPanel\";\nimport { HvFilterGroupRightPanel } from \"../RightPanel\";\n\nexport { staticClasses as filterGroupContentClasses };\n\nexport type HvFilterGroupContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupContentProps\n  extends Omit<HvBaseDropdownProps, \"onChange\"> {\n  description?: React.ReactNode;\n  status?: HvFormStatus;\n  onChange?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    value?: HvFilterGroupValue\n  ) => void;\n  onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  labels?: HvFilterGroupLabels;\n  horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n  disablePortal?: boolean;\n  escapeWithReference?: boolean;\n  height?: string | number;\n  leftEmptyElement?: React.ReactNode;\n  rightEmptyElement?: React.ReactNode;\n  disabled?: boolean;\n  classes?: HvFilterGroupContentClasses;\n}\n\nexport const HvFilterGroupContent = ({\n  id,\n  status,\n  disabled = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onCancel,\n  onClear,\n  labels,\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n  height,\n  leftEmptyElement,\n  rightEmptyElement,\n  classes: classesProp,\n  ...others\n}: HvFilterGroupContentProps) => {\n  const { classes } = useClasses(classesProp);\n  const { activeTheme } = useTheme();\n\n  const [filterGroupOpen, setFilterGroupOpen] = useState<boolean>(false);\n\n  const {\n    defaultValue,\n    filterValues,\n    rollbackFilters,\n    clearFilters,\n    applyFilters,\n    applyDisabled,\n  } = useContext(HvFilterGroupContext);\n\n  const focusTarget = useRef<HTMLDivElement>(null);\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const onApplyHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    applyFilters();\n    onChange?.(event, filterValues);\n    setFilterGroupOpen(false);\n  };\n\n  const onCancelHandler = (\n    event: React.MouseEvent<HTMLButtonElement> | Event\n  ) => {\n    rollbackFilters();\n    onCancel?.(event);\n    setFilterGroupOpen(false);\n  };\n\n  const onClearHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    clearFilters();\n    onClear?.(event);\n  };\n\n  const handleToggle = (event: Event, open: boolean) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (event === null) return;\n    setFilterGroupOpen(open);\n    if (!open) onCancelHandler?.(event);\n  };\n\n  const Header = useMemo(\n    () => (\n      <>\n        <Filters />\n        <HvTypography variant=\"label\">{labels?.placeholder}</HvTypography>\n      </>\n    ),\n    [labels?.placeholder]\n  );\n\n  return (\n    <HvBaseDropdown\n      id={setId(id, \"dropdown\")}\n      role=\"combobox\"\n      classes={{\n        root: classes.dropdown,\n        panel: classes.panel,\n        selection: classes.baseDropdownSelection,\n        header: classes.header,\n      }}\n      disabled={disabled}\n      disablePortal={disablePortal}\n      variableWidth\n      placement={horizontalPlacement}\n      expanded={filterGroupOpen}\n      onToggle={handleToggle}\n      onClickOutside={onCancelHandler}\n      onContainerCreation={focusOnContainer}\n      placeholder={Header}\n      adornment={<HvFilterGroupCounter />}\n      popperProps={{\n        modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }],\n      }}\n      aria-haspopup=\"dialog\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={status === \"invalid\" ? true : undefined}\n      aria-errormessage={status === \"invalid\" ? setId(id, \"error\") : undefined}\n      aria-describedby={\n        [description && setId(id, \"description\"), ariaDescribedBy]\n          .join(\" \")\n          .trim() || undefined\n      }\n      {...others}\n    >\n      <div ref={focusTarget} tabIndex={-1} />\n      <div className={classes.root} style={{ height }}>\n        <HvFilterGroupLeftPanel\n          id={id}\n          className={classes.leftSidePanel}\n          emptyElement={leftEmptyElement}\n        />\n        <HvFilterGroupRightPanel\n          id={id}\n          className={classes.rightSidePanel}\n          emptyElement={rightEmptyElement}\n          labels={labels}\n        />\n      </div>\n      <HvActionBar className={classes.actionBar}>\n        <HvButton\n          id={setId(id, \"clearFilters-button\")}\n          disabled={\n            defaultValue\n              ? defaultValue?.flat().length === filterValues?.flat().length\n              : filterValues?.flat().length === 0\n          }\n          variant=\"secondaryGhost\"\n          onClick={onClearHandler}\n        >\n          {labels?.clearLabel}\n        </HvButton>\n        <div aria-hidden=\"true\" className={classes.space}>\n          &nbsp;\n        </div>\n        <HvButton\n          id={setId(id, \"apply-button\")}\n          disabled={applyDisabled}\n          variant={\n            activeTheme?.filterGroup.applyButtonVariant as HvButtonVariant\n          }\n          onClick={onApplyHandler}\n          className={classes.applyButton}\n        >\n          {labels?.applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"cancel-button\")}\n          variant={\n            activeTheme?.filterGroup.cancelButtonVariant as HvButtonVariant\n          }\n          onClick={onCancelHandler}\n        >\n          {labels?.cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    </HvBaseDropdown>\n  );\n};\n"],"names":["HvFilterGroupContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","classes","classesProp","others","useClasses","activeTheme","useTheme","filterGroupOpen","setFilterGroupOpen","useState","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","useContext","HvFilterGroupContext","focusTarget","useRef","focusOnContainer","current","focus","onApplyHandler","event","onCancelHandler","onClearHandler","handleToggle","open","Header","useMemo","placeholder","setId","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","filterGroup","applyButtonVariant","applyButton","applyLabel","cancelButtonVariant","cancelLabel"],"mappings":"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"}
+{"version":3,"file":"FilterContent.js","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.tsx"],"sourcesContent":["import { useContext, useMemo, useRef, useState } from \"react\";\n\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { HvActionBar } from \"@core/components/ActionBar\";\nimport {\n  HvBaseDropdown,\n  HvBaseDropdownProps,\n} from \"@core/components/BaseDropdown\";\nimport { HvButton, HvButtonVariant } from \"@core/components/Button\";\nimport { HvFormStatus } from \"@core/components/Forms\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { useDefaultProps } from \"@core/hooks\";\nimport {\n  HvFilterGroupLabels,\n  HvFilterGroupValue,\n  HvFilterGroupHorizontalPlacement,\n} from \"../types\";\nimport { staticClasses, useClasses } from \"./FilterContent.styles\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { HvFilterGroupLeftPanel } from \"../LeftPanel\";\nimport { HvFilterGroupRightPanel } from \"../RightPanel\";\n\nexport { staticClasses as filterGroupContentClasses };\n\nexport type HvFilterGroupContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupContentProps\n  extends Omit<HvBaseDropdownProps, \"onChange\"> {\n  description?: React.ReactNode;\n  status?: HvFormStatus;\n  onChange?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    value?: HvFilterGroupValue\n  ) => void;\n  onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  labels?: HvFilterGroupLabels;\n  horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n  disablePortal?: boolean;\n  escapeWithReference?: boolean;\n  height?: string | number;\n  leftEmptyElement?: React.ReactNode;\n  rightEmptyElement?: React.ReactNode;\n  disabled?: boolean;\n  classes?: HvFilterGroupContentClasses;\n}\n\nexport const HvFilterGroupContent = (props: HvFilterGroupContentProps) => {\n  const {\n    id,\n    status,\n    disabled = false,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n    onChange,\n    onCancel,\n    onClear,\n    labels,\n    horizontalPlacement = \"right\",\n    disablePortal = true,\n    escapeWithReference = true,\n    height,\n    leftEmptyElement,\n    rightEmptyElement,\n    classes: classesProp,\n    ...others\n  } = useDefaultProps(\"HvFilterGroupContent\", props);\n  const { classes } = useClasses(classesProp);\n  const { activeTheme } = useTheme();\n\n  const [filterGroupOpen, setFilterGroupOpen] = useState<boolean>(false);\n\n  const {\n    defaultValue,\n    filterValues,\n    rollbackFilters,\n    clearFilters,\n    applyFilters,\n    applyDisabled,\n  } = useContext(HvFilterGroupContext);\n\n  const focusTarget = useRef<HTMLDivElement>(null);\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const onApplyHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    applyFilters();\n    onChange?.(event, filterValues);\n    setFilterGroupOpen(false);\n  };\n\n  const onCancelHandler = (\n    event: React.MouseEvent<HTMLButtonElement> | Event\n  ) => {\n    rollbackFilters();\n    onCancel?.(event);\n    setFilterGroupOpen(false);\n  };\n\n  const onClearHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    clearFilters();\n    onClear?.(event);\n  };\n\n  const handleToggle = (event: Event, open: boolean) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (event === null) return;\n    setFilterGroupOpen(open);\n    if (!open) onCancelHandler?.(event);\n  };\n\n  const Header = useMemo(\n    () => (\n      <>\n        <Filters />\n        <HvTypography variant=\"label\">{labels?.placeholder}</HvTypography>\n      </>\n    ),\n    [labels?.placeholder]\n  );\n\n  return (\n    <HvBaseDropdown\n      id={setId(id, \"dropdown\")}\n      role=\"combobox\"\n      classes={{\n        root: classes.dropdown,\n        panel: classes.panel,\n        selection: classes.baseDropdownSelection,\n        header: classes.header,\n      }}\n      disabled={disabled}\n      disablePortal={disablePortal}\n      variableWidth\n      placement={horizontalPlacement}\n      expanded={filterGroupOpen}\n      onToggle={handleToggle}\n      onClickOutside={onCancelHandler}\n      onContainerCreation={focusOnContainer}\n      placeholder={Header}\n      adornment={<HvFilterGroupCounter />}\n      popperProps={{\n        modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }],\n      }}\n      aria-haspopup=\"dialog\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={status === \"invalid\" ? true : undefined}\n      aria-errormessage={status === \"invalid\" ? setId(id, \"error\") : undefined}\n      aria-describedby={\n        [description && setId(id, \"description\"), ariaDescribedBy]\n          .join(\" \")\n          .trim() || undefined\n      }\n      {...others}\n    >\n      <div ref={focusTarget} tabIndex={-1} />\n      <div className={classes.root} style={{ height }}>\n        <HvFilterGroupLeftPanel\n          id={id}\n          className={classes.leftSidePanel}\n          emptyElement={leftEmptyElement}\n        />\n        <HvFilterGroupRightPanel\n          id={id}\n          className={classes.rightSidePanel}\n          emptyElement={rightEmptyElement}\n          labels={labels}\n        />\n      </div>\n      <HvActionBar className={classes.actionBar}>\n        <HvButton\n          id={setId(id, \"clearFilters-button\")}\n          disabled={\n            defaultValue\n              ? defaultValue?.flat().length === filterValues?.flat().length\n              : filterValues?.flat().length === 0\n          }\n          variant=\"secondaryGhost\"\n          onClick={onClearHandler}\n        >\n          {labels?.clearLabel}\n        </HvButton>\n        <div aria-hidden=\"true\" className={classes.space}>\n          &nbsp;\n        </div>\n        <HvButton\n          id={setId(id, \"apply-button\")}\n          disabled={applyDisabled}\n          variant={\n            activeTheme?.filterGroup.applyButtonVariant as HvButtonVariant\n          }\n          onClick={onApplyHandler}\n          className={classes.applyButton}\n        >\n          {labels?.applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"cancel-button\")}\n          variant={\n            activeTheme?.filterGroup.cancelButtonVariant as HvButtonVariant\n          }\n          onClick={onCancelHandler}\n        >\n          {labels?.cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    </HvBaseDropdown>\n  );\n};\n"],"names":["HvFilterGroupContent","props","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","classes","classesProp","others","useDefaultProps","useClasses","activeTheme","useTheme","filterGroupOpen","setFilterGroupOpen","useState","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","useContext","HvFilterGroupContext","focusTarget","useRef","focusOnContainer","current","focus","onApplyHandler","event","onCancelHandler","onClearHandler","handleToggle","open","Header","useMemo","placeholder","setId","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","filterGroup","applyButtonVariant","applyButton","applyLabel","cancelButtonVariant","cancelLabel"],"mappings":"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"}

package/dist/esm/components/FilterGroup/FilterContent/FilterContent.styles.js

@@ -31,8 +31,8 @@ const {
     minHeight: "calc(370px - 75px)",
     verticalAlign: "top",
     overflow: "visible",
-    boxShadow: theme.filterGroup.rightPanelShadow,
-    borderLeft: theme.filterGroup.rightPanelBorderLeft
+    boxShadow: "none",
+    borderLeft: `1px solid ${theme.colors.atmo3}`
   },
   leftSidePanel: {
     display: "inline-block",
@@ -49,7 +49,7 @@ const {
     flex: 1
   },
   applyButton: {
-    marginRight: theme.filterGroup.applyButtonMarginRight
+    marginRight: "8px"
   }
 });
 export {

package/dist/esm/components/FilterGroup/FilterContent/FilterContent.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterContent.styles.js","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvFilterGroupContent\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  dropdown: {},\n  panel: {\n    maxHeight: 500,\n    minHeight: 370,\n  },\n  header: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    height: 32,\n  },\n  baseDropdownSelection: {\n    padding: theme.spacing(\"0px\", \"30px\", \"0px\", \"0px\"),\n  },\n  root: {\n    width: 640,\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n  },\n  rightSidePanel: {\n    display: \"inline-block\",\n    width: \"50%\",\n    height: \"100%\",\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    verticalAlign: \"top\",\n    overflow: \"visible\",\n    boxShadow: theme.filterGroup.rightPanelShadow,\n    borderLeft: theme.filterGroup.rightPanelBorderLeft,\n  },\n  leftSidePanel: {\n    display: \"inline-block\",\n    width: `calc(50% - ${theme.space.sm} - ${theme.space.sm} + 8px)`,\n    height: `calc(100% - ${theme.space.sm} - ${theme.space.sm} + 8px)`,\n    verticalAlign: \"top\",\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    padding: 4,\n    margin: `calc(${theme.spacing(\"sm\")} - 4px)`,\n  },\n  actionBar: {},\n  space: {\n    flex: 1,\n  },\n  applyButton: {\n    marginRight: theme.filterGroup.applyButtonMarginRight,\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","dropdown","panel","maxHeight","minHeight","header","display","justifyContent","height","baseDropdownSelection","padding","theme","spacing","root","width","rightSidePanel","verticalAlign","overflow","boxShadow","filterGroup","rightPanelShadow","borderLeft","rightPanelBorderLeft","leftSidePanel","space","sm","margin","actionBar","flex","applyButton","marginRight","applyButtonMarginRight"],"mappings":";;AAIA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAcH,MAAM;AAAA,EAC/DI,UAAU,CAAC;AAAA,EACXC,OAAO;AAAA,IACLC,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAC,QAAQ;AAAA,IACNC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,QAAQ;AAAA,EACV;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAASC,MAAMC,QAAQ,OAAO,QAAQ,OAAO,KAAK;AAAA,EACpD;AAAA,EACAC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPX,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAW,gBAAgB;AAAA,IACdT,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPN,QAAQ;AAAA,IACRL,WAAW;AAAA,IACXC,WAAW;AAAA,IACXY,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,WAAWP,MAAMQ,YAAYC;AAAAA,IAC7BC,YAAYV,MAAMQ,YAAYG;AAAAA,EAChC;AAAA,EACAC,eAAe;AAAA,IACbjB,SAAS;AAAA,IACTQ,OAAQ,cAAaH,MAAMa,MAAMC,EAAG,MAAKd,MAAMa,MAAMC,EAAG;AAAA,IACxDjB,QAAS,eAAcG,MAAMa,MAAMC,EAAG,MAAKd,MAAMa,MAAMC,EAAG;AAAA,IAC1DT,eAAe;AAAA,IACfb,WAAW;AAAA,IACXC,WAAW;AAAA,IACXM,SAAS;AAAA,IACTgB,QAAS,QAAOf,MAAMC,QAAQ,IAAI,CAAE;AAAA,EACtC;AAAA,EACAe,WAAW,CAAC;AAAA,EACZH,OAAO;AAAA,IACLI,MAAM;AAAA,EACR;AAAA,EACAC,aAAa;AAAA,IACXC,aAAanB,MAAMQ,YAAYY;AAAAA,EACjC;AACF,CAAC;"}
+{"version":3,"file":"FilterContent.styles.js","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvFilterGroupContent\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  dropdown: {},\n  panel: {\n    maxHeight: 500,\n    minHeight: 370,\n  },\n  header: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    height: 32,\n  },\n  baseDropdownSelection: {\n    padding: theme.spacing(\"0px\", \"30px\", \"0px\", \"0px\"),\n  },\n  root: {\n    width: 640,\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n  },\n  rightSidePanel: {\n    display: \"inline-block\",\n    width: \"50%\",\n    height: \"100%\",\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    verticalAlign: \"top\",\n    overflow: \"visible\",\n    boxShadow: \"none\",\n    borderLeft: `1px solid ${theme.colors.atmo3}`,\n  },\n  leftSidePanel: {\n    display: \"inline-block\",\n    width: `calc(50% - ${theme.space.sm} - ${theme.space.sm} + 8px)`,\n    height: `calc(100% - ${theme.space.sm} - ${theme.space.sm} + 8px)`,\n    verticalAlign: \"top\",\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    padding: 4,\n    margin: `calc(${theme.spacing(\"sm\")} - 4px)`,\n  },\n  actionBar: {},\n  space: {\n    flex: 1,\n  },\n  applyButton: {\n    marginRight: \"8px\",\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","dropdown","panel","maxHeight","minHeight","header","display","justifyContent","height","baseDropdownSelection","padding","theme","spacing","root","width","rightSidePanel","verticalAlign","overflow","boxShadow","borderLeft","colors","atmo3","leftSidePanel","space","sm","margin","actionBar","flex","applyButton","marginRight"],"mappings":";;AAIA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAcH,MAAM;AAAA,EAC/DI,UAAU,CAAC;AAAA,EACXC,OAAO;AAAA,IACLC,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAC,QAAQ;AAAA,IACNC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,QAAQ;AAAA,EACV;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAASC,MAAMC,QAAQ,OAAO,QAAQ,OAAO,KAAK;AAAA,EACpD;AAAA,EACAC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPX,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAW,gBAAgB;AAAA,IACdT,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPN,QAAQ;AAAA,IACRL,WAAW;AAAA,IACXC,WAAW;AAAA,IACXY,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,YAAa,aAAYR,MAAMS,OAAOC,KAAM;AAAA,EAC9C;AAAA,EACAC,eAAe;AAAA,IACbhB,SAAS;AAAA,IACTQ,OAAQ,cAAaH,MAAMY,MAAMC,EAAG,MAAKb,MAAMY,MAAMC,EAAG;AAAA,IACxDhB,QAAS,eAAcG,MAAMY,MAAMC,EAAG,MAAKb,MAAMY,MAAMC,EAAG;AAAA,IAC1DR,eAAe;AAAA,IACfb,WAAW;AAAA,IACXC,WAAW;AAAA,IACXM,SAAS;AAAA,IACTe,QAAS,QAAOd,MAAMC,QAAQ,IAAI,CAAE;AAAA,EACtC;AAAA,EACAc,WAAW,CAAC;AAAA,EACZH,OAAO;AAAA,IACLI,MAAM;AAAA,EACR;AAAA,EACAC,aAAa;AAAA,IACXC,aAAa;AAAA,EACf;AACF,CAAC;"}

package/dist/esm/components/Forms/InfoMessage/InfoMessage.styles.js

@@ -5,7 +5,7 @@ const {
   useClasses
 } = createClasses("HvInfoMessage", {
   root: {
-    color: theme.forms.infoMessage.textColor,
+    color: theme.colors.secondary_80,
     display: "inline-block"
   },
   infoDisabled: {

package/dist/esm/components/Forms/InfoMessage/InfoMessage.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage.styles.js","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInfoMessage\", {\n  root: { color: theme.forms.infoMessage.textColor, display: \"inline-block\" },\n  infoDisabled: { color: theme.colors.secondary_60 },\n  gutter: { padding: `0 0 6px ${theme.space.xs}` },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","theme","forms","infoMessage","textColor","display","infoDisabled","colors","secondary_60","gutter","padding","space","xs"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,OAAOC,MAAMC,MAAMC,YAAYC;AAAAA,IAAWC,SAAS;AAAA,EAAe;AAAA,EAC1EC,cAAc;AAAA,IAAEN,OAAOC,MAAMM,OAAOC;AAAAA,EAAa;AAAA,EACjDC,QAAQ;AAAA,IAAEC,SAAU,WAAUT,MAAMU,MAAMC,EAAG;AAAA,EAAE;AACjD,CAAC;"}
+{"version":3,"file":"InfoMessage.styles.js","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInfoMessage\", {\n  root: { color: theme.colors.secondary_80, display: \"inline-block\" },\n  infoDisabled: { color: theme.colors.secondary_60 },\n  gutter: { padding: `0 0 6px ${theme.space.xs}` },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","theme","colors","secondary_80","display","infoDisabled","secondary_60","gutter","padding","space","xs"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,OAAOC,MAAMC,OAAOC;AAAAA,IAAcC,SAAS;AAAA,EAAe;AAAA,EAClEC,cAAc;AAAA,IAAEL,OAAOC,MAAMC,OAAOI;AAAAA,EAAa;AAAA,EACjDC,QAAQ;AAAA,IAAEC,SAAU,WAAUP,MAAMQ,MAAMC,EAAG;AAAA,EAAE;AACjD,CAAC;"}

package/dist/esm/components/Forms/Label/Label.styles.js

@@ -5,7 +5,7 @@ const {
   useClasses
 } = createClasses("HvLabel", {
   root: {
-    fontWeight: theme.forms.label.fontWeight,
+    fontWeight: theme.fontWeights.normal,
     display: "inline-block"
   },
   labelDisabled: {

package/dist/esm/components/Forms/Label/Label.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.styles.js","sources":["../../../../../src/components/Forms/Label/Label.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvLabel\", {\n  root: { fontWeight: theme.forms.label.fontWeight, display: \"inline-block\" },\n  labelDisabled: { color: theme.colors.secondary_60 },\n  childGutter: { paddingBottom: \"6px\" },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","fontWeight","theme","forms","label","display","labelDisabled","color","colors","secondary_60","childGutter","paddingBottom"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,WAAW;AAAA,EACpEC,MAAM;AAAA,IAAEC,YAAYC,MAAMC,MAAMC,MAAMH;AAAAA,IAAYI,SAAS;AAAA,EAAe;AAAA,EAC1EC,eAAe;AAAA,IAAEC,OAAOL,MAAMM,OAAOC;AAAAA,EAAa;AAAA,EAClDC,aAAa;AAAA,IAAEC,eAAe;AAAA,EAAM;AACtC,CAAC;"}
+{"version":3,"file":"Label.styles.js","sources":["../../../../../src/components/Forms/Label/Label.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvLabel\", {\n  root: { fontWeight: theme.fontWeights.normal, display: \"inline-block\" },\n  labelDisabled: { color: theme.colors.secondary_60 },\n  childGutter: { paddingBottom: \"6px\" },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","fontWeight","theme","fontWeights","normal","display","labelDisabled","color","colors","secondary_60","childGutter","paddingBottom"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,WAAW;AAAA,EACpEC,MAAM;AAAA,IAAEC,YAAYC,MAAMC,YAAYC;AAAAA,IAAQC,SAAS;AAAA,EAAe;AAAA,EACtEC,eAAe;AAAA,IAAEC,OAAOL,MAAMM,OAAOC;AAAAA,EAAa;AAAA,EAClDC,aAAa;AAAA,IAAEC,eAAe;AAAA,EAAM;AACtC,CAAC;"}

package/dist/esm/components/GlobalActions/GlobalActions.js

@@ -4,7 +4,6 @@ import { useTheme } from "@mui/material/styles";
 import { useMediaQuery } from "@mui/material";
 import isString from "lodash/isString";
 import { theme } from "@hitachivantara/uikit-styles";
-import { useTheme as useTheme$1 } from "../../hooks/useTheme.js";
 import { useClasses } from "./GlobalActions.styles.js";
 import { staticClasses } from "./GlobalActions.styles.js";
 import { HvTypography } from "../Typography/Typography.js";
@@ -30,9 +29,6 @@ const HvGlobalActions = (props) => {
     ...others
   } = useDefaultProps("HvGlobalActions", props);
   const muiTheme = useTheme();
-  const {
-    activeTheme
-  } = useTheme$1();
   const {
     classes,
     cx,
@@ -52,7 +48,9 @@ const HvGlobalActions = (props) => {
     [classes.globalSectionArea]: variant === "section"
   }), children: [
     variant === "global" && backButton && /* @__PURE__ */ jsx("div", { className: classes.backButton, children: backButton }),
-    !isString(title) ? title : /* @__PURE__ */ jsx(HvTypography, { variant: variant === "global" ? "title3" : activeTheme == null ? void 0 : activeTheme.globalActions.sectionVariant, component: `h${headingLevelToApply}`, className: classes.name, children: title }),
+    !isString(title) ? title : /* @__PURE__ */ jsx(HvTypography, { variant: "title3", component: `h${headingLevelToApply}`, className: cx(classes.name, {
+      [classes.sectionName]: variant !== "global"
+    }), children: title }),
     children && /* @__PURE__ */ jsx("div", { className: classes.actions, children })
   ] }) });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { useTheme as useMuiTheme } from \"@mui/material/styles\";\nimport { useMediaQuery } from \"@mui/material\";\nimport isString from \"lodash/isString\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./GlobalActions.styles\";\n\nexport { staticClasses as globalActionsClasses };\nexport type HvGlobalActionsClasses = ExtractNames<typeof useClasses>;\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface HvGlobalActionsProps\n  extends HvBaseProps<HTMLDivElement, \"title\"> {\n  /** Text to display in the component. */\n  title?: React.ReactNode;\n  /** Denotes if this is a global or section component. */\n  variant?: HvGlobalActionsVariant;\n  /** User can pass in a fully customized button or false for when the back button should not be rendered. */\n  backButton?: React.ReactNode;\n  /** Heading Level to apply to Title Area. */\n  headingLevel?: HvGlobalActionsHeadingLevel;\n  /**\n   * Position of the Global Actions.\n   * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n   */\n  position?: HvGlobalActionsPosition;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvGlobalActionsClasses;\n}\n\nconst getBreakpointStyles = (isUpMd: boolean, isSmDown: boolean) =>\n  isUpMd\n    ? {\n        width: `calc(100% - 2 * ${theme.spacing(4)})`,\n        marginLeft: `${theme.spacing(4)}`,\n        marginRight: `${theme.spacing(4)}`,\n      }\n    : isSmDown\n    ? {\n        width: `calc(100% - 2 * ${theme.spacing(2)})`,\n        marginLeft: `${theme.spacing(2)}`,\n        marginRight: `${theme.spacing(2)}`,\n      }\n    : {};\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nexport const HvGlobalActions = (props: HvGlobalActionsProps) => {\n  const {\n    children,\n    classes: classesProp,\n    className,\n    title,\n    variant = \"global\",\n    backButton,\n    headingLevel,\n    position: positionProp,\n    ...others\n  } = useDefaultProps(\"HvGlobalActions\", props);\n  const muiTheme = useMuiTheme();\n  const { activeTheme } = useTheme();\n  const { classes, cx, css } = useClasses(classesProp);\n  const isSmDown = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n  const isUpMd = useMediaQuery(muiTheme.breakpoints.up(\"md\"));\n\n  const fixedPositionCss =\n    positionProp === \"fixed\" && getBreakpointStyles(isUpMd, isSmDown);\n\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const position =\n    positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        {\n          [classes.positionSticky]: position === \"sticky\",\n          [classes.positionFixed]: position === \"fixed\",\n          [classes.global]: variant === \"global\",\n        },\n        css(fixedPositionCss),\n        className\n      )}\n      {...others}\n    >\n      <div\n        className={cx(classes.wrapper, {\n          [classes.globalWrapperComplement]: variant === \"global\",\n          [classes.globalSectionArea]: variant === \"section\",\n        })}\n      >\n        {variant === \"global\" && backButton && (\n          <div className={classes.backButton}>{backButton}</div>\n        )}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant={\n              variant === \"global\"\n                ? \"title3\"\n                : activeTheme?.globalActions.sectionVariant\n            }\n            component={`h${headingLevelToApply}`}\n            className={classes.name}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && <div className={classes.actions}>{children}</div>}\n      </div>\n    </div>\n  );\n};\n"],"names":["getBreakpointStyles","isUpMd","isSmDown","width","theme","spacing","marginLeft","marginRight","HvGlobalActions","props","children","classes","classesProp","className","title","variant","backButton","headingLevel","position","positionProp","others","useDefaultProps","muiTheme","useMuiTheme","activeTheme","useTheme","cx","css","useClasses","useMediaQuery","breakpoints","down","up","fixedPositionCss","headingLevelToApply","root","positionSticky","positionFixed","global","wrapper","globalWrapperComplement","globalSectionArea","isString","globalActions","sectionVariant","name","actions"],"mappings":";;;;;;;;;;AAqCA,MAAMA,sBAAsBA,CAACC,QAAiBC,aAC5CD,SACI;AAAA,EACEE,OAAQ,mBAAkBC,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAC3CC,YAAa,GAAEF,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAChCE,aAAc,GAAEH,MAAMC,QAAQ,CAAC,CAAE;AACnC,IACAH,WACA;AAAA,EACEC,OAAQ,mBAAkBC,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAC3CC,YAAa,GAAEF,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAChCE,aAAc,GAAEH,MAAMC,QAAQ,CAAC,CAAE;AACnC,IACA;AAMOG,MAAAA,kBAAkBA,CAACC,UAAgC;AACxD,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,UAAU;AAAA,IACVC;AAAAA,IACAC;AAAAA,IACAC,UAAUC;AAAAA,IACV,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,mBAAmBZ,KAAK;AAC5C,QAAMa,WAAWC;AACX,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,WAAS;AAC3B,QAAA;AAAA,IAAEd;AAAAA,IAASe;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAWhB,WAAW;AACnD,QAAMV,WAAW2B,cAAcP,SAASQ,YAAYC,KAAK,IAAI,CAAC;AAC9D,QAAM9B,SAAS4B,cAAcP,SAASQ,YAAYE,GAAG,IAAI,CAAC;AAE1D,QAAMC,mBACJd,iBAAiB,WAAWnB,oBAAoBC,QAAQC,QAAQ;AAElE,QAAMgC,sBAAsBjB,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMG,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,SACG,oBAAA,OAAA,EACC,WAAWW,GACTf,QAAQwB,MACR;AAAA,IACE,CAACxB,QAAQyB,cAAc,GAAGlB,aAAa;AAAA,IACvC,CAACP,QAAQ0B,aAAa,GAAGnB,aAAa;AAAA,IACtC,CAACP,QAAQ2B,MAAM,GAAGvB,YAAY;AAAA,EAEhCY,GAAAA,IAAIM,gBAAgB,GACpBpB,SACF,GACIO,GAAAA,QAEJ,UAAC,qBAAA,OAAA,EACC,WAAWM,GAAGf,QAAQ4B,SAAS;AAAA,IAC7B,CAAC5B,QAAQ6B,uBAAuB,GAAGzB,YAAY;AAAA,IAC/C,CAACJ,QAAQ8B,iBAAiB,GAAG1B,YAAY;AAAA,EAC1C,CAAA,GAEAA,UAAAA;AAAAA,IAAAA,YAAY,YAAYC,cACvB,oBAAC,SAAI,WAAWL,QAAQK,YAAaA,UAAW,WAAA,CAAA;AAAA,IAEjD,CAAC0B,SAAS5B,KAAK,IACdA,QAEC,oBAAA,cAAA,EACC,SACEC,YAAY,WACR,WACAS,2CAAamB,cAAcC,gBAEjC,WAAY,IAAGV,mBAAoB,IACnC,WAAWvB,QAAQkC,MAElB/B,UACH,MAAA,CAAA;AAAA,IAEDJ,YAAa,oBAAA,OAAA,EAAI,WAAWC,QAAQmC,SAAUpC,UAAS;AAAA,EAAA,EAC1D,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { useTheme as useMuiTheme } from \"@mui/material/styles\";\nimport { useMediaQuery } from \"@mui/material\";\nimport isString from \"lodash/isString\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./GlobalActions.styles\";\n\nexport { staticClasses as globalActionsClasses };\nexport type HvGlobalActionsClasses = ExtractNames<typeof useClasses>;\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface HvGlobalActionsProps\n  extends HvBaseProps<HTMLDivElement, \"title\"> {\n  /** Text to display in the component. */\n  title?: React.ReactNode;\n  /** Denotes if this is a global or section component. */\n  variant?: HvGlobalActionsVariant;\n  /** User can pass in a fully customized button or false for when the back button should not be rendered. */\n  backButton?: React.ReactNode;\n  /** Heading Level to apply to Title Area. */\n  headingLevel?: HvGlobalActionsHeadingLevel;\n  /**\n   * Position of the Global Actions.\n   * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n   */\n  position?: HvGlobalActionsPosition;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvGlobalActionsClasses;\n}\n\nconst getBreakpointStyles = (isUpMd: boolean, isSmDown: boolean) =>\n  isUpMd\n    ? {\n        width: `calc(100% - 2 * ${theme.spacing(4)})`,\n        marginLeft: `${theme.spacing(4)}`,\n        marginRight: `${theme.spacing(4)}`,\n      }\n    : isSmDown\n    ? {\n        width: `calc(100% - 2 * ${theme.spacing(2)})`,\n        marginLeft: `${theme.spacing(2)}`,\n        marginRight: `${theme.spacing(2)}`,\n      }\n    : {};\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nexport const HvGlobalActions = (props: HvGlobalActionsProps) => {\n  const {\n    children,\n    classes: classesProp,\n    className,\n    title,\n    variant = \"global\",\n    backButton,\n    headingLevel,\n    position: positionProp,\n    ...others\n  } = useDefaultProps(\"HvGlobalActions\", props);\n  const muiTheme = useMuiTheme();\n  const { classes, cx, css } = useClasses(classesProp);\n  const isSmDown = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n  const isUpMd = useMediaQuery(muiTheme.breakpoints.up(\"md\"));\n\n  const fixedPositionCss =\n    positionProp === \"fixed\" && getBreakpointStyles(isUpMd, isSmDown);\n\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const position =\n    positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        {\n          [classes.positionSticky]: position === \"sticky\",\n          [classes.positionFixed]: position === \"fixed\",\n          [classes.global]: variant === \"global\",\n        },\n        css(fixedPositionCss),\n        className\n      )}\n      {...others}\n    >\n      <div\n        className={cx(classes.wrapper, {\n          [classes.globalWrapperComplement]: variant === \"global\",\n          [classes.globalSectionArea]: variant === \"section\",\n        })}\n      >\n        {variant === \"global\" && backButton && (\n          <div className={classes.backButton}>{backButton}</div>\n        )}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant=\"title3\"\n            component={`h${headingLevelToApply}`}\n            className={cx(classes.name, {\n              [classes.sectionName]: variant !== \"global\",\n            })}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && <div className={classes.actions}>{children}</div>}\n      </div>\n    </div>\n  );\n};\n"],"names":["getBreakpointStyles","isUpMd","isSmDown","width","theme","spacing","marginLeft","marginRight","HvGlobalActions","props","children","classes","classesProp","className","title","variant","backButton","headingLevel","position","positionProp","others","useDefaultProps","muiTheme","useMuiTheme","cx","css","useClasses","useMediaQuery","breakpoints","down","up","fixedPositionCss","headingLevelToApply","root","positionSticky","positionFixed","global","wrapper","globalWrapperComplement","globalSectionArea","isString","name","sectionName","actions"],"mappings":";;;;;;;;;AAoCA,MAAMA,sBAAsBA,CAACC,QAAiBC,aAC5CD,SACI;AAAA,EACEE,OAAQ,mBAAkBC,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAC3CC,YAAa,GAAEF,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAChCE,aAAc,GAAEH,MAAMC,QAAQ,CAAC,CAAE;AACnC,IACAH,WACA;AAAA,EACEC,OAAQ,mBAAkBC,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAC3CC,YAAa,GAAEF,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAChCE,aAAc,GAAEH,MAAMC,QAAQ,CAAC,CAAE;AACnC,IACA;AAMOG,MAAAA,kBAAkBA,CAACC,UAAgC;AACxD,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,UAAU;AAAA,IACVC;AAAAA,IACAC;AAAAA,IACAC,UAAUC;AAAAA,IACV,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,mBAAmBZ,KAAK;AAC5C,QAAMa,WAAWC;AACX,QAAA;AAAA,IAAEZ;AAAAA,IAASa;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAWd,WAAW;AACnD,QAAMV,WAAWyB,cAAcL,SAASM,YAAYC,KAAK,IAAI,CAAC;AAC9D,QAAM5B,SAAS0B,cAAcL,SAASM,YAAYE,GAAG,IAAI,CAAC;AAE1D,QAAMC,mBACJZ,iBAAiB,WAAWnB,oBAAoBC,QAAQC,QAAQ;AAElE,QAAM8B,sBAAsBf,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMG,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,SACG,oBAAA,OAAA,EACC,WAAWS,GACTb,QAAQsB,MACR;AAAA,IACE,CAACtB,QAAQuB,cAAc,GAAGhB,aAAa;AAAA,IACvC,CAACP,QAAQwB,aAAa,GAAGjB,aAAa;AAAA,IACtC,CAACP,QAAQyB,MAAM,GAAGrB,YAAY;AAAA,EAEhCU,GAAAA,IAAIM,gBAAgB,GACpBlB,SACF,GACIO,GAAAA,QAEJ,UAAC,qBAAA,OAAA,EACC,WAAWI,GAAGb,QAAQ0B,SAAS;AAAA,IAC7B,CAAC1B,QAAQ2B,uBAAuB,GAAGvB,YAAY;AAAA,IAC/C,CAACJ,QAAQ4B,iBAAiB,GAAGxB,YAAY;AAAA,EAC1C,CAAA,GAEAA,UAAAA;AAAAA,IAAAA,YAAY,YAAYC,cACvB,oBAAC,SAAI,WAAWL,QAAQK,YAAaA,UAAW,WAAA,CAAA;AAAA,IAEjD,CAACwB,SAAS1B,KAAK,IACdA,4BAEC,cACC,EAAA,SAAQ,UACR,WAAY,IAAGkB,mBAAoB,IACnC,WAAWR,GAAGb,QAAQ8B,MAAM;AAAA,MAC1B,CAAC9B,QAAQ+B,WAAW,GAAG3B,YAAY;AAAA,IAAA,CACpC,GAEAD,UACH,OAAA;AAAA,IAEDJ,YAAa,oBAAA,OAAA,EAAI,WAAWC,QAAQgC,SAAUjC,UAAS;AAAA,EAAA,EAC1D,CAAA,EACF,CAAA;AAEJ;"}

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

@@ -35,8 +35,8 @@ const {
     display: "flex",
     justifyContent: "flex-start",
     alignItems: "center",
-    border: theme.globalActions.border,
-    borderRadius: theme.globalActions.borderRadius
+    border: `1px solid ${theme.colors.atmo4}`,
+    borderRadius: theme.radii.round
   },
   globalWrapperComplement: {
     position: "relative",
@@ -46,9 +46,9 @@ const {
     width: "100%"
   },
   globalSectionArea: {
-    backgroundColor: theme.globalActions.sectionBackgroundColor,
+    backgroundColor: theme.colors.atmo1,
     borderTop: `1px solid ${theme.colors.atmo4}`,
-    paddingLeft: theme.globalActions.sectionPaddingLeft
+    paddingLeft: theme.space.sm
   },
   backButton: {
     marginRight: theme.space.xs
@@ -56,6 +56,9 @@ const {
   name: {
     flexGrow: 1
   },
+  sectionName: {
+    ...theme.typography.title4
+  },
   actions: {
     display: "flex",
     alignItems: "center",

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.styles.js","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvGlobalActions\", {\n  root: {\n    position: \"relative\",\n  },\n  positionSticky: {\n    width: \"100%\",\n    position: \"sticky\",\n  },\n  positionFixed: {\n    width: \"100%\",\n    position: \"fixed\",\n  },\n  global: {\n    zIndex: `calc(${theme.zIndices.banner} - 2)`,\n    top: 0,\n    left: 0,\n    padding: theme.spacing(1, 0),\n    backdropFilter: \"blur(1px)\",\n\n    \"&:before\": {\n      content: \"''\",\n      display: \"flex\",\n      position: \"absolute\",\n      inset: 0,\n      background: theme.colors.atmo2,\n      opacity: \"75%\",\n    },\n  },\n  wrapper: {\n    padding: theme.space.sm,\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    border: theme.globalActions.border,\n    borderRadius: theme.globalActions.borderRadius,\n  },\n  globalWrapperComplement: {\n    position: \"relative\",\n    top: 0,\n    left: 0,\n    background: theme.colors.atmo1,\n    width: \"100%\",\n  },\n  globalSectionArea: {\n    backgroundColor: theme.globalActions.sectionBackgroundColor,\n    borderTop: `1px solid ${theme.colors.atmo4}`,\n    paddingLeft: theme.globalActions.sectionPaddingLeft,\n  },\n  backButton: {\n    marginRight: theme.space.xs,\n  },\n  name: {\n    flexGrow: 1,\n  },\n  actions: {\n    display: \"flex\",\n    alignItems: \"center\",\n    marginLeft: \"auto\",\n    gap: theme.space.xs,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","position","positionSticky","width","positionFixed","global","zIndex","theme","zIndices","banner","top","left","padding","spacing","backdropFilter","content","display","inset","background","colors","atmo2","opacity","wrapper","space","sm","justifyContent","alignItems","border","globalActions","borderRadius","globalWrapperComplement","atmo1","globalSectionArea","backgroundColor","sectionBackgroundColor","borderTop","atmo4","paddingLeft","sectionPaddingLeft","backButton","marginRight","xs","name","flexGrow","actions","marginLeft","gap"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,mBAAmB;AAAA,EAC5EC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,gBAAgB;AAAA,IACdC,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAG,eAAe;AAAA,IACbD,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAI,QAAQ;AAAA,IACNC,QAAS,QAAOC,MAAMC,SAASC,MAAO;AAAA,IACtCC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,SAASL,MAAMM,QAAQ,GAAG,CAAC;AAAA,IAC3BC,gBAAgB;AAAA,IAEhB,YAAY;AAAA,MACVC,SAAS;AAAA,MACTC,SAAS;AAAA,MACTf,UAAU;AAAA,MACVgB,OAAO;AAAA,MACPC,YAAYX,MAAMY,OAAOC;AAAAA,MACzBC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPV,SAASL,MAAMgB,MAAMC;AAAAA,IACrBR,SAAS;AAAA,IACTS,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQpB,MAAMqB,cAAcD;AAAAA,IAC5BE,cAActB,MAAMqB,cAAcC;AAAAA,EACpC;AAAA,EACAC,yBAAyB;AAAA,IACvB7B,UAAU;AAAA,IACVS,KAAK;AAAA,IACLC,MAAM;AAAA,IACNO,YAAYX,MAAMY,OAAOY;AAAAA,IACzB5B,OAAO;AAAA,EACT;AAAA,EACA6B,mBAAmB;AAAA,IACjBC,iBAAiB1B,MAAMqB,cAAcM;AAAAA,IACrCC,WAAY,aAAY5B,MAAMY,OAAOiB,KAAM;AAAA,IAC3CC,aAAa9B,MAAMqB,cAAcU;AAAAA,EACnC;AAAA,EACAC,YAAY;AAAA,IACVC,aAAajC,MAAMgB,MAAMkB;AAAAA,EAC3B;AAAA,EACAC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,SAAS;AAAA,IACP5B,SAAS;AAAA,IACTU,YAAY;AAAA,IACZmB,YAAY;AAAA,IACZC,KAAKvC,MAAMgB,MAAMkB;AAAAA,EACnB;AACF,CAAC;"}
+{"version":3,"file":"GlobalActions.styles.js","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvGlobalActions\", {\n  root: {\n    position: \"relative\",\n  },\n  positionSticky: {\n    width: \"100%\",\n    position: \"sticky\",\n  },\n  positionFixed: {\n    width: \"100%\",\n    position: \"fixed\",\n  },\n  global: {\n    zIndex: `calc(${theme.zIndices.banner} - 2)`,\n    top: 0,\n    left: 0,\n    padding: theme.spacing(1, 0),\n    backdropFilter: \"blur(1px)\",\n\n    \"&:before\": {\n      content: \"''\",\n      display: \"flex\",\n      position: \"absolute\",\n      inset: 0,\n      background: theme.colors.atmo2,\n      opacity: \"75%\",\n    },\n  },\n  wrapper: {\n    padding: theme.space.sm,\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    border: `1px solid ${theme.colors.atmo4}`,\n    borderRadius: theme.radii.round,\n  },\n  globalWrapperComplement: {\n    position: \"relative\",\n    top: 0,\n    left: 0,\n    background: theme.colors.atmo1,\n    width: \"100%\",\n  },\n  globalSectionArea: {\n    backgroundColor: theme.colors.atmo1,\n    borderTop: `1px solid ${theme.colors.atmo4}`,\n    paddingLeft: theme.space.sm,\n  },\n  backButton: {\n    marginRight: theme.space.xs,\n  },\n  name: {\n    flexGrow: 1,\n  },\n  sectionName: {\n    ...theme.typography.title4,\n  },\n  actions: {\n    display: \"flex\",\n    alignItems: \"center\",\n    marginLeft: \"auto\",\n    gap: theme.space.xs,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","position","positionSticky","width","positionFixed","global","zIndex","theme","zIndices","banner","top","left","padding","spacing","backdropFilter","content","display","inset","background","colors","atmo2","opacity","wrapper","space","sm","justifyContent","alignItems","border","atmo4","borderRadius","radii","round","globalWrapperComplement","atmo1","globalSectionArea","backgroundColor","borderTop","paddingLeft","backButton","marginRight","xs","name","flexGrow","sectionName","typography","title4","actions","marginLeft","gap"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,mBAAmB;AAAA,EAC5EC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,gBAAgB;AAAA,IACdC,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAG,eAAe;AAAA,IACbD,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAI,QAAQ;AAAA,IACNC,QAAS,QAAOC,MAAMC,SAASC,MAAO;AAAA,IACtCC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,SAASL,MAAMM,QAAQ,GAAG,CAAC;AAAA,IAC3BC,gBAAgB;AAAA,IAEhB,YAAY;AAAA,MACVC,SAAS;AAAA,MACTC,SAAS;AAAA,MACTf,UAAU;AAAA,MACVgB,OAAO;AAAA,MACPC,YAAYX,MAAMY,OAAOC;AAAAA,MACzBC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPV,SAASL,MAAMgB,MAAMC;AAAAA,IACrBR,SAAS;AAAA,IACTS,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAS,aAAYpB,MAAMY,OAAOS,KAAM;AAAA,IACxCC,cAActB,MAAMuB,MAAMC;AAAAA,EAC5B;AAAA,EACAC,yBAAyB;AAAA,IACvB/B,UAAU;AAAA,IACVS,KAAK;AAAA,IACLC,MAAM;AAAA,IACNO,YAAYX,MAAMY,OAAOc;AAAAA,IACzB9B,OAAO;AAAA,EACT;AAAA,EACA+B,mBAAmB;AAAA,IACjBC,iBAAiB5B,MAAMY,OAAOc;AAAAA,IAC9BG,WAAY,aAAY7B,MAAMY,OAAOS,KAAM;AAAA,IAC3CS,aAAa9B,MAAMgB,MAAMC;AAAAA,EAC3B;AAAA,EACAc,YAAY;AAAA,IACVC,aAAahC,MAAMgB,MAAMiB;AAAAA,EAC3B;AAAA,EACAC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,aAAa;AAAA,IACX,GAAGpC,MAAMqC,WAAWC;AAAAA,EACtB;AAAA,EACAC,SAAS;AAAA,IACP9B,SAAS;AAAA,IACTU,YAAY;AAAA,IACZqB,YAAY;AAAA,IACZC,KAAKzC,MAAMgB,MAAMiB;AAAAA,EACnB;AACF,CAAC;"}

package/dist/esm/components/Header/Actions/Actions.styles.js

@@ -15,7 +15,7 @@ const {
     marginLeft: "auto",
     [`& .${(_a = staticClasses$1) == null ? void 0 : _a.root}`]: {
       "&:hover": {
-        backgroundColor: theme.header.hoverColor
+        backgroundColor: theme.colors.containerBackgroundHover
       }
     }
   }

package/dist/esm/components/Header/Actions/Actions.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { buttonClasses } from \"@core/components/Button\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader-Actions\", {\n  root: {\n    backgroundColor: \"transparent\",\n    display: \"flex\",\n    gap: theme.space.xs,\n    alignItems: \"center\",\n    marginLeft: \"auto\",\n    [`& .${buttonClasses?.root}`]: {\n      \"&:hover\": { backgroundColor: theme.header.hoverColor },\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","backgroundColor","display","gap","theme","space","xs","alignItems","marginLeft","buttonClasses","header","hoverColor"],"mappings":";;;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,iBAAiB;AAAA,IACjBC,SAAS;AAAA,IACTC,KAAKC,MAAMC,MAAMC;AAAAA,IACjBC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZ,CAAE,OAAKC,4CAAeT,IAAK,EAAC,GAAG;AAAA,MAC7B,WAAW;AAAA,QAAEC,iBAAiBG,MAAMM,OAAOC;AAAAA,MAAW;AAAA,IACxD;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { buttonClasses } from \"@core/components/Button\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader-Actions\", {\n  root: {\n    backgroundColor: \"transparent\",\n    display: \"flex\",\n    gap: theme.space.xs,\n    alignItems: \"center\",\n    marginLeft: \"auto\",\n    [`& .${buttonClasses?.root}`]: {\n      \"&:hover\": { backgroundColor: theme.colors.containerBackgroundHover },\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","backgroundColor","display","gap","theme","space","xs","alignItems","marginLeft","buttonClasses","colors","containerBackgroundHover"],"mappings":";;;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,iBAAiB;AAAA,IACjBC,SAAS;AAAA,IACTC,KAAKC,MAAMC,MAAMC;AAAAA,IACjBC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZ,CAAE,OAAKC,4CAAeT,IAAK,EAAC,GAAG;AAAA,MAC7B,WAAW;AAAA,QAAEC,iBAAiBG,MAAMM,OAAOC;AAAAA,MAAyB;AAAA,IACtE;AAAA,EACF;AACF,CAAC;"}