@hitachivantara/uikit-react-core 5.18.0 → 5.18.1

package/dist/types/index.d.ts

@@ -10,8 +10,10 @@ import { Cell } from 'react-table';
 import { ChangeEvent } from 'react';
 import { CheckboxProps } from '@mui/material';
 import { ChipProps } from '@mui/material/Chip';
+import { ClassNameMap } from '@mui/material';
 import { ColumnInstance } from 'react-table';
 import { ColumnInterface } from 'react-table';
+import type { CombinedClassKey } from 'notistack';
 import { ComponentProps } from 'react';
 import { ContainerProps } from '@mui/material/Container';
 import type { Context } from 'react';
@@ -47,6 +49,7 @@ import { IconBaseProps } from '@hitachivantara/uikit-react-icons';
 import { IdType as IdType_2 } from 'react-table';
 import { ImgHTMLAttributes } from 'react';
 import { InputBaseComponentProps } from '@mui/material';
+import { InputBaseProps } from '@mui/material';
 import { InputProps } from '@mui/material';
 import type { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
 import { MouseEvent as MouseEvent_2 } from 'react';
@@ -56,6 +59,7 @@ import { PropGetter } from 'react-table';
 import { RadioProps } from '@mui/material';
 import { default as React_2 } from 'react';
 import { ReactElement } from 'react';
+import { ReactNode } from 'react';
 import { ReducerTableState } from 'react-table';
 import type { RefAttributes } from 'react';
 import { RefObject } from 'react';
@@ -1666,7 +1670,7 @@ export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" |
     /** Attributes applied to the input element. */
     inputProps?: InputBaseComponentProps;
     /** Allows passing a ref to the underlying input */
-    inputRef?: RefObject<HTMLElement>;
+    inputRef?: InputBaseProps["inputRef"];
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBaseInputClasses;
 }
@@ -1674,11 +1678,6 @@ export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" |
 /** HV Base Props. Extends `HTMLAttributes` of an element `E`, and filters `K` keys. */
 export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extends keyof HTMLAttributes<E> = never> = Omit<HTMLAttributes<E>, K>;
 
-declare type HvBaseProps_2<C extends React.ElementType> = PolymorphicComponentRef<C, {
-    style?: React.CSSProperties;
-    sx?: SxProps;
-}>;
-
 /**
  * A Radio Button is a mechanism that allows user to select one or more options.
  *
@@ -1864,9 +1863,19 @@ export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange"
 
 export { HvBaseTheme }
 
+/**
+ * Customizable layout component that can be used to wrap other components.
+ * It can be used to add styles to the wrapped components.
+ * It can also be used to create a layout using the flexbox properties.
+ */
 export declare const HvBox: HvBoxProps;
 
