@hitachivantara/uikit-react-core 5.56.0 → 5.58.0

package/dist/types/index.d.ts

@@ -433,21 +433,22 @@ export declare const buttonClasses: {
     disabled: "HvButton-disabled";
     semantic: "HvButton-semantic";
     secondarySubtle: "HvButton-secondarySubtle";
+    ghost: "HvButton-ghost";
     icon: "HvButton-icon";
     secondaryGhost: "HvButton-secondaryGhost";
     primaryGhost: "HvButton-primaryGhost";
     primarySubtle: "HvButton-primarySubtle";
-    ghost: "HvButton-ghost";
     startIcon: "HvButton-startIcon";
     endIcon: "HvButton-endIcon";
     focusVisible: "HvButton-focusVisible";
+    subtle: "HvButton-subtle";
 };
 
 export declare const buttonRadius: readonly ["none", "base", "round", "circle", "full"];
 
 export declare const buttonSize: readonly ["xs", "sm", "md", "lg", "xl"];
 
-export declare const buttonVariant: readonly ["primary", "primarySubtle", "primaryGhost", "secondarySubtle", "secondaryGhost", "semantic", "secondary", "ghost"];
+export declare const buttonVariant: readonly ["primary", "primarySubtle", "primaryGhost", "positive", "positiveSubtle", "positiveGhost", "negative", "negativeSubtle", "negativeGhost", "warning", "warningSubtle", "warningGhost", "secondarySubtle", "secondaryGhost", "semantic", "secondary", "ghost"];
 
 export declare const calendarClasses: {
     root: "HvCalendar-root";
@@ -1183,24 +1184,34 @@ export declare interface HvActionBarProps extends HvBaseProps {
 
 declare type HvActionContainerClasses = ExtractNames<typeof useClasses_27>;
 
-declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {
-    /** onClose function. */
+declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement>, Pick<Partial<HvActionsGenericProps>, "onAction"> {
+    /** Function called when clicking on the close button. */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /** Actions to display. */
-    action?: React.ReactNode | HvActionGeneric[];
-    /**  The callback function ran when an action is triggered, receiving `action` as param */
-    actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
+    action?: HvActionsGenericProps["actions"];
+    /**
+     * The callback function called when an action is triggered, receiving `action` as parameter.
+     *
+     * @deprecated Use `onAction` instead.
+     * */
+    actionCallback?: HvActionsGenericProps["actionsCallback"];
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionContainerClasses;
 }
 
 export declare interface HvActionGeneric {
+    /** Action id. */
     id: string;
+    /** Action label. */
     label: string;
-    icon?: React_2.ReactNode | ((params: {
+    /** Action icon. */
+    icon?: React.ReactNode | ((params: {
         isDisabled?: boolean;
-    }) => React_2.ReactNode);
+    }) => React.ReactNode);
+    /** Whether the action is disabled or not. */
     disabled?: boolean;
+    /** When set to `true`, the button will have the icon has its content and a tooltip with the label will appear when the button is visible and hovered. */
+    iconOnly?: boolean;
 }
 
 export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_3.Element | null;
@@ -1208,15 +1219,29 @@ export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_3.E
 export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_20>;
 
 export declare interface HvActionsGenericProps extends HvBaseProps {
-    /** Button category. */
+    /**
+     * The button category for all actions.
+     *
+     * @deprecated Use `variant` instead.
+     */
     category?: HvButtonVariant;
-    /**  Whether actions should be all disabled */
+    /** The button variant for all actions. */
+    variant?: HvButtonVariant;
+    /** Whether the actions should be all disabled. */
     disabled?: boolean;
-    /** The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` */
-    actions: React_2.ReactNode | HvActionGeneric[];
-    /**  The callback function ran when an action is triggered, receiving `action` as param */
-    actionsCallback?: (event: React_2.SyntheticEvent, id: string, action: HvActionGeneric) => void;
-    /**  The number of maximum visible actions before they're collapsed into a `DropDownMenu`. */
+    /** Whether the actions should be all icon buttons when visible. */
+    iconOnly?: boolean;
+    /** The renderable content inside the actions slot of the footer, or an array of actions. */
+    actions: React.ReactNode | HvActionGeneric[];
+    /**
+     * The callback function called when an action is triggered, receiving the `action` as parameter.
+     *
+     * @deprecated Use `onAction` instead.
+     * */
+    actionsCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
+    /** The callback function called when an action is triggered, receiving the `action` as parameter. */
+    onAction?: (event: React.SyntheticEvent, action: HvActionGeneric) => void;
+    /** The maximum number of visible actions before they're collapsed into a dropdown menu. */
     maxVisibleActions?: number;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionsGenericClasses;
@@ -1462,12 +1487,18 @@ export declare interface HvBannerContentProps extends Omit<SnackbarContentProps,
     showIcon?: boolean;
     /** Custom icon to replace the variant default. */
     customIcon?: React.ReactNode;
-    /** onClose function. */
+    /** Function called when clicking on the close button. */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /** Actions to display on the right side. */
-    actions?: React.ReactNode | HvActionGeneric[];
-    /**  The callback function ran when an action is triggered, receiving `action` as param */
-    actionsCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
+    actions?: HvActionsGenericProps["actions"];
+    /**
+     * The callback function called when an action is triggered, receiving `action` as parameter.
+     *
+     * @deprecated Use `onAction` instead.
+     * */
+    actionsCallback?: HvActionsGenericProps["actionsCallback"];
+    /** The callback function called when an action is triggered, receiving `action` as parameter. */
+    onAction?: HvActionsGenericProps["onAction"];
     /** The position property of the header. */
     actionsPosition?: HvBannerActionPosition;
     /** The props to pass down to the Action Container. */
@@ -1479,7 +1510,11 @@ export declare interface HvBannerContentProps extends Omit<SnackbarContentProps,
 export declare interface HvBannerProps extends Omit<SnackbarProps, "anchorOrigin" | "classes" | "onClose"> {
     /** If true, the snackbar is open. */
     open: boolean;
-    /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */
+    /**
+     * Callback fired when the component requests to be closed.
+     * Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop.
+     * The reason parameter can optionally be used to control the response to onClose, for example ignoring click away.
+     * */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /** The message to display. */
     label?: string;
@@ -1492,9 +1527,15 @@ export declare interface HvBannerProps extends Omit<SnackbarProps, "anchorOrigin
     /** Controls if the associated icon to the variant should be shown. */
     showIcon?: boolean;
     /** Actions to display on the right side. */
-    actions?: React.ReactNode | HvActionGeneric[];
-    /** The callback function ran when an action is triggered, receiving `action` as param */
-    actionsCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
+    actions?: HvActionsGenericProps["actions"];
+    /**
+     * The callback function called when an action is triggered, receiving `action` as parameter.
+     *
+     * @deprecated Use `onAction` instead.
+     * */
+    actionsCallback?: HvActionsGenericProps["actionsCallback"];
+    /** The callback function called when an action is triggered, receiving `action` as parameter. */
+    onAction?: HvActionsGenericProps["onAction"];
     /** The position property of the header. */
     actionsPosition?: HvBannerActionPosition;
     /** How much the transition animation last in milliseconds, if 0 no animation is played. */
@@ -1947,67 +1988,41 @@ export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_34>;
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
 
 export declare interface HvBulkActionsProps extends HvBaseProps {
-    /**
-     * Custom label for select all checkbox
-     */
+    /** Custom label for select all checkbox */
     selectAllLabel?: React.ReactNode;
-    /**
-     * Custom label for select all checkbox conjunction
-     */
+    /** Custom label for select all checkbox conjunction */
     selectAllConjunctionLabel?: string;
-    /**
-     * Custom label for select all pages button
-     */
+    /** Custom label for select all pages button */
     selectAllPagesLabel?: React.ReactNode;
-    /**
-     * Whether select all pages element should be visible
-     */
+    /** Whether select all pages element should be visible */
     showSelectAllPages?: boolean;
-    /**
-     * The total number of elements
-     */
+    /** The total number of elements */
     numTotal?: number;
-    /**
-     * The number of elements currently selected
-     */
+    /** The number of elements currently selected */
     numSelected?: number;
-    /**
-     * Function called when the "select all" Checkbox is toggled.
-     */
+    /** Function called when the "select all" Checkbox is toggled. */
     onSelectAll?: HvCheckBoxProps["onChange"];
-    /**
-     * Function called when the "select all pages" button is clicked toggled.
-     */
+    /** Function called when the "select all pages" button is clicked toggled. */
     onSelectAllPages?: HvButtonProps["onClick"];
-    /**
-     * Whether the bulk actions should use the semantic styles when there are selected elements.
-     */
+    /** Whether the bulk actions should use the semantic styles when there are selected elements. */
     semantic?: boolean;
-    /**
-     * The renderable content inside the right actions slot,
-     * or an Array of actions `{ id, label, icon, disabled, ... }`
-     */
-    actions?: React.ReactNode | HvActionGeneric[];
-    /**
-     *  Whether actions should be all disabled
-     */
+    /** The renderable content inside the right actions slot, or an array of actions `{ id, label, icon, disabled, ... }` */
+    actions?: HvActionsGenericProps["actions"];
+    /** Whether actions should be all disabled */
     actionsDisabled?: boolean;
     /**
-     *  The callback function ran when an action is triggered, receiving `action` as param
-     */
+     * The callback function called when an action is triggered, receiving `action` as parameter.
+     *
+     * @deprecated Use `onAction` instead.
+     * */
     actionsCallback?: HvActionsGenericProps["actionsCallback"];
-    /**
-     *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.
-     */
+    /** The callback function called when an action is triggered, receiving `action` as parameter. */
+    onAction?: HvActionsGenericProps["onAction"];
+    /** The number of maximum visible actions before they're collapsed into a `DropDownMenu`. */
     maxVisibleActions?: number;
-    /**
-     * Properties to be passed onto the checkbox component, the values of the object are equivalent to the
-     * HvCheckbox API.
-     */
+    /** Properties to be passed onto the checkbox component, the values of the object are equivalent to the HvCheckbox API. */
     checkboxProps?: HvCheckBoxProps;
-    /**
-     * A Jss Object used to override or extend the styles applied.
-     */
+    /** A Jss Object used to override or extend the styles applied. */
     classes?: HvBulkActionsClasses;
 }
 
@@ -2016,7 +2031,7 @@ export declare interface HvBulkActionsProps extends HvBaseProps {
  */
 export declare const HvButton: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "button">(props: {
     /** Use the variant prop to change the visual style of the button. */
-    variant?: "secondary" | "primary" | "semantic" | "secondarySubtle" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "ghost" | undefined;
+    variant?: "positive" | "warning" | "negative" | "secondary" | "primary" | "semantic" | "secondarySubtle" | "ghost" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "positiveSubtle" | "positiveGhost" | "negativeSubtle" | "negativeGhost" | "warningSubtle" | "warningGhost" | undefined;
     /** Whether the button is an icon-only button. */
     icon?: boolean | undefined;
     /** Whether the button is disabled or not. */
@@ -2041,14 +2056,15 @@ export declare const HvButton: <C extends ElementType<any, keyof JSX_2.Intrinsic
         disabled: string;
         semantic: string;
         secondarySubtle: string;
+        ghost: string;
         icon: string;
         secondaryGhost: string;
         primaryGhost: string;
         primarySubtle: string;
-        ghost: string;
         startIcon: string;
         endIcon: string;
         focusVisible: string;
+        subtle: string;
     }> | undefined;
     /** Whether the button is selected or not. */
     selected?: boolean | undefined;
@@ -2062,7 +2078,7 @@ export declare const HvButton: <C extends ElementType<any, keyof JSX_2.Intrinsic
     component?: C | undefined;
 } & {
     children?: ReactNode;
-} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never) & {
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
@@ -4100,7 +4116,7 @@ export declare const HvIconButton: <C extends ElementType<any, keyof JSX_2.Intri
     component?: C | undefined;
 } & {
     children?: ReactNode;
-} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "placement" | "overrideIconColors" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "icon" | "title" | "component" | "ref" | "children" | "startIcon" | "endIcon" | "focusableWhenDisabled">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "placement" | "overrideIconColors" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "icon" | "title" | "component" | "ref" | "children" | "startIcon" | "endIcon" | "focusableWhenDisabled">> ? T_1 extends any ? T_1 : never : never : never) & {
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "placement" | "overrideIconColors" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "icon" | "title" | "component" | "ref" | "children" | "startIcon" | "endIcon" | "focusableWhenDisabled">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "placement" | "overrideIconColors" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "icon" | "title" | "component" | "ref" | "children" | "startIcon" | "endIcon" | "focusableWhenDisabled">> ? T_1 extends any ? T_1 : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
@@ -5922,7 +5938,7 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.
  * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.
  */
-export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, transitionDuration, transitionDirection, container, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_3.Element;
+export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, onAction, transitionDuration, transitionDirection, container, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_3.Element;
 
 export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_101>;
 
@@ -5941,8 +5957,14 @@ export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProp
     customIcon?: React.ReactNode;
     /** Action to display. */
     action?: React.ReactNode | HvActionGeneric;
-    /** The callback function ran when an action is triggered, receiving `action` as param */
-    actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
+    /**
+     * The callback function called when an action is triggered, receiving `action` as parameter.
+     *
+     * @deprecated Use `onAction` instead.
+     * */
+    actionCallback?: HvActionsGenericProps["actionsCallback"];
+    /** The callback function called when an action is triggered, receiving `action` as parameter. */
+    onAction?: HvActionsGenericProps["onAction"];
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSnackbarContentClasses;
 }
@@ -5950,11 +5972,17 @@ export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProp
 export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" | "classes" | "children"> {
     /** If true, Snackbar is open. */
     open?: boolean;
-    /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */
+    /**
+     * Callback fired when the component requests to be closed.
+     * Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop.
+     * The reason parameter can optionally be used to control the response to onClose, for example ignoring click away.
+     * */
     onClose?: ((event: Event | SyntheticEvent<any, Event>, reason: SnackbarCloseReason) => void) | undefined;
     /** The message to display. */
     label?: React.ReactNode;
-    /** The anchor of the Snackbar. vertical: "top", "bottom" | horizontal: "left","center","right. It defines where the snackbar will end his animation */
+    /**
+     * The anchor of the Snackbar. vertical: "top", "bottom" | horizontal: "left", "center", "right".
+     * It defines where the snackbar will end his animation */
     anchorOrigin?: SnackbarOrigin;
     /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */
     autoHideDuration?: number;
@@ -5966,8 +5994,14 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
     showIcon?: boolean;
     /** Action to display. */
     action?: React.ReactNode | HvActionGeneric;
-    /** The callback function ran when an action is triggered, receiving `action` as param */
-    actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
+    /**
+     * The callback function called when an action is triggered, receiving `action` as parameter.
+     *
+     * @deprecated Use `onAction` instead.
+     * */
+    actionCallback?: HvActionsGenericProps["actionsCallback"];
+    /** The callback function called when an action is triggered, receiving `action` as parameter. */
+    onAction?: HvActionsGenericProps["onAction"];
     /** Duration of transition in milliseconds. */
     transitionDuration?: number;
     /** Direction of slide transition. */
@@ -7124,7 +7158,7 @@ export declare interface HvTreeViewProps<Multiple extends boolean | undefined> e
  */
 export declare const HvTypography: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "p">(props: {
     /** Use the variant prop to change the visual style of the Typography. */
-    variant?: "display" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "caption1" | "caption2" | HvTypographyLegacyVariants | undefined;
+    variant?: "display" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | HvTypographyLegacyVariants | undefined;
     /** If `true` the typography will display the look of a link. */
     link?: boolean | undefined;
     /** If `true` the typography will display the look of a disabled state. */
@@ -7152,6 +7186,7 @@ export declare const HvTypography: <C extends ElementType<any, keyof JSX_2.Intri
         title4: string;
         label: string;
         body: string;
+        captionLabel: string;
         caption1: string;
         caption2: string;
         xxlTitle: string;
@@ -7181,7 +7216,7 @@ export declare const HvTypography: <C extends ElementType<any, keyof JSX_2.Intri
     component?: C | undefined;
 } & {
     children?: ReactNode;
-} & (Omit<PropsWithoutRef<ComponentProps<C>>, "link" | "classes" | "disabled" | "component" | "noWrap" | "variant" | "paragraph"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "link" | "classes" | "disabled" | "component" | "noWrap" | "variant" | "paragraph"> ? T extends any ? T : never : never : never) & {
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "link" | "classes" | "disabled" | "variant" | "component" | "noWrap" | "paragraph"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "link" | "classes" | "disabled" | "variant" | "component" | "noWrap" | "paragraph"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
@@ -7890,6 +7925,7 @@ export declare const multiButtonClasses: {
     primaryGhost: "HvMultiButton-primaryGhost";
     primarySubtle: "HvMultiButton-primarySubtle";
     splitGroup: "HvMultiButton-splitGroup";
+    splitGroupDisabled: "HvMultiButton-splitGroupDisabled";
     firstButton: "HvMultiButton-firstButton";
     lastButton: "HvMultiButton-lastButton";
     splitContainer: "HvMultiButton-splitContainer";
@@ -8516,6 +8552,7 @@ export declare const typographyClasses: {
     title4: "HvTypography-title4";
     label: "HvTypography-label";
     body: "HvTypography-body";
+    captionLabel: "HvTypography-captionLabel";
     caption1: "HvTypography-caption1";
     caption2: "HvTypography-caption2";
     xxlTitle: "HvTypography-xxlTitle";
@@ -8542,13 +8579,13 @@ export declare const typographyClasses: {
     noWrap: "HvTypography-noWrap";
 };
 
-export declare const typographyVariants: readonly ["display", "title1", "title2", "title3", "title4", "body", "label", "caption1", "caption2"];
+export declare const typographyVariants: readonly ["display", "title1", "title2", "title3", "title4", "body", "label", "captionLabel", "caption1", "caption2"];
 
 export declare type UseBulkActionsProps = (<D extends object = Record<string, unknown>>(hooks: Hooks<D>) => void) & {
     pluginName: string;
 };
 
-declare const useClasses: (classesProp?: Partial<Record<"display" | "5xlTitle" | "4xlTitle" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "caption1" | "caption2" | "xxlTitle" | "lTitle" | "sTitle" | "xxsTitle" | "sectionTitle" | "placeholderText" | "link" | "disabledText" | "selectedNavText" | "vizTextDisabled" | "xsInlineLink" | "root" | "disabled" | "3xlTitle" | "xlTitle" | "mTitle" | "xsTitle" | "highlightText" | "normalText" | "vizText" | "isLink" | "noWrap", string>>, addStatic?: boolean) => {
+declare const useClasses: (classesProp?: Partial<Record<"display" | "5xlTitle" | "4xlTitle" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | "xxlTitle" | "lTitle" | "sTitle" | "xxsTitle" | "sectionTitle" | "placeholderText" | "link" | "disabledText" | "selectedNavText" | "vizTextDisabled" | "xsInlineLink" | "root" | "disabled" | "3xlTitle" | "xlTitle" | "mTitle" | "xsTitle" | "highlightText" | "normalText" | "vizText" | "isLink" | "noWrap", string>>, addStatic?: boolean) => {
     classes: {
         display: string;
         "5xlTitle": string;
@@ -8559,6 +8596,7 @@ declare const useClasses: (classesProp?: Partial<Record<"display" | "5xlTitle" |
         title4: string;
         label: string;
         body: string;
+        captionLabel: string;
         caption1: string;
         caption2: string;
         xxlTitle: string;
@@ -9548,7 +9586,7 @@ declare const useClasses_35: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "secondarySubtle" | "icon" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "ghost" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "secondarySubtle" | "ghost" | "icon" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "startIcon" | "endIcon" | "focusVisible" | "subtle", string>>, addStatic?: boolean) => {
     classes: {
         secondary: string;
         primary: string;
@@ -9556,14 +9594,15 @@ declare const useClasses_36: (classesProp?: Partial<Record<"secondary" | "primar
         disabled: string;
         semantic: string;
         secondarySubtle: string;
+        ghost: string;
         icon: string;
         secondaryGhost: string;
         primaryGhost: string;
         primarySubtle: string;
-        ghost: string;
         startIcon: string;
         endIcon: string;
         focusVisible: string;
+        subtle: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10568,7 +10607,7 @@ declare const useClasses_86: (classesProp?: Partial<Record<"root" | "formContain
     cx: (...args: any) => string;
 };
 
-declare const useClasses_87: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "split" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "splitGroup" | "firstButton" | "lastButton" | "splitContainer" | "splitDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_87: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "split" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "splitGroup" | "splitGroupDisabled" | "firstButton" | "lastButton" | "splitContainer" | "splitDisabled", string>>, addStatic?: boolean) => {
     classes: {
         secondary: string;
         primary: string;
@@ -10582,6 +10621,7 @@ declare const useClasses_87: (classesProp?: Partial<Record<"secondary" | "primar
         primaryGhost: string;
         primarySubtle: string;
         splitGroup: string;
+        splitGroupDisabled: string;
         firstButton: string;
         lastButton: string;
         splitContainer: string;
@@ -10689,7 +10729,7 @@ declare const useClasses_92: (classesProp?: Partial<Record<"root" | "topGroup" |
         actionButtonContainer: string;
         topRulesContainer: string;
         buttonBackground: string;
-    };
+    }; /** Styles applied to the action button container. */
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
         (...args: CSSInterpolation[]): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.56.0",
+  "version": "5.58.0",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -33,9 +33,9 @@
     "@emotion/css": "^11.11.2",
     "@emotion/serialize": "^1.1.2",
     "@emotion/utils": "^1.2.1",
-    "@hitachivantara/uikit-react-icons": "^5.8.6",
-    "@hitachivantara/uikit-react-shared": "^5.1.31",
-    "@hitachivantara/uikit-styles": "^5.22.0",
+    "@hitachivantara/uikit-react-icons": "^5.8.7",
+    "@hitachivantara/uikit-react-shared": "^5.1.32",
+    "@hitachivantara/uikit-styles": "^5.23.0",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.34",
     "@popperjs/core": "^2.11.8",
@@ -46,7 +46,6 @@
     "dayjs": "^1.11.10",
     "detect-browser": "^5.3.0",
     "embla-carousel-react": "^8.0.0-rc15",
-    "lodash": "^4.17.21",
     "notistack": "^2.0.8",
     "rc-slider": "^10.5.0",
     "rc-tooltip": "^6.1.2",
@@ -63,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "67ac3fbb762df89f4f55c563f24f691c775fe99c",
+  "gitHead": "070f46b3d2785d65f62d45ee263506aa102ffdab",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {