@hitachivantara/uikit-react-core 5.72.0 → 5.73.0

package/dist/types/index.d.ts

@@ -303,9 +303,9 @@ export declare const bannerContentClasses: {
     root: "HvBannerContent-root";
     action: "HvBannerContent-action";
     default: "HvBannerContent-default";
+    success: "HvBannerContent-success";
     error: "HvBannerContent-error";
     message: "HvBannerContent-message";
-    success: "HvBannerContent-success";
     baseVariant: "HvBannerContent-baseVariant";
     outContainer: "HvBannerContent-outContainer";
 };
@@ -406,7 +406,7 @@ export declare interface Breakpoint {
     cols?: number;
     maxWidth?: number;
     minWidth?: number;
-    spacing?: Spacing;
+    spacing?: HvBreakpoints;
 }
 
 export declare const buildAriaPropsFromContext: (props: InputBaseComponentProps, context: HvFormElementDescriptorsContextValue, isInvalid: boolean, inputId?: string) => default_2.AriaAttributes;
@@ -440,11 +440,11 @@ export declare const buttonClasses: {
     ghost: "HvButton-ghost";
     secondaryGhost: "HvButton-secondaryGhost";
     primaryGhost: "HvButton-primaryGhost";
+    primarySubtle: "HvButton-primarySubtle";
     subtle: "HvButton-subtle";
     focusVisible: "HvButton-focusVisible";
     startIcon: "HvButton-startIcon";
     endIcon: "HvButton-endIcon";
-    primarySubtle: "HvButton-primarySubtle";
 };
 
 export declare const buttonRadius: readonly ["none", "base", "round", "circle", "full"];
@@ -558,8 +558,8 @@ export declare const checkBoxGroupClasses: {
     horizontal: "HvCheckBoxGroup-horizontal";
     label: "HvCheckBoxGroup-label";
     root: "HvCheckBoxGroup-root";
-    group: "HvCheckBoxGroup-group";
     error: "HvCheckBoxGroup-error";
+    group: "HvCheckBoxGroup-group";
     invalid: "HvCheckBoxGroup-invalid";
     selectAll: "HvCheckBoxGroup-selectAll";
 };
