@hitachivantara/uikit-react-core 5.87.3 → 5.89.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,
@@ -64,8 +64,7 @@ const HvActionsGeneric = React.forwardRef(function HvActionsGeneric2(props, ref)
   const renderActionsGrid = () => {
     const actsVisible = actions.slice(0, maxVisibleActions);
     const actsDropdown = actions.slice(maxVisibleActions);
-    const semantic = variant === "semantic";
-    const iconColor = disabled && "secondary_60" || semantic && "base_dark" || void 0;
+    const iconColor = variant === "semantic" && "base_dark" || void 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       actsVisible.map((action, idx) => renderButton(action, idx)),
       /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -26,7 +26,6 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses(
       borderLeft: `solid 2px ${uikitStyles.theme.colors.secondary}`,
       cursor: "pointer",
       textDecoration: "inherit",
-      color: "inherit",
       backgroundColor: "inherit",
       "$disabled &": {
         cursor: "not-allowed"
@@ -38,7 +37,8 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses(
       textAlign: "left",
       margin: `0 ${uikitStyles.theme.space.xs}`,
       textWrap: "balance",
-      ...uikitStyles.theme.typography.label
+      ...uikitStyles.theme.typography.label,
+      color: "inherit"
     },
     titleAnchor: {
       WebkitLineClamp: 2

package/dist/cjs/Banner/Banner.cjs

@@ -19,17 +19,17 @@ const HvBanner = React.forwardRef(function HvBanner2(props, ref) {
     open,
     onClose,
     anchorOrigin = "top",
-    variant = "default",
+    variant,
     transitionDuration = 300,
     transitionDirection = "down",
     container,
-    showIcon = false,
+    showIcon,
     customIcon,
     actions,
     actionsCallback,
     // TODO - remove in v6
     onAction,
-    actionsPosition = "auto",
+    actionsPosition,
     label,
     offset = 60,
     bannerContentProps,
@@ -72,7 +72,6 @@ const HvBanner = React.forwardRef(function HvBanner2(props, ref) {
         BannerContent.HvBannerContent,
         {
           id: setId.setId(id, "content"),
-          content: label,
           variant,
           customIcon,
           showIcon,
@@ -81,7 +80,8 @@ const HvBanner = React.forwardRef(function HvBanner2(props, ref) {
           onAction,
           actionsPosition,
           onClose,
-          ...bannerContentProps
+          ...bannerContentProps,
+          children: label
         }
       )
     }

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

@@ -2,107 +2,69 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const SnackbarContent = require("@mui/material/SnackbarContent");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const iconVariant = require("../../utils/iconVariant.cjs");
-const setId = require("../../utils/setId.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const Callout = require("../../utils/Callout.cjs");
 const BannerContent_styles = require("./BannerContent.styles.cjs");
-const ActionsGeneric = require("../../ActionsGeneric/ActionsGeneric.cjs");
-const Button = require("../../Button/Button.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const SnackbarContent__default = /* @__PURE__ */ _interopDefault(SnackbarContent);
-const HvBannerContent = React.forwardRef(
-  function HvBannerContent2(props, ref) {
-    const {
+const HvBannerContent = React.forwardRef(function HvBannerContent2(props, ref) {
+  const {
+    id,
+    classes: classesProp,
+    className,
+    showIcon,
+    customIcon,
+    variant = "default",
+    onClose,
+    actions,
+    actionsCallback,
+    // TODO - remove in v6
+    onAction,
+    actionsPosition = "auto",
+    content,
+    children,
+    actionProps,
+    ...others
+  } = uikitReactUtils.useDefaultProps("HvBannerContent", props);
+  const { classes, cx } = BannerContent_styles.useClasses(classesProp);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Callout.HvCallout,
+    {
+      ref,
       id,
-      classes: classesProp,
-      className,
-      showIcon = false,
+      variant,
+      showClose: true,
+      showIcon,
       customIcon,
-      variant = "default",
-      onClose,
+      classes: {
+        root: cx(
+          classes.root,
+          classes.outContainer,
+          classes.baseVariant,
+          classes[variant],
+          className
+        ),
+        message: classes.message,
+        action: classes.action,
+        messageIcon: classes.iconContainer,
+        messageContent: classes.messageContainer,
+        actionCustom: classes.messageActions,
+        actionContent: cx(
+          classes.actionContainer,
+          classes.actionsInnerContainer
+        ),
+        actionClose: classes.closeAction
+      },
       actions,
-      actionsCallback,
-      // TODO - remove in v6
-      onAction,
-      actionsPosition = "auto",
-      content,
-      children,
+      actionsPosition,
       actionProps,
-      ...others
-    } = props;
-    const { classes, cx } = BannerContent_styles.useClasses(classesProp);
-    const icon = customIcon || showIcon && iconVariant.iconVariant(variant, "base_dark");
-    const effectiveActionsPosition = actionsPosition === "auto" ? "inline" : actionsPosition;
-    const handleAction = (evt, action) => {
-      onAction?.(evt, action);
-      actionsCallback?.(evt, id, action);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.outContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-      SnackbarContent__default.default,
-      {
-        ref,
-        id,
-        classes: {
-          root: classes.root,
-          message: classes.message,
-          action: classes.action
-        },
-        className: cx(classes.baseVariant, classes[variant], className),
-        message: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.iconContainer, children: icon }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              id: setId.setId(id, "message-text"),
-              className: classes.messageContainer,
-              children: children ?? content
-            }
-          ),
-          actions && effectiveActionsPosition === "inline" && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              id: setId.setId(id, "message-actions"),
-              className: classes.messageActions,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                ActionsGeneric.HvActionsGeneric,
-                {
-                  id,
-                  variant: "semantic",
-                  actions,
-                  onAction: handleAction
-                }
-              )
-            }
-          )
-        ] }),
-        action: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.actionContainer, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button.HvButton,
-            {
-              icon: true,
-              className: classes.closeAction,
-              variant: "semantic",
-              "aria-label": "Close",
-              onClick: onClose,
-              ...actionProps,
-              children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, { size: "XS" })
-            }
-          ),
-          actions && effectiveActionsPosition === "bottom-right" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.actionsInnerContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-            ActionsGeneric.HvActionsGeneric,
-            {
-              id,
-              variant: "semantic",
-              actions,
-              onAction: handleAction
-            }
-          ) })
-        ] }),
-        ...others
-      }
-    ) });
-  }
-);
+      onClose: (evt) => onClose?.(evt),
+      onAction: (evt, action) => {
+        onAction?.(evt, action);
+        actionsCallback?.(evt, id, action);
+      },
+      ...others,
+      children: children ?? content
+    }
+  );
+});
 exports.bannerContentClasses = BannerContent_styles.staticClasses;
 exports.HvBannerContent = HvBannerContent;

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

