@hitachivantara/uikit-react-core 5.28.1 → 5.29.0

package/dist/cjs/components/FileUploader/DropZone/DropZone.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.styles.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDropZone\", {\n  dropZoneContainer: {\n    position: \"relative\",\n    width: \"100%\",\n    display: \"flex\",\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColor}`,\n    cursor: \"pointer\",\n    background: theme.fileUploader.dropZone.backgroundColor,\n    borderRadius: theme.fileUploader.dropZone.borderRadius,\n\n    \"&:hover\": {\n      background: `${theme.colors.atmo1}`,\n      border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`,\n    },\n\n    \"&:focus-within\": {\n      background: `${theme.colors.atmo1}`,\n      border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`,\n      ...outlineStyles,\n    },\n  },\n  dropZoneLabelsGroup: {\n    display: \"flex\",\n    justifyContent: \"start\",\n\n    \"& label:nth-of-type(1)\": {},\n\n    \"& p:nth-of-type(2)\": {\n      marginLeft: \"auto\",\n    },\n  },\n  dragAction: {\n    background: `${theme.colors.atmo1}`,\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDrag}`,\n  },\n  dropZoneContainerDisabled: {\n    background: `${theme.colors.atmo3}`,\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDisabled}`,\n    cursor: \"not-allowed\",\n    \"&:hover\": {\n      background: `${theme.colors.atmo3}`,\n      border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDisabled}`,\n    },\n\n    \"& $dragText\": {\n      color: theme.colors.secondary_60,\n    },\n    \"& $selectFilesText\": {\n      color: theme.colors.secondary_60,\n    },\n  },\n  inputArea: {\n    opacity: 0,\n    width: \"100%\",\n    position: \"absolute\",\n    height: \"100%\",\n    cursor: \"pointer\",\n\n    \"&:disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  dropArea: {\n    display: \"flex\",\n    margin: `${theme.space.md} auto`,\n    minHeight: 48,\n  },\n  dropZoneAreaLabels: {\n    display: \"flex\",\n    maxWidth: 120,\n    margin: \"auto\",\n  },\n  dropZoneAreaIcon: {\n    margin: \"auto\",\n    marginRight: theme.space.xs,\n  },\n  dropZoneLabel: {\n    paddingBottom: 6,\n  },\n  dragText: {\n    ...(theme.typography.body as CSSProperties),\n  },\n  selectFilesText: {\n    ...(theme.typography.label as CSSProperties),\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","dropZoneContainer","position","width","display","border","theme","fileUploader","dropZone","borderType","borderColor","cursor","background","backgroundColor","borderRadius","colors","atmo1","secondary","outlineStyles","dropZoneLabelsGroup","justifyContent","marginLeft","dragAction","borderColorDrag","dropZoneContainerDisabled","atmo3","borderColorDisabled","color","secondary_60","inputArea","opacity","height","dropArea","margin","space","md","minHeight","dropZoneAreaLabels","maxWidth","dropZoneAreaIcon","marginRight","xs","dropZoneLabel","paddingBottom","dragText","typography","body","selectFilesText","label"],"mappings":"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"}
+{"version":3,"file":"DropZone.styles.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDropZone\", {\n  dropZoneContainer: {\n    position: \"relative\",\n    width: \"100%\",\n    display: \"flex\",\n    border: `1px dashed ${theme.colors.secondary_60}`,\n    cursor: \"pointer\",\n    background: theme.colors.atmo1,\n    borderRadius: theme.radii.round,\n\n    \"&:hover\": {\n      background: `${theme.colors.atmo1}`,\n      border: `1px dashed ${theme.colors.secondary}`,\n    },\n\n    \"&:focus-within\": {\n      background: `${theme.colors.atmo1}`,\n      border: `1px dashed ${theme.colors.secondary}`,\n      ...outlineStyles,\n    },\n  },\n  dropZoneLabelsGroup: {\n    display: \"flex\",\n    justifyContent: \"start\",\n\n    \"& label:nth-of-type(1)\": {},\n\n    \"& p:nth-of-type(2)\": {\n      marginLeft: \"auto\",\n    },\n  },\n  dragAction: {\n    background: `${theme.colors.atmo1}`,\n    border: `1px dashed ${theme.colors.primary}`,\n  },\n  dropZoneContainerDisabled: {\n    background: `${theme.colors.atmo3}`,\n    border: `1px dashed ${theme.colors.secondary_60}`,\n    cursor: \"not-allowed\",\n    \"&:hover\": {\n      background: `${theme.colors.atmo3}`,\n      border: `1px dashed ${theme.colors.secondary_60}`,\n    },\n\n    \"& $dragText\": {\n      color: theme.colors.secondary_60,\n    },\n    \"& $selectFilesText\": {\n      color: theme.colors.secondary_60,\n    },\n  },\n  inputArea: {\n    opacity: 0,\n    width: \"100%\",\n    position: \"absolute\",\n    height: \"100%\",\n    cursor: \"pointer\",\n\n    \"&:disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  dropArea: {\n    display: \"flex\",\n    margin: `${theme.space.md} auto`,\n    minHeight: 48,\n  },\n  dropZoneAreaLabels: {\n    display: \"flex\",\n    maxWidth: 120,\n    margin: \"auto\",\n  },\n  dropZoneAreaIcon: {\n    margin: \"auto\",\n    marginRight: theme.space.xs,\n  },\n  dropZoneLabel: {\n    paddingBottom: 6,\n  },\n  dragText: {\n    ...(theme.typography.body as CSSProperties),\n  },\n  selectFilesText: {\n    ...(theme.typography.label as CSSProperties),\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","dropZoneContainer","position","width","display","border","theme","colors","secondary_60","cursor","background","atmo1","borderRadius","radii","round","secondary","outlineStyles","dropZoneLabelsGroup","justifyContent","marginLeft","dragAction","primary","dropZoneContainerDisabled","atmo3","color","inputArea","opacity","height","dropArea","margin","space","md","minHeight","dropZoneAreaLabels","maxWidth","dropZoneAreaIcon","marginRight","xs","dropZoneLabel","paddingBottom","dragText","typography","body","selectFilesText","label"],"mappings":";;;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA,EACvEC,mBAAmB;AAAA,IACjBC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,QAAS,cAAaC,YAAMC,MAAAA,OAAOC,YAAa;AAAA,IAChDC,QAAQ;AAAA,IACRC,YAAYJ,YAAAA,MAAMC,OAAOI;AAAAA,IACzBC,cAAcN,YAAAA,MAAMO,MAAMC;AAAAA,IAE1B,WAAW;AAAA,MACTJ,YAAa,GAAEJ,YAAAA,MAAMC,OAAOI,KAAM;AAAA,MAClCN,QAAS,cAAaC,YAAMC,MAAAA,OAAOQ,SAAU;AAAA,IAC/C;AAAA,IAEA,kBAAkB;AAAA,MAChBL,YAAa,GAAEJ,YAAAA,MAAMC,OAAOI,KAAM;AAAA,MAClCN,QAAS,cAAaC,YAAMC,MAAAA,OAAOQ,SAAU;AAAA,MAC7C,GAAGC,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,qBAAqB;AAAA,IACnBb,SAAS;AAAA,IACTc,gBAAgB;AAAA,IAEhB,0BAA0B,CAAC;AAAA,IAE3B,sBAAsB;AAAA,MACpBC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,YAAY;AAAA,IACVV,YAAa,GAAEJ,YAAAA,MAAMC,OAAOI,KAAM;AAAA,IAClCN,QAAS,cAAaC,YAAMC,MAAAA,OAAOc,OAAQ;AAAA,EAC7C;AAAA,EACAC,2BAA2B;AAAA,IACzBZ,YAAa,GAAEJ,YAAAA,MAAMC,OAAOgB,KAAM;AAAA,IAClClB,QAAS,cAAaC,YAAMC,MAAAA,OAAOC,YAAa;AAAA,IAChDC,QAAQ;AAAA,IACR,WAAW;AAAA,MACTC,YAAa,GAAEJ,YAAAA,MAAMC,OAAOgB,KAAM;AAAA,MAClClB,QAAS,cAAaC,YAAMC,MAAAA,OAAOC,YAAa;AAAA,IAClD;AAAA,IAEA,eAAe;AAAA,MACbgB,OAAOlB,YAAAA,MAAMC,OAAOC;AAAAA,IACtB;AAAA,IACA,sBAAsB;AAAA,MACpBgB,OAAOlB,YAAAA,MAAMC,OAAOC;AAAAA,IACtB;AAAA,EACF;AAAA,EACAiB,WAAW;AAAA,IACTC,SAAS;AAAA,IACTvB,OAAO;AAAA,IACPD,UAAU;AAAA,IACVyB,QAAQ;AAAA,IACRlB,QAAQ;AAAA,IAER,cAAc;AAAA,MACZA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAmB,UAAU;AAAA,IACRxB,SAAS;AAAA,IACTyB,QAAS,GAAEvB,YAAAA,MAAMwB,MAAMC,EAAG;AAAA,IAC1BC,WAAW;AAAA,EACb;AAAA,EACAC,oBAAoB;AAAA,IAClB7B,SAAS;AAAA,IACT8B,UAAU;AAAA,IACVL,QAAQ;AAAA,EACV;AAAA,EACAM,kBAAkB;AAAA,IAChBN,QAAQ;AAAA,IACRO,aAAa9B,YAAAA,MAAMwB,MAAMO;AAAAA,EAC3B;AAAA,EACAC,eAAe;AAAA,IACbC,eAAe;AAAA,EACjB;AAAA,EACAC,UAAU;AAAA,IACR,GAAIlC,YAAAA,MAAMmC,WAAWC;AAAAA,EACvB;AAAA,EACAC,iBAAiB;AAAA,IACf,GAAIrC,YAAAA,MAAMmC,WAAWG;AAAAA,EACvB;AACF,CAAC;;;"}

