@hitachivantara/uikit-react-core 5.91.2 → 5.92.0

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/Dropdown/List/List.cjs

@@ -5,6 +5,7 @@ const React = require("react");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const context = require("../../BaseDropdown/context.cjs");
+const CounterLabel = require("../../utils/CounterLabel.cjs");
 const setId = require("../../utils/setId.cjs");
 const utils = require("../utils.cjs");
 const List_styles = require("./List.styles.cjs");
@@ -12,7 +13,6 @@ const ActionBar = require("../../ActionBar/ActionBar.cjs");
 const Button = require("../../Button/Button.cjs");
 const List = require("../../List/List.cjs");
 const Input = require("../../Input/Input.cjs");
-const Typography = require("../../Typography/Typography.cjs");
 const CheckBox = require("../../CheckBox/CheckBox.cjs");
 const clone = (values) => values.map((value) => ({ ...value }));
 const cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));
@@ -111,30 +111,24 @@ const HvDropdownList = (props) => {
     updateSelectAll(newList);
   };
   const renderSelectAll = () => {
-    const selectAll = labels?.selectAll;
-    const multiSelectionConjunction = labels?.multiSelectionConjunction;
-    const nbrSelected = utils.getSelected(list).length;
-    const defaultLabel = /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", children: nbrSelected > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("b", { children: nbrSelected }),
-      ` ${multiSelectionConjunction} ${list.length}`
-    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("b", { children: selectAll }),
-      ` (${list.length})`
-    ] }) });
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.selectAllContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       CheckBox.HvCheckBox,
       {
         id: setId.setId(id, "select-all"),
-        label: defaultLabel,
-        onChange: () => handleSelectAll(),
-        classes: {
-          container: classes.selection
-        },
+        label: /* @__PURE__ */ jsxRuntime.jsx(
+          CounterLabel.CounterLabel,
+          {
+            selected: utils.getSelected(list).length,
+            total: list.length,
+            conjunctionLabel: labels?.multiSelectionConjunction
+          }
+        ),
+        onChange: handleSelectAll,
         className: classes.selectAll,
         indeterminate: anySelected && !allSelected,
         checked: allSelected
       }
-    ) });
+    );
   };
   const onSelection = (listValues) => {
     if (!multiSelect) {

package/dist/cjs/Dropdown/List/List.styles.cjs

@@ -20,8 +20,6 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDropdownL
   searchContainer: { marginBottom: uikitStyles.theme.space.xs },
   listBorderDown: {},
   listContainer: { padding: uikitStyles.theme.space.sm },
-  selectAllContainer: {},
-  selection: {},
   selectAll: {}
 });
 exports.staticClasses = staticClasses;

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;

package/dist/cjs/FormElement/Label/Label.styles.cjs

@@ -5,7 +5,7 @@ const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvLabel", {
   root: { fontWeight: uikitStyles.theme.fontWeights.normal, display: "inline-block" },
   labelDisabled: { color: uikitStyles.theme.colors.textDisabled },
-  childGutter: { paddingBottom: 4 }
+  childGutter: { paddingBottom: uikitStyles.theme.space.xxs }
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;

package/dist/cjs/FormElement/Suggestions/Suggestions.cjs

