@hitachivantara/uikit-react-core 5.0.0 → 5.0.1

package/dist/types/index.d.ts

@@ -32,30 +32,10 @@ import { HeaderProps } from 'react-table';
 import { Hooks } from 'react-table';
 import { HTMLAttributes } from 'react';
 import { HTMLInputTypeAttribute } from 'react';
-import { HvActionGeneric as HvActionGeneric_2 } from 'components';
-import { HvBannerActionPosition as HvBannerActionPosition_2 } from 'components';
-import { HvBannerVariant as HvBannerVariant_2 } from 'components';
-import { HvBaseDropdownProps as HvBaseDropdownProps_2 } from 'components';
-import { HvBaseSwitchProps as HvBaseSwitchProps_2 } from 'components';
 import { HvBaseTheme } from '@hitachivantara/uikit-styles';
-import { HvBreakpoints as HvBreakpoints_2 } from 'types/tokens';
-import { HvButtonProps as HvButtonProps_2 } from 'components';
-import { HvButtonVariant as HvButtonVariant_2 } from 'components';
-import { HvCategoricalColorKeys as HvCategoricalColorKeys_2 } from 'types/tokens';
-import { HvDropdownProps as HvDropdownProps_2 } from 'components';
 import type { HvExtraDeepProps } from '@hitachivantara/uikit-react-shared';
 import type { HvExtraProps } from '@hitachivantara/uikit-react-shared';
-import { HvFormStatus as HvFormStatus_2 } from 'components';
-import { HvHeaderNavigationItemProp as HvHeaderNavigationItemProp_2 } from 'components';
-import { HvInputProps as HvInputProps_2 } from 'components';
-import { HvLabelProps as HvLabelProps_2 } from 'components';
-import { HvListValue as HvListValue_2 } from 'components';
-import { HvRowInstance as HvRowInstance_2 } from 'components';
-import { HvSemanticColorKeys as HvSemanticColorKeys_2 } from 'types/tokens';
-import { HvTableColumnConfig as HvTableColumnConfig_2 } from 'components';
-import { HvTableInstance as HvTableInstance_2 } from 'components/Table/hooks/useTable';
 import { PluginHook as HvTablePluginHook } from 'react-table';
-import { HvTagProps as HvTagProps_2 } from 'components';
 import type { HvTheme } from '@hitachivantara/uikit-react-shared';
 import { HvThemeBreakpoint } from '@hitachivantara/uikit-styles';
 import { HvThemeColorMode } from '@hitachivantara/uikit-styles';
@@ -63,9 +43,6 @@ import { HvThemeColorModeStructure } from '@hitachivantara/uikit-styles';
 import { HvThemeContext } from '@hitachivantara/uikit-react-shared';
 import type { HvThemeContextValue } from '@hitachivantara/uikit-react-shared';
 import { HvThemeStructure } from '@hitachivantara/uikit-styles';
-import { HvTooltipProps as HvTooltipProps_2 } from 'components';
-import { HvTypographyVariants as HvTypographyVariants_2 } from 'components';
-import { HvValidationMessages as HvValidationMessages_2 } from 'types/forms';
 import { IdType as IdType_2 } from 'react-table';
 import { ImgHTMLAttributes } from 'react';
 import { InputBaseComponentProps } from '@mui/material';
