@hitachivantara/uikit-react-core 5.66.13 → 5.67.0

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"
   },

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

package/dist/cjs/Header/Actions/Actions.styles.cjs

@@ -1,10 +1,10 @@
 "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 { staticClasses, useClasses } = classes.createClasses("HvHeader-Actions", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvHeader-Actions", {
   root: {
     backgroundColor: "transparent",
     display: "flex",

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

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

package/dist/cjs/Header/Navigation/MenuBar/Bar.styles.cjs

@@ -1,7 +1,7 @@
 "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 show = {
   top: uikitStyles.theme.header.height,
   transition: ["top"],
@@ -15,7 +15,7 @@ const hide = {
   boxShadow: "none",
   transitionDuration: "300ms"
 };
-const { staticClasses, useClasses } = classes.createClasses("HvHeader-MenuBar", {
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvHeader-MenuBar", {
   root: {
     left: 0,
     width: "100%",

package/dist/cjs/Header/Navigation/MenuItem/MenuItem.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 focusUtils = require("../../../utils/focusUtils.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const item = {
   border: "none",
   cursor: "pointer",
@@ -38,7 +38,7 @@ const item = {
     }
   }
 };
-const { staticClasses, useClasses } = classes.createClasses(
+const { staticClasses, useClasses } = uikitReactShared.createClasses(
   "HvHeader-MenuItem",
   {
     root: {

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

package/dist/cjs/InlineEditor/InlineEditor.cjs

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const useControlled = require("../hooks/useControlled.cjs");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
-const useTheme = require("../hooks/useTheme.cjs");
 const keyboardUtils = require("../utils/keyboardUtils.cjs");
 const InlineEditor_styles = require("./InlineEditor.styles.cjs");
 const Button = require("../Button/Button.cjs");
@@ -34,7 +34,7 @@ const HvInlineEditor = (props) => {
   const [editMode, setEditMode] = React.useState(false);
   const [cachedValue, setCachedValue] = React.useState(value);
   const inputRef = React.useRef();
-  const { activeTheme } = useTheme.useTheme();
+  const { activeTheme } = uikitReactShared.useTheme();
   const typographyStyles = activeTheme?.typography[variant] || {};
   const { lineHeight } = typographyStyles;
   React.useLayoutEffect(() => {

package/dist/cjs/InlineEditor/InlineEditor.styles.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
 const BaseInput_styles = require("../BaseInput/BaseInput.styles.cjs");
 require("../BaseInput/BaseInput.cjs");
 const Input_styles = require("../Input/Input.styles.cjs");
 require("../Input/Input.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvInlineEditor", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvInlineEditor", {
   root: {
     [`& .${BaseInput_styles.staticClasses.inputRoot}.${Input_styles.staticClasses.inputRoot}`]: {
       height: "100%",

package/dist/cjs/Input/Input.styles.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
 const Suggestions_styles = require("../Forms/Suggestions/Suggestions.styles.cjs");
 require("../Forms/Suggestions/Suggestions.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvInput", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvInput", {
   root: { display: "block" },
   labelContainer: { display: "flex", alignItems: "flex-start" },
   label: { paddingBottom: "6px", display: "block" },

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

package/dist/cjs/Link/Link.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("HvLink", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvLink", {
   a: {
     ...uikitStyles.theme.typography.label,
     textDecoration: "underline",

package/dist/cjs/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("HvList", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvList", {
   root: {},
   virtualizedRoot: { marginBottom: 5 },
   selectorRoot: { width: "100%", zIndex: 0 },

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

package/dist/cjs/ListContainer/ListItem/ListItem.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("HvListItem", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvListItem", {
   root: {
     ...uikitStyles.theme.typography.body,
     padding: 0,

package/dist/cjs/Loading/Loading.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 interval = 0.11;
 const bars = {
   "&:nth-of-type(1)": {
@@ -62,7 +62,7 @@ const smallColorAnimation = react.keyframes`
     transform: scale(1, 0.223); 
   }
 `;
-const { staticClasses, useClasses } = classes.createClasses("HvLoading", {
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvLoading", {
   root: {
     display: "flex",
     flexDirection: "column",

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

package/dist/cjs/Login/Login.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("HvLogin", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvLogin", {
   root: {
     backgroundRepeat: "no-repeat",
     backgroundPosition: "bottom",

package/dist/cjs/MultiButton/MultiButton.styles.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const Button_styles = require("../Button/Button.styles.cjs");
-const classes = require("../utils/classes.cjs");
 const DropDownMenu_styles = require("../DropDownMenu/DropDownMenu.styles.cjs");
 require("../DropDownMenu/DropDownMenu.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvMultiButton", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvMultiButton", {
   root: {
     display: "flex",
     alignItems: "center",

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

package/dist/cjs/Pagination/Pagination.styles.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
 const BaseDropdown_styles = require("../BaseDropdown/BaseDropdown.styles.cjs");
 require("../BaseDropdown/BaseDropdown.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const Input_styles = require("../Input/Input.styles.cjs");
 const hoverColor = uikitStyles.theme.colors.atmo3;
-const { staticClasses, useClasses } = classes.createClasses("HvPagination", {
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvPagination", {
   /** Styles applied to the component root class. */
   root: {
     position: "relative",

package/dist/cjs/Pagination/Select.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 } = classes.createClasses("HvPaginationSelect", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses } = uikitReactShared.createClasses("HvPaginationSelect", {
   root: {},
   header: {
     backgroundColor: "transparent",

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

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

package/dist/cjs/QueryBuilder/ConfirmationDialog/ConfirmationDialog.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(
   "HvQueryBuilder-ConfirmationDialog",
   {
     paper: {}

package/dist/cjs/QueryBuilder/QueryBuilder.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("HvQueryBuilder", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses, staticClasses } = uikitReactShared.createClasses("HvQueryBuilder", {
   /** Styles applied to the component root class. */
   root: {
     position: "relative",

package/dist/cjs/QueryBuilder/Rule/Rule.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 QueryBuilder_styles = require("../QueryBuilder.styles.cjs");
-const { useClasses, staticClasses } = classes.createClasses(
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses, staticClasses } = uikitReactShared.createClasses(
   "HvQueryBuilder-Rule",
   {
     root: {

package/dist/cjs/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.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(
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses, staticClasses } = uikitReactShared.createClasses(
   "HvQueryBuilder-DateTimeValue",
   {
     root: {

package/dist/cjs/QueryBuilder/Rule/Value/NumericValue/Numeric.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(
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses, staticClasses } = uikitReactShared.createClasses(
   "HvQueryBuilder-NumericValue",
   {
     root: {},

package/dist/cjs/QueryBuilder/Rule/Value/TextValue/TextValue.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(
   "HvQueryBuilder-TextValue",
   {
     location: {

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

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