@hitachivantara/uikit-react-core 5.22.0 → 5.23.0

package/dist/esm/index.js

@@ -41,158 +41,158 @@ import { staticClasses as staticClasses3 } from "./components/ActionBar/ActionBa
 import { HvActionBar } from "./components/ActionBar/ActionBar.js";
 import { staticClasses as staticClasses4 } from "./components/Accordion/Accordion.styles.js";
 import { HvAccordion } from "./components/Accordion/Accordion.js";
-import { default as default16 } from "./components/Avatar/avatarClasses.js";
+import { staticClasses as staticClasses5 } from "./components/Avatar/Avatar.styles.js";
 import { HvAvatar } from "./components/Avatar/Avatar.js";
-import { default as default17 } from "./components/Badge/badgeClasses.js";
+import { staticClasses as staticClasses6 } from "./components/Badge/Badge.styles.js";
 import { HvBadge } from "./components/Badge/Badge.js";
 import { HvButton } from "./components/Button/Button.js";
-import { staticClasses as staticClasses5 } from "./components/Button/Button.styles.js";
+import { staticClasses as staticClasses7 } from "./components/Button/Button.styles.js";
 import { buttonRadius, buttonSize, buttonVariant } from "./components/Button/types.js";
-import { staticClasses as staticClasses6 } from "./components/Card/Card.styles.js";
+import { staticClasses as staticClasses8 } from "./components/Card/Card.styles.js";
 import { HvCard } from "./components/Card/Card.js";
-import { staticClasses as staticClasses7 } from "./components/Card/Header/Header.styles.js";
+import { staticClasses as staticClasses9 } from "./components/Card/Header/Header.styles.js";
 import { HvCardHeader } from "./components/Card/Header/Header.js";
-import { staticClasses as staticClasses8 } from "./components/Card/Content/Content.styles.js";
+import { staticClasses as staticClasses10 } from "./components/Card/Content/Content.styles.js";
 import { HvCardContent } from "./components/Card/Content/Content.js";
-import { staticClasses as staticClasses9 } from "./components/Card/Media/Media.styles.js";
+import { staticClasses as staticClasses11 } from "./components/Card/Media/Media.styles.js";
 import { HvCardMedia } from "./components/Card/Media/Media.js";
-import { default as default18 } from "./components/Container/containerClasses.js";
+import { default as default16 } from "./components/Container/containerClasses.js";
 import { HvContainer } from "./components/Container/Container.js";
-import { staticClasses as staticClasses10 } from "./components/Dialog/Title/Title.styles.js";
+import { staticClasses as staticClasses12 } from "./components/Dialog/Title/Title.styles.js";
 import { HvDialogTitle } from "./components/Dialog/Title/Title.js";
-import { staticClasses as staticClasses11 } from "./components/Dialog/Content/Content.styles.js";
+import { staticClasses as staticClasses13 } from "./components/Dialog/Content/Content.styles.js";
 import { HvDialogContent } from "./components/Dialog/Content/Content.js";
-import { staticClasses as staticClasses12 } from "./components/Dialog/Actions/Actions.styles.js";
+import { staticClasses as staticClasses14 } from "./components/Dialog/Actions/Actions.styles.js";
 import { HvDialogActions } from "./components/Dialog/Actions/Actions.js";
-import { staticClasses as staticClasses13 } from "./components/Dialog/Dialog.styles.js";
+import { staticClasses as staticClasses15 } from "./components/Dialog/Dialog.styles.js";
 import { HvDialog } from "./components/Dialog/Dialog.js";
-import { staticClasses as staticClasses14 } from "./components/Drawer/Drawer.styles.js";
+import { staticClasses as staticClasses16 } from "./components/Drawer/Drawer.styles.js";
 import { HvDrawer } from "./components/Drawer/Drawer.js";
-import { default as default19 } from "./components/EmptyState/emptyStateClasses.js";
+import { default as default17 } from "./components/EmptyState/emptyStateClasses.js";
 import { HvEmptyState } from "./components/EmptyState/EmptyState.js";
-import { default as default20 } from "./components/Footer/footerClasses.js";
+import { default as default18 } from "./components/Footer/footerClasses.js";
 import { HvFooter } from "./components/Footer/Footer.js";
-import { default as default21 } from "./components/Grid/gridClasses.js";
+import { default as default19 } from "./components/Grid/gridClasses.js";
 import { HvGrid } from "./components/Grid/Grid.js";
-import { default as default22 } from "./components/Header/headerClasses.js";
+import { default as default20 } from "./components/Header/headerClasses.js";
 import { HvHeader } from "./components/Header/Header.js";
-import { default as default23 } from "./components/Header/Actions/actionsClasses.js";
+import { default as default21 } from "./components/Header/Actions/actionsClasses.js";
 import { HvHeaderActions } from "./components/Header/Actions/Actions.js";
-import { default as default24 } from "./components/Header/Brand/brandClasses.js";
+import { default as default22 } from "./components/Header/Brand/brandClasses.js";
 import { HvHeaderBrand } from "./components/Header/Brand/Brand.js";
