@hitachivantara/uikit-react-core 5.48.0 → 5.49.0

package/dist/types/index.d.ts

@@ -10,10 +10,8 @@ import { Cell } from 'react-table';
 import { ChangeEvent } from 'react';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { ChipProps } from '@mui/material/Chip';
-import { ClassNameMap } from '@mui/material/styles';
 import { ColumnInstance } from 'react-table';
 import { ColumnInterface } from 'react-table';
-import { CombinedClassKey } from 'notistack';
 import { ComponentProps } from 'react';
 import { ContainerProps } from '@mui/material/Container';
 import { Context } from 'react';
@@ -30,7 +28,6 @@ import { DrawerProps } from '@mui/material/Drawer';
 import { ds3 } from '@hitachivantara/uikit-styles';
 import { ds5 } from '@hitachivantara/uikit-styles';
 import { ElementType } from 'react';
-import { EmblaOptionsType } from 'embla-carousel-react';
 import { EmotionCache } from '@emotion/cache';
 import { EmotionContext } from '@hitachivantara/uikit-react-shared';
 import { ForwardRefExoticComponent } from 'react';
@@ -66,7 +63,8 @@ import { ImgHTMLAttributes } from 'react';
 import { InputBaseComponentProps } from '@mui/material/InputBase';
 import { InputBaseProps } from '@mui/material/InputBase';
 import { InputProps } from '@mui/material/Input';
