@hitachivantara/uikit-react-core 5.27.5 → 5.27.7

package/dist/esm/providers/Provider.js

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { useMemo } from "react";
 import createCache from "@emotion/cache";
 import { CacheProvider, Global, css, ClassNames } from "@emotion/react";
@@ -5,7 +6,6 @@ import { CssBaseline, getThemesVars, CssScopedBaseline } from "@hitachivantara/u
 import { processThemes } from "../utils/theme.js";
 import { useUniqueId } from "../hooks/useUniqueId.js";
 import { HvThemeProvider } from "./ThemeProvider.js";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { defaultCacheKey, defaultEmotionCache } from "@hitachivantara/uikit-react-shared";
 const scopedRootPrefix = "hv-uikit-scoped-root";
 const HvProvider = ({
@@ -24,39 +24,24 @@ const HvProvider = ({
     key: classNameKey,
     prepend: true
   }), [classNameKey]);
-  return /* @__PURE__ */ jsxs(CacheProvider, {
-    value: emotionCache,
-    children: [/* @__PURE__ */ jsx(Global, {
-      styles: /* @__PURE__ */ css(cssBaseline === "global" && CssBaseline, " ", getThemesVars(themesList), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUh3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IGNyZWF0ZUNhY2hlIGZyb20gXCJAZW1vdGlvbi9jYWNoZVwiO1xuaW1wb3J0IHtcbiAgY3NzIGFzIGNzc1JlYWN0LFxuICBHbG9iYWwsXG4gIENhY2hlUHJvdmlkZXIsXG4gIENsYXNzTmFtZXMsXG59IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5pbXBvcnQge1xuICBDc3NCYXNlbGluZSxcbiAgQ3NzU2NvcGVkQmFzZWxpbmUsXG4gIGdldFRoZW1lc1ZhcnMsXG4gIEh2VGhlbWVTdHJ1Y3R1cmUsXG59IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IHByb2Nlc3NUaGVtZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdGhlbWVcIjtcbmltcG9ydCB7IEh2VGhlbWUgfSBmcm9tIFwiQGNvcmUvdHlwZXMvdGhlbWVcIjtcbmltcG9ydCB7IHVzZVVuaXF1ZUlkIH0gZnJvbSBcIkBjb3JlL2hvb2tzL3VzZVVuaXF1ZUlkXCI7XG5cbmltcG9ydCB7XG4gIEh2VGhlbWVQcm92aWRlcixcbiAgZGVmYXVsdENhY2hlS2V5LFxuICBkZWZhdWx0RW1vdGlvbkNhY2hlLFxufSBmcm9tIFwiLi9UaGVtZVByb3ZpZGVyXCI7XG5cbi8vIFByb3ZpZGVyIHByb3BzXG5leHBvcnQgaW50ZXJmYWNlIEh2UHJvdmlkZXJQcm9wcyB7XG4gIC8qKlxuICAgKiBZb3VyIGNvbXBvbmVudCB0cmVlLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBJZCBvZiB5b3VyIHJvb3QgZWxlbWVudC5cbiAgICovXG4gIHJvb3RFbGVtZW50SWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSBiYXNlbGluZSBzdHlsZXMgYXJlIGFwcGxpZWQgZ2xvYmFsbHksIGBnbG9iYWxgLCB0byB0aGUgYXBwbGljYXRpb24gZm9yIHRoZSBVSSBLaXQgY29tcG9uZW50cyB0byB3b3JrIHByb3Blcmx5LlxuICAgKiBJZiB5b3UgbmVlZCB0byBzY29wZSB0aGUgYmFzZWxpbmUgc3R5bGVzIHRvIGF2b2lkIHN0eWxpbmcgY29uZmxpY3RzLCB5b3UgY2FuIHNldCB0aGlzIHByb3BlcnR5IHRvIGBzY29wZWRgLlxuICAgKiBUbyBzY29wZSB0aGUgYmFzZWxpbmUgdG8geW91ciByb290LCB5b3UgbmVlZCB0byBhZGQgdGhlIGByb290RWxlbWVudElkYCBwcm9wZXJ0eS5cbiAgICogSWYgdGhlIGByb290RWxlbWVudElkYCBwcm9wZXJ0eSBpcyBub3Qgc2V0LCB0aGUgYmFzZWxpbmUgd2lsbCBiZSBzY29wZWQgdG8gYSBuZXcgY29udGFpbmVyLCBgaHYtdWlraXQtc2NvcGVkLXJvb3QqYCwgY3JlYXRlZCBhcm91bmQgeW91ciBjb250ZW50LlxuICAgKiBJZiB5b3UgYXJlIHByb3ZpZGluZyB5b3VyIG93biBiYXNlbGluZSBzdHlsZXMsIHlvdSBjYW4gc2V0IHRoaXMgcHJvcGVydHkgdG8gYG5vbmVgIHRvIGRpc2FibGUgdGhlIGJhc2VsaW5lIHN0eWxlcy5cbiAgICovXG4gIGNzc0Jhc2VsaW5lPzogXCJnbG9iYWxcIiB8IFwic2NvcGVkXCIgfCBcIm5vbmVcIjtcbiAgLyoqXG4gICAqIEJ5IGRlZmF1bHQgdGhlIHRoZW1lIHN0eWxlcyBhcmUgYXBwbGllZCBnbG9iYWxseSwgYGdsb2JhbGAsIHRvIHRoZSBhcHBsaWNhdGlvbi5cbiAgICogSWYgeW91IG5lZWQgdG8gc2NvcGUgdGhlIHRoZW1lIHN0eWxlcyB0byBhdm9pZCBzdHlsaW5nIGNvbmZsaWN0cywgeW91IGNhbiBzZXQgdGhpcyBwcm9wZXJ0eSB0byBgc2NvcGVkYC5cbiAgICogVG8gc2NvcGUgdGhlIHRoZW1lIHRvIHlvdXIgcm9vdCwgeW91IG5lZWQgdG8gYWRkIHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkuXG4gICAqIElmIHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkgaXMgbm90IHNldCwgdGhlIHRoZW1lIHdpbGwgYmUgc2NvcGVkIHRvIGEgbmV3IGNvbnRhaW5lciwgYGh2LXVpa2l0LXNjb3BlZC1yb290KmAsIGNyZWF0ZWQgYXJvdW5kIHlvdXIgY29udGVudC5cbiAgICovXG4gIGNzc1RoZW1lPzogXCJnbG9iYWxcIiB8IFwic2NvcGVkXCI7XG4gIC8qKlxuICAgKiBUaGUgc3RyaW5nIHVzZWQgdG8gcHJlZml4IHRoZSBjbGFzcyBuYW1lcyBhbmQgdW5pcXVlbHkgaWRlbnRpZnkgdGhlbS4gVGhlIGtleSBjYW4gb25seSBjb250YWluIGxvd2VyIGNhc2UgYWxwaGFiZXRpY2FsIGNoYXJhY3RlcnMuXG4gICAqIFRoaXMgaXMgdXNlZnVsIHRvIGF2b2lkIGNsYXNzIG5hbWUgY29sbGlzaW9ucy5cbiAgICpcbiAgICogSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQsIHRoZSBkZWZhdWx0IGlzIGBodmAuXG4gICAqL1xuICBjbGFzc05hbWVLZXk/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBMaXN0IG9mIHRoZW1lcyB0byBiZSB1c2VkIGJ5IFVJIEtpdC5cbiAgICogWW91IGNhbiBwcm92aWRlIHlvdXIgb3duIHRoZW1lcyBjcmVhdGVkIHdpdGggdGhlIGBjcmVhdGVUaGVtZWAgdXRpbGl0eSBhbmQvb3IgdGhlIGRlZmF1bHQgdGhlbWVzIGBkczNgIGFuZCBgZHM1YCBwcm92aWRlZCBieSBVSSBLaXQuXG4gICAqXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgYGRzNWAgdGhlbWUgd2lsbCBiZSB1c2VkLlxuICAgKi9cbiAgdGhlbWVzPzogKEh2VGhlbWUgfCBIdlRoZW1lU3RydWN0dXJlKVtdO1xuICAvKipcbiAgICogVGhlIGFjdGl2ZSB0aGVtZS4gSXQgbXVzdCBiZSBvbmUgb2YgdGhlIHRoZW1lcyBwYXNzZWQgdG8gYHRoZW1lc2AuXG4gICAqXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZmlyc3QgdGhlbWUgZnJvbSB0aGUgYHRoZW1lc2AgbGlzdCBpcyB1c2VkLiBJZiBubyBgdGhlbWVzYCBsaXN0IGlzIHByb3ZpZGVkLCB0aGUgYGRzNWAgdGhlbWUgd2lsbCBiZSB1c2VkLlxuICAgKi9cbiAgdGhlbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYWN0aXZlIGNvbG9yIG1vZGUuIEl0IG11c3QgYmUgb25lIG9mIHRoZSBjb2xvciBtb2RlcyBvZiB0aGUgYWN0aXZlIHRoZW1lLlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGZpcnN0IGNvbG9yIG1vZGUgZGVmaW5lZCBpbiB0aGUgYWN0aXZlIHRoZW1lIGlzIHVzZWQuXG4gICAqIEZvciB0aGUgZGVmYXVsdCB0aGVtZXMgYGRzM2AgYW5kIGBkczVgLCB0aGUgYGRhd25gIGNvbG9yIG1vZGUgaXMgdGhlIG9uZSB1c2VkLlxuICAgKi9cbiAgY29sb3JNb2RlPzogc3RyaW5nO1xufVxuXG5jb25zdCBzY29wZWRSb290UHJlZml4ID0gXCJodi11aWtpdC1zY29wZWQtcm9vdFwiIGFzIGNvbnN0O1xuXG4vKipcbiAqIEVuYWJsZXMgdGhlbWluZyBjYXBhYmlsaXRpZXMgYW5kIG1ha2VzIGNyb3NzLWNvbXBvbmVudCB0aGVtZSBwcm9wZXJ0aWVzIGF2YWlsYWJsZSBkb3duIHRoZSB0cmVlLlxuICovXG5leHBvcnQgY29uc3QgSHZQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICByb290RWxlbWVudElkLFxuICBjc3NCYXNlbGluZSA9IFwiZ2xvYmFsXCIsXG4gIGNzc1RoZW1lID0gXCJnbG9iYWxcIixcbiAgdGhlbWVzLFxuICB0aGVtZSxcbiAgY29sb3JNb2RlLFxuICBjbGFzc05hbWVLZXkgPSBkZWZhdWx0Q2FjaGVLZXksXG59OiBIdlByb3ZpZGVyUHJvcHMpID0+IHtcbiAgY29uc3Qgc2NvcGVkUm9vdElkID0gdXNlVW5pcXVlSWQodW5kZWZpbmVkLCBzY29wZWRSb290UHJlZml4KTtcblxuICAvLyBUaGVtZXNcbiAgY29uc3QgdGhlbWVzTGlzdDogKEh2VGhlbWUgfCBIdlRoZW1lU3RydWN0dXJlKVtdID0gcHJvY2Vzc1RoZW1lcyh0aGVtZXMpO1xuXG4gIC8vIEVtb3Rpb24gY2FjaGVcbiAgLy8gTW92ZXMgVUkgS2l0IHN0eWxlcyB0byB0aGUgdG9wIG9mIHRoZSA8aGVhZD4gc28gdGhleSdyZSBsb2FkZWQgZmlyc3RcbiAgLy8gVGhpcyBlbmFibGVzIHVzZXJzIHRvIG92ZXJyaWRlIHRoZSBVSSBLaXQgc3R5bGVzIGlmIG5lY2Vzc2FyeVxuICBjb25zdCBlbW90aW9uQ2FjaGUgPSB1c2VNZW1vKFxuICAgICgpID0+XG4gICAgICBjbGFzc05hbWVLZXkgPT09IGRlZmF1bHRDYWNoZUtleVxuICAgICAgICA/IGRlZmF1bHRFbW90aW9uQ2FjaGVcbiAgICAgICAgOiBjcmVhdGVDYWNoZSh7IGtleTogY2xhc3NOYW1lS2V5LCBwcmVwZW5kOiB0cnVlIH0pLFxuICAgIFtjbGFzc05hbWVLZXldXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FjaGVQcm92aWRlciB2YWx1ZT17ZW1vdGlvbkNhY2hlfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NSZWFjdGBcbiAgICAgICAgICAke2Nzc0Jhc2VsaW5lID09PSBcImdsb2JhbFwiICYmIENzc0Jhc2VsaW5lfVxuICAgICAgICAgICR7Z2V0VGhlbWVzVmFycyh0aGVtZXNMaXN0KX1cbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgICA8SHZUaGVtZVByb3ZpZGVyXG4gICAgICAgIHRoZW1lcz17dGhlbWVzTGlzdH1cbiAgICAgICAgdGhlbWU9e3RoZW1lIHx8IHRoZW1lc0xpc3RbMF0ubmFtZX1cbiAgICAgICAgZW1vdGlvbkNhY2hlPXtlbW90aW9uQ2FjaGV9XG4gICAgICAgIGNvbG9yTW9kZT17Y29sb3JNb2RlIHx8IE9iamVjdC5rZXlzKHRoZW1lc0xpc3RbMF0uY29sb3JzLm1vZGVzKVswXX1cbiAgICAgICAgdGhlbWVSb290SWQ9e1xuICAgICAgICAgIGNzc1RoZW1lID09PSBcInNjb3BlZFwiID8gcm9vdEVsZW1lbnRJZCB8fCBzY29wZWRSb290SWQgOiB1bmRlZmluZWRcbiAgICAgICAgfVxuICAgICAgPlxuICAgICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgICB7KHsgY3NzIH0pID0+IHtcbiAgICAgICAgICAgIGlmIChcbiAgICAgICAgICAgICAgdHlwZW9mIHdpbmRvdyAhPT0gXCJ1bmRlZmluZWRcIiAmJlxuICAgICAgICAgICAgICBjc3NCYXNlbGluZSA9PT0gXCJzY29wZWRcIiAmJlxuICAgICAgICAgICAgICByb290RWxlbWVudElkXG4gICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgY29uc3Qgcm9vdEVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChyb290RWxlbWVudElkKTtcblxuICAgICAgICAgICAgICBpZiAocm9vdEVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICByb290RWxlbWVudC5jbGFzc0xpc3QuYWRkKFxuICAgICAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICAgICAgLi4uQ3NzU2NvcGVkQmFzZWxpbmUsXG4gICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcmV0dXJuIChjc3NUaGVtZSA9PT0gXCJzY29wZWRcIiB8fCBjc3NCYXNlbGluZSA9PT0gXCJzY29wZWRcIikgJiZcbiAgICAgICAgICAgICAgIXJvb3RFbGVtZW50SWQgPyAoXG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBpZD17c2NvcGVkUm9vdElkfVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XG4gICAgICAgICAgICAgICAgICBjc3NCYXNlbGluZSA9PT0gXCJzY29wZWRcIlxuICAgICAgICAgICAgICAgICAgICA/IGNzcyh7IC4uLkNzc1Njb3BlZEJhc2VsaW5lIH0pXG4gICAgICAgICAgICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgICAgICApO1xuICAgICAgICAgIH19XG4gICAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICAgIDwvSHZUaGVtZVByb3ZpZGVyPlxuICAgIDwvQ2FjaGVQcm92aWRlcj5cbiAgKTtcbn07XG4iXX0= */")
-    }), /* @__PURE__ */ jsx(HvThemeProvider, {
-      themes: themesList,
-      theme: theme || themesList[0].name,
-      emotionCache,
-      colorMode: colorMode || Object.keys(themesList[0].colors.modes)[0],
-      themeRootId: cssTheme === "scoped" ? rootElementId || scopedRootId : void 0,
-      children: /* @__PURE__ */ jsx(ClassNames, {
-        children: ({
-          css: css2
-        }) => {
-          if (typeof window !== "undefined" && cssBaseline === "scoped" && rootElementId) {
-            const rootElement = document.getElementById(rootElementId);
-            if (rootElement) {
-              rootElement.classList.add(css2({
-                ...CssScopedBaseline
-              }));
-            }
-          }
-          return (cssTheme === "scoped" || cssBaseline === "scoped") && !rootElementId ? /* @__PURE__ */ jsx("div", {
-            id: scopedRootId,
-            className: cssBaseline === "scoped" ? css2({
-              ...CssScopedBaseline
-            }) : void 0,
-            children
-          }) : children;
+  return /* @__PURE__ */ jsxs(CacheProvider, { value: emotionCache, children: [
+    /* @__PURE__ */ jsx(Global, { styles: /* @__PURE__ */ css(cssBaseline === "global" && CssBaseline, " ", getThemesVars(themesList), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUh3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IGNyZWF0ZUNhY2hlIGZyb20gXCJAZW1vdGlvbi9jYWNoZVwiO1xuaW1wb3J0IHtcbiAgY3NzIGFzIGNzc1JlYWN0LFxuICBHbG9iYWwsXG4gIENhY2hlUHJvdmlkZXIsXG4gIENsYXNzTmFtZXMsXG59IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5pbXBvcnQge1xuICBDc3NCYXNlbGluZSxcbiAgQ3NzU2NvcGVkQmFzZWxpbmUsXG4gIGdldFRoZW1lc1ZhcnMsXG4gIEh2VGhlbWVTdHJ1Y3R1cmUsXG59IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IHByb2Nlc3NUaGVtZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdGhlbWVcIjtcbmltcG9ydCB7IEh2VGhlbWUgfSBmcm9tIFwiQGNvcmUvdHlwZXMvdGhlbWVcIjtcbmltcG9ydCB7IHVzZVVuaXF1ZUlkIH0gZnJvbSBcIkBjb3JlL2hvb2tzL3VzZVVuaXF1ZUlkXCI7XG5cbmltcG9ydCB7XG4gIEh2VGhlbWVQcm92aWRlcixcbiAgZGVmYXVsdENhY2hlS2V5LFxuICBkZWZhdWx0RW1vdGlvbkNhY2hlLFxufSBmcm9tIFwiLi9UaGVtZVByb3ZpZGVyXCI7XG5cbi8vIFByb3ZpZGVyIHByb3BzXG5leHBvcnQgaW50ZXJmYWNlIEh2UHJvdmlkZXJQcm9wcyB7XG4gIC8qKlxuICAgKiBZb3VyIGNvbXBvbmVudCB0cmVlLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBJZCBvZiB5b3VyIHJvb3QgZWxlbWVudC5cbiAgICovXG4gIHJvb3RFbGVtZW50SWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSBiYXNlbGluZSBzdHlsZXMgYXJlIGFwcGxpZWQgZ2xvYmFsbHksIGBnbG9iYWxgLCB0byB0aGUgYXBwbGljYXRpb24gZm9yIHRoZSBVSSBLaXQgY29tcG9uZW50cyB0byB3b3JrIHByb3Blcmx5LlxuICAgKiBJZiB5b3UgbmVlZCB0byBzY29wZSB0aGUgYmFzZWxpbmUgc3R5bGVzIHRvIGF2b2lkIHN0eWxpbmcgY29uZmxpY3RzLCB5b3UgY2FuIHNldCB0aGlzIHByb3BlcnR5IHRvIGBzY29wZWRgLlxuICAgKiBUbyBzY29wZSB0aGUgYmFzZWxpbmUgdG8geW91ciByb290LCB5b3UgbmVlZCB0byBhZGQgdGhlIGByb290RWxlbWVudElkYCBwcm9wZXJ0eS5cbiAgICogSWYgdGhlIGByb290RWxlbWVudElkYCBwcm9wZXJ0eSBpcyBub3Qgc2V0LCB0aGUgYmFzZWxpbmUgd2lsbCBiZSBzY29wZWQgdG8gYSBuZXcgY29udGFpbmVyLCBgaHYtdWlraXQtc2NvcGVkLXJvb3QqYCwgY3JlYXRlZCBhcm91bmQgeW91ciBjb250ZW50LlxuICAgKiBJZiB5b3UgYXJlIHByb3ZpZGluZyB5b3VyIG93biBiYXNlbGluZSBzdHlsZXMsIHlvdSBjYW4gc2V0IHRoaXMgcHJvcGVydHkgdG8gYG5vbmVgIHRvIGRpc2FibGUgdGhlIGJhc2VsaW5lIHN0eWxlcy5cbiAgICovXG4gIGNzc0Jhc2VsaW5lPzogXCJnbG9iYWxcIiB8IFwic2NvcGVkXCIgfCBcIm5vbmVcIjtcbiAgLyoqXG4gICAqIEJ5IGRlZmF1bHQgdGhlIHRoZW1lIHN0eWxlcyBhcmUgYXBwbGllZCBnbG9iYWxseSwgYGdsb2JhbGAsIHRvIHRoZSBhcHBsaWNhdGlvbi5cbiAgICogSWYgeW91IG5lZWQgdG8gc2NvcGUgdGhlIHRoZW1lIHN0eWxlcyB0byBhdm9pZCBzdHlsaW5nIGNvbmZsaWN0cywgeW91IGNhbiBzZXQgdGhpcyBwcm9wZXJ0eSB0byBgc2NvcGVkYC5cbiAgICogVG8gc2NvcGUgdGhlIHRoZW1lIHRvIHlvdXIgcm9vdCwgeW91IG5lZWQgdG8gYWRkIHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkuXG4gICAqIElmIHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkgaXMgbm90IHNldCwgdGhlIHRoZW1lIHdpbGwgYmUgc2NvcGVkIHRvIGEgbmV3IGNvbnRhaW5lciwgYGh2LXVpa2l0LXNjb3BlZC1yb290KmAsIGNyZWF0ZWQgYXJvdW5kIHlvdXIgY29udGVudC5cbiAgICovXG4gIGNzc1RoZW1lPzogXCJnbG9iYWxcIiB8IFwic2NvcGVkXCI7XG4gIC8qKlxuICAgKiBUaGUgc3RyaW5nIHVzZWQgdG8gcHJlZml4IHRoZSBjbGFzcyBuYW1lcyBhbmQgdW5pcXVlbHkgaWRlbnRpZnkgdGhlbS4gVGhlIGtleSBjYW4gb25seSBjb250YWluIGxvd2VyIGNhc2UgYWxwaGFiZXRpY2FsIGNoYXJhY3RlcnMuXG4gICAqIFRoaXMgaXMgdXNlZnVsIHRvIGF2b2lkIGNsYXNzIG5hbWUgY29sbGlzaW9ucy5cbiAgICpcbiAgICogSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQsIHRoZSBkZWZhdWx0IGlzIGBodmAuXG4gICAqL1xuICBjbGFzc05hbWVLZXk/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBMaXN0IG9mIHRoZW1lcyB0byBiZSB1c2VkIGJ5IFVJIEtpdC5cbiAgICogWW91IGNhbiBwcm92aWRlIHlvdXIgb3duIHRoZW1lcyBjcmVhdGVkIHdpdGggdGhlIGBjcmVhdGVUaGVtZWAgdXRpbGl0eSBhbmQvb3IgdGhlIGRlZmF1bHQgdGhlbWVzIGBkczNgIGFuZCBgZHM1YCBwcm92aWRlZCBieSBVSSBLaXQuXG4gICAqXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgYGRzNWAgdGhlbWUgd2lsbCBiZSB1c2VkLlxuICAgKi9cbiAgdGhlbWVzPzogKEh2VGhlbWUgfCBIdlRoZW1lU3RydWN0dXJlKVtdO1xuICAvKipcbiAgICogVGhlIGFjdGl2ZSB0aGVtZS4gSXQgbXVzdCBiZSBvbmUgb2YgdGhlIHRoZW1lcyBwYXNzZWQgdG8gYHRoZW1lc2AuXG4gICAqXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZmlyc3QgdGhlbWUgZnJvbSB0aGUgYHRoZW1lc2AgbGlzdCBpcyB1c2VkLiBJZiBubyBgdGhlbWVzYCBsaXN0IGlzIHByb3ZpZGVkLCB0aGUgYGRzNWAgdGhlbWUgd2lsbCBiZSB1c2VkLlxuICAgKi9cbiAgdGhlbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYWN0aXZlIGNvbG9yIG1vZGUuIEl0IG11c3QgYmUgb25lIG9mIHRoZSBjb2xvciBtb2RlcyBvZiB0aGUgYWN0aXZlIHRoZW1lLlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGZpcnN0IGNvbG9yIG1vZGUgZGVmaW5lZCBpbiB0aGUgYWN0aXZlIHRoZW1lIGlzIHVzZWQuXG4gICAqIEZvciB0aGUgZGVmYXVsdCB0aGVtZXMgYGRzM2AgYW5kIGBkczVgLCB0aGUgYGRhd25gIGNvbG9yIG1vZGUgaXMgdGhlIG9uZSB1c2VkLlxuICAgKi9cbiAgY29sb3JNb2RlPzogc3RyaW5nO1xufVxuXG5jb25zdCBzY29wZWRSb290UHJlZml4ID0gXCJodi11aWtpdC1zY29wZWQtcm9vdFwiIGFzIGNvbnN0O1xuXG4vKipcbiAqIEVuYWJsZXMgdGhlbWluZyBjYXBhYmlsaXRpZXMgYW5kIG1ha2VzIGNyb3NzLWNvbXBvbmVudCB0aGVtZSBwcm9wZXJ0aWVzIGF2YWlsYWJsZSBkb3duIHRoZSB0cmVlLlxuICovXG5leHBvcnQgY29uc3QgSHZQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICByb290RWxlbWVudElkLFxuICBjc3NCYXNlbGluZSA9IFwiZ2xvYmFsXCIsXG4gIGNzc1RoZW1lID0gXCJnbG9iYWxcIixcbiAgdGhlbWVzLFxuICB0aGVtZSxcbiAgY29sb3JNb2RlLFxuICBjbGFzc05hbWVLZXkgPSBkZWZhdWx0Q2FjaGVLZXksXG59OiBIdlByb3ZpZGVyUHJvcHMpID0+IHtcbiAgY29uc3Qgc2NvcGVkUm9vdElkID0gdXNlVW5pcXVlSWQodW5kZWZpbmVkLCBzY29wZWRSb290UHJlZml4KTtcblxuICAvLyBUaGVtZXNcbiAgY29uc3QgdGhlbWVzTGlzdDogKEh2VGhlbWUgfCBIdlRoZW1lU3RydWN0dXJlKVtdID0gcHJvY2Vzc1RoZW1lcyh0aGVtZXMpO1xuXG4gIC8vIEVtb3Rpb24gY2FjaGVcbiAgLy8gTW92ZXMgVUkgS2l0IHN0eWxlcyB0byB0aGUgdG9wIG9mIHRoZSA8aGVhZD4gc28gdGhleSdyZSBsb2FkZWQgZmlyc3RcbiAgLy8gVGhpcyBlbmFibGVzIHVzZXJzIHRvIG92ZXJyaWRlIHRoZSBVSSBLaXQgc3R5bGVzIGlmIG5lY2Vzc2FyeVxuICBjb25zdCBlbW90aW9uQ2FjaGUgPSB1c2VNZW1vKFxuICAgICgpID0+XG4gICAgICBjbGFzc05hbWVLZXkgPT09IGRlZmF1bHRDYWNoZUtleVxuICAgICAgICA/IGRlZmF1bHRFbW90aW9uQ2FjaGVcbiAgICAgICAgOiBjcmVhdGVDYWNoZSh7IGtleTogY2xhc3NOYW1lS2V5LCBwcmVwZW5kOiB0cnVlIH0pLFxuICAgIFtjbGFzc05hbWVLZXldXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FjaGVQcm92aWRlciB2YWx1ZT17ZW1vdGlvbkNhY2hlfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NSZWFjdGBcbiAgICAgICAgICAke2Nzc0Jhc2VsaW5lID09PSBcImdsb2JhbFwiICYmIENzc0Jhc2VsaW5lfVxuICAgICAgICAgICR7Z2V0VGhlbWVzVmFycyh0aGVtZXNMaXN0KX1cbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgICA8SHZUaGVtZVByb3ZpZGVyXG4gICAgICAgIHRoZW1lcz17dGhlbWVzTGlzdH1cbiAgICAgICAgdGhlbWU9e3RoZW1lIHx8IHRoZW1lc0xpc3RbMF0ubmFtZX1cbiAgICAgICAgZW1vdGlvbkNhY2hlPXtlbW90aW9uQ2FjaGV9XG4gICAgICAgIGNvbG9yTW9kZT17Y29sb3JNb2RlIHx8IE9iamVjdC5rZXlzKHRoZW1lc0xpc3RbMF0uY29sb3JzLm1vZGVzKVswXX1cbiAgICAgICAgdGhlbWVSb290SWQ9e1xuICAgICAgICAgIGNzc1RoZW1lID09PSBcInNjb3BlZFwiID8gcm9vdEVsZW1lbnRJZCB8fCBzY29wZWRSb290SWQgOiB1bmRlZmluZWRcbiAgICAgICAgfVxuICAgICAgPlxuICAgICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgICB7KHsgY3NzIH0pID0+IHtcbiAgICAgICAgICAgIGlmIChcbiAgICAgICAgICAgICAgdHlwZW9mIHdpbmRvdyAhPT0gXCJ1bmRlZmluZWRcIiAmJlxuICAgICAgICAgICAgICBjc3NCYXNlbGluZSA9PT0gXCJzY29wZWRcIiAmJlxuICAgICAgICAgICAgICByb290RWxlbWVudElkXG4gICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgY29uc3Qgcm9vdEVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChyb290RWxlbWVudElkKTtcblxuICAgICAgICAgICAgICBpZiAocm9vdEVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICByb290RWxlbWVudC5jbGFzc0xpc3QuYWRkKFxuICAgICAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICAgICAgLi4uQ3NzU2NvcGVkQmFzZWxpbmUsXG4gICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcmV0dXJuIChjc3NUaGVtZSA9PT0gXCJzY29wZWRcIiB8fCBjc3NCYXNlbGluZSA9PT0gXCJzY29wZWRcIikgJiZcbiAgICAgICAgICAgICAgIXJvb3RFbGVtZW50SWQgPyAoXG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBpZD17c2NvcGVkUm9vdElkfVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XG4gICAgICAgICAgICAgICAgICBjc3NCYXNlbGluZSA9PT0gXCJzY29wZWRcIlxuICAgICAgICAgICAgICAgICAgICA/IGNzcyh7IC4uLkNzc1Njb3BlZEJhc2VsaW5lIH0pXG4gICAgICAgICAgICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgICAgICApO1xuICAgICAgICAgIH19XG4gICAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICAgIDwvSHZUaGVtZVByb3ZpZGVyPlxuICAgIDwvQ2FjaGVQcm92aWRlcj5cbiAgKTtcbn07XG4iXX0= */") }),
+    /* @__PURE__ */ jsx(HvThemeProvider, { themes: themesList, theme: theme || themesList[0].name, emotionCache, colorMode: colorMode || Object.keys(themesList[0].colors.modes)[0], themeRootId: cssTheme === "scoped" ? rootElementId || scopedRootId : void 0, children: /* @__PURE__ */ jsx(ClassNames, { children: ({
+      css: css2
+    }) => {
+      if (typeof window !== "undefined" && cssBaseline === "scoped" && rootElementId) {
+        const rootElement = document.getElementById(rootElementId);
+        if (rootElement) {
+          rootElement.classList.add(css2({
+            ...CssScopedBaseline
+          }));
         }
-      })
-    })]
-  });
+      }
+      return (cssTheme === "scoped" || cssBaseline === "scoped") && !rootElementId ? /* @__PURE__ */ jsx("div", { id: scopedRootId, className: cssBaseline === "scoped" ? css2({
+        ...CssScopedBaseline
+      }) : void 0, children }) : children;
+    } }) })
+  ] });
 };
 export {
   HvProvider

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

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport createCache from \"@emotion/cache\";\nimport {\n  css as cssReact,\n  Global,\n  CacheProvider,\n  ClassNames,\n} from \"@emotion/react\";\n\nimport {\n  CssBaseline,\n  CssScopedBaseline,\n  getThemesVars,\n  HvThemeStructure,\n} from \"@hitachivantara/uikit-styles\";\n\nimport { processThemes } from \"@core/utils/theme\";\nimport { HvTheme } from \"@core/types/theme\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\n\nimport {\n  HvThemeProvider,\n  defaultCacheKey,\n  defaultEmotionCache,\n} from \"./ThemeProvider\";\n\n// Provider props\nexport interface HvProviderProps {\n  /**\n   * Your component tree.\n   */\n  children?: React.ReactNode;\n  /**\n   * Id of your root element.\n   */\n  rootElementId?: string;\n  /**\n   * By default the baseline styles are applied globally, `global`, to the application for the UI Kit components to work properly.\n   * If you need to scope the baseline styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the baseline to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the baseline will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   * If you are providing your own baseline styles, you can set this property to `none` to disable the baseline styles.\n   */\n  cssBaseline?: \"global\" | \"scoped\" | \"none\";\n  /**\n   * By default the theme styles are applied globally, `global`, to the application.\n   * If you need to scope the theme styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the theme to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the theme will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   */\n  cssTheme?: \"global\" | \"scoped\";\n  /**\n   * The string used to prefix the class names and uniquely identify them. The key can only contain lower case alphabetical characters.\n   * This is useful to avoid class name collisions.\n   *\n   * If no value is provided, the default is `hv`.\n   */\n  classNameKey?: string;\n  /**\n   * List of themes to be used by UI Kit.\n   * You can provide your own themes created with the `createTheme` utility and/or the default themes `ds3` and `ds5` provided by UI Kit.\n   *\n   * If no value is provided, the `ds5` theme will be used.\n   */\n  themes?: (HvTheme | HvThemeStructure)[];\n  /**\n   * The active theme. It must be one of the themes passed to `themes`.\n   *\n   * If no value is provided, the first theme from the `themes` list is used. If no `themes` list is provided, the `ds5` theme will be used.\n   */\n  theme?: string;\n  /**\n   * The active color mode. It must be one of the color modes of the active theme.\n   *\n   * If no value is provided, the first color mode defined in the active theme is used.\n   * For the default themes `ds3` and `ds5`, the `dawn` color mode is the one used.\n   */\n  colorMode?: string;\n}\n\nconst scopedRootPrefix = \"hv-uikit-scoped-root\" as const;\n\n/**\n * Enables theming capabilities and makes cross-component theme properties available down the tree.\n */\nexport const HvProvider = ({\n  children,\n  rootElementId,\n  cssBaseline = \"global\",\n  cssTheme = \"global\",\n  themes,\n  theme,\n  colorMode,\n  classNameKey = defaultCacheKey,\n}: HvProviderProps) => {\n  const scopedRootId = useUniqueId(undefined, scopedRootPrefix);\n\n  // Themes\n  const themesList: (HvTheme | HvThemeStructure)[] = processThemes(themes);\n\n  // Emotion cache\n  // Moves UI Kit styles to the top of the <head> so they're loaded first\n  // This enables users to override the UI Kit styles if necessary\n  const emotionCache = useMemo(\n    () =>\n      classNameKey === defaultCacheKey\n        ? defaultEmotionCache\n        : createCache({ key: classNameKey, prepend: true }),\n    [classNameKey]\n  );\n\n  return (\n    <CacheProvider value={emotionCache}>\n      <Global\n        styles={cssReact`\n          ${cssBaseline === \"global\" && CssBaseline}\n          ${getThemesVars(themesList)}\n        `}\n      />\n      <HvThemeProvider\n        themes={themesList}\n        theme={theme || themesList[0].name}\n        emotionCache={emotionCache}\n        colorMode={colorMode || Object.keys(themesList[0].colors.modes)[0]}\n        themeRootId={\n          cssTheme === \"scoped\" ? rootElementId || scopedRootId : undefined\n        }\n      >\n        <ClassNames>\n          {({ css }) => {\n            if (\n              typeof window !== \"undefined\" &&\n              cssBaseline === \"scoped\" &&\n              rootElementId\n            ) {\n              const rootElement = document.getElementById(rootElementId);\n\n              if (rootElement) {\n                rootElement.classList.add(\n                  css({\n                    ...CssScopedBaseline,\n                  })\n                );\n              }\n            }\n\n            return (cssTheme === \"scoped\" || cssBaseline === \"scoped\") &&\n              !rootElementId ? (\n              <div\n                id={scopedRootId}\n                className={\n                  cssBaseline === \"scoped\"\n                    ? css({ ...CssScopedBaseline })\n                    : undefined\n                }\n              >\n                {children}\n              </div>\n            ) : (\n              children\n            );\n          }}\n        </ClassNames>\n      </HvThemeProvider>\n    </CacheProvider>\n  );\n};\n"],"names":["scopedRootPrefix","HvProvider","children","rootElementId","cssBaseline","cssTheme","themes","theme","colorMode","classNameKey","defaultCacheKey","scopedRootId","useUniqueId","undefined","themesList","processThemes","emotionCache","useMemo","defaultEmotionCache","createCache","key","prepend","CacheProvider","value","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","name","Object","keys","colors","modes","themeRootId","ClassNames","css","window","rootElement","document","getElementById","classList","add","CssScopedBaseline","id","className"],"mappings":";;;;;;;;;AAiFA,MAAMA,mBAAmB;AAKlB,MAAMC,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAeC;AACA,MAAM;AACfC,QAAAA,eAAeC,YAAYC,QAAWb,gBAAgB;AAGtDc,QAAAA,aAA6CC,cAAcT,MAAM;AAKvE,QAAMU,eAAeC,QACnB,MACER,iBAAiBC,kBACbQ,sBACAC,YAAY;AAAA,IAAEC,KAAKX;AAAAA,IAAcY,SAAS;AAAA,EAAA,CAAM,GACtD,CAACZ,YAAY,CACf;AAEA,8BACGa,eAAa;AAAA,IAACC,OAAOP;AAAAA,IAAad,UAAA,CACjCsB,oBAACC,QAAM;AAAA,MACLC,4BACItB,gBAAgB,YAAYuB,aAC5BC,KAAAA,cAAcd,UAAU,GAACe,OAAAA,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,6wPAAA;AAAA,IAAA,CAE9B,GACDP,oBAACQ,iBAAe;AAAA,MACd1B,QAAQQ;AAAAA,MACRP,OAAOA,SAASO,WAAW,CAAC,EAAEmB;AAAAA,MAC9BjB;AAAAA,MACAR,WAAWA,aAAa0B,OAAOC,KAAKrB,WAAW,CAAC,EAAEsB,OAAOC,KAAK,EAAE,CAAC;AAAA,MACjEC,aACEjC,aAAa,WAAWF,iBAAiBQ,eAAeE;AAAAA,MACzDX,8BAEAqC,YAAU;AAAA,QAAArC,UACRA,CAAC;AAAA,UAAEsC,KAAAA;AAAAA,QAAAA,MAAU;AACZ,cACE,OAAOC,WAAW,eAClBrC,gBAAgB,YAChBD,eACA;AACMuC,kBAAAA,cAAcC,SAASC,eAAezC,aAAa;AAEzD,gBAAIuC,aAAa;AACHG,0BAAAA,UAAUC,IACpBN,KAAI;AAAA,gBACF,GAAGO;AAAAA,cACJ,CAAA,CACH;AAAA,YACF;AAAA,UACF;AAEA,kBAAQ1C,aAAa,YAAYD,gBAAgB,aAC/C,CAACD,oCACD,OAAA;AAAA,YACE6C,IAAIrC;AAAAA,YACJsC,WACE7C,gBAAgB,WACZoC,KAAI;AAAA,cAAE,GAAGO;AAAAA,YAAmB,CAAA,IAC5BlC;AAAAA,YACLX;AAAAA,UAGE,CAAA,IAELA;AAAAA,QAEJ;AAAA,MAAA,CACU;AAAA,IAAA,CACG,CAAC;AAAA,EAAA,CACL;AAEnB;"}
+{"version":3,"file":"Provider.js","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport createCache from \"@emotion/cache\";\nimport {\n  css as cssReact,\n  Global,\n  CacheProvider,\n  ClassNames,\n} from \"@emotion/react\";\n\nimport {\n  CssBaseline,\n  CssScopedBaseline,\n  getThemesVars,\n  HvThemeStructure,\n} from \"@hitachivantara/uikit-styles\";\n\nimport { processThemes } from \"@core/utils/theme\";\nimport { HvTheme } from \"@core/types/theme\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\n\nimport {\n  HvThemeProvider,\n  defaultCacheKey,\n  defaultEmotionCache,\n} from \"./ThemeProvider\";\n\n// Provider props\nexport interface HvProviderProps {\n  /**\n   * Your component tree.\n   */\n  children?: React.ReactNode;\n  /**\n   * Id of your root element.\n   */\n  rootElementId?: string;\n  /**\n   * By default the baseline styles are applied globally, `global`, to the application for the UI Kit components to work properly.\n   * If you need to scope the baseline styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the baseline to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the baseline will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   * If you are providing your own baseline styles, you can set this property to `none` to disable the baseline styles.\n   */\n  cssBaseline?: \"global\" | \"scoped\" | \"none\";\n  /**\n   * By default the theme styles are applied globally, `global`, to the application.\n   * If you need to scope the theme styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the theme to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the theme will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   */\n  cssTheme?: \"global\" | \"scoped\";\n  /**\n   * The string used to prefix the class names and uniquely identify them. The key can only contain lower case alphabetical characters.\n   * This is useful to avoid class name collisions.\n   *\n   * If no value is provided, the default is `hv`.\n   */\n  classNameKey?: string;\n  /**\n   * List of themes to be used by UI Kit.\n   * You can provide your own themes created with the `createTheme` utility and/or the default themes `ds3` and `ds5` provided by UI Kit.\n   *\n   * If no value is provided, the `ds5` theme will be used.\n   */\n  themes?: (HvTheme | HvThemeStructure)[];\n  /**\n   * The active theme. It must be one of the themes passed to `themes`.\n   *\n   * If no value is provided, the first theme from the `themes` list is used. If no `themes` list is provided, the `ds5` theme will be used.\n   */\n  theme?: string;\n  /**\n   * The active color mode. It must be one of the color modes of the active theme.\n   *\n   * If no value is provided, the first color mode defined in the active theme is used.\n   * For the default themes `ds3` and `ds5`, the `dawn` color mode is the one used.\n   */\n  colorMode?: string;\n}\n\nconst scopedRootPrefix = \"hv-uikit-scoped-root\" as const;\n\n/**\n * Enables theming capabilities and makes cross-component theme properties available down the tree.\n */\nexport const HvProvider = ({\n  children,\n  rootElementId,\n  cssBaseline = \"global\",\n  cssTheme = \"global\",\n  themes,\n  theme,\n  colorMode,\n  classNameKey = defaultCacheKey,\n}: HvProviderProps) => {\n  const scopedRootId = useUniqueId(undefined, scopedRootPrefix);\n\n  // Themes\n  const themesList: (HvTheme | HvThemeStructure)[] = processThemes(themes);\n\n  // Emotion cache\n  // Moves UI Kit styles to the top of the <head> so they're loaded first\n  // This enables users to override the UI Kit styles if necessary\n  const emotionCache = useMemo(\n    () =>\n      classNameKey === defaultCacheKey\n        ? defaultEmotionCache\n        : createCache({ key: classNameKey, prepend: true }),\n    [classNameKey]\n  );\n\n  return (\n    <CacheProvider value={emotionCache}>\n      <Global\n        styles={cssReact`\n          ${cssBaseline === \"global\" && CssBaseline}\n          ${getThemesVars(themesList)}\n        `}\n      />\n      <HvThemeProvider\n        themes={themesList}\n        theme={theme || themesList[0].name}\n        emotionCache={emotionCache}\n        colorMode={colorMode || Object.keys(themesList[0].colors.modes)[0]}\n        themeRootId={\n          cssTheme === \"scoped\" ? rootElementId || scopedRootId : undefined\n        }\n      >\n        <ClassNames>\n          {({ css }) => {\n            if (\n              typeof window !== \"undefined\" &&\n              cssBaseline === \"scoped\" &&\n              rootElementId\n            ) {\n              const rootElement = document.getElementById(rootElementId);\n\n              if (rootElement) {\n                rootElement.classList.add(\n                  css({\n                    ...CssScopedBaseline,\n                  })\n                );\n              }\n            }\n\n            return (cssTheme === \"scoped\" || cssBaseline === \"scoped\") &&\n              !rootElementId ? (\n              <div\n                id={scopedRootId}\n                className={\n                  cssBaseline === \"scoped\"\n                    ? css({ ...CssScopedBaseline })\n                    : undefined\n                }\n              >\n                {children}\n              </div>\n            ) : (\n              children\n            );\n          }}\n        </ClassNames>\n      </HvThemeProvider>\n    </CacheProvider>\n  );\n};\n"],"names":["scopedRootPrefix","HvProvider","children","rootElementId","cssBaseline","cssTheme","themes","theme","colorMode","classNameKey","defaultCacheKey","scopedRootId","useUniqueId","undefined","themesList","processThemes","emotionCache","useMemo","defaultEmotionCache","createCache","key","prepend","CssBaseline","getThemesVars","process","env","NODE_ENV","name","Object","keys","colors","modes","css","window","rootElement","document","getElementById","classList","add","CssScopedBaseline"],"mappings":";;;;;;;;;AAiFA,MAAMA,mBAAmB;AAKlB,MAAMC,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAeC;AACA,MAAM;AACfC,QAAAA,eAAeC,YAAYC,QAAWb,gBAAgB;AAGtDc,QAAAA,aAA6CC,cAAcT,MAAM;AAKvE,QAAMU,eAAeC,QACnB,MACER,iBAAiBC,kBACbQ,sBACAC,YAAY;AAAA,IAAEC,KAAKX;AAAAA,IAAcY,SAAS;AAAA,EAAA,CAAM,GACtD,CAACZ,YAAY,CACf;AAGE,SAAA,qBAAC,eAAc,EAAA,OAAOO,cACpB,UAAA;AAAA,IAAC,oBAAA,QAAA,EACC,QACIZ,oBAAAA,gBAAgB,YAAYkB,aAC5BC,KAAAA,cAAcT,UAAU,GAAC,OAAAU,QAAAC,IAAAC,aAAA,eAAA,KAAA,uBAAAF,QAAAC,IAAAC,aAC3B,eAAA,KAAA,6wPAAA,EAAA,CAAA;AAAA,IAEH,oBAAA,iBAAA,EACC,QAAQZ,YACR,OAAOP,SAASO,WAAW,CAAC,EAAEa,MAC9B,cACA,WAAWnB,aAAaoB,OAAOC,KAAKf,WAAW,CAAC,EAAEgB,OAAOC,KAAK,EAAE,CAAC,GACjE,aACE1B,aAAa,WAAWF,iBAAiBQ,eAAeE,QAG1D,UAAA,oBAAC,cACE,UAAC,CAAA;AAAA,MAAEmB,KAAAA;AAAAA,IAAAA,MAAU;AACZ,UACE,OAAOC,WAAW,eAClB7B,gBAAgB,YAChBD,eACA;AACM+B,cAAAA,cAAcC,SAASC,eAAejC,aAAa;AAEzD,YAAI+B,aAAa;AACHG,sBAAAA,UAAUC,IACpBN,KAAI;AAAA,YACF,GAAGO;AAAAA,UACJ,CAAA,CACH;AAAA,QACF;AAAA,MACF;AAEA,cAAQlC,aAAa,YAAYD,gBAAgB,aAC/C,CAACD,gBACA,oBAAA,OAAA,EACC,IAAIQ,cACJ,WACEP,gBAAgB,WACZ4B,KAAI;AAAA,QAAE,GAAGO;AAAAA,MAAmB,CAAA,IAC5B1B,QAGLX,SACH,CAAA,IAEAA;AAAAA,OAGN,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/esm/providers/ThemeProvider.js

@@ -1,10 +1,10 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { parseTheme } from "@hitachivantara/uikit-styles";
 import { HvThemeContext, EmotionContext } from "@hitachivantara/uikit-react-shared";
 import { EmotionContext as EmotionContext2, HvThemeContext as HvThemeContext2, defaultCacheKey, defaultEmotionCache } from "@hitachivantara/uikit-react-shared";
 import { createTheme, ThemeProvider } from "@mui/material/styles";
 import { setElementAttrs } from "../utils/theme.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 const HvThemeProvider = ({
   children,
   themes: themesList,
@@ -55,16 +55,7 @@ const HvThemeProvider = ({
   const emotionCacheValue = useMemo(() => ({
     cache: emotionCache
   }), [emotionCache]);
-  return /* @__PURE__ */ jsx(ThemeProvider, {
-    theme: MuiTheme,
-    children: /* @__PURE__ */ jsx(HvThemeContext.Provider, {
-      value,
-      children: /* @__PURE__ */ jsx(EmotionContext.Provider, {
-        value: emotionCacheValue,
-        children
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: MuiTheme, children: /* @__PURE__ */ jsx(HvThemeContext.Provider, { value, children: /* @__PURE__ */ jsx(EmotionContext.Provider, { value: emotionCacheValue, children }) }) });
 };
 export {
   EmotionContext2 as EmotionContext,

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport { parseTheme, HvThemeStructure } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvThemeContext,\n  defaultCacheKey,\n  defaultEmotionCache,\n  EmotionContext,\n} from \"@hitachivantara/uikit-react-shared\";\nimport type { HvThemeContextValue } from \"@hitachivantara/uikit-react-shared\";\n\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\n\nimport { EmotionCache } from \"@emotion/cache\";\n\nimport { setElementAttrs } from \"@core/utils/theme\";\nimport { HvTheme } from \"@core/types/theme\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\nexport { defaultCacheKey, defaultEmotionCache, EmotionContext };\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: (HvTheme | HvThemeStructure)[];\n  theme: string;\n  emotionCache: EmotionCache;\n  colorMode: string;\n  themeRootId?: string;\n}\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme,\n  emotionCache,\n  colorMode,\n  themeRootId: rootId,\n}: HvThemeProviderProps) => {\n  const initTheme = parseTheme(themesList, theme, colorMode);\n\n  const [parsedTheme, setParsedTheme] = useState(initTheme);\n  const [activeTheme, setActiveTheme] = useState(parsedTheme.theme);\n  const [selectedTheme, setSelectedTheme] = useState(parsedTheme.selectedTheme);\n  const [selectedMode, setThemeMode] = useState(parsedTheme.selectedMode);\n  const [colorModes, setColorModes] = useState(parsedTheme.colorModes);\n  const [themes, setThemes] = useState(themesList.map((t) => t.name));\n\n  useEffect(() => {\n    const pTheme = parseTheme(themesList, theme, colorMode);\n    setThemes(themesList.map((t) => t.name));\n    setParsedTheme(pTheme);\n  }, [themesList, theme, colorMode]);\n\n  useEffect(() => {\n    setActiveTheme(parsedTheme.theme);\n    setSelectedTheme(parsedTheme.selectedTheme);\n    setThemeMode(parsedTheme.selectedMode);\n    setColorModes(parsedTheme.colorModes);\n\n    setElementAttrs(\n      parsedTheme.selectedTheme,\n      parsedTheme.selectedMode,\n      parsedTheme.colorScheme,\n      rootId\n    );\n  }, [parsedTheme, rootId]);\n\n  const changeTheme = useCallback(\n    (newTheme = selectedTheme, newMode = selectedMode) => {\n      const pTheme = parseTheme(themesList, newTheme, newMode);\n      setParsedTheme(pTheme);\n    },\n    [selectedMode, selectedTheme, themesList]\n  );\n\n  const value = useMemo<HvThemeContextValue>(\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  const emotionCacheValue = useMemo(\n    () => ({ cache: emotionCache }),\n    [emotionCache]\n  );\n\n  return (\n    <MuiThemeProvider theme={MuiTheme}>\n      <HvThemeContext.Provider value={value}>\n        <EmotionContext.Provider value={emotionCacheValue}>\n          {children}\n        </EmotionContext.Provider>\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["HvThemeProvider","children","themes","themesList","theme","emotionCache","colorMode","themeRootId","rootId","initTheme","parseTheme","parsedTheme","setParsedTheme","useState","activeTheme","setActiveTheme","selectedTheme","setSelectedTheme","selectedMode","setThemeMode","colorModes","setColorModes","setThemes","map","t","name","useEffect","pTheme","setElementAttrs","colorScheme","changeTheme","useCallback","newTheme","newMode","value","useMemo","MuiTheme","createTheme","breakpoints","values","emotionCacheValue","cache","MuiThemeProvider","HvThemeContext","Provider","EmotionContext"],"mappings":";;;;;;;AAmCO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAaC;AACO,MAAM;AAC1B,QAAMC,YAAYC,WAAWP,YAAYC,OAAOE,SAAS;AAEzD,QAAM,CAACK,aAAaC,cAAc,IAAIC,SAASJ,SAAS;AACxD,QAAM,CAACK,aAAaC,cAAc,IAAIF,SAASF,YAAYP,KAAK;AAChE,QAAM,CAACY,eAAeC,gBAAgB,IAAIJ,SAASF,YAAYK,aAAa;AAC5E,QAAM,CAACE,cAAcC,YAAY,IAAIN,SAASF,YAAYO,YAAY;AACtE,QAAM,CAACE,YAAYC,aAAa,IAAIR,SAASF,YAAYS,UAAU;AAC7D,QAAA,CAAClB,QAAQoB,SAAS,IAAIT,SAASV,WAAWoB,IAAKC,CAAAA,MAAMA,EAAEC,IAAI,CAAC;AAElEC,YAAU,MAAM;AACd,UAAMC,SAASjB,WAAWP,YAAYC,OAAOE,SAAS;AACtDgB,cAAUnB,WAAWoB,IAAKC,CAAMA,MAAAA,EAAEC,IAAI,CAAC;AACvCb,mBAAee,MAAM;AAAA,EACpB,GAAA,CAACxB,YAAYC,OAAOE,SAAS,CAAC;AAEjCoB,YAAU,MAAM;AACdX,mBAAeJ,YAAYP,KAAK;AAChCa,qBAAiBN,YAAYK,aAAa;AAC1CG,iBAAaR,YAAYO,YAAY;AACrCG,kBAAcV,YAAYS,UAAU;AAEpCQ,oBACEjB,YAAYK,eACZL,YAAYO,cACZP,YAAYkB,aACZrB,MACF;AAAA,EAAA,GACC,CAACG,aAAaH,MAAM,CAAC;AAExB,QAAMsB,cAAcC,YAClB,CAACC,WAAWhB,eAAeiB,UAAUf,iBAAiB;AACpD,UAAMS,SAASjB,WAAWP,YAAY6B,UAAUC,OAAO;AACvDrB,mBAAee,MAAM;AAAA,EAEvB,GAAA,CAACT,cAAcF,eAAeb,UAAU,CAC1C;AAEM+B,QAAAA,QAAQC,QACZ,OAAO;AAAA,IACLjC;AAAAA,IACAkB;AAAAA,IACAN;AAAAA,IACAE;AAAAA,IACAE;AAAAA,IACAY;AAAAA,IACAtB;AAAAA,EAAAA,IAEF,CACEN,QACAkB,YACAN,aACAE,eACAE,cACAY,aACAtB,MAAM,CAEV;AAEA,QAAM4B,WAAWC,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGzB,YAAYwB,YAAYC;AAAAA,MAC7B;AAAA,IACF;AAAA,EAAA,CACD;AAEKC,QAAAA,oBAAoBL,QACxB,OAAO;AAAA,IAAEM,OAAOpC;AAAAA,EAAAA,IAChB,CAACA,YAAY,CACf;AAEA,6BACGqC,eAAgB;AAAA,IAACtC,OAAOgC;AAAAA,IAASnC,UAC/B0C,oBAAAA,eAAeC,UAAQ;AAAA,MAACV;AAAAA,MAAajC,UACnC4C,oBAAAA,eAAeD,UAAQ;AAAA,QAACV,OAAOM;AAAAA,QAAkBvC;AAAAA,MAAAA,CAEzB;AAAA,IAAA,CACF;AAAA,EAAA,CACT;AAEtB;"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport { parseTheme, HvThemeStructure } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvThemeContext,\n  defaultCacheKey,\n  defaultEmotionCache,\n  EmotionContext,\n} from \"@hitachivantara/uikit-react-shared\";\nimport type { HvThemeContextValue } from \"@hitachivantara/uikit-react-shared\";\n\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\n\nimport { EmotionCache } from \"@emotion/cache\";\n\nimport { setElementAttrs } from \"@core/utils/theme\";\nimport { HvTheme } from \"@core/types/theme\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\nexport { defaultCacheKey, defaultEmotionCache, EmotionContext };\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: (HvTheme | HvThemeStructure)[];\n  theme: string;\n  emotionCache: EmotionCache;\n  colorMode: string;\n  themeRootId?: string;\n}\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme,\n  emotionCache,\n  colorMode,\n  themeRootId: rootId,\n}: HvThemeProviderProps) => {\n  const initTheme = parseTheme(themesList, theme, colorMode);\n\n  const [parsedTheme, setParsedTheme] = useState(initTheme);\n  const [activeTheme, setActiveTheme] = useState(parsedTheme.theme);\n  const [selectedTheme, setSelectedTheme] = useState(parsedTheme.selectedTheme);\n  const [selectedMode, setThemeMode] = useState(parsedTheme.selectedMode);\n  const [colorModes, setColorModes] = useState(parsedTheme.colorModes);\n  const [themes, setThemes] = useState(themesList.map((t) => t.name));\n\n  useEffect(() => {\n    const pTheme = parseTheme(themesList, theme, colorMode);\n    setThemes(themesList.map((t) => t.name));\n    setParsedTheme(pTheme);\n  }, [themesList, theme, colorMode]);\n\n  useEffect(() => {\n    setActiveTheme(parsedTheme.theme);\n    setSelectedTheme(parsedTheme.selectedTheme);\n    setThemeMode(parsedTheme.selectedMode);\n    setColorModes(parsedTheme.colorModes);\n\n    setElementAttrs(\n      parsedTheme.selectedTheme,\n      parsedTheme.selectedMode,\n      parsedTheme.colorScheme,\n      rootId\n    );\n  }, [parsedTheme, rootId]);\n\n  const changeTheme = useCallback(\n    (newTheme = selectedTheme, newMode = selectedMode) => {\n      const pTheme = parseTheme(themesList, newTheme, newMode);\n      setParsedTheme(pTheme);\n    },\n    [selectedMode, selectedTheme, themesList]\n  );\n\n  const value = useMemo<HvThemeContextValue>(\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  const emotionCacheValue = useMemo(\n    () => ({ cache: emotionCache }),\n    [emotionCache]\n  );\n\n  return (\n    <MuiThemeProvider theme={MuiTheme}>\n      <HvThemeContext.Provider value={value}>\n        <EmotionContext.Provider value={emotionCacheValue}>\n          {children}\n        </EmotionContext.Provider>\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["HvThemeProvider","children","themes","themesList","theme","emotionCache","colorMode","themeRootId","rootId","initTheme","parseTheme","parsedTheme","setParsedTheme","useState","activeTheme","setActiveTheme","selectedTheme","setSelectedTheme","selectedMode","setThemeMode","colorModes","setColorModes","setThemes","map","t","name","useEffect","pTheme","setElementAttrs","colorScheme","changeTheme","useCallback","newTheme","newMode","value","useMemo","MuiTheme","createTheme","breakpoints","values","emotionCacheValue","cache","MuiThemeProvider"],"mappings":";;;;;;;AAmCO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAaC;AACO,MAAM;AAC1B,QAAMC,YAAYC,WAAWP,YAAYC,OAAOE,SAAS;AAEzD,QAAM,CAACK,aAAaC,cAAc,IAAIC,SAASJ,SAAS;AACxD,QAAM,CAACK,aAAaC,cAAc,IAAIF,SAASF,YAAYP,KAAK;AAChE,QAAM,CAACY,eAAeC,gBAAgB,IAAIJ,SAASF,YAAYK,aAAa;AAC5E,QAAM,CAACE,cAAcC,YAAY,IAAIN,SAASF,YAAYO,YAAY;AACtE,QAAM,CAACE,YAAYC,aAAa,IAAIR,SAASF,YAAYS,UAAU;AAC7D,QAAA,CAAClB,QAAQoB,SAAS,IAAIT,SAASV,WAAWoB,IAAKC,CAAAA,MAAMA,EAAEC,IAAI,CAAC;AAElEC,YAAU,MAAM;AACd,UAAMC,SAASjB,WAAWP,YAAYC,OAAOE,SAAS;AACtDgB,cAAUnB,WAAWoB,IAAKC,CAAMA,MAAAA,EAAEC,IAAI,CAAC;AACvCb,mBAAee,MAAM;AAAA,EACpB,GAAA,CAACxB,YAAYC,OAAOE,SAAS,CAAC;AAEjCoB,YAAU,MAAM;AACdX,mBAAeJ,YAAYP,KAAK;AAChCa,qBAAiBN,YAAYK,aAAa;AAC1CG,iBAAaR,YAAYO,YAAY;AACrCG,kBAAcV,YAAYS,UAAU;AAEpCQ,oBACEjB,YAAYK,eACZL,YAAYO,cACZP,YAAYkB,aACZrB,MACF;AAAA,EAAA,GACC,CAACG,aAAaH,MAAM,CAAC;AAExB,QAAMsB,cAAcC,YAClB,CAACC,WAAWhB,eAAeiB,UAAUf,iBAAiB;AACpD,UAAMS,SAASjB,WAAWP,YAAY6B,UAAUC,OAAO;AACvDrB,mBAAee,MAAM;AAAA,EAEvB,GAAA,CAACT,cAAcF,eAAeb,UAAU,CAC1C;AAEM+B,QAAAA,QAAQC,QACZ,OAAO;AAAA,IACLjC;AAAAA,IACAkB;AAAAA,IACAN;AAAAA,IACAE;AAAAA,IACAE;AAAAA,IACAY;AAAAA,IACAtB;AAAAA,EAAAA,IAEF,CACEN,QACAkB,YACAN,aACAE,eACAE,cACAY,aACAtB,MAAM,CAEV;AAEA,QAAM4B,WAAWC,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGzB,YAAYwB,YAAYC;AAAAA,MAC7B;AAAA,IACF;AAAA,EAAA,CACD;AAEKC,QAAAA,oBAAoBL,QACxB,OAAO;AAAA,IAAEM,OAAOpC;AAAAA,EAAAA,IAChB,CAACA,YAAY,CACf;AAEA,6BACGqC,eAAiB,EAAA,OAAON,UACvB,UAAA,oBAAC,eAAe,UAAf,EAAwB,OACvB,UAAA,oBAAC,eAAe,UAAf,EAAwB,OAAOI,mBAC7BvC,SACH,CAAA,GACF,EACF,CAAA;AAEJ;"}

package/dist/esm/utils/iconVariant.js

@@ -1,26 +1,15 @@
-import { Info, Fail, Caution, Success } from "@hitachivantara/uikit-react-icons";
 import { jsx } from "@emotion/react/jsx-runtime";
+import { Info, Fail, Caution, Success } from "@hitachivantara/uikit-react-icons";
 const iconVariant = (variant, color, semantic) => {
   switch (variant) {
     case "success":
-      return /* @__PURE__ */ jsx(Success, {
-        color,
-        semantic: semantic && "positive"
-      });
+      return /* @__PURE__ */ jsx(Success, { color, semantic: semantic && "positive" });
     case "warning":
-      return /* @__PURE__ */ jsx(Caution, {
-        color,
-        semantic: semantic && "warning"
-      });
+      return /* @__PURE__ */ jsx(Caution, { color, semantic: semantic && "warning" });
     case "error":
-      return /* @__PURE__ */ jsx(Fail, {
-        color,
-        semantic: semantic && "negative"
-      });
+      return /* @__PURE__ */ jsx(Fail, { color, semantic: semantic && "negative" });
     case "info":
-      return /* @__PURE__ */ jsx(Info, {
-        color
-      });
+      return /* @__PURE__ */ jsx(Info, { color });
     default:
       return null;
   }

package/dist/esm/utils/iconVariant.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconVariant.js","sources":["../../../src/utils/iconVariant.tsx"],"sourcesContent":["import {\n  Fail,\n  Success,\n  Caution,\n  Info,\n  IconBaseProps,\n} from \"@hitachivantara/uikit-react-icons\";\n\nexport const iconVariant = (\n  variant: \"success\" | \"warning\" | \"error\" | \"info\" | \"default\",\n  color?: IconBaseProps[\"color\"],\n  semantic?: true\n) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} semantic={semantic && \"positive\"} />;\n    case \"warning\":\n      return <Caution color={color} semantic={semantic && \"warning\"} />;\n    case \"error\":\n      return <Fail color={color} semantic={semantic && \"negative\"} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n"],"names":["iconVariant","variant","color","semantic","Success","Caution","Fail","Info"],"mappings":";;AAQO,MAAMA,cAAcA,CACzBC,SACAC,OACAC,aACG;AACH,UAAQF,SAAO;AAAA,IACb,KAAK;AACH,iCAAQG,SAAO;AAAA,QAACF;AAAAA,QAAcC,UAAUA,YAAY;AAAA,MAAA,CAAa;AAAA,IACnE,KAAK;AACH,iCAAQE,SAAO;AAAA,QAACH;AAAAA,QAAcC,UAAUA,YAAY;AAAA,MAAA,CAAY;AAAA,IAClE,KAAK;AACH,iCAAQG,MAAI;AAAA,QAACJ;AAAAA,QAAcC,UAAUA,YAAY;AAAA,MAAA,CAAa;AAAA,IAChE,KAAK;AACH,iCAAQI,MAAI;AAAA,QAACL;AAAAA,MAAAA,CAAe;AAAA,IAC9B;AACS,aAAA;AAAA,EACX;AACF;"}
+{"version":3,"file":"iconVariant.js","sources":["../../../src/utils/iconVariant.tsx"],"sourcesContent":["import {\n  Fail,\n  Success,\n  Caution,\n  Info,\n  IconBaseProps,\n} from \"@hitachivantara/uikit-react-icons\";\n\nexport const iconVariant = (\n  variant: \"success\" | \"warning\" | \"error\" | \"info\" | \"default\",\n  color?: IconBaseProps[\"color\"],\n  semantic?: true\n) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} semantic={semantic && \"positive\"} />;\n    case \"warning\":\n      return <Caution color={color} semantic={semantic && \"warning\"} />;\n    case \"error\":\n      return <Fail color={color} semantic={semantic && \"negative\"} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n"],"names":["iconVariant","variant","color","semantic"],"mappings":";;AAQO,MAAMA,cAAcA,CACzBC,SACAC,OACAC,aACG;AACH,UAAQF,SAAO;AAAA,IACb,KAAK;AACH,aAAQ,oBAAA,SAAA,EAAQ,OAAc,UAAUE,YAAY,WAAc,CAAA;AAAA,IACpE,KAAK;AACH,aAAQ,oBAAA,SAAA,EAAQ,OAAc,UAAUA,YAAY,UAAa,CAAA;AAAA,IACnE,KAAK;AACH,aAAQ,oBAAA,MAAA,EAAK,OAAc,UAAUA,YAAY,WAAc,CAAA;AAAA,IACjE,KAAK;AACI,aAAA,oBAAC,QAAK,MAAgB,CAAA;AAAA,IAC/B;AACS,aAAA;AAAA,EACX;AACF;"}

package/dist/types/index.d.ts

@@ -1000,19 +1000,11 @@ export declare const HvAccordion: (props: HvAccordionProps) => JSX_2.Element;
 
 export declare type HvAccordionClasses = ExtractNames<typeof useClasses_16>;
 
-export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "onChange"> {
+export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "onChange" | "children"> {
     /**
-     * Id to be applied to the root node of the accordion.
-     */
-    id?: string;
-    /**
-     * Class names to be applied to the accordion.
-     */
-    className?: string;
-    /**
-     * A Jss Object used to override or extend the styles applied.
+     * Content to be rendered
      */
-    classes?: HvAccordionClasses;
+    children: React_2.ReactNode;
     /**
      * The accordion label button.
      */
@@ -1046,9 +1038,9 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
      */
     labelVariant?: HvTypographyVariants;
     /**
-     * Content to be rendered
+     * A Jss Object used to override or extend the styles applied.
      */
-    children: React_2.ReactNode;
+    classes?: HvAccordionClasses;
 }
 
 export declare const HvActionBar: (props: HvActionBarProps) => JSX_2.Element;
@@ -1356,6 +1348,8 @@ export declare interface HvBannerProps extends Omit<SnackbarProps, "anchorOrigin
     bannerContentProps?: HvBannerContentProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBannerClasses;
+    /** @ignore */
+    ref?: SnackbarProps["ref"];
 }
 
 export declare type HvBannerVariant = "success" | "warning" | "error" | "default";
@@ -2133,11 +2127,13 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
     showFullscreen?: boolean;
     /** Whether to hide the thumbnails. Hidden by default in "xs" mode */
     hideThumbnails?: boolean;
+    /** Controls position. */
     controlsPosition?: "top" | "bottom";
+    /** Thumbnails position. */
     thumbnailsPosition?: "top" | "bottom";
     /** Carousel configuration options. @see https://www.embla-carousel.com/api/options/ */
     carouselOptions?: EmblaOptionsType;
-    /** */
+    /** Function that renders the thumbnail.  */
     renderThumbnail?: (index: number) => React_2.ReactNode;
     /** The callback fired when the active slide changes. */
     onChange?: (index: number) => void;
@@ -2604,18 +2600,6 @@ export declare const HvDatePicker: (props: HvDatePickerProps) => JSX_2.Element;
 export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_106>;
 
 export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "onChange"> {
-    /**
-     * Class names to be applied.
-     */
-    className?: string;
-    /**
-     * A Jss Object used to override or extend the component styles applied.
-     */
-    classes?: HvDatePickerClasses;
-    /**
-     * Id to be applied to the form element root node.
-     */
-    id?: string;
     /**
      * The form element name.
      */
@@ -2627,22 +2611,10 @@ export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "
      * If not provided, an aria-label or aria-labelledby must be provided instead.
      */
     label?: React.ReactNode;
-    /**
-     * @ignore
-     */
-    "aria-label"?: string;
-    /**
-     * @ignore
-     */
-    "aria-labelledby"?: string;
     /**
      * Provide additional descriptive text for the form element.
      */
     description?: React.ReactNode;
-    /**
-     * @ignore
-     */
-    "aria-describedby"?: string;
     /**
      * The placeholder value when nothing is selected.
      */
@@ -2768,6 +2740,10 @@ export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "
      * Additional props passed to the HvCalendar component.
      */
     calendarProps?: Partial<HvCalendarProps>;
+    /**
+     * A Jss Object used to override or extend the component styles applied.
+     */
+    classes?: HvDatePickerClasses;
 }
 
 /** @deprecated use `HvFormStatus` instead */
@@ -2800,8 +2776,6 @@ export declare interface HvDialogContentProps extends Omit<DialogContentProps, "
 }
 
 export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" | "classes" | "open">, HvBaseProps {
-    /** Id to be applied to the root node. */
-    id?: string;
     /** Current state of the Dialog. */
     open?: boolean;
     /** Function executed on close. */
@@ -2826,6 +2800,10 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
     classes?: HvDialogClasses;
     /** Variant of the dialog. Adds a status bar to the top of the dialog. If not provided, no status bar is added. */
     variant?: "success" | "error" | "warning";
+    /** @ignore */
+    ref?: DialogProps["ref"];
+    /** @ignore */
+    component?: DialogProps["component"];
 }
 
 export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_2.Element;
@@ -2932,6 +2910,10 @@ export declare interface HvDrawerProps extends DrawerProps, Omit<DrawerProps, "c
      * Title for the button close.
      */
     buttonTitle?: string;
+    /** @ignore */
+    ref?: DrawerProps["ref"];
+    /** @ignore */
+    component?: DrawerProps["component"];
 }
 
 /**
@@ -3098,18 +3080,10 @@ export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement,
 }
 
 export declare interface HvDropdownProps extends HvBaseProps<HTMLDivElement, "onChange"> {
-    /**
-     * Class names to be applied.
-     */
-    className?: string;
     /**
      * A Jss Object used to override or extend the component styles applied.
      */
     classes?: HvDropdownClasses;
-    /**
-     * Id to be applied to the form element root node.
-     */
-    id?: string;
     /**
      * The form element name.
      */
@@ -3121,22 +3095,10 @@ export declare interface HvDropdownProps extends HvBaseProps<HTMLDivElement, "on
      * If not provided, an aria-label or aria-labelledby must be provided instead.
      */
     label?: any;
-    /**
-     * @ignore
-     */
-    "aria-label"?: string;
-    /**
-     * @ignore
-     */
-    "aria-labelledby"?: string;
     /**
      * Provide additional descriptive text for the form element.
      */
     description?: any;
-    /**
-     * @ignore
-     */
-    "aria-describedby"?: string;
     /**
      * The placeholder value when nothing is selected.
      */
@@ -4360,7 +4322,7 @@ export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onC
 /**
  * Component used to show a set of related data to the user.
  */
-export declare const HvList: (props: HvListProps) => JSX_2.Element;
+export declare const HvList: (props: HvListProps) => JSX_2.Element | null;
 
 export declare type HvListClasses = ExtractNames<typeof useClasses_63>;
 
@@ -4526,6 +4488,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
     hidden?: boolean;
     /** Color applied to the bars. */
     color?: HvColorAny;
+    /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvLoadingClasses;
 }
 
@@ -4948,18 +4911,10 @@ export declare interface HvRadioGroupProps extends HvBaseProps<HTMLDivElement, "
 }
 
 export declare interface HvRadioProps extends Omit<RadioProps_2, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
-    /**
-     * Class names to be applied.
-     */
-    className?: string;
     /**
      * A Jss Object used to override or extend the styles applied to the radio button.
      */
     classes?: HvRadioClasses;
-    /**
-     * Id to be applied to the form element root node.
-     */
-    id?: string;
     /**
      * The form element name.
      */
@@ -4977,18 +4932,6 @@ export declare interface HvRadioProps extends Omit<RadioProps_2, "onChange" | "c
      * If not provided, an aria-label or aria-labelledby must be provided.
      */
     label?: React_2.ReactNode;
-    /**
-     * @ignore
-     */
-    "aria-label"?: string;
-    /**
-     * @ignore
-     */
-    "aria-labelledby"?: string;
-    /**
-     * @ignore
-     */
-    "aria-describedby"?: string;
     /**
      * Properties passed on to the label element.
      */
@@ -5054,10 +4997,10 @@ export declare interface HvRadioProps extends Omit<RadioProps_2, "onChange" | "c
      * We trigger a `onFocus` callback too.
      */
     onFocusVisible?: (event: React_2.FocusEvent<any>) => void;
-    /**
-     * @ignore
-     */
-    onBlur?: (event: React_2.FocusEvent<any>) => void;
+    /** @ignore */
+    ref?: RadioProps_2["ref"];
+    /** @ignore */
+    component?: RadioProps_2["component"];
 }
 
 export declare type HvRadioStatus = "standBy" | "valid" | "invalid";
@@ -5507,6 +5450,8 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
     snackbarContentProps?: HvSnackbarContentProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSnackbarClasses;
+    /** @ignore */
+    ref?: SnackbarProps["ref"];
 }
 
 export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
@@ -5627,18 +5572,10 @@ export declare interface HvSwitchColumnCellProp {
 }
 
 export declare interface HvSwitchProps extends Omit<SwitchProps_2, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
-    /**
-     * Class names to be applied.
-     */
-    className?: string;
     /**
      * A Jss Object used to override or extend the styles applied to the switch.
      */
     classes?: HvSwitchClasses;
-    /**
-     * Id to be applied to the form element root node.
-     */
-    id?: string;
     /**
      * The form element name.
      */
@@ -5659,18 +5596,6 @@ export declare interface HvSwitchProps extends Omit<SwitchProps_2, "onChange" |
      * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.
      */
     label?: React_2.ReactNode;
-    /**
-     * @ignore
-     */
-    "aria-label"?: string;
-    /**
-     * @ignore
-     */
-    "aria-labelledby"?: string;
-    /**
-     * @ignore
-     */
-    "aria-describedby"?: string;
     /**
      * Properties passed on to the label element.
      */
@@ -5726,6 +5651,10 @@ export declare interface HvSwitchProps extends Omit<SwitchProps_2, "onChange" |
      * Properties passed on to the input element.
      */
     inputProps?: React_2.InputHTMLAttributes<HTMLInputElement>;
+    /** @ignore */
+    ref?: SwitchProps_2["ref"];
+    /** @ignore */
+    component?: SwitchProps_2["component"];
 }
 
 export declare const HvTab: (props: HvTabProps) => JSX_2.Element;
