@hitachivantara/uikit-react-core 5.66.13 → 5.67.0

package/dist/cjs/Carousel/Carousel.cjs

@@ -4,8 +4,9 @@ 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 useTheme = require("../hooks/useTheme.cjs");
+const useLabels = require("../hooks/useLabels.cjs");
 const helpers = require("../utils/helpers.cjs");
 const Carousel_styles = require("./Carousel.styles.cjs");
 const CarouselControls = require("./CarouselControls.cjs");
@@ -16,6 +17,12 @@ const IconButton = require("../IconButton/IconButton.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const useCarousel__default = /* @__PURE__ */ _interopDefault(useCarousel);
+const DEFAULT_LABELS = {
+  close: "Close",
+  fullscreen: "Fullscreen",
+  backwards: "Backwards",
+  forwards: "Forwards"
+};
 const HvCarousel = (props) => {
   const {
     className,
@@ -33,13 +40,16 @@ const HvCarousel = (props) => {
     hideThumbnails: hideThumbnailsProp,
     controlsPosition: controlsPositionProp,
     thumbnailsPosition: thumbnailsPositionProp,
+    labels: labelsProps,
     carouselOptions,
     renderThumbnail,
     onChange,
+    onFullscreen,
     ...others
   } = useDefaultProps.useDefaultProps("HvCarousel", props);
-  const { activeTheme } = useTheme.useTheme();
+  const { activeTheme } = uikitReactShared.useTheme();
   const { classes, css, cx } = Carousel_styles.useClasses(classesProp);
+  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProps);
   const thumbnailsRef = React.useRef(null);
   const [isFullscreen, setIsFullscreen] = React.useState(false);
   const isDs3 = activeTheme?.name === "ds3";
@@ -86,6 +96,10 @@ const HvCarousel = (props) => {
     controller.reInit();
     setSelectedIndex((currentIndex) => helpers.clamp(currentIndex, numSlides));
   }, [numSlides, controller]);
+  const handleFullscreen = (event) => {
+    onFullscreen?.(event, !isFullscreen);
+    setIsFullscreen((curr) => !curr);
+  };
   const canPrev = controller?.canScrollPrev() ?? false;
   const canNext = controller?.canScrollNext() ?? false;
   const showTitle = !!title && (!xs || isFullscreen);
@@ -107,8 +121,8 @@ const HvCarousel = (props) => {
         showFullscreen && /* @__PURE__ */ jsxRuntime.jsx(
           IconButton.HvIconButton,
           {
-            title: isFullscreen ? "Close" : "Fullscreen",
-            onClick: () => setIsFullscreen((curr) => !curr),
+            title: isFullscreen ? labels.close : labels.fullscreen,
+            onClick: handleFullscreen,
             className: classes.closeButton,
             children: isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fullscreen, {})
           }
@@ -127,7 +141,11 @@ const HvCarousel = (props) => {
       canNext,
       onPreviousClick: handlePrevious,
       onNextClick: handleNext,
-      actions: actionsPosition === "controls" && actions
+      actions: actionsPosition === "controls" && actions,
+      labels: {
+        backwards: labels.backwards,
+        forwards: labels.forwards
+      }
     }
   );
   const thumbnails = showThumbnails && /* @__PURE__ */ jsxRuntime.jsx(
@@ -171,7 +189,7 @@ const HvCarousel = (props) => {
                     icon: true,
                     disabled: !canPrev,
                     variant: "secondarySubtle",
-                    "aria-label": "Backwards",
+                    "aria-label": labels.backwards,
                     onClick: handlePrevious,
                     children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, { iconSize: "XS" })
                   }
@@ -182,7 +200,7 @@ const HvCarousel = (props) => {
                     icon: true,
                     disabled: !canNext,
                     variant: "secondarySubtle",
-                    "aria-label": "Forwards",
+                    "aria-label": labels.forwards,
                     onClick: handleNext,
                     children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, { iconSize: "XS" })
                   }

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

package/dist/cjs/Carousel/CarouselControls.cjs

@@ -3,8 +3,13 @@ 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 useLabels = require("../hooks/useLabels.cjs");
 const Carousel_styles = require("./Carousel.styles.cjs");
 const Button = require("../Button/Button.cjs");
+const DEFAULT_LABELS = {
+  backwards: "Backwards",
+  forwards: "Forwards"
+};
 const HvCarouselControls = (props) => {
   const {
     classes: classesProp,
@@ -15,10 +20,12 @@ const HvCarouselControls = (props) => {
     canPrevious,
     canNext,
     actions,
+    labels: labelsProps,
     onPreviousClick,
     onNextClick
   } = useDefaultProps.useDefaultProps("HvCarouselControls", props);
   const { classes, cx } = Carousel_styles.useClasses(classesProp, false);
+  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProps);
   const selectedIndex = page || 0;
   const numSlides = pages;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.controls, className), children: [
@@ -36,7 +43,7 @@ const HvCarouselControls = (props) => {
         {
           icon: true,
           disabled: !canPrevious,
-          "aria-label": "Backwards",
+          "aria-label": labels.backwards,
           onClick: onPreviousClick,
           children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, { iconSize: "XS" })
         }
@@ -47,7 +54,7 @@ const HvCarouselControls = (props) => {
         {
           icon: true,
           disabled: !canNext,
-          "aria-label": "Forwards",
+          "aria-label": labels.forwards,
           onClick: onNextClick,
           children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, { iconSize: "XS" })
         }

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

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

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,