@hitachivantara/uikit-react-core 5.109.1 → 6.0.0-next.10

package/dist/{esm/index.js → index.js}

@@ -1,6 +1,6 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { createClasses, useCss, useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
-import { pentaho, themes } from "./themes/index.js";
+import { themes } from "./themes/index.js";
 import { HvFormElement } from "./FormElement/FormElement.js";
 import { useClickOutside } from "./hooks/useClickOutside.js";
 import { useComputation } from "./hooks/useComputation.js";
@@ -15,240 +15,224 @@ import { useWidth } from "./hooks/useWidth.js";
 import { HvProvider } from "./providers/Provider.js";
 import { HvThemeProvider } from "./providers/ThemeProvider.js";
 import { fixedForwardRef } from "./types/generic.js";
-import { isBrowser } from "./utils/browser.js";
-import { getFirstAndLastFocus, getFocusableList, getPrevNextFocus } from "./utils/focusableElementFinder.js";
 import { outlineStyles } from "./utils/focusUtils.js";
-import { getComponentName } from "./utils/getComponentName.js";
-import { hexToRgbA } from "./utils/hexToRgbA.js";
-import { iconVariant } from "./utils/iconVariant.js";
 import { isDeleteKey, isKey, isOneOfKeys } from "./utils/keyboardUtils.js";
-import { multiSelectionEventHandler } from "./utils/multiSelectionEventHandler.js";
-import { setId, setUid } from "./utils/setId.js";
-import { decreaseSize, increaseSize } from "./utils/sizes.js";
-import { createTheme, getVarValue, processThemes, setElementAttrs } from "./utils/theme.js";
+import { setId } from "./utils/setId.js";
+import { setElementAttrs } from "./utils/theme.js";
 import { useSavedState } from "./utils/useSavedState.js";
 import { uniqueId } from "./utils/helpers.js";
-import { ds3 } from "./themes/ds3.js";
-import { ds5 } from "./themes/ds5.js";
-import { pentahoPlus } from "./themes/pentahoPlus.js";
-import { typographyVariants } from "./Typography/utils.js";
+import { next } from "./themes/next.js";
+import { pentaho } from "./themes/pentaho.js";
 import { staticClasses } from "./Typography/Typography.styles.js";
 import { HvTypography } from "./Typography/Typography.js";
-import { HvBox } from "./Box/Box.js";
 import { staticClasses as staticClasses2 } from "./ButtonBase/ButtonBase.styles.js";
 import { HvButtonBase } from "./ButtonBase/ButtonBase.js";
-import { staticClasses as staticClasses3 } from "./Focus/Focus.styles.js";
-import { HvFocus } from "./Focus/Focus.js";
-import { staticClasses as staticClasses4 } from "./ListContainer/ListContainer.styles.js";
+import { staticClasses as staticClasses3 } from "./ListContainer/ListContainer.styles.js";
 import { HvListContainer } from "./ListContainer/ListContainer.js";
-import { staticClasses as staticClasses5 } from "./ListContainer/ListItem/ListItem.styles.js";
+import { staticClasses as staticClasses4 } from "./ListContainer/ListItem/ListItem.styles.js";
 import { HvListItem } from "./ListContainer/ListItem/ListItem.js";
-import { staticClasses as staticClasses6 } from "./FormElement/CharCounter/CharCounter.styles.js";
+import { staticClasses as staticClasses5 } from "./FormElement/CharCounter/CharCounter.styles.js";
 import { HvCharCounter } from "./FormElement/CharCounter/CharCounter.js";
-import { staticClasses as staticClasses7 } from "./FormElement/Adornment/Adornment.styles.js";
+import { staticClasses as staticClasses6 } from "./FormElement/Adornment/Adornment.styles.js";
 import { HvAdornment } from "./FormElement/Adornment/Adornment.js";
-import { staticClasses as staticClasses8 } from "./FormElement/FormElement.styles.js";
-import { staticClasses as staticClasses9 } from "./FormElement/Label/Label.styles.js";
+import { staticClasses as staticClasses7 } from "./FormElement/FormElement.styles.js";
+import { staticClasses as staticClasses8 } from "./FormElement/Label/Label.styles.js";
 import { HvLabel } from "./FormElement/Label/Label.js";
-import { staticClasses as staticClasses10 } from "./FormElement/InfoMessage/InfoMessage.styles.js";
+import { staticClasses as staticClasses9 } from "./FormElement/InfoMessage/InfoMessage.styles.js";
 import { HvInfoMessage } from "./FormElement/InfoMessage/InfoMessage.js";
-import { staticClasses as staticClasses11 } from "./FormElement/WarningText/WarningText.styles.js";
+import { staticClasses as staticClasses10 } from "./FormElement/WarningText/WarningText.styles.js";
 import { HvWarningText } from "./FormElement/WarningText/WarningText.js";
-import { staticClasses as staticClasses12 } from "./Select/Select.styles.js";
+import { staticClasses as staticClasses11 } from "./Select/Select.styles.js";
 import { HvSelect } from "./Select/Select.js";
 import { HvOption, optionClasses } from "./Select/Option.js";
 import { HvOptionGroup, optionGroupClasses } from "./Select/OptionGroup.js";
-import { staticClasses as staticClasses13 } from "./SelectionList/SelectionList.styles.js";
+import { staticClasses as staticClasses12 } from "./SelectionList/SelectionList.styles.js";
 import { HvSelectionList } from "./SelectionList/SelectionList.js";
-import { staticClasses as staticClasses14 } from "./FormElement/Suggestions/Suggestions.styles.js";
+import { staticClasses as staticClasses13 } from "./FormElement/Suggestions/Suggestions.styles.js";
 import { HvSuggestions } from "./FormElement/Suggestions/Suggestions.js";
-import { staticClasses as staticClasses15 } from "./BaseInput/BaseInput.styles.js";
+import { staticClasses as staticClasses14 } from "./BaseInput/BaseInput.styles.js";
 import { HvBaseInput } from "./BaseInput/BaseInput.js";
-import { staticClasses as staticClasses16 } from "./BaseDropdown/BaseDropdown.styles.js";
+import { staticClasses as staticClasses15 } from "./BaseDropdown/BaseDropdown.styles.js";
 import { HvBaseDropdown } from "./BaseDropdown/BaseDropdown.js";
-import { staticClasses as staticClasses17 } from "./Accordion/Accordion.styles.js";
+import { staticClasses as staticClasses16 } from "./Accordion/Accordion.styles.js";
 import { HvAccordion } from "./Accordion/Accordion.js";
-import { staticClasses as staticClasses18 } from "./ActionBar/ActionBar.styles.js";
+import { staticClasses as staticClasses17 } from "./ActionBar/ActionBar.styles.js";
 import { HvActionBar } from "./ActionBar/ActionBar.js";
-import { staticClasses as staticClasses19 } from "./ActionsGeneric/ActionsGeneric.styles.js";
+import { staticClasses as staticClasses18 } from "./ActionsGeneric/ActionsGeneric.styles.js";
 import { HvActionsGeneric } from "./ActionsGeneric/ActionsGeneric.js";
-import { staticClasses as staticClasses20 } from "./AppSwitcher/AppSwitcher.styles.js";
+import { staticClasses as staticClasses19 } from "./AppSwitcher/AppSwitcher.styles.js";
 import { HvAppSwitcher } from "./AppSwitcher/AppSwitcher.js";
-import { staticClasses as staticClasses21 } from "./AppSwitcher/Action/Action.styles.js";
+import { staticClasses as staticClasses20 } from "./AppSwitcher/Action/Action.styles.js";
 import { HvAppSwitcherAction } from "./AppSwitcher/Action/Action.js";
-import { staticClasses as staticClasses22 } from "./Avatar/Avatar.styles.js";
+import { staticClasses as staticClasses21 } from "./Avatar/Avatar.styles.js";
 import { HvAvatar } from "./Avatar/Avatar.js";
-import { staticClasses as staticClasses23 } from "./AvatarGroup/AvatarGroup.styles.js";
+import { staticClasses as staticClasses22 } from "./AvatarGroup/AvatarGroup.styles.js";
 import { HvAvatarGroup } from "./AvatarGroup/AvatarGroup.js";
-import { staticClasses as staticClasses24 } from "./Badge/Badge.styles.js";
+import { staticClasses as staticClasses23 } from "./Badge/Badge.styles.js";
 import { HvBadge } from "./Badge/Badge.js";
-import { staticClasses as staticClasses25 } from "./Banner/Banner.styles.js";
+import { staticClasses as staticClasses24 } from "./Banner/Banner.styles.js";
 import { HvBanner } from "./Banner/Banner.js";
-import { staticClasses as staticClasses26 } from "./Banner/BannerContent/BannerContent.styles.js";
+import { staticClasses as staticClasses25 } from "./Banner/BannerContent/BannerContent.styles.js";
 import { HvBannerContent } from "./Banner/BannerContent/BannerContent.js";
-import { staticClasses as staticClasses27 } from "./BaseCheckBox/BaseCheckBox.styles.js";
+import { staticClasses as staticClasses26 } from "./BaseCheckBox/BaseCheckBox.styles.js";
 import { HvBaseCheckBox } from "./BaseCheckBox/BaseCheckBox.js";
-import { staticClasses as staticClasses28 } from "./BaseRadio/BaseRadio.styles.js";
+import { staticClasses as staticClasses27 } from "./BaseRadio/BaseRadio.styles.js";
 import { HvBaseRadio } from "./BaseRadio/BaseRadio.js";
-import { staticClasses as staticClasses29 } from "./BaseSwitch/BaseSwitch.styles.js";
+import { staticClasses as staticClasses28 } from "./BaseSwitch/BaseSwitch.styles.js";
 import { HvBaseSwitch } from "./BaseSwitch/BaseSwitch.js";
-import { staticClasses as staticClasses30 } from "./BreadCrumb/BreadCrumb.styles.js";
+import { staticClasses as staticClasses29 } from "./BreadCrumb/BreadCrumb.styles.js";
 import { HvBreadCrumb } from "./BreadCrumb/BreadCrumb.js";
-import { staticClasses as staticClasses31 } from "./BulkActions/BulkActions.styles.js";
+import { staticClasses as staticClasses30 } from "./BulkActions/BulkActions.styles.js";
 import { HvBulkActions } from "./BulkActions/BulkActions.js";
+import { staticClasses as staticClasses31 } from "./Button/Button.styles.js";
 import { HvButton } from "./Button/Button.js";
-import { staticClasses as staticClasses32 } from "./Button/Button.styles.js";
-import { staticClasses as staticClasses33 } from "./Calendar/Calendar.styles.js";
+import { staticClasses as staticClasses32 } from "./Calendar/Calendar.styles.js";
 import { HvCalendar } from "./Calendar/Calendar.js";
-import { staticClasses as staticClasses34 } from "./Calendar/CalendarHeader/CalendarHeader.styles.js";
+import { staticClasses as staticClasses33 } from "./Calendar/CalendarHeader/CalendarHeader.styles.js";
 import { HvCalendarHeader } from "./Calendar/CalendarHeader/CalendarHeader.js";
-import { staticClasses as staticClasses35 } from "./Card/Card.styles.js";
+import { staticClasses as staticClasses34 } from "./Card/Card.styles.js";
 import { HvCard } from "./Card/Card.js";
-import { staticClasses as staticClasses36 } from "./Card/Header/Header.styles.js";
+import { staticClasses as staticClasses35 } from "./Card/Header/Header.styles.js";
 import { HvCardHeader } from "./Card/Header/Header.js";
-import { staticClasses as staticClasses37 } from "./Card/Content/Content.styles.js";
+import { staticClasses as staticClasses36 } from "./Card/Content/Content.styles.js";
 import { HvCardContent } from "./Card/Content/Content.js";
-import { staticClasses as staticClasses38 } from "./Card/Media/Media.styles.js";
+import { staticClasses as staticClasses37 } from "./Card/Media/Media.styles.js";
 import { HvCardMedia } from "./Card/Media/Media.js";
-import { staticClasses as staticClasses39 } from "./Carousel/Carousel.styles.js";
+import { staticClasses as staticClasses38 } from "./Carousel/Carousel.styles.js";
 import { HvCarousel } from "./Carousel/Carousel.js";
 import { HvCarouselSlide } from "./Carousel/CarouselSlide/CarouselSlide.js";
 import { HvCarouselControls } from "./Carousel/CarouselControls.js";
 import { HvCarouselThumbnails } from "./Carousel/CarouselThumbnails.js";
-import { staticClasses as staticClasses40 } from "./CheckBox/CheckBox.styles.js";
+import { staticClasses as staticClasses39 } from "./CheckBox/CheckBox.styles.js";
 import { HvCheckBox } from "./CheckBox/CheckBox.js";
-import { staticClasses as staticClasses41 } from "./CheckBoxGroup/CheckBoxGroup.styles.js";
+import { staticClasses as staticClasses40 } from "./CheckBoxGroup/CheckBoxGroup.styles.js";
 import { HvCheckBoxGroup } from "./CheckBoxGroup/CheckBoxGroup.js";
-import { staticClasses as staticClasses42 } from "./ColorPicker/ColorPicker.styles.js";
+import { staticClasses as staticClasses41 } from "./ColorPicker/ColorPicker.styles.js";
 import { HvColorPicker } from "./ColorPicker/ColorPicker.js";
-import { staticClasses as staticClasses43 } from "./Container/Container.styles.js";
+import { staticClasses as staticClasses42 } from "./Container/Container.styles.js";
 import { HvContainer } from "./Container/Container.js";
-import { staticClasses as staticClasses44 } from "./Controls/Controls.styles.js";
+import { staticClasses as staticClasses43 } from "./Controls/Controls.styles.js";
 import { HvControls } from "./Controls/Controls.js";
-import { staticClasses as staticClasses45 } from "./Controls/LeftControl/LeftControl.styles.js";
+import { staticClasses as staticClasses44 } from "./Controls/LeftControl/LeftControl.styles.js";
 import { HvLeftControl } from "./Controls/LeftControl/LeftControl.js";
-import { staticClasses as staticClasses46 } from "./Controls/RightControl/RightControl.styles.js";
+import { staticClasses as staticClasses45 } from "./Controls/RightControl/RightControl.styles.js";
 import { HvRightControl } from "./Controls/RightControl/RightControl.js";
-import { staticClasses as staticClasses47 } from "./DatePicker/DatePicker.styles.js";
+import { staticClasses as staticClasses46 } from "./DatePicker/DatePicker.styles.js";
 import { HvDatePicker } from "./DatePicker/DatePicker.js";
-import { staticClasses as staticClasses48 } from "./Dialog/Title/Title.styles.js";
+import { staticClasses as staticClasses47 } from "./Dialog/Title/Title.styles.js";
 import { HvDialogTitle } from "./Dialog/Title/Title.js";
-import { staticClasses as staticClasses49 } from "./Dialog/Content/Content.styles.js";
+import { staticClasses as staticClasses48 } from "./Dialog/Content/Content.styles.js";
 import { HvDialogContent } from "./Dialog/Content/Content.js";
-import { staticClasses as staticClasses50 } from "./Dialog/Actions/Actions.styles.js";
+import { staticClasses as staticClasses49 } from "./Dialog/Actions/Actions.styles.js";
 import { HvDialogActions } from "./Dialog/Actions/Actions.js";
-import { staticClasses as staticClasses51 } from "./Dialog/Dialog.styles.js";
+import { staticClasses as staticClasses50 } from "./Dialog/Dialog.styles.js";
 import { HvDialog } from "./Dialog/Dialog.js";
-import { staticClasses as staticClasses52 } from "./DotPagination/DotPagination.styles.js";
+import { staticClasses as staticClasses51 } from "./DotPagination/DotPagination.styles.js";
 import { HvDotPagination } from "./DotPagination/DotPagination.js";
-import { staticClasses as staticClasses53 } from "./Drawer/Drawer.styles.js";
+import { staticClasses as staticClasses52 } from "./Drawer/Drawer.styles.js";
 import { HvDrawer } from "./Drawer/Drawer.js";
-import { staticClasses as staticClasses54 } from "./Dropdown/Dropdown.styles.js";
+import { staticClasses as staticClasses53 } from "./Dropdown/Dropdown.styles.js";
 import { HvDropdown } from "./Dropdown/Dropdown.js";
-import { staticClasses as staticClasses55 } from "./DropDownMenu/DropDownMenu.styles.js";
+import { staticClasses as staticClasses54 } from "./DropDownMenu/DropDownMenu.styles.js";
 import { HvDropDownMenu } from "./DropDownMenu/DropDownMenu.js";
-import { staticClasses as staticClasses56 } from "./EmptyState/EmptyState.styles.js";
+import { staticClasses as staticClasses55 } from "./EmptyState/EmptyState.styles.js";
 import { HvEmptyState } from "./EmptyState/EmptyState.js";
-import { staticClasses as staticClasses57 } from "./FileUploader/Preview/Preview.styles.js";
+import { staticClasses as staticClasses56 } from "./FileUploader/Preview/Preview.styles.js";
 import { HvFileUploaderPreview } from "./FileUploader/Preview/Preview.js";
-import { staticClasses as staticClasses58 } from "./FileUploader/File/File.styles.js";
+import { staticClasses as staticClasses57 } from "./FileUploader/File/File.styles.js";
 import { HvFile } from "./FileUploader/File/File.js";
-import { staticClasses as staticClasses59 } from "./FileUploader/FileUploader.styles.js";
+import { staticClasses as staticClasses58 } from "./FileUploader/FileUploader.styles.js";
 import { HvFileUploader } from "./FileUploader/FileUploader.js";
-import { staticClasses as staticClasses60 } from "./FilterGroup/FilterGroup.styles.js";
+import { staticClasses as staticClasses59 } from "./FilterGroup/FilterGroup.styles.js";
 import { HvFilterGroup } from "./FilterGroup/FilterGroup.js";
-import { staticClasses as staticClasses61 } from "./Footer/Footer.styles.js";
+import { staticClasses as staticClasses60 } from "./Footer/Footer.styles.js";
 import { HvFooter } from "./Footer/Footer.js";
-import { staticClasses as staticClasses62 } from "./GlobalActions/GlobalActions.styles.js";
+import { staticClasses as staticClasses61 } from "./GlobalActions/GlobalActions.styles.js";
 import { HvGlobalActions } from "./GlobalActions/GlobalActions.js";
-import { staticClasses as staticClasses63 } from "./Grid/Grid.styles.js";
+import { staticClasses as staticClasses62 } from "./Grid/Grid.styles.js";
 import { HvGrid } from "./Grid/Grid.js";
-import { staticClasses as staticClasses64 } from "./Header/Header.styles.js";
+import { staticClasses as staticClasses63 } from "./Header/Header.styles.js";
 import { HvHeader } from "./Header/Header.js";
-import { staticClasses as staticClasses65 } from "./Header/Actions/Actions.styles.js";
+import { staticClasses as staticClasses64 } from "./Header/Actions/Actions.styles.js";
 import { HvHeaderActions } from "./Header/Actions/Actions.js";
-import { staticClasses as staticClasses66 } from "./Header/Brand/Brand.styles.js";
+import { staticClasses as staticClasses65 } from "./Header/Brand/Brand.styles.js";
 import { HvHeaderBrand } from "./Header/Brand/Brand.js";
 import { HvHeaderMenuBar } from "./Header/Navigation/MenuBar/MenuBar.js";
 import { HvHeaderMenuItem } from "./Header/Navigation/MenuItem/MenuItem.js";
-import { staticClasses as staticClasses67 } from "./Header/Navigation/Navigation.styles.js";
+import { staticClasses as staticClasses66 } from "./Header/Navigation/Navigation.styles.js";
 import { HvHeaderNavigation } from "./Header/Navigation/Navigation.js";
 import { useSelectionPath } from "./Header/Navigation/useSelectionPath.js";
-import { staticClasses as staticClasses68 } from "./InlineEditor/InlineEditor.styles.js";
+import { staticClasses as staticClasses67 } from "./InlineEditor/InlineEditor.styles.js";
 import { HvInlineEditor } from "./InlineEditor/InlineEditor.js";
-import { staticClasses as staticClasses69 } from "./Input/Input.styles.js";
+import { staticClasses as staticClasses68 } from "./Input/Input.styles.js";
 import { HvInput } from "./Input/Input.js";
-import { staticClasses as staticClasses70 } from "./Kpi/Kpi.styles.js";
-import { HvKpi } from "./Kpi/Kpi.js";
-import { staticClasses as staticClasses71 } from "./Link/Link.styles.js";
-import { HvLink } from "./Link/Link.js";
-import { staticClasses as staticClasses72 } from "./List/List.styles.js";
+import { staticClasses as staticClasses69 } from "./List/List.styles.js";
 import { HvList } from "./List/List.js";
-import { staticClasses as staticClasses73 } from "./Loading/Loading.styles.js";
+import { staticClasses as staticClasses70 } from "./Loading/Loading.styles.js";
 import { HvLoading } from "./Loading/Loading.js";
-import { staticClasses as staticClasses74 } from "./LoadingContainer/LoadingContainer.styles.js";
+import { staticClasses as staticClasses71 } from "./LoadingContainer/LoadingContainer.styles.js";
 import { HvLoadingContainer } from "./LoadingContainer/LoadingContainer.js";
-import { staticClasses as staticClasses75 } from "./Login/Login.styles.js";
+import { staticClasses as staticClasses72 } from "./Login/Login.styles.js";
 import { HvLogin } from "./Login/Login.js";
-import { staticClasses as staticClasses76 } from "./MultiButton/MultiButton.styles.js";
+import { staticClasses as staticClasses73 } from "./MultiButton/MultiButton.styles.js";
 import { HvMultiButton } from "./MultiButton/MultiButton.js";
 import { HvNumberInput } from "./NumberInput/NumberInput.js";
-import { staticClasses as staticClasses77 } from "./OverflowTooltip/OverflowTooltip.styles.js";
+import { staticClasses as staticClasses74 } from "./OverflowTooltip/OverflowTooltip.styles.js";
 import { HvOverflowTooltip } from "./OverflowTooltip/OverflowTooltip.js";
-import { staticClasses as staticClasses78 } from "./Pagination/Pagination.styles.js";
+import { staticClasses as staticClasses75 } from "./Pagination/Pagination.styles.js";
 import { HvPagination } from "./Pagination/Pagination.js";
-import { staticClasses as staticClasses79 } from "./Panel/Panel.styles.js";
+import { staticClasses as staticClasses76 } from "./Panel/Panel.styles.js";
 import { HvPanel } from "./Panel/Panel.js";
-import { staticClasses as staticClasses80 } from "./ProgressBar/ProgressBar.styles.js";
+import { staticClasses as staticClasses77 } from "./ProgressBar/ProgressBar.styles.js";
 import { HvProgressBar } from "./ProgressBar/ProgressBar.js";
 import { defaultCombinators, defaultLabels, defaultOperators, useQueryBuilderContext } from "./QueryBuilder/Context.js";
-import { staticClasses as staticClasses81 } from "./QueryBuilder/QueryBuilder.styles.js";
+import { staticClasses as staticClasses78 } from "./QueryBuilder/QueryBuilder.styles.js";
 import { HvQueryBuilder } from "./QueryBuilder/QueryBuilder.js";
-import { staticClasses as staticClasses82 } from "./Radio/Radio.styles.js";
+import { staticClasses as staticClasses79 } from "./Radio/Radio.styles.js";
 import { HvRadio } from "./Radio/Radio.js";
-import { staticClasses as staticClasses83 } from "./RadioGroup/RadioGroup.styles.js";
+import { staticClasses as staticClasses80 } from "./RadioGroup/RadioGroup.styles.js";
 import { HvRadioGroup } from "./RadioGroup/RadioGroup.js";
-import { staticClasses as staticClasses84 } from "./ScrollToHorizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.js";
-import { staticClasses as staticClasses85 } from "./ScrollToHorizontal/ScrollToHorizontal.styles.js";
+import { staticClasses as staticClasses81 } from "./ScrollToHorizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.js";
+import { staticClasses as staticClasses82 } from "./ScrollToHorizontal/ScrollToHorizontal.styles.js";
 import { HvScrollToHorizontal } from "./ScrollToHorizontal/ScrollToHorizontal.js";
-import { staticClasses as staticClasses86 } from "./ScrollToVertical/VerticalScrollListItem/VerticalScrollListItem.styles.js";
-import { staticClasses as staticClasses87 } from "./ScrollToVertical/ScrollToVertical.styles.js";
+import { staticClasses as staticClasses83 } from "./ScrollToVertical/VerticalScrollListItem/VerticalScrollListItem.styles.js";
+import { staticClasses as staticClasses84 } from "./ScrollToVertical/ScrollToVertical.styles.js";
 import { HvScrollToVertical } from "./ScrollToVertical/ScrollToVertical.js";
 import { HvSearchInput } from "./SearchInput/SearchInput.js";
-import { staticClasses as staticClasses88 } from "./Section/Section.styles.js";
+import { staticClasses as staticClasses85 } from "./Section/Section.styles.js";
 import { HvSection } from "./Section/Section.js";
-import { staticClasses as staticClasses89 } from "./SimpleGrid/SimpleGrid.styles.js";
+import { staticClasses as staticClasses86 } from "./SimpleGrid/SimpleGrid.styles.js";
 import { HvSimpleGrid } from "./SimpleGrid/SimpleGrid.js";
-import { staticClasses as staticClasses90 } from "./Slider/Slider.styles.js";
+import { staticClasses as staticClasses87 } from "./Slider/Slider.styles.js";
 import { HvSlider } from "./Slider/Slider.js";
-import { staticClasses as staticClasses91 } from "./Snackbar/Snackbar.styles.js";
+import { staticClasses as staticClasses88 } from "./Snackbar/Snackbar.styles.js";
 import { HvSnackbar } from "./Snackbar/Snackbar.js";
-import { staticClasses as staticClasses92 } from "./Snackbar/SnackbarContent/SnackbarContent.styles.js";
+import { staticClasses as staticClasses89 } from "./Snackbar/SnackbarContent/SnackbarContent.styles.js";
 import { HvSnackbarContent } from "./Snackbar/SnackbarContent/SnackbarContent.js";
-import { staticClasses as staticClasses93 } from "./SnackbarProvider/SnackbarProvider.styles.js";
+import { staticClasses as staticClasses90 } from "./SnackbarProvider/SnackbarProvider.styles.js";
 import { HvSnackbarProvider, useHvSnackbar } from "./SnackbarProvider/SnackbarProvider.js";
-import { staticClasses as staticClasses94 } from "./Stack/Stack.styles.js";
+import { staticClasses as staticClasses91 } from "./Stack/Stack.styles.js";
 import { HvStack } from "./Stack/Stack.js";
-import { staticClasses as staticClasses95 } from "./StatusIcon/StatusIcon.styles.js";
+import { staticClasses as staticClasses92 } from "./StatusIcon/StatusIcon.styles.js";
 import { HvStatusIcon } from "./StatusIcon/StatusIcon.js";
-import { staticClasses as staticClasses96 } from "./Switch/Switch.styles.js";
+import { staticClasses as staticClasses93 } from "./Switch/Switch.styles.js";
 import { HvSwitch } from "./Switch/Switch.js";
 import { useHvTable, useHvTable as useHvTable2 } from "./Table/hooks/useHvTable.js";
-import { staticClasses as staticClasses97 } from "./Table/Table.styles.js";
+import { staticClasses as staticClasses94 } from "./Table/Table.styles.js";
 import { HvTable } from "./Table/Table.js";
-import { staticClasses as staticClasses98 } from "./Table/TableContainer/TableContainer.styles.js";
+import { staticClasses as staticClasses95 } from "./Table/TableContainer/TableContainer.styles.js";
 import { HvTableContainer } from "./Table/TableContainer/TableContainer.js";
-import { staticClasses as staticClasses99 } from "./Table/TableSection/TableSection.styles.js";
+import { staticClasses as staticClasses96 } from "./Table/TableSection/TableSection.styles.js";
 import { HvTableSection } from "./Table/TableSection/TableSection.js";
-import { staticClasses as staticClasses100 } from "./Table/TableBody/TableBody.styles.js";
+import { staticClasses as staticClasses97 } from "./Table/TableBody/TableBody.styles.js";
 import { HvTableBody } from "./Table/TableBody/TableBody.js";
-import { staticClasses as staticClasses101 } from "./Table/TableHead/TableHead.styles.js";
+import { staticClasses as staticClasses98 } from "./Table/TableHead/TableHead.styles.js";
 import { HvTableHead } from "./Table/TableHead/TableHead.js";
-import { staticClasses as staticClasses102 } from "./Table/TableHeader/TableHeader.styles.js";
+import { staticClasses as staticClasses99 } from "./Table/TableHeader/TableHeader.styles.js";
 import { HvTableHeader } from "./Table/TableHeader/TableHeader.js";
-import { staticClasses as staticClasses103 } from "./Table/TableRow/TableRow.styles.js";
+import { staticClasses as staticClasses100 } from "./Table/TableRow/TableRow.styles.js";
 import { HvTableRow } from "./Table/TableRow/TableRow.js";
-import { staticClasses as staticClasses104 } from "./Table/TableCell/TableCell.styles.js";
+import { staticClasses as staticClasses101 } from "./Table/TableCell/TableCell.styles.js";
 import { HvTableCell } from "./Table/TableCell/TableCell.js";
 import { useHvTableStyles } from "./Table/hooks/useHvTableStyles.js";
 import { useHvSortBy } from "./Table/hooks/useHvSortBy.js";
@@ -267,48 +251,48 @@ import { HvDateColumnCell } from "./Table/renderers/DateColumnCell.js";
 import { HvDropdownColumnCell } from "./Table/renderers/DropdownColumnCell.js";
 import { HvProgressColumnCell } from "./Table/renderers/ProgressColumnCell.js";
 import { HvSwitchColumnCell } from "./Table/renderers/SwitchColumnCell.js";
-import { staticClasses as staticClasses105 } from "./Tabs/Tabs.styles.js";
+import { staticClasses as staticClasses102 } from "./Tabs/Tabs.styles.js";
 import { HvTabs } from "./Tabs/Tabs.js";
-import { staticClasses as staticClasses106 } from "./Tabs/Tab/Tab.styles.js";
+import { staticClasses as staticClasses103 } from "./Tabs/Tab/Tab.styles.js";
 import { HvTab } from "./Tabs/Tab/Tab.js";
-import { staticClasses as staticClasses107 } from "./Tag/Tag.styles.js";
+import { staticClasses as staticClasses104 } from "./Tag/Tag.styles.js";
 import { HvTag } from "./Tag/Tag.js";
-import { staticClasses as staticClasses108 } from "./TagsInput/TagsInput.styles.js";
+import { staticClasses as staticClasses105 } from "./TagsInput/TagsInput.styles.js";
 import { HvTagsInput } from "./TagsInput/TagsInput.js";
-import { staticClasses as staticClasses109 } from "./TextArea/TextArea.styles.js";
+import { staticClasses as staticClasses106 } from "./TextArea/TextArea.styles.js";
 import { HvTextArea } from "./TextArea/TextArea.js";
-import { staticClasses as staticClasses110 } from "./TimeAgo/TimeAgo.styles.js";
+import { staticClasses as staticClasses107 } from "./TimeAgo/TimeAgo.styles.js";
 import { HvTimeAgo } from "./TimeAgo/TimeAgo.js";
-import { staticClasses as staticClasses111 } from "./TimePicker/TimePicker.styles.js";
+import { staticClasses as staticClasses108 } from "./TimePicker/TimePicker.styles.js";
 import { HvTimePicker } from "./TimePicker/TimePicker.js";
 import { HvToggleButton } from "./ToggleButton/ToggleButton.js";
-import { staticClasses as staticClasses112 } from "./Tooltip/Tooltip.styles.js";
+import { staticClasses as staticClasses109 } from "./Tooltip/Tooltip.styles.js";
 import { HvTooltip } from "./Tooltip/Tooltip.js";
-import { staticClasses as staticClasses113 } from "./TreeView/TreeView.styles.js";
+import { staticClasses as staticClasses110 } from "./TreeView/TreeView.styles.js";
 import { HvTreeView } from "./TreeView/TreeView.js";
-import { staticClasses as staticClasses114 } from "./TreeView/TreeItem/TreeItem.styles.js";
+import { staticClasses as staticClasses111 } from "./TreeView/TreeItem/TreeItem.styles.js";
 import { HvTreeItem } from "./TreeView/TreeItem/TreeItem.js";
 import { useHvTreeItem } from "./TreeView/TreeItem/useHvTreeItem.js";
-import { staticClasses as staticClasses115 } from "./VerticalNavigation/VerticalNavigation.styles.js";
+import { staticClasses as staticClasses112 } from "./VerticalNavigation/VerticalNavigation.styles.js";
 import { HvVerticalNavigation } from "./VerticalNavigation/VerticalNavigation.js";
-import { staticClasses as staticClasses116 } from "./VerticalNavigation/Header/Header.styles.js";
+import { staticClasses as staticClasses113 } from "./VerticalNavigation/Header/Header.styles.js";
 import { HvVerticalNavigationHeader } from "./VerticalNavigation/Header/Header.js";
-import { staticClasses as staticClasses117 } from "./VerticalNavigation/Actions/Actions.styles.js";
+import { staticClasses as staticClasses114 } from "./VerticalNavigation/Actions/Actions.styles.js";
 import { HvVerticalNavigationActions } from "./VerticalNavigation/Actions/Actions.js";
-import { staticClasses as staticClasses118 } from "./VerticalNavigation/Actions/Action.styles.js";
+import { staticClasses as staticClasses115 } from "./VerticalNavigation/Actions/Action.styles.js";
 import { HvVerticalNavigationAction } from "./VerticalNavigation/Actions/Action.js";
-import { staticClasses as staticClasses119 } from "./VerticalNavigation/Navigation/Navigation.styles.js";
+import { staticClasses as staticClasses116 } from "./VerticalNavigation/Navigation/Navigation.styles.js";
 import { HvVerticalNavigationTree } from "./VerticalNavigation/Navigation/Navigation.js";
-import { staticClasses as staticClasses120 } from "./VerticalNavigation/NavigationSlider/NavigationSlider.styles.js";
+import { staticClasses as staticClasses117 } from "./VerticalNavigation/NavigationSlider/NavigationSlider.styles.js";
 import { HvVerticalNavigationSlider } from "./VerticalNavigation/NavigationSlider/NavigationSlider.js";
-import { staticClasses as staticClasses121 } from "./VerticalNavigation/TreeView/TreeView.styles.js";
+import { staticClasses as staticClasses118 } from "./VerticalNavigation/TreeView/TreeView.styles.js";
 import { HvVerticalNavigationTreeView } from "./VerticalNavigation/TreeView/TreeView.js";
-import { staticClasses as staticClasses122 } from "./VerticalNavigation/TreeView/TreeViewItem.styles.js";
+import { staticClasses as staticClasses119 } from "./VerticalNavigation/TreeView/TreeViewItem.styles.js";
 import { HvVerticalNavigationTreeViewItem } from "./VerticalNavigation/TreeView/TreeViewItem.js";
 import { VerticalNavigationContext } from "./VerticalNavigation/VerticalNavigationContext.js";
 import { HvIconButton } from "./IconButton/IconButton.js";
-import { HvIconContainer, staticClasses as staticClasses123, staticClasses as staticClasses124, useClasses } from "./IconContainer/IconContainer.js";
-import { staticClasses as staticClasses125 } from "./Skeleton/Skeleton.styles.js";
+import { HvIconContainer, staticClasses as staticClasses120, staticClasses as staticClasses121, useClasses } from "./IconContainer/IconContainer.js";
+import { staticClasses as staticClasses122 } from "./Skeleton/Skeleton.styles.js";
 import { HvSkeleton } from "./Skeleton/Skeleton.js";
 import { EmotionContext, HvThemeContext, defaultCacheKey, defaultEmotionCache } from "@hitachivantara/uikit-react-shared";
 export {
@@ -329,7 +313,6 @@ export {
   HvBaseInput,
   HvBaseRadio,
   HvBaseSwitch,
-  HvBox,
   HvBreadCrumb,
   HvBulkActions,
   HvButton,
@@ -366,7 +349,6 @@ export {
   HvFileUploader,
   HvFileUploaderPreview,
   HvFilterGroup,
-  HvFocus,
   HvFooter,
   HvFormElement,
   HvGlobalActions,
@@ -382,10 +364,8 @@ export {
   HvInfoMessage,
   HvInlineEditor,
   HvInput,
-  HvKpi,
   HvLabel,
   HvLeftControl,
-  HvLink,
   HvList,
   HvListContainer,
   HvListItem,
@@ -455,79 +435,68 @@ export {
   HvVerticalNavigationTreeViewItem,
   HvWarningText,
   VerticalNavigationContext,
-  staticClasses17 as accordionClasses,
-  staticClasses18 as actionBarClasses,
-  staticClasses118 as actionClasses,
-  staticClasses117 as actionsClasses,
-  staticClasses19 as actionsGenericClasses,
-  staticClasses7 as adornmentClasses,
-  staticClasses21 as appSwitcherActionClasses,
-  staticClasses20 as appSwitcherClasses,
-  staticClasses22 as avatarClasses,
-  staticClasses23 as avatarGroupClasses,
-  staticClasses24 as badgeClasses,
-  staticClasses25 as bannerClasses,
-  staticClasses26 as bannerContentClasses,
-  staticClasses27 as baseCheckBoxClasses,
-  staticClasses16 as baseDropdownClasses,
-  staticClasses15 as baseInputClasses,
-  staticClasses28 as baseRadioClasses,
-  staticClasses29 as baseSwitchClasses,
-  staticClasses30 as breadCrumbClasses,
-  staticClasses31 as bulkActionsClasses,
+  staticClasses16 as accordionClasses,
+  staticClasses17 as actionBarClasses,
+  staticClasses115 as actionClasses,
+  staticClasses114 as actionsClasses,
+  staticClasses18 as actionsGenericClasses,
+  staticClasses6 as adornmentClasses,
+  staticClasses20 as appSwitcherActionClasses,
+  staticClasses19 as appSwitcherClasses,
+  staticClasses21 as avatarClasses,
+  staticClasses22 as avatarGroupClasses,
+  staticClasses23 as badgeClasses,
+  staticClasses24 as bannerClasses,
+  staticClasses25 as bannerContentClasses,
+  staticClasses26 as baseCheckBoxClasses,
+  staticClasses15 as baseDropdownClasses,
+  staticClasses14 as baseInputClasses,
+  staticClasses27 as baseRadioClasses,
+  staticClasses28 as baseSwitchClasses,
+  staticClasses29 as breadCrumbClasses,
+  staticClasses30 as bulkActionsClasses,
   staticClasses2 as buttonBaseClasses,
-  staticClasses32 as buttonClasses,
-  staticClasses33 as calendarClasses,
-  staticClasses34 as calendarHeaderClasses,
-  staticClasses35 as cardClasses,
-  staticClasses37 as cardContentClasses,
-  staticClasses36 as cardHeaderClasses,
-  staticClasses38 as cardMediaClasses,
-  staticClasses39 as carouselClasses,
-  staticClasses6 as charCounterClasses,
-  staticClasses40 as checkBoxClasses,
-  staticClasses41 as checkBoxGroupClasses,
-  staticClasses42 as colorPickerClasses,
-  staticClasses43 as containerClasses,
-  staticClasses44 as controlsClasses,
+  staticClasses31 as buttonClasses,
+  staticClasses32 as calendarClasses,
+  staticClasses33 as calendarHeaderClasses,
+  staticClasses34 as cardClasses,
+  staticClasses36 as cardContentClasses,
+  staticClasses35 as cardHeaderClasses,
+  staticClasses37 as cardMediaClasses,
+  staticClasses38 as carouselClasses,
+  staticClasses5 as charCounterClasses,
+  staticClasses39 as checkBoxClasses,
+  staticClasses40 as checkBoxGroupClasses,
+  staticClasses41 as colorPickerClasses,
+  staticClasses42 as containerClasses,
+  staticClasses43 as controlsClasses,
   createClasses,
-  createTheme,
-  staticClasses47 as datePickerClasses,
-  decreaseSize,
+  staticClasses46 as datePickerClasses,
   defaultCacheKey,
   defaultEmotionCache,
-  staticClasses50 as dialogActionClasses,
-  staticClasses51 as dialogClasses,
-  staticClasses49 as dialogContentClasses,
-  staticClasses48 as dialogTitleClasses,
-  staticClasses52 as dotPaginationClasses,
-  staticClasses53 as drawerClasses,
-  staticClasses55 as dropDownMenuClasses,
-  staticClasses54 as dropdownClasses,
-  ds3,
-  ds5,
-  staticClasses56 as emptyStateClasses,
-  staticClasses58 as fileClasses,
-  staticClasses59 as fileUploaderClasses,
-  staticClasses57 as fileUploaderPreviewClasses,
-  staticClasses60 as filterGroupClasses,
+  staticClasses49 as dialogActionClasses,
+  staticClasses50 as dialogClasses,
+  staticClasses48 as dialogContentClasses,
+  staticClasses47 as dialogTitleClasses,
+  staticClasses51 as dotPaginationClasses,
+  staticClasses52 as drawerClasses,
+  staticClasses54 as dropDownMenuClasses,
+  staticClasses53 as dropdownClasses,
+  staticClasses55 as emptyStateClasses,
+  staticClasses57 as fileClasses,
+  staticClasses58 as fileUploaderClasses,
+  staticClasses56 as fileUploaderPreviewClasses,
+  staticClasses59 as filterGroupClasses,
   fixedForwardRef,
-  staticClasses3 as focusClasses,
-  staticClasses61 as footerClasses,
-  staticClasses8 as formElementClasses,
-  getComponentName,
-  getFirstAndLastFocus,
-  getFocusableList,
-  getPrevNextFocus,
-  getVarValue,
-  staticClasses62 as globalActionsClasses,
-  staticClasses63 as gridClasses,
-  staticClasses65 as headerActionsClasses,
-  staticClasses66 as headerBrandClasses,
-  staticClasses64 as headerClasses,
-  staticClasses67 as headerNavigationClasses,
-  hexToRgbA,
-  staticClasses84 as horizontalScrollListItemClasses,
+  staticClasses60 as footerClasses,
+  staticClasses7 as formElementClasses,
+  staticClasses61 as globalActionsClasses,
+  staticClasses62 as gridClasses,
+  staticClasses64 as headerActionsClasses,
+  staticClasses65 as headerBrandClasses,
+  staticClasses63 as headerClasses,
+  staticClasses66 as headerNavigationClasses,
+  staticClasses81 as horizontalScrollListItemClasses,
   hvDateColumn,
   hvDropdownColumn,
   hvExpandColumn,
@@ -542,85 +511,76 @@ export {
   hvSwitchColumn,
   hvTagColumn,
   hvTextColumn,
-  staticClasses123 as iconContainerClasses,
-  iconVariant,
-  increaseSize,
-  staticClasses10 as infoMessageClasses,
-  staticClasses68 as inlineEditorClasses,
-  staticClasses69 as inputClasses,
-  isBrowser,
+  staticClasses120 as iconContainerClasses,
+  staticClasses9 as infoMessageClasses,
+  staticClasses67 as inlineEditorClasses,
+  staticClasses68 as inputClasses,
   isDeleteKey,
   isKey,
   isOneOfKeys,
-  staticClasses70 as kpiClasses,
-  staticClasses9 as labelClasses,
-  staticClasses45 as leftControlClasses,
-  staticClasses71 as linkClasses,
-  staticClasses72 as listClasses,
-  staticClasses4 as listContainerClasses,
-  staticClasses5 as listItemClasses,
-  staticClasses73 as loadingClasses,
-  staticClasses74 as loadingContainerClasses,
-  staticClasses75 as loginClasses,
-  staticClasses76 as multiButtonClasses,
-  multiSelectionEventHandler,
+  staticClasses8 as labelClasses,
+  staticClasses44 as leftControlClasses,
+  staticClasses69 as listClasses,
+  staticClasses3 as listContainerClasses,
+  staticClasses4 as listItemClasses,
+  staticClasses70 as loadingClasses,
+  staticClasses71 as loadingContainerClasses,
+  staticClasses72 as loginClasses,
+  staticClasses73 as multiButtonClasses,
+  next,
   optionClasses,
   optionGroupClasses,
   outlineStyles,
-  staticClasses77 as overflowTooltipClasses,
-  staticClasses78 as paginationClasses,
-  staticClasses79 as panelClasses,
+  staticClasses74 as overflowTooltipClasses,
+  staticClasses75 as paginationClasses,
+  staticClasses76 as panelClasses,
   pentaho,
-  pentahoPlus,
-  processThemes,
-  staticClasses80 as progressBarClasses,
-  staticClasses81 as queryBuilderClasses,
-  staticClasses82 as radioClasses,
-  staticClasses83 as radioGroupClasses,
-  staticClasses46 as rightControlClasses,
-  staticClasses85 as scrollToHorizontalClasses,
-  staticClasses87 as scrollToVerticalClasses,
-  staticClasses88 as sectionClasses,
-  staticClasses12 as selectClasses,
-  staticClasses13 as selectionListClasses,
+  staticClasses77 as progressBarClasses,
+  staticClasses78 as queryBuilderClasses,
+  staticClasses79 as radioClasses,
+  staticClasses80 as radioGroupClasses,
+  staticClasses45 as rightControlClasses,
+  staticClasses82 as scrollToHorizontalClasses,
+  staticClasses84 as scrollToVerticalClasses,
+  staticClasses85 as sectionClasses,
+  staticClasses11 as selectClasses,
+  staticClasses12 as selectionListClasses,
   setElementAttrs,
   setId,
-  setUid,
-  staticClasses89 as simpleGridClasses,
-  staticClasses125 as skeletonClasses,
-  staticClasses90 as sliderClasses,
-  staticClasses91 as snackbarClasses,
-  staticClasses92 as snackbarContentClasses,
-  staticClasses93 as snackbarProviderClasses,
-  staticClasses94 as stackClasses,
-  staticClasses124 as staticClasses,
-  staticClasses95 as statusIconClasses,
-  staticClasses14 as suggestionsClasses,
-  staticClasses96 as switchClasses,
-  staticClasses106 as tabClasses,
-  staticClasses100 as tableBodyClasses,
-  staticClasses104 as tableCellClasses,
-  staticClasses97 as tableClasses,
-  staticClasses98 as tableContainerClasses,
-  staticClasses101 as tableHeadClasses,
-  staticClasses102 as tableHeaderClasses,
-  staticClasses103 as tableRowClasses,
-  staticClasses99 as tableSectionClasses,
-  staticClasses105 as tabsClasses,
-  staticClasses107 as tagClasses,
-  staticClasses108 as tagsInputClasses,
-  staticClasses109 as textAreaClasses,
+  staticClasses86 as simpleGridClasses,
+  staticClasses122 as skeletonClasses,
+  staticClasses87 as sliderClasses,
+  staticClasses88 as snackbarClasses,
+  staticClasses89 as snackbarContentClasses,
+  staticClasses90 as snackbarProviderClasses,
+  staticClasses91 as stackClasses,
+  staticClasses121 as staticClasses,
+  staticClasses92 as statusIconClasses,
+  staticClasses13 as suggestionsClasses,
+  staticClasses93 as switchClasses,
+  staticClasses103 as tabClasses,
+  staticClasses97 as tableBodyClasses,
+  staticClasses101 as tableCellClasses,
+  staticClasses94 as tableClasses,
+  staticClasses95 as tableContainerClasses,
+  staticClasses98 as tableHeadClasses,
+  staticClasses99 as tableHeaderClasses,
+  staticClasses100 as tableRowClasses,
+  staticClasses96 as tableSectionClasses,
+  staticClasses102 as tabsClasses,
+  staticClasses104 as tagClasses,
+  staticClasses105 as tagsInputClasses,
+  staticClasses106 as textAreaClasses,
   theme,
   themes,
-  staticClasses110 as timeAgoClasses,
-  staticClasses111 as timePickerClasses,
-  staticClasses112 as tooltipClasses,
-  staticClasses114 as treeItemClasses,
-  staticClasses113 as treeView2Classes,
-  staticClasses121 as treeViewClasses,
-  staticClasses122 as treeViewItemClasses,
+  staticClasses107 as timeAgoClasses,
+  staticClasses108 as timePickerClasses,
+  staticClasses109 as tooltipClasses,
+  staticClasses111 as treeItemClasses,
+  staticClasses110 as treeView2Classes,
+  staticClasses118 as treeViewClasses,
+  staticClasses119 as treeViewItemClasses,
   staticClasses as typographyClasses,
-  typographyVariants,
   uniqueId,
   useClasses,
   useClickOutside,
@@ -655,10 +615,10 @@ export {
   useTheme,
   useUniqueId,
   useWidth,
-  staticClasses115 as verticalNavigationClasses,
-  staticClasses116 as verticalNavigationHeaderClasses,
-  staticClasses120 as verticalNavigationSliderClasses,
-  staticClasses119 as verticalNavigationTreeClasses,
-  staticClasses86 as verticalScrollListItemClasses,
-  staticClasses11 as warningTextClasses
+  staticClasses112 as verticalNavigationClasses,
+  staticClasses113 as verticalNavigationHeaderClasses,
+  staticClasses117 as verticalNavigationSliderClasses,
+  staticClasses116 as verticalNavigationTreeClasses,
+  staticClasses83 as verticalScrollListItemClasses,
+  staticClasses10 as warningTextClasses
 };