@hitachivantara/uikit-react-core 5.14.0 → 5.15.0

package/dist/esm/index.js

@@ -152,107 +152,107 @@ import { default as default74 } from "./components/BreadCrumb/breadCrumbClasses.
 import { HvBreadCrumb } from "./components/BreadCrumb/BreadCrumb.js";
 import { default as default75 } from "./components/DotPagination/dotPaginationClasses.js";
 import { HvDotPagination } from "./components/DotPagination/DotPagination.js";
-import { default as default76 } from "./components/Banner/bannerClasses.js";
+import { staticClasses } from "./components/Banner/Banner.styles.js";
 import { HvBanner } from "./components/Banner/Banner.js";
-import { default as default77 } from "./components/Banner/BannerContent/bannerContentClasses.js";
+import { staticClasses as staticClasses2 } from "./components/Banner/BannerContent/BannerContent.styles.js";
 import { HvBannerContent } from "./components/Banner/BannerContent/BannerContent.js";
-import { default as default78 } from "./components/Snackbar/snackbarClasses.js";
+import { default as default76 } from "./components/Snackbar/snackbarClasses.js";
 import { HvSnackbar } from "./components/Snackbar/Snackbar.js";
-import { default as default79, useHvSnackbar } from "./components/Snackbar/SnackbarProvider/SnackbarProvider.js";
-import { default as default80 } from "./components/Snackbar/SnackbarContentWrapper/snackbarContentWrapperClasses.js";
-import { default as default81 } from "./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js";
-import { default as default82 } from "./components/BulkActions/bulkActionsClasses.js";
+import { default as default77, useHvSnackbar } from "./components/Snackbar/SnackbarProvider/SnackbarProvider.js";
+import { default as default78 } from "./components/Snackbar/SnackbarContentWrapper/snackbarContentWrapperClasses.js";
+import { default as default79 } from "./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js";
+import { default as default80 } from "./components/BulkActions/bulkActionsClasses.js";
 import { HvBulkActions } from "./components/BulkActions/BulkActions.js";
-import { default as default83 } from "./components/GlobalActions/globalActionsClasses.js";
+import { default as default81 } from "./components/GlobalActions/globalActionsClasses.js";
 import { HvGlobalActions } from "./components/GlobalActions/GlobalActions.js";
-import { default as default84 } from "./components/Dropdown/dropdownClasses.js";
+import { default as default82 } from "./components/Dropdown/dropdownClasses.js";
 import { HvDropdown } from "./components/Dropdown/Dropdown.js";
-import { default as default85 } from "./components/Table/tableClasses.js";
+import { default as default83 } from "./components/Table/tableClasses.js";
 import { HvTable } from "./components/Table/Table.js";
-import { default as default86 } from "./components/Table/TableContainer/tableContainerClasses.js";
+import { default as default84 } from "./components/Table/TableContainer/tableContainerClasses.js";
 import { HvTableContainer } from "./components/Table/TableContainer/TableContainer.js";
-import { default as default87 } from "./components/Table/TableBody/tableBodyClasses.js";
+import { default as default85 } from "./components/Table/TableBody/tableBodyClasses.js";
 import { HvTableBody } from "./components/Table/TableBody/TableBody.js";
-import { default as default88 } from "./components/Table/TableHead/tableHeadClasses.js";
+import { default as default86 } from "./components/Table/TableHead/tableHeadClasses.js";
 import { HvTableHead } from "./components/Table/TableHead/TableHead.js";
-import { default as default89 } from "./components/Table/TableHeader/tableHeaderClasses.js";
+import { default as default87 } from "./components/Table/TableHeader/tableHeaderClasses.js";
 import { HvTableHeader } from "./components/Table/TableHeader/TableHeader.js";
-import { default as default90 } from "./components/Table/TableRow/tableRowClasses.js";
+import { default as default88 } from "./components/Table/TableRow/tableRowClasses.js";
 import { HvTableRow } from "./components/Table/TableRow/TableRow.js";
-import { default as default91 } from "./components/Table/TableCell/tableCellClasses.js";
+import { default as default89 } from "./components/Table/TableCell/tableCellClasses.js";
 import { HvTableCell } from "./components/Table/TableCell/TableCell.js";
-import { getHeaderFooterPropsHook, default as default92 } from "./components/Table/hooks/useTableStyles.js";
-import { default as default93 } from "./components/Table/hooks/useSortBy.js";
-import { getHeaderGroupPropsHook, getTableHeadPropsHook, default as default94 } from "./components/Table/hooks/useSticky.js";
-import { defaultGetHvPaginationProps, default as default95 } from "./components/Table/hooks/usePagination.js";
-import { CellWithCheckBox, defaultGetToggleAllPageRowsSelectedProps, defaultGetToggleAllRowsSelectedProps, defaultGetToggleRowSelectedProps, prepareRow, reducer, default as default96, useInstance } from "./components/Table/hooks/useRowSelection.js";
-import { defaultgetHvBulkActionsProps, default as default97 } from "./components/Table/hooks/useBulkActions.js";
-import { CellWithExpandButton, default as default98 } from "./components/Table/hooks/useRowExpand.js";
-import { default as default99 } from "./components/Table/hooks/useHeaderGroups.js";
-import { default as default100 } from "./components/Table/hooks/useResizeColumns.js";
+import { getHeaderFooterPropsHook, default as default90 } from "./components/Table/hooks/useTableStyles.js";
+import { default as default91 } from "./components/Table/hooks/useSortBy.js";
+import { getHeaderGroupPropsHook, getTableHeadPropsHook, default as default92 } from "./components/Table/hooks/useSticky.js";
+import { defaultGetHvPaginationProps, default as default93 } from "./components/Table/hooks/usePagination.js";
+import { CellWithCheckBox, defaultGetToggleAllPageRowsSelectedProps, defaultGetToggleAllRowsSelectedProps, defaultGetToggleRowSelectedProps, prepareRow, reducer, default as default94, useInstance } from "./components/Table/hooks/useRowSelection.js";
+import { defaultgetHvBulkActionsProps, default as default95 } from "./components/Table/hooks/useBulkActions.js";
+import { CellWithExpandButton, default as default96 } from "./components/Table/hooks/useRowExpand.js";
+import { default as default97 } from "./components/Table/hooks/useHeaderGroups.js";
+import { default as default98 } 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 { default as default101 } from "./components/Table/renderers/DateColumnCell/DateColumnCell.js";
-import { default as default102 } from "./components/Table/renderers/DropdownColumnCell/DropdownColumnCell.js";
-import { default as default103, normalizeProgressBar } from "./components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js";
-import { default as default104 } from "./components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js";
+import { default as default99 } from "./components/Table/renderers/DateColumnCell/DateColumnCell.js";
+import { default as default100 } from "./components/Table/renderers/DropdownColumnCell/DropdownColumnCell.js";
+import { default as default101, normalizeProgressBar } from "./components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js";
+import { default as default102 } 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 default105 } from "./components/Login/loginClasses.js";
+import { default as default103 } from "./components/Login/loginClasses.js";
 import { HvLogin } from "./components/Login/Login.js";
-import { default as default106 } from "./components/Controls/controlClasses.js";
+import { default as default104 } from "./components/Controls/controlClasses.js";
 import { HvControls } from "./components/Controls/Controls.js";
-import { default as default107 } from "./components/Controls/LeftControl/leftControlClasses.js";
+import { default as default105 } from "./components/Controls/LeftControl/leftControlClasses.js";
 import { HvLeftControl } from "./components/Controls/LeftControl/LeftControl.js";
-import { default as default108 } from "./components/Controls/RightControl/rightControlClasses.js";
+import { default as default106 } from "./components/Controls/RightControl/rightControlClasses.js";
 import { HvRightControl } from "./components/Controls/RightControl/RightControl.js";
-import { default as default109 } from "./components/Calendar/calendarClasses.js";
+import { default as default107 } from "./components/Calendar/calendarClasses.js";
 import { HvCalendar } from "./components/Calendar/Calendar.js";
-import { default as default110 } from "./components/Calendar/CalendarHeader/calendarHeaderClasses.js";
+import { default as default108 } from "./components/Calendar/CalendarHeader/calendarHeaderClasses.js";
 import { HvCalendarHeader } from "./components/Calendar/CalendarHeader/CalendarHeader.js";
-import { default as default111 } from "./components/VerticalNavigation/verticalNavigationClasses.js";
+import { default as default109 } from "./components/VerticalNavigation/verticalNavigationClasses.js";
 import { HvVerticalNavigation } from "./components/VerticalNavigation/VerticalNavigation.js";
-import { default as default112 } from "./components/VerticalNavigation/Header/headerClasses.js";
+import { default as default110 } from "./components/VerticalNavigation/Header/headerClasses.js";
 import { HvVerticalNavigationHeader } from "./components/VerticalNavigation/Header/Header.js";
