@hitachivantara/uikit-react-core 5.66.14 → 5.67.1

package/dist/cjs/CheckBoxGroup/CheckBoxGroup.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("HvCheckBoxGroup", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvCheckBoxGroup", {
   root: {
     display: "inline-block",
     padding: 4,

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

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

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

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

@@ -4,8 +4,8 @@ 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 useTheme = require("../../hooks/useTheme.cjs");
 const Picker_styles = require("./Picker.styles.cjs");
 const Fields = require("../Fields/Fields.cjs");
 const Typography = require("../../Typography/Typography.cjs");
@@ -19,7 +19,7 @@ const Component = (props) => {
     title,
     classes: classesProp
   } = useDefaultProps.useDefaultProps("HvColorPickerPicker", props);
-  const { activeTheme } = useTheme.useTheme();
+  const { activeTheme } = uikitReactShared.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 uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../utils/classes.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const name = "HvColorPicker-Picker";
-const { staticClasses, useClasses } = classes.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
   pickers: {
     display: "flex",
     flexDirection: "column"

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

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

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

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

package/dist/cjs/DatePicker/DatePicker.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("HvDatePicker", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDatePicker", {
   root: {
     position: "relative"
   },

package/dist/cjs/Dialog/Actions/Actions.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("HvDialog-Action", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDialog-Action", {
   root: {
     margin: "0",
     padding: uikitStyles.theme.space.sm,

package/dist/cjs/Dialog/Content/Content.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("HvDialog-Content", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.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,8 @@ 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 useTheme = require("../hooks/useTheme.cjs");
 const document$1 = require("../utils/document.cjs");
 const setId = require("../utils/setId.cjs");
 const context = require("./context.cjs");
@@ -29,7 +29,7 @@ const HvDialog = (props) => {
     ...others
   } = useDefaultProps.useDefaultProps("HvDialog", props);
   const { classes, css, cx } = Dialog_styles.useClasses(classesProp);
-  const { rootId } = useTheme.useTheme();
+  const { rootId } = uikitReactShared.useTheme();
   const measuredRef = React.useCallback(() => {
     if (!firstFocusable) return;
     const element = document.getElementById(firstFocusable);

package/dist/cjs/Dialog/Dialog.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("HvDialog", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDialog", {
   root: {},
   background: { background: uikitStyles.theme.alpha("atmo4", 0.8) },
   paper: {

package/dist/cjs/Dialog/Title/Title.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("HvDialog-Title", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDialog-Title", {
   root: {
     fontFamily: uikitStyles.theme.fontFamily.body,
     // override MUI font

package/dist/cjs/DotPagination/DotPagination.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("HvDotPagination", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses, staticClasses } = uikitReactShared.createClasses("HvDotPagination", {
   root: {
     display: "flex",
     justifyContent: "center"

package/dist/cjs/Drawer/Drawer.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("HvDrawer", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDrawer", {
   root: {},
   paper: {
     backgroundColor: uikitStyles.theme.colors.atmo1,

package/dist/cjs/DropDownMenu/DropDownMenu.cjs

@@ -6,6 +6,7 @@ const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const BaseDropdownContext = require("../BaseDropdown/BaseDropdownContext/BaseDropdownContext.cjs");
 const useControlled = require("../hooks/useControlled.cjs");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const useLabels = require("../hooks/useLabels.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const focusableElementFinder = require("../utils/focusableElementFinder.cjs");
 const keyboardUtils = require("../utils/keyboardUtils.cjs");
@@ -15,6 +16,9 @@ const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
 const List = require("../List/List.cjs");
 const DropdownButton = require("../DropdownButton/DropdownButton.cjs");
 const Panel = require("../Panel/Panel.cjs");
+const DEFAULT_LABELS = {
+  dropdownMenu: "Dropdown menu"
+};
 const HeaderComponent = React.forwardRef(
   (props, ref) => {
     const { open, children, ...others } = props;
@@ -26,7 +30,6 @@ const HeaderComponent = React.forwardRef(
         ref,
         open,
         "aria-expanded": open,
-        "aria-label": "Dropdown menu",
         "aria-haspopup": "menu",
         placement: popperPlacement,
         ...others,
@@ -54,9 +57,11 @@ const HvDropDownMenu = (props) => {
     // TODO - remove and update variant default in v6
     variant,
     size = "md",
+    labels: labelsProp,
     ...others
   } = useDefaultProps.useDefaultProps("HvDropDownMenu", props);
   const { classes, cx } = DropDownMenu_styles.useClasses(classesProp);
+  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
   const [open, setOpen] = useControlled.useControlled(expanded, Boolean(defaultExpanded));
   const id = useUniqueId.useUniqueId(idProp);
   const focusNodes = focusableElementFinder.getPrevNextFocus(setId.setId(id, "icon-button"));
@@ -98,6 +103,7 @@ const HvDropDownMenu = (props) => {
           size,
           variant: variant ?? category,
           open,
+          "aria-label": labels.dropdownMenu,
           children: icon || /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.MoreOptionsVertical, { role: "presentation" })
         }
       ),

package/dist/cjs/DropDownMenu/DropDownMenu.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("HvDropDownMenu", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDropDownMenu", {
   container: {},
   baseContainer: {},
   root: {

package/dist/cjs/Dropdown/Dropdown.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("HvDropdown", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDropdown", {
   root: {
     width: "100%",
     position: "relative",

package/dist/cjs/Dropdown/List/List.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("HvDropdownList", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDropdownList", {
   rootList: {},
   dropdownListContainer: {},
   searchContainer: { marginBottom: uikitStyles.theme.space.xs },

package/dist/cjs/DropdownButton/DropdownButton.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 Button_styles = require("../Button/Button.styles.cjs");
 require("../Button/Button.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const disabledStyle = {
   backgroundColor: uikitStyles.theme.colors.atmo3,
   borderColor: uikitStyles.theme.colors.atmo3,
@@ -18,7 +18,7 @@ const disabledStyle = {
     "&:hover": { backgroundColor: uikitStyles.theme.colors.atmo3 }
   }
 };
-const { staticClasses, useClasses } = classes.createClasses("HvDropdownButton", {
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDropdownButton", {
   root: {
     userSelect: "none",
     position: "relative",

package/dist/cjs/EmptyState/EmptyState.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("HvEmptyState", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvEmptyState", {
   root: {
     width: "100%",
     height: "100%",

package/dist/cjs/FileUploader/DropZone/DropZone.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("HvDropZone", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvDropZone", {
   dropZoneContainer: {
     position: "relative",
     width: "100%",

package/dist/cjs/FileUploader/File/File.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("HvFile", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvFile", {
   root: {},
   progressbar: {
     position: "absolute",

package/dist/cjs/FileUploader/FileList/FileList.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("HvFileList", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvFileList", {
   list: {
     display: "flex",
     flexDirection: "column",

package/dist/cjs/FileUploader/Preview/Preview.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(
   "HvFileUploaderPreview",
   {
     previewButton: {

package/dist/cjs/FilterGroup/Counter/Counter.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 name = "HvFilterGroupCounter";
-const { staticClasses, useClasses } = classes.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
   root: {
     lineHeight: "34px",
     marginRight: 10

package/dist/cjs/FilterGroup/FilterContent/FilterContent.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 uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
-const useTheme = require("../../hooks/useTheme.cjs");
 const setId = require("../../utils/setId.cjs");
 const FilterGroupContext = require("../FilterGroupContext.cjs");
 const FilterContent_styles = require("./FilterContent.styles.cjs");
@@ -38,7 +38,7 @@ const HvFilterGroupContent = React.forwardRef((props, ref) => {
     ...others
   } = useDefaultProps.useDefaultProps("HvFilterGroupContent", props);
   const { classes } = FilterContent_styles.useClasses(classesProp);
-  const { activeTheme } = useTheme.useTheme();
+  const { activeTheme } = uikitReactShared.useTheme();
   const [filterGroupOpen, setFilterGroupOpen] = React.useState(false);
   const {
     defaultValue,

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../utils/classes.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const name = "HvFilterGroupContent";
-const { staticClasses, useClasses } = classes.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
   dropdown: {},
   panel: {
     maxHeight: 500,

package/dist/cjs/FilterGroup/FilterGroup.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("HvFilterGroup", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvFilterGroup", {
   root: {},
   label: {
     display: "flex",

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

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

package/dist/cjs/FilterGroup/RightPanel/RightPanel.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 name = "HvFilterGroupRightPanel";
-const { staticClasses, useClasses } = classes.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
   search: {
     marginBottom: uikitStyles.theme.spacing("xs")
   },

package/dist/cjs/Focus/Focus.styles.cjs

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

package/dist/cjs/Footer/Footer.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("HvFooter", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvFooter", {
   root: {
     display: "flex",
     alignItems: "center",

package/dist/cjs/Forms/Adornment/Adornment.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classes = require("../../utils/classes.cjs");
 const focusUtils = require("../../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvAdornment", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvAdornment", {
   root: {},
   icon: { width: 32, height: 32 },
   adornment: {

package/dist/cjs/Forms/CharCounter/CharCounter.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("HvCharCounter", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvCharCounter", {
   root: { display: "inline-block", float: "right" },
   counterDisabled: { color: uikitStyles.theme.colors.secondary_60 },
   gutter: { paddingLeft: "6px" },

package/dist/cjs/Forms/FormElement/FormElement.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("HvFormElement", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvFormElement", {
   root: {}
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/Forms/InfoMessage/InfoMessage.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("HvInfoMessage", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvInfoMessage", {
   root: { color: uikitStyles.theme.colors.secondary_80, display: "inline-block" },
   infoDisabled: { color: uikitStyles.theme.colors.secondary_60 },
   gutter: { padding: `0 0 6px ${uikitStyles.theme.space.xs}` }

package/dist/cjs/Forms/Label/Label.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("HvLabel", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvLabel", {
   root: { fontWeight: uikitStyles.theme.fontWeights.normal, display: "inline-block" },
   labelDisabled: { color: uikitStyles.theme.colors.secondary_60 },
   childGutter: { paddingBottom: "6px" }

package/dist/cjs/Forms/Suggestions/Suggestions.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("HvSuggestions", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvSuggestions", {
   root: { position: "relative" },
   list: {
     backgroundColor: uikitStyles.theme.colors.atmo1,

package/dist/cjs/Forms/WarningText/WarningText.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("HvWarningText", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvWarningText", {
   root: { display: "none" },
   defaultIcon: { minWidth: "24px", width: "24px", height: "24px" },
   warningText: {

package/dist/cjs/GlobalActions/GlobalActions.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("HvGlobalActions", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvGlobalActions", {
   root: {
     position: "relative"
   },