@hitachivantara/uikit-react-core 5.67.1 → 5.68.0

package/dist/cjs/RadioGroup/RadioGroup.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 useUniqueId = require("../hooks/useUniqueId.cjs");
 const setId = require("../utils/setId.cjs");
 const RadioGroup_styles = require("./RadioGroup.styles.cjs");
@@ -48,7 +48,7 @@ const HvRadioGroup = React.forwardRef(
       "aria-errormessage": ariaErrorMessage,
       onChange,
       ...others
-    } = useDefaultProps.useDefaultProps("HvRadioGroup", props);
+    } = uikitReactUtils.useDefaultProps("HvRadioGroup", props);
     const { classes, cx } = RadioGroup_styles.useClasses(classesProp);
     const elementId = useUniqueId.useUniqueId(id);
     const [value, setValue] = useControlled.useControlled(

package/dist/cjs/RadioGroup/RadioGroup.styles.cjs

@@ -1,13 +1,12 @@
 "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("HvRadioGroup", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvRadioGroup", {
   root: {
     display: "inline-block",
-    padding: 0,
-    margin: 0,
-    overflow: "hidden",
+    overflow: "clip",
+    overflowClipMargin: 4,
     verticalAlign: "top"
   },
   label: { marginBottom: uikitStyles.theme.space.xs },
@@ -25,11 +24,7 @@ const { staticClasses, useClasses } = uikitReactShared.createClasses("HvRadioGro
   horizontal: {
     flexDirection: "row",
     flexWrap: "wrap",
-    "&>*:not(:first-of-type)": {
-      marginLeft: uikitStyles.theme.space.sm
-    },
-    width: `calc(100% + ${uikitStyles.theme.space.sm})`
-    // Compensate the negative margin left which increases the width
+    gap: uikitStyles.theme.space.sm
   },
   invalid: {
     paddingBottom: uikitStyles.theme.space.xs,

package/dist/cjs/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.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 HorizontalScrollListItem_styles = require("./HorizontalScrollListItem.styles.cjs");
 const OverflowTooltip = require("../../../OverflowTooltip/OverflowTooltip.cjs");
@@ -16,7 +16,7 @@ const HvHorizontalScrollListItem = (props) => {
     href,
     iconClasses,
     ...others
-  } = useDefaultProps.useDefaultProps("HvHorizontalScrollListItem", props);
+  } = uikitReactUtils.useDefaultProps("HvHorizontalScrollListItem", props);
   const { classes, cx } = HorizontalScrollListItem_styles.useClasses(classesProp);
   const buttonId = setId.setId(id, "button");
   const Component = href != null ? "a" : "div";

package/dist/cjs/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.cjs

@@ -1,10 +1,10 @@
 "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 name = "HvHorizontalScrollListItem";
-const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
   root: {
     padding: uikitStyles.theme.spacing("xs", 0),
     maxWidth: 120

package/dist/cjs/ScrollTo/Horizontal/ScrollToHorizontal.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 keyboardUtils = require("../../utils/keyboardUtils.cjs");
 const setId = require("../../utils/setId.cjs");
 const useScrollTo = require("../useScrollTo.cjs");
@@ -31,7 +31,7 @@ const HvScrollToHorizontal = (props) => {
     position = "relative",
     tooltipPosition = "top",
     ...others
-  } = useDefaultProps.useDefaultProps("HvScrollToHorizontal", props);
+  } = uikitReactUtils.useDefaultProps("HvScrollToHorizontal", props);
   const { classes, css, cx } = ScrollToHorizontal_styles.useClasses(classesProp);
   const muiTheme = styles.useTheme();
   const downSm = useMediaQuery__default.default(muiTheme.breakpoints.down("sm"));

package/dist/cjs/ScrollTo/Horizontal/ScrollToHorizontal.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(
   "HvScrollToHorizontal",
   {
     root: {

package/dist/cjs/ScrollTo/Vertical/ScrollToVertical.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 keyboardUtils = require("../../utils/keyboardUtils.cjs");
 const setId = require("../../utils/setId.cjs");
 const useScrollTo = require("../useScrollTo.cjs");
@@ -27,7 +27,7 @@ const HvScrollToVertical = (props) => {
     tooltipPosition = "left",
     style,
     ...others
-  } = useDefaultProps.useDefaultProps("HvScrollToVertical", props);
+  } = uikitReactUtils.useDefaultProps("HvScrollToVertical", props);
   const { classes, cx } = ScrollToVertical_styles.useClasses(classesProp);
   const [selectedIndex, setScrollTo, elements] = useScrollTo.useScrollTo(
     defaultSelectedIndex,

package/dist/cjs/ScrollTo/Vertical/ScrollToVertical.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(
   "HvScrollToVertical",
   {
     root: {

package/dist/cjs/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.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 VerticalScrollListItem_styles = require("./VerticalScrollListItem.styles.cjs");
 const Tooltip = require("../../../Tooltip/Tooltip.cjs");
 const HvVerticalScrollListItem = (props) => {
@@ -14,7 +14,7 @@ const HvVerticalScrollListItem = (props) => {
     tooltipPlacement = "left",
     href,
     ...others
-  } = useDefaultProps.useDefaultProps("HvVerticalScrollListItem", props);
+  } = uikitReactUtils.useDefaultProps("HvVerticalScrollListItem", props);
   const { classes, cx } = VerticalScrollListItem_styles.useClasses(classesProp);
   const Component = href != null ? "a" : "div";
   return /* @__PURE__ */ jsxRuntime.jsx("li", { id, className: cx(classes.root, className), "aria-current": selected, children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { title: label, placement: tooltipPlacement, children: /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cjs/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.cjs

@@ -1,10 +1,10 @@
 "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 name = "HvVerticalScrollListItem";
-const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
   root: {
     padding: "0",
     height: "32px",

package/dist/cjs/Section/Section.cjs

@@ -3,8 +3,8 @@ 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 useControlled = require("../hooks/useControlled.cjs");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const setId = require("../utils/setId.cjs");
 const Section_styles = require("./Section.styles.cjs");
@@ -26,7 +26,7 @@ const HvSection = React.forwardRef(
       contentRef,
       children,
       ...others
-    } = useDefaultProps.useDefaultProps("HvSection", props);
+    } = uikitReactUtils.useDefaultProps("HvSection", props);
     const { classes, cx } = Section_styles.useClasses(classesProp);
     const [isOpen, setIsOpen] = useControlled.useControlled(
       expanded,

package/dist/cjs/Section/Section.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("HvSection", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSection", {
   root: {
     width: "100%",
     display: "flex",

package/dist/cjs/Select/Option.cjs

@@ -4,12 +4,11 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const useOption = require("@mui/base/useOption");
 const utils = require("@mui/material/utils");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const generic = require("../types/generic.cjs");
 const focusUtils = require("../utils/focusUtils.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const ListItem = require("../ListContainer/ListItem/ListItem.cjs");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvOption", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvOption", {
   root: {},
   highlighted: {
     ...focusUtils.outlineStyles
@@ -24,7 +23,7 @@ const HvOption = generic.fixedForwardRef(function HvOption2(props, ref) {
     value,
     children,
     ...others
-  } = useDefaultProps.useDefaultProps("HvOption", props);
+  } = uikitReactUtils.useDefaultProps("HvOption", props);
   const { classes, cx } = useClasses(classesProp);
   const optionRef = React.useRef(null);
   const rootRef = utils.useForkRef(optionRef, ref);

package/dist/cjs/Select/OptionGroup.cjs

@@ -3,10 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const OptionGroup = require("@mui/base/OptionGroup");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvOptionGroup", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvOptionGroup", {
   root: {
     listStyle: "none",
     ...uikitStyles.theme.typography.label
@@ -18,7 +17,7 @@ const HvOptionGroup = React.forwardRef(
       className,
       classes: classesProp,
       ...others
-    } = useDefaultProps.useDefaultProps("HvOptionGroup", props);
+    } = uikitReactUtils.useDefaultProps("HvOptionGroup", props);
     const { classes, cx } = useClasses(classesProp);
     return /* @__PURE__ */ jsxRuntime.jsx(
       OptionGroup.OptionGroup,

package/dist/cjs/Select/Select.cjs

@@ -6,8 +6,7 @@ const Popper = require("@mui/base/Popper");
 const useSelect = require("@mui/base/useSelect");
 const utils = require("@mui/material/utils");
 const clsx = require("clsx");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const generic = require("../types/generic.cjs");
 const document = require("../utils/document.cjs");
@@ -66,9 +65,9 @@ const HvSelect = generic.fixedForwardRef(function HvSelect2(props, ref) {
     onChange,
     onOpenChange,
     ...others
-  } = useDefaultProps.useDefaultProps("HvSelect", props);
+  } = uikitReactUtils.useDefaultProps("HvSelect", props);
   const { classes, cx } = Select_styles.useClasses(classesProp);
-  const { rootId } = uikitReactShared.useTheme();
+  const { rootId } = uikitReactUtils.useTheme();
   const [placement, setPlacement] = React.useState("bottom-start");
   const buttonRef = React.useRef(null);
   const handleButtonRef = utils.useForkRef(ref, buttonRef);

package/dist/cjs/Select/Select.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("HvSelect", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSelect", {
   root: {
     position: "relative",
     "&$disabled,&$readOnly": {

package/dist/cjs/SelectionList/SelectionList.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const utils = require("@mui/material/utils");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useControlled = require("../hooks/useControlled.cjs");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const keyboardUtils = require("../utils/keyboardUtils.cjs");
 const multiSelectionEventHandler = require("../utils/multiSelectionEventHandler.cjs");
@@ -48,7 +48,7 @@ const HvSelectionList = React.forwardRef((props, ref) => {
     multiple = false,
     singleSelectionToggle = false,
     ...others
-  } = useDefaultProps.useDefaultProps("HvSelectionList", props);
+  } = uikitReactUtils.useDefaultProps("HvSelectionList", props);
   const { classes, cx } = SelectionList_styles.useClasses(classesProp);
   const elementId = useUniqueId.useUniqueId(id);
   const [value, setValue] = useControlled.useControlled(

package/dist/cjs/SelectionList/SelectionList.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("HvSelectionList", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSelectionList", {
   root: { display: "inline-block", padding: 0, margin: 0 },
   error: { width: "100%", float: "left", clear: "both" },
   listbox: {

package/dist/cjs/SimpleGrid/SimpleGrid.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 SimpleGrid_styles = require("./SimpleGrid.styles.cjs");
 const HvSimpleGrid = (props) => {
   const {
@@ -12,7 +12,7 @@ const HvSimpleGrid = (props) => {
     className,
     classes: classesProp,
     ...others
-  } = useDefaultProps.useDefaultProps("HvSimpleGrid", props);
+  } = uikitReactUtils.useDefaultProps("HvSimpleGrid", props);
   const { classes, cx, css } = SimpleGrid_styles.useClasses(classesProp);
   const containerStyle = SimpleGrid_styles.getContainerStyle({ breakpoints, spacing, cols });
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cjs/SimpleGrid/SimpleGrid.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("HvSimpleGrid", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSimpleGrid", {
   root: {}
 });
 function size(props) {

package/dist/cjs/Skeleton/Skeleton.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 Skeleton_styles = require("./Skeleton.styles.cjs");
 const HvSkeleton = (props) => {
   const {
@@ -16,7 +16,7 @@ const HvSkeleton = (props) => {
     height,
     style,
     ...others
-  } = useDefaultProps.useDefaultProps("HvSkeleton", props);
+  } = uikitReactUtils.useDefaultProps("HvSkeleton", props);
   const { classes, cx } = Skeleton_styles.useClasses(classesProp);
   if (hidden) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.content, children });
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cjs/Skeleton/Skeleton.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const react = require("@emotion/react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const pulse = react.keyframes`
   0%, 100% {
     opacity: 1;
@@ -30,7 +30,7 @@ const fadeIn = react.keyframes`
       opacity: 1;
   }
 `;
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvSkeleton", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSkeleton", {
   root: {
     backgroundColor: uikitStyles.theme.colors.atmo3,
     width: "fit-content",

package/dist/cjs/Slider/Slider.cjs

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const Slider = require("rc-slider");
 const Tooltip = require("rc-tooltip");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const useControlled = require("../hooks/useControlled.cjs");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const document = require("../utils/document.cjs");
 const setId = require("../utils/setId.cjs");
@@ -55,7 +55,7 @@ const HvSlider = React.forwardRef((props, ref) => {
     onAfterChange,
     formatTooltip,
     ...others
-  } = useDefaultProps.useDefaultProps("HvSlider", props);
+  } = uikitReactUtils.useDefaultProps("HvSlider", props);
   const { classes, cx } = Slider_styles.useClasses(classesProp);
   const hasLabel = label != null;
   const isDirty = React.useRef(false);

package/dist/cjs/Slider/Slider.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 base = require("./base.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const dot = {
   position: "absolute",
   bottom: "-1px",
@@ -112,7 +112,7 @@ const sliderStyles = {
   },
   rail: { backgroundColor: uikitStyles.theme.colors.atmo4, height: "1px", zIndex: "-3" }
 };
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvSlider", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSlider", {
   sliderBase: { ...base.default },
   rootDisabled: {
     cursor: "not-allowed",

package/dist/cjs/Slider/SliderInput/SliderInput.cjs

@@ -33,7 +33,7 @@ const HvSliderInput = ({
     setInputValues(utils.knobsValuesToString(valuesProp, markDigits));
   }, [markDigits, valuesProp]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.inputRoot, className), ...others, children: inputValues.map((value, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.inputContainer, children: [
-    index !== 0 && /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Remove, { color: disabled ? ["atmo4"] : void 0 }),
+    index !== 0 && /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Remove, { color: disabled ? "secondary_60" : void 0 }),
     /* @__PURE__ */ jsxRuntime.jsx(
       Input.HvInput,
       {

package/dist/cjs/Slider/SliderInput/SliderInput.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("HvSliderInput", {
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSliderInput", {
   inputRoot: { display: "flex" },
   input: { maxWidth: "50px" },
   inputContainer: { display: "flex" }

package/dist/cjs/Snackbar/Snackbar.styles.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Snackbar = require("@mui/material/Snackbar");
+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("HvSnackbar", {
+const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvSnackbar", {
   root: {},
   anchorOriginTopRight: {
     [`&.${Snackbar.snackbarClasses.anchorOriginTopRight}`]: {

package/dist/cjs/Snackbar/SnackbarContent/SnackbarContent.cjs

@@ -3,8 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const SnackbarContent = require("@mui/material/SnackbarContent");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const iconVariant = require("../../utils/iconVariant.cjs");
 const setId = require("../../utils/setId.cjs");
 const SnackbarContent_styles = require("./SnackbarContent.styles.cjs");
@@ -25,11 +24,11 @@ const HvSnackbarContent = React.forwardRef((props, ref) => {
     // TODO - remove in v6
     onAction,
     ...others
-  } = useDefaultProps.useDefaultProps("HvSnackbarContent", props);
+  } = uikitReactUtils.useDefaultProps("HvSnackbarContent", props);
   const icon = customIcon || showIcon && iconVariant.iconVariant(variant, "base_dark");
   const innerAction = React.isValidElement(action) ? action : [action];
   const { classes, cx } = SnackbarContent_styles.useClasses(classesProp);
-  const { activeTheme } = uikitReactShared.useTheme();
+  const { activeTheme } = uikitReactUtils.useTheme();
   return /* @__PURE__ */ jsxRuntime.jsx(
     SnackbarContent__default.default,
     {

package/dist/cjs/Snackbar/SnackbarContent/SnackbarContent.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 ActionsGeneric_styles = require("../../ActionsGeneric/ActionsGeneric.styles.cjs");
-const { useClasses, staticClasses } = uikitReactShared.createClasses(
+const { useClasses, staticClasses } = uikitReactUtils.createClasses(
   "HvSnackbar-Content",
   {
     root: {

package/dist/cjs/SnackbarProvider/SnackbarProvider.styles.cjs

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

package/dist/cjs/Stack/Stack.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const MuiDivider = require("@mui/material/Divider");
 const styles = require("@mui/material/styles");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useWidth = require("../hooks/useWidth.cjs");
 const Stack_styles = require("./Stack.styles.cjs");
 const Focus = require("../Focus/Focus.cjs");
@@ -30,7 +30,7 @@ const HvStack = (props) => {
     withNavigation = false,
     dividerProps = {},
     ...others
-  } = useDefaultProps.useDefaultProps("HvStack", props);
+  } = uikitReactUtils.useDefaultProps("HvStack", props);
   const { classes, cx } = Stack_styles.useClasses(classesProp);
   const width = useWidth.useWidth();
   const containerRef = React.useRef(null);

package/dist/cjs/Stack/Stack.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("HvStack", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvStack", {
   root: {
     display: "flex"
   },

package/dist/cjs/Switch/Switch.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 validationStates = require("../Forms/FormElement/validationStates.cjs");
 const useControlled = require("../hooks/useControlled.cjs");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const setId = require("../utils/setId.cjs");
 const Switch_styles = require("./Switch.styles.cjs");
@@ -36,7 +36,7 @@ const HvSwitch = React.forwardRef(
       "aria-errormessage": ariaErrorMessage,
       inputProps,
       ...others
-    } = useDefaultProps.useDefaultProps("HvSwitch", props);
+    } = uikitReactUtils.useDefaultProps("HvSwitch", props);
     const { classes, cx } = Switch_styles.useClasses(classesProp);
     const elementId = useUniqueId.useUniqueId(id);
     const [isChecked, setIsChecked] = useControlled.useControlled(

package/dist/cjs/Switch/Switch.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("HvSwitch", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSwitch", {
   root: {
     display: "inline-flex",
     flexDirection: "column",

package/dist/cjs/Tab/Tab.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const Tab = require("@mui/material/Tab");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const Tab_styles = require("./Tab.styles.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Tab__default = /* @__PURE__ */ _interopDefault(Tab);
@@ -12,7 +12,7 @@ const HvTab = (props) => {
     iconPosition = "top",
     disabled = false,
     ...others
-  } = useDefaultProps.useDefaultProps("HvTab", props);
+  } = uikitReactUtils.useDefaultProps("HvTab", props);
   const { classes, cx } = Tab_styles.useClasses(classesProp);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Tab__default.default,

package/dist/cjs/Tab/Tab.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("HvTab", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTab", {
   root: {
     marginTop: "3px",
     padding: "0 16px",