-import { default as default25 } from "./components/Header/Navigation/navigationClasses.js";
+import { default as default23 } from "./components/Header/Navigation/navigationClasses.js";
 import { HvHeaderMenuBar } from "./components/Header/Navigation/MenuBar/MenuBar.js";
 import { HvHeaderMenuItem } from "./components/Header/Navigation/MenuItem/MenuItem.js";
 import { HvHeaderNavigation } from "./components/Header/Navigation/Navigation.js";
 import { useSelectionPath } from "./components/Header/Navigation/useSelectionPath.js";
-import { default as default26 } from "./components/Kpi/kpiClasses.js";
+import { default as default24 } from "./components/Kpi/kpiClasses.js";
 import { HvKpi } from "./components/Kpi/Kpi.js";
-import { default as default27 } from "./components/Link/linkClasses.js";
+import { default as default25 } from "./components/Link/linkClasses.js";
 import { HvLink } from "./components/Link/Link.js";
-import { default as default28 } from "./components/Loading/loadingClasses.js";
+import { default as default26 } from "./components/Loading/loadingClasses.js";
 import { HvLoading } from "./components/Loading/Loading.js";
-import { default as default29 } from "./components/MultiButton/multiButtonClasses.js";
+import { default as default27 } from "./components/MultiButton/multiButtonClasses.js";
 import { HvMultiButton } from "./components/MultiButton/MultiButton.js";
-import { default as default30 } from "./components/Panel/panelClasses.js";
+import { default as default28 } from "./components/Panel/panelClasses.js";
 import { HvPanel } from "./components/Panel/Panel.js";
-import { default as default31 } from "./components/ProgressBar/progressBarClasses.js";
+import { default as default29 } from "./components/ProgressBar/progressBarClasses.js";
 import { HvProgressBar } from "./components/ProgressBar/ProgressBar.js";
 import { HvSimpleGrid } from "./components/SimpleGrid/SimpleGrid.js";
-import { default as default32 } from "./components/Stack/stackClasses.js";
+import { default as default30 } from "./components/Stack/stackClasses.js";
 import { HvStack } from "./components/Stack/Stack.js";
-import { default as default33 } from "./components/Tab/tabClasses.js";
+import { default as default31 } from "./components/Tab/tabClasses.js";
 import { HvTab } from "./components/Tab/Tab.js";
-import { default as default34 } from "./components/Tabs/tabsClasses.js";
+import { default as default32 } from "./components/Tabs/tabsClasses.js";
 import { HvTabs } from "./components/Tabs/Tabs.js";
-import { default as default35 } from "./components/Tag/tagClasses.js";
+import { default as default33 } from "./components/Tag/tagClasses.js";
 import { HvTag } from "./components/Tag/Tag.js";
 import { HvToggleButton } from "./components/ToggleButton/ToggleButton.js";
-import { default as default36 } from "./components/Tooltip/tooltipClasses.js";
+import { default as default34 } from "./components/Tooltip/tooltipClasses.js";
 import { HvTooltip } from "./components/Tooltip/Tooltip.js";
-import { default as default37 } from "./components/OverflowTooltip/overflowTooltipClasses.js";
+import { default as default35 } from "./components/OverflowTooltip/overflowTooltipClasses.js";
 import { HvOverflowTooltip } from "./components/OverflowTooltip/OverflowTooltip.js";
-import { default as default38 } from "./components/BaseCheckBox/baseCheckBoxClasses.js";
+import { default as default36 } from "./components/BaseCheckBox/baseCheckBoxClasses.js";
 import { HvBaseCheckBox } from "./components/BaseCheckBox/BaseCheckBox.js";
-import { default as default39 } from "./components/BaseRadio/baseRadioClasses.js";
+import { default as default37 } from "./components/BaseRadio/baseRadioClasses.js";
 import { HvBaseRadio, getSelectorIcons } from "./components/BaseRadio/BaseRadio.js";
-import { staticClasses as staticClasses15 } from "./components/AppSwitcher/AppSwitcher.styles.js";
+import { staticClasses as staticClasses17 } from "./components/AppSwitcher/AppSwitcher.styles.js";
 import { HvAppSwitcher } from "./components/AppSwitcher/AppSwitcher.js";
-import { staticClasses as staticClasses16 } from "./components/AppSwitcher/Action/Action.styles.js";
+import { staticClasses as staticClasses18 } from "./components/AppSwitcher/Action/Action.styles.js";
 import { HvAppSwitcherAction } from "./components/AppSwitcher/Action/Action.js";
-import { default as default40 } from "./components/BaseSwitch/baseSwitchClasses.js";
+import { default as default38 } from "./components/BaseSwitch/baseSwitchClasses.js";
 import { HvBaseSwitch } from "./components/BaseSwitch/BaseSwitch.js";
-import { default as default41 } from "./components/CheckBox/checkBoxClasses.js";
+import { default as default39 } from "./components/CheckBox/checkBoxClasses.js";
 import { HvCheckBox } from "./components/CheckBox/CheckBox.js";