-import { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
+import { JSX as JSX_3 } from '@emotion/react/jsx-runtime';
 import { JSXElementConstructor } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { MouseEventHandler } from 'react';
@@ -84,6 +82,7 @@ import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { Renderer } from 'react-table';
 import { Row } from 'react-table';
+import { SlideProps } from '@mui/material/Slide';
 import { SliderProps } from 'rc-slider';
 import { SliderRef } from 'rc-slider';
 import { SnackbarCloseReason } from '@mui/material/Snackbar';
@@ -91,6 +90,7 @@ import { SnackbarContentProps } from '@mui/material/SnackbarContent';
 import { SnackbarKey } from 'notistack';
 import { SnackbarOrigin } from '@mui/material/Snackbar';
 import { SnackbarProps } from '@mui/material/Snackbar';
+import { SnackbarProviderProps } from 'notistack';
 import { SwitchProps } from '@mui/material/Switch';
 import { SyntheticEvent } from 'react';
 import { TableCellProps } from 'react-table';
@@ -112,6 +112,7 @@ import { themes } from '@hitachivantara/uikit-styles';
 import { ThHTMLAttributes } from 'react';
 import { TooltipProps } from '@mui/material/Tooltip';
 import { TransitionProps } from '@mui/material/transitions';
+import useCarousel from 'embla-carousel-react';
 import { UseColumnOrderInstanceProps } from 'react-table';
 import { UseColumnOrderState } from 'react-table';
 import { useEffect } from 'react';
@@ -522,13 +523,13 @@ declare type CellValue<V = any> = V;
 export declare const CellWithCheckBox: ({ row, labels: labelsProp }: {
     row: any;
     labels: any;
-}) => JSX_2.Element;
+}) => JSX_3.Element;
 
 export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp }: {
     row: any;
     cell: any;
     labels: any;
-}) => JSX_2.Element;
+}) => JSX_3.Element;
 
 export declare const charCounterClasses: {
     root: "HvCharCounter-root";
@@ -1021,8 +1022,8 @@ export declare const getSelectorIcons: (options: {
     disabled: boolean;
     semantic: boolean;
 }, classes: HvBaseRadioClasses) => {
-    radio: JSX_2.Element;
-    radioChecked: JSX_2.Element;
+    radio: JSX_3.Element;
+    radioChecked: JSX_3.Element;
 };
 
 export declare const getTableHeadPropsHook: (props: any, { instance }: {
@@ -1034,13 +1035,14 @@ export declare const getVarValue: (cssVar: string, rootElementId?: string) => st
 export declare const globalActionsClasses: {
     name: "HvGlobalActions-name";
     root: "HvGlobalActions-root";
+    section: "HvGlobalActions-section";
     wrapper: "HvGlobalActions-wrapper";
-    globalSectionArea: "HvGlobalActions-globalSectionArea";
     sectionName: "HvGlobalActions-sectionName";
     actions: "HvGlobalActions-actions";
     positionSticky: "HvGlobalActions-positionSticky";
     positionFixed: "HvGlobalActions-positionFixed";
     global: "HvGlobalActions-global";
+    globalSectionArea: "HvGlobalActions-globalSectionArea";
     globalWrapperComplement: "HvGlobalActions-globalWrapperComplement";
     backButton: "HvGlobalActions-backButton";
 };
@@ -1119,7 +1121,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
 /**
  * A accordion is a design element that expands in place to expose hidden information.
  */
-export declare const HvAccordion: (props: HvAccordionProps) => JSX_2.Element;
+export declare const HvAccordion: (props: HvAccordionProps) => JSX_3.Element;
 
 export declare type HvAccordionClasses = ExtractNames<typeof useClasses_15>;
 
@@ -1166,7 +1168,7 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
     classes?: HvAccordionClasses;
 }
 
-export declare const HvActionBar: (props: HvActionBarProps) => JSX_2.Element;
+export declare const HvActionBar: (props: HvActionBarProps) => JSX_3.Element;
 
 export declare type HvActionBarClasses = ExtractNames<typeof useClasses_16>;
 
@@ -1197,7 +1199,7 @@ export declare interface HvActionGeneric {
     disabled?: boolean;
 }
 
-export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_2.Element | null;
+export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_3.Element | null;
 
 export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_17>;
 
@@ -1244,9 +1246,9 @@ export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | H
     classes?: HvAdornmentClasses;
 }
 
-export declare const HvAppSwitcher: (props: HvAppSwitcherProps) => JSX_2.Element;
+export declare const HvAppSwitcher: (props: HvAppSwitcherProps) => JSX_3.Element;
 
-export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_2.Element;
+export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_3.Element;
 
 export declare interface HvAppSwitcherActionApplication {
     /** Id of the application. */
@@ -1398,7 +1400,7 @@ export declare type HvAvatarVariant = "circular" | "square";
 /**
  * The badge is a component used to notify the user that something has occurred, in the app context.
  */
-export declare const HvBadge: (props: HvBadgeProps) => JSX_2.Element;
+export declare const HvBadge: (props: HvBadgeProps) => JSX_3.Element;
 
 export declare type HvBadgeClasses = ExtractNames<typeof useClasses_22>;
 
@@ -1437,7 +1439,7 @@ export declare interface HvBadgeProps extends HvBaseProps {
  * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.
  * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.
  */
-export declare const HvBanner: (props: HvBannerProps) => JSX_2.Element;
+export declare const HvBanner: (props: HvBannerProps) => JSX_3.Element;
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
@@ -1495,9 +1497,11 @@ export declare interface HvBannerProps extends Omit<SnackbarProps, "anchorOrigin
     transitionDuration?: number;
     /** Direction of slide transition. */
     transitionDirection?: "up" | "down" | "left" | "right";
+    /** The container the banner should slide from. */
+    container?: SlideProps["container"];
     /** Offset from top/bottom of the page, in px. Defaults to 60px. */
     offset?: number;
-    /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */
+    /** Props to pass down to the banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */
     bannerContentProps?: HvBannerContentProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBannerClasses;
@@ -1685,7 +1689,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps {
  * An Input component that only posses the most basic functionalities.
  * It should be used alongside the other form elements to construct a proper accessible form.
  */
-export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_2.Element;
+export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_3.Element;
 
 export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_13>;
 
@@ -1900,7 +1904,7 @@ export declare type HvBoxProps = <C extends React.ElementType = "div">(props: Hv
 /**
  * A breadcrumb is a graphical control element frequently used as a navigational aid.
  */
-export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_2.Element;
+export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_3.Element;
 
 export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_29>;
 
@@ -1932,7 +1936,7 @@ export { HvBreakpoints }
  * Bulk Actions allow users to perform an action on a single or multiple items.
  * Also known as "batch production" of multiple items at once, one stage at a time.
  */
-export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_2.Element;
+export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_3.Element;
 
 export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_31>;
 
@@ -2006,12 +2010,12 @@ export declare interface HvBulkActionsProps extends HvBaseProps {
 /**
  * Button component is used to trigger an action or event.
  */
-export declare const HvButton: <C extends ElementType<any> = "button">(props: {
-    /** Use the variant prop to change the visual style of the Button. */
+export declare const HvButton: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "button">(props: {
+    /** Use the variant prop to change the visual style of the button. */
     variant?: "secondary" | "primary" | "semantic" | "secondarySubtle" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "ghost" | undefined;
-    /** Whether the Button is an icon-only button. */
+    /** Whether the button is an icon-only button. */
     icon?: boolean | undefined;
-    /** Whether the Button is disabled or not. */
+    /** Whether the button is disabled or not. */
     disabled?: boolean | undefined;
     /** Class names to be applied. */
     className?: string | undefined;
@@ -2042,24 +2046,30 @@ export declare const HvButton: <C extends ElementType<any> = "button">(props: {
         endIcon: string;
         focusVisible: string;
     }> | undefined;
-    /** Whether the Button is selected or not. */
+    /** Whether the button is selected or not. */
     selected?: boolean | undefined;
+    /**
+     * Whether the button is focusable when disabled.
+     * Without this property, the accessibility of the button decreases when disabled since it's not read by screen readers.
+     * Set this property to `true` when you need the button to still be focusable when disabled for accessibility purposes.
+     */
+    focusableWhenDisabled?: boolean | undefined;
 } & {
     component?: C | undefined;
 } & {
     children?: ReactNode;
-} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "startIcon" | "endIcon" | "overrideIconColors"> ? T extends any ? T : never : never : never) & {
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvButtonClasses = ExtractNames<typeof useClasses_33>;
 
 export declare type HvButtonProps<C extends React.ElementType = "button"> = PolymorphicComponentRef<C, {
-    /** Use the variant prop to change the visual style of the Button. */
+    /** Use the variant prop to change the visual style of the button. */
     variant?: HvButtonVariant;
-    /** Whether the Button is an icon-only button. */
+    /** Whether the button is an icon-only button. */
     icon?: boolean;
-    /** Whether the Button is disabled or not. */
+    /** Whether the button is disabled or not. */
     disabled?: boolean;
     /** Class names to be applied. */
     className?: string;
@@ -2075,8 +2085,14 @@ export declare type HvButtonProps<C extends React.ElementType = "button"> = Poly
     overrideIconColors?: boolean;
     /** A Jss Object used to override or extend the styles applied. */
     classes?: HvButtonClasses;
-    /** Whether the Button is selected or not. */
+    /** Whether the button is selected or not. */
     selected?: boolean;
+    /**
+     * Whether the button is focusable when disabled.
+     * Without this property, the accessibility of the button decreases when disabled since it's not read by screen readers.
+     * Set this property to `true` when you need the button to still be focusable when disabled for accessibility purposes.
+     */
+    focusableWhenDisabled?: boolean;
 }>;
 
 export declare type HvButtonRadius = (typeof buttonRadius)[number];
@@ -2085,12 +2101,12 @@ export declare type HvButtonSize = (typeof buttonSize)[number];
 
 export declare type HvButtonVariant = (typeof buttonVariant)[number];
 
-export declare const HvCalendar: (props: HvCalendarProps) => JSX_2.Element;
+export declare const HvCalendar: (props: HvCalendarProps) => JSX_3.Element;
 
 export declare type HvCalendarClasses = ExtractNames<typeof useClasses_34>;
 
 export declare const HvCalendarHeader: {
-    (props: HvCalendarHeaderProps): JSX_2.Element;
+    (props: HvCalendarHeaderProps): JSX_3.Element;
     formElementType: string;
 };
 
@@ -2212,11 +2228,11 @@ export declare interface HvCalendarProps {
  * linked short representation of a conceptual unit. For that reason,
  * this pattern must be used as an entry-point for further information.
  */
-export declare const HvCard: (props: HvCardProps) => JSX_2.Element;
+export declare const HvCard: (props: HvCardProps) => JSX_3.Element;
 
 export declare type HvCardClasses = ExtractNames<typeof useClasses_36>;
 
-export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_2.Element;
+export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_3.Element;
 
 export declare type HvCardContentClasses = ExtractNames<typeof useClasses_38>;
 
@@ -2227,7 +2243,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
     classes?: HvCardContentClasses;
 }
 
-export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_2.Element;
+export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_3.Element;
 
 export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_37>;
 
@@ -2244,7 +2260,7 @@ export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classe
     classes?: HvCardHeaderClasses;
 }
 
-export declare const HvCardMedia: ({ id, classes: classesProp, className, children, title, onClick, ...others }: HvCardMediaProps) => JSX_2.Element;
+export declare const HvCardMedia: ({ id, classes: classesProp, className, children, title, onClick, ...others }: HvCardMediaProps) => JSX_3.Element;
 
 export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_39>;
 
@@ -2285,11 +2301,11 @@ export declare interface HvCardProps extends HvBaseProps {
  * A Carousel is commonly used to browse images, it can also be used to browse any kind of content like text, video, or charts.
  * It allows you to focus on a particular content while having a notion of how many you have to explore.
  */
-export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
+export declare const HvCarousel: (props: HvCarouselProps) => JSX_3.Element;
 
 export declare type HvCarouselClasses = ExtractNames<typeof useClasses_40>;
 
-export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_2.Element;
+export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_3.Element;
 
 declare interface HvCarouselControlsProps extends HvBaseProps<HTMLDivElement>, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     showDots?: boolean;
@@ -2329,7 +2345,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
     /** Thumbnails position. */
     thumbnailsPosition?: "top" | "bottom";
     /** Carousel configuration options. @see https://www.embla-carousel.com/api/options/ */
-    carouselOptions?: EmblaOptionsType;
+    carouselOptions?: Parameters<typeof useCarousel>[0];
     /** Function that renders the thumbnail.  */
     renderThumbnail?: (index: number) => React_2.ReactNode;
     /** The callback fired when the active slide changes. */
@@ -2340,7 +2356,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
  * A container to use as `children` of `HvCarousel`.
  * Pass `img` props directly to it, or `children` for any custom content
  */
-export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
+export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_3.Element;
 
 export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_41>;
 
@@ -2391,7 +2407,7 @@ export declare interface HvCellProps<D extends object = Record<string, unknown>,
  * Use the character counter when there is a character or word limit.
  * By itself it doesn't block the user from going above the limit.
  */
-export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_2.Element;
+export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_3.Element;
 
 export declare type HvCharCounterClasses = ExtractNames<typeof useClasses_5>;
 
@@ -2704,7 +2720,7 @@ export declare interface HvContainerProps extends Omit<ContainerProps, "classes"
     classes?: HvContainerClasses;
 }
 
-export declare const HvControls: (props: HvControlsProps) => JSX_2.Element;
+export declare const HvControls: (props: HvControlsProps) => JSX_3.Element;
 
 export declare type HvControlsClasses = ExtractNames<typeof useClasses_47>;
 
@@ -2875,11 +2891,11 @@ export declare interface HvDatePickerProps extends Omit<HvFormElementProps, "onC
 /** @deprecated use `HvFormStatus` instead */
 export declare type HvDatePickerStatus = HvFormStatus;
 
-export declare const HvDialog: (props: HvDialogProps) => JSX_2.Element;
+export declare const HvDialog: (props: HvDialogProps) => JSX_3.Element;
 
 export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_59>;
 
-export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
+export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_3.Element;
 
 export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "classes"> {
     /** Set the dialog to fullscreen mode. @deprecated set `fullscreen` in `HvDialog` */
@@ -2890,7 +2906,7 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
 
 export declare type HvDialogClasses = ExtractNames<typeof useClasses_60>;
 
-export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_2.Element;
+export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_3.Element;
 
 export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_58>;
 
@@ -2932,7 +2948,7 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
     component?: DialogProps["component"];
 }
 
-export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_2.Element;
+export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_3.Element;
 
 export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_57>;
 
@@ -2953,7 +2969,7 @@ export declare type HvDialogTitleVariant = "success" | "warning" | "error" | "in
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.
  * This component uses Radio Buttons to represent each page.
  */
-export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_2.Element;
+export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_3.Element;
 
 export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_61>;
 
@@ -2997,7 +3013,7 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
  * It only provides the pane with a close button, the rest of the
  * content can be customized.
  */
-export declare const HvDrawer: (props: HvDrawerProps) => JSX_2.Element;
+export declare const HvDrawer: (props: HvDrawerProps) => JSX_3.Element;
 
 export declare type HvDrawerClasses = ExtractNames<typeof useClasses_63>;
 
@@ -3153,7 +3169,7 @@ 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.
  */
-export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_2.Element;
+export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_3.Element;
 
 export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_30>;
 
@@ -3350,7 +3366,7 @@ declare interface HvDropZoneLabels {
 /**
  * Empty states communicate that there’s no information, data or values to display in a given context.
  */
-export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_2.Element;
+export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_3.Element;
 
 export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_64>;
 
@@ -3378,7 +3394,7 @@ export { HvExtraDeepProps }
 
 export { HvExtraProps }
 
-export declare const HvFile: (props: HvFileProps) => JSX_2.Element;
+export declare const HvFile: (props: HvFileProps) => JSX_3.Element;
 
 export declare type HvFileClasses = ExtractNames<typeof useClasses_66>;
 
@@ -3446,7 +3462,7 @@ export declare type HvFilesAddedEvent = (files: HvFileData[]) => void;
  *
  * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.
  */
-export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_2.Element;
+export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_3.Element;
 
 export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
     /**
@@ -3459,7 +3475,7 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
  * The `HvFileUploaderPreview` component is available to facilitate the styling
  * of the button (when clickable) and the detection of image unloading.
  */
-export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_2.Element;
+export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_3.Element;
 
 export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_65>;
 
@@ -3629,7 +3645,7 @@ export declare interface HvFilterGroupProps extends Omit<HvFormElementProps, "cl
 
 export declare type HvFilterGroupValue = (string | number)[][];
 
-export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_2.Element;
+export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_3.Element;
 
 export declare type HvFocusClasses = ExtractNames<typeof useClasses_2>;
 
@@ -3668,7 +3684,7 @@ export declare type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
 /**
  * A Footer is a way of providing extra information at the end of a page.
  */
-export declare const HvFooter: (props: HvFooterProps) => JSX_2.Element;
+export declare const HvFooter: (props: HvFooterProps) => JSX_3.Element;
 
 export declare type HvFooterClasses = ExtractNames<typeof useClasses_69>;
 
@@ -3692,7 +3708,7 @@ declare type HvFooterProps_2<D extends object = Record<string, unknown>> = HvTab
 };
 
 export declare const HvFormElement: {
-    (props: HvFormElementProps): JSX_2.Element;
+    (props: HvFormElementProps): JSX_3.Element;
     formElementType: string;
 };
 
@@ -3791,7 +3807,7 @@ export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
  * Global Actions are actions that affect the entire page they live in.
  * They should persist while scrolling down the screen.
  */
-export declare const HvGlobalActions: (props: HvGlobalActionsProps) => JSX_2.Element;
+export declare const HvGlobalActions: (props: HvGlobalActionsProps) => JSX_3.Element;
 
 export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_70>;
 
@@ -3810,7 +3826,7 @@ export declare interface HvGlobalActionsProps extends HvBaseProps<HTMLDivElement
     headingLevel?: HvGlobalActionsHeadingLevel;
     /**
      * Position of the Global Actions.
-     * Defaults to `sticky` when it is a global title and `relative` when it's a section title.
+     * @default variant === "global" ? "sticky" : "relative"
      */
     position?: HvGlobalActionsPosition;
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -3941,9 +3957,9 @@ export declare type HvGridSpacing = "xs" | "sm" | "md" | "lg" | "xl" | "auto" |
 /**
  * Header component is used to render a header bar with logo and brand name, navigation and actions.
  */
-export declare const HvHeader: (props: HvHeaderProps) => JSX_2.Element;
+export declare const HvHeader: (props: HvHeaderProps) => JSX_3.Element;
 
-export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_2.Element;
+export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_3.Element;
 
 export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_73>;
 
@@ -3954,7 +3970,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_2.Element;
+export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_3.Element;
 
 export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_74>;
 
@@ -3970,7 +3986,7 @@ declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H ex
     headers: Array<HvHeaderGroup<D, H>>;
 }
 
-export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_2.Element;
+export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_3.Element;
 
 declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_75>;
 
@@ -3983,7 +3999,7 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
     classes?: HvHeaderMenuBarClasses;
 }
 
-export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_2.Element;
+export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_3.Element;
 
 declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_76>;
 
@@ -3996,7 +4012,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
     classes?: HvHeaderMenuItemClasses;
 }
 
-export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_2.Element;
+export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_3.Element;
 
 export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_77>;
 
@@ -4062,7 +4078,7 @@ export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useC
 /**
  * Provides the user with additional descriptive text for the form element.
  */
-export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_2.Element;
+export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_3.Element;
 
 export declare type HvInfoMessageClasses = ExtractNames<typeof useClasses_9>;
 
@@ -4079,7 +4095,7 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
  * An Inline Editor allows the user to edit a record without making a major switch
  * between viewing and editing, making it an efficient method of updating a record.
  */
-export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_2.Element;
+export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_3.Element;
 
 export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_78>;
 
@@ -4259,7 +4275,7 @@ export declare interface HvKnobProperty {
  * and its success/failure against a given target. KPIs are the first item read on a dashboard.
  * Communicates simple, immediate and vital information for operational decision making.
  */
-export declare const HvKpi: (props: HvKpiProps) => JSX_2.Element;
+export declare const HvKpi: (props: HvKpiProps) => JSX_3.Element;
 
 export declare type HvKpiClasses = ExtractNames<typeof useClasses_79>;
 
@@ -4299,7 +4315,7 @@ export declare interface HvKpiProps extends HvBaseProps<HTMLDivElement, "childre
 /**
  * Provides the user with a recognizable name for a given form element.
  */
-export declare const HvLabel: (props: HvLabelProps) => JSX_2.Element;
+export declare const HvLabel: (props: HvLabelProps) => JSX_3.Element;
 
 export declare type HvLabelClasses = ExtractNames<typeof useClasses_8>;
 
@@ -4318,7 +4334,7 @@ export declare interface HvLabelProps extends HvTypographyProps<"label"> {
     classes?: HvLabelClasses;
 }
 
-export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_2.Element;
+export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_3.Element;
 
 export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_52>;
 
@@ -4335,7 +4351,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
     classes?: HvLeftControlClasses;
 }
 
-export declare const HvLink: (props: HvLinkProps) => JSX_2.Element;
+export declare const HvLink: (props: HvLinkProps) => JSX_3.Element;
 
 export declare type HvLinkClasses = ExtractNames<typeof useClasses_80>;
 
@@ -4351,7 +4367,7 @@ export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onC
 /**
  * Component used to show a set of related data to the user.
  */
-export declare const HvList: (props: HvListProps) => JSX_2.Element | null;
+export declare const HvList: (props: HvListProps) => JSX_3.Element | null;
 
 export declare type HvListClasses = ExtractNames<typeof useClasses_81>;
 
@@ -4504,7 +4520,7 @@ export declare interface HvListValue extends HvExtraProps {
 /**
  * Loading provides feedback about a process that is taking place in the application.
  */
-export declare const HvLoading: (props: HvLoadingProps) => JSX_2.Element;
+export declare const HvLoading: (props: HvLoadingProps) => JSX_3.Element;
 
 export declare type HvLoadingClasses = ExtractNames<typeof useClasses_82>;
 
@@ -4524,7 +4540,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
 /**
  * Container layout for the login form.
  */
-export declare const HvLogin: (props: HvLoginProps) => JSX_2.Element;
+export declare const HvLogin: (props: HvLoginProps) => JSX_3.Element;
 
 export declare type HvLoginClasses = ExtractNames<typeof useClasses_83>;
 
@@ -4551,7 +4567,7 @@ declare interface HvMetaBase<D extends object = Record<string, unknown>, H exten
     userProps: any;
 }
 
-export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_2.Element;
+export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_3.Element;
 
 export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_84>;
 
@@ -4588,7 +4604,7 @@ export declare const hvNumberFallback: (value: any) => number | "—";
 /**
  * This component generates a tooltip whenever the text is overflowed.
  */
-export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2.Element;
+export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_3.Element;
 
 export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_85>;
 
@@ -4611,7 +4627,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact
  * with structured content on a website or application.
  */
-export declare const HvPagination: (props: HvPaginationProps) => JSX_2.Element;
+export declare const HvPagination: (props: HvPaginationProps) => JSX_3.Element;
 
 export declare type HvPaginationClasses = ExtractNames<typeof useClasses_43>;
 
@@ -4668,7 +4684,7 @@ export declare interface HvPanelProps extends HvBaseProps {
 
 export declare type HvPolarizedColorKeys = "positive" | "positive_120" | "positive_80" | "warning" | "warning_120" | "warning_140" | "negative" | "cat21" | "cat22" | "cat23" | "cat24" | "cat25" | "cat26" | "cat27" | "cat28" | "catastrophic";
 
-export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_2.Element;
+export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_3.Element;
 
 export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_88>;
 
@@ -4717,7 +4733,7 @@ export declare type HvPropGetter<D extends object = Record<string, unknown>, H e
 /**
  * Enables theming capabilities and makes cross-component theme properties available down the tree.
  */
-export declare const HvProvider: ({ children, rootElementId, cssBaseline, cssTheme, themes, theme, colorMode, classNameKey, }: HvProviderProps) => JSX_2.Element;
+export declare const HvProvider: ({ children, rootElementId, cssBaseline, cssTheme, themes, theme, colorMode, classNameKey, }: HvProviderProps) => JSX_3.Element;
 
 export declare interface HvProviderProps {
     /**
@@ -4778,7 +4794,7 @@ export declare interface HvProviderProps {
  *
  * Take a look at the [usage page](https://lumada-design.github.io/uikit/master/?path=/docs/widgets-query-builder-usage--docs) to learn more about this component.
  */
-export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
+export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_3.Element;
 
 export declare interface HvQueryBuilderAttribute extends Record<string, unknown> {
     id?: string;
@@ -5336,7 +5352,7 @@ export declare interface HvRadioProps extends Omit<RadioProps, "onChange" | "cla
 
 export declare type HvRadioStatus = "standBy" | "valid" | "invalid";
 
-export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_2.Element;
+export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_3.Element;
 
 export declare type HvRightControlClasses = ExtractNames<typeof useClasses_53>;
 
@@ -5375,7 +5391,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
 /**
  * The horizontal scroll to element can be used to quickly navigate in a page.
  */
-export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_2.Element;
+export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_3.Element;
 
 export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_94>;
 
@@ -5428,7 +5444,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
 /**
  * The vertical scroll to element can be used to quickly navigate in a page.
  */
-export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_2.Element;
+export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_3.Element;
 
 export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_92>;
 
@@ -5502,6 +5518,8 @@ export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>
     raisedHeader?: boolean;
     /** A Jss Object used to override or extend the styles applied to the empty state component. */
     classes?: HvSectionClasses;
+    /** Content container ref. */
+    contentRef?: React.Ref<HTMLDivElement>;
 }
 
 /**
@@ -5578,7 +5596,7 @@ export declare type HvSemanticColors = Record<HvSemanticColorKeys, string>;
 
 export declare type HvSequentialColorKeys = "cat1" | "cat1_100" | "cat1_200" | "cat1_300" | "cat1_400" | "cat1_500" | "cat1_600" | "cat1_700" | "cat1_800" | "cat1_900";
 
-export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_2.Element;
+export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_3.Element;
 
 export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_96>;
 
@@ -5755,7 +5773,7 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.
  * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.
  */
-export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, transitionDuration, transitionDirection, 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, container, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_3.Element;
 
 export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_98>;
 
@@ -5805,6 +5823,8 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
     transitionDuration?: number;
     /** Direction of slide transition. */
     transitionDirection?: "up" | "down" | "left" | "right";
+    /** The container the snackbar should slide from. */
+    container?: SlideProps["container"];
     /** Custom offset from top/bottom of the page, in px. */
     offset?: number;
     /** Others applied to the content of the snackbar. */
@@ -5815,7 +5835,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
     ref?: SnackbarProps["ref"];
 }
 
-export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
+export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, container, ...others }: HvSnackbarProviderProps) => JSX_3.Element;
 
 export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_100>;
 
@@ -5829,10 +5849,13 @@ export declare interface HvSnackbarProviderProps {
     /** Where is the snackbar placed. */
     anchorOrigin?: SnackbarOrigin;
     /** Class object used to override notistack classes. */
-    notistackClassesOverride?: Partial<ClassNameMap<CombinedClassKey>>;
+    notistackClassesOverride?: SnackbarProviderProps["classes"];
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSnackbarProviderClasses;
+    /** Class names to be applied. */
     className?: string;
+    /** The container the snackbar should slide from. */
+    container?: SnackbarProviderProps["domRoot"];
 }
 
 export declare type HvSnackbarVariant = "default" | "success" | "warning" | "error";
@@ -5842,7 +5865,7 @@ export declare type HvSnackbarVariant = "default" | "success" | "warning" | "err
  *
  * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.
  */
-export declare const HvStack: (props: HvStackProps) => JSX_2.Element;
+export declare const HvStack: (props: HvStackProps) => JSX_3.Element;
 
 export declare interface HvStackBreakpoints extends Record<HvBreakpoints, string> {
 }
@@ -6018,7 +6041,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "onChange" | "c
     component?: SwitchProps["component"];
 }
 
-export declare const HvTab: (props: HvTabProps) => JSX_2.Element;
+export declare const HvTab: (props: HvTabProps) => JSX_3.Element;
 
 export declare type HvTabClasses = ExtractNames<typeof useClasses_103>;
 
@@ -6353,7 +6376,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
  * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.
  * Tabs can be used as a navigational widget for switching between sets of documents.
  */
-export declare const HvTabs: (props: HvTabsProps) => JSX_2.Element;
+export declare const HvTabs: (props: HvTabsProps) => JSX_3.Element;
 
 export declare type HvTabsClasses = ExtractNames<typeof useClasses_108>;
 
@@ -6643,7 +6666,7 @@ export declare interface HvThemePalette {
     support: HvSupportColors;
 }
 
-export declare const HvThemeProvider: ({ children, themes: themesList, theme, emotionCache, colorMode, themeRootId: rootId, }: HvThemeProviderProps) => JSX_2.Element;
+export declare const HvThemeProvider: ({ children, themes: themesList, theme, emotionCache, colorMode, themeRootId: rootId, }: HvThemeProviderProps) => JSX_3.Element;
 
 declare interface HvThemeProviderProps {
     children: React.ReactNode;
@@ -6657,7 +6680,7 @@ declare interface HvThemeProviderProps {
 /**
  * The HvTimeAgo component implements the Design System relative time format guidelines.
  */
-export declare const HvTimeAgo: <C extends ElementType<any> = "p">(props: {
+export declare const HvTimeAgo: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "p">(props: {
     /**
      * The timestamp to format, in seconds or milliseconds.
      * Defaults to `emptyElement` if value is null or 0
@@ -6947,7 +6970,7 @@ export declare interface HvTreeViewProps<Multiple extends boolean | undefined> e
 /**
  * Typography component is used to render text and paragraphs within an interface.
  */
-export declare const HvTypography: <C extends ElementType<any> = "p">(props: {
+export declare const HvTypography: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "p">(props: {
     /** Use the variant prop to change the visual style of the Typography. */
     variant?: "display" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "caption1" | "caption2" | HvTypographyLegacyVariants | undefined;
     /** If `true` the typography will display the look of a link. */
@@ -7086,9 +7109,9 @@ export declare interface HvValidationMessages {
  *
  * Both modes are available via the `mode` property and each app should choose the most appropriate.
  */
-export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) => JSX_2.Element;
+export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) => JSX_3.Element;
 
-export declare const HvVerticalNavigationAction: ({ className, classes: classesProp, id, label, icon, onClick, ...others }: HvVerticalNavigationActionProps) => JSX_2.Element;
+export declare const HvVerticalNavigationAction: ({ className, classes: classesProp, id, label, icon, onClick, ...others }: HvVerticalNavigationActionProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_119>;
 
@@ -7119,7 +7142,7 @@ export declare interface HvVerticalNavigationActionProps {
     onClick?: MouseEventHandler<HTMLElement>;
 }
 
-export declare const HvVerticalNavigationActions: ({ className, classes: classesProp, id, children, ...others }: HvVerticalNavigationActionsProps) => JSX_2.Element;
+export declare const HvVerticalNavigationActions: ({ className, classes: classesProp, id, children, ...others }: HvVerticalNavigationActionsProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_118>;
 
@@ -7144,7 +7167,7 @@ export declare interface HvVerticalNavigationActionsProps {
 
 export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_116>;
 
-export declare const HvVerticalNavigationHeader: ({ title, openIcon: openIconProp, closeIcon: closeIconProp, collapseButtonProps, backButtonProps, className, classes: classesProp, onCollapseButtonClick, ...others }: HvVerticalNavigationHeaderProps) => JSX_2.Element | null;
+export declare const HvVerticalNavigationHeader: ({ title, openIcon: openIconProp, closeIcon: closeIconProp, collapseButtonProps, backButtonProps, className, classes: classesProp, onCollapseButtonClick, ...others }: HvVerticalNavigationHeaderProps) => JSX_3.Element | null;
 
 export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_117>;
 
@@ -7231,7 +7254,7 @@ export declare interface HvVerticalNavigationProps {
     useIcons?: boolean;
 }
 
-export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_2.Element;
+export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_121>;
 
@@ -7271,7 +7294,7 @@ export declare interface HvVerticalNavigationSliderProps {
     forwardButtonAriaLabel?: string;
 }
 
-export declare const HvVerticalNavigationTree: ({ id, className, classes: classesProp, data, mode, collapsible, expanded: expandedProp, defaultExpanded, onToggle, selected: selectedProp, defaultSelected, onChange, sliderForwardButtonAriaLabel, ...others }: HvVerticalNavigationTreeProps) => JSX_2.Element;
+export declare const HvVerticalNavigationTree: ({ id, className, classes: classesProp, data, mode, collapsible, expanded: expandedProp, defaultExpanded, onToggle, selected: selectedProp, defaultSelected, onChange, sliderForwardButtonAriaLabel, ...others }: HvVerticalNavigationTreeProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_120>;
 
@@ -7519,7 +7542,7 @@ export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useCla
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
  */
-export declare const HvWarningText: (props: HvWarningTextProps) => JSX_2.Element;
+export declare const HvWarningText: (props: HvWarningTextProps) => JSX_3.Element;
 
 export declare type HvWarningTextClasses = ExtractNames<typeof useClasses_10>;
 
@@ -7542,7 +7565,7 @@ export declare interface HvWarningTextProps extends HvBaseProps {
     classes?: HvWarningTextClasses;
 }
 
-export declare const iconVariant: (variant: "success" | "warning" | "error" | "info" | "default", color?: IconBaseProps["color"], semantic?: true) => JSX_2.Element | null;
+export declare const iconVariant: (variant: "success" | "warning" | "error" | "info" | "default", color?: IconBaseProps["color"], semantic?: true) => JSX_3.Element | null;
 
 declare type IdType<D> = StringKey<D> | string;
 
@@ -9979,17 +10002,18 @@ declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_70: (classesProp?: Partial<Record<"name" | "root" | "wrapper" | "globalSectionArea" | "sectionName" | "actions" | "positionSticky" | "positionFixed" | "global" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
+declare const useClasses_70: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "actions" | "positionSticky" | "positionFixed" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
     classes: {
         name: string;
         root: string;
+        section: string;
         wrapper: string;
-        globalSectionArea: string;
         sectionName: string;
         actions: string;
         positionSticky: string;
         positionFixed: string;
         global: string;
+        globalSectionArea: string;
         globalWrapperComplement: string;
         backButton: string;
     };
@@ -11070,8 +11094,8 @@ export declare const warningTextClasses: {
     topBorder: "HvWarningText-topBorder";
 };
 
-export declare const withTooltip: (Component: React.FunctionComponent, label: string | undefined, placement: HvTooltipPlacementType, hideTooltip?: ((event: React.MouseEvent<HTMLDivElement>) => boolean) | undefined, tooltipProps?: Partial<HvTooltipProps>, tooltipContainerProps?: HvBaseProps) => (props: any) => JSX_2.Element;
+export declare const withTooltip: (Component: React.FunctionComponent, label: string | undefined, placement: HvTooltipPlacementType, hideTooltip?: ((event: React.MouseEvent<HTMLDivElement>) => boolean) | undefined, tooltipProps?: Partial<HvTooltipProps>, tooltipContainerProps?: HvBaseProps) => (props: any) => JSX_3.Element;
 
-export declare const wrapperTooltip: (hasTooltips: boolean, Component: any, label: any) => ((props: any) => JSX_2.Element) | (() => any);
+export declare const wrapperTooltip: (hasTooltips: boolean, Component: any, label: any) => ((props: any) => JSX_3.Element) | (() => any);
 
 export { }