@@ -6068,6 +5997,10 @@ export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
      * A Jss Object used to override or extend the component styles.
      */
     classes?: HvTabsClasses;
+    /** @ignore */
+    ref?: TabsProps["ref"];
+    /** @ignore */
+    component?: TabsProps["component"];
 }
 
 /**
@@ -6085,8 +6018,6 @@ export declare type HvTagClasses = ExtractNames<typeof useClasses_48>;
 export declare function hvTagColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, A extends object = Record<string, unknown>>(col: HvTableColumnConfig<D, H>, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps): HvTableColumnConfig<D, H>;
 
 export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes">, HvBaseProps<HTMLDivElement, "children"> {
-    /** Inline styles to be applied to the root element. */
-    style?: CSSProperties;
     /** The label of the tag element. */
     label?: React.ReactNode;
     /** Indicates that the form element is disabled. */
@@ -6112,6 +6043,10 @@ export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes">
     deleteButtonProps?: HvButtonProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTagClasses;
+    /** @ignore */
+    ref?: ChipProps["ref"];
+    /** @ignore */
+    component?: ChipProps["component"];
 }
 
 /**
@@ -6196,7 +6131,9 @@ export declare const HvTextArea: ForwardRefExoticComponent<Omit<HvTextAreaProps,
 
 export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_60>;
 
-export declare interface HvTextAreaProps extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "rows" | "classes" | "onFocus"> {
+export declare interface HvTextAreaProps extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "rows" | "classes" | "onFocus" | "placeholder"> {
+    /** The placeholder value of the text area. */
+    placeholder?: string;
     /**
      * The label of the form element.
      *
@@ -6380,8 +6317,6 @@ export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_117>;
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
 export declare interface HvTimePickerProps extends Omit<HvFormElementProps, "classes" | "value" | "defaultValue" | "onChange" | "onFocus" | "onBlur"> {
-    /** Id to be applied to the form element root node. */
-    id?: string;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTimePickerClasses;
     /** Current value of the element when _controlled_. Follows the 24-hour format. */
@@ -6420,6 +6355,17 @@ export declare interface HvTimePickerProps extends Omit<HvFormElementProps, "cla
     escapeWithReference?: boolean;
     /** Extra properties to be passed to the TimePicker's dropdown. */
     dropdownProps?: Partial<HvBaseDropdownProps>;
+    /**
+     * The label of the form element.
+     *
+     * The form element must be labeled for accessibility reasons.
+     * If not provided, an aria-label or aria-labelledby must be provided instead.
+     */
+    label?: React.ReactNode;
+    /**
+     * Provide additional descriptive text for the form element.
+     */
+    description?: React.ReactNode;
 }
 
 export declare type HvTimePickerValue = {