@hitachivantara/uikit-react-core 5.91.3 → 5.92.0

package/dist/cjs/Accordion/Accordion.cjs

@@ -2,9 +2,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 uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useExpandable = require("../hooks/useExpandable.cjs");
+const icons = require("../icons.cjs");
 const Accordion_styles = require("./Accordion.styles.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const ButtonBase = require("../ButtonBase/ButtonBase.cjs");
@@ -56,7 +56,7 @@ const HvAccordion = React.forwardRef(function HvAccordion2(props, ref) {
         onClick: handleClick,
         variant: labelVariant,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropUpXS, { rotate: !isOpen }),
+          /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "CaretDown", rotate: isOpen, size: "xs" }),
           label
         ]
       }

package/dist/cjs/ActionsGeneric/ActionsGeneric.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../icons.cjs");
 const setId = require("../utils/setId.cjs");
 const ActionsGeneric_styles = require("./ActionsGeneric.styles.cjs");
 const DropDownMenu = require("../DropDownMenu/DropDownMenu.cjs");
@@ -78,7 +78,7 @@ const HvActionsGeneric = React.forwardRef(function HvActionsGeneric2(props, ref)
             icon: classes.dropDownMenuButton,
             iconSelected: classes.dropDownMenuButtonSelected
           },
-          icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.MoreOptionsVertical, { color: iconColor }),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "DotsVertical", color: iconColor }),
           placement: "left",
           onClick: (event, action) => {
             handleCallback(event, idProp || "", action);

package/dist/cjs/AppSwitcher/Action/Action.cjs

@@ -2,9 +2,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 uikitStyles = require("@hitachivantara/uikit-styles");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
+const icons = require("../../icons.cjs");
 const Action_styles = require("./Action.styles.cjs");
 const Avatar = require("../../Avatar/Avatar.cjs");
 const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
@@ -98,7 +98,15 @@ const HvAppSwitcherAction = ({
                 }
               }
             ),
-            description && /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { title: description, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Info, { className: classes.iconInfo, id: descriptionElementId }) })
+            description && /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { title: description, children: /* @__PURE__ */ jsxRuntime.jsx(
+              icons.HvIcon,
+              {
+                name: "Info",
+                compact: true,
+                className: classes.iconInfo,
+                id: descriptionElementId
+              }
+            ) })
           ]
         }
       )

package/dist/cjs/Avatar/Avatar.cjs

@@ -3,11 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const MuiAvatar = require("@mui/material/Avatar");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const AvatarGroupContext = require("../AvatarGroup/AvatarGroupContext.cjs");
 const useImageLoaded = require("../hooks/useImageLoaded.cjs");
+const icons = require("../icons.cjs");
 const Avatar_styles = require("./Avatar.styles.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const MuiAvatar__default = /* @__PURE__ */ _interopDefault(MuiAvatar);
@@ -64,8 +64,9 @@ const HvAvatar = React.forwardRef(function HvAvatar2(props, ref) {
     [children] = alt;
   } else {
     children = /* @__PURE__ */ jsxRuntime.jsx(
-      uikitReactIcons.User,
+      icons.HvIcon,
       {
+        name: "User",
         color,
         size: decreaseSizeMap[size],
         className: classes.fallback

package/dist/cjs/BaseDropdown/BaseDropdown.cjs

@@ -5,10 +5,10 @@ const React = require("react");
 const reactPopper = require("react-popper");
 const utils = require("@mui/material/utils");
 const core = require("@popperjs/core");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useControlled = require("../hooks/useControlled.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
+const icons = require("../icons.cjs");
 const focusableElementFinder = require("../utils/focusableElementFinder.cjs");
 const keyboardUtils = require("../utils/keyboardUtils.cjs");
 const setId = require("../utils/setId.cjs");
@@ -91,7 +91,6 @@ const BaseDropdown = React.forwardRef(function BaseDropdown2(props, ref) {
     },
     [isOpen, disabled, setIsOpen, onToggle, referenceElement]
   );
-  const ExpanderComponent = isOpen ? uikitReactIcons.DropUpXS : uikitReactIcons.DropDownXS;
   const defaultHeaderElement = /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -121,10 +120,11 @@ const BaseDropdown = React.forwardRef(function BaseDropdown2(props, ref) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.arrowContainer, children: adornment || /* @__PURE__ */ jsxRuntime.jsx(
-          ExpanderComponent,
+          icons.HvIcon,
           {
-            iconSize: "XS",
-            color: disabled ? "textDisabled" : void 0,
+            name: "CaretDown",
+            size: "xs",
+            rotate: isOpen,
             className: classes.arrow
           }
         ) })

package/dist/cjs/BaseInput/BaseInput.styles.cjs

@@ -37,7 +37,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvBaseInput
     fontFamily: uikitStyles.theme.fontFamily.body,
     alignItems: "stretch",
     ...uikitStyles.theme.typography.body,
-    ":hover:not($disabled,$invalid,$readOnly)": {
+    ":hover:not($disabled,$readOnly)": {
       borderColor: uikitStyles.theme.colors.primary
     },
     ":focus-within:not($disabled)": {

package/dist/cjs/BreadCrumb/PathElement/PathElement.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const icons = require("../../icons.cjs");
 const PathElement_styles = require("./PathElement.styles.cjs");
 const HvPathElement = ({
   classes: classesProp,
@@ -12,8 +12,10 @@ const HvPathElement = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: classes.centerContainer, children: [
     children,
     !last && /* @__PURE__ */ jsxRuntime.jsx(
-      uikitReactIcons.DropRightXS,
+      icons.HvIcon,
       {
+        name: "CaretRight",
+        size: "xs",
         className: classes.separatorContainer,
         color: "textDisabled"
       }

package/dist/cjs/BreadCrumb/utils.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const icons = require("../icons.cjs");
 const setId = require("../utils/setId.cjs");
 const DropDownMenu = require("../DropDownMenu/DropDownMenu.cjs");
 const removeExtension = (label) => label.includes(".") ? label.substring(0, label.lastIndexOf(".")) : label;
@@ -19,7 +19,7 @@ const pathWithSubMenu = (id, listRoute, maxVisible, onClick, dropDownMenuProps)
       DropDownMenu.HvDropDownMenu,
       {
         id: setId.setId(id, "submenu"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.MoreOptionsHorizontal, { iconSize: "S", color: "text" }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "DotsHorizontal" }),
         dataList: subMenuList,
         ...dropDownMenuProps,
         onClick: onClick != null ? handleClick : void 0

package/dist/cjs/ButtonBase/ButtonBase.styles.cjs

@@ -25,10 +25,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvButtonBas
   },
   disabled: {
     cursor: "not-allowed",
-    color: uikitStyles.theme.colors.textDisabled,
-    "&:hover, &:focus-visible": {
-      backgroundColor: "transparent"
-    }
+    color: uikitStyles.theme.colors.textDisabled
   }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/Calendar/CalendarNavigation/Navigation/Navigation.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const icons = require("../../../icons.cjs");
 const setId = require("../../../utils/setId.cjs");
 const Navigation_styles = require("./Navigation.styles.cjs");
 const Button = require("../../../Button/Button.cjs");
@@ -28,7 +28,7 @@ const Navigation = ({
           [classes.disabled]: !isPreviousEnabled
         }),
         onClick: onNavigatePrevious,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropLeftXS, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "CaretRight", size: "xs", rotate: true })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -55,7 +55,7 @@ const Navigation = ({
           [classes.disabled]: !isNextEnabled
         }),
         onClick: onNavigateNext,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "CaretRight", size: "xs" })
       }
     )
   ] });

package/dist/cjs/Carousel/Carousel.cjs

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const useCarousel = require("embla-carousel-react");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useLabels = require("../hooks/useLabels.cjs");
+const icons = require("../icons.cjs");
 const Carousel_styles = require("./Carousel.styles.cjs");
 const CarouselControls = require("./CarouselControls.cjs");
 const CarouselThumbnails = require("./CarouselThumbnails.cjs");
@@ -122,7 +122,7 @@ const HvCarousel = React.forwardRef(function HvCarousel2(props, ref) {
             title: isFullscreen ? labels.close : labels.fullscreen,
             onClick: handleFullscreen,
             className: classes.closeButton,
-            children: isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fullscreen, {})
+            children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: isFullscreen ? "Close" : "Fullscreen" })
           }
         )
       ]
