@hitachivantara/uikit-react-core 5.66.14 → 5.67.1

package/dist/cjs/SelectionList/SelectionList.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvSelectionList", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvSelectionList", {
   root: { display: "inline-block", padding: 0, margin: 0 },
   error: { width: "100%", float: "left", clear: "both" },
   listbox: {

package/dist/cjs/SimpleGrid/SimpleGrid.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvSimpleGrid", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvSimpleGrid", {
   root: {}
 });
 function size(props) {

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const react = require("@emotion/react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
+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 } = classes.createClasses("HvSkeleton", {
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvSkeleton", {
   root: {
     backgroundColor: uikitStyles.theme.colors.atmo3,
     width: "fit-content",

package/dist/cjs/Slider/Slider.styles.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
 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 } = classes.createClasses("HvSlider", {
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvSlider", {
   sliderBase: { ...base.default },
   rootDisabled: {
     cursor: "not-allowed",

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classes = require("../../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvSliderInput", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvSliderInput", {
   inputRoot: { display: "flex" },
   input: { maxWidth: "50px" },
   inputContainer: { display: "flex" }

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Snackbar = require("@mui/material/Snackbar");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
-const { useClasses, staticClasses } = classes.createClasses("HvSnackbar", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses, staticClasses } = uikitReactShared.createClasses("HvSnackbar", {
   root: {},
   anchorOriginTopRight: {
     [`&.${Snackbar.snackbarClasses.anchorOriginTopRight}`]: {

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

@@ -3,8 +3,8 @@ 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 useTheme = require("../../hooks/useTheme.cjs");
 const iconVariant = require("../../utils/iconVariant.cjs");
 const setId = require("../../utils/setId.cjs");
 const SnackbarContent_styles = require("./SnackbarContent.styles.cjs");
@@ -29,7 +29,7 @@ const HvSnackbarContent = React.forwardRef((props, ref) => {
   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 } = useTheme.useTheme();
+  const { activeTheme } = uikitReactShared.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 uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../utils/classes.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const ActionsGeneric_styles = require("../../ActionsGeneric/ActionsGeneric.styles.cjs");
-const { useClasses, staticClasses } = classes.createClasses(
+const { useClasses, staticClasses } = uikitReactShared.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 classes = require("../utils/classes.cjs");
-const { useClasses, staticClasses } = classes.createClasses(
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses, staticClasses } = uikitReactShared.createClasses(
   "HvSnackbarProvider",
   {
     snackItemRoot: {

package/dist/cjs/Stack/Stack.styles.cjs

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

package/dist/cjs/Switch/Switch.styles.cjs

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

package/dist/cjs/Tab/Tab.styles.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
 const focusUtils = require("../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTab", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTab", {
   root: {
     marginTop: "3px",
     padding: "0 16px",

package/dist/cjs/Table/Table.styles.cjs

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

package/dist/cjs/Table/TableBody/TableBody.styles.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classes = require("../../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTableBody", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTableBody", {
   root: { backgroundColor: "inherit", position: "relative", zIndex: 0 }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/Table/TableCell/TableCell.styles.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../utils/classes.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const sortedColor = uikitStyles.theme.alpha("primary", 0.1);
-const { staticClasses, useClasses } = classes.createClasses("HvTableCell", {
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTableCell", {
   /** Styles applied to the component root class. */
   root: {
     verticalAlign: "inherit",

package/dist/cjs/Table/TableContainer/TableContainer.styles.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classes = require("../../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTableContainer", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTableContainer", {
   root: {
     width: "100%",
     overflow: "auto",

package/dist/cjs/Table/TableHead/TableHead.styles.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classes = require("../../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTableHead", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTableHead", {
   root: {},
   stickyHeader: { position: "sticky", zIndex: 3, top: 0 }
 });

package/dist/cjs/Table/TableHeader/TableHeader.cjs

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const styles = require("@mui/material/styles");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
-const useTheme = require("../../hooks/useTheme.cjs");
 const helpers = require("../../utils/helpers.cjs");
 const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
@@ -42,7 +42,7 @@ const HvTableHeader = React.forwardRef(
       ...others
     } = useDefaultProps.useDefaultProps("HvTableHeader", props);
     const { classes, cx, css } = TableHeader_styles.useClasses(classesProp);
-    const { colors } = useTheme.useTheme();
+    const { colors } = uikitReactShared.useTheme();
     const tableContext = React.useContext(TableContext.default);
     const tableSectionContext = React.useContext(TableSectionContext.default);
     const type = typeProp || tableSectionContext?.type || "body";

package/dist/cjs/Table/TableHeader/TableHeader.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTableHeader", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTableHeader", {
   root: {
     "--first-row-cell-height": "52px",
     "--cell-height": "32px",

package/dist/cjs/Table/TableRow/TableRow.styles.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../utils/classes.cjs");
 const utils = require("../utils/utils.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTableRow", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTableRow", {
   /** Styles applied to the component root class. */
   root: {
     color: "inherit",

package/dist/cjs/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.cjs

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

package/dist/cjs/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classes = require("../../../utils/classes.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const switchStyle = {
   cursor: "pointer",
   display: "inline-flex",
   marginLeft: "10px"
 };
-const { staticClasses, useClasses } = classes.createClasses(
+const { staticClasses, useClasses } = uikitReactShared.createClasses(
   "HvTable-SwitchColumnCell",
   {
     switchNo: {

package/dist/cjs/TableSection/TableSection.styles.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
 const TableContainer_styles = require("../Table/TableContainer/TableContainer.styles.cjs");
 require("../Table/TableContainer/TableContainer.cjs");
 const TableHeader_styles = require("../Table/TableHeader/TableHeader.styles.cjs");
@@ -12,11 +11,12 @@ const TableCell_styles = require("../Table/TableCell/TableCell.styles.cjs");
 require("../Table/TableCell/TableCell.cjs");
 const BulkActions_styles = require("../BulkActions/BulkActions.styles.cjs");
 require("react/jsx-runtime");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const Pagination_styles = require("../Pagination/Pagination.styles.cjs");
 require("react");
 require("@mui/material/Hidden");
 require("@hitachivantara/uikit-react-icons");
-const { staticClasses, useClasses } = classes.createClasses("HvTableSection", {
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTableSection", {
   root: {},
   header: {
     // Only apply the border to divide the header and content when both are displayed

package/dist/cjs/Tabs/Tabs.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTabs", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTabs", {
   root: {
     minHeight: 0,
     overflow: "visible"

package/dist/cjs/Tag/Tag.cjs

@@ -4,10 +4,10 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const Chip = require("@mui/material/Chip");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const useControlled = require("../hooks/useControlled.cjs");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
-const useTheme = require("../hooks/useTheme.cjs");
 const Tag_styles = require("./Tag.styles.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Chip__default = /* @__PURE__ */ _interopDefault(Chip);
@@ -35,7 +35,7 @@ const HvTag = React.forwardRef((props, ref) => {
     deleteButtonProps = {},
     ...others
   } = useDefaultProps.useDefaultProps("HvTag", props);
-  const { colors } = useTheme.useTheme();
+  const { colors } = uikitReactShared.useTheme();
   const { classes, cx, css } = Tag_styles.useClasses(classesProp);
   const [isSelected, setIsSelected] = useControlled.useControlled(
     selected,

package/dist/cjs/Tag/Tag.styles.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Chip = require("@mui/material/Chip");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
 const focusUtils = require("../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTag", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTag", {
   root: {
     color: uikitStyles.theme.colors.base_dark,
     [`& .${Chip.chipClasses.avatar}`]: {

package/dist/cjs/TagsInput/TagsInput.cjs

@@ -50,10 +50,9 @@ const HvTagsInput = React.forwardRef(
       hideCounter = false,
       middleCountLabel = "/",
       maxTagsQuantity,
-      autoFocus = false,
       resizable = true,
-      inputProps = {},
-      countCharProps = {},
+      inputProps,
+      countCharProps,
       multiline = false,
       status,
       statusMessage,
@@ -158,7 +157,7 @@ const HvTagsInput = React.forwardRef(
           const container = containerRef.current;
           if (container == null) return;
           container.scrollLeft = element ? element.offsetLeft - container.getBoundingClientRect().width / 2 + element.getBoundingClientRect().width / 2 : 0;
-        }, 50);
+        }, 10);
         element?.focus();
       }
     }, [multiline, tagCursorPos]);
@@ -302,7 +301,7 @@ const HvTagsInput = React.forwardRef(
           addTag(evt, tagInput);
         }
         onBlur?.(evt, tagInput);
-      }, 250);
+      }, 10);
     };
     const onFocusHandler = (evt) => {
       clearTimeout(blurTimeout.current);
@@ -435,7 +434,6 @@ const HvTagsInput = React.forwardRef(
                         onChange: onChangeHandler,
                         onKeyDown: onInputKeyDownHandler,
                         placeholder: value.length === 0 ? placeholder : "",
-                        autoFocus,
                         className: cx({
                           [classes.singleLine]: !multiline
                         }),
@@ -454,7 +452,7 @@ const HvTagsInput = React.forwardRef(
                           "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description && setId.setId(elementId, "description") || void 0,
                           ...inputProps
                         },
-                        inputRef,
+                        ref: inputRef,
                         ...others
                       }
                     )

package/dist/cjs/TagsInput/TagsInput.styles.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Chip = require("@mui/material/Chip");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const BaseInput_styles = require("../BaseInput/BaseInput.styles.cjs");
 const Suggestions_styles = require("../Forms/Suggestions/Suggestions.styles.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTagsInput", {
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTagsInput", {
   input: {
     width: "100%",
     ...uikitStyles.theme.typography.caption1

package/dist/cjs/TextArea/TextArea.styles.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classes = require("../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTextArea", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTextArea", {
   root: { display: "inline-block", width: "100%" },
   disabled: {},
   resizable: { width: "100%" },

package/dist/cjs/TimeAgo/TimeAgo.styles.cjs

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

package/dist/cjs/TimePicker/TimePicker.styles.cjs

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

package/dist/cjs/TimePicker/Unit/Unit.styles.cjs

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

package/dist/cjs/Tooltip/Tooltip.cjs

@@ -4,8 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const Fade = require("@mui/material/Fade");
 const Tooltip = require("@mui/material/Tooltip");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
-const useTheme = require("../hooks/useTheme.cjs");
 const document = require("../utils/document.cjs");
 const Tooltip_styles = require("./Tooltip.styles.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -26,7 +26,7 @@ const HvTooltip = React.forwardRef((props, ref) => {
     containerId,
     ...others
   } = useDefaultProps.useDefaultProps("HvTooltip", props);
-  const { rootId } = useTheme.useTheme();
+  const { rootId } = uikitReactShared.useTheme();
   const { classes } = Tooltip_styles.useClasses(classesProp);
   const [container, setContainer] = React.useState(
     () => document.getElementById(containerId ?? rootId)

package/dist/cjs/Tooltip/Tooltip.styles.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Tooltip = require("@mui/material/Tooltip");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTooltip", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTooltip", {
   root: {},
   tooltip: {},
   tooltipMulti: {},

package/dist/cjs/TreeView/TreeItem/DefaultContent.cjs

@@ -2,10 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useCss = require("../../hooks/useCss.cjs");
-const classes = require("../../utils/classes.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const useHvTreeItem = require("./useHvTreeItem.cjs");
-const { useClasses } = classes.createClasses("HvTreeContent", {
+const { useClasses } = uikitReactShared.createClasses("HvTreeContent", {
   root: {},
   expanded: {},
   selected: {},
@@ -28,8 +27,8 @@ const DefaultContent = React.forwardRef(
       onMouseDown,
       ...others
     } = props;
-    const { classes: classes2 } = useClasses(classesProp);
-    const { cx } = useCss.useCss();
+    const { classes } = useClasses(classesProp);
+    const { cx } = uikitReactShared.useCss();
     const {
       disabled,
       expanded,
@@ -46,11 +45,11 @@ const DefaultContent = React.forwardRef(
         "div",
         {
           ...others,
-          className: cx(className, classes2.root, {
-            [classes2.expanded]: expanded,
-            [classes2.selected]: selected,
-            [classes2.focused]: focused,
-            [classes2.disabled]: disabled
+          className: cx(className, classes.root, {
+            [classes.expanded]: expanded,
+            [classes.selected]: selected,
+            [classes.focused]: focused,
+            [classes.disabled]: disabled
           }),
           onClick: (event) => {
             handleExpansion(event);
@@ -63,8 +62,8 @@ const DefaultContent = React.forwardRef(
           },
           ref,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes2.iconContainer, children: icon }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes2.label, children: label })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.iconContainer, children: icon }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.label, children: label })
           ]
         }
       )

package/dist/cjs/TreeView/TreeItem/TreeItem.styles.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../utils/classes.cjs");
 const focusUtils = require("../../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTreeItem", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTreeItem", {
   /** Applied to the root element */
   root: {
     listStyle: "none",

package/dist/cjs/TreeView/TreeView.styles.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classes = require("../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTreeView", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvTreeView", {
   /** Applied to the root element */
   root: {
     padding: 0,

package/dist/cjs/Typography/Typography.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
-const useTheme = require("../hooks/useTheme.cjs");
 const generic = require("../types/generic.cjs");
 const Typography_styles = require("./Typography.styles.cjs");
 const utils = require("./utils.cjs");
@@ -52,7 +52,7 @@ const HvTypography = generic.fixedForwardRef(function HvTypography2(props, ref)
     ...others
   } = useDefaultProps.useDefaultProps("HvTypography", props);
   const { classes, cx } = Typography_styles.useClasses(classesProp);
-  const { activeTheme } = useTheme.useTheme();
+  const { activeTheme } = uikitReactShared.useTheme();
   const variant = utils.mapVariant(variantProp, activeTheme?.name);
   const Component = ComponentProp || paragraph && "p" || HvTypographyMap[variant] || "span";
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cjs/Typography/Typography.styles.cjs

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