-import { staticClasses as staticClasses17 } from "./components/Input/Input.styles.js";
+import { staticClasses as staticClasses19 } from "./components/Input/Input.styles.js";
 import { HvInput } from "./components/Input/Input.js";
-import { default as default42 } from "./components/Switch/switchClasses.js";
+import { default as default40 } from "./components/Switch/switchClasses.js";
 import { HvSwitch } from "./components/Switch/Switch.js";
-import { default as default43 } from "./components/Radio/radioClasses.js";
+import { default as default41 } from "./components/Radio/radioClasses.js";
 import { HvRadio } from "./components/Radio/Radio.js";
-import { default as default44 } from "./components/TextArea/textAreaClasses.js";
+import { default as default42 } from "./components/TextArea/textAreaClasses.js";
 import { HvTextArea } from "./components/TextArea/TextArea.js";
-import { default as default45 } from "./components/TagsInput/tagsInputClasses.js";
+import { default as default43 } from "./components/TagsInput/tagsInputClasses.js";
 import { HvTagsInput } from "./components/TagsInput/TagsInput.js";
-import { default as default46 } from "./components/CheckBoxGroup/checkBoxGroupClasses.js";
+import { default as default44 } from "./components/CheckBoxGroup/checkBoxGroupClasses.js";
 import { HvCheckBoxGroup } from "./components/CheckBoxGroup/CheckBoxGroup.js";
-import { default as default47 } from "./components/List/listClasses.js";
+import { default as default45 } from "./components/List/listClasses.js";
 import { HvList } from "./components/List/List.js";
-import { default as default48 } from "./components/RadioGroup/radioGroupClasses.js";
+import { default as default46 } from "./components/RadioGroup/radioGroupClasses.js";
 import { HvRadioGroup } from "./components/RadioGroup/RadioGroup.js";
-import { default as default49 } from "./components/FileUploader/Preview/previewClasses.js";
+import { default as default47 } from "./components/FileUploader/Preview/previewClasses.js";
 import { HvFileUploaderPreview } from "./components/FileUploader/Preview/Preview.js";
-import { default as default50 } from "./components/FileUploader/File/fileClasses.js";
+import { default as default48 } from "./components/FileUploader/File/fileClasses.js";
 import { HvFile } from "./components/FileUploader/File/File.js";
 import { HvFileUploader } from "./components/FileUploader/FileUploader.js";
-import { staticClasses as staticClasses18 } from "./components/DropDownMenu/DropDownMenu.styles.js";
+import { staticClasses as staticClasses20 } from "./components/DropDownMenu/DropDownMenu.styles.js";
 import { HvDropDownMenu } from "./components/DropDownMenu/DropDownMenu.js";
-import { staticClasses as staticClasses19 } from "./components/Pagination/Pagination.styles.js";
+import { staticClasses as staticClasses21 } from "./components/Pagination/Pagination.styles.js";
 import { HvPagination } from "./components/Pagination/Pagination.js";
-import { staticClasses as staticClasses20 } from "./components/ActionsGeneric/ActionsGeneric.styles.js";
+import { staticClasses as staticClasses22 } from "./components/ActionsGeneric/ActionsGeneric.styles.js";
 import { HvActionsGeneric } from "./components/ActionsGeneric/ActionsGeneric.js";
-import { default as default51 } from "./components/BreadCrumb/breadCrumbClasses.js";
+import { default as default49 } from "./components/BreadCrumb/breadCrumbClasses.js";
 import { HvBreadCrumb } from "./components/BreadCrumb/BreadCrumb.js";
-import { staticClasses as staticClasses21 } from "./components/DotPagination/DotPagination.styles.js";
+import { staticClasses as staticClasses23 } from "./components/DotPagination/DotPagination.styles.js";
 import { HvDotPagination } from "./components/DotPagination/DotPagination.js";
-import { staticClasses as staticClasses22 } from "./components/Banner/Banner.styles.js";
+import { staticClasses as staticClasses24 } from "./components/Banner/Banner.styles.js";
 import { HvBanner } from "./components/Banner/Banner.js";
-import { staticClasses as staticClasses23 } from "./components/Banner/BannerContent/BannerContent.styles.js";
+import { staticClasses as staticClasses25 } from "./components/Banner/BannerContent/BannerContent.styles.js";
 import { HvBannerContent } from "./components/Banner/BannerContent/BannerContent.js";
-import { staticClasses as staticClasses24 } from "./components/Snackbar/Snackbar.styles.js";
+import { staticClasses as staticClasses26 } from "./components/Snackbar/Snackbar.styles.js";
 import { HvSnackbar } from "./components/Snackbar/Snackbar.js";
-import { staticClasses as staticClasses25 } from "./components/Snackbar/SnackbarProvider/SnackbarProvider.styles.js";
+import { staticClasses as staticClasses27 } from "./components/Snackbar/SnackbarProvider/SnackbarProvider.styles.js";
 import { HvSnackbarProvider, useHvSnackbar } from "./components/Snackbar/SnackbarProvider/SnackbarProvider.js";
-import { staticClasses as staticClasses26 } from "./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.js";
+import { staticClasses as staticClasses28 } from "./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.js";
 import { HvSnackbarContent } from "./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js";
