@hitachivantara/uikit-react-core 5.24.6 → 5.25.1

package/dist/types/index.d.ts

@@ -612,7 +612,7 @@ declare interface DateTimeStrings {
     time?: string;
 }
 
-export declare const decreaseSize: (size: string) => "XS" | "S" | "M" | "L";
+export declare const decreaseSize: (size: string) => "L" | "M" | "S" | "XS";
 
 /** This type allows to do a deep partial by applying the Partial type to each key recursively */
 export declare type DeepPartial<T> = Partial<{
@@ -2083,13 +2083,13 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
 
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_106>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_114>;
 
 export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_2.Element;
 
 declare interface HvCarouselControlsProps extends HvBaseProps<HTMLDivElement>, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     showDots?: boolean;
-    classes?: ExtractNames<typeof useClasses_106>;
+    classes?: ExtractNames<typeof useClasses_114>;
     actions?: ReactNode;
     onPreviousClick?: MouseEventHandler<HTMLButtonElement>;
     onNextClick?: MouseEventHandler<HTMLButtonElement>;
@@ -2136,7 +2136,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
  */
 export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
 
-export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_107>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_115>;
 
 export declare interface HvCarouselSlideProps extends ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2151,7 +2151,7 @@ export declare const HvCarouselThumbnails: ForwardRefExoticComponent<HvCarouselT
 
 declare interface HvCarouselThumbnailsProps extends HvBaseProps<HTMLDivElement, "children">, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     width?: CSSProperties["width"];
-    classes?: ExtractNames<typeof useClasses_106>;
+    classes?: ExtractNames<typeof useClasses_114>;
     onThumbnailClick?: (event: MouseEvent_2<HTMLButtonElement>, index: number) => void;
     thumbnailProps?: Partial<HvButtonProps>;
     showDots?: boolean;
@@ -2348,7 +2348,7 @@ export declare type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEven
  */
 export declare const HvColorPicker: (props: HvColorPickerProps) => JSX_2.Element;
 
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_105>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_113>;
 
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2383,6 +2383,8 @@ export declare interface HvColorPickerProps {
     defaultExpanded?: boolean;
     /** A function to be executed whenever the color changes. */
     onChange?: (color: string) => void;
+    /** A function to be executed whenever the color change is complete. */
+    onChangeComplete?: (color: string) => void;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvColorPickerClasses;
     /** The placeholder value when nothing is selected. */
@@ -2577,7 +2579,7 @@ export declare interface HvDateColumnCellProp {
  */
 export declare const HvDatePicker: (props: HvDatePickerProps) => JSX_2.Element;
 
-export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_97>;
+export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_105>;
 
 export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -3485,9 +3487,9 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  */
 export declare const HvFilterGroup: (props: HvFilterGroupProps) => JSX_2.Element;
 
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_95>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_103>;
 
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_96>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_104>;
 
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -4015,7 +4017,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_100>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_108>;
 
 /**
  * Provides the user with additional descriptive text for the form element.
@@ -4039,7 +4041,7 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
  */
 export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_2.Element;
 
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_102>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_110>;
 
 export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement, "onBlur" | "onChange"> {
     /** The value of the form element. */
@@ -4781,7 +4783,7 @@ export declare interface HvProviderProps {
  */
 export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
 
-export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_104>;
+export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_112>;
 
 export declare interface HvQueryBuilderProps {
     attributes?: Record<string, Attribute>;
@@ -5071,7 +5073,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
  */
 export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_2.Element;
 
-export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_101>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_109>;
 
 export declare interface HvScrollToHorizontalOption {
     key?: string;
@@ -5124,7 +5126,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
  */
 export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_2.Element;
 
-export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_99>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_107>;
 
 export declare interface HvScrollToVerticalOption {
     key?: string;
@@ -5270,7 +5272,7 @@ export declare interface HvSimpleGridProps extends HvBaseProps {
  */
 export declare const HvSlider: (props: HvSliderProps) => JSX_2.Element;
 
-export declare type HvSliderClasses = ExtractNames<typeof useClasses_94>;
+export declare type HvSliderClasses = ExtractNames<typeof useClasses_102>;
 
 export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onChange" | "onBlur"> {
     /**
@@ -6294,7 +6296,7 @@ declare interface HvThemeProviderProps {
  */
 export declare const HvTimeAgo: <C extends React.ElementType = "p">(props: HvTimeAgoProps<C>) => React.ReactElement | null;
 
-export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_103>;
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_111>;
 
 export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = PolymorphicComponentRef<C, {
     /**
@@ -6330,7 +6332,7 @@ export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = Polymorp
  */
 export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
 
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_108>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_116>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
@@ -6532,13 +6534,9 @@ export declare interface HvValidationMessages {
  */
 export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) => JSX_2.Element;
 
-export declare const HvVerticalNavigationAction: ({ className, classes, id, label, icon, onClick, ...others }: HvVerticalNavigationActionProps) => JSX_2.Element;
+export declare const HvVerticalNavigationAction: ({ className, classes: classesProp, id, label, icon, onClick, ...others }: HvVerticalNavigationActionProps) => JSX_2.Element;
 
-export declare interface HvVerticalNavigationActionClasses {
-    action?: string;
-    noIcon?: string;
-    minimized?: string;
-}
+export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_97>;
 
 export declare interface HvVerticalNavigationActionProps {
     /**
@@ -6567,12 +6565,9 @@ export declare interface HvVerticalNavigationActionProps {
     onClick?: MouseEventHandler<HTMLElement>;
 }
 
-export declare const HvVerticalNavigationActions: ({ className, classes, id, children, ...others }: HvVerticalNavigationActionsProps) => JSX_2.Element;
+export declare const HvVerticalNavigationActions: ({ className, classes: classesProp, id, children, ...others }: HvVerticalNavigationActionsProps) => JSX_2.Element;
 
-export declare interface HvVerticalNavigationActionsClasses {
-    root?: string;
-    hide?: string;
-}
+export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_96>;
 
 export declare interface HvVerticalNavigationActionsProps {
     /**
@@ -6593,21 +6588,11 @@ export declare interface HvVerticalNavigationActionsProps {
     children?: React.ReactNode;
 }
 
-export declare interface HvVerticalNavigationClasses {
-    /** Style applied to the root of the component. */
-    root?: string;
-    /** Style applied to the root of the component when its collapsed. */
-    collapsed?: string;
-    /** Style applied to the root of the component when its in slider mode. */
-    slider?: any;
-}
+export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_94>;
 
-export declare const HvVerticalNavigationHeader: ({ title, openIcon, closeIcon, collapseButtonProps, backButtonProps, className, classes, onCollapseButtonClick, ...others }: HvVerticalNavigationHeaderProps) => JSX_2.Element | null;
+export declare const HvVerticalNavigationHeader: ({ title, openIcon, closeIcon, collapseButtonProps, backButtonProps, className, classes: classesProp, onCollapseButtonClick, ...others }: HvVerticalNavigationHeaderProps) => JSX_2.Element | null;
 
-export declare interface HvVerticalNavigationHeaderClasses {
-    root?: string;
-    minimized?: string;
-}
+export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_95>;
 
 export declare interface HvVerticalNavigationHeaderProps {
     /**
@@ -6692,12 +6677,9 @@ export declare interface HvVerticalNavigationProps {
     useIcons?: boolean;
 }
 
-export declare const HvVerticalNavigationSlider: ({ id, classes, data, selected, onNavigateToTarget, onNavigateToChild, forwardButtonAriaLabel, }: HvVerticalNavigationSliderProps) => JSX_2.Element;
+export declare const HvVerticalNavigationSlider: ({ id, classes: classesProp, data, selected, onNavigateToTarget, onNavigateToChild, forwardButtonAriaLabel, }: HvVerticalNavigationSliderProps) => JSX_2.Element;
 
-export declare interface HvVerticalNavigationSliderClasses {
-    root?: string;
-    listItemSelected?: string;
-}
+export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_99>;
 
 export declare interface HvVerticalNavigationSliderProps {
     /**
@@ -6735,16 +6717,9 @@ export declare interface HvVerticalNavigationSliderProps {
     forwardButtonAriaLabel?: string;
 }
 
-export declare const HvVerticalNavigationTree: ({ id, className, classes, 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_2.Element;
 
-export declare interface HvVerticalNavigationTreeClasses {
-    root?: string;
-    list?: string;
-    listItem?: string;
-    collapsed?: string;
-    popup?: string;
-    navigationPopup?: string;
-}
+export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_98>;
 
 export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -6818,43 +6793,11 @@ export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLD
 
 export declare const HvVerticalNavigationTreeView: ForwardRefExoticComponent<HvVerticalNavigationTreeViewProps & RefAttributes<unknown>>;
 
-export declare interface HvVerticalNavigationTreeViewClasses {
-    root?: string;
-}
+export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_100>;
 
 export declare const HvVerticalNavigationTreeViewItem: ForwardRefExoticComponent<HvVerticalNavigationTreeViewItemProps & RefAttributes<unknown>>;
 
-export declare interface HvVerticalNavigationTreeViewItemClasses {
-    /** Style applied to the root of the component. */
-    node?: string;
-    /** Style applied to the content. */
-    content?: string;
-    /** Style applied to the content when it is a link. */
-    link?: string;
-    /** Style applied to the group. */
-    group?: string;
-    /** Style applied when item is disabled. */
-    disabled?: string;
-    /** Style applied when item is expandable. */
-    expandable?: string;
-    /** Style applied when item is collapsed. */
-    collapsed?: string;
-    /** Style applied when item is expanded */
-    expanded?: string;
-    /** Style applied when item is selectable. */
-    selectable?: string;
-    /** Style applied when item is unselectable. */
-    unselectable?: string;
-    /** Style applied when item is selectable. */
-    selected?: string;
-    /** Style applied when item is unselectable. */
-    unselected?: string;
-    /** Style applied when item is focused. */
-    focused?: string;
-    /** Styled applied when navigation open is false */
-    minimized?: string;
-    hide?: string;
-}
+export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_101>;
 
 export declare interface HvVerticalNavigationTreeViewItemProps {
     /**
@@ -6937,9 +6880,9 @@ export declare interface HvVerticalNavigationTreeViewProps {
      */
     className?: string;
     /**
-     * A Jss Object used to override or extend the styles applied to the Radio button.
+     * A Jss Object used to override or extend the styles applied to the component.
      */
-    classes?: HvVerticalNavigationTreeClasses;
+    classes?: HvVerticalNavigationTreeViewClasses;
     /**
      * Modus operandi (role) of the widget instance.
      */
@@ -7017,7 +6960,7 @@ export declare interface HvVerticalNavigationTreeViewProps {
     children?: React.ReactNode;
 }
 
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_98>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_106>;
 
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
@@ -7049,7 +6992,7 @@ export declare const iconVariant: (variant: "success" | "warning" | "error" | "i
 
 declare type IdType<D> = StringKey<D> | string;
 
-export declare const increaseSize: (size: string) => "S" | "M" | "L" | "XL";
+export declare const increaseSize: (size: string) => "L" | "M" | "S" | "XL";
 
 export declare const infoMessageClasses: {
     root: "HvInfoMessage-root";
@@ -7825,6 +7768,7 @@ export declare const treeViewItemClasses: {
     content: "HvVerticalNavigationTreeViewItem-content";
     unselectable: "HvVerticalNavigationTreeViewItem-unselectable";
     link: "HvVerticalNavigationTreeViewItem-link";
+    label: "HvVerticalNavigationTreeViewItem-label";
     group: "HvVerticalNavigationTreeViewItem-group";
     hide: "HvVerticalNavigationTreeViewItem-hide";
     expanded: "HvVerticalNavigationTreeViewItem-expanded";
@@ -7833,10 +7777,12 @@ export declare const treeViewItemClasses: {
     node: "HvVerticalNavigationTreeViewItem-node";
     focused: "HvVerticalNavigationTreeViewItem-focused";
     selectable: "HvVerticalNavigationTreeViewItem-selectable";
+    labelIcon: "HvVerticalNavigationTreeViewItem-labelIcon";
     collapsed: "HvVerticalNavigationTreeViewItem-collapsed";
     minimized: "HvVerticalNavigationTreeViewItem-minimized";
     expandable: "HvVerticalNavigationTreeViewItem-expandable";
     unselected: "HvVerticalNavigationTreeViewItem-unselected";
+    labelExpandable: "HvVerticalNavigationTreeViewItem-labelExpandable";
 };
 
 export declare const typographyClasses: {
@@ -7941,7 +7887,160 @@ declare const useClasses_10: (classesProp?: Partial<Record<"root" | "show" | "hi
     cx: (...args: any) => string;
 };
 
-declare const useClasses_100: (classesProp?: Partial<Record<"button" | "text" | "root" | "selected", string>>, addStatic?: boolean) => {
+declare const useClasses_100: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_101: (classesProp?: Partial<Record<"content" | "unselectable" | "link" | "label" | "group" | "hide" | "expanded" | "disabled" | "selected" | "node" | "focused" | "selectable" | "labelIcon" | "collapsed" | "minimized" | "expandable" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
+    classes: {
+        content: string;
+        unselectable: string;
+        link: string;
+        label: string;
+        group: string;
+        hide: string;
+        expanded: string;
+        disabled: string;
+        selected: string;
+        node: string;
+        focused: string;
+        selectable: string;
+        labelIcon: string;
+        collapsed: string;
+        minimized: string;
+        expandable: string;
+        unselected: string;
+        labelExpandable: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_102: (classesProp?: Partial<Record<"label" | "root" | "error" | "rootDisabled" | "labelContainer" | "sliderBase" | "sliderContainer" | "trackDragging" | "trackStandBy" | "sliderRoot" | "rootRange" | "handleContainer" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
+    classes: {
+        label: string;
+        root: string;
+        error: string;
+        rootDisabled: string;
+        labelContainer: string;
+        sliderBase: string;
+        sliderContainer: string;
+        trackDragging: string;
+        trackStandBy: string;
+        sliderRoot: string;
+        rootRange: string;
+        handleContainer: string;
+        handle: string;
+        handleContainerDisabled: string;
+        handleHiddenContainer: string;
+        labelIncluded: string;
+        onlyInput: string;
+        sliderTooltip: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_103: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
+    classes: {
+        label: string;
+        root: string;
+        error: string;
+        description: string;
+        labelContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_104: (classesProp?: Partial<Record<"header" | "root" | "space" | "actionBar" | "dropdown" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>, addStatic?: boolean) => {
+    classes: {
+        header: string;
+        root: string;
+        space: string;
+        actionBar: string;
+        dropdown: string;
+        panel: string;
+        baseDropdownSelection: string;
+        rightSidePanel: string;
+        leftSidePanel: string;
+        applyButton: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "icon" | "dropdown" | "action" | "error" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
+    classes: {
+        label: string;
+        root: string;
+        icon: string;
+        dropdown: string;
+        action: string;
+        error: string;
+        actionContainer: string;
+        panel: string;
+        description: string;
+        labelContainer: string;
+        leftContainer: string;
+        rightContainer: string;
+        dropdownHeaderInvalid: string;
+        dropdownHeaderOpen: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_106: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
+    classes: {
+        button: string;
+        text: string;
+        root: string;
+        notSelected: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_107: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        positionFixed: string;
+        positionAbsolute: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_108: (classesProp?: Partial<Record<"button" | "text" | "root" | "selected", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         text: string;
@@ -7955,7 +8054,7 @@ declare const useClasses_100: (classesProp?: Partial<Record<"button" | "text" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_101: (classesProp?: Partial<Record<"root" | "selected" | "positionSticky" | "positionFixed" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_109: (classesProp?: Partial<Record<"root" | "selected" | "positionSticky" | "positionFixed" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         selected: string;
@@ -7971,7 +8070,25 @@ declare const useClasses_101: (classesProp?: Partial<Record<"root" | "selected"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_102: (classesProp?: Partial<Record<"button" | "input" | "text" | "root" | "icon" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "listbox" | "horizontal" | "vertical" | "error" | "invalid" | "description", string>>, addStatic?: boolean) => {
+    classes: {
+        label: string;
+        root: string;
+        listbox: string;
+        horizontal: string;
+        vertical: string;
+        error: string;
+        invalid: string;
+        description: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_110: (classesProp?: Partial<Record<"button" | "input" | "text" | "root" | "icon" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         input: string;
@@ -7991,7 +8108,7 @@ declare const useClasses_102: (classesProp?: Partial<Record<"button" | "input" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_103: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_111: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -8002,7 +8119,7 @@ declare const useClasses_103: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_104: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
+declare const useClasses_112: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         removeButton: string;
@@ -8027,7 +8144,7 @@ declare const useClasses_104: (classesProp?: Partial<Record<"root" | "removeButt
     cx: (...args: any) => string;
 };
 
-declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "colorPicker" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "colorPicker" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8050,7 +8167,7 @@ declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_106: (classesProp?: Partial<Record<"title" | "main" | "root" | "dot" | "controls" | "xs" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_114: (classesProp?: Partial<Record<"title" | "main" | "root" | "dot" | "controls" | "xs" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         main: string;
@@ -8084,7 +8201,7 @@ declare const useClasses_106: (classesProp?: Partial<Record<"title" | "main" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_107: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
+declare const useClasses_115: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
     classes: {
         image: string;
         slide: string;
@@ -8096,7 +8213,7 @@ declare const useClasses_107: (classesProp?: Partial<Record<"image" | "slide", s
     cx: (...args: any) => string;
 };
 
-declare const useClasses_108: (classesProp?: Partial<Record<"placeholder" | "label" | "root" | "icon" | "error" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_116: (classesProp?: Partial<Record<"placeholder" | "label" | "root" | "icon" | "error" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     classes: {
         placeholder: string;
         label: string;
@@ -8119,24 +8236,6 @@ declare const useClasses_108: (classesProp?: Partial<Record<"placeholder" | "lab
     cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "listbox" | "horizontal" | "vertical" | "error" | "invalid" | "description", string>>, addStatic?: boolean) => {
-    classes: {
-        label: string;
-        root: string;
-        listbox: string;
-        horizontal: string;
-        vertical: string;
-        error: string;
-        invalid: string;
-        description: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
 declare const useClasses_12: (classesProp?: Partial<Record<"root" | "popper" | "list", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
@@ -9695,26 +9794,12 @@ declare const useClasses_93: (classesProp?: Partial<Record<"input" | "root" | "i
     cx: (...args: any) => string;
 };
 
-declare const useClasses_94: (classesProp?: Partial<Record<"label" | "root" | "error" | "rootDisabled" | "labelContainer" | "sliderBase" | "sliderContainer" | "trackDragging" | "trackStandBy" | "sliderRoot" | "rootRange" | "handleContainer" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
+declare const useClasses_94: (classesProp?: Partial<Record<"root" | "slider" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
         root: string;
-        error: string;
-        rootDisabled: string;
-        labelContainer: string;
-        sliderBase: string;
-        sliderContainer: string;
-        trackDragging: string;
-        trackStandBy: string;
-        sliderRoot: string;
-        rootRange: string;
-        handleContainer: string;
-        handle: string;
-        handleContainerDisabled: string;
-        handleHiddenContainer: string;
-        labelIncluded: string;
-        onlyInput: string;
-        sliderTooltip: string;
+        slider: string;
+        collapsed: string;
+        childData: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9723,13 +9808,11 @@ declare const useClasses_94: (classesProp?: Partial<Record<"label" | "root" | "e
     cx: (...args: any) => string;
 };
 
-declare const useClasses_95: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_95: (classesProp?: Partial<Record<"root" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
         root: string;
-        error: string;
-        description: string;
-        labelContainer: string;
+        minimized: string;
+        collapseButton: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9738,18 +9821,10 @@ declare const useClasses_95: (classesProp?: Partial<Record<"label" | "root" | "e
     cx: (...args: any) => string;
 };
 
-declare const useClasses_96: (classesProp?: Partial<Record<"header" | "root" | "space" | "actionBar" | "dropdown" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>, addStatic?: boolean) => {
+declare const useClasses_96: (classesProp?: Partial<Record<"root" | "hide", string>>, addStatic?: boolean) => {
     classes: {
-        header: string;
         root: string;
-        space: string;
-        actionBar: string;
-        dropdown: string;
-        panel: string;
-        baseDropdownSelection: string;
-        rightSidePanel: string;
-        leftSidePanel: string;
-        applyButton: string;
+        hide: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9758,22 +9833,11 @@ declare const useClasses_96: (classesProp?: Partial<Record<"header" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_97: (classesProp?: Partial<Record<"label" | "root" | "icon" | "dropdown" | "action" | "error" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
+declare const useClasses_97: (classesProp?: Partial<Record<"action" | "noIcon" | "minimized", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
-        root: string;
-        icon: string;
-        dropdown: string;
         action: string;
-        error: string;
-        actionContainer: string;
-        panel: string;
-        description: string;
-        labelContainer: string;
-        leftContainer: string;
-        rightContainer: string;
-        dropdownHeaderInvalid: string;
-        dropdownHeaderOpen: string;
+        noIcon: string;
+        minimized: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9782,12 +9846,14 @@ declare const useClasses_97: (classesProp?: Partial<Record<"label" | "root" | "i
     cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"root" | "list" | "popup" | "listItem" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
     classes: {
-        button: string;
-        text: string;
         root: string;
-        notSelected: string;
+        list: string;
+        popup: string;
+        listItem: string;
+        collapsed: string;
+        navigationPopup: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9796,11 +9862,11 @@ declare const useClasses_98: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_99: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+declare const useClasses_99: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemFocus", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        positionFixed: string;
-        positionAbsolute: string;
+        listItemSelected: string;
+        listItemFocus: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10138,6 +10204,7 @@ export declare const verticalNavigationClasses: {
     root: "HvVerticalNavigation-root";
     slider: "HvVerticalNavigation-slider";
     collapsed: "HvVerticalNavigation-collapsed";
+    childData: "HvVerticalNavigation-childData";
 };
 
 export declare const VerticalNavigationContext: Context<VerticalNavigationContextValue>;
@@ -10163,11 +10230,13 @@ declare interface VerticalNavigationContextValue {
 export declare const verticalNavigationHeaderClasses: {
     root: "HvVerticalNavigationHeader-root";
     minimized: "HvVerticalNavigationHeader-minimized";
+    collapseButton: "HvVerticalNavigationHeader-collapseButton";
 };
 
 export declare const verticalNavigationSliderClasses: {
     root: "HvVerticalNavigationSlider-root";
     listItemSelected: "HvVerticalNavigationSlider-listItemSelected";
+    listItemFocus: "HvVerticalNavigationSlider-listItemFocus";
 };
 
 export declare const verticalNavigationTreeClasses: {