@@ -73,7 +50,6 @@ import { InputProps } from '@mui/material';
 import type { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { MouseEventHandler } from 'react';
-import { NavigationData as NavigationData_2 } from 'components';
 import { PopperProps } from '@mui/material';
 import { PropGetter } from 'react-table';
 import { RadioProps } from '@mui/material';
@@ -261,10 +237,10 @@ export declare const controlsClasses: HvControlsClasses;
  */
 export declare const createTheme: (props: HvCreateThemeProps) => HvTheme | HvThemeStructure;
 
-export declare type DateRangeProp = {
+export declare interface DateRangeProp {
     startDate: Date;
     endDate?: Date;
-};
+}
 
 export declare const decreaseSize: (size: string) => "XS" | "S" | "M" | "L";
 
@@ -438,7 +414,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
  */
 export declare const HvAccordion: ({ id, className, classes, disabled, label, onChange, children, expanded, headingLevel, defaultExpanded, containerProps, labelVariant, ...others }: HvAccordionProps) => JSX_2.Element;
 
-export declare type HvAccordionClasses = {
+export declare interface HvAccordionClasses {
     /** Styles applied to the component root of the accordion. */
     root?: string;
     /** Styles applied to the content when it is hidden. */
@@ -449,9 +425,11 @@ export declare type HvAccordionClasses = {
     label?: string;
     /** Styles applied to the label button when it is disabled. */
     disabled?: string;
-};
+}
 
-export declare type HvAccordionProps = HvBaseProps & {
+export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, {
+    onChange: any;
+}> {
     /**
      * Id to be applied to the root node of the accordion.
      */
@@ -492,30 +470,31 @@ export declare type HvAccordionProps = HvBaseProps & {
      * Is the accordion disabled.
      */
     disabled?: boolean;
-    labelVariant?: HvTypographyVariants_2;
-};
+    /**
+     * Typography variant for the label.
+     */
+    labelVariant?: HvTypographyVariants;
+}
 
 export declare const HvActionBar: (props: HvActionBarProps) => JSX_2.Element;
 
-export declare type HvActionBarClasses = {
+export declare interface HvActionBarClasses {
     root?: string;
-};
+}
 
-export declare type HvActionBarProps = HvBaseProps & {
-    /** Id to be applied to the root node. */
-    id?: string;
+export declare interface HvActionBarProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionBarClasses;
-};
+}
 
-declare type HvActionContainerClasses = {
+declare interface HvActionContainerClasses {
     actionContainer?: string;
     closeAction?: string;
     iconContainer?: string;
     actionsInnerContainer?: string;
-};
+}
 
-declare type HvActionContainerProps = HvBaseProps & {
+declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {
     /** onClose function. */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /** Actions to display. */
@@ -524,20 +503,20 @@ declare type HvActionContainerProps = HvBaseProps & {
     actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionContainerClasses;
-};
+}
 
-export declare type HvActionGeneric = {
+export declare interface HvActionGeneric {
     id: string;
     label: string;
     icon?: React_2.ReactNode | ((params: {
         isDisabled?: boolean;
     }) => React_2.ReactNode);
     disabled?: boolean;
-};
+}
 
 export declare const HvActionsGeneric: ({ id, classes, className, category, disabled, actions, actionsCallback, maxVisibleActions, ...others }: HvActionsGenericProps) => JSX_2.Element | null;
 
-export declare type HvActionsGenericClasses = {
+export declare interface HvActionsGenericClasses {
     /** Styles applied to element root. */
     root?: string;
     /** Styles applied to the visible buttons. */
@@ -550,11 +529,11 @@ export declare type HvActionsGenericClasses = {
     dropDownMenuButton?: string;
     /** Styles applied to the DropDownMenu IconButton component when it is selected. */
     dropDownMenuButtonSelected?: string;
-};
+}
 
-export declare type HvActionsGenericProps = HvBaseProps & {
+export declare interface HvActionsGenericProps extends HvBaseProps {
     /** Button category. */
-    category?: HvButtonVariant_2;
+    category?: HvButtonVariant;
     /**  Whether actions should be all disabled */
     disabled?: boolean;
     /** The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` */
@@ -565,7 +544,7 @@ export declare type HvActionsGenericProps = HvBaseProps & {
     maxVisibleActions?: number;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionsGenericClasses;
-};
+}
 
 /**
  * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.
@@ -623,7 +602,7 @@ export declare const HvAppSwitcher: ({ id, className, classes, layout, title, ap
 
 export declare const HvAppSwitcherAction: ({ id, className, classes, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_2.Element;
 
-export declare type HvAppSwitcherActionApplication = {
+export declare interface HvAppSwitcherActionApplication {
     /** Id of the application. */
     id?: string;
     /** Name of the application, this is the value that will be displayed on the component. */
@@ -644,9 +623,9 @@ export declare type HvAppSwitcherActionApplication = {
     isSelected?: boolean;
     /** The color of the application. */
     color?: string;
-};
+}
 
-export declare type HvAppSwitcherActionClasses = {
+export declare interface HvAppSwitcherActionClasses {
     root?: string;
     icon?: string;
     iconUrl?: string;
@@ -655,9 +634,9 @@ export declare type HvAppSwitcherActionClasses = {
     selected?: string;
     typography?: string;
     title?: string;
-};
+}
 
-export declare type HvAppSwitcherActionProps = HvBaseProps & {
+export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
     application: HvAppSwitcherActionApplication;
     /** Callback triggered when the action is clicked. */
@@ -666,9 +645,9 @@ export declare type HvAppSwitcherActionProps = HvBaseProps & {
     isSelectedCallback?: (application: HvAppSwitcherActionApplication) => boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvAppSwitcherActionClasses;
-};
+}
 
-export declare type HvAppSwitcherClasses = {
+export declare interface HvAppSwitcherClasses {
     root?: string;
     item?: string;
     itemSelected?: string;
@@ -685,9 +664,9 @@ export declare type HvAppSwitcherClasses = {
     single?: string;
     dual?: string;
     fluid?: string;
-};
+}
 
-export declare type HvAppSwitcherProps = HvBaseProps & {
+export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
     layout?: "single" | "dual" | "fluid";
     /** Title to be displayed on the header of the component. */
@@ -710,7 +689,7 @@ export declare type HvAppSwitcherProps = HvBaseProps & {
     isOpen?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvAppSwitcherClasses;
-};
+}
 
 export declare type HvAtmosphereColorKeys = "atmo1" | "atmo2" | "atmo3" | "atmo4";
 
@@ -722,7 +701,7 @@ export declare type HvAtmosphereColors = Record<HvAtmosphereColorKeys, string>;
  */
 export declare const HvAvatar: ({ className, style, classes, children: childrenProp, component, size, backgroundColor, color, src, srcSet, sizes, alt, imgProps, status, badge, variant, avatarProps, ...others }: HvAvatarProps) => JSX_2.Element;
 
-export declare type HvAvatarClasses = {
+export declare interface HvAvatarClasses {
     root?: string;
     container?: string;
     img?: string;
@@ -737,9 +716,9 @@ export declare type HvAvatarClasses = {
     xl?: string;
     circular?: string;
     square?: string;
-};
+}
 
-export declare type HvAvatarProps = HvBaseProps & {
+export declare interface HvAvatarProps extends HvBaseProps {
     /** Inline styles to be applied to the root element. */
     style?: CSSProperties;
     /** The component used for the root node. Either a string to use a DOM element or a component. */
@@ -747,7 +726,7 @@ export declare type HvAvatarProps = HvBaseProps & {
     /** Sets one of the standard sizes of the icons */
     size?: HvAvatarSize;
     /**
-     * A String representing the foreground color of the avatar's
+     * A string representing the foreground color of the avatar's
      * letters or the generic User icon fallback.
      * You can use either an HEX or color name from the palette.
      */
@@ -777,7 +756,7 @@ export declare type HvAvatarProps = HvBaseProps & {
     avatarProps?: AvatarProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvAvatarClasses;
-};
+}
 
 export declare type HvAvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
 
@@ -788,7 +767,7 @@ export declare type HvAvatarVariant = "circular" | "square";
  */
 export declare const HvBadge: (props: HvBadgeProps) => JSX_2.Element;
 
-export declare type HvBadgeClasses = {
+export declare interface HvBadgeClasses {
     root?: string;
     badgeContainer?: string;
     badgePosition?: string;
@@ -797,9 +776,9 @@ export declare type HvBadgeClasses = {
     showLabel?: string;
     badgeIcon?: string;
     badgeOneDigit?: string;
-};
+}
 
-export declare type HvBadgeProps = HvBaseProps & {
+export declare interface HvBadgeProps extends HvBaseProps {
     /**
      * Count is the number of unread notifications.
      * Note count and label are mutually exclusive.
@@ -825,10 +804,10 @@ export declare type HvBadgeProps = HvBaseProps & {
     /** Text which the notification will be attached. */
     text?: string;
     /** Text variant. */
-    textVariant?: HvTypographyVariants_2;
+    textVariant?: HvTypographyVariants;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBadgeClasses;
-};
+}
 
 /**
  * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.
@@ -838,7 +817,7 @@ export declare const HvBanner: ({ id, classes, className, open, onClose, anchorO
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
-export declare type HvBannerClasses = {
+export declare interface HvBannerClasses {
     /** Styles applied to the component root class. */
     root?: string;
     /** Styles applied to the component root class when the component is closed. */
@@ -847,11 +826,11 @@ export declare type HvBannerClasses = {
     anchorOriginTopCenter?: string;
     /** Styles applied to the component when define as bottom. */
     anchorOriginBottomCenter?: string;
-};
+}
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = {
+export declare interface HvBannerContentClasses {
     outContainer?: string;
     root?: string;
     message?: string;
@@ -862,13 +841,13 @@ export declare type HvBannerContentClasses = {
     error?: string;
     info?: string;
     default?: string;
-};
+}
 
-export declare type HvBannerContentProps = Omit<SnackbarContentProps, "variant" | "classes" | "onClose"> & HvBaseProps & {
+export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose">, HvBaseProps {
     /** The message to display. */
     content?: React.ReactNode;
     /** Variant of the snackbar. */
-    variant?: HvBannerVariant_2;
+    variant?: HvBannerVariant;
     /** Controls if the associated icon to the variant should be shown. */
     showIcon?: boolean;
     /** Custom icon to replace the variant default. */
@@ -876,19 +855,21 @@ export declare type HvBannerContentProps = Omit<SnackbarContentProps, "variant"
     /** onClose function. */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /** Actions to display on the right side. */
-    actions?: React.ReactNode | HvActionGeneric_2[];
+    actions?: React.ReactNode | HvActionGeneric[];
     /**  The callback function ran when an action is triggered, receiving `action` as param */
-    actionsCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric_2) => void;
+    actionsCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
     /** The position property of the header. */
-    actionsPosition?: HvBannerActionPosition_2;
+    actionsPosition?: HvBannerActionPosition;
     /** The props to pass down to the Action Container. */
     actionProps?: HvActionContainerProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBannerContentClasses;
-};
+}
 
-export declare type HvBannerProps = Omit<SnackbarProps, "anchorOrigin" | "classes" | "onClose"> & HvBaseProps & {
-    /** If true | Snackbar is open. */
+export declare interface HvBannerProps extends Omit<SnackbarProps, "anchorOrigin" | "classes" | "onClose">, HvBaseProps<HTMLDivElement, {
+    children: any;
+}> {
+    /** If true, the snackbar is open. */
     open: boolean;
     /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
@@ -918,7 +899,7 @@ export declare type HvBannerProps = Omit<SnackbarProps, "anchorOrigin" | "classe
     bannerContentProps?: HvBannerContentProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBannerClasses;
-};
+}
 
 export declare type HvBannerVariant = "success" | "warning" | "error" | "default";
 
@@ -930,16 +911,17 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  */
 export declare const HvBaseCheckBox: ({ id, classes, className, name, inputProps, onChange, onFocusVisible, onBlur, checked, indeterminate, defaultChecked, value, required, readOnly, disabled, semantic, ...others }: HvBaseCheckBoxProps) => JSX_2.Element;
 
-export declare type HvBaseCheckBoxClasses = {
+export declare interface HvBaseCheckBoxClasses {
     root?: string;
     disabled?: string;
     focusVisible?: string;
     icon?: string;
-};
+}
 
-export declare type HvBaseCheckBoxProps = Omit<CheckboxProps, "onChange" | "classes"> & HvBaseProps<HTMLInputElement, {
+export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, {
     onChange: any;
-}> & {
+    color: any;
+}> {
     /**
      * The input name.
      */
@@ -1004,7 +986,7 @@ export declare type HvBaseCheckBoxProps = Omit<CheckboxProps, "onChange" | "clas
      * A Jss Object used to override or extend the styles applied to the checkbox.
      */
     classes?: HvBaseCheckBoxClasses;
-};
+}
 
 export declare type HvBaseColorKeys = "base_light" | "base_dark";
 
@@ -1012,7 +994,7 @@ export declare type HvBaseColors = Record<HvBaseColorKeys, string>;
 
 export declare const HvBaseDropdown: ({ id, className, classes, children, role, placeholder, component, adornment, expanded, dropdownHeaderProps, defaultExpanded, disabled, readOnly, disablePortal, variableWidth, placement, popperProps, dropdownHeaderRef: dropdownHeaderRefProp, onToggle, onClickOutside, onContainerCreation, ...others }: HvBaseDropdownProps) => JSX_2.Element;
 
-export declare type HvBaseDropdownClasses = {
+export declare interface HvBaseDropdownClasses {
     root?: string;
     rootDisabled?: string;
     anchor?: string;
@@ -1033,11 +1015,11 @@ export declare type HvBaseDropdownClasses = {
     inputExtensionOpenShadow?: string;
     inputExtensionFloatRight?: string;
     inputExtensionFloatLeft?: string;
-};
+}
 
-export declare type HvBaseDropdownProps = HvBaseProps<HTMLDivElement, {
+export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement, {
     placeholder: any;
-}> & {
+}> {
     /**
      * The role of the element that triggers the popup.
      *
@@ -1116,7 +1098,7 @@ export declare type HvBaseDropdownProps = HvBaseProps<HTMLDivElement, {
      * A Jss Object used to override or extend the component styles applied.
      */
     classes?: HvBaseDropdownClasses;
-};
+}
 
 /**
  * An Input component that only posses the most basic functionalities.
@@ -1124,7 +1106,7 @@ export declare type HvBaseDropdownProps = HvBaseProps<HTMLDivElement, {
  */
 export declare const HvBaseInput: ({ classes, className, id, name, value, defaultValue, required, readOnly, disabled, onChange, type, placeholder, multiline, resizable, invalid, inputRef, inputProps, ...others }: HvBaseInputProps) => JSX_2.Element;
 
-export declare type HvBaseInputClasses = {
+export declare interface HvBaseInputClasses {
     /** Styles applied to the root container of the input. */
     root?: string;
     /** Styles applied to the root container of the input when it is disabled. */
@@ -1157,11 +1139,17 @@ export declare type HvBaseInputClasses = {
     inputBorderContainer?: string;
     /** Styles applied to the container of the border element, when in read only mode. */
     readOnly?: string;
-};
+}
 
-export declare type HvBaseInputProps = Omit<InputProps, "onChange" | "classes"> & HvBaseProps<HTMLDivElement, {
+export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" | "classes">, HvBaseProps<HTMLDivElement, {
     onChange: any;
-}> & {
+    color: any;
+    onBlur: any;
+    onFocus: any;
+    onInvalid: any;
+    onKeyDown: any;
+    onKeyUp: any;
+}> {
     /** The input name. */
     name?: string;
     /** The value of the input, when controlled. */
@@ -1193,7 +1181,7 @@ export declare type HvBaseInputProps = Omit<InputProps, "onChange" | "classes">
     inputRef?: RefObject<HTMLElement>;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBaseInputClasses;
-};
+}
 
 export declare type HvBaseProps<E = HTMLDivElement, P = {}> = Omit<HTMLAttributes<E>, keyof P>;
 
@@ -1210,7 +1198,7 @@ declare type HvBaseProps_2<C extends React.ElementType> = PolymorphicComponentRe
  */
 export declare const HvBaseRadio: (props: HvBaseRadioProps) => JSX_2.Element;
 
-export declare type HvBaseRadioClasses = {
+export declare interface HvBaseRadioClasses {
     /** Styles applied to the component. */
     root?: string;
     /** Styles applied to the radio button when it is disabled. */
@@ -1219,11 +1207,12 @@ export declare type HvBaseRadioClasses = {
     focusVisible?: string;
     /** Class applied top the icon element. */
     icon?: string;
-};
+}
 
-export declare type HvBaseRadioProps = Omit<RadioProps, "onChange" | "classes"> & HvBaseProps<HTMLInputElement, {
+export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, {
     onChange: any;
-}> & {
+    color: any;
+}> {
     /**
      * Class names to be applied.
      */
@@ -1289,7 +1278,7 @@ export declare type HvBaseRadioProps = Omit<RadioProps, "onChange" | "classes">
      * @ignore
      */
     onBlur?: (event: React_2.FocusEvent<any>) => void;
-};
+}
 
 /**
  * A Switch is <b>binary</b> and work as a digital on/off button.
@@ -1299,7 +1288,7 @@ export declare type HvBaseRadioProps = Omit<RadioProps, "onChange" | "classes">
  */
 export declare const HvBaseSwitch: (props: HvBaseSwitchProps) => JSX_2.Element;
 
-export declare type HvBaseSwitchClasses = {
+export declare interface HvBaseSwitchClasses {
     /** Styles applied to the component. */
     root?: string;
     /** Styles applied to the switch when it is disabled. */
@@ -1318,11 +1307,12 @@ export declare type HvBaseSwitchClasses = {
     thumb?: string;
     /** Class applied to the root element if keyboard focused. */
     focusVisible?: string;
-};
+}
 
-export declare type HvBaseSwitchProps = Omit<SwitchProps, "onChange" | "classes"> & HvBaseProps<HTMLInputElement, {
+export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, {
     onChange: any;
-}> & {
+    color: any;
+}> {
     /**
      * Class names to be applied.
      */
@@ -1387,7 +1377,7 @@ export declare type HvBaseSwitchProps = Omit<SwitchProps, "onChange" | "classes"
      * @ignore
      */
     onBlur?: (event: React_2.FocusEvent<any>) => void;
-};
+}
 
 export { HvBaseTheme }
 
@@ -1400,7 +1390,7 @@ export declare type HvBoxProps = <C extends React.ElementType = "div">(props: Hv
  */
 export declare const HvBreadCrumb: ({ classes, className, id, listRoute, maxVisible, url, onClick, component, dropDownMenuProps, ...others }: HvBreadCrumbProps) => JSX_2.Element;
 
-export declare type HvBreadCrumbClasses = {
+export declare interface HvBreadCrumbClasses {
     root?: string;
     link?: string;
     orderedList?: string;
@@ -1408,16 +1398,16 @@ export declare type HvBreadCrumbClasses = {
     centerContainer?: string;
     separatorContainer?: string;
     a?: string;
-};
+}
 
-export declare type HvBreadCrumbPathElement = {
+export declare interface HvBreadCrumbPathElement {
     label: string;
     path: string;
-};
+}
 
-export declare type HvBreadCrumbProps = HvBaseProps<HTMLDivElement, {
+export declare interface HvBreadCrumbProps extends HvBaseProps<HTMLDivElement, {
     onClick: any;
-}> & {
+}> {
     /** List of breadcrumb. */
     listRoute?: HvBreadCrumbPathElement[];
     /** URL to build the breadcrumb. */
@@ -1432,7 +1422,7 @@ export declare type HvBreadCrumbProps = HvBaseProps<HTMLDivElement, {
     dropDownMenuProps?: HvDropDownMenuProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBreadCrumbClasses;
-};
+}
 
 export declare type HvBreakpoints = "xs" | "sm" | "md" | "lg" | "xl";
 
@@ -1442,18 +1432,18 @@ export declare type HvBreakpoints = "xs" | "sm" | "md" | "lg" | "xl";
  */
 export declare const HvBulkActions: ({ id, className, classes, selectAllPagesLabel, actionsDisabled, maxVisibleActions, checkboxProps, actions, numTotal, numSelected, selectAllLabel, selectAllConjunctionLabel, showSelectAllPages, semantic, actionsCallback, onSelectAll, onSelectAllPages, ...others }: HvBulkActionsProps) => JSX_2.Element;
 
-export declare type HvBulkActionsClasses = {
+export declare interface HvBulkActionsClasses {
     root?: string;
     semantic?: string;
     actions?: string;
     selectAllContainer?: string;
     selectAll?: string;
     selectAllPages?: string;
-};
+}
 
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
 
-export declare type HvBulkActionsProps = HvBaseProps & {
+export declare interface HvBulkActionsProps extends HvBaseProps {
     /**
      * Custom label for select all checkbox
      */
@@ -1516,18 +1506,18 @@ export declare type HvBulkActionsProps = HvBaseProps & {
      * A Jss Object used to override or extend the styles applied.
      */
     classes?: HvBulkActionsClasses;
-};
+}
 
 /**
  * Button component is used to trigger an action or event.
  */
 export declare const HvButton: React_2.ForwardRefExoticComponent<HvButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare type HvButtonClasses = {
+export declare interface HvButtonClasses {
     root?: string;
     startIcon?: string;
     focusVisible?: string;
-};
+}
 
 export declare interface HvButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
     /** Use the variant prop to change the visual style of the Button. */
@@ -1558,21 +1548,21 @@ export declare type HvButtonVariant = "primary" | "primarySubtle" | "primaryGhos
 
 export declare const HvCalendar: ({ classes, id, locale, value, visibleMonth, visibleYear, rightVisibleMonth, rightVisibleYear, minimumDate, maximumDate, startAdornment, onChange, onInputChange, onVisibleDateChange, ...others }: HvCalendarProps) => JSX_2.Element;
 
-export declare type HvCalendarClasses = {
+export declare interface HvCalendarClasses {
     root?: string;
     rangeCalendarContainer?: string;
     singleCalendar?: string;
     focusSelection?: string;
     calendarMonthlyCell?: string;
     calendarMonthlyCellSelected?: string;
-};
+}
 
 export declare const HvCalendarHeader: {
     ({ id, value, locale, classes, onChange, showEndDate, showDayOfWeek, onFocus, ...others }: HvCalendarHeaderProps): JSX_2.Element;
     formElementType: string;
 };
 
-export declare type HvCalendarHeaderClasses = {
+export declare interface HvCalendarHeaderClasses {
     root?: string;
     invalid?: string;
     headerDayOfWeek?: string;
@@ -1580,9 +1570,9 @@ export declare type HvCalendarHeaderClasses = {
     input?: string;
     inputBorderContainer?: string;
     invalidMessageStyling?: string;
-};
+}
 
-export declare type HvCalendarHeaderProps = {
+export declare interface HvCalendarHeaderProps {
     /**
      * A Jss Object used to override or extend the component styles.
      */
@@ -1615,9 +1605,9 @@ export declare type HvCalendarHeaderProps = {
      * Indicates if header should display the day of week.
      */
     showDayOfWeek?: boolean;
-};
+}
 
-export declare type HvCalendarProps = {
+export declare interface HvCalendarProps {
     /**
      * Styles applied from the theme.
      */
@@ -1682,7 +1672,7 @@ export declare type HvCalendarProps = {
      * Indicates if header should display the day of week.
      */
     showDayOfWeek?: boolean;
-};
+}
 
 /**
  * A card is a container for a few short and related pieces of content.
@@ -2085,8 +2075,8 @@ export declare type HvControlsProps = HvBaseProps & {
      * if this is not provided data sorting and search must be handled externally
      */
     callbacks?: {
-        setSortBy?: HvTableInstance_2["setSortBy"];
-        setGlobalFilter?: HvTableInstance_2["setGlobalFilter"];
+        setSortBy?: HvTableInstance["setSortBy"];
+        setGlobalFilter?: HvTableInstance["setGlobalFilter"];
     };
     /**
      * Views configuration required for the view buttons
@@ -2145,7 +2135,7 @@ export declare type HvCreateThemeProps = {
     inheritColorModes?: boolean;
 } & HvThemeCustomizationProps;
 
-export declare function hvDateColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C, dateFormat?: string): HvTableColumnConfig_2<D>;
+export declare function hvDateColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(col: C, dateFormat?: string): HvTableColumnConfig<D>;
 
 export declare const HvDateColumnCell: ({ date, dateFormat, }: HvDateColumnCellProp) => JSX.Element | null;
 
@@ -2304,21 +2294,21 @@ export declare type HvDropdownClasses = {
     rootList?: string;
 };
 
-export declare function hvDropdownColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C, id: string, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue_2) => void): HvTableColumnConfig_2<D>;
+export declare function hvDropdownColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(col: C, id: string, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void): HvTableColumnConfig<D>;
 
 export declare const HvDropdownColumnCell: ({ values, disabled, onChange, placeholder, dropdownProps, }: HvDropdownColumnCellProp) => JSX.Element | null;
 
 declare interface HvDropdownColumnCellProp {
     /** Values to render in the dropdown. */
-    values: HvListValue_2[];
+    values: HvListValue[];
     /** Placeholder text for when the dropdown is empty. */
     placeholder: string;
     /** The whether the dropdown is disabled. */
     disabled: boolean;
     /** Function called when there is change on the dropdown. */
-    onChange?: (value: HvListValue_2) => void;
+    onChange?: (value: HvListValue) => void;
     /** Extra props to be passed onto the dropdown. */
-    dropdownProps?: HvDropdownProps_2;
+    dropdownProps?: HvDropdownProps;
 }
 
 export declare type HvDropdownLabelsProps = {
@@ -2371,7 +2361,7 @@ declare type HvDropdownListProps = {
     /**
      * The list to be rendered.
      */
-    values?: HvListValue_2[];
+    values?: HvListValue[];
     /**
      * If true renders a multi select list.
      */
@@ -2453,7 +2443,7 @@ export declare type HvDropDownMenuProps = HvBaseProps<HTMLDivElement, {
      * - icon: The icon node to be rendered on the left.
      * - showNavIcon: If true renders the navigation icon on the right.
      */
-    dataList: HvListValue_2[];
+    dataList: HvListValue[];
     /** Placement of the dropdown. */
     placement?: "left" | "right";
     /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */
@@ -2461,7 +2451,7 @@ export declare type HvDropDownMenuProps = HvBaseProps<HTMLDivElement, {
     /** Function executed on toggle of the dropdown. Should receive the open status. */
     onToggle?: (event: Event, open: boolean) => void;
     /** Function executed in each onClick. Should received the clicked element. */
-    onClick?: (event: React.ChangeEvent<HTMLLIElement>, value: HvListValue_2) => void;
+    onClick?: (event: React.ChangeEvent<HTMLLIElement>, value: HvListValue) => void;
     /** Keep the Dropdown Menu opened after clicking one option */
     keepOpened?: boolean;
     /** Defines if the component is disabled. */
@@ -2471,7 +2461,7 @@ export declare type HvDropDownMenuProps = HvBaseProps<HTMLDivElement, {
     /** When uncontrolled, defines the initial expanded state. */
     defaultExpanded?: boolean;
     /** The variant to be used in the header. */
-    category?: HvButtonVariant_2;
+    category?: HvButtonVariant;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvDropDownMenuClasses;
 };
@@ -2558,11 +2548,11 @@ export declare type HvDropdownProps = HvBaseProps<HTMLDivElement, {
     /**
      * The callback fired when the value changes.
      */
-    onChange?: (selected: HvListValue_2 | HvListValue_2[] | undefined) => void;
+    onChange?: (selected: HvListValue | HvListValue[] | undefined) => void;
     /**
      * The list to be rendered by the dropdown.
      */
-    values?: HvListValue_2[];
+    values?: HvListValue[];
     /**
      * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.
      */
@@ -2657,7 +2647,7 @@ export declare type HvDropdownProps = HvBaseProps<HTMLDivElement, {
     /**
      * Extra props passed to the dropdown.
      */
-    baseDropdownProps?: HvBaseDropdownProps_2;
+    baseDropdownProps?: HvBaseDropdownProps;
     /**
      * Extra props passed to the list.
      */
@@ -2732,7 +2722,7 @@ export declare type HvEmptyStateProps = HvBaseProps<HTMLDivElement, {
     classes?: HvEmptyStateClasses;
 };
 
-export declare function hvExpandColumn<D extends Record<string, unknown>>(col: HvTableColumnConfig_2<D>, expandRowButtonAriaLabel: string, collapseRowButtonAriaLabel: string, getCanRowExpand?: (row: HvRowInstance_2<D>) => boolean): HvTableColumnConfig_2<D>;
+export declare function hvExpandColumn<D extends Record<string, unknown>>(col: HvTableColumnConfig<D>, expandRowButtonAriaLabel: string, collapseRowButtonAriaLabel: string, getCanRowExpand?: (row: HvRowInstance<D>) => boolean): HvTableColumnConfig<D>;
 
 export declare type HvExtraDeepPartialProps<T> = Partial<{
     [P in keyof T]: DeepPartial<T[P]> & HvExtraProps;
@@ -2840,7 +2830,7 @@ export declare type HvFileUploaderPreviewClasses = {
     overlay?: string;
 };
 
-export declare type HvFileUploaderPreviewProps = Omit<HvButtonProps_2, "children" | "classes"> & {
+export declare type HvFileUploaderPreviewProps = Omit<HvButtonProps, "children" | "classes"> & {
     /**
      * Content that represents the preview of an uploaded file.
      */
@@ -3438,7 +3428,7 @@ export declare type HvInputProps = HvBaseProps<HTMLElement, {
      * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
      * or "invalid" after any change to `checked`, depending of the values of both `required` and `checked`.
      */
-    status?: HvFormStatus_2;
+    status?: HvFormStatus;
     /** The error message to show when `status` is "invalid". */
     statusMessage?: string;
     /**
@@ -3642,7 +3632,7 @@ export declare type HvLeftControlProps = HvBaseProps & {
     /** Callback called when a search action occurs */
     onSearch?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
     /** Extra props passed to input */
-    searchProps?: HvInputProps_2;
+    searchProps?: HvInputProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvLeftControlClasses;
 };
@@ -3925,9 +3915,9 @@ export declare type HvLoginProps = HvBaseProps & {
 declare type HvMenuBarProps = HvBaseProps<"div", {
     onClick: any;
 }> & {
-    data: HvHeaderNavigationItemProp_2[];
+    data: HvHeaderNavigationItemProp[];
     type: string;
-    onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp_2) => void;
+    onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;
 };
 
 export declare const HvMultiButton: ({ className, children, classes, disabled, vertical, variant, ...others }: HvMultiButtonProps) => JSX_2.Element;
@@ -3945,7 +3935,7 @@ export declare type HvMultiButtonProps = HvBaseProps & {
     /** If the MultiButton is to be displayed vertically. */
     vertical?: boolean;
     /** Category of button to use */
-    variant?: HvButtonVariant_2;
+    variant?: HvButtonVariant;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvMultiButtonClasses;
 };
@@ -3965,7 +3955,7 @@ export declare type HvNotistackSnackMessageProps = {
     snackbarContentProps?: HvSnackbarContentProps;
 };
 
-export declare function hvNumberColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C): HvTableColumnConfig_2<D>;
+export declare function hvNumberColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(col: C): HvTableColumnConfig<D>;
 
 export declare const hvNumberFallback: (value: any) => number | "—";
 
@@ -3991,7 +3981,7 @@ export declare type HvOverflowTooltipProps = HvBaseProps & {
     /** Tooltip placement. */
     placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
     /** Extra properties to add to the tooltip. */
-    tooltipsProps?: HvTooltipProps_2;
+    tooltipsProps?: HvTooltipProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvOverflowTooltipClasses;
 };
@@ -4088,7 +4078,7 @@ export declare type HvPaginationProps = HvBaseProps & {
     /** Other props to pagination component. */
     navigationProps?: HTMLAttributes<HTMLDivElement>;
     /** Extra properties passed to the input component representing the current pages. */
-    currentPageInputProps?: HvInputProps_2;
+    currentPageInputProps?: HvInputProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvPaginationClasses;
 };
@@ -4147,7 +4137,7 @@ export declare type HvProgressBarProps = HvBaseProps & {
 
 export declare type HvProgressBarStatus = "inProgress" | "completed" | "error";
 
-export declare function hvProgressColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C, getPartial?: (row: HvRowInstance_2<D>) => number, getTotal?: (row: HvRowInstance_2<D>) => number, color?: "primary" | "secondary"): HvTableColumnConfig_2<D>;
+export declare function hvProgressColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(col: C, getPartial?: (row: HvRowInstance<D>) => number, getTotal?: (row: HvRowInstance<D>) => number, color?: "primary" | "secondary"): HvTableColumnConfig<D>;
 
 export declare const HvProgressColumnCell: ({ partial, total, color, }: HvProgressColumnCellProp) => JSX.Element | null;
 
@@ -4165,7 +4155,7 @@ declare interface HvProgressColumnCellProp {
  */
 export declare const HvProvider: ({ children, rootElementId, cssBaseline, cssTheme, themes, theme, colorMode, classNameKey, }: HvProviderProps) => JSX_2.Element;
 
-export declare type HvProviderProps = {
+export declare interface HvProviderProps {
     /**
      * Your component tree.
      */
@@ -4216,7 +4206,7 @@ export declare type HvProviderProps = {
      * For the default themes `ds3` and `ds5`, the `dawn` color mode is the one used.
      */
     colorMode?: string;
-};
+}
 
 /**
  * A Radio Button is a mechanism that allows user to select just an option from a group of options.
@@ -4471,12 +4461,12 @@ export declare type HvRightControlProps = HvBaseProps & {
     /** Callback called when a sort action occurs */
     onSort?: (selected: HvRightListControls | undefined) => void;
     /** Extra props passed to dropdown */
-    sortProps?: HvDropdownProps_2;
+    sortProps?: HvDropdownProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvRightControlClasses;
 };
 
-export declare type HvRightListControls = HvListValue_2 & {
+export declare type HvRightListControls = HvListValue & {
     accessor: string;
     desc: boolean;
 };
@@ -4648,9 +4638,9 @@ export declare type HvSnackbarContentProps = Omit<SnackbarContentProps, "variant
     /** Custom icon to replace the variant default. */
     customIcon?: React.ReactNode;
     /** Action to display. */
-    action?: React.ReactNode | HvActionGeneric_2;
+    action?: React.ReactNode | HvActionGeneric;
     /** The callback function ran when an action is triggered, receiving `action` as param */
-    actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric_2) => void;
+    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;
 };
@@ -4673,9 +4663,9 @@ export declare type HvSnackbarProps = Omit<SnackbarProps, "action" | "classes">
     /** Controls if the associated icon to the variant should be shown. */
     showIcon?: boolean;
     /** Action to display. */
-    action?: React.ReactNode | HvActionGeneric_2;
+    action?: React.ReactNode | HvActionGeneric;
     /** The callback function ran when an action is triggered, receiving `action` as param */
-    actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric_2) => void;
+    actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
     /** Duration of transition in milliseconds. */
     transitionDuration?: number;
     /** Direction of slide transition. */
@@ -4722,7 +4712,7 @@ export declare type HvSnackbarVariant = "default" | "success" | "warning" | "err
  */
 export declare const HvStack: ({ classes, className, children, direction, spacing, divider, withNavigation, dividerProps, ...others }: HvStackProps) => JSX_2.Element;
 
-export declare type HvStackBreakpoints = Record<HvBreakpoints_2, string>;
+export declare type HvStackBreakpoints = Record<HvBreakpoints, string>;
 
 export declare type HvStackClasses = {
     root?: string;
@@ -4734,7 +4724,7 @@ export declare type HvStackProps = HvBaseProps & {
     /** The direction of the stack. Can be either a string or an object that states the direction for each breakpoint. */
     direction?: HvStackDirection;
     /** The spacing between elements of the stack. */
-    spacing?: HvBreakpoints_2;
+    spacing?: HvBreakpoints;
     /** The divider component to be used between the stack elements.
      * - If `true` the Material-UI Divider component will be used.
      * - If a React node is passed then the custom divider will be used.
@@ -4805,7 +4795,7 @@ export declare type HvSwitchClasses = {
     invalidSwitch?: string;
 };
 
-export declare function hvSwitchColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C, switchLabel: string, falseLabel?: string, trueLabel?: string, switchProps?: HvBaseSwitchProps_2): HvTableColumnConfig_2<D>;
+export declare function hvSwitchColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(col: C, switchLabel: string, falseLabel?: string, trueLabel?: string, switchProps?: HvBaseSwitchProps): HvTableColumnConfig<D>;
 
 export declare const HvSwitchColumnCell: ({ checked, value, switchLabel, falseLabel, trueLabel, switchProps, }: HvSwitchColumnCellProp) => JSX.Element | null;
 
@@ -4821,7 +4811,7 @@ declare interface HvSwitchColumnCellProp {
     /** The left switch label. */
     trueLabel?: string;
     /** Extra props to be passed to the switch. */
-    switchProps?: HvBaseSwitchProps_2;
+    switchProps?: HvBaseSwitchProps;
 }
 
 export declare type HvSwitchProps = Omit<SwitchProps, "onChange" | "classes"> & HvBaseProps<HTMLInputElement, {
@@ -4874,7 +4864,7 @@ export declare type HvSwitchProps = Omit<SwitchProps, "onChange" | "classes"> &
     /**
      * Properties passed on to the label element.
      */
-    labelProps?: HvLabelProps_2;
+    labelProps?: HvLabelProps;
     /**
      * Indicates that the form element is disabled.
      */
@@ -4905,7 +4895,7 @@ export declare type HvSwitchProps = Omit<SwitchProps, "onChange" | "classes"> &
      * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
      * or "invalid" after any change to `checked`, depending of the values of both `required` and `checked`.
      */
-    status?: HvFormStatus_2;
+    status?: HvFormStatus;
     /**
      * The error message to show when the validation status is "invalid".
      *
@@ -4938,15 +4928,14 @@ export declare type HvTabClasses = {
 };
 
 /**
- * A Table gathers relational data, it displays values arranged to allow quick numerical analysis
- * like comparison and sorting.
+ * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.
  *
- * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,
+ * The **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,
  * for building tables.
  * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.
  *
- * For better data handling and **advanced features** we recommend the use of the utility hooks collection .
- * See the <a href="?id=lab-table-hooks--main&viewMode=docs" target="_self">Table Hooks documentation</a> for more details.
+ * For better data handling and **advanced features** we recommend the use of the utility hooks collection.
+ * See the <a href="?id=guides-table-table-hooks--use-hv-hooks&viewMode=docs" target="_self">Table Hooks documentation</a> for more details.
  */
 export declare const HvTable: ForwardRefExoticComponent<TableHTMLAttributes<HTMLTableElement> & {
     /**
@@ -5616,7 +5605,7 @@ export declare type HvTagClasses = {
     disabledDeleteIcon?: string;
 };
 
-export declare function hvTagColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>, A extends Record<string, unknown>>(col: C, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps_2): HvTableColumnConfig_2<D>;
+export declare function hvTagColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>, A extends Record<string, unknown>>(col: C, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps): HvTableColumnConfig<D>;
 
 export declare type HvTagProps = Omit<ChipProps, "color" | "classes"> & HvBaseProps<HTMLDivElement, {
     children: any;
@@ -5630,7 +5619,7 @@ export declare type HvTagProps = Omit<ChipProps, "color" | "classes"> & HvBasePr
     /** The type of the tag element. A tag can be of semantic or categoric type. */
     type?: "semantic" | "categorical";
     /** Background color to be applied to the tag */
-    color?: HvSemanticColorKeys_2 | HvCategoricalColorKeys_2 | string;
+    color?: HvSemanticColorKeys | HvCategoricalColorKeys | string;
     /** Icon used to customize the delete icon in the Chip element */
     deleteIcon?: React.ReactElement;
     /**
@@ -5831,7 +5820,7 @@ export declare type HvTextAreaProps = Omit<HvBaseInputProps, "onChange" | "onBlu
     /**
      * An Object containing the various texts associated with the input.
      */
-    validationMessages?: HvValidationMessages_2;
+    validationMessages?: HvValidationMessages;
     /**
      * The custom validation function, it receives the value and must return
      * either `true` for valid or `false` for invalid, default validations would only
@@ -5896,7 +5885,7 @@ export declare type HvTextAreaProps = Omit<HvBaseInputProps, "onChange" | "onBlu
     classes?: HvTextAreaClasses;
 };
 
-export declare function hvTextColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C): HvTableColumnConfig_2<D>;
+export declare function hvTextColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(col: C): HvTableColumnConfig<D>;
 
 export { HvTheme }
 
@@ -6051,30 +6040,9 @@ export declare type HvTooltipProps = Omit<TooltipProps, "classes"> & {
 /**
  * Typography component is used to render text and paragraphs within an interface.
  */
-export declare const HvTypography: ForwardRefExoticComponent<Omit<AllHTMLAttributes<HTMLElement>, "disabled"> & HvBaseProps<HTMLElement, {
-    disabled: any;
-}> & {
-    component?: React.ReactNode | React.ElementType;
-    /** Use the variant prop to change the visual style of the Typography. */
-    variant?: HvTypographyVariants | HvTypographyLegacyVariants | undefined;
-    /** If `true` the typography will display the look of a link. */
-    link?: boolean | undefined;
-    /** If `true` the typography will display the look of a disabled state. */
-    disabled?: boolean | undefined;
-    /** If `true`, the text will have a bottom margin. */
-    paragraph?: boolean | undefined;
-    /**
-     * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
-     *
-     * Note that text overflow can only happen with block or inline-block level elements
-     * (the element needs to have a width in order to overflow).
-     */
-    noWrap?: boolean | undefined;
-    /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvTypographyClasses | undefined;
-} & RefAttributes<HTMLElement>>;
+export declare const HvTypography: ForwardRefExoticComponent<HvTypographyProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTypographyClasses = {
+export declare interface HvTypographyClasses {
     root?: string;
     noWrap?: string;
     display?: string;
@@ -6106,13 +6074,13 @@ export declare type HvTypographyClasses = {
     vizText?: string;
     vizTextDisabled?: string;
     xsInlineLink?: string;
-};
+}
 
 export declare type HvTypographyLegacyVariants = "5xlTitle" | "4xlTitle" | "3xlTitle" | "xxlTitle" | "xlTitle" | "lTitle" | "mTitle" | "sTitle" | "xsTitle" | "xxsTitle" | "sectionTitle" | "highlightText" | "normalText" | "placeholderText" | "link" | "disabledText" | "selectedNavText" | "vizText" | "vizTextDisabled" | "xsInlineLink";
 
-export declare type HvTypographyProps = Omit<AllHTMLAttributes<HTMLElement>, "disabled"> & HvBaseProps<HTMLElement, {
+export declare interface HvTypographyProps extends Omit<AllHTMLAttributes<HTMLElement>, "disabled">, HvBaseProps<HTMLElement, {
     disabled: any;
-}> & {
+}> {
     component?: React.ReactNode | React.ElementType;
     /** Use the variant prop to change the visual style of the Typography. */
     variant?: HvTypographyVariants | HvTypographyLegacyVariants;
@@ -6131,7 +6099,7 @@ export declare type HvTypographyProps = Omit<AllHTMLAttributes<HTMLElement>, "di
     noWrap?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTypographyClasses;
-};
+}
 
 export declare type HvTypographyVariants = "display" | "title1" | "title2" | "title3" | "title4" | "body" | "label" | "caption1" | "caption2";
 
@@ -6280,11 +6248,11 @@ export declare type HvVerticalNavigationHeaderProps = {
     /**
      * Props for the collapse button.
      */
-    collapseButtonProps?: HvButtonProps_2;
+    collapseButtonProps?: HvButtonProps;
     /**
      * Props for the back button.
      */
-    backButtonProps?: HvButtonProps_2;
+    backButtonProps?: HvButtonProps;
     /**
      * Class names to be applied.
      */
@@ -6360,7 +6328,7 @@ export declare type HvVerticalNavigationSliderProps = {
      * href - the url used for navigation.
      * target - the behavior when opening an url.
      */
-    data?: NavigationData_2[];
+    data?: NavigationData[];
     /**
      * The selected item id.
      */
@@ -6368,11 +6336,11 @@ export declare type HvVerticalNavigationSliderProps = {
     /**
      * Triggered when the item is clicked.
      */
-    onNavigateToTarget?: (event: React.MouseEvent<HTMLLIElement>, item: NavigationData_2) => void;
+    onNavigateToTarget?: (event: React.MouseEvent<HTMLLIElement>, item: NavigationData) => void;
     /**
      * Triggered when the navigate to child button is clicked.
      */
-    onNavigateToChild?: (event: React.MouseEvent<HTMLButtonElement>, item: NavigationData_2) => void;
+    onNavigateToChild?: (event: React.MouseEvent<HTMLButtonElement>, item: NavigationData) => void;
 };
 
 export declare const HvVerticalNavigationTree: ({ id, className, classes, data, mode, collapsible, expanded: expandedProp, defaultExpanded, onToggle, selected: selectedProp, defaultSelected, onChange, ...others }: HvVerticalNavigationTreeProps) => JSX_2.Element;
@@ -6838,9 +6806,9 @@ export declare const loginClasses: HvLoginClasses;
 declare type MenuItemProps = HvBaseProps<HTMLDivElement, {
     onClick: any;
 }> & {
-    item: HvHeaderNavigationItemProp_2;
+    item: HvHeaderNavigationItemProp;
     type?: string;
-    onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp_2) => void;
+    onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;
 };
 
 export declare const multiButtonClasses: HvMultiButtonClasses;