-import { default as default52 } from "./components/BulkActions/bulkActionsClasses.js";
+import { default as default50 } from "./components/BulkActions/bulkActionsClasses.js";
 import { HvBulkActions } from "./components/BulkActions/BulkActions.js";
-import { default as default53 } from "./components/GlobalActions/globalActionsClasses.js";
+import { default as default51 } from "./components/GlobalActions/globalActionsClasses.js";
 import { HvGlobalActions } from "./components/GlobalActions/GlobalActions.js";
-import { default as default54 } from "./components/Dropdown/dropdownClasses.js";
+import { default as default52 } from "./components/Dropdown/dropdownClasses.js";
 import { HvDropdown } from "./components/Dropdown/Dropdown.js";
-import { default as default55 } from "./components/Table/tableClasses.js";
+import { default as default53 } from "./components/Table/tableClasses.js";
 import { HvTable } from "./components/Table/Table.js";
-import { default as default56 } from "./components/Table/TableContainer/tableContainerClasses.js";
+import { default as default54 } from "./components/Table/TableContainer/tableContainerClasses.js";
 import { HvTableContainer } from "./components/Table/TableContainer/TableContainer.js";
-import { default as default57 } from "./components/Table/TableBody/tableBodyClasses.js";
+import { default as default55 } from "./components/Table/TableBody/tableBodyClasses.js";
 import { HvTableBody } from "./components/Table/TableBody/TableBody.js";
-import { default as default58 } from "./components/Table/TableHead/tableHeadClasses.js";
+import { default as default56 } from "./components/Table/TableHead/tableHeadClasses.js";
 import { HvTableHead } from "./components/Table/TableHead/TableHead.js";
-import { default as default59 } from "./components/Table/TableHeader/tableHeaderClasses.js";
+import { default as default57 } from "./components/Table/TableHeader/tableHeaderClasses.js";
 import { HvTableHeader } from "./components/Table/TableHeader/TableHeader.js";
-import { staticClasses as staticClasses27 } from "./components/Table/TableRow/TableRow.styles.js";
+import { staticClasses as staticClasses29 } from "./components/Table/TableRow/TableRow.styles.js";
 import { HvTableRow } from "./components/Table/TableRow/TableRow.js";
-import { staticClasses as staticClasses28 } from "./components/Table/TableCell/TableCell.styles.js";
+import { staticClasses as staticClasses30 } from "./components/Table/TableCell/TableCell.styles.js";
 import { HvTableCell } from "./components/Table/TableCell/TableCell.js";
-import { getHeaderFooterPropsHook, default as default60 } from "./components/Table/hooks/useTableStyles.js";
-import { default as default61 } from "./components/Table/hooks/useSortBy.js";
-import { getHeaderGroupPropsHook, getTableHeadPropsHook, default as default62 } from "./components/Table/hooks/useSticky.js";
-import { defaultGetHvPaginationProps, default as default63 } from "./components/Table/hooks/usePagination.js";
-import { CellWithCheckBox, defaultGetToggleAllPageRowsSelectedProps, defaultGetToggleAllRowsSelectedProps, defaultGetToggleRowSelectedProps, prepareRow, reducer, default as default64, useInstance } from "./components/Table/hooks/useRowSelection.js";
-import { defaultgetHvBulkActionsProps, default as default65 } from "./components/Table/hooks/useBulkActions.js";
-import { CellWithExpandButton, default as default66 } from "./components/Table/hooks/useRowExpand.js";
-import { default as default67 } from "./components/Table/hooks/useHeaderGroups.js";
-import { default as default68 } from "./components/Table/hooks/useResizeColumns.js";
+import { getHeaderFooterPropsHook, default as default58 } from "./components/Table/hooks/useTableStyles.js";
+import { default as default59 } from "./components/Table/hooks/useSortBy.js";
+import { getHeaderGroupPropsHook, getTableHeadPropsHook, default as default60 } from "./components/Table/hooks/useSticky.js";
+import { defaultGetHvPaginationProps, default as default61 } from "./components/Table/hooks/usePagination.js";
+import { CellWithCheckBox, defaultGetToggleAllPageRowsSelectedProps, defaultGetToggleAllRowsSelectedProps, defaultGetToggleRowSelectedProps, prepareRow, reducer, default as default62, useInstance } from "./components/Table/hooks/useRowSelection.js";
+import { defaultgetHvBulkActionsProps, default as default63 } from "./components/Table/hooks/useBulkActions.js";
+import { CellWithExpandButton, default as default64 } from "./components/Table/hooks/useRowExpand.js";
+import { default as default65 } from "./components/Table/hooks/useHeaderGroups.js";
+import { default as default66 } from "./components/Table/hooks/useResizeColumns.js";
 import { PluginHook, useFilters, useGlobalFilter } from "react-table";
 import { hvDateColumn, hvDropdownColumn, hvExpandColumn, hvNumberColumn, hvProgressColumn, hvSwitchColumn, hvTagColumn, hvTextColumn } from "./components/Table/renderers/renderers.js";
 import { HvDateColumnCell } from "./components/Table/renderers/DateColumnCell/DateColumnCell.js";