@@ -18,10 +18,10 @@ const HvSuggestions = React.forwardRef(function HvSuggestions2(props, extRef) {
     className,
     classes: classesProp,
     expanded = false,
-    enablePortal = false,
+    enablePortal,
     open: openProp,
     anchorEl,
-    suggestionValues = [],
+    suggestionValues,
     onClose,
     onSuggestionSelected,
     popperProps,

package/dist/cjs/FormElement/WarningText/WarningText.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 context = require("../context.cjs");
 const WarningText_styles = require("./WarningText.styles.cjs");
@@ -28,7 +28,7 @@ const HvWarningText = (props) => {
   const visible = isVisibleProp ?? context$1.status === "invalid";
   const id = idProp ?? setId.setId(context$1.id, "error");
   const showWarning = visible && !disabled;
-  const adornment = adornmentProp || /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fail, { size: "xs", className: classes.defaultIcon });
+  const adornment = adornmentProp || /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Fail", size: "xs", className: classes.defaultIcon });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {

package/dist/cjs/FormElement/WarningText/WarningText.styles.cjs

@@ -7,7 +7,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvWarningTe
     display: "none",
     color: uikitStyles.theme.form.errorColor
   },
-  defaultIcon: { minWidth: "24px", width: "24px", height: "24px" },
+  defaultIcon: { margin: 6 },
   warningText: {
     ...uikitStyles.theme.typography.caption1,
     color: "inherit",

package/dist/cjs/InlineEditor/InlineEditor.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 useControlled = require("../hooks/useControlled.cjs");
 const useEnhancedEffect = require("../hooks/useEnhancedEffect.cjs");
+const icons = require("../icons.cjs");
 const generic = require("../types/generic.cjs");
 const keyboardUtils = require("../utils/keyboardUtils.cjs");
 const InlineEditor_styles = require("./InlineEditor.styles.cjs");
@@ -100,8 +100,9 @@ const HvInlineEditor = generic.fixedForwardRef(function HvInlineEditor2(props, r
     {
       variant: "secondaryGhost",
       endIcon: /* @__PURE__ */ jsxRuntime.jsx(
-        uikitReactIcons.Edit,
+        icons.HvIcon,
         {
+          name: "Edit",
           color: "textDisabled",
           className: cx(classes.icon, {
             [classes.iconVisible]: showIcon

package/dist/cjs/Input/Input.cjs

@@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const utils = require("@mui/material/utils");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const validations = require("../BaseInput/validations.cjs");
 const Suggestions = require("../FormElement/Suggestions/Suggestions.cjs");
@@ -11,9 +10,11 @@ const useControlled = require("../hooks/useControlled.cjs");
 const useIsMounted = require("../hooks/useIsMounted.cjs");
 const useLabels = require("../hooks/useLabels.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
+const icons = require("../icons.cjs");
 const generic = require("../types/generic.cjs");
 const keyboardUtils = require("../utils/keyboardUtils.cjs");
 const setId = require("../utils/setId.cjs");
+const icons$1 = require("./icons.cjs");
 const Input_styles = require("./Input.styles.cjs");
 const Adornment = require("../FormElement/Adornment/Adornment.cjs");
 const utils$1 = require("../FormElement/utils.cjs");
@@ -26,7 +27,7 @@ const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const DEFAULT_LABELS = {
   /** The label of the clear button. */
   clearButtonLabel: "Clear the text",
-  /** The label of the reveal password button. */
+  /** The label of the reveal password button. @deprecated unused */
   revealPasswordButtonLabel: "Reveal password",
   /** The tooltip of the reveal password button when the password is hidden. */
   revealPasswordButtonClickToShowTooltip: "Click to show password.",
@@ -58,8 +59,8 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
     required,
     readOnly,
     disabled,
-    enablePortal = false,
-    suggestOnFocus = false,
+    enablePortal,
+    suggestOnFocus,
     label,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
@@ -72,17 +73,17 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
     "aria-errormessage": ariaErrorMessage,
     type = "text",
     placeholder,
-    autoFocus = false,
+    autoFocus,
     labels: labelsProp,
     validationMessages,
-    disableClear = false,
-    disableRevealPassword = false,
-    disableSearchButton = false,
+    disableClear,
+    disableRevealPassword,
+    disableSearchButton,
     endAdornment,
     maxCharQuantity,
     minCharQuantity,
     validation,
-    showValidationIcon = false,
+    showValidationIcon,
     suggestionListCallback,
     inputRef: inputRefProp,
     onBlur,
@@ -272,7 +273,7 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
         onClick: handleClear,
         "aria-label": labels?.clearButtonLabel,
         "aria-controls": setId.setId(elementId, "input"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.CloseXS, {})
+        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { compact: true, name: "Close", size: "xs" })
       }
     );
   }, [
@@ -293,7 +294,7 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
       {
         className: classes.adornmentButton,
         onClick: onEnter && ((evt) => onEnter?.(evt, inputRef.current?.value ?? "")),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Search, { title: labels.searchButtonLabel })
+        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { compact: true, name: "Search", title: labels.searchButtonLabel })
       }
     );
   }, [
@@ -309,17 +310,14 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       Tooltip.HvTooltip,
       {
-        disableFocusListener: true,
-        disableTouchListener: true,
         title: revealPassword ? labels?.revealPasswordButtonClickToHideTooltip : labels?.revealPasswordButtonClickToShowTooltip,
         children: /* @__PURE__ */ jsxRuntime.jsx(
           Adornment.HvAdornment,
           {
             className: classes.adornmentButton,
             onClick: () => setRevealPassword((s) => !s),
-            "aria-label": labels?.revealPasswordButtonLabel,
             "aria-controls": setId.setId(elementId, "input"),
-            icon: revealPassword ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.PreviewOff, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Preview, {}),
+            icon: /* @__PURE__ */ jsxRuntime.jsx(icons$1.EyeIcon, { selected: revealPassword }),
             tabIndex: 0,
             ...{ selected: revealPassword }
           }
@@ -331,34 +329,27 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
     revealPassword,
     labels?.revealPasswordButtonClickToHideTooltip,
     labels?.revealPasswordButtonClickToShowTooltip,
-    labels?.revealPasswordButtonLabel,
     classes.adornmentButton,
     elementId
   ]);
   const validationIcon = React.useMemo(() => {
     if (!showValidationIcon) return null;
     if (!utils$1.isValid(validationState)) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Success, { color: "positive", className: classes.icon });
+    return /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Success", color: "positive", className: classes.icon });
   }, [showValidationIcon, validationState, classes.icon]);
-  const customIconEl = React.useMemo(
-    () => React.isValidElement(endAdornment) ? React.cloneElement(endAdornment, {
-      className: cx(endAdornment.props.className, classes.icon)
-    }) : endAdornment,
-    [classes.icon, endAdornment, cx]
-  );
   const adornments = React.useMemo(() => {
-    if (!clearButton && !revealPasswordButton && !searchButton && !validationIcon && !customIconEl)
+    if (!clearButton && !revealPasswordButton && !searchButton && !validationIcon && !endAdornment)
       return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.adornmentsBox, children: [
       clearButton,
       revealPasswordButton,
       searchButton,
-      validationIcon || customIconEl
+      validationIcon || endAdornment
     ] });
   }, [
     classes.adornmentsBox,
     clearButton,
-    customIconEl,
+    endAdornment,
     revealPasswordButton,
     searchButton,
     validationIcon

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

@@ -6,22 +6,26 @@ const Suggestions_styles = require("../FormElement/Suggestions/Suggestions.style
 require("../FormElement/Suggestions/Suggestions.cjs");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvInput", {
   root: { display: "block" },
-  labelContainer: { display: "flex", alignItems: "flex-start" },
+  labelContainer: {
+    display: "flex",
+    alignItems: "flex-start",
+    paddingBottom: 2
+  },
   label: {},
   description: {},
   adornmentsBox: {
     display: "flex",
     flexDirection: "row",
     height: "30px",
+    alignSelf: "center",
     alignItems: "center",
     justifyContent: "center",
-    marginRight: 1
+    borderRadius: "inherit",
+    flexShrink: 0
   },
-  icon: { width: "30px", height: "30px" },
+  icon: {},
   adornmentButton: {
-    ":focus-visible,:hover": {
-      backgroundColor: "transparent"
-    }
+    borderRadius: "inherit"
   },
   iconClear: { display: "none" },
   hasSuggestions: {},

package/dist/cjs/Input/icons.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const icons = require("../icons.cjs");
+const EyeIcon = ({
+  selected,
+  ...others
+}) => /* @__PURE__ */ jsxRuntime.jsxs(icons.SvgBase, { viewBox: "0 0 16 16", ...others, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 8a3 3 0 1 1-3-3 3 3 0 0 1 3 3m5 0s-3.58 6-8 6-8-6-8-6 4-6 8-6 8 6 8 6m-1.2.03a22 22 0 0 0-2-2.32C11.01 3.94 9.35 3 8 3s-3 .93-4.77 2.68a22 22 0 0 0-2.02 2.35 18 18 0 0 0 1.85 2.28C4.25 11.53 6.08 13 8 13s3.73-1.45 4.91-2.67a18 18 0 0 0 1.88-2.3z" }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "rect",
+    {
+      style: { transition: "width 0.2s ease" },
+      width: selected ? 20 : 0,
+      height: 1,
+      x: -2,
+      y: 8,
+      transform: "translate(-4 8) rotate(-45)"
+    }
+  )
+] });
+exports.EyeIcon = EyeIcon;

package/dist/cjs/List/List.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const reactWindow = require("react-window");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../icons.cjs");
 const CounterLabel = require("../utils/CounterLabel.cjs");
 const setId = require("../utils/setId.cjs");
 const List_styles = require("./List.styles.cjs");
@@ -153,7 +153,7 @@ const HvList = (props) => {
         selected: multiSelect || selected ? selected : void 0,
         onClick: (evt) => handleSelect(evt, item),
         startAdornment,
-        endAdornment: item.showNavIcon && /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, { className: classes.box, iconSize: "XS" }),
+        endAdornment: item.showNavIcon && /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "CaretRight", className: classes.box, size: "xs" }),
         ...otherProps,
         children: renderSelectItem(item, itemId)
       },

