@hitachivantara/uikit-react-core 5.0.0-next.2 → 5.0.0-next.20

package/dist/cjs/hooks/useSelectionPath.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectionPath.cjs","sources":["../../../src/hooks/useSelectionPath.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { HvHeaderNavigationItemProp } from \"components\";\n\nconst getSelectionPath = (\n  data: HvHeaderNavigationItemProp[] | undefined,\n  selectedId: string,\n  selection: string[] = [],\n  idx: number = -1,\n  parent: HvHeaderNavigationItemProp[] = []\n): string[] => {\n  data?.forEach((item: HvHeaderNavigationItemProp, i) => {\n    const hasData = item.data && item.data.length;\n    const isSelected = item.id === selectedId;\n\n    if (isSelected)\n      selection.push(...(idx > -1 ? [parent[idx].id] : []), item.id);\n    if (hasData) getSelectionPath(item.data, selectedId, selection, i, data);\n  });\n\n  return selection;\n};\n\nexport const useSelectionPath = (data, selectedId): string[] => {\n  const [selectionPath, setSelectionPath] = useState<string[]>([]);\n\n  useEffect(() => {\n    const path = getSelectionPath(data, selectedId);\n    setSelectionPath(path);\n  }, [data, selectedId]);\n\n  return selectionPath;\n};\n"],"names":["getSelectionPath","data","selectedId","selection","idx","parent","forEach","item","i","hasData","length","isSelected","id","push","useSelectionPath","selectionPath","setSelectionPath","useState","useEffect","path"],"mappings":";;;AAGA,MAAMA,mBAAmBA,CACvBC,MACAC,YACAC,YAAsB,IACtBC,MAAc,IACdC,SAAuC,OAC1B;AACPC,+BAAAA,QAAQ,CAACC,MAAkCC,MAAM;AACrD,UAAMC,UAAUF,KAAKN,QAAQM,KAAKN,KAAKS;AACjCC,UAAAA,aAAaJ,KAAKK,OAAOV;AAE3BS,QAAAA;AACFR,gBAAUU,KAAK,GAAIT,MAAM,KAAK,CAACC,OAAOD,KAAKQ,EAAE,IAAI,CAAKL,GAAAA,KAAKK,EAAE;AAC3DH,QAAAA;AAAST,uBAAiBO,KAAKN,MAAMC,YAAYC,WAAWK,GAAGP,IAAI;AAAA,EAAA;AAGlEE,SAAAA;AACT;AAEaW,MAAAA,mBAAmBA,CAACb,MAAMC,eAAyB;AAC9D,QAAM,CAACa,eAAeC,gBAAgB,IAAIC,MAAAA,SAAmB,CAAE,CAAA;AAE/DC,QAAAA,UAAU,MAAM;AACRC,UAAAA,OAAOnB,iBAAiBC,MAAMC,UAAU;AAC9Cc,qBAAiBG,IAAI;AAAA,EAAA,GACpB,CAAClB,MAAMC,UAAU,CAAC;AAEda,SAAAA;AACT;;"}
+{"version":3,"file":"useSelectionPath.cjs","sources":["../../../src/hooks/useSelectionPath.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { HvHeaderNavigationItemProp } from \"components\";\n\nconst getSelectionPath = (\n  data: HvHeaderNavigationItemProp[] | undefined,\n  selectedId: string,\n  selection: string[] = [],\n  idx: number = -1,\n  parent: HvHeaderNavigationItemProp[] = []\n): string[] => {\n  data?.forEach((item: HvHeaderNavigationItemProp, i) => {\n    const hasData = item.data && item.data.length;\n    const isSelected = item.id === selectedId;\n\n    if (isSelected)\n      selection.push(...(idx > -1 ? [parent[idx].id] : []), item.id);\n    if (hasData) getSelectionPath(item.data, selectedId, selection, i, data);\n  });\n\n  return selection;\n};\n\nexport const useSelectionPath = (data, selectedId): string[] => {\n  const [selectionPath, setSelectionPath] = useState<string[]>([]);\n\n  useEffect(() => {\n    const path = getSelectionPath(data, selectedId);\n    setSelectionPath(path);\n  }, [data, selectedId]);\n\n  return selectionPath;\n};\n"],"names":["getSelectionPath","data","selectedId","selection","idx","parent","forEach","item","i","hasData","length","isSelected","id","push","useSelectionPath","selectionPath","setSelectionPath","useState","useEffect","path"],"mappings":";;;AAGA,MAAMA,mBAAmBA,CACvBC,MACAC,YACAC,YAAsB,IACtBC,MAAc,IACdC,SAAuC,OAC1B;AACPC,+BAAAA,QAAQ,CAACC,MAAkCC,MAAM;AACrD,UAAMC,UAAUF,KAAKN,QAAQM,KAAKN,KAAKS;AACjCC,UAAAA,aAAaJ,KAAKK,OAAOV;AAE3BS,QAAAA;AACFR,gBAAUU,KAAK,GAAIT,MAAM,KAAK,CAACC,OAAOD,GAAG,EAAEQ,EAAE,IAAI,CAAE,GAAGL,KAAKK,EAAE;AAC3DH,QAAAA;AAAST,uBAAiBO,KAAKN,MAAMC,YAAYC,WAAWK,GAAGP,IAAI;AAAA,EAAA;AAGlEE,SAAAA;AACT;AAEaW,MAAAA,mBAAmBA,CAACb,MAAMC,eAAyB;AAC9D,QAAM,CAACa,eAAeC,gBAAgB,IAAIC,MAAAA,SAAmB,CAAE,CAAA;AAE/DC,QAAAA,UAAU,MAAM;AACRC,UAAAA,OAAOnB,iBAAiBC,MAAMC,UAAU;AAC9Cc,qBAAiBG,IAAI;AAAA,EAAA,GACpB,CAAClB,MAAMC,UAAU,CAAC;AAEda,SAAAA;AACT;;"}

package/dist/cjs/hooks/useTheme.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+require("@hitachivantara/uikit-styles");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+require("@mui/material/styles");
+require("@emotion/react/jsx-runtime");
+const useTheme = () => {
+  return React.useContext(uikitReactShared.HvThemeContext);
+};
+exports.useTheme = useTheme;
+//# sourceMappingURL=useTheme.cjs.map

package/dist/cjs/hooks/useTheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.cjs","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import {\n  HvThemeContext,\n  HvThemeContextValue,\n} from \"../providers/ThemeProvider\";\nimport { useContext } from \"react\";\n\nexport const useTheme = (): HvThemeContextValue => {\n  return useContext(HvThemeContext);\n};\n"],"names":["useTheme","useContext","HvThemeContext"],"mappings":";;;;;;;AAMO,MAAMA,WAAWA,MAA2B;AACjD,SAAOC,MAAAA,WAAWC,iBAAAA,cAAc;AAClC;;"}

package/dist/cjs/hooks/useUniqueId.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUniqueId.cjs","sources":["../../../src/hooks/useUniqueId.ts"],"sourcesContent":["import { useState } from \"react\";\nimport uniqueId from \"lodash/uniqueId\";\n\nexport default (id, idPrefix) => useState(id || uniqueId(idPrefix))[0];\n"],"names":["id","idPrefix","useState","uniqueId"],"mappings":";;;;;;AAGA,MAAA,cAAe,CAACA,IAAIC,aAAaC,eAASF,MAAMG,kBAAAA,QAASF,QAAQ,CAAC,EAAE;;"}
+{"version":3,"file":"useUniqueId.cjs","sources":["../../../src/hooks/useUniqueId.ts"],"sourcesContent":["import { useState } from \"react\";\nimport uniqueId from \"lodash/uniqueId\";\n\nexport default (id, idPrefix) => useState(id || uniqueId(idPrefix))[0];\n"],"names":["id","idPrefix","useState","uniqueId"],"mappings":";;;;;;AAGA,MAAA,cAAe,CAACA,IAAIC,aAAaC,eAASF,MAAMG,kBAAAA,QAASF,QAAQ,CAAC,EAAE,CAAC;;"}