-import { default as default113 } from "./components/VerticalNavigation/Actions/actionClasses.js";
-import { default as default114 } from "./components/VerticalNavigation/Actions/actionsClasses.js";
+import { default as default111 } from "./components/VerticalNavigation/Actions/actionClasses.js";
+import { default as default112 } 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 default115 } from "./components/VerticalNavigation/Navigation/navigationClasses.js";
+import { default as default113 } from "./components/VerticalNavigation/Navigation/navigationClasses.js";
 import { HvVerticalNavigationTree } from "./components/VerticalNavigation/Navigation/Navigation.js";
-import { default as default116 } from "./components/VerticalNavigation/NavigationSlider/navigationSliderClasses.js";
+import { default as default114 } from "./components/VerticalNavigation/NavigationSlider/navigationSliderClasses.js";
 import { HvVerticalNavigationSlider } from "./components/VerticalNavigation/NavigationSlider/NavigationSlider.js";
-import { default as default117 } from "./components/VerticalNavigation/TreeView/treeViewClasses.js";
-import { default as default118 } from "./components/VerticalNavigation/TreeView/treeViewItemClasses.js";
+import { default as default115 } from "./components/VerticalNavigation/TreeView/treeViewClasses.js";
+import { default as default116 } 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 default119 } from "./components/Slider/sliderClasses.js";
+import { default as default117 } from "./components/Slider/sliderClasses.js";
 import { HvSlider } from "./components/Slider/Slider.js";
-import { default as default120 } from "./components/FilterGroup/filterGroupClasses.js";
+import { default as default118 } from "./components/FilterGroup/filterGroupClasses.js";
 import { HvFilterGroup } from "./components/FilterGroup/FilterGroup.js";
 import { HvDatePicker } from "./components/DatePicker/DatePicker.js";
-import { default as default121 } from "./components/ScrollTo/Vertical/scrollToVerticalClasses.js";
-import { default as default122 } from "./components/ScrollTo/Vertical/VerticalScrollListItem/verticalScrollListItemClasses.js";
+import { default as default119 } from "./components/ScrollTo/Vertical/scrollToVerticalClasses.js";
+import { default as default120 } from "./components/ScrollTo/Vertical/VerticalScrollListItem/verticalScrollListItemClasses.js";
 import { HvScrollToVertical } from "./components/ScrollTo/Vertical/ScrollToVertical.js";
-import { default as default123 } from "./components/ScrollTo/Horizontal/scrollToHorizontalClasses.js";
-import { default as default124 } from "./components/ScrollTo/Horizontal/HorizontalScrollListItem/horizontalScrollListItemClasses.js";
+import { default as default121 } from "./components/ScrollTo/Horizontal/scrollToHorizontalClasses.js";
+import { default as default122 } from "./components/ScrollTo/Horizontal/HorizontalScrollListItem/horizontalScrollListItemClasses.js";
 import { HvScrollToHorizontal } from "./components/ScrollTo/Horizontal/ScrollToHorizontal.js";
 import { useScrollTo } from "./components/ScrollTo/useScrollTo.js";
-import { default as default125 } from "./components/InlineEditor/inlineEditorClasses.js";
+import { default as default123 } from "./components/InlineEditor/inlineEditorClasses.js";
 import { HvInlineEditor } from "./components/InlineEditor/InlineEditor.js";
-import { default as default126 } from "./components/TimeAgo/timeAgoClasses.js";
+import { default as default124 } from "./components/TimeAgo/timeAgoClasses.js";
 import { HvTimeAgo } from "./components/TimeAgo/TimeAgo.js";
-import { default as default127 } from "./components/QueryBuilder/queryBuilderClasses.js";
+import { default as default125 } from "./components/QueryBuilder/queryBuilderClasses.js";
 import { HvQueryBuilder } from "./components/QueryBuilder/QueryBuilder.js";
-import { default as default128 } from "./components/ColorPicker/colorPickerClasses.js";
+import { default as default126 } from "./components/ColorPicker/colorPickerClasses.js";
 import { HvColorPicker } from "./components/ColorPicker/ColorPicker.js";
 import { carouselClasses } from "./components/Carousel/Carousel.styles.js";
 import { HvCarousel } from "./components/Carousel/Carousel.js";
 import { cc } from "./components/Carousel/CarouselSlide/CarouselSlide.styles.js";
 import { HvCarouselSlide } from "./components/Carousel/CarouselSlide/CarouselSlide.js";
-import { default as default129 } from "./hooks/useUniqueId.js";
-import { default as default130 } from "./hooks/useIsMounted.js";
+import { default as default127 } from "./hooks/useUniqueId.js";
+import { default as default128 } from "./hooks/useIsMounted.js";
 import { useClickOutside } from "./hooks/useClickOutside.js";
 import { useControlled } from "./hooks/useControlled.js";
 import { useImageLoaded } from "./hooks/useImageLoaded.js";
@@ -263,27 +263,28 @@ import { useTheme } from "./hooks/useTheme.js";
 import { useEnhancedEffect } from "./hooks/useEnhancedEffect.js";
 import { HvProvider } from "./providers/Provider.js";
 import { HvThemeContext } from "@hitachivantara/uikit-react-shared";
-import { HvThemeProvider } from "./providers/ThemeProvider.js";
-import { default as default131 } from "./utils/iconVariant.js";
-import { default as default132 } from "./utils/hexToRgbA.js";
-import { default as default133 } from "./utils/browser.js";
-import { default as default134 } from "./utils/multiSelectionEventHandler.js";
-import { default as default135 } from "./utils/getComponentName.js";
-import { default as default136 } from "./utils/checkValidHexColorValue.js";
+import { EmotionContext, HvThemeProvider, defaultCacheKey, defaultEmotionCache } from "./providers/ThemeProvider.js";
+import { default as default129 } from "./utils/iconVariant.js";
+import { default as default130 } from "./utils/hexToRgbA.js";
+import { default as default131 } from "./utils/browser.js";
+import { default as default132 } from "./utils/multiSelectionEventHandler.js";
+import { default as default133 } from "./utils/getComponentName.js";
+import { default as default134 } from "./utils/checkValidHexColorValue.js";
 import { outlineStyles } from "./utils/focusUtils.js";
 import { keyboardCodes } from "./utils/keyboardUtils/keyboardCodes.js";
 import { getKeyCodeFromEvent, isKeycode, isKeypress } from "./utils/keyboardUtils/keyCheck.js";
 import { decreaseSize, increaseSize } from "./utils/sizes.js";
 import { createTheme, getVarValue, processThemes, setElementAttrs } from "./utils/theme.js";
 import { setId, setUid } from "./utils/setId.js";
-import { getClasses } from "./utils/classes.js";
+import { createClasses, getClasses, replace$ } from "./utils/classes.js";
 import { getFirstAndLastFocus, getFocusableList, getPrevNextFocus } from "./utils/focusableElementFinder.js";
 import { wrapperTooltip } from "./utils/wrapperTooltip.js";
 import { useSavedState } from "./utils/useSavedState.js";