package/dist/cjs/Pagination/Pagination.cjs

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-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 setId = require("../utils/setId.cjs");
 const Pagination_styles = require("./Pagination.styles.cjs");
 const Select = require("./Select.cjs");
@@ -151,7 +151,7 @@ const HvPagination = React.forwardRef(function HvPagination2(props, ref) {
           disabled: !canPrevious,
           onClick: () => changePage(0),
           title: labels?.firstPage || labels?.paginationFirstPageTitle,
-          children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Start, { className: classes.icon, iconSize: "XS" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Start", className: classes.icon, size: "xs" })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -162,7 +162,7 @@ const HvPagination = React.forwardRef(function HvPagination2(props, ref) {
           disabled: !canPrevious,
           onClick: () => changePage(page - 1),
           title: labels?.previousPage || labels?.paginationPreviousPageTitle,
-          children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, { className: classes.icon, iconSize: "XS" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Backwards", className: classes.icon, size: "xs" })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.pageInfo, children: [
@@ -186,7 +186,7 @@ const HvPagination = React.forwardRef(function HvPagination2(props, ref) {
           disabled: !canNext,
           onClick: () => changePage(page + 1),
           title: labels?.nextPage || labels?.paginationNextPageTitle,
-          children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, { className: classes.icon, iconSize: "XS" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Forwards", className: classes.icon, size: "xs" })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -197,7 +197,7 @@ const HvPagination = React.forwardRef(function HvPagination2(props, ref) {
           disabled: !canNext,
           onClick: () => changePage(pages - 1),
           title: labels?.lastPage || labels?.paginationLastPageTitle,
-          children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.End, { className: classes.icon, iconSize: "XS" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "End", className: classes.icon, size: "xs" })
         }
       )
     ] })

package/dist/cjs/QueryBuilder/Rule/Rule.cjs

@@ -4,8 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const styles = require("@mui/material/styles");
 const useMediaQuery = require("@mui/material/useMediaQuery");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../../icons.cjs");
 const Context = require("../Context.cjs");
 const Rule_styles = require("./Rule.styles.cjs");
 const Grid = require("../../Grid/Grid.cjs");
@@ -95,7 +95,7 @@ const Rule = (props) => {
               dialog: labels.rule.delete
             }),
             disabled: readOnly,
-            children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Delete, {})
+            children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Delete" })
           }
         ) })
       ]