@hitachivantara/uikit-react-core 5.67.0 → 5.68.0

package/dist/cjs/Card/Header/Header.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const MuiCardHeader = require("@mui/material/CardHeader");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const Header_styles = require("./Header.styles.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const MuiCardHeader__default = /* @__PURE__ */ _interopDefault(MuiCardHeader);
@@ -15,7 +15,7 @@ const HvCardHeader = (props) => {
     icon,
     onClick,
     ...others
-  } = useDefaultProps.useDefaultProps("HvCardHeader", props);
+  } = uikitReactUtils.useDefaultProps("HvCardHeader", props);
   const { classes, cx } = Header_styles.useClasses(classesProp);
   return /* @__PURE__ */ jsxRuntime.jsx(
     MuiCardHeader__default.default,

package/dist/cjs/Card/Header/Header.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("HvCardHeader", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCardHeader", {
   root: {
     position: "relative",
     padding: uikitStyles.theme.spacing("12px", "xs", "sm", "sm")

package/dist/cjs/Card/Media/Media.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("HvCardMedia", {
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCardMedia", {
   root: { width: "100%" },
   media: {}
 });

package/dist/cjs/Carousel/Carousel.cjs

@@ -4,8 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const useCarousel = require("embla-carousel-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 useLabels = require("../hooks/useLabels.cjs");
 const helpers = require("../utils/helpers.cjs");
 const Carousel_styles = require("./Carousel.styles.cjs");
@@ -46,8 +45,8 @@ const HvCarousel = (props) => {
     onChange,
     onFullscreen,
     ...others
-  } = useDefaultProps.useDefaultProps("HvCarousel", props);
-  const { activeTheme } = uikitReactShared.useTheme();
+  } = uikitReactUtils.useDefaultProps("HvCarousel", props);
+  const { activeTheme } = uikitReactUtils.useTheme();
   const { classes, css, cx } = Carousel_styles.useClasses(classesProp);
   const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProps);
   const thumbnailsRef = React.useRef(null);

package/dist/cjs/Carousel/Carousel.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("HvCarousel", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCarousel", {
   /** Styles applied to the component root class. */
   root: {
     display: "flex",

package/dist/cjs/Carousel/CarouselControls.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 useLabels = require("../hooks/useLabels.cjs");
 const Carousel_styles = require("./Carousel.styles.cjs");
 const Button = require("../Button/Button.cjs");
@@ -23,7 +23,7 @@ const HvCarouselControls = (props) => {
     labels: labelsProps,
     onPreviousClick,
     onNextClick
-  } = useDefaultProps.useDefaultProps("HvCarouselControls", props);
+  } = uikitReactUtils.useDefaultProps("HvCarouselControls", props);
   const { classes, cx } = Carousel_styles.useClasses(classesProp, false);
   const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProps);
   const selectedIndex = page || 0;

package/dist/cjs/Carousel/CarouselSlide/CarouselSlide.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("HvCarouselSlide", {
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCarouselSlide", {
   slide: {},
   image: {
     aspectRatio: "16/9",

package/dist/cjs/CheckBox/CheckBox.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 CheckBox_styles = require("./CheckBox.styles.cjs");
@@ -40,7 +40,7 @@ const HvCheckBox = React.forwardRef(
       onFocusVisible,
       onBlur,
       ...others
-    } = useDefaultProps.useDefaultProps("HvCheckBox", props);
+    } = uikitReactUtils.useDefaultProps("HvCheckBox", props);
     const { classes, cx } = CheckBox_styles.useClasses(classesProp);
     const elementId = useUniqueId.useUniqueId(id);
     const [focusVisible, setFocusVisible] = React.useState(false);

package/dist/cjs/CheckBox/CheckBox.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("HvCheckBox", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCheckBox", {
   root: { display: "inline-block" },
   container: {
     cursor: "pointer",

package/dist/cjs/CheckBoxGroup/CheckBoxGroup.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 multiSelectionEventHandler = require("../utils/multiSelectionEventHandler.cjs");
 const setId = require("../utils/setId.cjs");
@@ -57,7 +57,7 @@ const HvCheckBoxGroup = React.forwardRef(
       "aria-errormessage": ariaErrorMessage,
       onChange,
       ...others
-    } = useDefaultProps.useDefaultProps("HvCheckBoxGroup", props);
+    } = uikitReactUtils.useDefaultProps("HvCheckBoxGroup", props);
     const { classes, cx } = CheckBoxGroup_styles.useClasses(classesProp);
     const [value, setValue] = useControlled.useControlled(
       valueProp,

package/dist/cjs/CheckBoxGroup/CheckBoxGroup.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("HvCheckBoxGroup", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCheckBoxGroup", {
   root: {
     display: "inline-block",
-    padding: 4,
-    margin: -4,
-    overflow: "hidden",
+    overflow: "clip",
+    overflowClipMargin: 4,
     verticalAlign: "top"
   },
   label: { marginBottom: uikitStyles.theme.space.xs },
@@ -25,9 +24,7 @@ const { staticClasses, useClasses } = uikitReactShared.createClasses("HvCheckBox
   horizontal: {
     flexDirection: "row",
     flexWrap: "wrap",
-    "&>*:not(:first-of-type)": {
-      marginLeft: uikitStyles.theme.space.sm
-    }
+    gap: uikitStyles.theme.space.sm
   },
   invalid: {
     paddingBottom: uikitStyles.theme.space.xs,

package/dist/cjs/ColorPicker/ColorPicker.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 useLabels = require("../hooks/useLabels.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const setId = require("../utils/setId.cjs");
@@ -70,7 +70,7 @@ const HvColorPicker = React.forwardRef(
       onSavedColorRemoved,
       deleteSavedColorButtonArialLabel = "Delete saved color",
       addSavedColorButtonAriaLabel = "Add current color to saved colors"
-    } = useDefaultProps.useDefaultProps("HvColorPicker", props);
+    } = uikitReactUtils.useDefaultProps("HvColorPicker", props);
     const { classes, css, cx } = ColorPicker_styles.useClasses(classesProp);
     const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
     const [isOpen, setIsOpen] = useControlled.useControlled(

package/dist/cjs/ColorPicker/ColorPicker.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("HvColorPicker", {
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvColorPicker", {
   root: {},
   labelContainer: {
     display: "flex",

package/dist/cjs/ColorPicker/Fields/Fields.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const color = require("react-color/lib/helpers/color");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const Fields_styles = require("./Fields.styles.cjs");
 const Input = require("../../Input/Input.cjs");
 function _interopNamespace(e) {
@@ -31,7 +31,7 @@ const Fields = (props) => {
     rgb,
     hex,
     classes: classesProp
-  } = useDefaultProps.useDefaultProps("HvColorPickerFields", props);
+  } = uikitReactUtils.useDefaultProps("HvColorPickerFields", props);
   const { classes, cx } = Fields_styles.useClasses(classesProp);
   const [internalHex, setInternalHex] = React.useState(hex);
   const [internalRed, setInternalRed] = React.useState(rgb?.r);

package/dist/cjs/ColorPicker/Fields/Fields.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const name = "HvColorPicker-Fields";
-const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
   fields: {
     width: "100%",
     display: "flex",

package/dist/cjs/ColorPicker/Picker/Picker.cjs

@@ -4,8 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const reactColor = require("react-color");
 const common = require("react-color/lib/components/common");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const Picker_styles = require("./Picker.styles.cjs");
 const Fields = require("../Fields/Fields.cjs");
 const Typography = require("../../Typography/Typography.cjs");
@@ -18,8 +17,8 @@ const Component = (props) => {
     hex,
     title,
     classes: classesProp
-  } = useDefaultProps.useDefaultProps("HvColorPickerPicker", props);
-  const { activeTheme } = uikitReactShared.useTheme();
+  } = uikitReactUtils.useDefaultProps("HvColorPickerPicker", props);
+  const { activeTheme } = uikitReactUtils.useTheme();
   const { classes } = Picker_styles.useClasses(classesProp);
   const SaturationPointer = React.useCallback(
     () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes?.saturationPointer }),

package/dist/cjs/ColorPicker/Picker/Picker.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 = "HvColorPicker-Picker";
-const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
   pickers: {
     display: "flex",
     flexDirection: "column"

package/dist/cjs/ColorPicker/PresetColors/PresetColors.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const common = require("react-color/lib/components/common");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const PresetColors_styles = require("./PresetColors.styles.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const PresetColors = (props) => {
@@ -12,7 +12,7 @@ const PresetColors = (props) => {
     title,
     className,
     classes: classesProp
-  } = useDefaultProps.useDefaultProps("HvColorPickerPresetColors", props);
+  } = uikitReactUtils.useDefaultProps("HvColorPickerPresetColors", props);
   const { classes, cx } = PresetColors_styles.useClasses(classesProp);
   const handleClick = (hex) => {
     onClick({

package/dist/cjs/ColorPicker/PresetColors/PresetColors.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 = "HvColorPicker-PresetColors";
-const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
   root: { width: "232px" },
   colors: {
     display: "flex",

package/dist/cjs/ColorPicker/SavedColors/SavedColors.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const common = require("react-color/lib/components/common");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const SavedColors_styles = require("./SavedColors.styles.cjs");
 const Button = require("../../Button/Button.cjs");
 const SavedColors = (props) => {
@@ -15,7 +15,7 @@ const SavedColors = (props) => {
     deleteButtonAriaLabel,
     addButtonAriaLabel,
     classes: classesProp
-  } = useDefaultProps.useDefaultProps("HvColorPickerSavedColors", props);
+  } = uikitReactUtils.useDefaultProps("HvColorPickerSavedColors", props);
   const { classes } = SavedColors_styles.useClasses(classesProp);
   const handleClick = (hex) => {
     onClickColor({

package/dist/cjs/ColorPicker/SavedColors/SavedColors.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 = "HvColorPicker-SavedColors";
-const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
   addButton: {
     margin: "4px",
     width: "32px",

package/dist/cjs/Container/Container.cjs

@@ -5,8 +5,8 @@ const React = require("react");
 const MuiContainer = require("@mui/material/Container");
 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 Container_styles = require("./Container.styles.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const MuiContainer__default = /* @__PURE__ */ _interopDefault(MuiContainer);
@@ -20,7 +20,7 @@ const HvContainer = React.forwardRef(
       fixed,
       disableGutters,
       ...others
-    } = useDefaultProps.useDefaultProps("HvContainer", props);
+    } = uikitReactUtils.useDefaultProps("HvContainer", props);
     const { classes, cx, css } = Container_styles.useClasses(classesProp);
     const muiTheme = styles.useTheme();
     const upMd = useMediaQuery__default.default(muiTheme.breakpoints.up("md"));

package/dist/cjs/Container/Container.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("HvContainer", {
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvContainer", {
   root: {},
   disableGutters: {},
   fixed: {},

package/dist/cjs/Controls/Controls.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 setId = require("../utils/setId.cjs");
 const ControlsContext = require("./context/ControlsContext.cjs");
 const Controls_styles = require("./Controls.styles.cjs");
@@ -21,7 +21,7 @@ const HvControls = (props) => {
     children,
     hideViewSwitcher = false,
     onViewChange
-  } = useDefaultProps.useDefaultProps("HvControls", props);
+  } = uikitReactUtils.useDefaultProps("HvControls", props);
   const { classes, cx } = Controls_styles.useClasses(classesProp);
   const [currentView, setCurrentView] = useControlled.useControlled(
     selectedView,

package/dist/cjs/Controls/Controls.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("HvControls", {
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvControls", {
   root: {
     display: "inline-flex",
     width: "100%",

package/dist/cjs/Controls/LeftControl/LeftControl.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("HvLeftControl", {
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvLeftControl", {
   root: { display: "inline-flex", gap: 10 }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/Controls/RightControl/RightControl.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("HvRightControl", {
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvRightControl", {
   root: { display: "inline-flex", gap: 10 },
   sortDropdown: { minWidth: 200 }
 });

package/dist/cjs/DatePicker/DatePicker.cjs

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const utils = require("@mui/material/utils");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const utils$2 = require("../Calendar/utils.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 setId = require("../utils/setId.cjs");
@@ -23,7 +23,6 @@ const InfoMessage = require("../Forms/InfoMessage/InfoMessage.cjs");
 const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
 const WarningText = require("../Forms/WarningText/WarningText.cjs");
 const ActionBar = require("../ActionBar/ActionBar.cjs");
-const Typography = require("../Typography/Typography.cjs");
 const DEFAULT_LABELS = {
   /** Apply button label. */
   applyLabel: "Apply",
@@ -74,7 +73,7 @@ const HvDatePicker = React.forwardRef(
       dropdownProps = {},
       calendarProps,
       ...others
-    } = useDefaultProps.useDefaultProps("HvDatePicker", props);
+    } = uikitReactUtils.useDefaultProps("HvDatePicker", props);
     const { classes, cx } = DatePicker_styles.useClasses(classesProp);
     const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
     const elementId = useUniqueId.useUniqueId(id);
@@ -233,17 +232,8 @@ const HvDatePicker = React.forwardRef(
         )
       ] })
     ] });
-    const renderInput = (dateString) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Typography.HvTypography,
-        {
-          className: cx(classes.inputText, { [classes.dateText]: dateString }),
-          variant: "label",
-          children: dateString || placeholder || ""
-        }
-      );
-    };
     const dateValue = rangeMode ? { startDate, endDate } : startDate;
+    const dateString = utils$1.getDateLabel(dateValue, rangeMode, locale);
     const hasLabel = label != null;
     const hasDescription = description != null;
     const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
@@ -292,7 +282,10 @@ const HvDatePicker = React.forwardRef(
                 root: classes.dropdown,
                 panel: classes.panel,
                 header: cx({ [classes.dropdownHeaderInvalid]: isStateInvalid }),
-                headerOpen: classes.dropdownHeaderOpen
+                headerOpen: classes.dropdownHeaderOpen,
+                placeholder: cx(classes.inputText, {
+                  [classes.dateText]: dateString
+                })
               },
               readOnly,
               disabled,
@@ -303,14 +296,8 @@ const HvDatePicker = React.forwardRef(
               onToggle: handleToggle,
               onClickOutside: handleCalendarClose,
               onContainerCreation: focusOnContainer,
-              placeholder: renderInput(utils$1.getDateLabel(dateValue, rangeMode, locale)),
-              adornment: /* @__PURE__ */ jsxRuntime.jsx(
-                uikitReactIcons.Calendar,
-                {
-                  className: classes.icon,
-                  color: disabled ? "secondary_80" : void 0
-                }
-              ),
+              placeholder: dateString || placeholder || "",
+              adornment: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Calendar, { className: classes.icon, color: "currentcolor" }),
               popperProps: {
                 modifiers: [
                   { name: "preventOverflow", enabled: escapeWithReference }

package/dist/cjs/DatePicker/DatePicker.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("HvDatePicker", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDatePicker", {
   root: {
     position: "relative"
   },
@@ -38,14 +38,10 @@ const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDatePick
       marginRight: uikitStyles.theme.space.xs
     }
   },
-  inputText: {
-    color: uikitStyles.theme.colors.secondary_80,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
-  },
+  inputText: {},
   dateText: {
-    color: uikitStyles.theme.colors.secondary
+    color: "inherit",
+    fontWeight: uikitStyles.theme.typography.label.fontWeight
   }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/Dialog/Actions/Actions.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const MuiDialogActions = require("@mui/material/DialogActions");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const context = require("../context.cjs");
 const Actions_styles = require("./Actions.styles.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -14,7 +14,7 @@ const HvDialogActions = (props) => {
     children,
     fullscreen: fullScreenProp,
     ...others
-  } = useDefaultProps.useDefaultProps("HvDialogActions", props);
+  } = uikitReactUtils.useDefaultProps("HvDialogActions", props);
   const context$1 = context.useDialogContext();
   const fullscreen = fullScreenProp ?? context$1.fullscreen;
   const { classes, cx } = Actions_styles.useClasses(classesProp);

package/dist/cjs/Dialog/Actions/Actions.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-Action", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDialog-Action", {
   root: {
     margin: "0",
     padding: uikitStyles.theme.space.sm,

package/dist/cjs/Dialog/Content/Content.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const MuiDialogContent = require("@mui/material/DialogContent");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const Content_styles = require("./Content.styles.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -14,7 +14,7 @@ const HvDialogContent = (props) => {
     children,
     indentContent = false,
     ...others
-  } = useDefaultProps.useDefaultProps("HvDialogContent", props);
+  } = uikitReactUtils.useDefaultProps("HvDialogContent", props);
   const { classes, cx } = Content_styles.useClasses(classesProp);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Typography.HvTypography,

package/dist/cjs/Dialog/Content/Content.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-Content", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDialog-Content", {
   root: {
     padding: `0 ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm}`,
     flex: "none"

package/dist/cjs/Dialog/Dialog.cjs

@@ -4,8 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const MuiDialog = require("@mui/material/Dialog");
 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 document$1 = require("../utils/document.cjs");
 const setId = require("../utils/setId.cjs");
 const context = require("./context.cjs");
@@ -27,9 +26,9 @@ const HvDialog = (props) => {
     fullscreen = false,
     disableBackdropClick = false,
     ...others
-  } = useDefaultProps.useDefaultProps("HvDialog", props);
+  } = uikitReactUtils.useDefaultProps("HvDialog", props);
   const { classes, css, cx } = Dialog_styles.useClasses(classesProp);
-  const { rootId } = uikitReactShared.useTheme();
+  const { rootId } = uikitReactUtils.useTheme();
   const measuredRef = React.useCallback(() => {
     if (!firstFocusable) return;
     const element = document.getElementById(firstFocusable);