@hitachivantara/uikit-react-core 5.67.1 → 5.68.1

package/dist/cjs/Dialog/Dialog.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDialog", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDialog", {
   root: {},
   background: { background: uikitStyles.theme.alpha("atmo4", 0.8) },
   paper: {

package/dist/cjs/Dialog/Title/Title.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const MuiDialogTitle = require("@mui/material/DialogTitle");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const iconVariant = require("../../utils/iconVariant.cjs");
 const context = require("../context.cjs");
 const Title_styles = require("./Title.styles.cjs");
@@ -17,7 +17,7 @@ const HvDialogTitle = (props) => {
     showIcon = true,
     customIcon = null,
     ...others
-  } = useDefaultProps.useDefaultProps("HvDialogTitle", props);
+  } = uikitReactUtils.useDefaultProps("HvDialogTitle", props);
   const { classes, css, cx } = Title_styles.useClasses(classesProp);
   const { fullscreen } = context.useDialogContext();
   const isString = typeof children === "string";

package/dist/cjs/Dialog/Title/Title.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDialog-Title", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDialog-Title", {
   root: {
     fontFamily: uikitStyles.theme.fontFamily.body,
     // override MUI font

package/dist/cjs/DotPagination/DotPagination.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const helpers = require("../utils/helpers.cjs");
 const DotPagination_styles = require("./DotPagination.styles.cjs");
 const RadioGroup = require("../RadioGroup/RadioGroup.cjs");
@@ -32,7 +32,7 @@ const HvDotPagination = (props) => {
     onPageChange,
     getItemAriaLabel,
     ...others
-  } = useDefaultProps.useDefaultProps("HvDotPagination", props);
+  } = uikitReactUtils.useDefaultProps("HvDotPagination", props);
   const { classes, cx } = DotPagination_styles.useClasses(classesProp);
   const icons = getSelectorIcons(unselectedIcon, selectedIcon, classes);
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cjs/DotPagination/DotPagination.styles.cjs

@@ -1,19 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { useClasses, staticClasses } = uikitReactShared.createClasses("HvDotPagination", {
+const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvDotPagination", {
   root: {
     display: "flex",
     justifyContent: "center"
   },
   horizontal: {
-    marginLeft: 0,
     width: "auto"
   },
-  radioRoot: {
-    marginLeft: uikitStyles.theme.space.xs
-  },
+  radioRoot: {},
   radio: {
     height: 16,
     width: 16,

package/dist/cjs/Drawer/Drawer.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const MuiDrawer = require("@mui/material/Drawer");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const setId = require("../utils/setId.cjs");
 const Drawer_styles = require("./Drawer.styles.cjs");
 const IconButton = require("../IconButton/IconButton.cjs");
@@ -23,7 +23,7 @@ const HvDrawer = (props) => {
     hideBackdrop,
     disableBackdropClick = false,
     ...others
-  } = useDefaultProps.useDefaultProps("HvDrawer", props);
+  } = uikitReactUtils.useDefaultProps("HvDrawer", props);
   const { classes, cx } = Drawer_styles.useClasses(classesProp);
   const handleOnClose = (event, reason) => {
     if (reason === "backdropClick" && disableBackdropClick) return;

package/dist/cjs/Drawer/Drawer.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDrawer", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDrawer", {
   root: {},
   paper: {
     backgroundColor: uikitStyles.theme.colors.atmo1,

package/dist/cjs/DropDownMenu/DropDownMenu.cjs

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const BaseDropdownContext = require("../BaseDropdown/BaseDropdownContext/BaseDropdownContext.cjs");
 const useControlled = require("../hooks/useControlled.cjs");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
 const useLabels = require("../hooks/useLabels.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const focusableElementFinder = require("../utils/focusableElementFinder.cjs");
@@ -59,7 +59,7 @@ const HvDropDownMenu = (props) => {
     size = "md",
     labels: labelsProp,
     ...others
-  } = useDefaultProps.useDefaultProps("HvDropDownMenu", props);
+  } = uikitReactUtils.useDefaultProps("HvDropDownMenu", props);
   const { classes, cx } = DropDownMenu_styles.useClasses(classesProp);
   const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
   const [open, setOpen] = useControlled.useControlled(expanded, Boolean(defaultExpanded));

package/dist/cjs/DropDownMenu/DropDownMenu.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDropDownMenu", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDropDownMenu", {
   container: {},
   baseContainer: {},
   root: {

package/dist/cjs/Dropdown/Dropdown.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const utils$1 = require("@mui/material/utils");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useControlled = require("../hooks/useControlled.cjs");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
 const useLabels = require("../hooks/useLabels.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const setId = require("../utils/setId.cjs");
@@ -76,7 +76,7 @@ const HvDropdown = React.forwardRef(
       baseDropdownProps = {},
       listProps = {},
       ...others
-    } = useDefaultProps.useDefaultProps("HvDropdown", props);
+    } = uikitReactUtils.useDefaultProps("HvDropdown", props);
     const { classes, cx } = Dropdown_styles.useClasses(classesProp);
     const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
     const elementId = useUniqueId.useUniqueId(id);

package/dist/cjs/Dropdown/Dropdown.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDropdown", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDropdown", {
   root: {
     width: "100%",
     position: "relative",

package/dist/cjs/Dropdown/List/List.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const BaseDropdownContext = require("../../BaseDropdown/BaseDropdownContext/BaseDropdownContext.cjs");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const setId = require("../../utils/setId.cjs");
 const utils = require("../utils.cjs");
 const List_styles = require("./List.styles.cjs");
@@ -31,12 +31,12 @@ const HvDropdownList = (props) => {
     notifyChangesOnFirstRender = false,
     hasTooltips = false,
     singleSelectionToggle,
-    height: dropdownHeight,
+    height: heightProp,
     maxHeight,
     virtualized = false,
     ...others
-  } = useDefaultProps.useDefaultProps("HvDropdownList", props);
-  const { classes, cx, css } = List_styles.useClasses(classesProp);
+  } = uikitReactUtils.useDefaultProps("HvDropdownList", props);
+  const { classes, cx } = List_styles.useClasses(classesProp);
   const [searchStr, setSearchStr] = React.useState("");
   const [list, setList] = React.useState(clone(values));
   const [allSelected, setAllSelected] = React.useState(false);
@@ -169,6 +169,9 @@ const HvDropdownList = (props) => {
     ] });
   };
   const showList = valuesExist(values);
+  const elementsSize = uikitStyles.theme.spacing(
+    5 + 2 + (showSearch ? 5 : 0) + (showList && multiSelect ? 4 + 6 : 0)
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.rootList, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.listBorderDown }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.listContainer, children: [
@@ -178,26 +181,15 @@ const HvDropdownList = (props) => {
         List.HvList,
         {
           id: setId.setId(id, "list"),
+          style: uikitReactUtils.mergeStyles(void 0, {
+            height: heightProp,
+            "--maxW": width,
+            "--maxH": maxHeight ?? `calc(${height}px - ${elementsSize})`
+          }),
           classes: {
-            root: cx(
-              classes.dropdownListContainer,
-              css({
-                maxWidth: width,
-                maxHeight: maxHeight ?? `calc(${height}px - 32px - ${uikitStyles.theme.space.xs} - ${uikitStyles.theme.space.sm})`,
-                overflow: "auto",
-                padding: 4,
-                margin: -4
-              }),
-              dropdownHeight && css({
-                height: dropdownHeight
-              }),
-              virtualized && css({
-                maxWidth: "inherit",
-                maxHeight: "inherit",
-                overflow: "inherit",
-                padding: 0
-              })
-            )
+            root: cx(classes.dropdownListContainer, {
+              [classes.virtualized]: virtualized
+            })
           },
           values: list,
           multiSelect,
@@ -209,7 +201,7 @@ const HvDropdownList = (props) => {
           selectable: true,
           condensed: true,
           singleSelectionToggle,
-          height: dropdownHeight,
+          height: heightProp,
           virtualized,
           ...others
         }

package/dist/cjs/Dropdown/List/List.styles.cjs

@@ -1,10 +1,22 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDropdownList", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDropdownList", {
   rootList: {},
-  dropdownListContainer: {},
+  dropdownListContainer: {
+    overflow: "auto",
+    padding: 4,
+    margin: -4,
+    maxWidth: "var(--maxW)",
+    maxHeight: "var(--maxH)"
+  },
+  virtualized: {
+    maxWidth: "inherit",
+    maxHeight: "inherit",
+    overflow: "inherit",
+    padding: 0
+  },
   searchContainer: { marginBottom: uikitStyles.theme.space.xs },
   listBorderDown: {},
   listContainer: { padding: uikitStyles.theme.space.sm },

package/dist/cjs/DropdownButton/DropdownButton.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const DropdownButton_styles = require("./DropdownButton.styles.cjs");
 const Button = require("../Button/Button.cjs");
 const HvDropdownButton = React.forwardRef((props, ref) => {
@@ -18,7 +18,7 @@ const HvDropdownButton = React.forwardRef((props, ref) => {
     children,
     variant,
     ...others
-  } = useDefaultProps.useDefaultProps("HvDropdownButton", props);
+  } = uikitReactUtils.useDefaultProps("HvDropdownButton", props);
   const { classes, cx } = DropdownButton_styles.useClasses(classesProp);
   const endIcon = icon ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(
     uikitReactIcons.DropDownXS,

package/dist/cjs/DropdownButton/DropdownButton.styles.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const Button_styles = require("../Button/Button.styles.cjs");
 require("../Button/Button.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const disabledStyle = {
   backgroundColor: uikitStyles.theme.colors.atmo3,
   borderColor: uikitStyles.theme.colors.atmo3,
@@ -18,7 +18,7 @@ const disabledStyle = {
     "&:hover": { backgroundColor: uikitStyles.theme.colors.atmo3 }
   }
 };
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDropdownButton", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDropdownButton", {
   root: {
     userSelect: "none",
     position: "relative",
@@ -49,7 +49,7 @@ const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDropdown
     color: "inherit",
     flex: 1,
     textAlign: "start",
-    overflow: "clip visible",
+    overflow: "auto",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap"
   },

package/dist/cjs/EmptyState/EmptyState.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const styles = require("@mui/material/styles");
 const useMediaQuery = require("@mui/material/useMediaQuery");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
 const EmptyState_styles = require("./EmptyState.styles.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -18,7 +18,7 @@ const HvEmptyState = (props) => {
     classes: classesProp,
     className,
     ...others
-  } = useDefaultProps.useDefaultProps("HvEmptyState", props);
+  } = uikitReactUtils.useDefaultProps("HvEmptyState", props);
   const { classes, cx, css } = EmptyState_styles.useClasses(classesProp);
   const muiTheme = styles.useTheme();
   const onlyXs = useMediaQuery__default.default(muiTheme.breakpoints.only("xs"));

package/dist/cjs/EmptyState/EmptyState.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvEmptyState", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvEmptyState", {
   root: {
     width: "100%",
     height: "100%",

package/dist/cjs/FileUploader/DropZone/DropZone.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const helpers = require("../../utils/helpers.cjs");
 const setId = require("../../utils/setId.cjs");
@@ -41,7 +41,7 @@ const HvDropZone = (props) => {
     multiple = true,
     disabled = false,
     onFilesAdded
-  } = useDefaultProps.useDefaultProps("HvDropZone", props);
+  } = uikitReactUtils.useDefaultProps("HvDropZone", props);
   const id = useUniqueId.useUniqueId(idProp);
   const { classes, cx } = DropZone_styles.useClasses(classesProp);
   const [dragState, setDragState] = React.useState(false);

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const focusUtils = require("../../utils/focusUtils.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDropZone", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDropZone", {
   dropZoneContainer: {
     position: "relative",
     width: "100%",

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const utils = require("../utils.cjs");
 const File_styles = require("./File.styles.cjs");
 const ProgressBar = require("../../ProgressBar/ProgressBar.cjs");
@@ -38,7 +38,7 @@ const HvFile = (props) => {
     data,
     onFileRemoved,
     removeFileButtonLabel
-  } = useDefaultProps.useDefaultProps("HvFile", props);
+  } = uikitReactUtils.useDefaultProps("HvFile", props);
   const { classes, cx } = File_styles.useClasses(classesProp);
   const hasError = data.status === "fail";
   const inProgress = data.status === "progress";

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvFile", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvFile", {
   root: {},
   progressbar: {
     position: "absolute",

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const setId = require("../../utils/setId.cjs");
 const FileList_styles = require("./FileList.styles.cjs");
 const File = require("../File/File.cjs");
@@ -12,7 +12,7 @@ const HvFileList = (props) => {
     list = [],
     removeFileButtonLabel,
     onFileRemoved
-  } = useDefaultProps.useDefaultProps("HvFileList", props);
+  } = uikitReactUtils.useDefaultProps("HvFileList", props);
   const { classes } = FileList_styles.useClasses(classesProp);
   const hasFiles = list.length > 0;
   if (!hasFiles) return null;

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvFileList", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvFileList", {
   list: {
     display: "flex",
     flexDirection: "column",

package/dist/cjs/FileUploader/FileUploader.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useLabels = require("../hooks/useLabels.cjs");
 const setId = require("../utils/setId.cjs");
 const DropZone = require("./DropZone/DropZone.cjs");
@@ -31,7 +31,7 @@ const HvFileUploader = (props) => {
     onFilesAdded,
     onFileRemoved,
     ...others
-  } = useDefaultProps.useDefaultProps("HvFileUploader", props);
+  } = uikitReactUtils.useDefaultProps("HvFileUploader", props);
   const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { id, className, ...others, children: [
     /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const Preview_styles = require("./Preview.styles.cjs");
 const Button = require("../../Button/Button.cjs");
 const HvFileUploaderPreview = (props) => {
@@ -15,7 +15,7 @@ const HvFileUploaderPreview = (props) => {
     onUnload,
     onClick,
     ...others
-  } = useDefaultProps.useDefaultProps("HvFileUploaderPreview", props);
+  } = uikitReactUtils.useDefaultProps("HvFileUploaderPreview", props);
   const { classes, cx, css } = Preview_styles.useClasses(classesProp);
   React.useEffect(() => {
     return () => {

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses(
+const { staticClasses, useClasses } = uikitReactUtils.createClasses(
   "HvFileUploaderPreview",
   {
     previewButton: {

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const FilterGroupContext = require("../FilterGroupContext.cjs");
 const Counter_styles = require("./Counter.styles.cjs");
 const getExistingFiltersById = (idx, filterValues, filterOptions) => {
@@ -19,7 +19,7 @@ const HvFilterGroupCounter = (props) => {
     className,
     groupId,
     classes: classesProp
-  } = useDefaultProps.useDefaultProps("HvFilterGroupCounter", props);
+  } = uikitReactUtils.useDefaultProps("HvFilterGroupCounter", props);
   const { classes, cx } = Counter_styles.useClasses(classesProp);
   const {
     filterOptions,

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const name = "HvFilterGroupCounter";
-const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
   root: {
     lineHeight: "34px",
     marginRight: 10

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

@@ -3,8 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const setId = require("../../utils/setId.cjs");
 const FilterGroupContext = require("../FilterGroupContext.cjs");
 const FilterContent_styles = require("./FilterContent.styles.cjs");
@@ -36,9 +35,9 @@ const HvFilterGroupContent = React.forwardRef((props, ref) => {
     rightEmptyElement,
     classes: classesProp,
     ...others
-  } = useDefaultProps.useDefaultProps("HvFilterGroupContent", props);
+  } = uikitReactUtils.useDefaultProps("HvFilterGroupContent", props);
   const { classes } = FilterContent_styles.useClasses(classesProp);
-  const { activeTheme } = uikitReactShared.useTheme();
+  const { activeTheme } = uikitReactUtils.useTheme();
   const [filterGroupOpen, setFilterGroupOpen] = React.useState(false);
   const {
     defaultValue,

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const name = "HvFilterGroupContent";
-const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
   dropdown: {},
   panel: {
     maxHeight: 500,
@@ -35,13 +35,11 @@ const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
   },
   leftSidePanel: {
     display: "inline-block",
-    width: `calc(50% - ${uikitStyles.theme.space.sm} - ${uikitStyles.theme.space.sm} + 8px)`,
-    height: `calc(100% - ${uikitStyles.theme.space.sm} - ${uikitStyles.theme.space.sm} + 8px)`,
+    width: "50%",
+    height: "100%",
     verticalAlign: "top",
     maxHeight: "calc(500px - 75px)",
-    minHeight: "calc(370px - 75px)",
-    padding: 4,
-    margin: `calc(${uikitStyles.theme.spacing("sm")} - 4px)`
+    minHeight: "calc(370px - 75px)"
   },
   actionBar: {},
   space: {

package/dist/cjs/FilterGroup/FilterGroup.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useControlled = require("../hooks/useControlled.cjs");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
 const useLabels = require("../hooks/useLabels.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const setId = require("../utils/setId.cjs");
@@ -59,7 +59,7 @@ const HvFilterGroup = React.forwardRef(
       filterContentProps,
       classes: classesProp,
       ...others
-    } = useDefaultProps.useDefaultProps("HvFilterGroup", props);
+    } = uikitReactUtils.useDefaultProps("HvFilterGroup", props);
     const { classes, cx } = FilterGroup_styles.useClasses(classesProp);
     const [validationMessage] = useControlled.useControlled(statusMessage, "Required");
     const elementId = useUniqueId.useUniqueId(id);

package/dist/cjs/FilterGroup/FilterGroup.styles.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvFilterGroup", {
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvFilterGroup", {
   root: {},
   label: {
     display: "flex",