@@ -5,72 +5,44 @@ const uikitStyles = require("@hitachivantara/uikit-styles");
 const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvBannerContent", {
   root: {
     minWidth: "100%",
+    width: "100%",
     position: "relative",
-    display: "flex",
-    flexWrap: "nowrap",
-    boxShadow: "none",
+    gap: uikitStyles.theme.space.xs,
     borderRadius: uikitStyles.theme.radii.none
   },
+  success: {},
+  warning: {},
+  error: {},
+  default: {},
   message: {
-    display: "flex",
-    alignItems: "center",
+    gap: uikitStyles.theme.space.xs,
     padding: uikitStyles.theme.spacing("xs", 0),
     paddingLeft: uikitStyles.theme.space.sm,
     ...uikitStyles.theme.typography.body,
     color: uikitStyles.theme.colors.base_dark
   },
   action: {
-    padding: uikitStyles.theme.spacing("xs"),
-    marginRight: 0,
+    padding: uikitStyles.theme.space.xs,
     flex: "0 0 auto",
     placeSelf: "stretch"
   },
-  baseVariant: {
-    padding: 0
-  },
-  success: {
-    backgroundColor: uikitStyles.theme.colors.positive_20
-  },
-  warning: {
-    backgroundColor: uikitStyles.theme.colors.warning_20
-  },
-  error: {
-    backgroundColor: uikitStyles.theme.colors.negative_20
-  },
-  default: {
-    backgroundColor: uikitStyles.theme.colors.neutral_20
-  },
-  outContainer: {
-    width: "100%",
-    position: "relative"
-  },
   messageContainer: {
-    wordBreak: "break-word",
-    maxWidth: 700,
-    overflow: "hidden",
-    marginRight: 10
+    maxWidth: 700
   },
   iconContainer: {
-    marginRight: uikitStyles.theme.space.xs,
-    marginLeft: -uikitStyles.theme.space.xs
+    marginLeft: uikitStyles.theme.spacing(-1)
   },
   messageActions: {
     flex: "0 0 auto"
   },
-  actionContainer: {
-    display: "flex",
-    flexDirection: "column",
-    height: "100%",
-    justifyContent: "space-between"
-  },
-  actionsInnerContainer: {
-    flexDirection: "row",
-    marginTop: "8px"
-    // avoid overlap with close button outline focus ring
-  },
-  closeAction: {
-    alignSelf: "flex-end"
-  }
+  actionContainer: {},
+  closeAction: {},
+  /** @deprecated use ´classes.root` instead */
+  baseVariant: {},
+  /** @deprecated use `classes.root` instead */
+  outContainer: {},
+  /** @deprecated use `classes.actionContainer` instead */
+  actionsInnerContainer: {}
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;

package/dist/cjs/BaseDropdown/BaseDropdown.styles.cjs

@@ -79,8 +79,7 @@ const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvBaseDropd
     height: "30px",
     boxSizing: "border-box",
     paddingLeft: uikitStyles.theme.space.xs,
-    paddingRight: uikitStyles.theme.sizes.sm,
-    color: "inherit"
+    paddingRight: uikitStyles.theme.sizes.sm
   },
   selectionDisabled: {},
   placeholder: {

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/Button/Button.cjs

@@ -30,7 +30,7 @@ const HvButton = generic.fixedForwardRef(function HvButton2(props, ref) {
     endIcon,
     size,
     radius,
-    overrideIconColors = true,
+    overrideIconColors,
     component: Component = "button",
     focusableWhenDisabled,
     onClick: onClickProp,
@@ -68,7 +68,6 @@ const HvButton = generic.fixedForwardRef(function HvButton2(props, ref) {
         classes[variant],
         classes[variantProp],
         // Placed after type and color CSS for DS3 override
-        overrideIconColors && css(Button_styles.getOverrideColors()),
         {
           [classes.icon]: icon,
           [classes.disabled]: disabled

package/dist/cjs/Button/Button.styles.cjs

@@ -130,13 +130,7 @@ const getIconSizeStyles = (size) => {
     width: height
   };
 };
-const getOverrideColors = () => ({
-  "& svg .color0": {
-    fill: "currentcolor"
-  }
-});
 exports.getIconSizeStyles = getIconSizeStyles;
-exports.getOverrideColors = getOverrideColors;
 exports.getSizeStyles = getSizeStyles;
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;

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/DotPagination/DotPagination.styles.cjs

@@ -15,6 +15,7 @@ const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvDotPagina
     height: 16,
     width: 16,
     minWidth: 16,
+    color: "inherit",
     "&:hover": {
       backgroundColor: uikitStyles.theme.colors.neutral_20,
       borderRadius: "100%"
@@ -24,7 +25,9 @@ const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvDotPagina
     minWidth: 0,
     width: 16,
     height: 16,
+    color: "inherit",
     "&& svg": {
+      color: "inherit",
       border: "none",
       width: "unset",
       height: "unset"

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

@@ -1,30 +1,21 @@
 "use strict";
 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
-    }
-  },
-  disabled: {
-    "&$adornmentButton": { cursor: "not-allowed" },
-    "&$adornmentIcon": { cursor: "not-allowed" },
-    "& svg *.color0": { fill: uikitStyles.theme.colors.secondary_60 }
-  }
+  /** @deprecated use `classes.root` */
+  adornmentButton: {},
+  disabled: {}
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;