@@ -201,66 +201,68 @@ import { HvProgressColumnCell, normalizeProgressBar } from "./components/Table/r
 import { HvSwitchColumnCell } from "./components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js";
 import { hvNodeFallback, hvNumberFallback, hvStringFallback } from "./components/Table/utils/fallbacks.js";
 import { getBorderStyles } from "./components/Table/utils/utils.js";
-import { default as default69 } from "./components/Login/loginClasses.js";
+import { default as default67 } from "./components/Login/loginClasses.js";
 import { HvLogin } from "./components/Login/Login.js";
-import { default as default70 } from "./components/Controls/controlClasses.js";
+import { default as default68 } from "./components/Controls/controlClasses.js";
 import { HvControls } from "./components/Controls/Controls.js";
-import { default as default71 } from "./components/Controls/LeftControl/leftControlClasses.js";
+import { default as default69 } from "./components/Controls/LeftControl/leftControlClasses.js";
 import { HvLeftControl } from "./components/Controls/LeftControl/LeftControl.js";
-import { default as default72 } from "./components/Controls/RightControl/rightControlClasses.js";
+import { default as default70 } from "./components/Controls/RightControl/rightControlClasses.js";
 import { HvRightControl } from "./components/Controls/RightControl/RightControl.js";
-import { default as default73 } from "./components/Calendar/calendarClasses.js";
+import { default as default71 } from "./components/Calendar/calendarClasses.js";
 import { HvCalendar } from "./components/Calendar/Calendar.js";
-import { default as default74 } from "./components/Calendar/CalendarHeader/calendarHeaderClasses.js";
+import { default as default72 } from "./components/Calendar/CalendarHeader/calendarHeaderClasses.js";
 import { HvCalendarHeader } from "./components/Calendar/CalendarHeader/CalendarHeader.js";
-import { default as default75 } from "./components/VerticalNavigation/verticalNavigationClasses.js";
+import { default as default73 } from "./components/VerticalNavigation/verticalNavigationClasses.js";
 import { HvVerticalNavigation } from "./components/VerticalNavigation/VerticalNavigation.js";
-import { default as default76 } from "./components/VerticalNavigation/Header/headerClasses.js";
+import { default as default74 } from "./components/VerticalNavigation/Header/headerClasses.js";
 import { HvVerticalNavigationHeader } from "./components/VerticalNavigation/Header/Header.js";
-import { default as default77 } from "./components/VerticalNavigation/Actions/actionClasses.js";
-import { default as default78 } from "./components/VerticalNavigation/Actions/actionsClasses.js";
+import { default as default75 } from "./components/VerticalNavigation/Actions/actionClasses.js";
+import { default as default76 } from "./components/VerticalNavigation/Actions/actionsClasses.js";
 import { HvVerticalNavigationActions } from "./components/VerticalNavigation/Actions/Actions.js";
 import { HvVerticalNavigationAction } from "./components/VerticalNavigation/Actions/Action.js";
-import { default as default79 } from "./components/VerticalNavigation/Navigation/navigationClasses.js";
+import { default as default77 } from "./components/VerticalNavigation/Navigation/navigationClasses.js";
 import { HvVerticalNavigationTree } from "./components/VerticalNavigation/Navigation/Navigation.js";
-import { default as default80 } from "./components/VerticalNavigation/NavigationSlider/navigationSliderClasses.js";
+import { default as default78 } from "./components/VerticalNavigation/NavigationSlider/navigationSliderClasses.js";
 import { HvVerticalNavigationSlider } from "./components/VerticalNavigation/NavigationSlider/NavigationSlider.js";
-import { default as default81 } from "./components/VerticalNavigation/TreeView/treeViewClasses.js";
-import { default as default82 } from "./components/VerticalNavigation/TreeView/treeViewItemClasses.js";
+import { default as default79 } from "./components/VerticalNavigation/TreeView/treeViewClasses.js";
+import { default as default80 } from "./components/VerticalNavigation/TreeView/treeViewItemClasses.js";
 import { HvVerticalNavigationTreeView } from "./components/VerticalNavigation/TreeView/TreeView.js";
 import { HvVerticalNavigationTreeViewItem } from "./components/VerticalNavigation/TreeView/TreeViewItem.js";
 import { VerticalNavigationContext } from "./components/VerticalNavigation/VerticalNavigationContext.js";
-import { default as default83 } from "./components/Slider/sliderClasses.js";
+import { default as default81 } from "./components/Slider/sliderClasses.js";
 import { HvSlider } from "./components/Slider/Slider.js";
-import { staticClasses as staticClasses29 } from "./components/FilterGroup/FilterGroup.styles.js";
+import { staticClasses as staticClasses31 } from "./components/FilterGroup/FilterGroup.styles.js";
 import { HvFilterGroup } from "./components/FilterGroup/FilterGroup.js";
