@hitachivantara/uikit-react-core 5.87.3 → 5.88.0

package/dist/cjs/ActionsGeneric/ActionsGeneric.cjs

@@ -6,9 +6,9 @@ const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const setId = require("../utils/setId.cjs");
 const ActionsGeneric_styles = require("./ActionsGeneric.styles.cjs");
+const DropDownMenu = require("../DropDownMenu/DropDownMenu.cjs");
 const IconButton = require("../IconButton/IconButton.cjs");
 const Button = require("../Button/Button.cjs");
-const DropDownMenu = require("../DropDownMenu/DropDownMenu.cjs");
 const HvActionsGeneric = React.forwardRef(function HvActionsGeneric2(props, ref) {
   const {
     id: idProp,

package/dist/cjs/Banner/BannerContent/BannerContent.cjs

@@ -7,8 +7,8 @@ const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const iconVariant = require("../../utils/iconVariant.cjs");
 const setId = require("../../utils/setId.cjs");
 const BannerContent_styles = require("./BannerContent.styles.cjs");
-const ActionsGeneric = require("../../ActionsGeneric/ActionsGeneric.cjs");
 const Button = require("../../Button/Button.cjs");
+const ActionsGeneric = require("../../ActionsGeneric/ActionsGeneric.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const SnackbarContent__default = /* @__PURE__ */ _interopDefault(SnackbarContent);
 const HvBannerContent = React.forwardRef(

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

@@ -96,7 +96,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvBaseInput
     height: "100%",
     marginLeft: uikitStyles.theme.space.xs,
     marginRight: uikitStyles.theme.space.xs,
-    padding: uikitStyles.theme.spacing("5px", 0),
+    padding: 0,
     backgroundColor: "transparent",
     overflow: "hidden",
     textOverflow: "ellipsis",

package/dist/cjs/BaseInput/validations.cjs

@@ -49,7 +49,7 @@ const computeValidationMessage = (inputValidity, errorMessages) => {
   }
   return errorMessages.error;
 };
-const validateInput = (input, value, required, minCharQuantity, maxCharQuantity, validationType, validation) => {
+const validateInput = (input, required, minCharQuantity, maxCharQuantity, validationType, validation) => {
   const inputValidity = {
     valid: input?.validity?.valid ?? true,
     badInput: input?.validity?.badInput,
@@ -63,6 +63,7 @@ const validateInput = (input, value, required, minCharQuantity, maxCharQuantity,
     typeMismatch: input?.validity?.typeMismatch,
     valueMissing: input?.validity?.valueMissing
   };
+  const value = input?.value;
   if (!value) {
     if (required) {
       inputValidity.valueMissing = true;

package/dist/cjs/ColorPicker/ColorPicker.cjs

@@ -16,8 +16,8 @@ const FormElement = require("../FormElement/FormElement.cjs");
 const Label = require("../FormElement/Label/Label.cjs");
 const InfoMessage = require("../FormElement/InfoMessage/InfoMessage.cjs");
 const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
-const Typography = require("../Typography/Typography.cjs");
 const Panel = require("../Panel/Panel.cjs");
+const Typography = require("../Typography/Typography.cjs");
 const DEFAULT_LABELS = {
   recommendedColorsLabel: "Recommended colors:",
   customColorsLabel: "Custom colors:"

package/dist/cjs/DatePicker/DatePicker.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const utils = require("@mui/material/utils");
+const utils$1 = require("@mui/material/utils");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const utils$3 = require("../Calendar/utils.cjs");
+const utils = require("../Calendar/utils.cjs");
 const useControlled = require("../hooks/useControlled.cjs");
 const useLabels = require("../hooks/useLabels.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
@@ -13,10 +13,10 @@ const setId = require("../utils/setId.cjs");
 const useSavedState = require("../utils/useSavedState.cjs");
 const DatePicker_styles = require("./DatePicker.styles.cjs");
 const useVisibleDate = require("./useVisibleDate.cjs");
-const utils$1 = require("./utils.cjs");
+const utils$2 = require("./utils.cjs");
 const Calendar = require("../Calendar/Calendar.cjs");
 const Button = require("../Button/Button.cjs");
-const utils$2 = require("../FormElement/utils.cjs");
+const utils$3 = require("../FormElement/utils.cjs");
 const FormElement = require("../FormElement/FormElement.cjs");
 const Label = require("../FormElement/Label/Label.cjs");
 const InfoMessage = require("../FormElement/InfoMessage/InfoMessage.cjs");
@@ -65,7 +65,7 @@ const HvDatePicker = React.forwardRef(
       rangeMode = false,
       startAdornment,
       horizontalPlacement = "right",
-      locale = utils$3.DEFAULT_LOCALE,
+      locale = utils.DEFAULT_LOCALE,
       showActions,
       showClear,
       disablePortal = true,
@@ -93,7 +93,7 @@ const HvDatePicker = React.forwardRef(
     const [visibleDate, dispatchAction] = useVisibleDate.default(startDate, endDate);
     const focusTarget = React.useRef(null);
     const { ref: refProp, ...otherDropdownProps } = dropdownProps;
-    const dropdownForkedRef = utils.useForkRef(ref, refProp);
+    const dropdownForkedRef = utils$1.useForkRef(ref, refProp);
     React.useEffect(() => {
       setStartDate(rangeMode ? startValue : value, true);
       setEndDate(endValue, true);
@@ -125,7 +125,7 @@ const HvDatePicker = React.forwardRef(
       setEndDate(endDate ?? startDate, true);
       onChange?.(startDate, endDate);
       setValidationState(() => {
-        if (required && (!utils$3.isDate(startDate) || rangeMode && !utils$3.isDate(endDate))) {
+        if (required && (!utils.isDate(startDate) || rangeMode && !utils.isDate(endDate))) {
           return "invalid";
         }
         return "valid";
@@ -158,7 +158,7 @@ const HvDatePicker = React.forwardRef(
       focusTarget.current?.focus();
     };
     const handleDateChange = (event, newDate) => {
-      if (!utils$3.isDate(newDate)) return;
+      if (!utils.isDate(newDate)) return;
       const autoSave = !showActions && !rangeMode;
       if (rangeMode) {
         if (!startDate || startDate && endDate || newDate < startDate) {
@@ -173,7 +173,7 @@ const HvDatePicker = React.forwardRef(
       if (autoSave) {
         onChange?.(newDate);
         setValidationState(() => {
-          if (required && !utils$3.isDate(newDate)) {
+          if (required && !utils.isDate(newDate)) {
             return "invalid";
           }
           return "valid";
@@ -182,7 +182,7 @@ const HvDatePicker = React.forwardRef(
       }
     };
     const handleInputDateChange = (event, newDate, position) => {
-      if (!utils$3.isDate(newDate)) return;
+      if (!utils.isDate(newDate)) return;
       if (!rangeMode) {
         handleDateChange(event, newDate);
         return;
@@ -232,11 +232,11 @@ const HvDatePicker = React.forwardRef(
       ] })
     ] });
     const dateValue = rangeMode ? { startDate, endDate } : startDate;
-    const dateString = utils$1.getDateLabel(dateValue, rangeMode, locale);
+    const dateString = utils$2.getDateLabel(dateValue, rangeMode, locale);
     const hasLabel = label != null;
     const hasDescription = description != null;
     const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
-    const isStateInvalid = utils$2.isInvalid(validationState);
+    const isStateInvalid = utils$3.isInvalid(validationState);
     let errorMessageId;
     if (isStateInvalid) {
       errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;

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

@@ -12,8 +12,8 @@ const RightPanel = require("../RightPanel/RightPanel.cjs");
 const Button = require("../../Button/Button.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const BaseDropdown = require("../../BaseDropdown/BaseDropdown.cjs");
-const Counter = require("../Counter/Counter.cjs");
 const ActionBar = require("../../ActionBar/ActionBar.cjs");
+const Counter = require("../Counter/Counter.cjs");
 const HvFilterGroupContent = React.forwardRef(function HvFilterGroupContent2(props, ref) {
   const {
     id,

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

@@ -6,68 +6,47 @@ const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const context = require("../context.cjs");
 const Adornment_styles = require("./Adornment.styles.cjs");
 const ButtonBase = require("../../ButtonBase/ButtonBase.cjs");
-const noop = () => {
-};
 const HvAdornment = React.forwardRef(function HvAdornment2(props, ref) {
   const {
-    id,
     classes: classesProp,
     className,
     icon,
     showWhen,
     onClick,
     isVisible,
+    tabIndex,
     ...others
   } = uikitReactUtils.useDefaultProps("HvAdornment", props);
   const { classes, cx } = Adornment_styles.useClasses(classesProp);
   const { status, disabled } = React.useContext(context.HvFormElementContext);
   const { input } = React.useContext(context.HvFormElementDescriptorsContext);
   const displayIcon = isVisible ?? (showWhen == null || status === showWhen);
-  const isClickable = !!onClick;
-  return isClickable ? /* @__PURE__ */ jsxRuntime.jsx(
-    ButtonBase.HvButtonBase,
+  const Component = onClick ? ButtonBase.HvButtonBase : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
     {
-      id,
-      focusableWhenDisabled: true,
       ref,
-      type: "button",
-      tabIndex: -1,
-      "aria-controls": input?.[0]?.id,
+      "aria-hidden": tabIndex == null || tabIndex < 0 ? true : void 0,
       className: cx(
         classes.root,
         classes.adornment,
-        classes.adornmentButton,
+        classes.icon,
+        onClick ? classes.adornmentButton : classes.adornmentIcon,
         {
           [classes.hideIcon]: !displayIcon,
           [classes.disabled]: disabled
         },
         className
       ),
-      onClick,
-      onMouseDown: (event) => event.preventDefault(),
-      onKeyDown: noop,
-      disabled,
+      ...onClick && {
+        disabled,
+        tabIndex: tabIndex ?? -1,
+        "aria-controls": input?.[0]?.id,
+        onClick,
+        onMouseDown: (event) => event.preventDefault()
+      },
       ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.icon, children: icon })
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      id,
-      ref,
-      className: cx(
-        classes.root,
-        classes.adornment,
-        classes.adornmentIcon,
-        {
-          [classes.hideIcon]: !displayIcon,
-          [classes.disabled]: disabled
-        },
-        className
-      ),
-      role: "presentation",
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.icon, children: icon })
+      children: icon
     }
   );
 });

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

@@ -2,27 +2,21 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const focusUtils = require("../../utils/focusUtils.cjs");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvAdornment", {
-  root: {},
-  icon: { width: 32, height: 32 },
-  adornment: {
-    backgroundColor: "transparent",
-    border: "none",
-    padding: 0,
-    margin: 0
+  root: {
+    width: 32,
+    height: 30
   },
-  adornmentIcon: { cursor: "default", pointerEvents: "none" },
+  /** @deprecated use `classes.root` */
+  icon: {},
+  /** @deprecated use `classes.root` */
+  adornment: {},
+  /** @deprecated use `classes.root` */
+  adornmentIcon: {},
   hideIcon: { display: "none" },
-  adornmentButton: {
-    cursor: "pointer",
-    "&:focus": {
-      ...focusUtils.outlineStyles
-    }
-  },
+  /** @deprecated use `classes.root` */
+  adornmentButton: {},
   disabled: {
-    "&$adornmentButton": { cursor: "not-allowed" },
-    "&$adornmentIcon": { cursor: "not-allowed" },
     "& svg *.color0": { fill: uikitStyles.theme.colors.secondary_60 }
   }
 });

package/dist/cjs/Input/Input.cjs

@@ -54,7 +54,7 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
     id,
     name,
     value: valueProp,
-    defaultValue = "",
+    defaultValue,
     required,
     readOnly,
     disabled,
@@ -99,8 +99,7 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
   const suggestionsRef = React.useRef(null);
   const [focused, setFocused] = React.useState(false);
   const isDirty = React.useRef(false);
-  const [value, setValue] = useControlled.useControlled(valueProp, defaultValue);
-  const isEmptyValue = value == null || value === "";
+  const isEmptyValue = !inputRef.current?.value;
   const [validationState, setValidationState] = useControlled.useControlled(
     status,
     utils$1.validationStates.standBy
@@ -124,7 +123,6 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
   const performValidation = React.useCallback(() => {
     const inputValidity = validations.validateInput(
       inputRef.current,
-      String(value),
       required,
       minCharQuantity,
       maxCharQuantity,
@@ -145,8 +143,7 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
     setValidationMessage,
     setValidationState,
     validation,
-    validationType,
-    value
+    validationType
   ]);
   const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && validations.hasBuiltInValidations(
     required,
@@ -200,7 +197,6 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
   };
   const onChangeHandler = (event, newValue) => {
     isDirty.current = true;
-    setValue(newValue);
     onChange?.(event, newValue);
     if (canShowSuggestions) {
       suggestionHandler(newValue);
@@ -210,12 +206,12 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
     if (eventTargetIsInsideContainer(suggestionsRef.current, event)) return;
     setFocused(false);
     const inputValidity = performValidation();
-    onBlur?.(event, String(value), inputValidity);
+    onBlur?.(event, event.target.value, inputValidity);
   };
   const onFocusHandler = (event) => {
     setFocused(true);
     setValidationState(utils$1.validationStates.standBy);
-    onFocus?.(event, String(value));
+    onFocus?.(event, event.target.value);
   };
   const getSuggestions = (li) => {
     const listEl = document.getElementById(
@@ -232,13 +228,14 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
     }
   };
   const onKeyDownHandler = (event) => {
+    const { value } = event.currentTarget;
     if (keyboardUtils.isKey(event, "ArrowDown") && hasSuggestions) {
       const li = getSuggestions(0);
       li?.focus();
     } else if (keyboardUtils.isKey(event, "Enter")) {
-      onEnter?.(event, String(value));
+      onEnter?.(event, value);
     }
-    onKeyDown?.(event, String(value));
+    onKeyDown?.(event, value);
   };
   const onContainerBlurHandler = (event) => {
     if (event.relatedTarget) {
@@ -248,8 +245,7 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
       }, 10);
     }
   };
-  const hasOnEnter = onEnter != null;
-  const showClear = !disabled && !readOnly && !disableClear && !isEmptyValue && (!hasOnEnter || type !== "search" || disableSearchButton || validationState !== utils$1.validationStates.standBy);
+  const showClear = !disabled && !readOnly && !disableClear && !isEmptyValue && (!onEnter || type !== "search" || disableSearchButton || validationState !== utils$1.validationStates.standBy);
   const showSearchIcon = type === "search" && !disableSearchButton;
   const showRevealPasswordButton = type === "password" && !disableRevealPassword;
   const handleClear = React.useCallback(
@@ -289,42 +285,27 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
     elementId,
     cx
   ]);
-  const handleSearch = React.useCallback(
-    (event) => {
-      onEnter?.(event, String(value));
-    },
-    [onEnter, value]
-  );
   const searchButton = React.useMemo(() => {
-    const reallyShowIt = showSearchIcon && (isEmptyValue || hasOnEnter && validationState === utils$1.validationStates.standBy);
-    if (!reallyShowIt) {
-      return null;
-    }
+    const reallyShowIt = showSearchIcon && (isEmptyValue || onEnter && validationState === utils$1.validationStates.standBy);
+    if (!reallyShowIt) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
       Adornment.HvAdornment,
       {
         className: classes.adornmentButton,
-        onClick: hasOnEnter ? handleSearch : void 0,
-        "aria-label": labels?.searchButtonLabel,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Search, {})
+        onClick: onEnter && ((evt) => onEnter?.(evt, inputRef.current?.value ?? "")),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Search, { title: labels.searchButtonLabel })
       }
     );
   }, [
     showSearchIcon,
     isEmptyValue,
-    hasOnEnter,
+    onEnter,
     validationState,
     classes.adornmentButton,
-    handleSearch,
-    labels?.searchButtonLabel
+    labels.searchButtonLabel
   ]);
-  const handleRevealPassword = React.useCallback(() => {
-    setRevealPassword(!revealPassword);
-  }, [revealPassword]);
   const revealPasswordButton = React.useMemo(() => {
-    if (!showRevealPasswordButton) {
-      return null;
-    }
+    if (!showRevealPasswordButton) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
       Tooltip.HvTooltip,
       {
@@ -335,10 +316,12 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
           Adornment.HvAdornment,
           {
             className: classes.adornmentButton,
-            onClick: handleRevealPassword,
+            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: revealPassword ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.PreviewOff, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Preview, {}),
+            tabIndex: 0,
+            ...{ selected: revealPassword }
           }
         )
       }
@@ -350,28 +333,23 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
     labels?.revealPasswordButtonClickToShowTooltip,
     labels?.revealPasswordButtonLabel,
     classes.adornmentButton,
-    handleRevealPassword,
     elementId
   ]);
   const validationIcon = React.useMemo(() => {
-    if (!showValidationIcon) {
-      return null;
-    }
-    if (!utils$1.isValid(validationState)) {
-      return null;
-    }
+    if (!showValidationIcon) return null;
+    if (!utils$1.isValid(validationState)) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Success, { color: "positive", className: classes.icon });
   }, [showValidationIcon, validationState, classes.icon]);
   const customIconEl = React.useMemo(
-    () => React.isValidElement(endAdornment) && React.cloneElement(endAdornment, {
+    () => 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)
       return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.adornmentsBox, "aria-hidden": "true", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.adornmentsBox, children: [
       clearButton,
       revealPasswordButton,
       searchButton,
@@ -435,7 +413,8 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
           {
             id: hasLabel || showClear || showRevealPasswordButton ? setId.setId(elementId, "input") : setId.setId(id, "input"),
             name,
-            value,
+            value: valueProp,
+            defaultValue,
             required,
             readOnly,
             disabled,
@@ -461,13 +440,12 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
               "aria-errormessage": errorMessageId,
               "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description ? setId.setId(elementId, "description") : void 0,
               "aria-controls": canShowSuggestions ? setId.setId(elementId, "suggestions") : void 0,
-              ref: inputRef,
               // prevent browsers auto-fill/suggestions when we have our own
               autoComplete: canShowSuggestions ? "off" : void 0,
               onFocus: (event) => {
                 inputProps.onFocus?.(event);
                 if (canShowSuggestions && suggestOnFocus) {
-                  suggestionHandler(String(value));
+                  suggestionHandler(event.currentTarget.value);
                 }
               },
               onClick: (event) => {
@@ -476,7 +454,7 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
               },
               ...inputProps
             },
-            inputRef: forkedRef,
+            ref: forkedRef,
             endAdornment: adornments,
             ...others
           }

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

@@ -13,6 +13,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvInput", {
     display: "flex",
     flexDirection: "row",
     height: "30px",
+    alignItems: "center",
     justifyContent: "center",
     marginRight: 1
   },

package/dist/cjs/List/List.cjs

@@ -11,9 +11,9 @@ const List_styles = require("./List.styles.cjs");
 const useSelectableList = require("./useSelectableList.cjs");
 const utils = require("./utils.cjs");
 const CheckBox = require("../CheckBox/CheckBox.cjs");
+const Radio = require("../Radio/Radio.cjs");
 const OverflowTooltip = require("../OverflowTooltip/OverflowTooltip.cjs");
 const Link = require("../Link/Link.cjs");
-const Radio = require("../Radio/Radio.cjs");
 const ListContainer = require("../ListContainer/ListContainer.cjs");
 const ListItem = require("../ListContainer/ListItem/ListItem.cjs");
 const DEFAULT_LABELS = {

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

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

package/dist/cjs/Pagination/Select.cjs

@@ -4,10 +4,10 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const Select_styles = require("./Select.styles.cjs");
-const ListItem = require("../ListContainer/ListItem/ListItem.cjs");
 const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
 const Panel = require("../Panel/Panel.cjs");
 const SelectionList = require("../SelectionList/SelectionList.cjs");
+const ListItem = require("../ListContainer/ListItem/ListItem.cjs");
 const Option = ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, { ...props });
 const HvSelect = (props) => {
   const {

package/dist/cjs/Table/TableBody/TableBody.cjs

@@ -10,7 +10,7 @@ const TableBody_styles = require("./TableBody.styles.cjs");
 const Focus = require("../../Focus/Focus.cjs");
 const tableSectionContext = {
   type: "body",
-  filterClassName: "_grid"
+  filterClassName: "_trgrid"
 };
 const defaultComponent = "tbody";
 const HvTableBody = React.forwardRef(
@@ -36,22 +36,21 @@ const HvTableBody = React.forwardRef(
         role: Component === defaultComponent ? null : "rowgroup",
         ...others,
         children: withNavigation ? React.Children.map(children, (element) => {
-          if (React.isValidElement(element)) {
-            return /* @__PURE__ */ jsxRuntime.jsx(
-              Focus.HvFocus,
-              {
-                id: `my-id-${element.key}`,
-                rootRef: bodyRef,
-                strategy: "grid",
-                filterClass: tableSectionContext.filterClassName,
-                navigationJump: 1,
-                focusDisabled: false,
-                selected: element.props.selected,
-                children: element
-              },
-              `row-${element.key}`
-            );
-          }
+          if (!React.isValidElement(element)) return void 0;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            Focus.HvFocus,
+            {
+              id: `my-id-${element.key}`,
+              rootRef: bodyRef,
+              strategy: "grid",
+              filterClass: tableSectionContext.filterClassName,
+              navigationJump: 1,
+              focusDisabled: false,
+              selected: element.props.selected,
+              children: element
+            },
+            `row-${element.key}`
+          );
         }) : children
       }
     ) });

package/dist/cjs/TableSection/TableSection.styles.cjs

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const TableContainer_styles = require("../Table/TableContainer/TableContainer.styles.cjs");
-require("../Table/TableContainer/TableContainer.cjs");
-const TableHeader_styles = require("../Table/TableHeader/TableHeader.styles.cjs");
-require("../Table/TableHeader/TableHeader.cjs");
-const TableRow_styles = require("../Table/TableRow/TableRow.styles.cjs");
-require("../Table/TableRow/TableRow.cjs");
-const TableCell_styles = require("../Table/TableCell/TableCell.styles.cjs");
-require("../Table/TableCell/TableCell.cjs");
-const BulkActions_styles = require("../BulkActions/BulkActions.styles.cjs");
-require("../BulkActions/BulkActions.cjs");
 const Pagination_styles = require("../Pagination/Pagination.styles.cjs");
 require("../Pagination/Pagination.cjs");
+const BulkActions_styles = require("../BulkActions/BulkActions.styles.cjs");
+require("../BulkActions/BulkActions.cjs");
+const TableCell_styles = require("../Table/TableCell/TableCell.styles.cjs");
+require("../Table/TableCell/TableCell.cjs");
+const TableRow_styles = require("../Table/TableRow/TableRow.styles.cjs");
+require("../Table/TableRow/TableRow.cjs");
+const TableHeader_styles = require("../Table/TableHeader/TableHeader.styles.cjs");
+require("../Table/TableHeader/TableHeader.cjs");
+const TableContainer_styles = require("../Table/TableContainer/TableContainer.styles.cjs");
+require("../Table/TableContainer/TableContainer.cjs");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableSection", {
   root: {},
   header: {

package/dist/cjs/Tag/Tag.cjs

@@ -110,7 +110,7 @@ const HvTag = React.forwardRef(function HvTag2(props, ref) {
             children: label
           }
         ),
-        onDelete && deleteIcon
+        onDelete && !disabled && deleteIcon
       ]
     }
   );