package/dist/cjs/hooks/useWidth.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const material = require("@mui/material");
 const useWidth = () => {

package/dist/cjs/index.cjs

@@ -1,10 +1,13 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const useTable = require("./components/Table/hooks/useTable.cjs");
 require("./components/Table/hooks/useGlobalFilter.cjs");
 require("./components/Table/hooks/useFilters.cjs");
 const useForkRef = require("./hooks/useForkRef.cjs");
+const useComputation = require("./hooks/useComputation.cjs");
 const Random = require("./utils/Random.cjs");
+const typographyClasses = require("./components/Typography/typographyClasses.cjs");
 const Typography = require("./components/Typography/Typography.cjs");
 const Box = require("./components/Box/Box.cjs");
 const focusClasses = require("./components/Focus/focusClasses.cjs");
@@ -70,16 +73,18 @@ const emptyStateClasses = require("./components/EmptyState/emptyStateClasses.cjs
 const EmptyState = require("./components/EmptyState/EmptyState.cjs");
 const footerClasses = require("./components/Footer/footerClasses.cjs");
 const Footer = require("./components/Footer/Footer.cjs");
+const gridClasses = require("./components/Grid/gridClasses.cjs");
 const Grid = require("./components/Grid/Grid.cjs");
+const headerClasses$1 = require("./components/Header/headerClasses.cjs");
 const Header$1 = require("./components/Header/Header.cjs");
 const actionsClasses$1 = require("./components/Header/Actions/actionsClasses.cjs");
 const Actions$1 = require("./components/Header/Actions/Actions.cjs");
 const brandClasses = require("./components/Header/Brand/brandClasses.cjs");
 const Brand = require("./components/Header/Brand/Brand.cjs");
 const navigationClasses = require("./components/Header/Navigation/navigationClasses.cjs");
-const Navigation = require("./components/Header/Navigation/Navigation.cjs");
 const MenuBar = require("./components/Header/Navigation/MenuBar/MenuBar.cjs");
 const MenuItem = require("./components/Header/Navigation/MenuItem/MenuItem.cjs");
+const Navigation = require("./components/Header/Navigation/Navigation.cjs");
 const kpiClasses = require("./components/Kpi/kpiClasses.cjs");
 const Kpi = require("./components/Kpi/Kpi.cjs");
 const linkClasses = require("./components/Link/linkClasses.cjs");
@@ -147,22 +152,22 @@ const actionsGenericClasses = require("./components/ActionsGeneric/actionsGeneri
 const ActionsGeneric = require("./components/ActionsGeneric/ActionsGeneric.cjs");
 const breadCrumbClasses = require("./components/BreadCrumb/breadCrumbClasses.cjs");
 const BreadCrumb = require("./components/BreadCrumb/BreadCrumb.cjs");
-const pathElementClasses = require("./components/BreadCrumb/PathElement/pathElementClasses.cjs");
-const PathElement = require("./components/BreadCrumb/PathElement/PathElement.cjs");
-const pageClasses = require("./components/BreadCrumb/Page/pageClasses.cjs");
-const Page = require("./components/BreadCrumb/Page/Page.cjs");
 const dotPaginationClasses = require("./components/DotPagination/dotPaginationClasses.cjs");
 const DotPagination = require("./components/DotPagination/DotPagination.cjs");
 const bannerClasses = require("./components/Banner/bannerClasses.cjs");
 const Banner = require("./components/Banner/Banner.cjs");
-const SnackbarContentWrapper = require("./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs");
+const bannerContentClasses = require("./components/Banner/BannerContent/bannerContentClasses.cjs");
+const BannerContent = require("./components/Banner/BannerContent/BannerContent.cjs");
+const snackbarClasses = require("./components/Snackbar/snackbarClasses.cjs");
+const Snackbar = require("./components/Snackbar/Snackbar.cjs");
 const SnackbarProvider = require("./components/Snackbar/SnackbarProvider/SnackbarProvider.cjs");
 const snackbarContentWrapperClasses = require("./components/Snackbar/SnackbarContentWrapper/snackbarContentWrapperClasses.cjs");
-const Snackbar = require("./components/Snackbar/Snackbar.cjs");
+const SnackbarContentWrapper = require("./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs");
 const bulkActionsClasses = require("./components/BulkActions/bulkActionsClasses.cjs");
 const BulkActions = require("./components/BulkActions/BulkActions.cjs");
 const globalActionsClasses = require("./components/GlobalActions/globalActionsClasses.cjs");
 const GlobalActions = require("./components/GlobalActions/GlobalActions.cjs");
+const dropdownClasses = require("./components/Dropdown/dropdownClasses.cjs");
 const Dropdown = require("./components/Dropdown/Dropdown.cjs");
 const tableClasses = require("./components/Table/tableClasses.cjs");
 const Table = require("./components/Table/Table.cjs");
@@ -178,7 +183,6 @@ const tableRowClasses = require("./components/Table/TableRow/tableRowClasses.cjs
 const TableRow = require("./components/Table/TableRow/TableRow.cjs");
 const tableCellClasses = require("./components/Table/TableCell/tableCellClasses.cjs");
 const TableCell = require("./components/Table/TableCell/TableCell.cjs");
-const useTable = require("./components/Table/hooks/useTable.cjs");
 const useTableStyles = require("./components/Table/hooks/useTableStyles.cjs");
 const useSortBy = require("./components/Table/hooks/useSortBy.cjs");
 const useSticky = require("./components/Table/hooks/useSticky.cjs");
@@ -189,7 +193,38 @@ const useRowExpand = require("./components/Table/hooks/useRowExpand.cjs");
 const useHeaderGroups = require("./components/Table/hooks/useHeaderGroups.cjs");
 const useResizeColumns = require("./components/Table/hooks/useResizeColumns.cjs");
 const reactTable = require("react-table");
+const renderers = require("./components/Table/renderers/renderers.cjs");
+const DateColumnCell = require("./components/Table/renderers/DateColumnCell/DateColumnCell.cjs");
+const DropdownColumnCell = require("./components/Table/renderers/DropdownColumnCell/DropdownColumnCell.cjs");
+const ProgressColumnCell = require("./components/Table/renderers/ProgressColumnCell/ProgressColumnCell.cjs");
+const SwitchColumnCell = require("./components/Table/renderers/SwitchColumnCell/SwitchColumnCell.cjs");
 const fallbacks = require("./components/Table/utils/fallbacks.cjs");
+const loginClasses = require("./components/Login/loginClasses.cjs");
+const Login = require("./components/Login/Login.cjs");
+const controlClasses = require("./components/Controls/controlClasses.cjs");
+const Controls = require("./components/Controls/Controls.cjs");
+const leftControlClasses = require("./components/Controls/LeftControl/leftControlClasses.cjs");
+const LeftControl = require("./components/Controls/LeftControl/LeftControl.cjs");
+const rightControlClasses = require("./components/Controls/RightControl/rightControlClasses.cjs");
+const RightControl = require("./components/Controls/RightControl/RightControl.cjs");
+const calendarClasses = require("./components/Calendar/calendarClasses.cjs");
+const Calendar = require("./components/Calendar/Calendar.cjs");
+const calendarHeaderClasses = require("./components/Calendar/CalendarHeader/calendarHeaderClasses.cjs");
+const CalendarHeader = require("./components/Calendar/CalendarHeader/CalendarHeader.cjs");
+const verticalNavigationClasses = require("./components/VerticalNavigation/verticalNavigationClasses.cjs");
+const VerticalNavigation = require("./components/VerticalNavigation/VerticalNavigation.cjs");
+const headerClasses$2 = require("./components/VerticalNavigation/Header/headerClasses.cjs");
+const Header$2 = require("./components/VerticalNavigation/Header/Header.cjs");
+const actionClasses$1 = require("./components/VerticalNavigation/Actions/actionClasses.cjs");
+const actionsClasses$2 = require("./components/VerticalNavigation/Actions/actionsClasses.cjs");
+const Actions$2 = require("./components/VerticalNavigation/Actions/Actions.cjs");
+const Action$1 = require("./components/VerticalNavigation/Actions/Action.cjs");
+const navigationClasses$1 = require("./components/VerticalNavigation/Navigation/navigationClasses.cjs");
+const Navigation$1 = require("./components/VerticalNavigation/Navigation/Navigation.cjs");
+const treeViewClasses = require("./components/VerticalNavigation/TreeView/treeViewClasses.cjs");
+const treeViewItemClasses = require("./components/VerticalNavigation/TreeView/treeViewItemClasses.cjs");
+const TreeView = require("./components/VerticalNavigation/TreeView/TreeView.cjs");
+const TreeViewItem = require("./components/VerticalNavigation/TreeView/TreeViewItem.cjs");
 const useUniqueId = require("./hooks/useUniqueId.cjs");
 const useIsMounted = require("./hooks/useIsMounted.cjs");
 const useClickOutside = require("./hooks/useClickOutside.cjs");
@@ -198,7 +233,10 @@ const useImageLoaded = require("./hooks/useImageLoaded.cjs");
 const useSelectionPath = require("./hooks/useSelectionPath.cjs");
 const useWidth = require("./hooks/useWidth.cjs");
 const useLabels = require("./hooks/useLabels.cjs");
+const useTheme = require("./hooks/useTheme.cjs");
+const useEnhancedEffect = require("./hooks/useEnhancedEffect.cjs");
 const Provider = require("./providers/Provider.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const ThemeProvider = require("./providers/ThemeProvider.cjs");
 const iconVariant = require("./utils/iconVariant.cjs");
 const hexToRgbA = require("./utils/hexToRgbA.cjs");
@@ -212,9 +250,17 @@ const sizes = require("./utils/sizes.cjs");
 const theme = require("./utils/theme.cjs");
 const setId = require("./utils/setId.cjs");
 const classes = require("./utils/classes.cjs");
-Object.defineProperty(exports, "makeTheme", {
+const focusableElementFinder = require("./utils/focusableElementFinder.cjs");
+const wrapperTooltip = require("./utils/wrapperTooltip.cjs");
+const withTooltip = require("./hocs/withTooltip.cjs");
+const withId = require("./hocs/withId.cjs");
+Object.defineProperty(exports, "ds3", {
   enumerable: true,
-  get: () => uikitStyles.makeTheme
+  get: () => uikitStyles.ds3
+});
+Object.defineProperty(exports, "ds5", {
+  enumerable: true,
+  get: () => uikitStyles.ds5
 });
 Object.defineProperty(exports, "theme", {
   enumerable: true,
@@ -224,8 +270,12 @@ Object.defineProperty(exports, "themes", {
   enumerable: true,
   get: () => uikitStyles.themes
 });
+exports.useHvData = useTable.default;
+exports.useHvTable = useTable.default;
 exports.useForkRef = useForkRef.default;
+exports.useComputation = useComputation.default;
 exports.Random = Random.default;
+exports.typographyClasses = typographyClasses.default;
 exports.HvTypography = Typography.HvTypography;
 exports.HvBox = Box.HvBox;
 exports.focusClasses = focusClasses.default;
@@ -283,35 +333,37 @@ exports.HvButton = Button.HvButton;
 exports.cardClasses = cardClasses.default;
 exports.HvCard = Card.HvCard;
 exports.cardHeaderClasses = headerClasses.default;
-exports.HvCardHeader = Header.HvHeader;
+exports.HvCardHeader = Header.HvCardHeader;
 exports.cardContentClasses = contentClasses.default;
-exports.HvCardContent = Content.HvContent;
+exports.HvCardContent = Content.HvCardContent;
 exports.cardMediaClasses = mediaClasses.default;
-exports.HvCardMedia = Media.HvMedia;
+exports.HvCardMedia = Media.HvCardMedia;
 exports.containerClasses = containerClasses.default;
 exports.HvContainer = Container.HvContainer;
 exports.dialogClasses = dialogClasses.default;
 exports.dialogTitleClasses = titleClasses.default;
-exports.HvDialogTitle = Title.HvTitle;
+exports.HvDialogTitle = Title.HvDialogTitle;
 exports.dialogContentClasses = contentClasses$1.default;
-exports.HvDialogContent = Content$1.HvContent;
+exports.HvDialogContent = Content$1.HvDialogContent;
 exports.dialogActionClasses = actionsClasses.default;
-exports.HvDialogActions = Actions.HvActions;
+exports.HvDialogActions = Actions.HvDialogActions;
 exports.HvDialog = Dialog.HvDialog;
 exports.emptyStateClasses = emptyStateClasses.default;
 exports.HvEmptyState = EmptyState.HvEmptyState;
 exports.footerClasses = footerClasses.default;
 exports.HvFooter = Footer.HvFooter;
+exports.gridClasses = gridClasses.default;
 exports.HvGrid = Grid.HvGrid;
+exports.headerClasses = headerClasses$1.default;
 exports.HvHeader = Header$1.HvHeader;
 exports.headerActionsClasses = actionsClasses$1.default;
-exports.HvHeaderActions = Actions$1.HvActions;
+exports.HvHeaderActions = Actions$1.HvHeaderActions;
 exports.headerBrandClasses = brandClasses.default;
-exports.HvHeaderBrand = Brand.HvBrand;
+exports.HvHeaderBrand = Brand.HvHeaderBrand;
 exports.headerNavigationClasses = navigationClasses.default;
-exports.HvHeaderNavigation = Navigation.HvNavigation;
 exports.HvHeaderMenuBar = MenuBar.HvMenuBar;
 exports.HvHeaderMenuItem = MenuItem.HvMenuItem;
+exports.HvHeaderNavigation = Navigation.HvHeaderNavigation;
 exports.kpiClasses = kpiClasses.default;
 exports.HvKpi = Kpi.HvKpi;
 exports.linkClasses = linkClasses.default;
@@ -346,7 +398,7 @@ exports.getSelectorIcons = BaseRadio.getSelectorIcons;
 exports.appSwitcherClasses = appSwitcherClasses.default;
 exports.HvAppSwitcher = AppSwitcher.HvAppSwitcher;
 exports.appSwitcherActionClasses = actionClasses.default;
-exports.HvAppSwitcherAction = Action.HvAction;
+exports.HvAppSwitcherAction = Action.HvAppSwitcherAction;
 exports.baseSwitchClasses = baseSwitchClasses.default;
 exports.HvBaseSwitch = BaseSwitch.HvBaseSwitch;
 exports.checkBoxClasses = checkBoxClasses.default;
@@ -380,23 +432,23 @@ exports.actionsGenericClasses = actionsGenericClasses.default;
 exports.HvActionsGeneric = ActionsGeneric.HvActionsGeneric;
 exports.breadCrumbClasses = breadCrumbClasses.default;
 exports.HvBreadCrumb = BreadCrumb.HvBreadCrumb;
-exports.pathElementClasses = pathElementClasses.default;
-exports.HvPathElement = PathElement.HvPathElement;
-exports.pageClasses = pageClasses.default;
-exports.HvPage = Page.HvPage;
 exports.dotPaginationClasses = dotPaginationClasses.default;
 exports.HvDotPagination = DotPagination.HvDotPagination;
 exports.bannerClasses = bannerClasses.default;
 exports.HvBanner = Banner.HvBanner;
-exports.HvSnackbarContent = SnackbarContentWrapper.default;
+exports.bannerContentClasses = bannerContentClasses.default;
+exports.HvBannerContent = BannerContent.HvBannerContent;
+exports.snackbarClasses = snackbarClasses.default;
+exports.HvSnackbar = Snackbar.HvSnackbar;
 exports.HvSnackbarProvider = SnackbarProvider.default;
 exports.useHvSnackbar = SnackbarProvider.useHvSnackbar;
-exports.snackbarContentWrapperClasses = snackbarContentWrapperClasses.default;
-exports.HvSnackbar = Snackbar.HvSnackbar;
+exports.snackbarContentClasses = snackbarContentWrapperClasses.default;
+exports.HvSnackbarContent = SnackbarContentWrapper.default;
 exports.bulkActionsClasses = bulkActionsClasses.default;
 exports.HvBulkActions = BulkActions.HvBulkActions;
 exports.globalActionsClasses = globalActionsClasses.default;
 exports.HvGlobalActions = GlobalActions.HvGlobalActions;
+exports.dropdownClasses = dropdownClasses.default;
 exports.HvDropdown = Dropdown.HvDropdown;
 exports.tableClasses = tableClasses.default;
 exports.HvTable = Table.HvTable;
@@ -412,17 +464,32 @@ exports.tableRowClasses = tableRowClasses.default;
 exports.HvTableRow = TableRow.HvTableRow;
 exports.tableCellClasses = tableCellClasses.default;
 exports.HvTableCell = TableCell.HvTableCell;
-exports.useHvData = useTable.default;
-exports.useHvTable = useTable.default;
+exports.getHeaderFooterPropsHook = useTableStyles.getHeaderFooterPropsHook;
 exports.useHvTableStyles = useTableStyles.default;
 exports.useHvSortBy = useSortBy.default;
+exports.getHeaderGroupPropsHook = useSticky.getHeaderGroupPropsHook;
+exports.getTableHeadPropsHook = useSticky.getTableHeadPropsHook;
 exports.useHvTableSticky = useSticky.default;
+exports.defaultGetHvPaginationProps = usePagination.defaultGetHvPaginationProps;
 exports.useHvPagination = usePagination.default;
+exports.CellWithCheckBox = useRowSelection.CellWithCheckBox;
+exports.defaultGetToggleAllPageRowsSelectedProps = useRowSelection.defaultGetToggleAllPageRowsSelectedProps;
+exports.defaultGetToggleAllRowsSelectedProps = useRowSelection.defaultGetToggleAllRowsSelectedProps;
+exports.defaultGetToggleRowSelectedProps = useRowSelection.defaultGetToggleRowSelectedProps;
+exports.prepareRow = useRowSelection.prepareRow;
+exports.reducer = useRowSelection.reducer;
 exports.useHvRowSelection = useRowSelection.default;
+exports.useInstance = useRowSelection.useInstance;
+exports.defaultgetHvBulkActionsProps = useBulkActions.defaultgetHvBulkActionsProps;
 exports.useHvBulkActions = useBulkActions.default;
+exports.CellWithExpandButton = useRowExpand.CellWithExpandButton;
 exports.useHvRowExpand = useRowExpand.default;
 exports.useHvHeaderGroups = useHeaderGroups.default;
 exports.useHvResizeColumns = useResizeColumns.default;
+Object.defineProperty(exports, "HvTablePluginHook", {
+  enumerable: true,
+  get: () => reactTable.PluginHook
+});
 Object.defineProperty(exports, "useHvFilters", {
   enumerable: true,
   get: () => reactTable.useFilters
@@ -431,9 +498,49 @@ Object.defineProperty(exports, "useHvGlobalFilter", {
   enumerable: true,
   get: () => reactTable.useGlobalFilter
 });
+exports.hvDateColumn = renderers.hvDateColumn;
+exports.hvDropdownColumn = renderers.hvDropdownColumn;
+exports.hvExpandColumn = renderers.hvExpandColumn;
+exports.hvNumberColumn = renderers.hvNumberColumn;
+exports.hvProgressColumn = renderers.hvProgressColumn;
+exports.hvSwitchColumn = renderers.hvSwitchColumn;
+exports.hvTagColumn = renderers.hvTagColumn;
+exports.hvTextColumn = renderers.hvTextColumn;
+exports.HvDateColumnCell = DateColumnCell.default;
+exports.HvDropdownColumnCell = DropdownColumnCell.default;
+exports.HvProgressColumnCell = ProgressColumnCell.default;
+exports.normalizeProgressBar = ProgressColumnCell.normalizeProgressBar;
+exports.HvSwitchColumnCell = SwitchColumnCell.default;
 exports.hvNodeFallback = fallbacks.hvNodeFallback;
 exports.hvNumberFallback = fallbacks.hvNumberFallback;
 exports.hvStringFallback = fallbacks.hvStringFallback;
+exports.loginClasses = loginClasses.default;
+exports.HvLogin = Login.HvLogin;
+exports.controlsClasses = controlClasses.default;
+exports.HvControls = Controls.HvControls;
+exports.leftControlClasses = leftControlClasses.default;
+exports.HvLeftControl = LeftControl.HvLeftControl;
+exports.rightControlClasses = rightControlClasses.default;
+exports.HvRightControl = RightControl.HvRightControl;
+exports.calendarClasses = calendarClasses.default;
+exports.HvCalendar = Calendar.HvCalendar;
+exports.calendarHeaderClasses = calendarHeaderClasses.default;
+exports.HvCalendarHeader = CalendarHeader.HvCalendarHeader;
+exports.verticalNavigationClasses = verticalNavigationClasses.default;
+exports.HvVerticalNavigation = VerticalNavigation.HvVerticalNavigation;
+exports.VerticalNavigationContext = VerticalNavigation.VerticalNavigationContext;
+exports.verticalNavigationHeaderClasses = headerClasses$2.default;
+exports.HvVerticalNavigationHeader = Header$2.HvVerticalNavigationHeader;
+exports.actionClasses = actionClasses$1.default;
+exports.actionsClasses = actionsClasses$2.default;
+exports.HvVerticalNavigationActions = Actions$2.HvVerticalNavigationActions;
+exports.HvVerticalNavigationAction = Action$1.HvVerticalNavigationAction;
+exports.verticalNavigationTreeClasses = navigationClasses$1.default;
+exports.HvVerticalNavigationTree = Navigation$1.HvVerticalNavigationTree;
+exports.treeViewClasses = treeViewClasses.default;
+exports.treeViewItemClasses = treeViewItemClasses.default;
+exports.HvVerticalNavigationTreeView = TreeView.HvVerticalNavigationTreeView;
+exports.HvVerticalNavigationTreeViewItem = TreeViewItem.HvVerticalNavigationTreeViewItem;
 exports.useUniqueId = useUniqueId.default;
 exports.useIsMounted = useIsMounted.default;
 exports.useClickOutside = useClickOutside.useClickOutside;
@@ -442,8 +549,13 @@ exports.useImageLoaded = useImageLoaded.useImageLoaded;
 exports.useSelectionPath = useSelectionPath.useSelectionPath;
 exports.useWidth = useWidth.useWidth;
 exports.useLabels = useLabels.useLabels;
+exports.useTheme = useTheme.useTheme;
+exports.useEnhancedEffect = useEnhancedEffect.useEnhancedEffect;
 exports.HvProvider = Provider.HvProvider;
-exports.HvThemeContext = ThemeProvider.HvThemeContext;
+Object.defineProperty(exports, "HvThemeContext", {
+  enumerable: true,
+  get: () => uikitReactShared.HvThemeContext
+});
 exports.HvThemeProvider = ThemeProvider.HvThemeProvider;
 exports.iconVariant = iconVariant.default;
 exports.hexToRgbA = hexToRgbA.default;
@@ -457,9 +569,16 @@ exports.isKeycode = keyCheck.isKeycode;
 exports.isKeypress = keyCheck.isKeypress;
 exports.decreaseSize = sizes.decreaseSize;
 exports.increaseSize = sizes.increaseSize;
-exports.parseThemes = theme.parseThemes;
+exports.createTheme = theme.createTheme;
+exports.processThemes = theme.processThemes;
 exports.setElementAttrs = theme.setElementAttrs;
 exports.setId = setId.setId;
 exports.setUid = setId.setUid;
 exports.getClasses = classes.getClasses;
+exports.getFirstAndLastFocus = focusableElementFinder.getFirstAndLastFocus;
+exports.getFocusableList = focusableElementFinder.getFocusableList;
+exports.getPrevNextFocus = focusableElementFinder.getPrevNextFocus;
+exports.wrapperTooltip = wrapperTooltip.wrapperTooltip;
+exports.withTooltip = withTooltip.default;
+exports.withId = withId.default;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/providers/Provider.cjs

@@ -1,37 +1,32 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const react = require("@emotion/react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const ThemeProvider = require("./ThemeProvider.cjs");
+const emotion = require("../utils/emotion.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const theme = require("../utils/theme.cjs");
 const HvProvider = ({
   children,
   rootElementId,
   enableCssBaseline = true,
-  theme: theme$1 = {}
+  themes,
+  theme: theme$1,
+  colorMode
 }) => {
-  const {
-    baseTheme = "ds5",
-    baseColorMode = "dawn",
-    name,
-    ...customizations
-  } = theme$1;
-  const themes = theme.parseThemes(baseTheme, name, customizations);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  const themesList = theme.processThemes(themes);
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.CacheProvider, {
+    value: emotion.emotionCache,
     children: [/* @__PURE__ */ jsxRuntime.jsx(react.Global, {
-      styles: /* @__PURE__ */ react.css(enableCssBaseline && uikitStyles.CssBaseline, " ", uikitStyles.getThemesVars(themes), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVtQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IENzc0Jhc2VsaW5lLCBnZXRUaGVtZXNWYXJzIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHBhcnNlVGhlbWVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyBIdlRoZW1lIH0gZnJvbSBcIi4uL3R5cGVzL3RoZW1lXCI7XG5pbXBvcnQgeyBIdlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi9UaGVtZVByb3ZpZGVyXCI7XG5cbi8vIFByb3ZpZGVyIHByb3BzXG5leHBvcnQgdHlwZSBIdlByb3ZpZGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBZb3VyIGNvbXBvbmVudCB0cmVlLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSBiYXNlbGluZSBzdHlsZXMgYXJlIGFwcGxpZWQgZ2xvYmFsbHkgdG8gdGhlIGFwcGxpY2F0aW9uIHRvIGF2b2lkIHN0eWxpbmcgY29uZmxpY3RzIGFuZCBmb3IgdGhlIFVJIEtpdCBjb21wb25lbnRzIHRvIHdvcmsgcHJvcGVybHkuXG4gICAqIElmIHlvdSBhcmUgcHJvdmlkaW5nIHlvdXIgb3duIGJhc2VsaW5lIHN0eWxlcywgeW91IGNhbiBzZXQgdGhpcyBwcm9wZXJ0eSB0byBmYWxzZS5cbiAgICovXG4gIGVuYWJsZUNzc0Jhc2VsaW5lPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIElkIG9mIHlvdXIgcm9vdCBlbGVtZW50LiBUaGUgdGhlbWUncyBhdHRyaWJ1dGVzIGFuZCBDU1MgdmFyaWFibGVzIHdpbGwgYmUgc2V0IGluIHRoaXMgZWxlbWVudC5cbiAgICogSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQsIHRoZSBkb2N1bWVudCdzIGJvZHkgd2lsbCBiZSB1c2VkLlxuICAgKi9cbiAgcm9vdEVsZW1lbnRJZD86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBVSSBLaXQgdGhlbWUgb2JqZWN0IHVzZWQgdG8gc2V0IHRoZSB0aGVtZSBhbmQgaW5qZWN0IHRoZSBjdXN0b21pemF0aW9ucyBuZWVkZWQgdG8gbWVldCBzcGVjaWZpYyBkZXNpZ24gbmVlZHMuXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZGVmYXVsdCB0aGVtZSBhbmQgbW9kZSB3aWxsIGJlIGBcImRzNVwiYCBhbmQgYFwiZGF3blwiYCwgcmVzcGVjdGl2ZWx5LlxuICAgKi9cbiAgdGhlbWU/OiBIdlRoZW1lO1xufTtcblxuLyoqXG4gKiBUaGlzIGNvbXBvbmVudCBtYWtlcyBjcm9zcy1jb21wb25lbnQgdGhlbWUgcHJvcGVydGllcyBhdmFpbGFibGUgZG93biB0aGUgUmVhY3QgdHJlZSB0aGFua3MgdG8gUmVhY3QgY29udGV4dC5cbiAqXG4gKiBUaGUgYEh2UHJvdmlkZXJgIHNob3VsZCBwcmVmZXJhYmx5IGJlIHVzZWQgYXQgKip0aGUgcm9vdCBvZiB5b3VyIGNvbXBvbmVudCB0cmVlKiogYW5kXG4gKiBiZSB1bmlxdWUgaW4gdGhlIEFwcCBpbiBtb3N0IGNhc2VzLlxuICpcbiAqIGBgYGpzeFxuICogPEh2UHJvdmlkZXI+XG4gKiAgIDxNeUFwcCAvPlxuICogPEh2UHJvdmlkZXIvPlxuICogYGBgXG4gKlxuICogSWYgc2V2ZXJhbCBgSHZQcm92aWRlcmAncyBhcmUgdXNlZCBpbiBwYXJhbGxlbCwgeW91J2xsIG5lZWQgdG8gY3JlYXRlIGRpZmZlcmVudCByb290IGVsZW1lbnRzIGFuZFxuICogc2V0IHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkgZm9yIGVhY2ggb25lIG9mIHRoZSBwcm92aWRlcnMuIE90aGVyd2lzZSwgdGhlIHN0eWxpbmcgd2lsbCBub3Qgd29yayBwcm9wZXJseS5cbiAqXG4gKiAqKlVJIEtpdCBjb21wb25lbnRzIHdpbGwgbm90IHdvcmsgYXQgYWxsIGlmIHRoZSBgSHZQcm92aWRlcmAgaXMgbm90IGNvbmZpZ3VyZWQgY29ycmVjdGx5KiosXG4gKiBhcyB0aGV5IHdpbGwgbm90IGJlIGFibGUgdG8gYWNjZXNzIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBhY3RpdmUgdGhlbWUuXG4gKlxuICovXG5leHBvcnQgY29uc3QgSHZQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICByb290RWxlbWVudElkLFxuICBlbmFibGVDc3NCYXNlbGluZSA9IHRydWUsXG4gIHRoZW1lID0ge30sXG59OiBIdlByb3ZpZGVyUHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGJhc2VUaGVtZSA9IFwiZHM1XCIsXG4gICAgYmFzZUNvbG9yTW9kZSA9IFwiZGF3blwiLFxuICAgIG5hbWUsXG4gICAgLi4uY3VzdG9taXphdGlvbnNcbiAgfSA9IHRoZW1lO1xuXG4gIC8vIEdldCB0aGVtZXMgbGlzdFxuICBjb25zdCB0aGVtZXMgPSBwYXJzZVRoZW1lcyhiYXNlVGhlbWUsIG5hbWUsIGN1c3RvbWl6YXRpb25zKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICR7ZW5hYmxlQ3NzQmFzZWxpbmUgJiYgQ3NzQmFzZWxpbmV9XG4gICAgICAgICAgJHtnZXRUaGVtZXNWYXJzKHRoZW1lcyl9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEh2VGhlbWVQcm92aWRlclxuICAgICAgICB0aGVtZXM9e3RoZW1lc31cbiAgICAgICAgdGhlbWU9e25hbWUgfHwgYmFzZVRoZW1lfVxuICAgICAgICBjb2xvck1vZGU9e2Jhc2VDb2xvck1vZGV9XG4gICAgICAgIHJvb3RFbGVtZW50SWQ9e3Jvb3RFbGVtZW50SWR9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvSHZUaGVtZVByb3ZpZGVyPlxuICAgIDwvPlxuICApO1xufTtcblxuaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICBIdlByb3ZpZGVyLmRpc3BsYXlOYW1lID0gXCJQcm92aWRlclwiO1xufVxuIl19 */")
+      styles: /* @__PURE__ */ react.css(enableCssBaseline && uikitStyles.CssBaseline, " ", uikitStyles.getThemesVars(themesList), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVtQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwsIENhY2hlUHJvdmlkZXIgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7XG4gIENzc0Jhc2VsaW5lLFxuICBnZXRUaGVtZXNWYXJzLFxuICBIdlRoZW1lU3RydWN0dXJlLFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgcHJvY2Vzc1RoZW1lcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgSHZUaGVtZSB9IGZyb20gXCIuLi90eXBlcy90aGVtZVwiO1xuaW1wb3J0IHsgSHZUaGVtZVByb3ZpZGVyIH0gZnJvbSBcIi4vVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHsgZW1vdGlvbkNhY2hlIH0gZnJvbSBcInV0aWxzL2Vtb3Rpb25cIjtcblxuLy8gUHJvdmlkZXIgcHJvcHNcbmV4cG9ydCB0eXBlIEh2UHJvdmlkZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFlvdXIgY29tcG9uZW50IHRyZWUuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEJ5IGRlZmF1bHQgdGhlIGJhc2VsaW5lIHN0eWxlcyBhcmUgYXBwbGllZCBnbG9iYWxseSB0byB0aGUgYXBwbGljYXRpb24gdG8gYXZvaWQgc3R5bGluZyBjb25mbGljdHMgYW5kIGZvciB0aGUgVUkgS2l0IGNvbXBvbmVudHMgdG8gd29yayBwcm9wZXJseS5cbiAgICogSWYgeW91IGFyZSBwcm92aWRpbmcgeW91ciBvd24gYmFzZWxpbmUgc3R5bGVzLCB5b3UgY2FuIHNldCB0aGlzIHByb3BlcnR5IHRvIGZhbHNlLlxuICAgKi9cbiAgZW5hYmxlQ3NzQmFzZWxpbmU/OiBib29sZWFuO1xuICAvKipcbiAgICogSWQgb2YgeW91ciByb290IGVsZW1lbnQuIFRoZSB0aGVtZSdzIGF0dHJpYnV0ZXMgYW5kIENTUyB2YXJpYWJsZXMgd2lsbCBiZSBzZXQgaW4gdGhpcyBlbGVtZW50LlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGRvY3VtZW50J3MgYm9keSB3aWxsIGJlIHVzZWQuXG4gICAqL1xuICByb290RWxlbWVudElkPzogc3RyaW5nO1xuICAvKipcbiAgICogTGlzdCBvZiB0aGVtZXMgdG8gYmUgdXNlZCBieSBVSSBLaXQuXG4gICAqIFlvdSBjYW4gcHJvdmlkZSB5b3VyIG93biB0aGVtZXMgY3JlYXRlZCB3aXRoIHRoZSBgY3JlYXRlVGhlbWVgIHV0aWxpdHkgYW5kL29yIHRoZSBkZWZhdWx0IHRoZW1lcyBgZHMzYCBhbmQgYGRzNWAgcHJvdmlkZWQgYnkgVUkgS2l0LlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGBkczVgIHRoZW1lIHdpbGwgYmUgdXNlZC5cbiAgICovXG4gIHRoZW1lcz86IChIdlRoZW1lIHwgSHZUaGVtZVN0cnVjdHVyZSlbXTtcbiAgLyoqXG4gICAqIFRoZSBhY3RpdmUgdGhlbWUuIEl0IG11c3QgYmUgb25lIG9mIHRoZSB0aGVtZXMgcGFzc2VkIHRvIGB0aGVtZXNgLlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGZpcnN0IHRoZW1lIGZyb20gdGhlIGB0aGVtZXNgIGxpc3QgaXMgdXNlZC4gSWYgbm8gYHRoZW1lc2AgbGlzdCBpcyBwcm92aWRlZCwgdGhlIGBkczVgIHRoZW1lIHdpbGwgYmUgdXNlZC5cbiAgICovXG4gIHRoZW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGFjdGl2ZSBjb2xvciBtb2RlLiBJdCBtdXN0IGJlIG9uZSBvZiB0aGUgY29sb3IgbW9kZXMgb2YgdGhlIGFjdGl2ZSB0aGVtZS5cbiAgICpcbiAgICogSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQsIHRoZSBmaXJzdCBjb2xvciBtb2RlIGRlZmluZWQgaW4gdGhlIGFjdGl2ZSB0aGVtZSBpcyB1c2VkLlxuICAgKiBGb3IgdGhlIGRlZmF1bHQgdGhlbWVzIGBkczNgIGFuZCBgZHM1YCwgdGhlIGBkYXduYCBjb2xvciBtb2RlIGlzIHRoZSBvbmUgdXNlZC5cbiAgICovXG4gIGNvbG9yTW9kZT86IHN0cmluZztcbn07XG5cbi8qKlxuICogRW5hYmxlcyB0aGVtaW5nIGNhcGFiaWxpdGllcyBhbmQgbWFrZXMgY3Jvc3MtY29tcG9uZW50IHRoZW1lIHByb3BlcnRpZXMgYXZhaWxhYmxlIGRvd24gdGhlIHRyZWUuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlByb3ZpZGVyID0gKHtcbiAgY2hpbGRyZW4sXG4gIHJvb3RFbGVtZW50SWQsXG4gIGVuYWJsZUNzc0Jhc2VsaW5lID0gdHJ1ZSxcbiAgdGhlbWVzLFxuICB0aGVtZSxcbiAgY29sb3JNb2RlLFxufTogSHZQcm92aWRlclByb3BzKSA9PiB7XG4gIC8vIFRoZW1lc1xuICBjb25zdCB0aGVtZXNMaXN0OiAoSHZUaGVtZSB8IEh2VGhlbWVTdHJ1Y3R1cmUpW10gPSBwcm9jZXNzVGhlbWVzKHRoZW1lcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FjaGVQcm92aWRlciB2YWx1ZT17ZW1vdGlvbkNhY2hlfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgJHtlbmFibGVDc3NCYXNlbGluZSAmJiBDc3NCYXNlbGluZX1cbiAgICAgICAgICAke2dldFRoZW1lc1ZhcnModGhlbWVzTGlzdCl9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEh2VGhlbWVQcm92aWRlclxuICAgICAgICB0aGVtZXM9e3RoZW1lc0xpc3R9XG4gICAgICAgIHRoZW1lPXt0aGVtZSB8fCB0aGVtZXNMaXN0WzBdLm5hbWV9XG4gICAgICAgIGNvbG9yTW9kZT17Y29sb3JNb2RlIHx8IE9iamVjdC5rZXlzKHRoZW1lc0xpc3RbMF0uY29sb3JzLm1vZGVzKVswXX1cbiAgICAgICAgcm9vdEVsZW1lbnRJZD17cm9vdEVsZW1lbnRJZH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9IdlRoZW1lUHJvdmlkZXI+XG4gICAgPC9DYWNoZVByb3ZpZGVyPlxuICApO1xufTtcbiJdfQ== */")
     }), /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider.HvThemeProvider, {
-      themes,
-      theme: name || baseTheme,
-      colorMode: baseColorMode,
+      themes: themesList,
+      theme: theme$1 || themesList[0].name,
+      colorMode: colorMode || Object.keys(themesList[0].colors.modes)[0],
       rootElementId,
       children
     })]
   });
 };
-if (process.env.NODE_ENV !== "production") {
-  HvProvider.displayName = "Provider";
-}
 exports.HvProvider = HvProvider;
 //# sourceMappingURL=Provider.cjs.map

package/dist/cjs/providers/Provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.cjs","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import { css, Global } from \"@emotion/react\";\nimport { CssBaseline, getThemesVars } from \"@hitachivantara/uikit-styles\";\nimport { parseThemes } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\nimport { HvThemeProvider } from \"./ThemeProvider\";\n\n// Provider props\nexport type HvProviderProps = {\n  /**\n   * Your component tree.\n   */\n  children?: React.ReactNode;\n  /**\n   * By default the baseline styles are applied globally to the application to avoid styling conflicts and for the UI Kit components to work properly.\n   * If you are providing your own baseline styles, you can set this property to false.\n   */\n  enableCssBaseline?: boolean;\n  /**\n   * Id of your root element. The theme's attributes and CSS variables will be set in this element.\n   * If no value is provided, the document's body will be used.\n   */\n  rootElementId?: string;\n  /**\n   * The UI Kit theme object used to set the theme and inject the customizations needed to meet specific design needs.\n   * If no value is provided, the default theme and mode will be `\"ds5\"` and `\"dawn\"`, respectively.\n   */\n  theme?: HvTheme;\n};\n\n/**\n * This component makes cross-component theme properties available down the React tree thanks to React context.\n *\n * The `HvProvider` should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used in parallel, you'll need to create different root elements and\n * set the `rootElementId` property for each one of the providers. Otherwise, the styling will not work properly.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme.\n *\n */\nexport const HvProvider = ({\n  children,\n  rootElementId,\n  enableCssBaseline = true,\n  theme = {},\n}: HvProviderProps) => {\n  const {\n    baseTheme = \"ds5\",\n    baseColorMode = \"dawn\",\n    name,\n    ...customizations\n  } = theme;\n\n  // Get themes list\n  const themes = parseThemes(baseTheme, name, customizations);\n\n  return (\n    <>\n      <Global\n        styles={css`\n          ${enableCssBaseline && CssBaseline}\n          ${getThemesVars(themes)}\n        `}\n      />\n      <HvThemeProvider\n        themes={themes}\n        theme={name || baseTheme}\n        colorMode={baseColorMode}\n        rootElementId={rootElementId}\n      >\n        {children}\n      </HvThemeProvider>\n    </>\n  );\n};\n\nif (process.env.NODE_ENV !== \"production\") {\n  HvProvider.displayName = \"Provider\";\n}\n"],"names":["HvProvider","children","rootElementId","enableCssBaseline","theme","baseTheme","baseColorMode","name","customizations","themes","parseThemes","_Fragment","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","colorMode","displayName"],"mappings":";;;;;;;AAgDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,oBAAoB;AAAA,EACpBC,OAAAA,UAAQ,CAAC;AACM,MAAM;AACf,QAAA;AAAA,IACJC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC;AAAAA,OACGC;AAAAA,EACDJ,IAAAA;AAGJ,QAAMK,SAASC,MAAAA,YAAYL,WAAWE,MAAMC,cAAc;AAE1D,yCACEG,WAAAA,UAAA;AAAA,IAAAV,UAAA,CACEW,2BAAAA,IAACC,cAAM;AAAA,MACLC,kCACIX,qBAAqBY,yBAAW,KAChCC,YAAAA,cAAcP,MAAM,UAACQ,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,q8HAAA;AAAA,IAAA,CAEzB,GACFP,2BAAAA,IAACQ,+BAAe;AAAA,MACdX;AAAAA,MACAL,OAAOG,QAAQF;AAAAA,MACfgB,WAAWf;AAAAA,MACXJ;AAAAA,MAA6BD;AAAAA,IAAAA,CAGb,CAAA;AAAA,EAAA,CACjB;AAEP;AAEA,IAAIgB,QAAQC,IAAIC,aAAa,cAAc;AACzCnB,aAAWsB,cAAc;AAC3B;;"}
+{"version":3,"file":"Provider.cjs","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import { css, Global, CacheProvider } from \"@emotion/react\";\nimport {\n  CssBaseline,\n  getThemesVars,\n  HvThemeStructure,\n} from \"@hitachivantara/uikit-styles\";\nimport { processThemes } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\nimport { HvThemeProvider } from \"./ThemeProvider\";\nimport { emotionCache } from \"utils/emotion\";\n\n// Provider props\nexport type HvProviderProps = {\n  /**\n   * Your component tree.\n   */\n  children?: React.ReactNode;\n  /**\n   * By default the baseline styles are applied globally to the application to avoid styling conflicts and for the UI Kit components to work properly.\n   * If you are providing your own baseline styles, you can set this property to false.\n   */\n  enableCssBaseline?: boolean;\n  /**\n   * Id of your root element. The theme's attributes and CSS variables will be set in this element.\n   *\n   * If no value is provided, the document's body will be used.\n   */\n  rootElementId?: 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\n/**\n * Enables theming capabilities and makes cross-component theme properties available down the tree.\n */\nexport const HvProvider = ({\n  children,\n  rootElementId,\n  enableCssBaseline = true,\n  themes,\n  theme,\n  colorMode,\n}: HvProviderProps) => {\n  // Themes\n  const themesList: (HvTheme | HvThemeStructure)[] = processThemes(themes);\n\n  return (\n    <CacheProvider value={emotionCache}>\n      <Global\n        styles={css`\n          ${enableCssBaseline && 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        rootElementId={rootElementId}\n      >\n        {children}\n      </HvThemeProvider>\n    </CacheProvider>\n  );\n};\n"],"names":["HvProvider","children","rootElementId","enableCssBaseline","themes","theme","colorMode","themesList","processThemes","CacheProvider","value","emotionCache","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","name","Object","keys","colors","modes"],"mappings":";;;;;;;;AAqDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,oBAAoB;AAAA,EACpBC;AAAAA,EAAAA,OACAC;AAAAA,EACAC;AACe,MAAM;AAEfC,QAAAA,aAA6CC,oBAAcJ,MAAM;AAEvE,yCACGK,MAAAA,eAAa;AAAA,IAACC,OAAOC,QAAAA;AAAAA,IAAaV,UAAA,CACjCW,2BAAAA,IAACC,cAAM;AAAA,MACLC,kCACIX,qBAAqBY,yBAAW,KAChCC,YAAAA,cAAcT,UAAU,UAACU,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,y8HAAA;AAAA,IAAA,CAE7B,GACFP,2BAAAA,IAACQ,+BAAe;AAAA,MACdhB,QAAQG;AAAAA,MACRF,OAAOA,WAASE,WAAW,CAAC,EAAEc;AAAAA,MAC9Bf,WAAWA,aAAagB,OAAOC,KAAKhB,WAAW,CAAC,EAAEiB,OAAOC,KAAK,EAAE,CAAC;AAAA,MACjEvB;AAAAA,MAA6BD;AAAAA,IAAAA,CAGb,CAAA;AAAA,EAAA,CACJ;AAEpB;;"}

package/dist/cjs/providers/ThemeProvider.cjs

@@ -1,20 +1,11 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const styles = require("@mui/material/styles");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const theme = require("../utils/theme.cjs");
-const HvThemeContext = React.createContext({
-  themes: [],
-  activeTheme: void 0,
-  colorModes: [],
-  selectedTheme: "",
-  selectedMode: "",
-  changeTheme: () => {
-  },
-  rootId: void 0
-});
 const HvThemeProvider = ({
   children,
   themes: themesList,
@@ -24,18 +15,21 @@ const HvThemeProvider = ({
 }) => {
   let pTheme = uikitStyles.parseTheme(themesList, theme$1, colorMode);
   const [rootId] = React.useState(rootElementId);
-  const [activeTheme, setActiveTheme] = React.useState(themesList[pTheme.selected]);
-  const [selectedTheme, setSelectedTheme] = React.useState(pTheme.selected);
+  const [activeTheme, setActiveTheme] = React.useState(pTheme.theme);
+  const [selectedTheme, setSelectedTheme] = React.useState(pTheme.selectedTheme);
   const [selectedMode, setThemeMode] = React.useState(pTheme.selectedMode);
   const [colorModes, setColorModes] = React.useState(pTheme.colorModes);
-  const [themes] = React.useState(Object.keys(themesList));
+  const [themes, setThemes] = React.useState(themesList.map((t) => t.name));
+  React.useEffect(() => {
+    setThemes(themesList.map((t) => t.name));
+  }, [themesList]);
   const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {
     pTheme = uikitStyles.parseTheme(themesList, newTheme, newMode);
-    setActiveTheme(themesList[pTheme.selected]);
-    setSelectedTheme(pTheme.selected);
+    setActiveTheme(pTheme.theme);
+    setSelectedTheme(pTheme.selectedTheme);
     setThemeMode(pTheme.selectedMode);
     setColorModes(pTheme.colorModes);
-    theme.setElementAttrs(pTheme.selected, pTheme.selectedMode, pTheme.bgColor, rootId);
+    theme.setElementAttrs(pTheme.selectedTheme, pTheme.selectedMode, pTheme.styles, rootId);
   };
   React.useEffect(() => {
     changeTheme(theme$1, colorMode);
@@ -52,18 +46,21 @@ const HvThemeProvider = ({
   const MuiTheme = styles.createTheme({
     breakpoints: {
       values: {
-        ...themesList[selectedTheme].breakpoints.values
+        ...activeTheme.breakpoints.values
       }
     }
   });
   return /* @__PURE__ */ jsxRuntime.jsx(styles.ThemeProvider, {
     theme: MuiTheme,
-    children: /* @__PURE__ */ jsxRuntime.jsx(HvThemeContext.Provider, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactShared.HvThemeContext.Provider, {
       value,
       children
     })
   });
 };
-exports.HvThemeContext = HvThemeContext;
+Object.defineProperty(exports, "HvThemeContext", {
+  enumerable: true,
+  get: () => uikitReactShared.HvThemeContext
+});
 exports.HvThemeProvider = HvThemeProvider;
 //# sourceMappingURL=ThemeProvider.cjs.map

package/dist/cjs/providers/ThemeProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.cjs","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { createContext, useEffect, useMemo, useState } from \"react\";\nimport {\n  BaseTheme,\n  parseTheme,\n  ThemeColorMode,\n} from \"@hitachivantara/uikit-styles\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { setElementAttrs } from \"utils\";\nimport { HvCustomizedTheme } from \"types/theme\";\n\ninterface HvThemeContextValue {\n  themes: (BaseTheme | string)[];\n  activeTheme?: HvCustomizedTheme;\n  colorModes: (ThemeColorMode | string)[];\n  selectedTheme: BaseTheme | string;\n  selectedMode: ThemeColorMode | string;\n  changeTheme: (\n    theme: BaseTheme | string,\n    mode: ThemeColorMode | string\n  ) => void;\n  rootId?: string;\n}\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: { [themeName: string]: HvCustomizedTheme };\n  theme: BaseTheme | string;\n  colorMode: ThemeColorMode | string;\n  rootElementId?: string;\n}\n\nexport const HvThemeContext = createContext<HvThemeContextValue>({\n  themes: [],\n  activeTheme: undefined,\n  colorModes: [],\n  selectedTheme: \"\",\n  selectedMode: \"\",\n  changeTheme: () => {},\n  rootId: undefined,\n});\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme,\n  colorMode,\n  rootElementId,\n}: HvThemeProviderProps) => {\n  let pTheme = parseTheme(themesList, theme, colorMode);\n\n  const [rootId] = useState<string | undefined>(rootElementId);\n  const [activeTheme, setActiveTheme] = useState<HvCustomizedTheme>(\n    themesList[pTheme.selected]\n  );\n  const [selectedTheme, setSelectedTheme] = useState<string>(pTheme.selected);\n  const [selectedMode, setThemeMode] = useState<string>(pTheme.selectedMode);\n  const [colorModes, setColorModes] = useState<string[]>(pTheme.colorModes);\n  const [themes] = useState<string[]>(Object.keys(themesList));\n\n  const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {\n    pTheme = parseTheme(themesList, newTheme, newMode);\n\n    setActiveTheme(themesList[pTheme.selected]);\n    setSelectedTheme(pTheme.selected);\n    setThemeMode(pTheme.selectedMode);\n    setColorModes(pTheme.colorModes);\n\n    setElementAttrs(\n      pTheme.selected,\n      pTheme.selectedMode,\n      pTheme.bgColor,\n      rootId\n    );\n  };\n\n  useEffect(() => {\n    changeTheme(theme, colorMode);\n  }, [theme, colorMode]);\n\n  const value = useMemo(\n    () => ({\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    }),\n    [\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    ]\n  );\n\n  const MuiTheme = createTheme({\n    breakpoints: {\n      values: {\n        ...themesList[selectedTheme].breakpoints.values,\n      },\n    },\n  });\n\n  return (\n    <MuiThemeProvider theme={MuiTheme}>\n      <HvThemeContext.Provider value={value}>\n        {children}\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["HvThemeContext","createContext","themes","activeTheme","undefined","colorModes","selectedTheme","selectedMode","changeTheme","rootId","HvThemeProvider","children","themesList","theme","colorMode","rootElementId","pTheme","parseTheme","useState","setActiveTheme","selected","setSelectedTheme","setThemeMode","setColorModes","Object","keys","newTheme","newMode","setElementAttrs","bgColor","useEffect","value","useMemo","MuiTheme","createTheme","breakpoints","values","MuiThemeProvider","Provider"],"mappings":";;;;;;;AAkCO,MAAMA,iBAAiBC,MAAAA,cAAmC;AAAA,EAC/DC,QAAQ,CAAE;AAAA,EACVC,aAAaC;AAAAA,EACbC,YAAY,CAAE;AAAA,EACdC,eAAe;AAAA,EACfC,cAAc;AAAA,EACdC,aAAaA,MAAM;AAAA,EAAC;AAAA,EACpBC,QAAQL;AACV,CAAC;AAEM,MAAMM,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAT,QAAQU;AAAAA,EAAAA,OACRC;AAAAA,EACAC;AAAAA,EACAC;AACoB,MAAM;AAC1B,MAAIC,SAASC,YAAAA,WAAWL,YAAYC,SAAOC,SAAS;AAEpD,QAAM,CAACL,MAAM,IAAIS,MAAAA,SAA6BH,aAAa;AAC3D,QAAM,CAACZ,aAAagB,cAAc,IAAID,MAAAA,SACpCN,WAAWI,OAAOI,SAAS;AAE7B,QAAM,CAACd,eAAee,gBAAgB,IAAIH,MAAAA,SAAiBF,OAAOI,QAAQ;AAC1E,QAAM,CAACb,cAAce,YAAY,IAAIJ,MAAAA,SAAiBF,OAAOT,YAAY;AACzE,QAAM,CAACF,YAAYkB,aAAa,IAAIL,MAAAA,SAAmBF,OAAOX,UAAU;AACxE,QAAM,CAACH,MAAM,IAAIgB,eAAmBM,OAAOC,KAAKb,UAAU,CAAC;AAE3D,QAAMJ,cAAcA,CAACkB,WAAWpB,eAAeqB,UAAUpB,iBAAiB;AAC/DU,aAAAA,YAAAA,WAAWL,YAAYc,UAAUC,OAAO;AAElCf,mBAAAA,WAAWI,OAAOI,SAAS;AAC1CC,qBAAiBL,OAAOI,QAAQ;AAChCE,iBAAaN,OAAOT,YAAY;AAChCgB,kBAAcP,OAAOX,UAAU;AAE/BuB,0BACEZ,OAAOI,UACPJ,OAAOT,cACPS,OAAOa,SACPpB,MAAM;AAAA,EAAA;AAIVqB,QAAAA,UAAU,MAAM;AACdtB,gBAAYK,SAAOC,SAAS;AAAA,EAAA,GAC3B,CAACD,SAAOC,SAAS,CAAC;AAEfiB,QAAAA,QAAQC,MAAAA,QACZ,OAAO;AAAA,IACL9B;AAAAA,IACAG;AAAAA,IACAF;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IAEF,CACEP,QACAG,YACAF,aACAG,eACAC,cACAC,aACAC,MAAM,CACP;AAGH,QAAMwB,WAAWC,OAAAA,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGxB,WAAWN,eAAe6B,YAAYC;AAAAA,MAC3C;AAAA,IACF;AAAA,EAAA,CACD;AAED,wCACGC,OAAAA,eAAgB;AAAA,IAACxB,OAAOoB;AAAAA,IAAStB,UAC/BX,2BAAAA,IAAAA,eAAesC,UAAQ;AAAA,MAACP;AAAAA,MAAapB;AAAAA,IAAAA,CAC3B;AAAA,EAAA,CAEM;AAEvB;;;"}
+{"version":3,"file":"ThemeProvider.cjs","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { parseTheme, HvThemeStructure } from \"@hitachivantara/uikit-styles\";\nimport { HvThemeContext } from \"@hitachivantara/uikit-react-shared\";\nimport type { HvThemeContextValue } from \"@hitachivantara/uikit-react-shared\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { setElementAttrs } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: (HvTheme | HvThemeStructure)[];\n  theme: string;\n  colorMode: string;\n  rootElementId?: string;\n}\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme,\n  colorMode,\n  rootElementId,\n}: HvThemeProviderProps) => {\n  let pTheme = parseTheme(themesList, theme, colorMode);\n\n  const [rootId] = useState<string | undefined>(rootElementId);\n  const [activeTheme, setActiveTheme] = useState<HvTheme | HvThemeStructure>(\n    pTheme.theme\n  );\n  const [selectedTheme, setSelectedTheme] = useState<string>(\n    pTheme.selectedTheme\n  );\n  const [selectedMode, setThemeMode] = useState<string>(pTheme.selectedMode);\n  const [colorModes, setColorModes] = useState<string[]>(pTheme.colorModes);\n  const [themes, setThemes] = useState<string[]>(themesList.map((t) => t.name));\n\n  useEffect(() => {\n    setThemes(themesList.map((t) => t.name));\n  }, [themesList]);\n\n  const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {\n    pTheme = parseTheme(themesList, newTheme, newMode);\n\n    setActiveTheme(pTheme.theme);\n    setSelectedTheme(pTheme.selectedTheme);\n    setThemeMode(pTheme.selectedMode);\n    setColorModes(pTheme.colorModes);\n\n    setElementAttrs(\n      pTheme.selectedTheme,\n      pTheme.selectedMode,\n      pTheme.styles,\n      rootId\n    );\n  };\n\n  useEffect(() => {\n    changeTheme(theme, colorMode);\n  }, [theme, colorMode]);\n\n  const value = useMemo(\n    () => ({\n      themes,\n      colorModes,\n      activeTheme: activeTheme as HvTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    }),\n    [\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    ]\n  );\n\n  const MuiTheme = createTheme({\n    breakpoints: {\n      values: {\n        ...activeTheme.breakpoints.values,\n      },\n    },\n  });\n\n  return (\n    <MuiThemeProvider theme={MuiTheme}>\n      <HvThemeContext.Provider value={value}>\n        {children}\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["HvThemeProvider","children","themes","themesList","theme","colorMode","rootElementId","pTheme","parseTheme","rootId","useState","activeTheme","setActiveTheme","selectedTheme","setSelectedTheme","selectedMode","setThemeMode","colorModes","setColorModes","setThemes","map","t","name","useEffect","changeTheme","newTheme","newMode","setElementAttrs","styles","value","useMemo","MuiTheme","createTheme","breakpoints","values","MuiThemeProvider","HvThemeContext","Provider"],"mappings":";;;;;;;;AAsBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC,QAAQC;AAAAA,EAAAA,OACRC;AAAAA,EACAC;AAAAA,EACAC;AACoB,MAAM;AAC1B,MAAIC,SAASC,YAAAA,WAAWL,YAAYC,SAAOC,SAAS;AAEpD,QAAM,CAACI,MAAM,IAAIC,MAAAA,SAA6BJ,aAAa;AAC3D,QAAM,CAACK,aAAaC,cAAc,IAAIF,MAAAA,SACpCH,OAAOH,KAAK;AAEd,QAAM,CAACS,eAAeC,gBAAgB,IAAIJ,MAAAA,SACxCH,OAAOM,aAAa;AAEtB,QAAM,CAACE,cAAcC,YAAY,IAAIN,MAAAA,SAAiBH,OAAOQ,YAAY;AACzE,QAAM,CAACE,YAAYC,aAAa,IAAIR,MAAAA,SAAmBH,OAAOU,UAAU;AAClE,QAAA,CAACf,QAAQiB,SAAS,IAAIT,eAAmBP,WAAWiB,IAAKC,CAAAA,MAAMA,EAAEC,IAAI,CAAC;AAE5EC,QAAAA,UAAU,MAAM;AACdJ,cAAUhB,WAAWiB,IAAKC,CAAMA,MAAAA,EAAEC,IAAI,CAAC;AAAA,EAAA,GACtC,CAACnB,UAAU,CAAC;AAEf,QAAMqB,cAAcA,CAACC,WAAWZ,eAAea,UAAUX,iBAAiB;AAC/DP,aAAAA,YAAAA,WAAWL,YAAYsB,UAAUC,OAAO;AAEjDd,mBAAeL,OAAOH,KAAK;AAC3BU,qBAAiBP,OAAOM,aAAa;AACrCG,iBAAaT,OAAOQ,YAAY;AAChCG,kBAAcX,OAAOU,UAAU;AAE/BU,0BACEpB,OAAOM,eACPN,OAAOQ,cACPR,OAAOqB,QACPnB,MAAM;AAAA,EAAA;AAIVc,QAAAA,UAAU,MAAM;AACdC,gBAAYpB,SAAOC,SAAS;AAAA,EAAA,GAC3B,CAACD,SAAOC,SAAS,CAAC;AAEfwB,QAAAA,QAAQC,MAAAA,QACZ,OAAO;AAAA,IACL5B;AAAAA,IACAe;AAAAA,IACAN;AAAAA,IACAE;AAAAA,IACAE;AAAAA,IACAS;AAAAA,IACAf;AAAAA,EAAAA,IAEF,CACEP,QACAe,YACAN,aACAE,eACAE,cACAS,aACAf,MAAM,CACP;AAGH,QAAMsB,WAAWC,OAAAA,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGvB,YAAYsB,YAAYC;AAAAA,MAC7B;AAAA,IACF;AAAA,EAAA,CACD;AAED,wCACGC,OAAAA,eAAgB;AAAA,IAAC/B,OAAO2B;AAAAA,IAAS9B,UAC/BmC,2BAAAA,IAAAA,iBAAAA,eAAeC,UAAQ;AAAA,MAACR;AAAAA,MAAa5B;AAAAA,IAAAA,CAC3B;AAAA,EAAA,CAEM;AAEvB;;;;;;"}