-import { staticClasses as staticClasses30 } from "./components/DatePicker/DatePicker.styles.js";
+import { staticClasses as staticClasses32 } from "./components/DatePicker/DatePicker.styles.js";
 import { HvDatePicker } from "./components/DatePicker/DatePicker.js";
-import { staticClasses as staticClasses31 } from "./components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.js";
-import { staticClasses as staticClasses32 } from "./components/ScrollTo/Vertical/ScrollToVertical.styles.js";
+import { staticClasses as staticClasses33 } from "./components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.js";
+import { staticClasses as staticClasses34 } from "./components/ScrollTo/Vertical/ScrollToVertical.styles.js";
 import { HvScrollToVertical } from "./components/ScrollTo/Vertical/ScrollToVertical.js";
-import { staticClasses as staticClasses33 } from "./components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.js";
-import { staticClasses as staticClasses34 } from "./components/ScrollTo/Horizontal/ScrollToHorizontal.styles.js";
+import { staticClasses as staticClasses35 } from "./components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.js";
+import { staticClasses as staticClasses36 } from "./components/ScrollTo/Horizontal/ScrollToHorizontal.styles.js";
 import { HvScrollToHorizontal } from "./components/ScrollTo/Horizontal/ScrollToHorizontal.js";
 import { useScrollTo } from "./components/ScrollTo/useScrollTo.js";
-import { staticClasses as staticClasses35 } from "./components/InlineEditor/InlineEditor.styles.js";
+import { staticClasses as staticClasses37 } from "./components/InlineEditor/InlineEditor.styles.js";
 import { HvInlineEditor } from "./components/InlineEditor/InlineEditor.js";
-import { staticClasses as staticClasses36 } from "./components/TimeAgo/TimeAgo.styles.js";
+import { staticClasses as staticClasses38 } from "./components/TimeAgo/TimeAgo.styles.js";
 import { HvTimeAgo } from "./components/TimeAgo/TimeAgo.js";
-import { staticClasses as staticClasses37 } from "./components/QueryBuilder/QueryBuilder.styles.js";
+import { staticClasses as staticClasses39 } from "./components/QueryBuilder/QueryBuilder.styles.js";
 import { HvQueryBuilder } from "./components/QueryBuilder/QueryBuilder.js";
-import { staticClasses as staticClasses38 } from "./components/ColorPicker/ColorPicker.styles.js";
+import { staticClasses as staticClasses40 } from "./components/ColorPicker/ColorPicker.styles.js";
 import { HvColorPicker } from "./components/ColorPicker/ColorPicker.js";
-import { staticClasses as staticClasses39 } from "./components/Carousel/Carousel.styles.js";
+import { staticClasses as staticClasses41 } from "./components/Carousel/Carousel.styles.js";
 import { HvCarousel } from "./components/Carousel/Carousel.js";
 import { HvCarouselSlide } from "./components/Carousel/CarouselSlide/CarouselSlide.js";
 import { HvCarouselControls } from "./components/Carousel/CarouselControls.js";
 import { HvCarouselThumbnails } from "./components/Carousel/CarouselThumbnails.js";
-import { staticClasses as staticClasses40 } from "./components/TimePicker/TimePicker.styles.js";
+import { staticClasses as staticClasses42 } from "./components/TimePicker/TimePicker.styles.js";
 import { HvTimePicker } from "./components/TimePicker/TimePicker.js";
 import { useClickOutside } from "./hooks/useClickOutside.js";
 import { useControlled } from "./hooks/useControlled.js";
 import { useForkRef } from "./hooks/useForkRef.js";
+import { useCss } from "./hooks/useCss.js";
+import { filterProps, useDefaultProps } from "./hooks/useDefaultProps.js";
 import { useImageLoaded } from "./hooks/useImageLoaded.js";
 import { useWidth } from "./hooks/useWidth.js";
 import { useLabels } from "./hooks/useLabels.js";