package/dist/cjs/components/FileUploader/File/File.cjs

@@ -8,6 +8,7 @@ const utils = require("../utils.cjs");
 const File_styles = require("./File.styles.cjs");
 const ProgressBar = require("../../ProgressBar/ProgressBar.cjs");
 const Button = require("../../Button/Button.cjs");
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const getStatusIcon = (classes, status) => {
   switch (status) {
@@ -36,13 +37,14 @@ const getProgressBarWith = ({
   const width = progress != null && size != null ? Math.round(progress * 100 / size) : 0;
   return width;
 };
-const HvFile = ({
-  id,
-  classes: classesProp,
-  data,
-  onFileRemoved,
-  removeFileButtonLabel
-}) => {
+const HvFile = (props) => {
+  const {
+    id,
+    classes: classesProp,
+    data,
+    onFileRemoved,
+    removeFileButtonLabel
+  } = useDefaultProps.useDefaultProps("HvFile", props);
   const {
     classes
   } = File_styles.useClasses(classesProp);

package/dist/cjs/components/FileUploader/File/File.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"File.cjs","sources":["../../../../../src/components/FileUploader/File/File.tsx"],"sourcesContent":["import { Close, Fail, Success } from \"@hitachivantara/uikit-react-icons\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { HvButton } from \"@core/components/Button\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvProgressBar } from \"@core/components/ProgressBar\";\nimport { cx } from \"@emotion/css\";\nimport { convertUnits } from \"../utils\";\nimport { staticClasses, useClasses } from \"./File.styles\";\n\nexport { staticClasses as fileClasses };\n\nexport type HvFileClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileData extends Omit<File, \"name\" | \"size\"> {\n  /**\n   * The file id.\n   */\n  id?: string;\n  /**\n   * The file name.\n   */\n  name?: string;\n  /**\n   * The upload status.\n   */\n  status?: \"progress\" | \"success\" | \"fail\";\n  /**\n   * The file size in bytes.\n   */\n  size?: number;\n  /**\n   * Upload progress in bytes.\n   */\n  progress?: number;\n  /**\n   * Optional node representing a preview of the uploaded file.\n   */\n  preview?: React.ReactNode;\n  /**\n   * Error message when the upload failed.\n   */\n  errorMessage?: string;\n}\n\nexport type HvFilesAddedEvent = (files: HvFileData[]) => void;\n\nexport type HvFileRemovedEvent = (file: HvFileData) => void;\n\nexport type HvFileProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * File information to be displayed.\n   */\n  data: 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 file list.\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileClasses;\n};\n\nconst getStatusIcon = (\n  classes?: HvFileClasses,\n  status?: HvFileData[\"status\"]\n) => {\n  switch (status) {\n    case \"success\":\n      return <Success className={classes?.icon} color=\"positive\" />;\n    case \"fail\":\n      return <Fail className={classes?.icon} color=\"negative\" />;\n    default:\n      return <div className={classes?.icon} />;\n  }\n};\n\nconst getProgressText = (data: HvFileData, classes?: HvFileClasses) => {\n  const hasFailed = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n\n  return (\n    <>\n      {data.progress || data.size || data.errorMessage ? `\\xa0|\\xa0` : null}\n\n      {inProgress && data.progress != null && (\n        <HvTypography variant=\"label\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && (\n        <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>\n      )}\n\n      {hasFailed && data.errorMessage && (\n        <HvTypography className={classes?.fail}>\n          {data.errorMessage}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }: HvFileData) => {\n  const width =\n    progress != null && size != null ? Math.round((progress * 100) / size) : 0;\n\n  return width;\n};\n\nexport const HvFile = ({\n  id,\n  classes: classesProp,\n  data,\n  onFileRemoved,\n  removeFileButtonLabel,\n}: HvFileProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const hasError = data.status === \"fail\";\n\n  const inProgress = data.status === \"progress\";\n\n  const progressText = getProgressText(data, classes);\n\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li className={classes.root}>\n      {!hasError && inProgress && (\n        <HvProgressBar\n          classes={{\n            root: classes.progressbar,\n            progressBarContainer: cx(\n              classes.progressbarContainer,\n              classes.progressbarBack\n            ),\n          }}\n          value={currentProgress}\n          hideLabel\n        />\n      )}\n\n      {statusIcon}\n\n      <HvTypography className={classes.nameText} variant=\"label\">\n        {data.name}\n      </HvTypography>\n\n      <span className={classes.progressTextContainer}>{progressText}</span>\n\n      {data.preview && (\n        <div className={classes.previewContainer}>{data.preview}</div>\n      )}\n\n      <HvButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={classes.removeButton}\n        onClick={() => onFileRemoved?.(data)}\n        icon\n      >\n        <Close iconSize=\"XS\" />\n      </HvButton>\n    </li>\n  );\n};\n"],"names":["getStatusIcon","classes","status","Success","icon","Fail","jsx","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","HvTypography","convertUnits","fail","getProgressBarWith","width","Math","round","HvFile","id","classesProp","onFileRemoved","removeFileButtonLabel","useClasses","hasError","progressText","statusIcon","currentProgress","jsxs","root","HvProgressBar","progressbar","progressBarContainer","cx","progressbarContainer","progressbarBack","nameText","name","progressTextContainer","preview","previewContainer","HvButton","setId","removeButton","Close"],"mappings":"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"}
+{"version":3,"file":"File.cjs","sources":["../../../../../src/components/FileUploader/File/File.tsx"],"sourcesContent":["import { Close, Fail, Success } from \"@hitachivantara/uikit-react-icons\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { HvButton } from \"@core/components/Button\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvProgressBar } from \"@core/components/ProgressBar\";\nimport { cx } from \"@emotion/css\";\nimport { useDefaultProps } from \"@core/hooks\";\nimport { convertUnits } from \"../utils\";\nimport { staticClasses, useClasses } from \"./File.styles\";\n\nexport { staticClasses as fileClasses };\n\nexport type HvFileClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileData extends Omit<File, \"name\" | \"size\"> {\n  /**\n   * The file id.\n   */\n  id?: string;\n  /**\n   * The file name.\n   */\n  name?: string;\n  /**\n   * The upload status.\n   */\n  status?: \"progress\" | \"success\" | \"fail\";\n  /**\n   * The file size in bytes.\n   */\n  size?: number;\n  /**\n   * Upload progress in bytes.\n   */\n  progress?: number;\n  /**\n   * Optional node representing a preview of the uploaded file.\n   */\n  preview?: React.ReactNode;\n  /**\n   * Error message when the upload failed.\n   */\n  errorMessage?: string;\n}\n\nexport type HvFilesAddedEvent = (files: HvFileData[]) => void;\n\nexport type HvFileRemovedEvent = (file: HvFileData) => void;\n\nexport type HvFileProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * File information to be displayed.\n   */\n  data: 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 file list.\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileClasses;\n};\n\nconst getStatusIcon = (\n  classes?: HvFileClasses,\n  status?: HvFileData[\"status\"]\n) => {\n  switch (status) {\n    case \"success\":\n      return <Success className={classes?.icon} color=\"positive\" />;\n    case \"fail\":\n      return <Fail className={classes?.icon} color=\"negative\" />;\n    default:\n      return <div className={classes?.icon} />;\n  }\n};\n\nconst getProgressText = (data: HvFileData, classes?: HvFileClasses) => {\n  const hasFailed = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n\n  return (\n    <>\n      {data.progress || data.size || data.errorMessage ? `\\xa0|\\xa0` : null}\n\n      {inProgress && data.progress != null && (\n        <HvTypography variant=\"label\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && (\n        <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>\n      )}\n\n      {hasFailed && data.errorMessage && (\n        <HvTypography className={classes?.fail}>\n          {data.errorMessage}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }: HvFileData) => {\n  const width =\n    progress != null && size != null ? Math.round((progress * 100) / size) : 0;\n\n  return width;\n};\n\nexport const HvFile = (props: HvFileProps) => {\n  const {\n    id,\n    classes: classesProp,\n    data,\n    onFileRemoved,\n    removeFileButtonLabel,\n  } = useDefaultProps(\"HvFile\", props);\n  const { classes } = useClasses(classesProp);\n\n  const hasError = data.status === \"fail\";\n\n  const inProgress = data.status === \"progress\";\n\n  const progressText = getProgressText(data, classes);\n\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li className={classes.root}>\n      {!hasError && inProgress && (\n        <HvProgressBar\n          classes={{\n            root: classes.progressbar,\n            progressBarContainer: cx(\n              classes.progressbarContainer,\n              classes.progressbarBack\n            ),\n          }}\n          value={currentProgress}\n          hideLabel\n        />\n      )}\n\n      {statusIcon}\n\n      <HvTypography className={classes.nameText} variant=\"label\">\n        {data.name}\n      </HvTypography>\n\n      <span className={classes.progressTextContainer}>{progressText}</span>\n\n      {data.preview && (\n        <div className={classes.previewContainer}>{data.preview}</div>\n      )}\n\n      <HvButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={classes.removeButton}\n        onClick={() => onFileRemoved?.(data)}\n        icon\n      >\n        <Close iconSize=\"XS\" />\n      </HvButton>\n    </li>\n  );\n};\n"],"names":["getStatusIcon","classes","status","Success","icon","Fail","jsx","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","HvTypography","convertUnits","fail","getProgressBarWith","width","Math","round","HvFile","props","id","classesProp","onFileRemoved","removeFileButtonLabel","useDefaultProps","useClasses","hasError","progressText","statusIcon","currentProgress","jsxs","root","HvProgressBar","progressbar","progressBarContainer","cx","progressbarContainer","progressbarBack","nameText","name","progressTextContainer","preview","previewContainer","HvButton","setId","removeButton","Close"],"mappings":"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"}

package/dist/cjs/components/FileUploader/File/File.styles.cjs

@@ -12,7 +12,7 @@ const {
     top: "-1px"
   },
   progressbarContainer: {
-    height: uikitStyles.theme.fileUploader.file.progressHeight
+    height: "4px"
   },
   progressbarBack: {},
   nameText: {
@@ -33,8 +33,8 @@ const {
   previewContainer: {
     display: "flex",
     margin: `0px ${uikitStyles.theme.space.xs}`,
-    width: uikitStyles.theme.fileUploader.file.previewContainerSize,
-    height: uikitStyles.theme.fileUploader.file.previewContainerSize,
+    width: "48px",
+    height: "48px",
     justifyContent: "center",
     alignItems: "center",
     "& span": {
@@ -45,8 +45,8 @@ const {
       height: "100%"
     },
     "& img": {
-      width: uikitStyles.theme.fileUploader.file.imageSize,
-      height: uikitStyles.theme.fileUploader.file.imageSize,
+      width: "40px",
+      height: "40px",
       objectFit: "cover",
       objectPosition: "center",
       alignSelf: "center"

package/dist/cjs/components/FileUploader/File/File.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"File.styles.cjs","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,QAAAA,cAAc,UAAU;AAAA,EACnEC,MAAM,CAAC;AAAA,EACPC,aAAa;AAAA,IACXC,UAAU;AAAA,IACVC,KAAK;AAAA,EACP;AAAA,EACAC,sBAAsB;AAAA,IACpBC,QAAQC,YAAMC,MAAAA,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,YAAMgB,MAAAA,MAAMC,EAAG;AAAA,EAChC;AAAA,EACAC,kBAAkB;AAAA,IAChBR,SAAS;AAAA,IACTK,QAAS,OAAMf,YAAMgB,MAAAA,MAAMC,EAAG;AAAA,IAC9BH,OAAOd,YAAMC,MAAAA,aAAaC,KAAKiB;AAAAA,IAC/BpB,QAAQC,YAAMC,MAAAA,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,YAAMC,MAAAA,aAAaC,KAAKmB;AAAAA,MAC/BtB,QAAQC,YAAMC,MAAAA,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,YAAMgB,MAAAA,MAAMC,EAAG;AAAA,EAChC;AAAA,EACAS,MAAM,CAAC;AACT,CAAC;;;"}
+{"version":3,"file":"File.styles.cjs","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,QAAAA,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,YAAMC,MAAAA,MAAMC,EAAG;AAAA,EAChC;AAAA,EACAC,kBAAkB;AAAA,IAChBT,SAAS;AAAA,IACTK,QAAS,OAAMC,YAAMC,MAAAA,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,YAAMC,MAAAA,MAAMC,EAAG;AAAA,EAChC;AAAA,EACAO,MAAM,CAAC;AACT,CAAC;;;"}

package/dist/cjs/components/FileUploader/FileList/FileList.cjs

@@ -5,13 +5,15 @@ const useUniqueId = require("../../../hooks/useUniqueId.cjs");
 const setId = require("../../../utils/setId.cjs");
 const FileList_styles = require("./FileList.styles.cjs");
 const File = require("../File/File.cjs");
-const HvFileList = ({
-  id,
-  classes: classesProp,
-  list = [],
-  removeFileButtonLabel,
-  onFileRemoved
-}) => {
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
+const HvFileList = (props) => {
+  const {
+    id,
+    classes: classesProp,
+    list = [],
+    removeFileButtonLabel,
+    onFileRemoved
+  } = useDefaultProps.useDefaultProps("HvFileList", props);
   const {
     classes
   } = FileList_styles.useClasses(classesProp);

package/dist/cjs/components/FileUploader/FileList/FileList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.cjs","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","jsx","setId","map","data","HvFile","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,gBAAAA,WAAWJ,WAAW;AAEpCK,QAAAA,YAAYC,YAAAA,YAAYR,IAAI,YAAY;AAExCS,QAAAA,WAAWN,KAAKO,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,SACGE,2BAAA,IAAA,MAAA,EAAG,IAAIC,MAAAA,MAAMZ,IAAI,MAAM,GAAG,WAAWC,QAAQE,MAC3CA,UAAKU,KAAAA,IAAKC,CACT,SAAAH,+BAACI,KAAAA,UAEC,SAAS;AAAA,IAAEC,MAAMf,mCAASgB;AAAAA,EAC1B,GAAA,IAAIL,MAAML,MAAAA,WAAW,QAAQ,GAC7B,MACA,eACA,sBALKO,GAAAA,KAAKd,GAOb,EACH,CAAA;AAEJ;;;"}
+{"version":3,"file":"FileList.cjs","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","jsx","setId","map","data","HvFile","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,gBAAA,cAAcP,KAAK;AACjC,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYM,gBAAAA,WAAWL,WAAW;AAEpCM,QAAAA,YAAYC,YAAAA,YAAYT,IAAI,YAAY;AAExCU,QAAAA,WAAWP,KAAKQ,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,SACGE,2BAAA,IAAA,MAAA,EAAG,IAAIC,MAAAA,MAAMb,IAAI,MAAM,GAAG,WAAWC,QAAQE,MAC3CA,UAAKW,KAAAA,IAAKC,CACT,SAAAH,+BAACI,KAAAA,UAEC,SAAS;AAAA,IAAEC,MAAMhB,mCAASiB;AAAAA,EAC1B,GAAA,IAAIL,MAAML,MAAAA,WAAW,QAAQ,GAC7B,MACA,eACA,sBALKO,GAAAA,KAAKf,GAOb,EACH,CAAA;AAEJ;;;"}

package/dist/cjs/components/FileUploader/FileList/FileList.styles.cjs

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

package/dist/cjs/components/FileUploader/FileList/FileList.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.styles.cjs","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,QAAAA,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,WAAWL,YAAAA,MAAMC,MAAMK;AAAAA,IACvBC,WAAW;AAAA,EACb;AAAA,EACAC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVZ,SAAS;AAAA,IACTa,YAAY;AAAA,IACZC,YAAYX,YAAAA,MAAMY,OAAOC;AAAAA,IACzBT,SAAU,GAAEJ,YAAAA,MAAMC,MAAMC,EAAG;AAAA,IAC3BY,QAAQd,YAAMe,MAAAA,aAAaC,SAASC;AAAAA,IACpCC,cAAclB,YAAMe,MAAAA,aAAaC,SAASG;AAAAA,EAC5C;AACF,CAAC;;;"}
+{"version":3,"file":"FileList.styles.cjs","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,QAAAA,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,WAAWL,YAAAA,MAAMC,MAAMK;AAAAA,IACvBC,WAAW;AAAA,EACb;AAAA,EACAC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVZ,SAAS;AAAA,IACTa,YAAY;AAAA,IACZC,YAAYX,YAAAA,MAAMY,OAAOC;AAAAA,IACzBT,SAAU,GAAEJ,YAAAA,MAAMC,MAAMC,EAAG;AAAA,IAC3BY,QAAS,aAAYd,YAAMY,MAAAA,OAAOG,KAAM;AAAA,IACxCC,cAAe,WAAUhB,YAAAA,MAAMiB,MAAMC,KAAM,IAAGlB,YAAAA,MAAMiB,MAAMC,KAAM;AAAA,EAClE;AACF,CAAC;;;"}

package/dist/cjs/components/FileUploader/Preview/Preview.cjs

@@ -5,15 +5,17 @@ const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const Preview_styles = require("./Preview.styles.cjs");
 const Button = require("../../Button/Button.cjs");
-const HvFileUploaderPreview = ({
-  className,
-  children,
-  classes: classesProp,
-  disableOverlay = false,
-  onUnload,
-  onClick,
-  ...others
-}) => {
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
+const HvFileUploaderPreview = (props) => {
+  const {
+    className,
+    children,
+    classes: classesProp,
+    disableOverlay = false,
+    onUnload,
+    onClick,
+    ...others
+  } = useDefaultProps.useDefaultProps("HvFileUploaderPreview", props);
   const {
     classes,
     cx,

package/dist/cjs/components/FileUploader/Preview/Preview.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.cjs","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","jsxs","HvButton","previewButton","jsx","overlay","Preview","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,eAAAA,WAAWP,WAAW;AAEnDQ,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACA;AAAA,IAAA;AAAA,EACb,GACC,CAACN,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,WACGM,2BAAA,KAAAC,OAAA,UAAA,EACC,MAAI,MACJ,WAAWL,GAAGN,QAAQY,eAAed,SAAS,GAC9C,SACIO,GAAAA,QAEHN,UAAAA;AAAAA,MAAAA;AAAAA,MACA,CAACG,kBACCW,2BAAAA,IAAA,OAAA,EAAI,WAAWb,QAAQc,SAAS,eAAY,QAC3C,UAAAD,2BAAA,IAACE,gBACC,SAAA,EAAA,WAAWR,IAAI;AAAA,QACbS,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;AAEOrB,SAAAA;AACT;;;"}
+{"version":3,"file":"Preview.cjs","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","jsxs","HvButton","previewButton","jsx","overlay","Preview","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,gBAAA,yBAAyBT,KAAK;AAC5C,QAAA;AAAA,IAAEG;AAAAA,IAASO;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,eAAAA,WAAWR,WAAW;AAEnDS,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACA;AAAA,IAAA;AAAA,EACb,GACC,CAACP,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,WACGO,2BAAA,KAAAC,OAAA,UAAA,EACC,MAAI,MACJ,WAAWL,GAAGP,QAAQa,eAAef,SAAS,GAC9C,SACIO,GAAAA,QAEHN,UAAAA;AAAAA,MAAAA;AAAAA,MACA,CAACG,kBACCY,2BAAAA,IAAA,OAAA,EAAI,WAAWd,QAAQe,SAAS,eAAY,QAC3C,UAAAD,2BAAA,IAACE,gBACC,SAAA,EAAA,WAAWR,IAAI;AAAA,QACbS,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;AAEOtB,SAAAA;AACT;;;"}

package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs

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

package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.styles.cjs","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,QAAAA,cAC3C,yBACA;AAAA,EACEC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,OAAOC,YAAMC,MAAAA,aAAaC,QAAQC;AAAAA,IAClCC,QAAQJ,YAAMC,MAAAA,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,YAAMC,MAAAA,aAAaC,QAAQY;AAAAA,IAC5CC,SAASf,YAAMC,MAAAA,aAAaC,QAAQc;AAAAA,IACpCC,cAAcjB,YAAMC,MAAAA,aAAaC,QAAQgB;AAAAA,EAC3C;AACF,CACF;;;"}
+{"version":3,"file":"Preview.styles.cjs","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,QAAAA,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,YAAAA,MAAMC,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,IACTC,cAAcJ,YAAAA,MAAMK,MAAMC;AAAAA,EAC5B;AACF,CACF;;;"}

package/dist/cjs/components/FilterGroup/Counter/Counter.cjs

@@ -4,6 +4,7 @@ const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const FilterGroupContext = require("../FilterGroupContext.cjs");
 const Counter_styles = require("./Counter.styles.cjs");
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
 const getExistingFiltersById = (idx, filterValues, filterOptions) => {
   var _a;
   let total = 0;
@@ -15,11 +16,12 @@ const getExistingFiltersById = (idx, filterValues, filterOptions) => {
   });
   return total;
 };
-const HvFilterGroupCounter = ({
-  className,
-  id,
-  classes: classesProp
-}) => {
+const HvFilterGroupCounter = (props) => {
+  const {
+    className,
+    id,
+    classes: classesProp
+  } = useDefaultProps.useDefaultProps("HvFilterGroupCounter", props);
   const {
     classes,
     cx

package/dist/cjs/components/FilterGroup/Counter/Counter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.cjs","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","jsx"],"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,eAAAA,WAAWF,WAAW;AACxC,QAAA;AAAA,IACJX;AAAAA,IACAD,eAAe,CAAE;AAAA,IACjBe,iBAAiB,CAAA;AAAA,EAAA,IACfC,MAAAA,WAAWC,mBAAAA,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,yCACG,OAAI,EAAA,WAAWnB,GAAGF,QAAQsB,MAAMvB,SAAS,GACvCkB,UAAAA;AAAAA,IAAAA,iBAAiB,IACfM,+BAAA,KAAA,EAAE,WAAWvB,QAAQiB,gBAAiBA,0BAAe,IAEtDA;AAAAA,IAEA,MAAKC,YAAa;AAAA,EACtB,EAAA,CAAA;AAEJ;;;"}
+{"version":3,"file":"Counter.cjs","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","jsx"],"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,gBAAA,wBAAwBJ,KAAK;AAC3C,QAAA;AAAA,IAAEE;AAAAA,IAASG;AAAAA,EAAAA,IAAOC,eAAAA,WAAWH,WAAW;AACxC,QAAA;AAAA,IACJZ;AAAAA,IACAD,eAAe,CAAE;AAAA,IACjBiB,iBAAiB,CAAA;AAAA,EAAA,IACfC,MAAAA,WAAWC,mBAAAA,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,yCACG,OAAI,EAAA,WAAWnB,GAAGH,QAAQuB,MAAMxB,SAAS,GACvCmB,UAAAA;AAAAA,IAAAA,iBAAiB,IACfM,+BAAA,KAAA,EAAE,WAAWxB,QAAQkB,gBAAiBA,0BAAe,IAEtDA;AAAAA,IAEA,MAAKC,YAAa;AAAA,EACtB,EAAA,CAAA;AAEJ;;;"}

package/dist/cjs/components/FilterGroup/Counter/Counter.styles.cjs

@@ -13,7 +13,7 @@ const {
   },
   partialCounter: {
     display: "inline-block",
-    fontWeight: uikitStyles.theme.filterGroup.partialCounterFontWeight
+    fontWeight: uikitStyles.theme.fontWeights.normal
   }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/components/FilterGroup/Counter/Counter.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.styles.cjs","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,QAAAA,cAAcH,MAAM;AAAA,EAC/DI,MAAM;AAAA,IACJC,YAAY;AAAA,IACZC,aAAa;AAAA,EACf;AAAA,EACAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAYC,YAAAA,MAAMC,YAAYC;AAAAA,EAChC;AACF,CAAC;;;"}
+{"version":3,"file":"Counter.styles.cjs","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,QAAAA,cAAcH,MAAM;AAAA,EAC/DI,MAAM;AAAA,IACJC,YAAY;AAAA,IACZC,aAAa;AAAA,EACf;AAAA,EACAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAYC,YAAAA,MAAMC,YAAYC;AAAAA,EAChC;AACF,CAAC;;;"}

package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.cjs

@@ -10,31 +10,33 @@ const FilterGroupContext = require("../FilterGroupContext.cjs");
 const LeftPanel = require("../LeftPanel/LeftPanel.cjs");
 const RightPanel = require("../RightPanel/RightPanel.cjs");
 const Button = require("../../Button/Button.cjs");
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const BaseDropdown = require("../../BaseDropdown/BaseDropdown.cjs");
 const Counter = require("../Counter/Counter.cjs");
 const ActionBar = require("../../ActionBar/ActionBar.cjs");
-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.useDefaultProps("HvFilterGroupContent", props);
   const {
     classes
   } = FilterContent_styles.useClasses(classesProp);

package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterContent.cjs","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","jsxs","Fragment","jsx","Filters","HvTypography","placeholder","HvBaseDropdown","setId","root","dropdown","panel","selection","baseDropdownSelection","header","HvFilterGroupCounter","modifiers","name","enabled","undefined","join","trim","HvFilterGroupLeftPanel","leftSidePanel","HvFilterGroupRightPanel","rightSidePanel","HvActionBar","actionBar","HvButton","flat","length","clearLabel","space","filterGroup","applyButtonVariant","applyButton","applyLabel","cancelButtonVariant","cancelLabel"],"mappings":"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"}
+{"version":3,"file":"FilterContent.cjs","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","jsxs","Fragment","jsx","Filters","HvTypography","placeholder","HvBaseDropdown","setId","root","dropdown","panel","selection","baseDropdownSelection","header","HvFilterGroupCounter","modifiers","name","enabled","undefined","join","trim","HvFilterGroupLeftPanel","leftSidePanel","HvFilterGroupRightPanel","rightSidePanel","HvActionBar","actionBar","HvButton","flat","length","clearLabel","space","filterGroup","applyButtonVariant","applyButton","applyLabel","cancelButtonVariant","cancelLabel"],"mappings":"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"}

package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.styles.cjs

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

package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterContent.styles.cjs","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,QAAAA,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,YAAMC,MAAAA,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,YAAAA,MAAMQ,YAAYC;AAAAA,IAC7BC,YAAYV,YAAAA,MAAMQ,YAAYG;AAAAA,EAChC;AAAA,EACAC,eAAe;AAAA,IACbjB,SAAS;AAAA,IACTQ,OAAQ,cAAaH,YAAMa,MAAAA,MAAMC,EAAG,MAAKd,kBAAMa,MAAMC,EAAG;AAAA,IACxDjB,QAAS,eAAcG,YAAMa,MAAAA,MAAMC,EAAG,MAAKd,kBAAMa,MAAMC,EAAG;AAAA,IAC1DT,eAAe;AAAA,IACfb,WAAW;AAAA,IACXC,WAAW;AAAA,IACXM,SAAS;AAAA,IACTgB,QAAS,QAAOf,YAAAA,MAAMC,QAAQ,IAAI,CAAE;AAAA,EACtC;AAAA,EACAe,WAAW,CAAC;AAAA,EACZH,OAAO;AAAA,IACLI,MAAM;AAAA,EACR;AAAA,EACAC,aAAa;AAAA,IACXC,aAAanB,YAAAA,MAAMQ,YAAYY;AAAAA,EACjC;AACF,CAAC;;;"}
+{"version":3,"file":"FilterContent.styles.cjs","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,QAAAA,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,YAAMC,MAAAA,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,YAAMS,MAAAA,OAAOC,KAAM;AAAA,EAC9C;AAAA,EACAC,eAAe;AAAA,IACbhB,SAAS;AAAA,IACTQ,OAAQ,cAAaH,YAAMY,MAAAA,MAAMC,EAAG,MAAKb,kBAAMY,MAAMC,EAAG;AAAA,IACxDhB,QAAS,eAAcG,YAAMY,MAAAA,MAAMC,EAAG,MAAKb,kBAAMY,MAAMC,EAAG;AAAA,IAC1DR,eAAe;AAAA,IACfb,WAAW;AAAA,IACXC,WAAW;AAAA,IACXM,SAAS;AAAA,IACTe,QAAS,QAAOd,YAAAA,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/cjs/components/Forms/InfoMessage/InfoMessage.styles.cjs

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

package/dist/cjs/components/Forms/InfoMessage/InfoMessage.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage.styles.cjs","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,QAAAA,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,OAAOC,YAAMC,MAAAA,MAAMC,YAAYC;AAAAA,IAAWC,SAAS;AAAA,EAAe;AAAA,EAC1EC,cAAc;AAAA,IAAEN,OAAOC,YAAAA,MAAMM,OAAOC;AAAAA,EAAa;AAAA,EACjDC,QAAQ;AAAA,IAAEC,SAAU,WAAUT,YAAMU,MAAAA,MAAMC,EAAG;AAAA,EAAE;AACjD,CAAC;;;"}
+{"version":3,"file":"InfoMessage.styles.cjs","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,QAAAA,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,IAAcC,SAAS;AAAA,EAAe;AAAA,EAClEC,cAAc;AAAA,IAAEL,OAAOC,YAAAA,MAAMC,OAAOI;AAAAA,EAAa;AAAA,EACjDC,QAAQ;AAAA,IAAEC,SAAU,WAAUP,YAAMQ,MAAAA,MAAMC,EAAG;AAAA,EAAE;AACjD,CAAC;;;"}

package/dist/cjs/components/Forms/Label/Label.styles.cjs

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

package/dist/cjs/components/Forms/Label/Label.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.styles.cjs","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,QAAAA,cAAc,WAAW;AAAA,EACpEC,MAAM;AAAA,IAAEC,YAAYC,YAAMC,MAAAA,MAAMC,MAAMH;AAAAA,IAAYI,SAAS;AAAA,EAAe;AAAA,EAC1EC,eAAe;AAAA,IAAEC,OAAOL,YAAAA,MAAMM,OAAOC;AAAAA,EAAa;AAAA,EAClDC,aAAa;AAAA,IAAEC,eAAe;AAAA,EAAM;AACtC,CAAC;;;"}
+{"version":3,"file":"Label.styles.cjs","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,QAAAA,cAAc,WAAW;AAAA,EACpEC,MAAM;AAAA,IAAEC,YAAYC,YAAAA,MAAMC,YAAYC;AAAAA,IAAQC,SAAS;AAAA,EAAe;AAAA,EACtEC,eAAe;AAAA,IAAEC,OAAOL,YAAAA,MAAMM,OAAOC;AAAAA,EAAa;AAAA,EAClDC,aAAa;AAAA,IAAEC,eAAe;AAAA,EAAM;AACtC,CAAC;;;"}