@@ -615,9 +615,9 @@ export declare const datePickerClasses: {
     icon: "HvDatePicker-icon";
     inputText: "HvDatePicker-inputText";
     action: "HvDatePicker-action";
+    error: "HvDatePicker-error";
     dropdown: "HvDatePicker-dropdown";
     description: "HvDatePicker-description";
-    error: "HvDatePicker-error";
     labelContainer: "HvDatePicker-labelContainer";
     actionContainer: "HvDatePicker-actionContainer";
     dropdownHeaderInvalid: "HvDatePicker-dropdownHeaderInvalid";
@@ -793,8 +793,8 @@ export declare const dialogClasses: {
     background: "HvDialog-background";
     root: "HvDialog-root";
     paper: "HvDialog-paper";
-    error: "HvDialog-error";
     success: "HvDialog-success";
+    error: "HvDialog-error";
     fullscreen: "HvDialog-fullscreen";
     closeButton: "HvDialog-closeButton";
     statusBar: "HvDialog-statusBar";
@@ -843,9 +843,9 @@ export declare const dropdownClasses: {
     disabled: "HvDropdown-disabled";
     readOnly: "HvDropdown-readOnly";
     placeholderClosed: "HvDropdown-placeholderClosed";
+    error: "HvDropdown-error";
     dropdown: "HvDropdown-dropdown";
     description: "HvDropdown-description";
-    error: "HvDropdown-error";
     arrow: "HvDropdown-arrow";
     labelContainer: "HvDropdown-labelContainer";
     selectionDisabled: "HvDropdown-selectionDisabled";
@@ -906,8 +906,8 @@ export declare const fileUploaderPreviewClasses: {
 export declare const filterGroupClasses: {
     label: "HvFilterGroup-label";
     root: "HvFilterGroup-root";
-    description: "HvFilterGroup-description";
     error: "HvFilterGroup-error";
+    description: "HvFilterGroup-description";
     labelContainer: "HvFilterGroup-labelContainer";
 };
 
@@ -2034,11 +2034,11 @@ export declare const HvButton: <C extends ElementType<any, keyof JSX_2.Intrinsic
         ghost: string;
         secondaryGhost: string;
         primaryGhost: string;
+        primarySubtle: string;
         subtle: string;
         focusVisible: string;
         startIcon: string;
         endIcon: string;
-        primarySubtle: string;
     }> | undefined;
     /** Whether the button is selected or not. */
     selected?: boolean | undefined;
@@ -3953,7 +3953,7 @@ export declare type HvGridSpacing = "xs" | "sm" | "md" | "lg" | "xl" | "auto" |
  */
 export declare const HvHeader: (props: HvHeaderProps) => JSX_3.Element;
 
-export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_3.Element;
+export declare const HvHeaderActions: ForwardRefExoticComponent<HvHeaderActionsProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_76>;
 
@@ -3964,7 +3964,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
 /**
  * Header component is used to render a header bar with logo and brand name, navigation and actions.
  */
-export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_3.Element;
+export declare const HvHeaderBrand: ForwardRefExoticComponent<HvHeaderBrandProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_77>;
 
@@ -4006,7 +4006,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
     classes?: HvHeaderMenuItemClasses;
 }
 
-export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_3.Element;
+export declare const HvHeaderNavigation: ForwardRefExoticComponent<HvHeaderNavigationProps & RefAttributes<HTMLElement>>;
 
 export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_80>;
 
@@ -5704,23 +5704,16 @@ export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_100>;
 
 /** Grid component that enables you to create columns of equal width and define your own breakpoints and responsive behavior. */
 export declare interface HvSimpleGridProps extends HvBaseProps {
-    /**
-     * Spacing with pre-defined values according the values defined in the theme
-     */
-    spacing?: Spacing;
+    /** Spacing with pre-defined values according the values defined in the theme */
+    spacing?: HvBreakpoints;
     /**
      * Provide an array to define responsive behavior:
-     *
-     *    maxWidth or minWidth: max-width or min-width at which media query will work
-     *
-     *    cols: number of columns per row at given max-width
-     *
-     *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead
+     * - `maxWidth` or `minWidth`: max-width or min-width at which media query will work
+     * - `cols`: number of columns per row at given max-width
+     * - `spacing`: optional spacing at given max-width, if not provided spacing from component prop will be used instead
      */
     breakpoints?: Breakpoint[];
-    /**
-     * Number of how many columns the content will be displayed
-     */
+    /** Number of how many columns the content will be displayed */
     cols?: number;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSimpleGridClasses;
@@ -6761,10 +6754,10 @@ export declare const HvTimeAgo: <C extends ElementType<any, keyof JSX_2.Intrinsi
      */
     timestamp?: number | undefined;
     /**
-     * The locale to be used. Should be on of the dayjs supported locales and explicitly imported
-     * @see https://day.js.org/docs/en/i18n/i18n
+     * The locale to be used. Should be on of the JS supported locales
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument
      */
-    locale?: string | undefined;
+    locale?: Intl.LocalesArgument;
     /**
      * The element to render when the timestamp is null or 0
      * Defaults to `—` (Em Dash)
@@ -6800,10 +6793,10 @@ export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = Polymorp
      */
     timestamp?: number;
     /**
-     * The locale to be used. Should be on of the dayjs supported locales and explicitly imported
-     * @see https://day.js.org/docs/en/i18n/i18n
+     * The locale to be used. Should be on of the JS supported locales
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument
      */
-    locale?: string;
+    locale?: Intl.LocalesArgument;
     /**
      * The element to render when the timestamp is null or 0
      * Defaults to `—` (Em Dash)
@@ -7495,8 +7488,8 @@ export declare const inputClasses: {
     inputRootMultiline: "HvInput-inputRootMultiline";
     input: "HvInput-input";
     icon: "HvInput-icon";
-    description: "HvInput-description";
     error: "HvInput-error";
+    description: "HvInput-description";
     labelContainer: "HvInput-labelContainer";
     adornmentButton: "HvInput-adornmentButton";
     inputRootDisabled: "HvInput-inputRootDisabled";
@@ -7638,13 +7631,13 @@ export declare const multiButtonClasses: {
     splitDisabled: "HvMultiButton-splitDisabled";
     multiple: "HvMultiButton-multiple";
     primaryGhost: "HvMultiButton-primaryGhost";
+    primarySubtle: "HvMultiButton-primarySubtle";
     splitGroup: "HvMultiButton-splitGroup";
     splitGroupDisabled: "HvMultiButton-splitGroupDisabled";
     splitContainer: "HvMultiButton-splitContainer";
     split: "HvMultiButton-split";
     firstButton: "HvMultiButton-firstButton";
     lastButton: "HvMultiButton-lastButton";
-    primarySubtle: "HvMultiButton-primarySubtle";
 };
 
 export declare const multiSelectionEventHandler: (evt: any, index: number, selectionAnchor: any, allValues: any[], selectedState: boolean[], selectionCheck: any) => any[];
@@ -7830,8 +7823,8 @@ export declare const radioGroupClasses: {
     horizontal: "HvRadioGroup-horizontal";
     label: "HvRadioGroup-label";
     root: "HvRadioGroup-root";
-    group: "HvRadioGroup-group";
     error: "HvRadioGroup-error";
+    group: "HvRadioGroup-group";
     invalid: "HvRadioGroup-invalid";
 };
 
@@ -7883,8 +7876,8 @@ export declare const selectClasses: {
     readOnly: "HvSelect-readOnly";
     select: "HvSelect-select";
     popper: "HvSelect-popper";
-    description: "HvSelect-description";
     error: "HvSelect-error";
+    description: "HvSelect-description";
     labelContainer: "HvSelect-labelContainer";
     invalid: "HvSelect-invalid";
     panelOpenedUp: "HvSelect-panelOpenedUp";
@@ -7897,8 +7890,8 @@ export declare const selectionListClasses: {
     label: "HvSelectionList-label";
     root: "HvSelectionList-root";
     listbox: "HvSelectionList-listbox";
-    description: "HvSelectionList-description";
     error: "HvSelectionList-error";
+    description: "HvSelectionList-description";
     invalid: "HvSelectionList-invalid";
 };
 
@@ -7962,9 +7955,9 @@ export declare const snackbarContentClasses: {
     root: "HvSnackbar-Content-root";
     action: "HvSnackbar-Content-action";
     default: "HvSnackbar-Content-default";
+    success: "HvSnackbar-Content-success";
     error: "HvSnackbar-Content-error";
     message: "HvSnackbar-Content-message";
-    success: "HvSnackbar-Content-success";
     messageSpan: "HvSnackbar-Content-messageSpan";
     messageText: "HvSnackbar-Content-messageText";
     iconVariant: "HvSnackbar-Content-iconVariant";
@@ -7974,7 +7967,7 @@ export declare const snackbarProviderClasses: {
     snackItemRoot: "HvSnackbarProvider-snackItemRoot";
 };
 
-export declare type Spacing = "sm" | "md" | "lg" | "xl";
+export declare type Spacing = HvBreakpoints;
 
 export declare const stackClasses: {
     xs: "HvStack-xs";
@@ -8147,8 +8140,8 @@ export declare const tagsInputClasses: {
     readOnly: "HvTagsInput-readOnly";
     input: "HvTagsInput-input";
     tagsList: "HvTagsInput-tagsList";
-    description: "HvTagsInput-description";
     error: "HvTagsInput-error";
+    description: "HvTagsInput-description";
     labelContainer: "HvTagsInput-labelContainer";
     invalid: "HvTagsInput-invalid";
     resizable: "HvTagsInput-resizable";
@@ -8173,8 +8166,8 @@ export declare const textAreaClasses: {
     root: "HvTextArea-root";
     disabled: "HvTextArea-disabled";
     input: "HvTextArea-input";
-    description: "HvTextArea-description";
     error: "HvTextArea-error";
+    description: "HvTextArea-description";
     labelContainer: "HvTextArea-labelContainer";
     invalid: "HvTextArea-invalid";
     resizable: "HvTextArea-resizable";
@@ -8198,8 +8191,8 @@ export declare const timePickerClasses: {
     root: "HvTimePicker-root";
     placeholder: "HvTimePicker-placeholder";
     icon: "HvTimePicker-icon";
-    description: "HvTimePicker-description";
     error: "HvTimePicker-error";
+    description: "HvTimePicker-description";
     labelContainer: "HvTimePicker-labelContainer";
     dropdownHeader: "HvTimePicker-dropdownHeader";
     dropdownHeaderInvalid: "HvTimePicker-dropdownHeaderInvalid";
@@ -8430,15 +8423,15 @@ declare const useClasses_102: (classesProp?: Partial<Record<"root" | "anchorOrig
     cx: (...args: any) => string;
 };
 
-declare const useClasses_103: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_103: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
     classes: {
         warning: string;
         root: string;
         action: string;
         default: string;
+        success: string;
         error: string;
         message: string;
-        success: string;
         messageSpan: string;
         messageText: string;
         iconVariant: string;
@@ -8510,7 +8503,7 @@ declare const useClasses_109: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "panel" | "disabled" | "readOnly" | "select" | "popper" | "description" | "error" | "labelContainer" | "invalid" | "panelOpenedUp" | "panelOpenedDown", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "panel" | "disabled" | "readOnly" | "select" | "popper" | "error" | "description" | "labelContainer" | "invalid" | "panelOpenedUp" | "panelOpenedDown", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8519,8 +8512,8 @@ declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "p
         readOnly: string;
         select: string;
         popper: string;
-        description: string;
         error: string;
+        description: string;
         labelContainer: string;
         invalid: string;
         panelOpenedUp: string;
@@ -8570,7 +8563,7 @@ declare const useClasses_112: (classesProp?: Partial<Record<"root" | "flexContai
     cx: (...args: any) => string;
 };
 
-declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "description" | "error" | "labelContainer" | "invalid" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
+declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "error" | "description" | "labelContainer" | "invalid" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8578,8 +8571,8 @@ declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "
         readOnly: string;
         input: string;
         tagsList: string;
-        description: string;
         error: string;
+        description: string;
         labelContainer: string;
         invalid: string;
         resizable: string;
@@ -8602,14 +8595,14 @@ declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_114: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "input" | "description" | "error" | "labelContainer" | "invalid" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
+declare const useClasses_114: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "input" | "error" | "description" | "labelContainer" | "invalid" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
         disabled: string;
         input: string;
-        description: string;
         error: string;
+        description: string;
         labelContainer: string;
         invalid: string;
         resizable: string;
@@ -8629,14 +8622,14 @@ declare const useClasses_115: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "icon" | "description" | "error" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "icon" | "error" | "description" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
         placeholder: string;
         icon: string;
-        description: string;
         error: string;
+        description: string;
         labelContainer: string;
         dropdownHeader: string;
         dropdownHeaderInvalid: string;
@@ -8687,7 +8680,7 @@ declare const useClasses_119: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "primaryGhost" | "subtle" | "focusVisible" | "startIcon" | "endIcon" | "primarySubtle", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "subtle" | "focusVisible" | "startIcon" | "endIcon", string>>, addStatic?: boolean) => {
     classes: {
         secondary: string;
         primary: string;
@@ -8699,11 +8692,11 @@ declare const useClasses_12: (classesProp?: Partial<Record<"secondary" | "primar
         ghost: string;
         secondaryGhost: string;
         primaryGhost: string;
+        primarySubtle: string;
         subtle: string;
         focusVisible: string;
         startIcon: string;
         endIcon: string;
-        primarySubtle: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -8856,15 +8849,15 @@ declare const useClasses_14: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "listbox" | "description" | "error" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "listbox" | "error" | "description" | "invalid", string>>, addStatic?: boolean) => {
     classes: {
         vertical: string;
         horizontal: string;
         label: string;
         root: string;
         listbox: string;
-        description: string;
         error: string;
+        description: string;
         invalid: string;
     };
     css: any;
@@ -9114,15 +9107,15 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_30: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_30: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
     classes: {
         warning: string;
         root: string;
         action: string;
         default: string;
+        success: string;
         error: string;
         message: string;
-        success: string;
         baseVariant: string;
         outContainer: string;
     };
@@ -9347,7 +9340,7 @@ declare const useClasses_44: (classesProp?: Partial<Record<"image" | "slide", st
     cx: (...args: any) => string;
 };
 
-declare const useClasses_45: (classesProp?: Partial<Record<"label" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "icon" | "description" | "error" | "labelContainer" | "adornmentButton" | "inputRootDisabled" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_45: (classesProp?: Partial<Record<"label" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "icon" | "error" | "description" | "labelContainer" | "adornmentButton" | "inputRootDisabled" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9357,8 +9350,8 @@ declare const useClasses_45: (classesProp?: Partial<Record<"label" | "root" | "i
         inputRootMultiline: string;
         input: string;
         icon: string;
-        description: string;
         error: string;
+        description: string;
         labelContainer: string;
         adornmentButton: string;
         inputRootDisabled: string;
@@ -9395,14 +9388,14 @@ declare const useClasses_46: (classesProp?: Partial<Record<"root" | "icon" | "pa
     cx: (...args: any) => string;
 };
 
-declare const useClasses_47: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "group" | "error" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_47: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "error" | "group" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
     classes: {
         vertical: string;
         horizontal: string;
         label: string;
         root: string;
-        group: string;
         error: string;
+        group: string;
         invalid: string;
         selectAll: string;
     };
@@ -9583,7 +9576,7 @@ declare const useClasses_56: (classesProp?: Partial<Record<"root" | "sortDropdow
     cx: (...args: any) => string;
 };
 
-declare const useClasses_57: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "dropdown" | "description" | "error" | "arrow" | "labelContainer" | "selectionDisabled" | "rootList" | "dropdownListContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "dropdown" | "description" | "arrow" | "labelContainer" | "selectionDisabled" | "rootList" | "dropdownListContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9591,9 +9584,9 @@ declare const useClasses_57: (classesProp?: Partial<Record<"label" | "root" | "p
         disabled: string;
         readOnly: string;
         placeholderClosed: string;
+        error: string;
         dropdown: string;
         description: string;
-        error: string;
         arrow: string;
         labelContainer: string;
         selectionDisabled: string;
@@ -9623,7 +9616,7 @@ declare const useClasses_58: (classesProp?: Partial<Record<"listContainer" | "se
     cx: (...args: any) => string;
 };
 
-declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "panel" | "icon" | "inputText" | "action" | "dropdown" | "description" | "error" | "labelContainer" | "actionContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "leftContainer" | "rightContainer" | "dateText", string>>, addStatic?: boolean) => {
+declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "panel" | "icon" | "inputText" | "action" | "error" | "dropdown" | "description" | "labelContainer" | "actionContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "leftContainer" | "rightContainer" | "dateText", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9631,9 +9624,9 @@ declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "p
         icon: string;
         inputText: string;
         action: string;
+        error: string;
         dropdown: string;
         description: string;
-        error: string;
         labelContainer: string;
         actionContainer: string;
         dropdownHeaderInvalid: string;
@@ -9691,14 +9684,14 @@ declare const useClasses_62: (classesProp?: Partial<Record<"root" | "spacing" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_63: (classesProp?: Partial<Record<"warning" | "background" | "root" | "paper" | "error" | "success" | "fullscreen" | "closeButton" | "statusBar", string>>, addStatic?: boolean) => {
+declare const useClasses_63: (classesProp?: Partial<Record<"warning" | "background" | "root" | "paper" | "success" | "error" | "fullscreen" | "closeButton" | "statusBar", string>>, addStatic?: boolean) => {
     classes: {
         warning: string;
         background: string;
         root: string;
         paper: string;
-        error: string;
         success: string;
+        error: string;
         fullscreen: string;
         closeButton: string;
         statusBar: string;
@@ -9719,14 +9712,14 @@ declare const useClasses_64: (classesProp?: Partial<Record<"horizontal" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_65: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "group" | "error" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "error" | "group" | "invalid", string>>, addStatic?: boolean) => {
     classes: {
         vertical: string;
         horizontal: string;
         label: string;
         root: string;
-        group: string;
         error: string;
+        group: string;
         invalid: string;
     };
     css: any;
@@ -9793,12 +9786,12 @@ declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_70: (classesProp?: Partial<Record<"label" | "root" | "description" | "error" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_70: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
-        description: string;
         error: string;
+        description: string;
         labelContainer: string;
     };
     css: any;
@@ -9923,27 +9916,28 @@ declare const useClasses_77: (classesProp?: Partial<Record<"root" | "separator"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_78: (classesProp?: Partial<Record<"root" | "active" | "list" | "menu" | "menubar" | "hidden", string>>, addStatic?: boolean) => {
+declare const useClasses_78: (classesProp?: Partial<Record<"root" | "active" | "list" | "hidden" | "menu" | "menubar", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         active: string;
         list: string;
+        hidden: string;
         menu: string;
         menubar: string;
-        hidden: string;
     };
     css: any;
     cx: (...args: any) => string;
 };
 
-declare const useClasses_79: (classesProp?: Partial<Record<"link" | "root" | "menu" | "menubar" | "selected" | "button", string>>, addStatic?: boolean) => {
+declare const useClasses_79: (classesProp?: Partial<Record<"link" | "root" | "selected" | "button" | "menu" | "menubar" | "item", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         root: string;
-        menu: string;
-        menubar: string;
         selected: string;
         button: string;
+        menu: string;
+        menubar: string;
+        item: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -10062,7 +10056,7 @@ declare const useClasses_87: (classesProp?: Partial<Record<"root" | "formContain
     cx: (...args: any) => string;
 };
 
-declare const useClasses_88: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "splitDisabled" | "multiple" | "primaryGhost" | "splitGroup" | "splitGroupDisabled" | "splitContainer" | "split" | "firstButton" | "lastButton" | "primarySubtle", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "splitDisabled" | "multiple" | "primaryGhost" | "primarySubtle" | "splitGroup" | "splitGroupDisabled" | "splitContainer" | "split" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     classes: {
         secondary: string;
         primary: string;
@@ -10075,13 +10069,13 @@ declare const useClasses_88: (classesProp?: Partial<Record<"secondary" | "primar
         splitDisabled: string;
         multiple: string;
         primaryGhost: string;
+        primarySubtle: string;
         splitGroup: string;
         splitGroupDisabled: string;
         splitContainer: string;
         split: string;
         firstButton: string;
         lastButton: string;
-        primarySubtle: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -10544,9 +10538,9 @@ export declare function useHvTreeItem(nodeId: string): {
     expanded: boolean;
     selected: boolean;
     focused: boolean;
-    handleExpansion: (event: React_2.MouseEvent<HTMLDivElement>) => void;
-    handleSelection: (event: React_2.MouseEvent<HTMLDivElement>) => void;
-    preventSelection: (event: React_2.MouseEvent<HTMLDivElement>) => void;
+    handleExpansion: (event: React_2.MouseEvent) => void;
+    handleSelection: (event: React_2.MouseEvent) => void;
+    preventSelection: (event: React_2.MouseEvent) => void;
 };
 
 export declare const useImageLoaded: (src?: string, srcSet?: string) => string | boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.72.0",
+  "version": "5.73.0",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -32,10 +32,10 @@
   "dependencies": {
     "@emotion/cache": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
-    "@hitachivantara/uikit-react-icons": "^5.11.0",
-    "@hitachivantara/uikit-react-shared": "^5.3.3",
-    "@hitachivantara/uikit-react-utils": "^0.2.3",
-    "@hitachivantara/uikit-styles": "^5.33.1",
+    "@hitachivantara/uikit-react-icons": "^5.12.0",
+    "@hitachivantara/uikit-react-shared": "^5.3.5",
+    "@hitachivantara/uikit-react-utils": "^0.2.5",
+    "@hitachivantara/uikit-styles": "^5.34.0",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.40",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "203815fb64303db21ae2810cc2055f186f9cfe07",
+  "gitHead": "28985d0931d61161910d73f3eb2b1d312ec86a81",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",