@@ -190,7 +190,7 @@ const HvCarousel = React.forwardRef(function HvCarousel2(props, ref) {
                     variant: "secondarySubtle",
                     "aria-label": labels.backwards,
                     onClick: handlePrevious,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, { iconSize: "XS" })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Backwards", size: "xs" })
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -201,7 +201,7 @@ const HvCarousel = React.forwardRef(function HvCarousel2(props, ref) {
                     variant: "secondarySubtle",
                     "aria-label": labels.forwards,
                     onClick: handleNext,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, { iconSize: "XS" })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Forwards", size: "xs" })
                   }
                 )
               ] }),

package/dist/cjs/Carousel/CarouselControls.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useLabels = require("../hooks/useLabels.cjs");
+const icons = require("../icons.cjs");
 const Carousel_styles = require("./Carousel.styles.cjs");
 const Button = require("../Button/Button.cjs");
 const DEFAULT_LABELS = {
@@ -45,7 +45,7 @@ const HvCarouselControls = (props) => {
           disabled: !canPrevious,
           "aria-label": labels.backwards,
           onClick: onPreviousClick,
-          children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, { iconSize: "XS" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Backwards", size: "xs" })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.pageCounter, children: `${selectedIndex + 1} / ${numSlides}` }),
@@ -56,7 +56,7 @@ const HvCarouselControls = (props) => {
           disabled: !canNext,
           "aria-label": labels.forwards,
           onClick: onNextClick,
-          children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, { iconSize: "XS" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Forwards", size: "xs" })
         }
       )
     ] }),

package/dist/cjs/ColorPicker/ColorPicker.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useControlled = require("../hooks/useControlled.cjs");
 const useLabels = require("../hooks/useLabels.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
+const icons = require("../icons.cjs");
 const setId = require("../utils/setId.cjs");
 const ColorPicker_styles = require("./ColorPicker.styles.cjs");
 const PresetColors = require("./PresetColors/PresetColors.cjs");
@@ -166,7 +166,7 @@ const HvColorPicker = React.forwardRef(
                     classes.headerColorIconOnly
                   )
                 }
-              ) : dropdownIcon === "colorPicker" ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.ColorPicker, { className: classes.colorPickerIcon }) : void 0,
+              ) : dropdownIcon === "colorPicker" ? /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "ColorPicker", className: classes.colorPickerIcon }) : void 0,
               placeholder: iconOnly ? void 0 : color ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "div",

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

@@ -38,8 +38,10 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvColorPick
     }
   },
   dropdownRootIconOnly: {
-    width: 32,
-    height: 32,
+    "&,& .HvBaseDropdown-arrowContainer": {
+      width: 32,
+      height: 32
+    },
     "& .HvBaseDropdown-selection": {
       padding: 0
     }

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const common = require("react-color/lib/components/common");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../../icons.cjs");
 const SavedColors_styles = require("./SavedColors.styles.cjs");
 const IconButton = require("../../IconButton/IconButton.cjs");
 const SavedColors = (props) => {
@@ -31,7 +31,7 @@ const SavedColors = (props) => {
         variant: "secondarySubtle",
         onClick: onAddColor,
         title: addButtonAriaLabel,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Add, { "aria-hidden": true })
+        children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Add", compact: true })
       }
     ),
     colors.map((color, index) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -56,7 +56,7 @@ const SavedColors = (props) => {
               variant: "secondarySubtle",
               onClick: () => onRemoveColor(color, index),
               title: deleteButtonAriaLabel,
-              children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.CloseXS, { "aria-hidden": true, iconSize: "XS" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Close", compact: true, size: "xs" })
             }
           ) })
         ]

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

@@ -41,16 +41,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
   },
   removeButton: {
     height: 16,
-    width: 16,
-    minWidth: 16,
-    minHeight: 16,
-    padding: 0,
-    margin: 0,
-    "& div > span": {
-      height: 16,
-      width: 16,
-      "& > div": { height: 16, width: 16 }
-    }
+    width: 16
   }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/DatePicker/DatePicker.cjs

@@ -3,12 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const utils$1 = require("@mui/material/utils");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const utils = require("../Calendar/utils.cjs");
 const useControlled = require("../hooks/useControlled.cjs");
 const useLabels = require("../hooks/useLabels.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
+const icons = require("../icons.cjs");
 const setId = require("../utils/setId.cjs");
 const useSavedState = require("../utils/useSavedState.cjs");
 const DatePicker_styles = require("./DatePicker.styles.cjs");
@@ -298,7 +298,7 @@ const HvDatePicker = React.forwardRef(
               onClickOutside: handleCalendarClose,
               onContainerCreation: focusOnContainer,
               placeholder: dateString || placeholder || "",
-              adornment: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Calendar, { className: classes.icon }),
+              adornment: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Calendar", className: classes.icon }),
               popperProps: {
                 modifiers: [
                   { name: "preventOverflow", enabled: escapeWithReference }

package/dist/cjs/Dialog/Dialog.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const MuiDialog = require("@mui/material/Dialog");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../icons.cjs");
 const document$1 = require("../utils/document.cjs");
 const setId = require("../utils/setId.cjs");
 const context = require("./context.cjs");
@@ -74,7 +74,7 @@ const HvDialog = (props) => {
             id: setId.setId(id, "close"),
             className: classes.closeButton,
             onClick: (event) => onClose?.(event, void 0),
-            children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, {})
+            children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Close", compact: true })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(context.DialogContext.Provider, { value: contextValue, children })

package/dist/cjs/Drawer/Drawer.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const MuiDrawer = require("@mui/material/Drawer");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../icons.cjs");
 const setId = require("../utils/setId.cjs");
 const Drawer_styles = require("./Drawer.styles.cjs");
 const IconButton = require("../IconButton/IconButton.cjs");
@@ -62,7 +62,7 @@ const HvDrawer = React.forwardRef(function HvDrawer2(props, ref) {
             className: classes.closeButton,
             onClick: onClose,
             title: buttonTitle,
-            children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, {})
+            children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Close" })
           }
         ),
         children

package/dist/cjs/DropDownMenu/DropDownMenu.cjs

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const context = require("../BaseDropdown/context.cjs");
 const useControlled = require("../hooks/useControlled.cjs");
 const useLabels = require("../hooks/useLabels.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
+const icons = require("../icons.cjs");
 const focusableElementFinder = require("../utils/focusableElementFinder.cjs");
 const keyboardUtils = require("../utils/keyboardUtils.cjs");
 const setId = require("../utils/setId.cjs");
@@ -33,7 +33,7 @@ const HeaderComponent = React.forwardRef(
         "aria-haspopup": "menu",
         placement: popperPlacement,
         ...others,
-        children: icon || /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.MoreOptionsVertical, { role: "presentation" })
+        children: icon || /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "DotsVertical" })
       }
     );
   }

package/dist/cjs/DropDownMenu/DropDownMenu.styles.cjs

@@ -3,7 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDropDownMenu", {
-  root: {},
+  root: {
+    flexShrink: 0,
+    "& > div": {
+      height: "inherit"
+    }
+  },
   /** @deprecated use `classes.root` instead */
   container: {},
   baseContainer: {

package/dist/cjs/DropdownButton/DropdownButton.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../icons.cjs");
 const DropdownButton_styles = require("./DropdownButton.styles.cjs");
 const Button = require("../Button/Button.cjs");
 const HvDropdownButton = React.forwardRef(function HvDropdownButton2(props, ref) {
@@ -15,12 +15,13 @@ const HvDropdownButton = React.forwardRef(function HvDropdownButton2(props, ref)
     open,
     icon,
     readOnly,
-    children,
+    children: childrenProp,
     variant,
     ...others
   } = uikitReactUtils.useDefaultProps("HvDropdownButton", props);
   const { classes, cx } = DropdownButton_styles.useClasses(classesProp, false);
-  const endIcon = icon ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, { size: "XS", rotate: open });
+  const endIcon = !icon && /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "CaretDown", size: "xs", rotate: open });
+  const children = childrenProp && typeof childrenProp === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.placeholder, children: childrenProp }) : childrenProp;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Button.HvButton,
     {
@@ -41,7 +42,7 @@ const HvDropdownButton = React.forwardRef(function HvDropdownButton2(props, ref)
       endIcon,
       variant: open ? "secondarySubtle" : variant,
       ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx({ [classes.selection]: !icon }), children: children && typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.placeholder, children }) : children })
