npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.2 → 5.0.0-next.21 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2108) hide show

package/dist/cjs/hooks/useControlled.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const useControlled = (controlledProp, initialState) => {
   const {

package/dist/cjs/hooks/useCreateEmotion.cjs ADDED Viewed

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createEmotion = require("@emotion/css/create-instance");
+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 _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const createEmotion__default = /* @__PURE__ */ _interopDefault(createEmotion);
+const useCreateEmotion = () => {
+  const {
+    classNameKey
+  } = React.useContext(uikitReactShared.HvThemeContext);
+  const emotionCss = React.useMemo(() => createEmotion__default.default({
+    key: classNameKey || "hv-uikit-css",
+    prepend: true
+  }), [classNameKey]);
+  return emotionCss;
+};
+exports.useCreateEmotion = useCreateEmotion;
+//# sourceMappingURL=useCreateEmotion.cjs.map

package/dist/cjs/hooks/useCreateEmotion.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useCreateEmotion.cjs","sources":["../../../src/hooks/useCreateEmotion.ts"],"sourcesContent":["import createEmotion from \"@emotion/css/create-instance\";\nimport { useContext, useMemo } from \"react\";\nimport { HvThemeContext } from \"../providers/ThemeProvider\";\n\n/**\n * Emotion CSS utilities\n */\nexport const useCreateEmotion = () => {\n const { classNameKey } = useContext(HvThemeContext);\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 emotionCss = useMemo(\n () =>\n createEmotion({\n key: classNameKey || \"hv-uikit-css\",\n prepend: true,\n }),\n [classNameKey]\n );\n\n return emotionCss;\n};\n"],"names":["useCreateEmotion","classNameKey","useContext","HvThemeContext","emotionCss","useMemo","createEmotion","key","prepend"],"mappings":";;;;;;;;;;AAOO,MAAMA,mBAAmBA,MAAM;AAC9B,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAiBC,MAAAA,WAAWC,iBAAAA,cAAc;AAK5CC,QAAAA,aAAaC,cACjB,MACEC,+BAAc;AAAA,IACZC,KAAKN,gBAAgB;AAAA,IACrBO,SAAS;AAAA,EAAA,CACV,GACH,CAACP,YAAY,CAAC;AAGTG,SAAAA;AACT;;"}

package/dist/cjs/hooks/useEnhancedEffect.cjs ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const useEnhancedEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+exports.useEnhancedEffect = useEnhancedEffect;
+//# sourceMappingURL=useEnhancedEffect.cjs.map

package/dist/cjs/hooks/useEnhancedEffect.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useEnhancedEffect.cjs","sources":["../../../src/hooks/useEnhancedEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\nexport const useEnhancedEffect =\n typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n"],"names":["useEnhancedEffect","window","useLayoutEffect","useEffect"],"mappings":";;;AAEO,MAAMA,oBACX,OAAOC,WAAW,cAAcC,wBAAkBC,MAAAA;;"}

package/dist/cjs/hooks/useImageLoaded.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const useImageLoaded = (src, srcSet) => {
   const [imageLoaded, setImageLoaded] = React.useState(false);

package/dist/cjs/hooks/useLabels.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);