-import { default as default137 } from "./hocs/withTooltip.js";
+import { default as default135 } from "./hocs/withTooltip.js";
 export {
   CellWithCheckBox,
   CellWithExpandButton,
+  EmotionContext,
   HvAccordion,
   HvActionBar,
   HvActionsGeneric,
@@ -317,7 +318,7 @@ export {
   HvColorPicker,
   HvContainer,
   HvControls,
-  default101 as HvDateColumnCell,
+  default99 as HvDateColumnCell,
   HvDatePicker,
   HvDialog,
   HvDialogActions,
@@ -326,7 +327,7 @@ export {
   HvDotPagination,
   default71 as HvDropDownMenu,
   HvDropdown,
-  default102 as HvDropdownColumnCell,
+  default100 as HvDropdownColumnCell,
   HvEmptyState,
   HvFile,
   HvFileUploader,
@@ -369,7 +370,7 @@ export {
   HvPagination,
   HvPanel,
   HvProgressBar,
-  default103 as HvProgressColumnCell,
+  default101 as HvProgressColumnCell,
   HvProvider,
   HvQueryBuilder,
   HvRadio,
@@ -381,12 +382,12 @@ export {
   HvSimpleGrid,
   HvSlider,
   HvSnackbar,
-  default81 as HvSnackbarContent,
-  default79 as HvSnackbarProvider,
+  default79 as HvSnackbarContent,
+  default77 as HvSnackbarProvider,
   HvStack,
   HvSuggestions,
   HvSwitch,
-  default104 as HvSwitchColumnCell,
+  default102 as HvSwitchColumnCell,
   HvTab,
   HvTable,
   HvTableBody,
@@ -419,16 +420,16 @@ export {
   VerticalNavigationContext,
   default22 as accordionClasses,
   default21 as actionBarClasses,
-  default113 as actionClasses,
-  default114 as actionsClasses,
+  default111 as actionClasses,
+  default112 as actionsClasses,
   default73 as actionsGenericClasses,
   default12 as adornmentClasses,
   default57 as appSwitcherActionClasses,
   default56 as appSwitcherClasses,
   default23 as avatarClasses,
   default24 as badgeClasses,
-  default76 as bannerClasses,
-  default77 as bannerContentClasses,
+  staticClasses as bannerClasses,
+  staticClasses2 as bannerContentClasses,
   default54 as baseCheckBoxClasses,
   default20 as baseDropdownClasses,
   default19 as baseInputClasses,
@@ -437,10 +438,10 @@ export {
   default74 as breadCrumbClasses,
   buildAriaPropsFromContext,
   buildFormElementPropsFromContext,
-  default82 as bulkActionsClasses,
+  default80 as bulkActionsClasses,
   default25 as buttonClasses,
-  default109 as calendarClasses,
-  default110 as calendarHeaderClasses,
+  default107 as calendarClasses,
+  default108 as calendarHeaderClasses,
   default26 as cardClasses,
   default28 as cardContentClasses,
   default27 as cardHeaderClasses,
@@ -450,12 +451,15 @@ export {
   default11 as charCounterClasses,
   default59 as checkBoxClasses,
   default65 as checkBoxGroupClasses,
-  default136 as checkValidHexColorValue,
-  default128 as colorPickerClasses,
+  default134 as checkValidHexColorValue,
+  default126 as colorPickerClasses,
   default30 as containerClasses,
-  default106 as controlsClasses,
+  default104 as controlsClasses,
+  createClasses,
   createTheme,
   decreaseSize,
+  defaultCacheKey,
+  defaultEmotionCache,
   defaultGetHvPaginationProps,
   defaultGetToggleAllPageRowsSelectedProps,
   defaultGetToggleAllRowsSelectedProps,
@@ -467,20 +471,20 @@ export {
   default32 as dialogTitleClasses,
   default75 as dotPaginationClasses,
   default70 as dropDownMenuClasses,
-  default84 as dropdownClasses,
+  default82 as dropdownClasses,
   ds3,
   ds5,
   default35 as emptyStateClasses,
   default69 as fileClasses,
   default68 as fileUploaderPreviewClasses,
-  default120 as filterGroupClasses,
+  default118 as filterGroupClasses,
   findDescriptors,
   default8 as focusClasses,
   default36 as footerClasses,
   default13 as formElementClasses,
   getBorderStyles,
   getClasses,
-  default135 as getComponentName,
+  default133 as getComponentName,
   getFirstAndLastFocus,
   getFocusableList,
   getHeaderFooterPropsHook,
@@ -492,14 +496,14 @@ export {
   getSelectorIcons,
   getTableHeadPropsHook,
   getVarValue,
-  default83 as globalActionsClasses,
+  default81 as globalActionsClasses,
   default37 as gridClasses,
   default39 as headerActionsClasses,
   default40 as headerBrandClasses,
   default38 as headerClasses,
   default41 as headerNavigationClasses,
-  default132 as hexToRgbA,
-  default124 as horizontalScrollListItemClasses,
+  default130 as hexToRgbA,
+  default122 as horizontalScrollListItemClasses,
   hvDateColumn,
   hvDropdownColumn,
   hvExpandColumn,
@@ -511,12 +515,12 @@ export {
   hvSwitchColumn,
   hvTagColumn,
   hvTextColumn,
-  default131 as iconVariant,
+  default129 as iconVariant,
   increaseSize,
   default15 as infoMessageClasses,
-  default125 as inlineEditorClasses,
+  default123 as inlineEditorClasses,
   default60 as inputClasses,
-  default133 as isBrowser,
+  default131 as isBrowser,
   isInvalid,
   isKeycode,
   isKeypress,
@@ -524,15 +528,15 @@ export {
   keyboardCodes,
   default42 as kpiClasses,
   default14 as labelClasses,
-  default107 as leftControlClasses,
+  default105 as leftControlClasses,
   default43 as linkClasses,
   default66 as listClasses,
   default9 as listContainerClasses,
   default10 as listItemClasses,
   default44 as loadingClasses,
-  default105 as loginClasses,
+  default103 as loginClasses,
   default45 as multiButtonClasses,
-  default134 as multiSelectionEventHandler,
+  default132 as multiSelectionEventHandler,
   normalizeProgressBar,
   outlineStyles,
   default53 as overflowTooltipClasses,
@@ -541,78 +545,79 @@ export {
   prepareRow,
   processThemes,
   default47 as progressBarClasses,
-  default127 as queryBuilderClasses,
+  default125 as queryBuilderClasses,
   default62 as radioClasses,
   default67 as radioGroupClasses,
   reducer,
-  default108 as rightControlClasses,
-  default123 as scrollToHorizontalClasses,
-  default121 as scrollToVerticalClasses,
+  replace$,
+  default106 as rightControlClasses,
+  default121 as scrollToHorizontalClasses,
+  default119 as scrollToVerticalClasses,
   default17 as selectionListClasses,
   setElementAttrs,
   setId,
   setUid,
-  default119 as sliderClasses,
-  default78 as snackbarClasses,
-  default80 as snackbarContentClasses,
+  default117 as sliderClasses,
+  default76 as snackbarClasses,
+  default78 as snackbarContentClasses,
   default48 as stackClasses,
   default18 as suggestionsClasses,
   default61 as switchClasses,
   default49 as tabClasses,
-  default87 as tableBodyClasses,
-  default91 as tableCellClasses,
-  default85 as tableClasses,
-  default86 as tableContainerClasses,
-  default88 as tableHeadClasses,
-  default89 as tableHeaderClasses,
-  default90 as tableRowClasses,
+  default85 as tableBodyClasses,
+  default89 as tableCellClasses,
+  default83 as tableClasses,
+  default84 as tableContainerClasses,
+  default86 as tableHeadClasses,
+  default87 as tableHeaderClasses,
+  default88 as tableRowClasses,
   default50 as tabsClasses,
   default51 as tagClasses,
   default64 as tagsInputClasses,
   default63 as textAreaClasses,
   theme,
   themes,
-  default126 as timeAgoClasses,
+  default124 as timeAgoClasses,
   default52 as tooltipClasses,
-  default117 as treeViewClasses,
-  default118 as treeViewItemClasses,
+  default115 as treeViewClasses,
+  default116 as treeViewItemClasses,
   default7 as typographyClasses,
   useClickOutside,
   default5 as useComputation,
   useControlled,
   useEnhancedEffect,
   default4 as useForkRef,
-  default97 as useHvBulkActions,
+  default95 as useHvBulkActions,
   default2 as useHvData,
   useFilters as useHvFilters,
   useGlobalFilter as useHvGlobalFilter,
-  default99 as useHvHeaderGroups,
-  default95 as useHvPagination,
-  default100 as useHvResizeColumns,
-  default98 as useHvRowExpand,
-  default96 as useHvRowSelection,
+  default97 as useHvHeaderGroups,
+  default93 as useHvPagination,
+  default98 as useHvResizeColumns,
+  default96 as useHvRowExpand,
+  default94 as useHvRowSelection,
   useHvSnackbar,
-  default93 as useHvSortBy,
+  default91 as useHvSortBy,
   default3 as useHvTable,
-  default94 as useHvTableSticky,
-  default92 as useHvTableStyles,
+  default92 as useHvTableSticky,
+  default90 as useHvTableStyles,
   useImageLoaded,
   useInstance,
-  default130 as useIsMounted,
+  default128 as useIsMounted,
   useLabels,
   useSavedState,
   useScrollTo,
   useSelectionPath,
   useTheme,
-  default129 as useUniqueId,
+  default127 as useUniqueId,
   useWidth,
-  default111 as verticalNavigationClasses,
-  default112 as verticalNavigationHeaderClasses,
-  default116 as verticalNavigationSliderClasses,
-  default115 as verticalNavigationTreeClasses,
-  default122 as verticalScrollListItemClasses,
+  default109 as verticalNavigationClasses,
+  default110 as verticalNavigationHeaderClasses,
+  default114 as verticalNavigationSliderClasses,
+  default113 as verticalNavigationTreeClasses,
+  default120 as verticalScrollListItemClasses,
   default16 as warningTextClasses,
-  default137 as withTooltip,
+  default135 as withTooltip,
   wrapperTooltip
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/providers/Provider.js

@@ -2,7 +2,7 @@ import { CacheProvider, Global, css, ClassNames } from "@emotion/react";
 import { CssBaseline, getThemesVars, CssScopedBaseline } from "@hitachivantara/uikit-styles";
 import { useMemo } from "react";
 import createCache from "@emotion/cache";
-import { HvThemeProvider } from "./ThemeProvider.js";
+import { defaultCacheKey, defaultEmotionCache, HvThemeProvider } from "./ThemeProvider.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import useUniqueId from "../hooks/useUniqueId.js";
 import { processThemes } from "../utils/theme.js";
@@ -15,21 +15,22 @@ const HvProvider = ({
   themes,
   theme,
   colorMode,
-  classNameKey = "hv-uikit-css"
+  classNameKey = defaultCacheKey
 }) => {
   const scopedRootId = useUniqueId(void 0, scopedRootPrefix);
   const themesList = processThemes(themes);
-  const emotionCache = useMemo(() => createCache({
+  const emotionCache = useMemo(() => classNameKey === defaultCacheKey ? defaultEmotionCache : createCache({
     key: classNameKey,
     prepend: true
   }), [classNameKey]);
   return /* @__PURE__ */ jsxs(CacheProvider, {
     value: emotionCache,
     children: [/* @__PURE__ */ jsx(Global, {
-      styles: /* @__PURE__ */ css(cssBaseline === "global" && CssBaseline, " ", getThemesVars(themesList), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEd3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgY3NzIGFzIGNzc1JlYWN0LFxuICBHbG9iYWwsXG4gIENhY2hlUHJvdmlkZXIsXG4gIENsYXNzTmFtZXMsXG59IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgQ3NzQmFzZWxpbmUsXG4gIENzc1Njb3BlZEJhc2VsaW5lLFxuICBnZXRUaGVtZXNWYXJzLFxuICBIdlRoZW1lU3RydWN0dXJlLFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgcHJvY2Vzc1RoZW1lcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgSHZUaGVtZSB9IGZyb20gXCJAY29yZS90eXBlc1wiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjcmVhdGVDYWNoZSBmcm9tIFwiQGVtb3Rpb24vY2FjaGVcIjtcbmltcG9ydCB7IHVzZVVuaXF1ZUlkIH0gZnJvbSBcIkBjb3JlL2hvb2tzXCI7XG5pbXBvcnQgeyBIdlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi9UaGVtZVByb3ZpZGVyXCI7XG5cbi8vIFByb3ZpZGVyIHByb3BzXG5leHBvcnQgaW50ZXJmYWNlIEh2UHJvdmlkZXJQcm9wcyB7XG4gIC8qKlxuICAgKiBZb3VyIGNvbXBvbmVudCB0cmVlLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBJZCBvZiB5b3VyIHJvb3QgZWxlbWVudC5cbiAgICovXG4gIHJvb3RFbGVtZW50SWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSBiYXNlbGluZSBzdHlsZXMgYXJlIGFwcGxpZWQgZ2xvYmFsbHksIGBnbG9iYWxgLCB0byB0aGUgYXBwbGljYXRpb24gZm9yIHRoZSBVSSBLaXQgY29tcG9uZW50cyB0byB3b3JrIHByb3Blcmx5LlxuICAgKiBJZiB5b3UgbmVlZCB0byBzY29wZSB0aGUgYmFzZWxpbmUgc3R5bGVzIHRvIGF2b2lkIHN0eWxpbmcgY29uZmxpY3RzLCB5b3UgY2FuIHNldCB0aGlzIHByb3BlcnR5IHRvIGBzY29wZWRgLlxuICAgKiBUbyBzY29wZSB0aGUgYmFzZWxpbmUgdG8geW91ciByb290LCB5b3UgbmVlZCB0byBhZGQgdGhlIGByb290RWxlbWVudElkYCBwcm9wZXJ0eS5cbiAgICogSWYgdGhlIGByb290RWxlbWVudElkYCBwcm9wZXJ0eSBpcyBub3Qgc2V0LCB0aGUgYmFzZWxpbmUgd2lsbCBiZSBzY29wZWQgdG8gYSBuZXcgY29udGFpbmVyLCBgaHYtdWlraXQtc2NvcGVkLXJvb3QqYCwgY3JlYXRlZCBhcm91bmQgeW91ciBjb250ZW50LlxuICAgKiBJZiB5b3UgYXJlIHByb3ZpZGluZyB5b3VyIG93biBiYXNlbGluZSBzdHlsZXMsIHlvdSBjYW4gc2V0IHRoaXMgcHJvcGVydHkgdG8gYG5vbmVgIHRvIGRpc2FibGUgdGhlIGJhc2VsaW5lIHN0eWxlcy5cbiAgICovXG4gIGNzc0Jhc2VsaW5lPzogXCJnbG9iYWxcIiB8IFwic2NvcGVkXCIgfCBcIm5vbmVcIjtcbiAgLyoqXG4gICAqIEJ5IGRlZmF1bHQgdGhlIHRoZW1lIHN0eWxlcyBhcmUgYXBwbGllZCBnbG9iYWxseSwgYGdsb2JhbGAsIHRvIHRoZSBhcHBsaWNhdGlvbi5cbiAgICogSWYgeW91IG5lZWQgdG8gc2NvcGUgdGhlIHRoZW1lIHN0eWxlcyB0byBhdm9pZCBzdHlsaW5nIGNvbmZsaWN0cywgeW91IGNhbiBzZXQgdGhpcyBwcm9wZXJ0eSB0byBgc2NvcGVkYC5cbiAgICogVG8gc2NvcGUgdGhlIHRoZW1lIHRvIHlvdXIgcm9vdCwgeW91IG5lZWQgdG8gYWRkIHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkuXG4gICAqIElmIHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkgaXMgbm90IHNldCwgdGhlIHRoZW1lIHdpbGwgYmUgc2NvcGVkIHRvIGEgbmV3IGNvbnRhaW5lciwgYGh2LXVpa2l0LXNjb3BlZC1yb290KmAsIGNyZWF0ZWQgYXJvdW5kIHlvdXIgY29udGVudC5cbiAgICovXG4gIGNzc1RoZW1lPzogXCJnbG9iYWxcIiB8IFwic2NvcGVkXCI7XG4gIC8qKlxuICAgKiBUaGUgc3RyaW5nIHVzZWQgdG8gcHJlZml4IHRoZSBjbGFzcyBuYW1lcyBhbmQgdW5pcXVlbHkgaWRlbnRpZnkgdGhlbS4gVGhlIGtleSBjYW4gb25seSBjb250YWluIGxvd2VyIGNhc2UgYWxwaGFiZXRpY2FsIGNoYXJhY3RlcnMuXG4gICAqIFRoaXMgaXMgdXNlZnVsIHRvIGF2b2lkIGNsYXNzIG5hbWUgY29sbGlzaW9ucy5cbiAgICpcbiAgICogSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQsIHRoZSBkZWZhdWx0IGlzIGBodi11aWtpdC1jc3NgLlxuICAgKi9cbiAgY2xhc3NOYW1lS2V5Pzogc3RyaW5nO1xuICAvKipcbiAgICogTGlzdCBvZiB0aGVtZXMgdG8gYmUgdXNlZCBieSBVSSBLaXQuXG4gICAqIFlvdSBjYW4gcHJvdmlkZSB5b3VyIG93biB0aGVtZXMgY3JlYXRlZCB3aXRoIHRoZSBgY3JlYXRlVGhlbWVgIHV0aWxpdHkgYW5kL29yIHRoZSBkZWZhdWx0IHRoZW1lcyBgZHMzYCBhbmQgYGRzNWAgcHJvdmlkZWQgYnkgVUkgS2l0LlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGBkczVgIHRoZW1lIHdpbGwgYmUgdXNlZC5cbiAgICovXG4gIHRoZW1lcz86IChIdlRoZW1lIHwgSHZUaGVtZVN0cnVjdHVyZSlbXTtcbiAgLyoqXG4gICAqIFRoZSBhY3RpdmUgdGhlbWUuIEl0IG11c3QgYmUgb25lIG9mIHRoZSB0aGVtZXMgcGFzc2VkIHRvIGB0aGVtZXNgLlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGZpcnN0IHRoZW1lIGZyb20gdGhlIGB0aGVtZXNgIGxpc3QgaXMgdXNlZC4gSWYgbm8gYHRoZW1lc2AgbGlzdCBpcyBwcm92aWRlZCwgdGhlIGBkczVgIHRoZW1lIHdpbGwgYmUgdXNlZC5cbiAgICovXG4gIHRoZW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGFjdGl2ZSBjb2xvciBtb2RlLiBJdCBtdXN0IGJlIG9uZSBvZiB0aGUgY29sb3IgbW9kZXMgb2YgdGhlIGFjdGl2ZSB0aGVtZS5cbiAgICpcbiAgICogSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQsIHRoZSBmaXJzdCBjb2xvciBtb2RlIGRlZmluZWQgaW4gdGhlIGFjdGl2ZSB0aGVtZSBpcyB1c2VkLlxuICAgKiBGb3IgdGhlIGRlZmF1bHQgdGhlbWVzIGBkczNgIGFuZCBgZHM1YCwgdGhlIGBkYXduYCBjb2xvciBtb2RlIGlzIHRoZSBvbmUgdXNlZC5cbiAgICovXG4gIGNvbG9yTW9kZT86IHN0cmluZztcbn1cblxuY29uc3Qgc2NvcGVkUm9vdFByZWZpeCA9IFwiaHYtdWlraXQtc2NvcGVkLXJvb3RcIiBhcyBjb25zdDtcblxuLyoqXG4gKiBFbmFibGVzIHRoZW1pbmcgY2FwYWJpbGl0aWVzIGFuZCBtYWtlcyBjcm9zcy1jb21wb25lbnQgdGhlbWUgcHJvcGVydGllcyBhdmFpbGFibGUgZG93biB0aGUgdHJlZS5cbiAqL1xuZXhwb3J0IGNvbnN0IEh2UHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcm9vdEVsZW1lbnRJZCxcbiAgY3NzQmFzZWxpbmUgPSBcImdsb2JhbFwiLFxuICBjc3NUaGVtZSA9IFwiZ2xvYmFsXCIsXG4gIHRoZW1lcyxcbiAgdGhlbWUsXG4gIGNvbG9yTW9kZSxcbiAgY2xhc3NOYW1lS2V5ID0gXCJodi11aWtpdC1jc3NcIixcbn06IEh2UHJvdmlkZXJQcm9wcykgPT4ge1xuICBjb25zdCBzY29wZWRSb290SWQgPSB1c2VVbmlxdWVJZCh1bmRlZmluZWQsIHNjb3BlZFJvb3RQcmVmaXgpO1xuXG4gIC8vIFRoZW1lc1xuICBjb25zdCB0aGVtZXNMaXN0OiAoSHZUaGVtZSB8IEh2VGhlbWVTdHJ1Y3R1cmUpW10gPSBwcm9jZXNzVGhlbWVzKHRoZW1lcyk7XG5cbiAgLy8gRW1vdGlvbiBjYWNoZVxuICAvLyBNb3ZlcyBVSSBLaXQgc3R5bGVzIHRvIHRoZSB0b3Agb2YgdGhlIDxoZWFkPiBzbyB0aGV5J3JlIGxvYWRlZCBmaXJzdFxuICAvLyBUaGlzIGVuYWJsZXMgdXNlcnMgdG8gb3ZlcnJpZGUgdGhlIFVJIEtpdCBzdHlsZXMgaWYgbmVjZXNzYXJ5XG4gIGNvbnN0IGVtb3Rpb25DYWNoZSA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIGNyZWF0ZUNhY2hlKHtcbiAgICAgICAga2V5OiBjbGFzc05hbWVLZXksXG4gICAgICAgIHByZXBlbmQ6IHRydWUsXG4gICAgICB9KSxcbiAgICBbY2xhc3NOYW1lS2V5XVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPENhY2hlUHJvdmlkZXIgdmFsdWU9e2Vtb3Rpb25DYWNoZX0+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzUmVhY3RgXG4gICAgICAgICAgJHtjc3NCYXNlbGluZSA9PT0gXCJnbG9iYWxcIiAmJiBDc3NCYXNlbGluZX1cbiAgICAgICAgICAke2dldFRoZW1lc1ZhcnModGhlbWVzTGlzdCl9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEh2VGhlbWVQcm92aWRlclxuICAgICAgICB0aGVtZXM9e3RoZW1lc0xpc3R9XG4gICAgICAgIHRoZW1lPXt0aGVtZSB8fCB0aGVtZXNMaXN0WzBdLm5hbWV9XG4gICAgICAgIGNvbG9yTW9kZT17Y29sb3JNb2RlIHx8IE9iamVjdC5rZXlzKHRoZW1lc0xpc3RbMF0uY29sb3JzLm1vZGVzKVswXX1cbiAgICAgICAgdGhlbWVSb290SWQ9e1xuICAgICAgICAgIGNzc1RoZW1lID09PSBcInNjb3BlZFwiID8gcm9vdEVsZW1lbnRJZCB8fCBzY29wZWRSb290SWQgOiB1bmRlZmluZWRcbiAgICAgICAgfVxuICAgICAgPlxuICAgICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgICB7KHsgY3NzIH0pID0+IHtcbiAgICAgICAgICAgIGlmIChjc3NCYXNlbGluZSA9PT0gXCJzY29wZWRcIiAmJiByb290RWxlbWVudElkKSB7XG4gICAgICAgICAgICAgIGNvbnN0IHJvb3RFbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQocm9vdEVsZW1lbnRJZCk7XG5cbiAgICAgICAgICAgICAgaWYgKHJvb3RFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgcm9vdEVsZW1lbnQuY2xhc3NMaXN0LmFkZChcbiAgICAgICAgICAgICAgICAgIGNzcyh7XG4gICAgICAgICAgICAgICAgICAgIC4uLkNzc1Njb3BlZEJhc2VsaW5lLFxuICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHJldHVybiAoY3NzVGhlbWUgPT09IFwic2NvcGVkXCIgfHwgY3NzQmFzZWxpbmUgPT09IFwic2NvcGVkXCIpICYmXG4gICAgICAgICAgICAgICFyb290RWxlbWVudElkID8gKFxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgaWQ9e3Njb3BlZFJvb3RJZH1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1xuICAgICAgICAgICAgICAgICAgY3NzQmFzZWxpbmUgPT09IFwic2NvcGVkXCJcbiAgICAgICAgICAgICAgICAgICAgPyBjc3MoeyAuLi5Dc3NTY29wZWRCYXNlbGluZSB9KVxuICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICA8L0NsYXNzTmFtZXM+XG4gICAgICA8L0h2VGhlbWVQcm92aWRlcj5cbiAgICA8L0NhY2hlUHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */")
+      styles: /* @__PURE__ */ css(cssBaseline === "global" && CssBaseline, " ", getThemesVars(themesList), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0d3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgY3NzIGFzIGNzc1JlYWN0LFxuICBHbG9iYWwsXG4gIENhY2hlUHJvdmlkZXIsXG4gIENsYXNzTmFtZXMsXG59IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgQ3NzQmFzZWxpbmUsXG4gIENzc1Njb3BlZEJhc2VsaW5lLFxuICBnZXRUaGVtZXNWYXJzLFxuICBIdlRoZW1lU3RydWN0dXJlLFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgcHJvY2Vzc1RoZW1lcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgSHZUaGVtZSB9IGZyb20gXCJAY29yZS90eXBlc1wiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjcmVhdGVDYWNoZSBmcm9tIFwiQGVtb3Rpb24vY2FjaGVcIjtcbmltcG9ydCB7IHVzZVVuaXF1ZUlkIH0gZnJvbSBcIkBjb3JlL2hvb2tzXCI7XG5pbXBvcnQge1xuICBIdlRoZW1lUHJvdmlkZXIsXG4gIGRlZmF1bHRDYWNoZUtleSxcbiAgZGVmYXVsdEVtb3Rpb25DYWNoZSxcbn0gZnJvbSBcIi4vVGhlbWVQcm92aWRlclwiO1xuXG4vLyBQcm92aWRlciBwcm9wc1xuZXhwb3J0IGludGVyZmFjZSBIdlByb3ZpZGVyUHJvcHMge1xuICAvKipcbiAgICogWW91ciBjb21wb25lbnQgdHJlZS5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICAvKipcbiAgICogSWQgb2YgeW91ciByb290IGVsZW1lbnQuXG4gICAqL1xuICByb290RWxlbWVudElkPzogc3RyaW5nO1xuICAvKipcbiAgICogQnkgZGVmYXVsdCB0aGUgYmFzZWxpbmUgc3R5bGVzIGFyZSBhcHBsaWVkIGdsb2JhbGx5LCBgZ2xvYmFsYCwgdG8gdGhlIGFwcGxpY2F0aW9uIGZvciB0aGUgVUkgS2l0IGNvbXBvbmVudHMgdG8gd29yayBwcm9wZXJseS5cbiAgICogSWYgeW91IG5lZWQgdG8gc2NvcGUgdGhlIGJhc2VsaW5lIHN0eWxlcyB0byBhdm9pZCBzdHlsaW5nIGNvbmZsaWN0cywgeW91IGNhbiBzZXQgdGhpcyBwcm9wZXJ0eSB0byBgc2NvcGVkYC5cbiAgICogVG8gc2NvcGUgdGhlIGJhc2VsaW5lIHRvIHlvdXIgcm9vdCwgeW91IG5lZWQgdG8gYWRkIHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkuXG4gICAqIElmIHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkgaXMgbm90IHNldCwgdGhlIGJhc2VsaW5lIHdpbGwgYmUgc2NvcGVkIHRvIGEgbmV3IGNvbnRhaW5lciwgYGh2LXVpa2l0LXNjb3BlZC1yb290KmAsIGNyZWF0ZWQgYXJvdW5kIHlvdXIgY29udGVudC5cbiAgICogSWYgeW91IGFyZSBwcm92aWRpbmcgeW91ciBvd24gYmFzZWxpbmUgc3R5bGVzLCB5b3UgY2FuIHNldCB0aGlzIHByb3BlcnR5IHRvIGBub25lYCB0byBkaXNhYmxlIHRoZSBiYXNlbGluZSBzdHlsZXMuXG4gICAqL1xuICBjc3NCYXNlbGluZT86IFwiZ2xvYmFsXCIgfCBcInNjb3BlZFwiIHwgXCJub25lXCI7XG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSB0aGVtZSBzdHlsZXMgYXJlIGFwcGxpZWQgZ2xvYmFsbHksIGBnbG9iYWxgLCB0byB0aGUgYXBwbGljYXRpb24uXG4gICAqIElmIHlvdSBuZWVkIHRvIHNjb3BlIHRoZSB0aGVtZSBzdHlsZXMgdG8gYXZvaWQgc3R5bGluZyBjb25mbGljdHMsIHlvdSBjYW4gc2V0IHRoaXMgcHJvcGVydHkgdG8gYHNjb3BlZGAuXG4gICAqIFRvIHNjb3BlIHRoZSB0aGVtZSB0byB5b3VyIHJvb3QsIHlvdSBuZWVkIHRvIGFkZCB0aGUgYHJvb3RFbGVtZW50SWRgIHByb3BlcnR5LlxuICAgKiBJZiB0aGUgYHJvb3RFbGVtZW50SWRgIHByb3BlcnR5IGlzIG5vdCBzZXQsIHRoZSB0aGVtZSB3aWxsIGJlIHNjb3BlZCB0byBhIG5ldyBjb250YWluZXIsIGBodi11aWtpdC1zY29wZWQtcm9vdCpgLCBjcmVhdGVkIGFyb3VuZCB5b3VyIGNvbnRlbnQuXG4gICAqL1xuICBjc3NUaGVtZT86IFwiZ2xvYmFsXCIgfCBcInNjb3BlZFwiO1xuICAvKipcbiAgICogVGhlIHN0cmluZyB1c2VkIHRvIHByZWZpeCB0aGUgY2xhc3MgbmFtZXMgYW5kIHVuaXF1ZWx5IGlkZW50aWZ5IHRoZW0uIFRoZSBrZXkgY2FuIG9ubHkgY29udGFpbiBsb3dlciBjYXNlIGFscGhhYmV0aWNhbCBjaGFyYWN0ZXJzLlxuICAgKiBUaGlzIGlzIHVzZWZ1bCB0byBhdm9pZCBjbGFzcyBuYW1lIGNvbGxpc2lvbnMuXG4gICAqXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZGVmYXVsdCBpcyBgaHZgLlxuICAgKi9cbiAgY2xhc3NOYW1lS2V5Pzogc3RyaW5nO1xuICAvKipcbiAgICogTGlzdCBvZiB0aGVtZXMgdG8gYmUgdXNlZCBieSBVSSBLaXQuXG4gICAqIFlvdSBjYW4gcHJvdmlkZSB5b3VyIG93biB0aGVtZXMgY3JlYXRlZCB3aXRoIHRoZSBgY3JlYXRlVGhlbWVgIHV0aWxpdHkgYW5kL29yIHRoZSBkZWZhdWx0IHRoZW1lcyBgZHMzYCBhbmQgYGRzNWAgcHJvdmlkZWQgYnkgVUkgS2l0LlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGBkczVgIHRoZW1lIHdpbGwgYmUgdXNlZC5cbiAgICovXG4gIHRoZW1lcz86IChIdlRoZW1lIHwgSHZUaGVtZVN0cnVjdHVyZSlbXTtcbiAgLyoqXG4gICAqIFRoZSBhY3RpdmUgdGhlbWUuIEl0IG11c3QgYmUgb25lIG9mIHRoZSB0aGVtZXMgcGFzc2VkIHRvIGB0aGVtZXNgLlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGZpcnN0IHRoZW1lIGZyb20gdGhlIGB0aGVtZXNgIGxpc3QgaXMgdXNlZC4gSWYgbm8gYHRoZW1lc2AgbGlzdCBpcyBwcm92aWRlZCwgdGhlIGBkczVgIHRoZW1lIHdpbGwgYmUgdXNlZC5cbiAgICovXG4gIHRoZW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGFjdGl2ZSBjb2xvciBtb2RlLiBJdCBtdXN0IGJlIG9uZSBvZiB0aGUgY29sb3IgbW9kZXMgb2YgdGhlIGFjdGl2ZSB0aGVtZS5cbiAgICpcbiAgICogSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQsIHRoZSBmaXJzdCBjb2xvciBtb2RlIGRlZmluZWQgaW4gdGhlIGFjdGl2ZSB0aGVtZSBpcyB1c2VkLlxuICAgKiBGb3IgdGhlIGRlZmF1bHQgdGhlbWVzIGBkczNgIGFuZCBgZHM1YCwgdGhlIGBkYXduYCBjb2xvciBtb2RlIGlzIHRoZSBvbmUgdXNlZC5cbiAgICovXG4gIGNvbG9yTW9kZT86IHN0cmluZztcbn1cblxuY29uc3Qgc2NvcGVkUm9vdFByZWZpeCA9IFwiaHYtdWlraXQtc2NvcGVkLXJvb3RcIiBhcyBjb25zdDtcblxuLyoqXG4gKiBFbmFibGVzIHRoZW1pbmcgY2FwYWJpbGl0aWVzIGFuZCBtYWtlcyBjcm9zcy1jb21wb25lbnQgdGhlbWUgcHJvcGVydGllcyBhdmFpbGFibGUgZG93biB0aGUgdHJlZS5cbiAqL1xuZXhwb3J0IGNvbnN0IEh2UHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcm9vdEVsZW1lbnRJZCxcbiAgY3NzQmFzZWxpbmUgPSBcImdsb2JhbFwiLFxuICBjc3NUaGVtZSA9IFwiZ2xvYmFsXCIsXG4gIHRoZW1lcyxcbiAgdGhlbWUsXG4gIGNvbG9yTW9kZSxcbiAgY2xhc3NOYW1lS2V5ID0gZGVmYXVsdENhY2hlS2V5LFxufTogSHZQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHNjb3BlZFJvb3RJZCA9IHVzZVVuaXF1ZUlkKHVuZGVmaW5lZCwgc2NvcGVkUm9vdFByZWZpeCk7XG5cbiAgLy8gVGhlbWVzXG4gIGNvbnN0IHRoZW1lc0xpc3Q6IChIdlRoZW1lIHwgSHZUaGVtZVN0cnVjdHVyZSlbXSA9IHByb2Nlc3NUaGVtZXModGhlbWVzKTtcblxuICAvLyBFbW90aW9uIGNhY2hlXG4gIC8vIE1vdmVzIFVJIEtpdCBzdHlsZXMgdG8gdGhlIHRvcCBvZiB0aGUgPGhlYWQ+IHNvIHRoZXkncmUgbG9hZGVkIGZpcnN0XG4gIC8vIFRoaXMgZW5hYmxlcyB1c2VycyB0byBvdmVycmlkZSB0aGUgVUkgS2l0IHN0eWxlcyBpZiBuZWNlc3NhcnlcbiAgY29uc3QgZW1vdGlvbkNhY2hlID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgY2xhc3NOYW1lS2V5ID09PSBkZWZhdWx0Q2FjaGVLZXlcbiAgICAgICAgPyBkZWZhdWx0RW1vdGlvbkNhY2hlXG4gICAgICAgIDogY3JlYXRlQ2FjaGUoeyBrZXk6IGNsYXNzTmFtZUtleSwgcHJlcGVuZDogdHJ1ZSB9KSxcbiAgICBbY2xhc3NOYW1lS2V5XVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPENhY2hlUHJvdmlkZXIgdmFsdWU9e2Vtb3Rpb25DYWNoZX0+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzUmVhY3RgXG4gICAgICAgICAgJHtjc3NCYXNlbGluZSA9PT0gXCJnbG9iYWxcIiAmJiBDc3NCYXNlbGluZX1cbiAgICAgICAgICAke2dldFRoZW1lc1ZhcnModGhlbWVzTGlzdCl9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEh2VGhlbWVQcm92aWRlclxuICAgICAgICB0aGVtZXM9e3RoZW1lc0xpc3R9XG4gICAgICAgIHRoZW1lPXt0aGVtZSB8fCB0aGVtZXNMaXN0WzBdLm5hbWV9XG4gICAgICAgIGVtb3Rpb25DYWNoZT17ZW1vdGlvbkNhY2hlfVxuICAgICAgICBjb2xvck1vZGU9e2NvbG9yTW9kZSB8fCBPYmplY3Qua2V5cyh0aGVtZXNMaXN0WzBdLmNvbG9ycy5tb2RlcylbMF19XG4gICAgICAgIHRoZW1lUm9vdElkPXtcbiAgICAgICAgICBjc3NUaGVtZSA9PT0gXCJzY29wZWRcIiA/IHJvb3RFbGVtZW50SWQgfHwgc2NvcGVkUm9vdElkIDogdW5kZWZpbmVkXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgICAgeyh7IGNzcyB9KSA9PiB7XG4gICAgICAgICAgICBpZiAoY3NzQmFzZWxpbmUgPT09IFwic2NvcGVkXCIgJiYgcm9vdEVsZW1lbnRJZCkge1xuICAgICAgICAgICAgICBjb25zdCByb290RWxlbWVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHJvb3RFbGVtZW50SWQpO1xuXG4gICAgICAgICAgICAgIGlmIChyb290RWxlbWVudCkge1xuICAgICAgICAgICAgICAgIHJvb3RFbGVtZW50LmNsYXNzTGlzdC5hZGQoXG4gICAgICAgICAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgICAgICAgICAuLi5Dc3NTY29wZWRCYXNlbGluZSxcbiAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXR1cm4gKGNzc1RoZW1lID09PSBcInNjb3BlZFwiIHx8IGNzc0Jhc2VsaW5lID09PSBcInNjb3BlZFwiKSAmJlxuICAgICAgICAgICAgICAhcm9vdEVsZW1lbnRJZCA/IChcbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGlkPXtzY29wZWRSb290SWR9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtcbiAgICAgICAgICAgICAgICAgIGNzc0Jhc2VsaW5lID09PSBcInNjb3BlZFwiXG4gICAgICAgICAgICAgICAgICAgID8gY3NzKHsgLi4uQ3NzU2NvcGVkQmFzZWxpbmUgfSlcbiAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgY2hpbGRyZW5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPC9DbGFzc05hbWVzPlxuICAgICAgPC9IdlRoZW1lUHJvdmlkZXI+XG4gICAgPC9DYWNoZVByb3ZpZGVyPlxuICApO1xufTtcbiJdfQ== */")
     }), /* @__PURE__ */ jsx(HvThemeProvider, {
       themes: themesList,
       theme: theme || themesList[0].name,
+      emotionCache,
       colorMode: colorMode || Object.keys(themesList[0].colors.modes)[0],
       themeRootId: cssTheme === "scoped" ? rootElementId || scopedRootId : void 0,
       children: /* @__PURE__ */ jsx(ClassNames, {

package/dist/esm/providers/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import {\n  css as cssReact,\n  Global,\n  CacheProvider,\n  ClassNames,\n} from \"@emotion/react\";\nimport {\n  CssBaseline,\n  CssScopedBaseline,\n  getThemesVars,\n  HvThemeStructure,\n} from \"@hitachivantara/uikit-styles\";\nimport { processThemes } from \"@core/utils\";\nimport { HvTheme } from \"@core/types\";\nimport React, { useMemo } from \"react\";\nimport createCache from \"@emotion/cache\";\nimport { useUniqueId } from \"@core/hooks\";\nimport { HvThemeProvider } from \"./ThemeProvider\";\n\n// Provider props\nexport interface HvProviderProps {\n  /**\n   * Your component tree.\n   */\n  children?: React.ReactNode;\n  /**\n   * Id of your root element.\n   */\n  rootElementId?: string;\n  /**\n   * By default the baseline styles are applied globally, `global`, to the application for the UI Kit components to work properly.\n   * If you need to scope the baseline styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the baseline to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the baseline will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   * If you are providing your own baseline styles, you can set this property to `none` to disable the baseline styles.\n   */\n  cssBaseline?: \"global\" | \"scoped\" | \"none\";\n  /**\n   * By default the theme styles are applied globally, `global`, to the application.\n   * If you need to scope the theme styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the theme to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the theme will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   */\n  cssTheme?: \"global\" | \"scoped\";\n  /**\n   * The string used to prefix the class names and uniquely identify them. The key can only contain lower case alphabetical characters.\n   * This is useful to avoid class name collisions.\n   *\n   * If no value is provided, the default is `hv-uikit-css`.\n   */\n  classNameKey?: string;\n  /**\n   * List of themes to be used by UI Kit.\n   * You can provide your own themes created with the `createTheme` utility and/or the default themes `ds3` and `ds5` provided by UI Kit.\n   *\n   * If no value is provided, the `ds5` theme will be used.\n   */\n  themes?: (HvTheme | HvThemeStructure)[];\n  /**\n   * The active theme. It must be one of the themes passed to `themes`.\n   *\n   * If no value is provided, the first theme from the `themes` list is used. If no `themes` list is provided, the `ds5` theme will be used.\n   */\n  theme?: string;\n  /**\n   * The active color mode. It must be one of the color modes of the active theme.\n   *\n   * If no value is provided, the first color mode defined in the active theme is used.\n   * For the default themes `ds3` and `ds5`, the `dawn` color mode is the one used.\n   */\n  colorMode?: string;\n}\n\nconst scopedRootPrefix = \"hv-uikit-scoped-root\" as const;\n\n/**\n * Enables theming capabilities and makes cross-component theme properties available down the tree.\n */\nexport const HvProvider = ({\n  children,\n  rootElementId,\n  cssBaseline = \"global\",\n  cssTheme = \"global\",\n  themes,\n  theme,\n  colorMode,\n  classNameKey = \"hv-uikit-css\",\n}: HvProviderProps) => {\n  const scopedRootId = useUniqueId(undefined, scopedRootPrefix);\n\n  // Themes\n  const themesList: (HvTheme | HvThemeStructure)[] = processThemes(themes);\n\n  // Emotion cache\n  // Moves UI Kit styles to the top of the <head> so they're loaded first\n  // This enables users to override the UI Kit styles if necessary\n  const emotionCache = useMemo(\n    () =>\n      createCache({\n        key: classNameKey,\n        prepend: true,\n      }),\n    [classNameKey]\n  );\n\n  return (\n    <CacheProvider value={emotionCache}>\n      <Global\n        styles={cssReact`\n          ${cssBaseline === \"global\" && CssBaseline}\n          ${getThemesVars(themesList)}\n        `}\n      />\n      <HvThemeProvider\n        themes={themesList}\n        theme={theme || themesList[0].name}\n        colorMode={colorMode || Object.keys(themesList[0].colors.modes)[0]}\n        themeRootId={\n          cssTheme === \"scoped\" ? rootElementId || scopedRootId : undefined\n        }\n      >\n        <ClassNames>\n          {({ css }) => {\n            if (cssBaseline === \"scoped\" && rootElementId) {\n              const rootElement = document.getElementById(rootElementId);\n\n              if (rootElement) {\n                rootElement.classList.add(\n                  css({\n                    ...CssScopedBaseline,\n                  })\n                );\n              }\n            }\n\n            return (cssTheme === \"scoped\" || cssBaseline === \"scoped\") &&\n              !rootElementId ? (\n              <div\n                id={scopedRootId}\n                className={\n                  cssBaseline === \"scoped\"\n                    ? css({ ...CssScopedBaseline })\n                    : undefined\n                }\n              >\n                {children}\n              </div>\n            ) : (\n              children\n            );\n          }}\n        </ClassNames>\n      </HvThemeProvider>\n    </CacheProvider>\n  );\n};\n"],"names":["scopedRootPrefix","HvProvider","children","rootElementId","cssBaseline","cssTheme","themes","theme","colorMode","classNameKey","scopedRootId","useUniqueId","undefined","themesList","processThemes","emotionCache","useMemo","createCache","key","prepend","CacheProvider","value","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","name","Object","keys","colors","modes","themeRootId","ClassNames","css","rootElement","document","getElementById","classList","add","CssScopedBaseline","id","className"],"mappings":";;;;;;;;AAyEA,MAAMA,mBAAmB;AAKlB,MAAMC,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AACA,MAAM;AACfC,QAAAA,eAAeC,YAAYC,QAAWZ,gBAAgB;AAGtDa,QAAAA,aAA6CC,cAAcR,MAAM;AAKjES,QAAAA,eAAeC,QACnB,MACEC,YAAY;AAAA,IACVC,KAAKT;AAAAA,IACLU,SAAS;AAAA,EAAA,CACV,GACH,CAACV,YAAY,CAAC;AAGhB,8BACGW,eAAa;AAAA,IAACC,OAAON;AAAAA,IAAab,UAAA,CACjCoB,oBAACC,QAAM;AAAA,MACLC,4BACIpB,gBAAgB,YAAYqB,aAC5BC,KAAAA,cAAcb,UAAU,GAACc,OAAAA,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,67OAAA;AAAA,IAAA,CAE7B,GACFP,oBAACQ,iBAAe;AAAA,MACdxB,QAAQO;AAAAA,MACRN,OAAOA,SAASM,WAAW,CAAC,EAAEkB;AAAAA,MAC9BvB,WAAWA,aAAawB,OAAOC,KAAKpB,WAAW,CAAC,EAAEqB,OAAOC,KAAK,EAAE,CAAC;AAAA,MACjEC,aACE/B,aAAa,WAAWF,iBAAiBO,eAAeE;AAAAA,MACzDV,8BAEAmC,YAAU;AAAA,QAAAnC,UACRA,CAAC;AAAA,UAAEoC,KAAAA;AAAAA,QAAAA,MAAU;AACRlC,cAAAA,gBAAgB,YAAYD,eAAe;AACvCoC,kBAAAA,cAAcC,SAASC,eAAetC,aAAa;AAEzD,gBAAIoC,aAAa;AACHG,0BAAAA,UAAUC,IACpBL,KAAI;AAAA,gBACF,GAAGM;AAAAA,cACJ,CAAA,CAAC;AAAA,YAEN;AAAA,UACF;AAEA,kBAAQvC,aAAa,YAAYD,gBAAgB,aAC/C,CAACD,oCACD,OAAA;AAAA,YACE0C,IAAInC;AAAAA,YACJoC,WACE1C,gBAAgB,WACZkC,KAAI;AAAA,cAAE,GAAGM;AAAAA,YAAmB,CAAA,IAC5BhC;AAAAA,YACLV;AAAAA,UAEQ,CAAA,IAGXA;AAAAA,QAEJ;AAAA,MAAA,CAAC;AAAA,IAAA,CAEa,CAAA;AAAA,EAAA,CACJ;AAEpB;"}
+{"version":3,"file":"Provider.js","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import {\n  css as cssReact,\n  Global,\n  CacheProvider,\n  ClassNames,\n} from \"@emotion/react\";\nimport {\n  CssBaseline,\n  CssScopedBaseline,\n  getThemesVars,\n  HvThemeStructure,\n} from \"@hitachivantara/uikit-styles\";\nimport { processThemes } from \"@core/utils\";\nimport { HvTheme } from \"@core/types\";\nimport React, { useMemo } from \"react\";\nimport createCache from \"@emotion/cache\";\nimport { useUniqueId } from \"@core/hooks\";\nimport {\n  HvThemeProvider,\n  defaultCacheKey,\n  defaultEmotionCache,\n} from \"./ThemeProvider\";\n\n// Provider props\nexport interface HvProviderProps {\n  /**\n   * Your component tree.\n   */\n  children?: React.ReactNode;\n  /**\n   * Id of your root element.\n   */\n  rootElementId?: string;\n  /**\n   * By default the baseline styles are applied globally, `global`, to the application for the UI Kit components to work properly.\n   * If you need to scope the baseline styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the baseline to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the baseline will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   * If you are providing your own baseline styles, you can set this property to `none` to disable the baseline styles.\n   */\n  cssBaseline?: \"global\" | \"scoped\" | \"none\";\n  /**\n   * By default the theme styles are applied globally, `global`, to the application.\n   * If you need to scope the theme styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the theme to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the theme will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   */\n  cssTheme?: \"global\" | \"scoped\";\n  /**\n   * The string used to prefix the class names and uniquely identify them. The key can only contain lower case alphabetical characters.\n   * This is useful to avoid class name collisions.\n   *\n   * If no value is provided, the default is `hv`.\n   */\n  classNameKey?: string;\n  /**\n   * List of themes to be used by UI Kit.\n   * You can provide your own themes created with the `createTheme` utility and/or the default themes `ds3` and `ds5` provided by UI Kit.\n   *\n   * If no value is provided, the `ds5` theme will be used.\n   */\n  themes?: (HvTheme | HvThemeStructure)[];\n  /**\n   * The active theme. It must be one of the themes passed to `themes`.\n   *\n   * If no value is provided, the first theme from the `themes` list is used. If no `themes` list is provided, the `ds5` theme will be used.\n   */\n  theme?: string;\n  /**\n   * The active color mode. It must be one of the color modes of the active theme.\n   *\n   * If no value is provided, the first color mode defined in the active theme is used.\n   * For the default themes `ds3` and `ds5`, the `dawn` color mode is the one used.\n   */\n  colorMode?: string;\n}\n\nconst scopedRootPrefix = \"hv-uikit-scoped-root\" as const;\n\n/**\n * Enables theming capabilities and makes cross-component theme properties available down the tree.\n */\nexport const HvProvider = ({\n  children,\n  rootElementId,\n  cssBaseline = \"global\",\n  cssTheme = \"global\",\n  themes,\n  theme,\n  colorMode,\n  classNameKey = defaultCacheKey,\n}: HvProviderProps) => {\n  const scopedRootId = useUniqueId(undefined, scopedRootPrefix);\n\n  // Themes\n  const themesList: (HvTheme | HvThemeStructure)[] = processThemes(themes);\n\n  // Emotion cache\n  // Moves UI Kit styles to the top of the <head> so they're loaded first\n  // This enables users to override the UI Kit styles if necessary\n  const emotionCache = useMemo(\n    () =>\n      classNameKey === defaultCacheKey\n        ? defaultEmotionCache\n        : createCache({ key: classNameKey, prepend: true }),\n    [classNameKey]\n  );\n\n  return (\n    <CacheProvider value={emotionCache}>\n      <Global\n        styles={cssReact`\n          ${cssBaseline === \"global\" && CssBaseline}\n          ${getThemesVars(themesList)}\n        `}\n      />\n      <HvThemeProvider\n        themes={themesList}\n        theme={theme || themesList[0].name}\n        emotionCache={emotionCache}\n        colorMode={colorMode || Object.keys(themesList[0].colors.modes)[0]}\n        themeRootId={\n          cssTheme === \"scoped\" ? rootElementId || scopedRootId : undefined\n        }\n      >\n        <ClassNames>\n          {({ css }) => {\n            if (cssBaseline === \"scoped\" && rootElementId) {\n              const rootElement = document.getElementById(rootElementId);\n\n              if (rootElement) {\n                rootElement.classList.add(\n                  css({\n                    ...CssScopedBaseline,\n                  })\n                );\n              }\n            }\n\n            return (cssTheme === \"scoped\" || cssBaseline === \"scoped\") &&\n              !rootElementId ? (\n              <div\n                id={scopedRootId}\n                className={\n                  cssBaseline === \"scoped\"\n                    ? css({ ...CssScopedBaseline })\n                    : undefined\n                }\n              >\n                {children}\n              </div>\n            ) : (\n              children\n            );\n          }}\n        </ClassNames>\n      </HvThemeProvider>\n    </CacheProvider>\n  );\n};\n"],"names":["scopedRootPrefix","HvProvider","children","rootElementId","cssBaseline","cssTheme","themes","theme","colorMode","classNameKey","defaultCacheKey","scopedRootId","useUniqueId","undefined","themesList","processThemes","emotionCache","useMemo","defaultEmotionCache","createCache","key","prepend","CacheProvider","value","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","name","Object","keys","colors","modes","themeRootId","ClassNames","css","rootElement","document","getElementById","classList","add","CssScopedBaseline","id","className"],"mappings":";;;;;;;;AA6EA,MAAMA,mBAAmB;AAKlB,MAAMC,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAeC;AACA,MAAM;AACfC,QAAAA,eAAeC,YAAYC,QAAWb,gBAAgB;AAGtDc,QAAAA,aAA6CC,cAAcT,MAAM;AAKvE,QAAMU,eAAeC,QACnB,MACER,iBAAiBC,kBACbQ,sBACAC,YAAY;AAAA,IAAEC,KAAKX;AAAAA,IAAcY,SAAS;AAAA,EAAA,CAAM,GACtD,CAACZ,YAAY,CACf;AAEA,8BACGa,eAAa;AAAA,IAACC,OAAOP;AAAAA,IAAad,UAAA,CACjCsB,oBAACC,QAAM;AAAA,MACLC,4BACItB,gBAAgB,YAAYuB,aAC5BC,KAAAA,cAAcd,UAAU,GAACe,OAAAA,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,qmPAAA;AAAA,IAAA,CAE9B,GACDP,oBAACQ,iBAAe;AAAA,MACd1B,QAAQQ;AAAAA,MACRP,OAAOA,SAASO,WAAW,CAAC,EAAEmB;AAAAA,MAC9BjB;AAAAA,MACAR,WAAWA,aAAa0B,OAAOC,KAAKrB,WAAW,CAAC,EAAEsB,OAAOC,KAAK,EAAE,CAAC;AAAA,MACjEC,aACEjC,aAAa,WAAWF,iBAAiBQ,eAAeE;AAAAA,MACzDX,8BAEAqC,YAAU;AAAA,QAAArC,UACRA,CAAC;AAAA,UAAEsC,KAAAA;AAAAA,QAAAA,MAAU;AACRpC,cAAAA,gBAAgB,YAAYD,eAAe;AACvCsC,kBAAAA,cAAcC,SAASC,eAAexC,aAAa;AAEzD,gBAAIsC,aAAa;AACHG,0BAAAA,UAAUC,IACpBL,KAAI;AAAA,gBACF,GAAGM;AAAAA,cACJ,CAAA,CACH;AAAA,YACF;AAAA,UACF;AAEA,kBAAQzC,aAAa,YAAYD,gBAAgB,aAC/C,CAACD,oCACD,OAAA;AAAA,YACE4C,IAAIpC;AAAAA,YACJqC,WACE5C,gBAAgB,WACZoC,KAAI;AAAA,cAAE,GAAGM;AAAAA,YAAmB,CAAA,IAC5BjC;AAAAA,YACLX;AAAAA,UAGE,CAAA,IAELA;AAAAA,QAEJ;AAAA,MAAA,CACU;AAAA,IAAA,CACG,CAAC;AAAA,EAAA,CACL;AAEnB;"}