+      children: icon ? children : /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.selection, children })
     }
   );
 });

package/dist/cjs/FileUploader/DropZone/DropZone.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useLabels = require("../../hooks/useLabels.cjs");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
+const icons = require("../../icons.cjs");
 const helpers = require("../../utils/helpers.cjs");
 const setId = require("../../utils/setId.cjs");
 const utils = require("../utils.cjs");
@@ -163,7 +163,14 @@ const HvDropZone = (props) => {
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes?.dropArea, children: dragState ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.dropZoneAreaLabels, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.dragText, children: labels?.dropFiles }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Doc, { size: "M", className: classes.dropZoneAreaIcon }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              icons.HvIcon,
+              {
+                name: "Doc",
+                size: "md",
+                className: classes.dropZoneAreaIcon
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.dropZoneAreaLabels, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.dragText, children: [
               labels?.drag,
               /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cjs/FileUploader/File/File.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../../icons.cjs");
 const utils = require("../utils.cjs");
 const File_styles = require("./File.styles.cjs");
 const ProgressBar = require("../../ProgressBar/ProgressBar.cjs");
@@ -11,9 +11,9 @@ const IconButton = require("../../IconButton/IconButton.cjs");
 const getStatusIcon = (classes, status) => {
   switch (status) {
     case "success":
-      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Success, { className: classes?.icon, color: "positive" });
+      return /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Success", className: classes?.icon, color: "positive" });
     case "fail":
-      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fail, { className: classes?.icon, color: "negative" });
+      return /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Fail", className: classes?.icon, color: "negative" });
     default:
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes?.icon });
   }
@@ -72,7 +72,7 @@ const HvFile = (props) => {
         title: removeFileButtonLabel,
         className: classes.removeButton,
         onClick: () => onFileRemoved?.(data),
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, { iconSize: "XS" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Close", size: "xs" })
       }
     )
   ] });

package/dist/cjs/FileUploader/Preview/Preview.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../../Input/icons.cjs");
 const Preview_styles = require("./Preview.styles.cjs");
 const Button = require("../../Button/Button.cjs");
 const HvFileUploaderPreview = (props) => {
@@ -33,7 +33,7 @@ const HvFileUploaderPreview = (props) => {
         children: [
           children,
           !disableOverlay && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.overlay, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
-            uikitReactIcons.Preview,
+            icons.EyeIcon,
             {
               className: css({
                 position: "absolute",

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../../icons.cjs");
 const setId = require("../../utils/setId.cjs");
 const FilterGroupContext = require("../FilterGroupContext.cjs");
 const FilterContent_styles = require("./FilterContent.styles.cjs");
@@ -72,7 +72,7 @@ const HvFilterGroupContent = React.forwardRef(function HvFilterGroupContent2(pro
   };
   const Header = React.useMemo(
     () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Filters, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Filters" }),
       /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "label", children: labels?.placeholder })
     ] }),
     [labels?.placeholder]

package/dist/cjs/FormElement/Adornment/Adornment.styles.cjs

@@ -3,8 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvAdornment", {
   root: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
     width: 32,
-    height: 30
+    height: 30,
+    flexShrink: 0
   },
   /** @deprecated use `classes.root` */
   icon: {},

package/dist/cjs/FormElement/InfoMessage/InfoMessage.styles.cjs

@@ -5,7 +5,7 @@ const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvInfoMessage", {
   root: { color: uikitStyles.theme.colors.textSubtle, display: "inline-block" },
   infoDisabled: { color: uikitStyles.theme.colors.textDisabled },
-  gutter: { padding: `0 0 6px ${uikitStyles.theme.space.xs}` }
+  gutter: { padding: uikitStyles.theme.spacing(0, 0, "xxs", "xs") }
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;