package/dist/cjs/hooks/useSelectionPath.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const getSelectionPath = (data, selectedId, selection = [], idx = -1, parent = []) => {
   data == null ? void 0 : data.forEach((item, i) => {

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

	@@ -1 +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;;"}
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,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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;"}
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,CAAC;;"}

package/dist/cjs/hooks/useWidth.cjs CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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,41 @@ 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 navigationSliderClasses = require("./components/VerticalNavigation/NavigationSlider/navigationSliderClasses.cjs");
+const NavigationSlider = require("./components/VerticalNavigation/NavigationSlider/NavigationSlider.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 VerticalNavigationContext = require("./components/VerticalNavigation/VerticalNavigationContext.cjs");
 const useUniqueId = require("./hooks/useUniqueId.cjs");
 const useIsMounted = require("./hooks/useIsMounted.cjs");
 const useClickOutside = require("./hooks/useClickOutside.cjs");
@@ -198,7 +236,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 +253,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 +273,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 +336,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 +401,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 +435,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 +467,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 +501,51 @@ 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.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.verticalNavigationSliderClasses = navigationSliderClasses.default;
+exports.HvVerticalNavigationSlider = NavigationSlider.HvVerticalNavigationSlider;
+exports.treeViewClasses = treeViewClasses.default;
+exports.treeViewItemClasses = treeViewItemClasses.default;
+exports.HvVerticalNavigationTreeView = TreeView.HvVerticalNavigationTreeView;
+exports.HvVerticalNavigationTreeViewItem = TreeViewItem.HvVerticalNavigationTreeViewItem;
+exports.VerticalNavigationContext = VerticalNavigationContext.VerticalNavigationContext;
 exports.useUniqueId = useUniqueId.default;
 exports.useIsMounted = useIsMounted.default;
 exports.useClickOutside = useClickOutside.useClickOutside;
@@ -442,8 +554,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 +574,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 CHANGED Viewed

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

package/dist/cjs/providers/Provider.cjs CHANGED Viewed

@@ -1,37 +1,41 @@
 "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 React = require("react");
+const createCache = require("@emotion/cache");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const theme = require("../utils/theme.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const createCache__default = /* @__PURE__ */ _interopDefault(createCache);
 const HvProvider = ({
   children,
   rootElementId,
   enableCssBaseline = true,
-  theme: theme$1 = {}
+  themes,
+  theme: theme$1,
+  colorMode,
+  classNameKey = "hv-uikit-css"
 }) => {
-  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);
+  const emotionCache = React.useMemo(() => createCache__default.default({
+    key: classNameKey,
+    prepend: true
+  }), [classNameKey]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.CacheProvider, {
+    value: 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0ZtQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwsIENhY2hlUHJvdmlkZXIgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7XG4gIENzc0Jhc2VsaW5lLFxuICBnZXRUaGVtZXNWYXJzLFxuICBIdlRoZW1lU3RydWN0dXJlLFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgcHJvY2Vzc1RoZW1lcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgSHZUaGVtZSB9IGZyb20gXCIuLi90eXBlcy90aGVtZVwiO1xuaW1wb3J0IHsgSHZUaGVtZVByb3ZpZGVyIH0gZnJvbSBcIi4vVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNyZWF0ZUNhY2hlIGZyb20gXCJAZW1vdGlvbi9jYWNoZVwiO1xuXG4vLyBQcm92aWRlciBwcm9wc1xuZXhwb3J0IHR5cGUgSHZQcm92aWRlclByb3BzID0ge1xuICAvKipcbiAgICogWW91ciBjb21wb25lbnQgdHJlZS5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICAvKipcbiAgICogQnkgZGVmYXVsdCB0aGUgYmFzZWxpbmUgc3R5bGVzIGFyZSBhcHBsaWVkIGdsb2JhbGx5IHRvIHRoZSBhcHBsaWNhdGlvbiB0byBhdm9pZCBzdHlsaW5nIGNvbmZsaWN0cyBhbmQgZm9yIHRoZSBVSSBLaXQgY29tcG9uZW50cyB0byB3b3JrIHByb3Blcmx5LlxuICAgKiBJZiB5b3UgYXJlIHByb3ZpZGluZyB5b3VyIG93biBiYXNlbGluZSBzdHlsZXMsIHlvdSBjYW4gc2V0IHRoaXMgcHJvcGVydHkgdG8gZmFsc2UuXG4gICAqL1xuICBlbmFibGVDc3NCYXNlbGluZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJZCBvZiB5b3VyIHJvb3QgZWxlbWVudC4gVGhlIHRoZW1lJ3MgYXR0cmlidXRlcyBhbmQgQ1NTIHZhcmlhYmxlcyB3aWxsIGJlIHNldCBpbiB0aGlzIGVsZW1lbnQuXG4gICAqXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZG9jdW1lbnQncyBib2R5IHdpbGwgYmUgdXNlZC5cbiAgICovXG4gIHJvb3RFbGVtZW50SWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBMaXN0IG9mIHRoZW1lcyB0byBiZSB1c2VkIGJ5IFVJIEtpdC5cbiAgICogWW91IGNhbiBwcm92aWRlIHlvdXIgb3duIHRoZW1lcyBjcmVhdGVkIHdpdGggdGhlIGBjcmVhdGVUaGVtZWAgdXRpbGl0eSBhbmQvb3IgdGhlIGRlZmF1bHQgdGhlbWVzIGBkczNgIGFuZCBgZHM1YCBwcm92aWRlZCBieSBVSSBLaXQuXG4gICAqXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgYGRzNWAgdGhlbWUgd2lsbCBiZSB1c2VkLlxuICAgKi9cbiAgdGhlbWVzPzogKEh2VGhlbWUgfCBIdlRoZW1lU3RydWN0dXJlKVtdO1xuICAvKipcbiAgICogVGhlIGFjdGl2ZSB0aGVtZS4gSXQgbXVzdCBiZSBvbmUgb2YgdGhlIHRoZW1lcyBwYXNzZWQgdG8gYHRoZW1lc2AuXG4gICAqXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZmlyc3QgdGhlbWUgZnJvbSB0aGUgYHRoZW1lc2AgbGlzdCBpcyB1c2VkLiBJZiBubyBgdGhlbWVzYCBsaXN0IGlzIHByb3ZpZGVkLCB0aGUgYGRzNWAgdGhlbWUgd2lsbCBiZSB1c2VkLlxuICAgKi9cbiAgdGhlbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYWN0aXZlIGNvbG9yIG1vZGUuIEl0IG11c3QgYmUgb25lIG9mIHRoZSBjb2xvciBtb2RlcyBvZiB0aGUgYWN0aXZlIHRoZW1lLlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGZpcnN0IGNvbG9yIG1vZGUgZGVmaW5lZCBpbiB0aGUgYWN0aXZlIHRoZW1lIGlzIHVzZWQuXG4gICAqIEZvciB0aGUgZGVmYXVsdCB0aGVtZXMgYGRzM2AgYW5kIGBkczVgLCB0aGUgYGRhd25gIGNvbG9yIG1vZGUgaXMgdGhlIG9uZSB1c2VkLlxuICAgKi9cbiAgY29sb3JNb2RlPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHN0cmluZyB1c2VkIHRvIHByZWZpeCB0aGUgY2xhc3MgbmFtZXMgYW5kIHVuaXF1ZWx5IGlkZW50aWZ5IHRoZW0uIFRoZSBrZXkgY2FuIG9ubHkgY29udGFpbiBsb3dlciBjYXNlIGFscGhhYmV0aWNhbCBjaGFyYWN0ZXJzLlxuICAgKiBUaGlzIGlzIHVzZWZ1bCB0byBhdm9pZCBjbGFzcyBuYW1lIGNvbGxpc2lvbnMuXG4gICAqXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZGVmYXVsdCBpcyBgaHYtdWlraXQtY3NzYC5cbiAgICovXG4gIGNsYXNzTmFtZUtleT86IHN0cmluZztcbn07XG5cbi8qKlxuICogRW5hYmxlcyB0aGVtaW5nIGNhcGFiaWxpdGllcyBhbmQgbWFrZXMgY3Jvc3MtY29tcG9uZW50IHRoZW1lIHByb3BlcnRpZXMgYXZhaWxhYmxlIGRvd24gdGhlIHRyZWUuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlByb3ZpZGVyID0gKHtcbiAgY2hpbGRyZW4sXG4gIHJvb3RFbGVtZW50SWQsXG4gIGVuYWJsZUNzc0Jhc2VsaW5lID0gdHJ1ZSxcbiAgdGhlbWVzLFxuICB0aGVtZSxcbiAgY29sb3JNb2RlLFxuICBjbGFzc05hbWVLZXkgPSBcImh2LXVpa2l0LWNzc1wiLFxufTogSHZQcm92aWRlclByb3BzKSA9PiB7XG4gIC8vIFRoZW1lc1xuICBjb25zdCB0aGVtZXNMaXN0OiAoSHZUaGVtZSB8IEh2VGhlbWVTdHJ1Y3R1cmUpW10gPSBwcm9jZXNzVGhlbWVzKHRoZW1lcyk7XG5cbiAgLy8gRW1vdGlvbiBjYWNoZVxuICAvLyBNb3ZlcyBVSSBLaXQgc3R5bGVzIHRvIHRoZSB0b3Agb2YgdGhlIDxoZWFkPiBzbyB0aGV5J3JlIGxvYWRlZCBmaXJzdC5cbiAgLy8gVGhpcyBlbmFibGVzIHVzZXJzIHRvIG92ZXJyaWRlIHRoZSBVSSBLaXQgc3R5bGVzIGlmIG5lY2Vzc2FyeS5cbiAgY29uc3QgZW1vdGlvbkNhY2hlID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgY3JlYXRlQ2FjaGUoe1xuICAgICAgICBrZXk6IGNsYXNzTmFtZUtleSxcbiAgICAgICAgcHJlcGVuZDogdHJ1ZSxcbiAgICAgIH0pLFxuICAgIFtjbGFzc05hbWVLZXldXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FjaGVQcm92aWRlciB2YWx1ZT17ZW1vdGlvbkNhY2hlfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgJHtlbmFibGVDc3NCYXNlbGluZSAmJiBDc3NCYXNlbGluZX1cbiAgICAgICAgICAke2dldFRoZW1lc1ZhcnModGhlbWVzTGlzdCl9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEh2VGhlbWVQcm92aWRlclxuICAgICAgICB0aGVtZXM9e3RoZW1lc0xpc3R9XG4gICAgICAgIHRoZW1lPXt0aGVtZSB8fCB0aGVtZXNMaXN0WzBdLm5hbWV9XG4gICAgICAgIGNvbG9yTW9kZT17Y29sb3JNb2RlIHx8IE9iamVjdC5rZXlzKHRoZW1lc0xpc3RbMF0uY29sb3JzLm1vZGVzKVswXX1cbiAgICAgICAgcm9vdEVsZW1lbnRJZD17cm9vdEVsZW1lbnRJZH1cbiAgICAgICAgY2xhc3NOYW1lS2V5PXtjbGFzc05hbWVLZXl9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvSHZUaGVtZVByb3ZpZGVyPlxuICAgIDwvQ2FjaGVQcm92aWRlcj5cbiAgKTtcbn07XG4iXX0= */")
     }), /* @__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,
+      classNameKey,
       children
     })]
   });
 };
-if (process.env.NODE_ENV !== "production") {
-  HvProvider.displayName = "Provider";
-}
 exports.HvProvider = HvProvider;
 //# sourceMappingURL=Provider.cjs.map

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

	@@ -1 +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~~;;"}
1	+ {"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 { useMemo } from \"react\";\nimport createCache from \"@emotion/cache\";\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 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\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 classNameKey = \"hv-uikit-css\",\n}: HvProviderProps) => {\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={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 classNameKey={classNameKey}\n >\n {children}\n </HvThemeProvider>\n </CacheProvider>\n );\n};\n"],"names":["HvProvider","children","rootElementId","enableCssBaseline","themes","theme","colorMode","classNameKey","themesList","processThemes","emotionCache","useMemo","createCache","key","prepend","CacheProvider","value","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","name","Object","keys","colors","modes"],"mappings":";;;;;;;;;;;AA6DO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,oBAAoB;AAAA,EACpBC;AAAAA,EAAAA,OACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AACA,MAAM;AAEfC,QAAAA,aAA6CC,oBAAcL,MAAM;AAKjEM,QAAAA,eAAeC,cACnB,MACEC,6BAAY;AAAA,IACVC,KAAKN;AAAAA,IACLO,SAAS;AAAA,EAAA,CACV,GACH,CAACP,YAAY,CAAC;AAGhB,yCACGQ,MAAAA,eAAa;AAAA,IAACC,OAAON;AAAAA,IAAaT,UAAA,CACjCgB,2BAAAA,IAACC,cAAM;AAAA,MACLC,kCACIhB,qBAAqBiB,yBAAW,KAChCC,YAAAA,cAAcb,UAAU,UAACc,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,64JAAA;AAAA,IAAA,CAE7B,GACFP,2BAAAA,IAACQ,+BAAe;AAAA,MACdrB,QAAQI;AAAAA,MACRH,OAAOA,WAASG,WAAW,CAAC,EAAEkB;AAAAA,MAC9BpB,WAAWA,aAAaqB,OAAOC,KAAKpB,WAAW,CAAC,EAAEqB,OAAOC,KAAK,EAAE,CAAC;AAAA,MACjE5B;AAAAA,MACAK;AAAAA,MAA2BN;AAAAA,IAAAA,CAGX,CAAA;AAAA,EAAA,CACJ;AAEpB;;"}