@@ -432,46 +434,46 @@ export {
   VerticalNavigationContext,
   staticClasses4 as accordionClasses,
   staticClasses3 as actionBarClasses,
-  default77 as actionClasses,
-  default78 as actionsClasses,
-  staticClasses20 as actionsGenericClasses,
+  default75 as actionClasses,
+  default76 as actionsClasses,
+  staticClasses22 as actionsGenericClasses,
   default8 as adornmentClasses,
-  staticClasses16 as appSwitcherActionClasses,
-  staticClasses15 as appSwitcherClasses,
-  default16 as avatarClasses,
-  default17 as badgeClasses,
-  staticClasses22 as bannerClasses,
-  staticClasses23 as bannerContentClasses,
-  default38 as baseCheckBoxClasses,
+  staticClasses18 as appSwitcherActionClasses,
+  staticClasses17 as appSwitcherClasses,
+  staticClasses5 as avatarClasses,
+  staticClasses6 as badgeClasses,
+  staticClasses24 as bannerClasses,
+  staticClasses25 as bannerContentClasses,
+  default36 as baseCheckBoxClasses,
   default15 as baseDropdownClasses,
   staticClasses2 as baseInputClasses,
-  default39 as baseRadioClasses,
-  default40 as baseSwitchClasses,
-  default51 as breadCrumbClasses,
+  default37 as baseRadioClasses,
+  default38 as baseSwitchClasses,
+  default49 as breadCrumbClasses,
   buildAriaPropsFromContext,
   buildFormElementPropsFromContext,
-  default52 as bulkActionsClasses,
-  staticClasses5 as buttonClasses,
+  default50 as bulkActionsClasses,
+  staticClasses7 as buttonClasses,
   buttonRadius,
   buttonSize,
   buttonVariant,
-  default73 as calendarClasses,
-  default74 as calendarHeaderClasses,
-  staticClasses6 as cardClasses,
-  staticClasses8 as cardContentClasses,
-  staticClasses7 as cardHeaderClasses,
-  staticClasses9 as cardMediaClasses,
-  staticClasses39 as carouselClasses,
+  default71 as calendarClasses,
+  default72 as calendarHeaderClasses,
+  staticClasses8 as cardClasses,
+  staticClasses10 as cardContentClasses,
+  staticClasses9 as cardHeaderClasses,
+  staticClasses11 as cardMediaClasses,
+  staticClasses41 as carouselClasses,
   default7 as charCounterClasses,
-  default41 as checkBoxClasses,
-  default46 as checkBoxGroupClasses,
+  default39 as checkBoxClasses,
+  default44 as checkBoxGroupClasses,
   checkValidHexColorValue,
-  staticClasses38 as colorPickerClasses,
-  default18 as containerClasses,
-  default70 as controlsClasses,
+  staticClasses40 as colorPickerClasses,
+  default16 as containerClasses,
+  default68 as controlsClasses,
   createClasses,
   createTheme,
-  staticClasses30 as datePickerClasses,
+  staticClasses32 as datePickerClasses,
   decreaseSize,
   defaultCacheKey,
   defaultEmotionCache,
@@ -480,23 +482,24 @@ export {
   defaultGetToggleAllRowsSelectedProps,
   defaultGetToggleRowSelectedProps,
   defaultgetHvBulkActionsProps,
-  staticClasses12 as dialogActionClasses,
-  staticClasses13 as dialogClasses,
-  staticClasses11 as dialogContentClasses,
-  staticClasses10 as dialogTitleClasses,
-  staticClasses21 as dotPaginationClasses,
-  staticClasses14 as drawerClasses,
-  staticClasses18 as dropDownMenuClasses,
-  default54 as dropdownClasses,
+  staticClasses14 as dialogActionClasses,
+  staticClasses15 as dialogClasses,
+  staticClasses13 as dialogContentClasses,
+  staticClasses12 as dialogTitleClasses,
+  staticClasses23 as dotPaginationClasses,
+  staticClasses16 as drawerClasses,
+  staticClasses20 as dropDownMenuClasses,
+  default52 as dropdownClasses,
   ds3,
   ds5,
-  default19 as emptyStateClasses,
-  default50 as fileClasses,
-  default49 as fileUploaderPreviewClasses,
-  staticClasses29 as filterGroupClasses,
+  default17 as emptyStateClasses,
+  default48 as fileClasses,
+  default47 as fileUploaderPreviewClasses,
+  staticClasses31 as filterGroupClasses,
+  filterProps,
   findDescriptors,
   default4 as focusClasses,
-  default20 as footerClasses,
+  default18 as footerClasses,
   default9 as formElementClasses,
   getBorderStyles,
   getClasses,
@@ -511,14 +514,14 @@ export {
   getSelectorIcons,
   getTableHeadPropsHook,
   getVarValue,
-  default53 as globalActionsClasses,
-  default21 as gridClasses,
-  default23 as headerActionsClasses,
-  default24 as headerBrandClasses,
-  default22 as headerClasses,
-  default25 as headerNavigationClasses,
+  default51 as globalActionsClasses,
+  default19 as gridClasses,
+  default21 as headerActionsClasses,
+  default22 as headerBrandClasses,
+  default20 as headerClasses,
+  default23 as headerNavigationClasses,
   hexToRgbA,
-  staticClasses33 as horizontalScrollListItemClasses,
+  staticClasses35 as horizontalScrollListItemClasses,
   hvDateColumn,
   hvDropdownColumn,
   hvExpandColumn,
@@ -533,91 +536,93 @@ export {
   iconVariant,
   increaseSize,
   default11 as infoMessageClasses,
-  staticClasses35 as inlineEditorClasses,
-  staticClasses17 as inputClasses,
+  staticClasses37 as inlineEditorClasses,
+  staticClasses19 as inputClasses,
   isBrowser,
   isInvalid,
   isKey,
   isOneOfKeys,
   isValid,
-  default26 as kpiClasses,
+  default24 as kpiClasses,
   default10 as labelClasses,
-  default71 as leftControlClasses,
-  default27 as linkClasses,
-  default47 as listClasses,
+  default69 as leftControlClasses,
+  default25 as linkClasses,
+  default45 as listClasses,
   default5 as listContainerClasses,
   default6 as listItemClasses,
-  default28 as loadingClasses,
-  default69 as loginClasses,
-  default29 as multiButtonClasses,
+  default26 as loadingClasses,
+  default67 as loginClasses,
+  default27 as multiButtonClasses,
   multiSelectionEventHandler,
   normalizeProgressBar,
   outlineStyles,
-  default37 as overflowTooltipClasses,
-  staticClasses19 as paginationClasses,
-  default30 as panelClasses,
+  default35 as overflowTooltipClasses,
+  staticClasses21 as paginationClasses,
+  default28 as panelClasses,
   prepareRow,
   processThemes,
-  default31 as progressBarClasses,
-  staticClasses37 as queryBuilderClasses,
-  default43 as radioClasses,
-  default48 as radioGroupClasses,
+  default29 as progressBarClasses,
+  staticClasses39 as queryBuilderClasses,
+  default41 as radioClasses,
+  default46 as radioGroupClasses,
   reducer,
   replace$,
-  default72 as rightControlClasses,
-  staticClasses34 as scrollToHorizontalClasses,
-  staticClasses32 as scrollToVerticalClasses,
+  default70 as rightControlClasses,
+  staticClasses36 as scrollToHorizontalClasses,
+  staticClasses34 as scrollToVerticalClasses,
   default13 as selectionListClasses,
   setElementAttrs,
   setId,
   setUid,
-  default83 as sliderClasses,
-  staticClasses24 as snackbarClasses,
-  staticClasses26 as snackbarContentClasses,
-  staticClasses25 as snackbarProviderClasses,
-  default32 as stackClasses,
+  default81 as sliderClasses,
+  staticClasses26 as snackbarClasses,
+  staticClasses28 as snackbarContentClasses,
+  staticClasses27 as snackbarProviderClasses,
+  default30 as stackClasses,
   default14 as suggestionsClasses,
-  default42 as switchClasses,
-  default33 as tabClasses,
-  default57 as tableBodyClasses,
-  staticClasses28 as tableCellClasses,
-  default55 as tableClasses,
-  default56 as tableContainerClasses,
-  default58 as tableHeadClasses,
-  default59 as tableHeaderClasses,
-  staticClasses27 as tableRowClasses,
-  default34 as tabsClasses,
-  default35 as tagClasses,
-  default45 as tagsInputClasses,
-  default44 as textAreaClasses,
+  default40 as switchClasses,
+  default31 as tabClasses,
+  default55 as tableBodyClasses,
+  staticClasses30 as tableCellClasses,
+  default53 as tableClasses,
+  default54 as tableContainerClasses,
+  default56 as tableHeadClasses,
+  default57 as tableHeaderClasses,
+  staticClasses29 as tableRowClasses,
+  default32 as tabsClasses,
+  default33 as tagClasses,
+  default43 as tagsInputClasses,
+  default42 as textAreaClasses,
   theme,
   themes,
-  staticClasses36 as timeAgoClasses,
-  staticClasses40 as timePickerClasses,
-  default36 as tooltipClasses,
-  default81 as treeViewClasses,
-  default82 as treeViewItemClasses,
+  staticClasses38 as timeAgoClasses,
+  staticClasses42 as timePickerClasses,
+  default34 as tooltipClasses,
+  default79 as treeViewClasses,
+  default80 as treeViewItemClasses,
   staticClasses as typographyClasses,
   typographyVariants,
   useClickOutside,
   useComputation,
   useControlled,
+  useCss,
+  useDefaultProps,
   useEnhancedEffect,
   useForkRef,
-  default65 as useHvBulkActions,
+  default63 as useHvBulkActions,
   default2 as useHvData,
   useFilters as useHvFilters,
   useGlobalFilter as useHvGlobalFilter,
-  default67 as useHvHeaderGroups,
-  default63 as useHvPagination,
-  default68 as useHvResizeColumns,
-  default66 as useHvRowExpand,
-  default64 as useHvRowSelection,
+  default65 as useHvHeaderGroups,
+  default61 as useHvPagination,
+  default66 as useHvResizeColumns,
+  default64 as useHvRowExpand,
+  default62 as useHvRowSelection,
   useHvSnackbar,
-  default61 as useHvSortBy,
+  default59 as useHvSortBy,
   default3 as useHvTable,
-  default62 as useHvTableSticky,
-  default60 as useHvTableStyles,
+  default60 as useHvTableSticky,
+  default58 as useHvTableStyles,
   useImageLoaded,
   useInstance,
   useIsMounted,
@@ -628,11 +633,11 @@ export {
   useTheme,
   useUniqueId,
   useWidth,
-  default75 as verticalNavigationClasses,
-  default76 as verticalNavigationHeaderClasses,
-  default80 as verticalNavigationSliderClasses,
-  default79 as verticalNavigationTreeClasses,
-  staticClasses31 as verticalScrollListItemClasses,
+  default73 as verticalNavigationClasses,
+  default74 as verticalNavigationHeaderClasses,
+  default78 as verticalNavigationSliderClasses,
+  default77 as verticalNavigationTreeClasses,
+  staticClasses33 as verticalScrollListItemClasses,
   default12 as warningTextClasses,
   withTooltip,
   wrapperTooltip