-export declare type HvBoxProps = <C extends React.ElementType = "div">(props: HvBaseProps_2<C>) => React.ReactElement | null;
+declare type HvBoxBaseProps<C extends React.ElementType> = PolymorphicComponentRef<C, {
+    style?: React.CSSProperties;
+    sx?: SxProps;
+}>;
+
+export declare type HvBoxProps = <C extends React.ElementType = "div">(props: HvBoxBaseProps<C>) => React.ReactElement | null;
 
 /**
  * A breadcrumb is a graphical control element frequently used as a navigational aid.
@@ -2251,7 +2260,7 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
 
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_26>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_29>;
 
 export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "title" | "onChange"> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2292,7 +2301,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
  */
 export declare const HvCarouselSlide: ({ classes: classesProp, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
 
-export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_27>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_30>;
 
 export declare interface HvCarouselSlideProps extends ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2516,7 +2525,7 @@ export declare type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEven
  */
 export declare const HvColorPicker: ({ id, name, required, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, className, classes: classesProp, value, onChange, defaultValue, expanded, defaultExpanded, recommendedColorsPosition, recommendedColors, showLabels, labels: labelsProp, dropdownIcon, placeholder, iconOnly, showSavedColors, showCustomColors, savedColorsValue, defaultSavedColorsValue, onSavedColorAdded, onSavedColorRemoved, deleteSavedColorButtonArialLabel, }: HvColorPickerProps) => JSX_2.Element;
 
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_25>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_28>;
 
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2759,7 +2768,7 @@ declare interface HvDateColumnCellProp {
  */
 export declare const HvDatePicker: ({ classes: classesProp, className, id, name, required, disabled, readOnly, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, onCancel, onClear, status, statusMessage, "aria-errormessage": ariaErrorMessage, placeholder, labels: labelsProp, value, startValue, endValue, rangeMode, startAdornment, horizontalPlacement, locale: localeProp, showActions, showClear, disablePortal, escapeWithReference, dropdownProps, calendarProps, ...others }: HvDatePickerProps) => JSX_2.Element;
 
-export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_21>;
 
 export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -3671,9 +3680,9 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  */
 export declare const HvFilterGroup: ({ className, id, name, required, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, onCancel, onClear, status, statusMessage, labels: labelsProp, defaultValue, value, filters, horizontalPlacement, disablePortal, escapeWithReference, height, filterContentProps, classes: classesProp, ...others }: HvFilterGroupProps) => JSX_2.Element;
 
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_16>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_19>;
 
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_17>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_20>;
 
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -4221,7 +4230,7 @@ export declare interface HvHooks<D extends object = Record<string, unknown>, H e
     useFinalInstance: Array<(instance: HvTableInstance<D, H>) => void>;
 }
 
-export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_21>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_24>;
 
 /**
  * Provides the user with additional descriptive text for the form element.
@@ -4249,7 +4258,7 @@ export declare interface HvInfoMessageProps extends HvBaseProps {
  */
 export declare const HvInlineEditor: ({ className, classes: classesProp, value: valueProp, defaultValue, showIcon, component: InputComponent, variant, placeholder, onBlur, onChange, onKeyDown, buttonProps, typographyProps, ...others }: HvInlineEditorProps) => JSX_2.Element;
 
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_23>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_26>;
 
 export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement, "onBlur" | "onChange"> {
     /** The value of the form element. */
@@ -4275,7 +4284,7 @@ export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement,
 /**
  * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.
  */
-export declare const HvInput: ({ classes: classesProp, className, id, name, value: valueProp, defaultValue, required, readOnly, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, onEnter, status, statusMessage, "aria-errormessage": ariaErrorMessage, type, placeholder, autoFocus, labels: labelsProp, validationMessages, disableClear, disableRevealPassword, disableSearchButton, endAdornment, maxCharQuantity, minCharQuantity, validation, showValidationIcon, suggestionListCallback, inputRef: inputRefProp, onBlur, onFocus, onKeyDown, inputProps, ...others }: HvInputProps) => JSX_2.Element;
+export declare const HvInput: React_2.ForwardRefExoticComponent<HvInputProps & React_2.RefAttributes<InputElement>>;
 
 export declare type HvInputClasses = ExtractNames<typeof useClasses_8>;
 
@@ -4329,28 +4338,28 @@ export declare interface HvInputProps extends HvBaseProps<HTMLElement, "onChange
      * The function that will be executed onChange, allows modification of the input,
      * it receives the value. If a new value should be presented it must returned it.
      */
-    onChange?: (event: React_2.ChangeEvent<HTMLInputElement>, value: string) => void;
+    onChange?: HvBaseInputProps["onChange"];
     /**
      * Callback called when the user submits the value by pressing Enter/Return.
      *
      * Also called when the search button is clicked (when type is "search").
      */
-    onEnter?: (event: React_2.KeyboardEvent<HTMLInputElement> | React_2.MouseEvent, value: string) => void;
+    onEnter?: (event: React_2.KeyboardEvent<InputElement> | React_2.MouseEvent, value: string) => void;
     /**
      * The function that will be executed onBlur, allows checking the validation state,
      * it receives the value and the validation state.
      */
-    onBlur?: (event: React_2.FocusEvent<HTMLInputElement>, value: string, validationState: HvInputValidity) => void;
+    onBlur?: (event: React_2.FocusEvent<InputElement>, value: string, validationState: HvInputValidity) => void;
     /**
      * The function that will be executed onBlur, allows checking the value state,
      * it receives the value.
      */
-    onFocus?: (event: React_2.FocusEventHandler<HTMLInputElement>, value: string) => void;
+    onFocus?: (event: React_2.FocusEvent<InputElement>, value: string) => void;
     /**
      * The function that will be executed onKeyDown, allows checking the value state,
      * it receives the event and value.
      */
-    onKeyDown?: (event: React_2.KeyboardEvent<HTMLInputElement> | React_2.MouseEvent, value: string) => void;
+    onKeyDown?: (event: React_2.KeyboardEvent<InputElement> | React_2.MouseEvent, value: string) => void;
     /** The input type. */
     type?: HTMLInputTypeAttribute;
     /** The placeholder value of the input. */
@@ -4361,8 +4370,11 @@ export declare interface HvInputProps extends HvBaseProps<HTMLElement, "onChange
     validationMessages?: HvValidationMessages;
     /** Attributes applied to the input element. */
     inputProps?: InputBaseComponentProps;
-    /** Allows passing a ref to the underlying input */
-    inputRef?: any;
+    /**
+     * Allows passing a ref to the underlying input
+     * @deprecated Use `ref` directly instead
+     * */
+    inputRef?: HvBaseInputProps["inputRef"];
     /** The function that will be executed to received an array of objects that has a label and id to create list of suggestion */
     suggestionListCallback?: (value: string) => HvInputSuggestion[] | null;
     /**
@@ -4843,7 +4855,7 @@ export declare interface HvNotistackSnackMessageProps {
     /** Classname to apply on the root node */
     className?: string;
     /** Your component tree. */
-    message?: string;
+    message?: ReactNode | string;
     /** Variant of the snackbar. */
     variant?: HvSnackbarVariant;
     /** Extra values to pass to the snackbar. */
@@ -5086,7 +5098,7 @@ export declare interface HvProviderProps {
  */
 export declare const HvQueryBuilder: ({ attributes, query, onChange, operators, combinators, maxDepth, labels, readOnly, classes, }: HvQueryBuilderProps) => JSX_2.Element;
 
-export declare type HvQueryBuilderClasses = Partial<ExtractNames<typeof useClasses_24>>;
+export declare type HvQueryBuilderClasses = Partial<ExtractNames<typeof useClasses_27>>;
 
 export declare interface HvQueryBuilderProps {
     attributes?: Record<string, Attribute>;
@@ -5404,7 +5416,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
  */
 export declare const HvScrollToHorizontal: ({ id, defaultSelectedIndex, scrollElementId, href, onChange, onClick, onEnter, className, classes: classesProp, options, offset, position, tooltipPosition, ...others }: HvScrollToHorizontalProps) => JSX_2.Element;
 
-export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_22>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_25>;
 
 export declare interface HvScrollToHorizontalOption {
     key?: string;
@@ -5457,7 +5469,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
  */
 export declare const HvScrollToVertical: ({ id, defaultSelectedIndex, scrollElementId, href, onChange, onClick, onEnter, className, classes: classesProp, options, offset, position, tooltipPosition, style, ...others }: HvScrollToVerticalProps) => JSX_2.Element;
 
-export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_20>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_23>;
 
 export declare interface HvScrollToVerticalOption {
     key?: string;
@@ -5771,38 +5783,13 @@ 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, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, transitionDuration, transitionDirection, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_2.Element;
+export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, transitionDuration, transitionDirection, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_2.Element;
 
-export declare interface HvSnackbarClasses {
-    root?: string;
-    /** Styles applied to the component when define as top right.  */
-    anchorOriginTopRight?: string;
-    /** Styles applied to the component when define as top left.  */
-    anchorOriginTopLeft?: string;
-    /** Styles applied to the component when define as top center.  */
-    anchorOriginTopCenter?: string;
-    /** Styles applied to the component when define as bottom center.  */
-    anchorOriginBottomCenter?: string;
-    /** Styles applied to the component when define as bottom left.  */
-    anchorOriginBottomLeft?: string;
-    /** Styles applied to the component when define as bottom right.  */
-    anchorOriginBottomRight?: string;
-}
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_14>;
 
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare interface HvSnackbarContentClasses {
-    root?: string;
-    message?: string;
-    messageSpan?: string;
-    iconVariant?: string;
-    messageText?: string;
-    action?: string;
-    default?: string;
-    success?: string;
-    warning?: string;
-    error?: string;
-}
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_15>;
 
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes">, HvBaseProps {
     /** The message to display. */
@@ -5818,7 +5805,7 @@ export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProp
     /** The callback function ran when an action is triggered, receiving `action` as param */
     actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
     /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvSnackbarContentClasses;
+    classes?: Partial<HvSnackbarContentClasses>;
 }
 
 export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" | "classes">, Omit<HvBaseProps, "children"> {
@@ -5851,20 +5838,12 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
     /** Others applied to the content of the snackbar. */
     snackbarContentProps?: HvSnackbarContentProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvSnackbarClasses;
+    classes?: Partial<HvSnackbarClasses>;
 }
 
-export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, ...others }: {
-    [x: string]: any;
-    children: any;
-    notistackClassesOverride?: {} | undefined;
-    maxSnack?: number | undefined;
-    autoHideDuration?: number | undefined;
-    anchorOrigin?: {
-        vertical: string;
-        horizontal: string;
-    } | undefined;
-}) => JSX_2.Element;
+export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
+
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_16>;
 
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -5876,7 +5855,10 @@ export declare interface HvSnackbarProviderProps {
     /** Where is the snackbar placed. */
     anchorOrigin?: SnackbarOrigin;
     /** Class object used to override notistack classes. */
-    notistackClassesOverride?: object;
+    notistackClassesOverride?: Partial<ClassNameMap<CombinedClassKey>>;
+    /** A Jss Object used to override or extend the styles applied to the component. */
+    classes?: Partial<HvSnackbarProviderClasses>;
+    className?: string;
 }
 
 export declare type HvSnackbarVariant = "default" | "success" | "warning" | "error";
@@ -5924,7 +5906,7 @@ export declare interface HvSuggestion {
     disabled?: boolean;
 }
 
-export declare const HvSuggestions: ({ id, className, classes, expanded, anchorEl, suggestionValues, onClose, onSuggestionSelected, ...others }: HvSuggestionsProps) => JSX_2.Element;
+export declare const HvSuggestions: React_2.ForwardRefExoticComponent<HvSuggestionsProps & React_2.RefAttributes<unknown>>;
 
 export declare interface HvSuggestionsClasses {
     root?: string;
@@ -6157,7 +6139,7 @@ export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & R
 
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
 
-export declare type HvTableCellClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvTableCellClasses = ExtractNames<typeof useClasses_18>;
 
 export declare interface HvTableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
@@ -6464,7 +6446,7 @@ export declare interface HvTableProps extends TableHTMLAttributes<HTMLTableEleme
  */
 export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableRowClasses = ExtractNames<typeof useClasses_14>;
+export declare type HvTableRowClasses = ExtractNames<typeof useClasses_17>;
 
 export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, "children"> {
     /** Content to be rendered */
@@ -6715,7 +6697,7 @@ export declare interface HvTagSuggestion extends HvInputSuggestion {
 /**
  * A text area is a multiline text input box, with an optional character counter when there is a length limit.
  */
-export declare const HvTextArea: ({ id, className, classes, name, label, description, placeholder, status, statusMessage, validationMessages, maxCharQuantity, minCharQuantity, value: valueProp, inputRef: inputRefProp, rows, defaultValue, middleCountLabel, countCharProps, inputProps, required, readOnly, disabled, autoFocus, resizable, autoScroll, hideCounter, blockMax, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, validation, onChange, onBlur, onFocus, ...others }: HvTextAreaProps) => JSX_2.Element;
+export declare const HvTextArea: ForwardRefExoticComponent<Omit<HvTextAreaProps, "ref"> & RefAttributes<any>>;
 
 export declare interface HvTextAreaClasses {
     root?: string;
@@ -6859,7 +6841,7 @@ export declare interface HvThemePalette {
     support: HvSupportColors;
 }
 
-export declare const HvThemeProvider: ({ children, themes: themesList, theme, emotionCache, colorMode, themeRootId, }: HvThemeProviderProps) => JSX_2.Element;
+export declare const HvThemeProvider: ({ children, themes: themesList, theme, emotionCache, colorMode, themeRootId: rootId, }: HvThemeProviderProps) => JSX_2.Element;
 
 declare interface HvThemeProviderProps {
     children: React.ReactNode;
@@ -6922,7 +6904,7 @@ export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "childr
  */
 export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
 
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_28>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_31>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
@@ -7661,7 +7643,7 @@ export declare interface HvVerticalNavigationTreeViewProps {
     children?: React.ReactNode;
 }
 
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_19>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_22>;
 
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
@@ -7744,6 +7726,8 @@ export declare const inputClasses: {
     inputExtension: "HvInput-inputExtension";
 };
 
+declare type InputElement = HTMLInputElement | HTMLTextAreaElement;
+
 export declare const isBrowser: (browsers: any) => boolean | null;
 
 export declare const isInvalid: (compareState: any) => boolean;
@@ -8318,8 +8302,12 @@ export declare const snackbarContentClasses: {
     root: "HvSnackbar-Content-root";
     message: "HvSnackbar-Content-message";
     messageSpan: "HvSnackbar-Content-messageSpan";
-    iconVariant: "HvSnackbar-Content-iconVariant";
     messageText: "HvSnackbar-Content-messageText";
+    iconVariant: "HvSnackbar-Content-iconVariant";
+};
+
+export declare const snackbarProviderClasses: {
+    snackItemRoot: "HvSnackbarProvider-snackItemRoot";
 };
 
 export declare type Spacing = "sm" | "md" | "lg" | "xl";
@@ -8709,7 +8697,55 @@ declare const useClasses_13: (classesProp?: Partial<Record<"default" | "action"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"body" | "footer" | "head" | "expanded" | "selected" | "root" | "hover" | "striped" | "variantList" | "variantListHead", string>>) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>) => {
+    classes: {
+        root: string;
+        anchorOriginTopCenter: string;
+        anchorOriginBottomCenter: string;
+        anchorOriginTopRight: string;
+        anchorOriginBottomRight: string;
+        anchorOriginTopLeft: string;
+        anchorOriginBottomLeft: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_15: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>) => {
+    classes: {
+        default: string;
+        action: string;
+        error: string;
+        warning: string;
+        success: string;
+        root: string;
+        message: string;
+        messageSpan: string;
+        messageText: string;
+        iconVariant: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_16: (classesProp?: Partial<Record<"snackItemRoot", string>>) => {
+    classes: {
+        snackItemRoot: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_17: (classesProp?: Partial<Record<"body" | "footer" | "head" | "expanded" | "selected" | "root" | "hover" | "striped" | "variantList" | "variantListHead", string>>) => {
     classes: {
         body: string;
         footer: string;
@@ -8729,7 +8765,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>) => {
     classes: {
         body: string;
         footer: string;
@@ -8763,7 +8799,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"label" | "error" | "root" | "description" | "labelContainer", string>>) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"label" | "error" | "root" | "description" | "labelContainer", string>>) => {
     classes: {
         label: string;
         error: string;
@@ -8778,7 +8814,18 @@ declare const useClasses_16: (classesProp?: Partial<Record<"label" | "error" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"header" | "space" | "actionBar" | "dropdown" | "root" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>) => {
+declare const useClasses_2: (classesProp?: Partial<Record<"root", string>>) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_20: (classesProp?: Partial<Record<"header" | "space" | "actionBar" | "dropdown" | "root" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>) => {
     classes: {
         header: string;
         space: string;
@@ -8798,7 +8845,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"header" | "space" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"label" | "icon" | "action" | "error" | "dropdown" | "root" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>) => {
+declare const useClasses_21: (classesProp?: Partial<Record<"label" | "icon" | "action" | "error" | "dropdown" | "root" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>) => {
     classes: {
         label: string;
         icon: string;
@@ -8822,7 +8869,7 @@ declare const useClasses_18: (classesProp?: Partial<Record<"label" | "icon" | "a
     cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>) => {
+declare const useClasses_22: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>) => {
     classes: {
         button: string;
         text: string;
@@ -8836,18 +8883,7 @@ declare const useClasses_19: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp?: Partial<Record<"root", string>>) => {
-    classes: {
-        root: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
-declare const useClasses_20: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>) => {
+declare const useClasses_23: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>) => {
     classes: {
         root: string;
         positionFixed: string;
@@ -8860,7 +8896,7 @@ declare const useClasses_20: (classesProp?: Partial<Record<"root" | "positionFix
     cx: (...args: any) => string;
 };
 
-declare const useClasses_21: (classesProp?: Partial<Record<"button" | "text" | "selected" | "root", string>>) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"button" | "text" | "selected" | "root", string>>) => {
     classes: {
         button: string;
         text: string;
@@ -8874,7 +8910,7 @@ declare const useClasses_21: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_22: (classesProp?: Partial<Record<"selected" | "root" | "positionFixed" | "positionSticky" | "notSelectedRoot" | "notSelected", string>>) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"selected" | "root" | "positionFixed" | "positionSticky" | "notSelectedRoot" | "notSelected", string>>) => {
     classes: {
         selected: string;
         root: string;
@@ -8890,7 +8926,7 @@ declare const useClasses_22: (classesProp?: Partial<Record<"selected" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_23: (classesProp?: Partial<Record<"button" | "input" | "text" | "icon" | "root" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>) => {
+declare const useClasses_26: (classesProp?: Partial<Record<"button" | "input" | "text" | "icon" | "root" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>) => {
     classes: {
         button: string;
         input: string;
@@ -8910,7 +8946,7 @@ declare const useClasses_23: (classesProp?: Partial<Record<"button" | "input" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_24: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>) => {
     classes: {
         root: string;
         removeButton: string;
@@ -8935,7 +8971,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"root" | "removeButto
     cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>) => {
+declare const useClasses_28: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>) => {
     classes: {
         label: string;
         colorPicker: string;
@@ -8958,7 +8994,7 @@ declare const useClasses_25: (classesProp?: Partial<Record<"label" | "colorPicke
     cx: (...args: any) => string;
 };
 
-declare const useClasses_26: (classesProp?: Partial<Record<"title" | "main" | "dot" | "controls" | "xs" | "root" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"title" | "main" | "dot" | "controls" | "xs" | "root" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>) => {
     classes: {
         title: string;
         main: string;
@@ -8992,7 +9028,23 @@ declare const useClasses_26: (classesProp?: Partial<Record<"title" | "main" | "d
     cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"image" | "slide", string>>) => {
+declare const useClasses_3: (classesProp?: Partial<Record<"icon" | "selected" | "root" | "selectable" | "semanticContainer" | "semanticBar", string>>) => {
+    classes: {
+        icon: string;
+        selected: string;
+        root: string;
+        selectable: string;
+        semanticContainer: string;
+        semanticBar: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_30: (classesProp?: Partial<Record<"image" | "slide", string>>) => {
     classes: {
         image: string;
         slide: string;
@@ -9004,7 +9056,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"image" | "slide", st
     cx: (...args: any) => string;
 };
 
-declare const useClasses_28: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>) => {
     classes: {
         placeholder: string;
         label: string;
@@ -9027,22 +9079,6 @@ declare const useClasses_28: (classesProp?: Partial<Record<"placeholder" | "labe
     cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"icon" | "selected" | "root" | "selectable" | "semanticContainer" | "semanticBar", string>>) => {
-    classes: {
-        icon: string;
-        selected: string;
-        root: string;
-        selectable: string;
-        semanticContainer: string;
-        semanticBar: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
 declare const useClasses_4: (classesProp?: Partial<Record<"title" | "content" | "action" | "root" | "titleShort" | "subheader", string>>) => {
     classes: {
         title: string;
@@ -9312,7 +9348,7 @@ export declare interface UseHvRowSelectionTableRowProps {
 }
 
 export declare const useHvSnackbar: () => {
-    enqueueSnackbar: (message: any, options?: {}) => SnackbarKey;
+    enqueueSnackbar: (message: ReactNode | string | undefined, options?: {}) => SnackbarKey;
     closeSnackbar: (key?: SnackbarKey | undefined) => void;
 };