@hitachivantara/uikit-react-core 5.58.3 → 5.59.0

package/dist/types/index.d.ts

@@ -1117,7 +1117,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
  */
 export declare const HvAccordion: (props: HvAccordionProps) => JSX_3.Element;
 
-export declare type HvAccordionClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvAccordionClasses = ExtractNames<typeof useClasses_19>;
 
 export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "onChange" | "children"> {
     /**
@@ -1164,14 +1164,14 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
 
 export declare const HvActionBar: (props: HvActionBarProps) => JSX_3.Element;
 
-export declare type HvActionBarClasses = ExtractNames<typeof useClasses_19>;
+export declare type HvActionBarClasses = ExtractNames<typeof useClasses_20>;
 
 export declare interface HvActionBarProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionBarClasses;
 }
 
-declare type HvActionContainerClasses = ExtractNames<typeof useClasses_27>;
+declare type HvActionContainerClasses = ExtractNames<typeof useClasses_28>;
 
 declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement>, Pick<Partial<HvActionsGenericProps>, "onAction"> {
     /** Function called when clicking on the close button. */
@@ -1205,7 +1205,7 @@ export declare interface HvActionGeneric {
 
 export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_3.Element | null;
 
-export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_20>;
+export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_21>;
 
 export declare interface HvActionsGenericProps extends HvBaseProps {
     /**
@@ -1291,7 +1291,7 @@ export declare interface HvAppSwitcherActionApplication {
     color?: HvColorAny;
 }
 
-export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_22>;
+export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_23>;
 
 export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
@@ -1304,7 +1304,7 @@ export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     classes?: HvAppSwitcherActionClasses;
 }
 
-export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_21>;
+export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_22>;
 
 export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
@@ -1343,14 +1343,14 @@ export declare type HvAtmosphereColors = Record<HvAtmosphereColorKeys, string>;
  */
 export declare const HvAvatar: ForwardRefExoticComponent<HvAvatarProps & RefAttributes<any>>;
 
-export declare type HvAvatarClasses = ExtractNames<typeof useClasses_23>;
+export declare type HvAvatarClasses = ExtractNames<typeof useClasses_24>;
 
 /**
  * The AvatarGroup component is used to group multiple avatars.
  */
 export declare const HvAvatarGroup: ForwardRefExoticComponent<HvAvatarGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvAvatarGroupClasses = ExtractNames<typeof useClasses_24>;
+export declare type HvAvatarGroupClasses = ExtractNames<typeof useClasses_25>;
 
 export declare interface HvAvatarGroupProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -1418,7 +1418,7 @@ export declare type HvAvatarVariant = "circular" | "square";
  */
 export declare const HvBadge: (props: HvBadgeProps) => JSX_3.Element;
 
-export declare type HvBadgeClasses = ExtractNames<typeof useClasses_25>;
+export declare type HvBadgeClasses = ExtractNames<typeof useClasses_26>;
 
 export declare interface HvBadgeProps extends HvBaseProps {
     /**
@@ -1459,11 +1459,11 @@ export declare const HvBanner: (props: HvBannerProps) => JSX_3.Element;
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
-export declare type HvBannerClasses = ExtractNames<typeof useClasses_26>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_27>;
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_28>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_29>;
 
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose"> {
     /** The message to display. */
@@ -1551,7 +1551,7 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  */
 export declare const HvBaseCheckBox: ForwardRefExoticComponent<Omit<HvBaseCheckBoxProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_29>;
+export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_30>;
 
 export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChange" | "classes"> {
     /**
@@ -1628,7 +1628,7 @@ export declare type HvBaseColors = Record<HvBaseColorKeys, string>;
 
 export declare const HvBaseDropdown: ForwardRefExoticComponent<Omit<HvBaseDropdownProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_17>;
+export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_18>;
 
 export declare interface HvBaseDropdownProps extends HvBaseProps {
     /**
@@ -1723,7 +1723,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps {
  */
 export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_3.Element;
 
-export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_16>;
+export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_17>;
 
 export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" | "classes"> {
     /** The input name. */
@@ -1770,7 +1770,7 @@ export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extend
  */
 export declare const HvBaseRadio: ForwardRefExoticComponent<Omit<HvBaseRadioProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_30>;
+export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_31>;
 
 export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" | "classes"> {
     /**
@@ -1848,7 +1848,7 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
  */
 export declare const HvBaseSwitch: ForwardRefExoticComponent<Omit<HvBaseSwitchProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_31>;
+export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_32>;
 
 export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange" | "classes"> {
     /**
@@ -1938,7 +1938,7 @@ export declare type HvBoxProps = <C extends React.ElementType = "div">(props: Hv
  */
 export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_3.Element;
 
-export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_32>;
+export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_33>;
 
 export declare interface HvBreadCrumbPathElement extends Record<string, any> {
     label: string;
@@ -1970,7 +1970,7 @@ export { HvBreakpoints }
  */
 export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_3.Element;
 
-export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_34>;
+export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_35>;
 
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
 
@@ -2069,7 +2069,7 @@ export declare const HvButton: <C extends ElementType<any, keyof JSX_2.Intrinsic
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
-export declare type HvButtonClasses = ExtractNames<typeof useClasses_36>;
+export declare type HvButtonClasses = ExtractNames<typeof useClasses_12>;
 
 export declare type HvButtonProps<C extends React.ElementType = "button"> = PolymorphicComponentRef<C, {
     /** Use the variant prop to change the visual style of the button. */
@@ -2444,7 +2444,7 @@ export declare interface HvCharCounterProps extends HvBaseProps {
  */
 export declare const HvCheckBox: ForwardRefExoticComponent<Omit<HvCheckBoxProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_35>;
+export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_36>;
 
 /**
  * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.
@@ -3174,11 +3174,11 @@ declare interface HvDropdownListProps {
 }
 
 /**
- * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.
+ * A dropdown menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.
  */
 export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_3.Element;
 
-export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_33>;
+export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_34>;
 
 export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     /** Icon. */
@@ -4650,11 +4650,11 @@ export declare const hvNumberFallback: (value: any) => number | "—";
 
 export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<OptionValue> & RefAttributes<HTMLLIElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
-export declare type HvOptionClasses = ExtractNames<typeof useClasses_12>;
+export declare type HvOptionClasses = ExtractNames<typeof useClasses_13>;
 
 export declare const HvOptionGroup: ForwardRefExoticComponent<Omit<HvOptionGroupProps, "ref"> & RefAttributes<HTMLLIElement>>;
 
-export declare type HvOptionGroupClasses = ExtractNames<typeof useClasses_13>;
+export declare type HvOptionGroupClasses = ExtractNames<typeof useClasses_14>;
 
 export declare interface HvOptionGroupProps extends OptionGroupProps {
     classes?: HvOptionGroupClasses;
@@ -5674,7 +5674,7 @@ export declare type HvSelectClasses = ExtractNames<typeof useClasses_11>;
  */
 export declare const HvSelectionList: ForwardRefExoticComponent<HvSelectionListProps & RefAttributes<HTMLUListElement>>;
 
-export declare type HvSelectionListClasses = ExtractNames<typeof useClasses_14>;
+export declare type HvSelectionListClasses = ExtractNames<typeof useClasses_15>;
 
 export declare interface HvSelectionListProps extends HvBaseProps<HTMLUListElement, "onChange"> {
     /** The form element name. */
@@ -5732,7 +5732,7 @@ export declare interface HvSelectionListProps extends HvBaseProps<HTMLUListEleme
     classes?: HvSelectionListClasses;
 }
 
-export declare interface HvSelectProps<OptionValue extends {}, Multiple extends boolean = false> extends Omit<HvFormElementProps, "value" | "defaultValue" | "onChange">, Pick<UseSelectParameters<OptionValue, Multiple>, "name" | "required" | "disabled" | "multiple" | "open" | "defaultOpen" | "value" | "defaultValue" | "buttonRef" | "options" | "getSerializedValue" | "onChange" | "onOpenChange"> {
+export declare interface HvSelectProps<OptionValue extends {}, Multiple extends boolean = false> extends Omit<HvFormElementProps, "value" | "defaultValue" | "onChange">, Pick<UseSelectParameters<OptionValue, Multiple>, "name" | "required" | "disabled" | "multiple" | "open" | "defaultOpen" | "value" | "defaultValue" | "buttonRef" | "options" | "getSerializedValue" | "onChange" | "onOpenChange">, Pick<HvButtonProps, "size" | "variant"> {
     classes?: HvSelectClasses;
     placeholder?: React.ReactNode;
     autoComplete?: string;
@@ -6097,7 +6097,7 @@ export declare interface HvSuggestion {
 
 export declare const HvSuggestions: ForwardRefExoticComponent<HvSuggestionsProps & RefAttributes<unknown>>;
 
-export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_16>;
 
 export declare interface HvSuggestionsProps extends HvBaseProps {
     /** Whether suggestions is visible. */
@@ -7921,14 +7921,15 @@ export declare const multiButtonClasses: {
     selected: "HvMultiButton-selected";
     button: "HvMultiButton-button";
     secondaryGhost: "HvMultiButton-secondaryGhost";
+    splitDisabled: "HvMultiButton-splitDisabled";
+    multiple: "HvMultiButton-multiple";
     primaryGhost: "HvMultiButton-primaryGhost";
     primarySubtle: "HvMultiButton-primarySubtle";
     splitGroup: "HvMultiButton-splitGroup";
     splitGroupDisabled: "HvMultiButton-splitGroupDisabled";
+    splitContainer: "HvMultiButton-splitContainer";
     firstButton: "HvMultiButton-firstButton";
     lastButton: "HvMultiButton-lastButton";
-    splitContainer: "HvMultiButton-splitContainer";
-    splitDisabled: "HvMultiButton-splitDisabled";
 };
 
 export declare const multiSelectionEventHandler: (evt: any, index: number, selectionAnchor: any, allValues: any[], selectedState: boolean[], selectionCheck: any) => any[];
@@ -9025,10 +9026,23 @@ declare const useClasses_119: (classesProp?: Partial<Record<"root" | "slider" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"root" | "highlighted", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (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;
         root: string;
-        highlighted: string;
+        disabled: string;
+        semantic: string;
+        secondarySubtle: string;
+        ghost: string;
+        icon: string;
+        secondaryGhost: string;
+        primaryGhost: string;
+        primarySubtle: string;
+        startIcon: string;
+        endIcon: string;
+        focusVisible: string;
+        subtle: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9177,7 +9191,19 @@ declare const useClasses_128: (classesProp?: Partial<Record<"content" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_13: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"root" | "highlighted", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        highlighted: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_14: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -9188,7 +9214,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "description" | "root" | "listbox" | "error" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "description" | "root" | "listbox" | "error" | "invalid", string>>, addStatic?: boolean) => {
     classes: {
         vertical: string;
         horizontal: string;
@@ -9206,7 +9232,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"vertical" | "horizon
     cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"root" | "list" | "popper", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"root" | "list" | "popper", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         list: string;
@@ -9219,7 +9245,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"root" | "list" | "po
     cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "inputBorderContainer" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "inputReadOnly" | "invalid" | "resizable" | "inputRootInvalid" | "inputRootDisabled" | "inputDisabled" | "inputResizable", string>>, addStatic?: boolean) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "inputBorderContainer" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "inputReadOnly" | "invalid" | "resizable" | "inputRootInvalid" | "inputRootDisabled" | "inputDisabled" | "inputResizable", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
@@ -9245,7 +9271,7 @@ declare const useClasses_16: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "panelOpenedUp" | "panelOpenedDown" | "selection" | "arrowContainer" | "arrow" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "panelOpenedUp" | "panelOpenedDown" | "selection" | "arrowContainer" | "arrow" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         header: string;
@@ -9278,7 +9304,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"container" | "header
     cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "hidden", string>>, addStatic?: boolean) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "hidden", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         label: string;
@@ -9293,9 +9319,16 @@ declare const useClasses_18: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focus" | "focusDisabled" | "focused" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        disabled: string;
+        selected: string;
+        focus: string;
+        focusDisabled: string;
+        focused: string;
+        externalReference: string;
+        falseFocus: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9304,16 +9337,9 @@ declare const useClasses_19: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focus" | "focusDisabled" | "focused" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
+declare const useClasses_20: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        disabled: string;
-        selected: string;
-        focus: string;
-        focusDisabled: string;
-        focused: string;
-        externalReference: string;
-        falseFocus: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9322,7 +9348,7 @@ declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_20: (classesProp?: Partial<Record<"root" | "button" | "actionContainer" | "dropDownMenu" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_21: (classesProp?: Partial<Record<"root" | "button" | "actionContainer" | "dropDownMenu" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         button: string;
@@ -9338,7 +9364,7 @@ declare const useClasses_20: (classesProp?: Partial<Record<"root" | "button" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_21: (classesProp?: Partial<Record<"root" | "title" | "single" | "actionsContainer" | "open" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+declare const useClasses_22: (classesProp?: Partial<Record<"root" | "title" | "single" | "actionsContainer" | "open" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         title: string;
@@ -9365,7 +9391,7 @@ declare const useClasses_21: (classesProp?: Partial<Record<"root" | "title" | "s
     cx: (...args: any) => string;
 };
 
-declare const useClasses_22: (classesProp?: Partial<Record<"typography" | "root" | "disabled" | "icon" | "title" | "selected" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
+declare const useClasses_23: (classesProp?: Partial<Record<"typography" | "root" | "disabled" | "icon" | "title" | "selected" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
     classes: {
         typography: string;
         root: string;
@@ -9384,7 +9410,7 @@ declare const useClasses_22: (classesProp?: Partial<Record<"typography" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_23: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         xs: string;
@@ -9408,7 +9434,7 @@ declare const useClasses_23: (classesProp?: Partial<Record<"container" | "xs" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_24: (classesProp?: Partial<Record<"root" | "row" | "column", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"root" | "row" | "column", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         row: string;
@@ -9421,7 +9447,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"root" | "row" | "col
     cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
+declare const useClasses_26: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         badge: string;
@@ -9439,7 +9465,7 @@ declare const useClasses_25: (classesProp?: Partial<Record<"root" | "badge" | "b
     cx: (...args: any) => string;
 };
 
-declare const useClasses_26: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         rootClosed: string;
@@ -9453,7 +9479,7 @@ declare const useClasses_26: (classesProp?: Partial<Record<"root" | "rootClosed"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"actionContainer" | "actionsInnerContainer" | "closeAction" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_28: (classesProp?: Partial<Record<"actionContainer" | "actionsInnerContainer" | "closeAction" | "iconContainer", string>>, addStatic?: boolean) => {
     classes: {
         actionContainer: string;
         actionsInnerContainer: string;
@@ -9467,7 +9493,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"actionContainer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_28: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
     classes: {
         warning: string;
         root: string;
@@ -9486,12 +9512,9 @@ declare const useClasses_28: (classesProp?: Partial<Record<"warning" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        disabled: string;
-        icon: string;
-        focusVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9500,9 +9523,12 @@ declare const useClasses_29: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_30: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        disabled: string;
+        icon: string;
+        focusVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9511,7 +9537,7 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_30: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
@@ -9525,7 +9551,7 @@ declare const useClasses_30: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "checked" | "focusVisible" | "thumb", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "checked" | "focusVisible" | "thumb", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
@@ -9544,7 +9570,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"link" | "root" | "a" | "centerContainer" | "separatorContainer" | "orderedList" | "currentPage", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"link" | "root" | "a" | "centerContainer" | "separatorContainer" | "orderedList" | "currentPage", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         root: string;
@@ -9561,7 +9587,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"link" | "root" | "a"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         root: string;
@@ -9578,7 +9604,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"container" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         semantic: string;
@@ -9595,7 +9621,7 @@ declare const useClasses_34: (classesProp?: Partial<Record<"root" | "semantic" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_35: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "checkbox" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "checkbox" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         label: string;
@@ -9613,31 +9639,6 @@ 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" | "ghost" | "icon" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "startIcon" | "endIcon" | "focusVisible" | "subtle", string>>, addStatic?: boolean) => {
-    classes: {
-        secondary: string;
-        primary: string;
-        root: string;
-        disabled: string;
-        semantic: string;
-        secondarySubtle: string;
-        ghost: string;
-        icon: string;
-        secondaryGhost: string;
-        primaryGhost: string;
-        primarySubtle: string;
-        startIcon: string;
-        endIcon: string;
-        focusVisible: string;
-        subtle: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
 declare const useClasses_37: (classesProp?: Partial<Record<"root" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected" | "rangeCalendarContainer" | "singleCalendar", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
@@ -10634,7 +10635,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" | "splitGroupDisabled" | "firstButton" | "lastButton" | "splitContainer" | "splitDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_87: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "split" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "splitDisabled" | "multiple" | "primaryGhost" | "primarySubtle" | "splitGroup" | "splitGroupDisabled" | "splitContainer" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     classes: {
         secondary: string;
         primary: string;
@@ -10645,14 +10646,15 @@ declare const useClasses_87: (classesProp?: Partial<Record<"secondary" | "primar
         selected: string;
         button: string;
         secondaryGhost: string;
+        splitDisabled: string;
+        multiple: string;
         primaryGhost: string;
         primarySubtle: string;
         splitGroup: string;
         splitGroupDisabled: string;
+        splitContainer: string;
         firstButton: string;
         lastButton: string;
-        splitContainer: string;
-        splitDisabled: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.58.3",
+  "version": "5.59.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.9.1",
-    "@hitachivantara/uikit-react-shared": "^5.1.33",
-    "@hitachivantara/uikit-styles": "^5.23.1",
+    "@hitachivantara/uikit-react-icons": "^5.9.2",
+    "@hitachivantara/uikit-react-shared": "^5.1.34",
+    "@hitachivantara/uikit-styles": "^5.24.0",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.34",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "bd9cf4d3b49c67e07d59b36c57f432095138cd16",
+  "gitHead": "8e5b105c16009cc9383a55e5e00eb5832932ceed",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {