@hitachivantara/uikit-react-core 5.0.0-next.1 → 5.0.0-next.10

package/dist/esm/index.js.map

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

package/dist/esm/providers/Provider.js

@@ -1,7 +1,8 @@
-import { Global, css } from "@emotion/react";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { CacheProvider, Global, css } from "@emotion/react";
 import { CssBaseline, getThemesVars } from "@hitachivantara/uikit-styles";
 import { HvThemeProvider } from "./ThemeProvider.js";
-import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
+import { emotionCache } from "../emotion/cache.js";
 import { parseThemes } from "../utils/theme.js";
 const HvProvider = ({
   children,
@@ -12,21 +13,15 @@ const HvProvider = ({
   const {
     baseTheme = "ds5",
     baseColorMode = "dawn",
+    inheritColorModes = true,
     name,
     ...customizations
   } = theme;
-  const themes = parseThemes(baseTheme, name, customizations);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx(Global, {
-      styles: /* @__PURE__ */ css(enableCssBaseline && CssBaseline, " ", getThemesVars(themes), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVtQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IENzc0Jhc2VsaW5lLCBnZXRUaGVtZXNWYXJzIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHBhcnNlVGhlbWVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyBIdlRoZW1lIH0gZnJvbSBcInR5cGVzL3RoZW1lXCI7XG5pbXBvcnQgeyBIdlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi9UaGVtZVByb3ZpZGVyXCI7XG5cbi8vIFByb3ZpZGVyIHByb3BzXG5leHBvcnQgdHlwZSBIdlByb3ZpZGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBZb3VyIGNvbXBvbmVudCB0cmVlLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSBiYXNlbGluZSBzdHlsZXMgYXJlIGFwcGxpZWQgZ2xvYmFsbHkgdG8gdGhlIGFwcGxpY2F0aW9uIHRvIGF2b2lkIHN0eWxpbmcgY29uZmxpY3RzIGFuZCBmb3IgdGhlIFVJIEtpdCBjb21wb25lbnRzIHRvIHdvcmsgcHJvcGVybHkuXG4gICAqIElmIHlvdSBhcmUgcHJvdmlkaW5nIHlvdXIgb3duIGJhc2VsaW5lIHN0eWxlcywgeW91IGNhbiBzZXQgdGhpcyBwcm9wZXJ0eSB0byBmYWxzZS5cbiAgICovXG4gIGVuYWJsZUNzc0Jhc2VsaW5lPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIElkIG9mIHlvdXIgcm9vdCBlbGVtZW50LiBUaGUgdGhlbWUncyBhdHRyaWJ1dGVzIGFuZCBDU1MgdmFyaWFibGVzIHdpbGwgYmUgc2V0IGluIHRoaXMgZWxlbWVudC5cbiAgICogSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQsIHRoZSBkb2N1bWVudCdzIGJvZHkgd2lsbCBiZSB1c2VkLlxuICAgKi9cbiAgcm9vdEVsZW1lbnRJZD86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBVSSBLaXQgdGhlbWUgb2JqZWN0IHVzZWQgdG8gc2V0IHRoZSB0aGVtZSBhbmQgaW5qZWN0IHRoZSBjdXN0b21pemF0aW9ucyBuZWVkZWQgdG8gbWVldCBzcGVjaWZpYyBkZXNpZ24gbmVlZHMuXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZGVmYXVsdCB0aGVtZSBhbmQgbW9kZSB3aWxsIGJlIGBcImRzNVwiYCBhbmQgYFwiZGF3blwiYCwgcmVzcGVjdGl2ZWx5LlxuICAgKi9cbiAgdGhlbWU/OiBIdlRoZW1lO1xufTtcblxuLyoqXG4gKiBUaGlzIGNvbXBvbmVudCBtYWtlcyBjcm9zcy1jb21wb25lbnQgdGhlbWUgcHJvcGVydGllcyBhdmFpbGFibGUgZG93biB0aGUgUmVhY3QgdHJlZSB0aGFua3MgdG8gUmVhY3QgY29udGV4dC5cbiAqXG4gKiBUaGUgYEh2UHJvdmlkZXJgIHNob3VsZCBwcmVmZXJhYmx5IGJlIHVzZWQgYXQgKip0aGUgcm9vdCBvZiB5b3VyIGNvbXBvbmVudCB0cmVlKiogYW5kXG4gKiBiZSB1bmlxdWUgaW4gdGhlIEFwcCBpbiBtb3N0IGNhc2VzLlxuICpcbiAqIGBgYGpzeFxuICogPEh2UHJvdmlkZXI+XG4gKiAgIDxNeUFwcCAvPlxuICogPEh2UHJvdmlkZXIvPlxuICogYGBgXG4gKlxuICogSWYgc2V2ZXJhbCBgSHZQcm92aWRlcmAncyBhcmUgdXNlZCBpbiBwYXJhbGxlbCwgeW91J2xsIG5lZWQgdG8gY3JlYXRlIGRpZmZlcmVudCByb290IGVsZW1lbnRzIGFuZFxuICogc2V0IHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkgZm9yIGVhY2ggb25lIG9mIHRoZSBwcm92aWRlcnMuIE90aGVyd2lzZSwgdGhlIHN0eWxpbmcgd2lsbCBub3Qgd29yayBwcm9wZXJseS5cbiAqXG4gKiAqKlVJIEtpdCBjb21wb25lbnRzIHdpbGwgbm90IHdvcmsgYXQgYWxsIGlmIHRoZSBgSHZQcm92aWRlcmAgaXMgbm90IGNvbmZpZ3VyZWQgY29ycmVjdGx5KiosXG4gKiBhcyB0aGV5IHdpbGwgbm90IGJlIGFibGUgdG8gYWNjZXNzIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBhY3RpdmUgdGhlbWUuXG4gKlxuICovXG5leHBvcnQgY29uc3QgSHZQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICByb290RWxlbWVudElkLFxuICBlbmFibGVDc3NCYXNlbGluZSA9IHRydWUsXG4gIHRoZW1lID0ge30sXG59OiBIdlByb3ZpZGVyUHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGJhc2VUaGVtZSA9IFwiZHM1XCIsXG4gICAgYmFzZUNvbG9yTW9kZSA9IFwiZGF3blwiLFxuICAgIG5hbWUsXG4gICAgLi4uY3VzdG9taXphdGlvbnNcbiAgfSA9IHRoZW1lO1xuXG4gIC8vIEdldCB0aGVtZXMgbGlzdFxuICBjb25zdCB0aGVtZXMgPSBwYXJzZVRoZW1lcyhiYXNlVGhlbWUsIG5hbWUsIGN1c3RvbWl6YXRpb25zKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICR7ZW5hYmxlQ3NzQmFzZWxpbmUgJiYgQ3NzQmFzZWxpbmV9XG4gICAgICAgICAgJHtnZXRUaGVtZXNWYXJzKHRoZW1lcyl9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEh2VGhlbWVQcm92aWRlclxuICAgICAgICB0aGVtZXM9e3RoZW1lc31cbiAgICAgICAgdGhlbWU9e25hbWUgfHwgYmFzZVRoZW1lfVxuICAgICAgICBjb2xvck1vZGU9e2Jhc2VDb2xvck1vZGV9XG4gICAgICAgIHJvb3RFbGVtZW50SWQ9e3Jvb3RFbGVtZW50SWR9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvSHZUaGVtZVByb3ZpZGVyPlxuICAgIDwvPlxuICApO1xufTtcblxuaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICBIdlByb3ZpZGVyLmRpc3BsYXlOYW1lID0gXCJQcm92aWRlclwiO1xufVxuIl19 */")
-    }), /* @__PURE__ */ jsx(HvThemeProvider, {
-      themes,
-      theme: name || baseTheme,
-      colorMode: baseColorMode,
-      rootElementId,
-      children
-    })]
-  });
+  const themes = parseThemes(baseTheme, name, inheritColorModes, customizations);
+  return /* @__PURE__ */ jsxs(CacheProvider, { value: emotionCache, children: [
+    /* @__PURE__ */ jsx(Global, { styles: /* @__PURE__ */ css(enableCssBaseline && CssBaseline, " ", getThemesVars(themes), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEVtQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwsIENhY2hlUHJvdmlkZXIgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IENzc0Jhc2VsaW5lLCBnZXRUaGVtZXNWYXJzIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHBhcnNlVGhlbWVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyBIdlRoZW1lIH0gZnJvbSBcIi4uL3R5cGVzL3RoZW1lXCI7XG5pbXBvcnQgeyBIdlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi9UaGVtZVByb3ZpZGVyXCI7XG5pbXBvcnQgeyBlbW90aW9uQ2FjaGUgfSBmcm9tIFwiZW1vdGlvblwiO1xuXG4vLyBQcm92aWRlciBwcm9wc1xuZXhwb3J0IHR5cGUgSHZQcm92aWRlclByb3BzID0ge1xuICAvKipcbiAgICogWW91ciBjb21wb25lbnQgdHJlZS5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICAvKipcbiAgICogQnkgZGVmYXVsdCB0aGUgYmFzZWxpbmUgc3R5bGVzIGFyZSBhcHBsaWVkIGdsb2JhbGx5IHRvIHRoZSBhcHBsaWNhdGlvbiB0byBhdm9pZCBzdHlsaW5nIGNvbmZsaWN0cyBhbmQgZm9yIHRoZSBVSSBLaXQgY29tcG9uZW50cyB0byB3b3JrIHByb3Blcmx5LlxuICAgKiBJZiB5b3UgYXJlIHByb3ZpZGluZyB5b3VyIG93biBiYXNlbGluZSBzdHlsZXMsIHlvdSBjYW4gc2V0IHRoaXMgcHJvcGVydHkgdG8gZmFsc2UuXG4gICAqL1xuICBlbmFibGVDc3NCYXNlbGluZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJZCBvZiB5b3VyIHJvb3QgZWxlbWVudC4gVGhlIHRoZW1lJ3MgYXR0cmlidXRlcyBhbmQgQ1NTIHZhcmlhYmxlcyB3aWxsIGJlIHNldCBpbiB0aGlzIGVsZW1lbnQuXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZG9jdW1lbnQncyBib2R5IHdpbGwgYmUgdXNlZC5cbiAgICovXG4gIHJvb3RFbGVtZW50SWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgVUkgS2l0IHRoZW1lIG9iamVjdCB1c2VkIHRvIHNldCB0aGUgdGhlbWUgYW5kIGluamVjdCB0aGUgY3VzdG9taXphdGlvbnMgbmVlZGVkIHRvIG1lZXQgc3BlY2lmaWMgZGVzaWduIG5lZWRzLlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGRlZmF1bHQgdGhlbWUgYW5kIG1vZGUgd2lsbCBiZSBgXCJkczVcImAgYW5kIGBcImRhd25cImAsIHJlc3BlY3RpdmVseS5cbiAgICovXG4gIHRoZW1lPzogSHZUaGVtZTtcbn07XG5cbi8qKlxuICogVGhpcyBjb21wb25lbnQgbWFrZXMgY3Jvc3MtY29tcG9uZW50IHRoZW1lIHByb3BlcnRpZXMgYXZhaWxhYmxlIGRvd24gdGhlIFJlYWN0IHRyZWUgdGhhbmtzIHRvIFJlYWN0IGNvbnRleHQuXG4gKlxuICogVGhlIGBIdlByb3ZpZGVyYCBzaG91bGQgcHJlZmVyYWJseSBiZSB1c2VkIGF0ICoqdGhlIHJvb3Qgb2YgeW91ciBjb21wb25lbnQgdHJlZSoqIGFuZFxuICogYmUgdW5pcXVlIGluIHRoZSBBcHAgaW4gbW9zdCBjYXNlcy5cbiAqXG4gKiBgYGBqc3hcbiAqIDxIdlByb3ZpZGVyPlxuICogICA8TXlBcHAgLz5cbiAqIDxIdlByb3ZpZGVyLz5cbiAqIGBgYFxuICpcbiAqIElmIHNldmVyYWwgYEh2UHJvdmlkZXJgJ3MgYXJlIHVzZWQgaW4gcGFyYWxsZWwsIHlvdSdsbCBuZWVkIHRvIGNyZWF0ZSBkaWZmZXJlbnQgcm9vdCBlbGVtZW50cyBhbmRcbiAqIHNldCB0aGUgYHJvb3RFbGVtZW50SWRgIHByb3BlcnR5IGZvciBlYWNoIG9uZSBvZiB0aGUgcHJvdmlkZXJzLiBPdGhlcndpc2UsIHRoZSBzdHlsaW5nIHdpbGwgbm90IHdvcmsgcHJvcGVybHkuXG4gKlxuICogKipVSSBLaXQgY29tcG9uZW50cyB3aWxsIG5vdCB3b3JrIGF0IGFsbCBpZiB0aGUgYEh2UHJvdmlkZXJgIGlzIG5vdCBjb25maWd1cmVkIGNvcnJlY3RseSoqLFxuICogYXMgdGhleSB3aWxsIG5vdCBiZSBhYmxlIHRvIGFjY2VzcyB0aGUgcHJvcGVydGllcyBvZiB0aGUgYWN0aXZlIHRoZW1lLlxuICpcbiAqL1xuZXhwb3J0IGNvbnN0IEh2UHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcm9vdEVsZW1lbnRJZCxcbiAgZW5hYmxlQ3NzQmFzZWxpbmUgPSB0cnVlLFxuICB0aGVtZSA9IHt9LFxufTogSHZQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBiYXNlVGhlbWUgPSBcImRzNVwiLFxuICAgIGJhc2VDb2xvck1vZGUgPSBcImRhd25cIixcbiAgICBpbmhlcml0Q29sb3JNb2RlcyA9IHRydWUsXG4gICAgbmFtZSxcbiAgICAuLi5jdXN0b21pemF0aW9uc1xuICB9ID0gdGhlbWU7XG5cbiAgLy8gR2V0IHRoZW1lcyBsaXN0XG4gIGNvbnN0IHRoZW1lcyA9IHBhcnNlVGhlbWVzKFxuICAgIGJhc2VUaGVtZSxcbiAgICBuYW1lLFxuICAgIGluaGVyaXRDb2xvck1vZGVzLFxuICAgIGN1c3RvbWl6YXRpb25zXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FjaGVQcm92aWRlciB2YWx1ZT17ZW1vdGlvbkNhY2hlfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgJHtlbmFibGVDc3NCYXNlbGluZSAmJiBDc3NCYXNlbGluZX1cbiAgICAgICAgICAke2dldFRoZW1lc1ZhcnModGhlbWVzKX1cbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgICA8SHZUaGVtZVByb3ZpZGVyXG4gICAgICAgIHRoZW1lcz17dGhlbWVzfVxuICAgICAgICB0aGVtZT17bmFtZSB8fCBiYXNlVGhlbWV9XG4gICAgICAgIGNvbG9yTW9kZT17YmFzZUNvbG9yTW9kZX1cbiAgICAgICAgcm9vdEVsZW1lbnRJZD17cm9vdEVsZW1lbnRJZH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9IdlRoZW1lUHJvdmlkZXI+XG4gICAgPC9DYWNoZVByb3ZpZGVyPlxuICApO1xufTtcblxuaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICBIdlByb3ZpZGVyLmRpc3BsYXlOYW1lID0gXCJQcm92aWRlclwiO1xufVxuIl19 */") }),
+    /* @__PURE__ */ jsx(HvThemeProvider, { themes, theme: name || baseTheme, colorMode: baseColorMode, rootElementId, children })
+  ] });
 };
 if (process.env.NODE_ENV !== "production") {
   HvProvider.displayName = "Provider";

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

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","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,QAAQ,CAAC;AACM,MAAM;AACf,QAAA;AAAA,IACJC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC;AAAAA,OACGC;AAAAA,EACDJ,IAAAA;AAGJ,QAAMK,SAASC,YAAYL,WAAWE,MAAMC,cAAc;AAE1D,8BACEG,UAAA;AAAA,IAAAV,UAAA,CACEW,oBAACC,QAAM;AAAA,MACLC,4BACIX,qBAAqBY,aAAW,KAChCC,cAAcP,MAAM,UAACQ,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,i8HAAA;AAAA,IAAA,CAEzB,GACFP,oBAACQ,iBAAe;AAAA,MACdX;AAAAA,MACAL,OAAOG,QAAQF;AAAAA,MACfgB,WAAWf;AAAAA,MACXJ;AAAAA,MAA6BD;AAAAA,IAAAA,CAGb,CAAA;AAAA,EAAA,CACjB;AAEP;AAEA,IAAIgB,QAAQC,IAAIC,aAAa,cAAc;AACzCnB,aAAWsB,cAAc;AAC3B;"}
+{"version":3,"file":"Provider.js","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import { css, Global, CacheProvider } from \"@emotion/react\";\nimport { CssBaseline, getThemesVars } from \"@hitachivantara/uikit-styles\";\nimport { parseThemes } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\nimport { HvThemeProvider } from \"./ThemeProvider\";\nimport { emotionCache } from \"emotion\";\n\n// Provider props\nexport type HvProviderProps = {\n  /**\n   * Your component tree.\n   */\n  children?: React.ReactNode;\n  /**\n   * By default the baseline styles are applied globally to the application to avoid styling conflicts and for the UI Kit components to work properly.\n   * If you are providing your own baseline styles, you can set this property to false.\n   */\n  enableCssBaseline?: boolean;\n  /**\n   * Id of your root element. The theme's attributes and CSS variables will be set in this element.\n   * 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    inheritColorModes = true,\n    name,\n    ...customizations\n  } = theme;\n\n  // Get themes list\n  const themes = parseThemes(\n    baseTheme,\n    name,\n    inheritColorModes,\n    customizations\n  );\n\n  return (\n    <CacheProvider value={emotionCache}>\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    </CacheProvider>\n  );\n};\n\nif (process.env.NODE_ENV !== \"production\") {\n  HvProvider.displayName = \"Provider\";\n}\n"],"names":["HvProvider","children","rootElementId","enableCssBaseline","theme","baseTheme","baseColorMode","inheritColorModes","name","customizations","themes","parseThemes","emotionCache","CssBaseline","getThemesVars","process","env","NODE_ENV","displayName"],"mappings":";;;;;;AAiDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,oBAAoB;AAAA,EACpBC,QAAQ,CAAC;AACM,MAAM;AACf,QAAA;AAAA,IACJC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC,oBAAoB;AAAA,IACpBC;AAAAA,OACGC;AAAAA,EACDL,IAAAA;AAGJ,QAAMM,SAASC,YACbN,WACAG,MACAD,mBACAE,cAAc;AAId,SAAA,qBAAC,eAAc,EAAA,OAAOG,cACpB,UAAA;AAAA,IAAC,oBAAA,QAAA,EACC,QACIT,oBAAAA,qBAAqBU,aAAW,KAChCC,cAAcJ,MAAM,GAACK,OAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,uBAAAA,QAAAC,IAAAC,aACvB,eAAA,KAAA,qrIAAA,EAAA,CAAA;AAAA,IAEJ,oBAAC,mBACC,QACA,OAAOT,QAAQH,WACf,WAAWC,eACX,eAECL,SACH,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;AAEA,IAAIc,QAAQC,IAAIC,aAAa,cAAc;AACzCjB,aAAWkB,cAAc;AAC3B;"}

package/dist/esm/providers/ThemeProvider.js

@@ -1,7 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { createContext, useState, useEffect, useMemo } from "react";
 import { parseTheme } from "@hitachivantara/uikit-styles";
 import { createTheme, ThemeProvider } from "@mui/material/styles";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { setElementAttrs } from "../utils/theme.js";
 const HvThemeContext = createContext({
   themes: [],
@@ -33,7 +33,7 @@ const HvThemeProvider = ({
     setSelectedTheme(pTheme.selected);
     setThemeMode(pTheme.selectedMode);
     setColorModes(pTheme.colorModes);
-    setElementAttrs(pTheme.selected, pTheme.selectedMode, pTheme.bgColor, rootId);
+    setElementAttrs(pTheme.selected, pTheme.selectedMode, pTheme.styles, rootId);
   };
   useEffect(() => {
     changeTheme(theme, colorMode);
@@ -54,13 +54,7 @@ const HvThemeProvider = ({
       }
     }
   });
-  return /* @__PURE__ */ jsx(ThemeProvider, {
-    theme: MuiTheme,
-    children: /* @__PURE__ */ jsx(HvThemeContext.Provider, {
-      value,
-      children
-    })
-  });
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: MuiTheme, children: /* @__PURE__ */ jsx(HvThemeContext.Provider, { value, children }) });
 };
 export {
   HvThemeContext,

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { createContext, useEffect, useMemo, useState } from \"react\";\nimport {\n  BaseTheme,\n  parseTheme,\n  ThemeColorMode,\n} from \"@hitachivantara/uikit-styles\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { setElementAttrs } from \"utils\";\nimport { HvCustomizedTheme } from \"types/theme\";\n\ninterface HvThemeContextValue {\n  themes: (BaseTheme | string)[];\n  activeTheme?: HvCustomizedTheme;\n  colorModes: (ThemeColorMode | string)[];\n  selectedTheme: BaseTheme | string;\n  selectedMode: ThemeColorMode | string;\n  changeTheme: (\n    theme: BaseTheme | string,\n    mode: ThemeColorMode | string\n  ) => void;\n  rootId?: string;\n}\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: { [themeName: string]: HvCustomizedTheme };\n  theme: BaseTheme | string;\n  colorMode: ThemeColorMode | string;\n  rootElementId?: string;\n}\n\nexport const HvThemeContext = createContext<HvThemeContextValue>({\n  themes: [],\n  activeTheme: undefined,\n  colorModes: [],\n  selectedTheme: \"\",\n  selectedMode: \"\",\n  changeTheme: () => {},\n  rootId: undefined,\n});\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme,\n  colorMode,\n  rootElementId,\n}: HvThemeProviderProps) => {\n  let pTheme = parseTheme(themesList, theme, colorMode);\n\n  const [rootId] = useState<string | undefined>(rootElementId);\n  const [activeTheme, setActiveTheme] = useState<HvCustomizedTheme>(\n    themesList[pTheme.selected]\n  );\n  const [selectedTheme, setSelectedTheme] = useState<string>(pTheme.selected);\n  const [selectedMode, setThemeMode] = useState<string>(pTheme.selectedMode);\n  const [colorModes, setColorModes] = useState<string[]>(pTheme.colorModes);\n  const [themes] = useState<string[]>(Object.keys(themesList));\n\n  const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {\n    pTheme = parseTheme(themesList, newTheme, newMode);\n\n    setActiveTheme(themesList[pTheme.selected]);\n    setSelectedTheme(pTheme.selected);\n    setThemeMode(pTheme.selectedMode);\n    setColorModes(pTheme.colorModes);\n\n    setElementAttrs(\n      pTheme.selected,\n      pTheme.selectedMode,\n      pTheme.bgColor,\n      rootId\n    );\n  };\n\n  useEffect(() => {\n    changeTheme(theme, colorMode);\n  }, [theme, colorMode]);\n\n  const value = useMemo(\n    () => ({\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    }),\n    [\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    ]\n  );\n\n  const MuiTheme = createTheme({\n    breakpoints: {\n      values: {\n        ...themesList[selectedTheme].breakpoints.values,\n      },\n    },\n  });\n\n  return (\n    <MuiThemeProvider theme={MuiTheme}>\n      <HvThemeContext.Provider value={value}>\n        {children}\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["HvThemeContext","createContext","themes","activeTheme","undefined","colorModes","selectedTheme","selectedMode","changeTheme","rootId","HvThemeProvider","children","themesList","theme","colorMode","rootElementId","pTheme","parseTheme","useState","setActiveTheme","selected","setSelectedTheme","setThemeMode","setColorModes","Object","keys","newTheme","newMode","setElementAttrs","bgColor","useEffect","value","useMemo","MuiTheme","createTheme","breakpoints","values","MuiThemeProvider","Provider"],"mappings":";;;;;AAkCO,MAAMA,iBAAiBC,cAAmC;AAAA,EAC/DC,QAAQ,CAAE;AAAA,EACVC,aAAaC;AAAAA,EACbC,YAAY,CAAE;AAAA,EACdC,eAAe;AAAA,EACfC,cAAc;AAAA,EACdC,aAAaA,MAAM;AAAA,EAAC;AAAA,EACpBC,QAAQL;AACV,CAAC;AAEM,MAAMM,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAT,QAAQU;AAAAA,EACRC;AAAAA,EACAC;AAAAA,EACAC;AACoB,MAAM;AAC1B,MAAIC,SAASC,WAAWL,YAAYC,OAAOC,SAAS;AAEpD,QAAM,CAACL,MAAM,IAAIS,SAA6BH,aAAa;AAC3D,QAAM,CAACZ,aAAagB,cAAc,IAAID,SACpCN,WAAWI,OAAOI,SAAS;AAE7B,QAAM,CAACd,eAAee,gBAAgB,IAAIH,SAAiBF,OAAOI,QAAQ;AAC1E,QAAM,CAACb,cAAce,YAAY,IAAIJ,SAAiBF,OAAOT,YAAY;AACzE,QAAM,CAACF,YAAYkB,aAAa,IAAIL,SAAmBF,OAAOX,UAAU;AACxE,QAAM,CAACH,MAAM,IAAIgB,SAAmBM,OAAOC,KAAKb,UAAU,CAAC;AAE3D,QAAMJ,cAAcA,CAACkB,WAAWpB,eAAeqB,UAAUpB,iBAAiB;AAC/DU,aAAAA,WAAWL,YAAYc,UAAUC,OAAO;AAElCf,mBAAAA,WAAWI,OAAOI,SAAS;AAC1CC,qBAAiBL,OAAOI,QAAQ;AAChCE,iBAAaN,OAAOT,YAAY;AAChCgB,kBAAcP,OAAOX,UAAU;AAE/BuB,oBACEZ,OAAOI,UACPJ,OAAOT,cACPS,OAAOa,SACPpB,MAAM;AAAA,EAAA;AAIVqB,YAAU,MAAM;AACdtB,gBAAYK,OAAOC,SAAS;AAAA,EAAA,GAC3B,CAACD,OAAOC,SAAS,CAAC;AAEfiB,QAAAA,QAAQC,QACZ,OAAO;AAAA,IACL9B;AAAAA,IACAG;AAAAA,IACAF;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IAEF,CACEP,QACAG,YACAF,aACAG,eACAC,cACAC,aACAC,MAAM,CACP;AAGH,QAAMwB,WAAWC,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGxB,WAAWN,eAAe6B,YAAYC;AAAAA,MAC3C;AAAA,IACF;AAAA,EAAA,CACD;AAED,6BACGC,eAAgB;AAAA,IAACxB,OAAOoB;AAAAA,IAAStB,UAC/BX,oBAAAA,eAAesC,UAAQ;AAAA,MAACP;AAAAA,MAAapB;AAAAA,IAAAA,CAC3B;AAAA,EAAA,CAEM;AAEvB;"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { createContext, useEffect, useMemo, useState } from \"react\";\nimport {\n  HvBaseTheme,\n  parseTheme,\n  HvThemeColorMode,\n} from \"@hitachivantara/uikit-styles\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { setElementAttrs } from \"utils\";\nimport { HvCustomizedTheme } from \"types/theme\";\n\ninterface HvThemeContextValue {\n  themes: (HvBaseTheme | string)[];\n  activeTheme?: HvCustomizedTheme;\n  colorModes: (HvThemeColorMode | string)[];\n  selectedTheme: HvBaseTheme | string;\n  selectedMode: HvThemeColorMode | string;\n  changeTheme: (\n    theme?: HvBaseTheme | string,\n    mode?: HvThemeColorMode | string\n  ) => void;\n  rootId?: string;\n}\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: { [themeName: string]: HvCustomizedTheme };\n  theme: HvBaseTheme | string;\n  colorMode: HvThemeColorMode | string;\n  rootElementId?: string;\n}\n\nexport const HvThemeContext = createContext<HvThemeContextValue>({\n  themes: [],\n  activeTheme: undefined,\n  colorModes: [],\n  selectedTheme: \"\",\n  selectedMode: \"\",\n  changeTheme: () => {},\n  rootId: undefined,\n});\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme,\n  colorMode,\n  rootElementId,\n}: HvThemeProviderProps) => {\n  let pTheme = parseTheme(themesList, theme, colorMode);\n\n  const [rootId] = useState<string | undefined>(rootElementId);\n  const [activeTheme, setActiveTheme] = useState<HvCustomizedTheme>(\n    themesList[pTheme.selected]\n  );\n  const [selectedTheme, setSelectedTheme] = useState<string>(pTheme.selected);\n  const [selectedMode, setThemeMode] = useState<string>(pTheme.selectedMode);\n  const [colorModes, setColorModes] = useState<string[]>(pTheme.colorModes);\n  const [themes] = useState<string[]>(Object.keys(themesList));\n\n  const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {\n    pTheme = parseTheme(themesList, newTheme, newMode);\n\n    setActiveTheme(themesList[pTheme.selected]);\n    setSelectedTheme(pTheme.selected);\n    setThemeMode(pTheme.selectedMode);\n    setColorModes(pTheme.colorModes);\n\n    setElementAttrs(\n      pTheme.selected,\n      pTheme.selectedMode,\n      pTheme.styles,\n      rootId\n    );\n  };\n\n  useEffect(() => {\n    changeTheme(theme, colorMode);\n  }, [theme, colorMode]);\n\n  const value = useMemo(\n    () => ({\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    }),\n    [\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    ]\n  );\n\n  const MuiTheme = createTheme({\n    breakpoints: {\n      values: {\n        ...themesList[selectedTheme].breakpoints.values,\n      },\n    },\n  });\n\n  return (\n    <MuiThemeProvider theme={MuiTheme}>\n      <HvThemeContext.Provider value={value}>\n        {children}\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["HvThemeContext","createContext","themes","activeTheme","undefined","colorModes","selectedTheme","selectedMode","changeTheme","rootId","HvThemeProvider","children","themesList","theme","colorMode","rootElementId","pTheme","parseTheme","useState","setActiveTheme","selected","setSelectedTheme","setThemeMode","setColorModes","Object","keys","newTheme","newMode","setElementAttrs","styles","useEffect","value","useMemo","MuiTheme","createTheme","breakpoints","values","MuiThemeProvider"],"mappings":";;;;;AAkCO,MAAMA,iBAAiBC,cAAmC;AAAA,EAC/DC,QAAQ,CAAE;AAAA,EACVC,aAAaC;AAAAA,EACbC,YAAY,CAAE;AAAA,EACdC,eAAe;AAAA,EACfC,cAAc;AAAA,EACdC,aAAaA,MAAM;AAAA,EAAC;AAAA,EACpBC,QAAQL;AACV,CAAC;AAEM,MAAMM,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAT,QAAQU;AAAAA,EACRC;AAAAA,EACAC;AAAAA,EACAC;AACoB,MAAM;AAC1B,MAAIC,SAASC,WAAWL,YAAYC,OAAOC,SAAS;AAEpD,QAAM,CAACL,MAAM,IAAIS,SAA6BH,aAAa;AAC3D,QAAM,CAACZ,aAAagB,cAAc,IAAID,SACpCN,WAAWI,OAAOI,SAAS;AAE7B,QAAM,CAACd,eAAee,gBAAgB,IAAIH,SAAiBF,OAAOI,QAAQ;AAC1E,QAAM,CAACb,cAAce,YAAY,IAAIJ,SAAiBF,OAAOT,YAAY;AACzE,QAAM,CAACF,YAAYkB,aAAa,IAAIL,SAAmBF,OAAOX,UAAU;AACxE,QAAM,CAACH,MAAM,IAAIgB,SAAmBM,OAAOC,KAAKb,UAAU,CAAC;AAE3D,QAAMJ,cAAcA,CAACkB,WAAWpB,eAAeqB,UAAUpB,iBAAiB;AAC/DU,aAAAA,WAAWL,YAAYc,UAAUC,OAAO;AAElCf,mBAAAA,WAAWI,OAAOI,SAAS;AAC1CC,qBAAiBL,OAAOI,QAAQ;AAChCE,iBAAaN,OAAOT,YAAY;AAChCgB,kBAAcP,OAAOX,UAAU;AAE/BuB,oBACEZ,OAAOI,UACPJ,OAAOT,cACPS,OAAOa,QACPpB,MAAM;AAAA,EAAA;AAIVqB,YAAU,MAAM;AACdtB,gBAAYK,OAAOC,SAAS;AAAA,EAAA,GAC3B,CAACD,OAAOC,SAAS,CAAC;AAEfiB,QAAAA,QAAQC,QACZ,OAAO;AAAA,IACL9B;AAAAA,IACAG;AAAAA,IACAF;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IAEF,CACEP,QACAG,YACAF,aACAG,eACAC,cACAC,aACAC,MAAM,CACP;AAGH,QAAMwB,WAAWC,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGxB,WAAWN,eAAe6B,YAAYC;AAAAA,MAC3C;AAAA,IACF;AAAA,EAAA,CACD;AAGC,SAAA,oBAACC,eAAiB,EAAA,OAAOJ,UACvB,UAAA,oBAAC,eAAe,UAAf,EAAwB,OACtBtB,SACH,CAAA,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 && "sema1"
-      });
+      return /* @__PURE__ */ jsx(Success, { color, semantic: semantic && "sema1" });
     case "warning":
-      return /* @__PURE__ */ jsx(Caution, {
-        color,
-        semantic: semantic && "sema3"
-      });
+      return /* @__PURE__ */ jsx(Caution, { color, semantic: semantic && "sema3" });
     case "error":
-      return /* @__PURE__ */ jsx(Fail, {
-        color,
-        semantic: semantic && "sema4"
-      });
+      return /* @__PURE__ */ jsx(Fail, { color, semantic: semantic && "sema4" });
     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 React from \"react\";\nimport {\n  Fail,\n  Success,\n  Caution,\n  Info,\n} from \"@hitachivantara/uikit-react-icons\";\n\nconst iconVariant = (variant, color, semantic) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} semantic={semantic && \"sema1\"} />;\n    case \"warning\":\n      return <Caution color={color} semantic={semantic && \"sema3\"} />;\n    case \"error\":\n      return <Fail color={color} semantic={semantic && \"sema4\"} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n\nexport default iconVariant;\n"],"names":["iconVariant","variant","color","semantic","Success","Caution","Fail","Info"],"mappings":";;AAQA,MAAMA,cAAcA,CAACC,SAASC,OAAOC,aAAa;AAChD,UAAQF,SAAO;AAAA,IACb,KAAK;AACH,iCAAQG,SAAO;AAAA,QAACF;AAAAA,QAAcC,UAAUA,YAAY;AAAA,MAAA,CAAW;AAAA,IACjE,KAAK;AACH,iCAAQE,SAAO;AAAA,QAACH;AAAAA,QAAcC,UAAUA,YAAY;AAAA,MAAA,CAAW;AAAA,IACjE,KAAK;AACH,iCAAQG,MAAI;AAAA,QAACJ;AAAAA,QAAcC,UAAUA,YAAY;AAAA,MAAA,CAAW;AAAA,IAC9D,KAAK;AACH,iCAAQI,MAAI;AAAA,QAACL;AAAAA,MAAAA,CAAgB;AAAA,IAC/B;AACS,aAAA;AAAA,EAAK;AAElB;AAEA,MAAA,gBAAeF;"}
+{"version":3,"file":"iconVariant.js","sources":["../../../src/utils/iconVariant.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Fail,\n  Success,\n  Caution,\n  Info,\n} from \"@hitachivantara/uikit-react-icons\";\n\nconst iconVariant = (variant, color, semantic) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} semantic={semantic && \"sema1\"} />;\n    case \"warning\":\n      return <Caution color={color} semantic={semantic && \"sema3\"} />;\n    case \"error\":\n      return <Fail color={color} semantic={semantic && \"sema4\"} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n\nexport default iconVariant;\n"],"names":["iconVariant","variant","color","semantic"],"mappings":";;AAQA,MAAMA,cAAcA,CAACC,SAASC,OAAOC,aAAa;AAChD,UAAQF,SAAO;AAAA,IACb,KAAK;AACH,aAAQ,oBAAA,SAAA,EAAQ,OAAc,UAAUE,YAAY,QAAW,CAAA;AAAA,IACjE,KAAK;AACH,aAAQ,oBAAA,SAAA,EAAQ,OAAc,UAAUA,YAAY,QAAW,CAAA;AAAA,IACjE,KAAK;AACH,aAAQ,oBAAA,MAAA,EAAK,OAAc,UAAUA,YAAY,QAAW,CAAA;AAAA,IAC9D,KAAK;AACI,aAAA,oBAAC,QAAK,MAAgB,CAAA;AAAA,IAC/B;AACS,aAAA;AAAA,EAAK;AAElB;AAEA,MAAA,gBAAeH;"}

package/dist/esm/utils/theme.js

@@ -1,9 +1,17 @@
 import { themes, colors } from "@hitachivantara/uikit-styles";
-const setElementAttrs = (theme, mode, bgColor, elementId) => {
+const setElementAttrs = (theme, mode, styles, elementId) => {
   const element = elementId && document.getElementById(elementId) || document.body;
   element.setAttribute(`data-theme`, theme);
   element.setAttribute(`data-color-mode`, mode);
-  element.style.backgroundColor = bgColor;
+  element.style.backgroundColor = styles.bgColor;
+  element.style.colorScheme = styles.colorScheme;
+  element.style.accentColor = styles.accentColor;
+  element.style.color = styles.color;
+  element.style.fontSize = styles.fontSize;
+  element.style.fontWeight = styles.fontWeight;
+  element.style.lineHeight = styles.lineHeight;
+  element.style.letterSpacing = styles.letterSpacing;
+  element.style.fontFamily = styles.fontFamily;
 };
 const applyThemeCustomizations = (obj, customizations) => {
   const isObject = (val) => val && typeof val === "object";
@@ -23,7 +31,7 @@ const applyThemeCustomizations = (obj, customizations) => {
   });
   return customizedTheme;
 };
-const parseThemes = (baseTheme, newThemeName, customizations) => {
+const parseThemes = (baseTheme, newThemeName, inheritColorModes, customizations) => {
   const customizedTheme = customizations ? applyThemeCustomizations(themes[baseTheme], customizations) : {
     ...themes[baseTheme]
   };
@@ -31,6 +39,8 @@ const parseThemes = (baseTheme, newThemeName, customizations) => {
     Object.keys(customizedTheme.colors.modes).forEach((mode) => {
       if (!themes[baseTheme].colors.modes[mode]) {
         customizedTheme.colors.modes[mode] = {
+          type: customizedTheme.colors.modes[mode].type || "light",
+          backgroundColor: colors.light.atmo2,
           ...colors.common,
           ...colors.light,
           ...customizedTheme.colors.modes[mode]
@@ -38,13 +48,21 @@ const parseThemes = (baseTheme, newThemeName, customizations) => {
       }
     });
   }
-  const customizedThemes = newThemeName ? {
+  let customizedThemes = newThemeName ? {
     ...themes,
     [newThemeName]: customizedTheme
   } : {
     ...themes,
     [baseTheme]: customizedTheme
   };
+  if (!inheritColorModes && newThemeName && customizations) {
+    Object.keys(customizedThemes[newThemeName].colors.modes).forEach((m) => {
+      var _a;
+      if (!Object.keys(((_a = customizations.colors) == null ? void 0 : _a.modes) || {}).includes(m)) {
+        delete customizedThemes[newThemeName].colors.modes[m];
+      }
+    });
+  }
   return customizedThemes;
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../../src/utils/theme.ts"],"sourcesContent":["import { themes, BaseTheme, colors } from \"@hitachivantara/uikit-styles\";\nimport { HvThemeCustomizationProps, HvCustomizedTheme } from \"types/theme\";\n\n/**\n * Sets the element attributes for a theme and color mode.\n */\nexport const setElementAttrs = (\n  theme: string,\n  mode: string,\n  bgColor: string,\n  elementId?: string\n) => {\n  const element =\n    (elementId && document.getElementById(elementId)) || document.body;\n\n  element.setAttribute(`data-theme`, theme);\n  element.setAttribute(`data-color-mode`, mode);\n\n  // TODO: maybe this should be set at theme level (e.g background-color)\n  element.style.backgroundColor = bgColor;\n};\n\n/**\n * Applies the customizations to a theme.\n */\nconst applyThemeCustomizations = (obj: object, customizations: object) => {\n  const isObject = (val: any) => val && typeof val === \"object\";\n\n  // Customized theme\n  const customizedTheme = { ...obj };\n\n  // Add new values to the theme or replace values\n  Object.keys(customizations).forEach((key) => {\n    if (customizedTheme[key]) {\n      if (isObject(customizedTheme[key]) && isObject(customizations[key])) {\n        customizedTheme[key] = applyThemeCustomizations(\n          customizedTheme[key],\n          customizations[key]\n        );\n      } else if (typeof customizedTheme[key] == typeof customizations[key]) {\n        customizedTheme[key] = customizations[key];\n      }\n    } else {\n      customizedTheme[key] = customizations[key];\n    }\n  });\n\n  return customizedTheme;\n};\n\n/**\n * Creates a list of customized themes based on the base theme and customizations given.\n *\n * If a newThemeName is given, a new theme is created based on the base theme and customizations.\n */\nexport const parseThemes = (\n  baseTheme: BaseTheme,\n  newThemeName?: string,\n  customizations?: HvThemeCustomizationProps\n): { [themeName: string]: HvCustomizedTheme } => {\n  // Apply customizations to the base theme\n  const customizedTheme: HvCustomizedTheme = customizations\n    ? (applyThemeCustomizations(\n        themes[baseTheme],\n        customizations\n      ) as HvCustomizedTheme)\n    : { ...themes[baseTheme] };\n\n  // Fill new color modes with missing colors\n  if (customizations) {\n    Object.keys(customizedTheme.colors.modes).forEach((mode) => {\n      if (!themes[baseTheme].colors.modes[mode]) {\n        customizedTheme.colors.modes[mode] = {\n          ...colors.common,\n          ...colors.light,\n          ...customizedTheme.colors.modes[mode],\n        };\n      }\n    });\n  }\n\n  // Create new themes list\n  const customizedThemes: {\n    [themeName: string]: HvCustomizedTheme;\n  } = newThemeName\n    ? { ...themes, [newThemeName]: customizedTheme }\n    : { ...themes, [baseTheme]: customizedTheme };\n\n  return customizedThemes;\n};\n"],"names":["setElementAttrs","theme","mode","bgColor","elementId","element","document","getElementById","body","setAttribute","style","backgroundColor","applyThemeCustomizations","obj","customizations","isObject","val","customizedTheme","Object","keys","forEach","key","parseThemes","baseTheme","newThemeName","themes","colors","modes","common","light","customizedThemes"],"mappings":";AAMO,MAAMA,kBAAkBA,CAC7BC,OACAC,MACAC,SACAC,cACG;AACH,QAAMC,UACHD,aAAaE,SAASC,eAAeH,SAAS,KAAME,SAASE;AAExDC,UAAAA,aAAc,cAAaR,KAAK;AAChCQ,UAAAA,aAAc,mBAAkBP,IAAI;AAG5CG,UAAQK,MAAMC,kBAAkBR;AAClC;AAKA,MAAMS,2BAA2BA,CAACC,KAAaC,mBAA2B;AACxE,QAAMC,WAAWA,CAACC,QAAaA,OAAO,OAAOA,QAAQ;AAGrD,QAAMC,kBAAkB;AAAA,IAAE,GAAGJ;AAAAA,EAAAA;AAG7BK,SAAOC,KAAKL,cAAc,EAAEM,QAASC,CAAQ,QAAA;AAC3C,QAAIJ,gBAAgBI,MAAM;AACxB,UAAIN,SAASE,gBAAgBI,IAAI,KAAKN,SAASD,eAAeO,IAAI,GAAG;AACnEJ,wBAAgBI,OAAOT,yBACrBK,gBAAgBI,MAChBP,eAAeO,IAAI;AAAA,MAAA,WAEZ,OAAOJ,gBAAgBI,QAAQ,OAAOP,eAAeO,MAAM;AACpEJ,wBAAgBI,OAAOP,eAAeO;AAAAA,MACxC;AAAA,IAAA,OACK;AACLJ,sBAAgBI,OAAOP,eAAeO;AAAAA,IACxC;AAAA,EAAA,CACD;AAEMJ,SAAAA;AACT;AAOO,MAAMK,cAAcA,CACzBC,WACAC,cACAV,mBAC+C;AAE/C,QAAMG,kBAAqCH,iBACtCF,yBACCa,OAAOF,YACPT,cAAc,IAEhB;AAAA,IAAE,GAAGW,OAAOF;AAAAA,EAAAA;AAGhB,MAAIT,gBAAgB;AAClBI,WAAOC,KAAKF,gBAAgBS,OAAOC,KAAK,EAAEP,QAASlB,CAAS,SAAA;AAC1D,UAAI,CAACuB,OAAOF,WAAWG,OAAOC,MAAMzB,OAAO;AACzBwB,wBAAAA,OAAOC,MAAMzB,QAAQ;AAAA,UACnC,GAAGwB,OAAOE;AAAAA,UACV,GAAGF,OAAOG;AAAAA,UACV,GAAGZ,gBAAgBS,OAAOC,MAAMzB;AAAAA,QAAAA;AAAAA,MAEpC;AAAA,IAAA,CACD;AAAA,EACH;AAGA,QAAM4B,mBAEFN,eACA;AAAA,IAAE,GAAGC;AAAAA,IAAQ,CAACD,eAAeP;AAAAA,EAAAA,IAC7B;AAAA,IAAE,GAAGQ;AAAAA,IAAQ,CAACF,YAAYN;AAAAA,EAAAA;AAEvBa,SAAAA;AACT;"}
+{"version":3,"file":"theme.js","sources":["../../../src/utils/theme.ts"],"sourcesContent":["import {\n  themes,\n  HvBaseTheme,\n  colors,\n  HvThemeColorModeStructure,\n  HvParsedThemeStyles,\n} from \"@hitachivantara/uikit-styles\";\nimport { HvThemeCustomizationProps, HvCustomizedTheme } from \"types/theme\";\n\n/**\n * Sets the element attributes for a theme and color mode.\n */\nexport const setElementAttrs = (\n  theme: string,\n  mode: string,\n  styles: HvParsedThemeStyles,\n  elementId?: string\n) => {\n  const element =\n    (elementId && document.getElementById(elementId)) || document.body;\n\n  element.setAttribute(`data-theme`, theme);\n  element.setAttribute(`data-color-mode`, mode);\n\n  // Set default properties for all components to inherit\n  element.style.backgroundColor = styles.bgColor;\n  element.style.colorScheme = styles.colorScheme;\n  element.style.accentColor = styles.accentColor;\n  element.style.color = styles.color;\n  element.style.fontSize = styles.fontSize;\n  element.style.fontWeight = styles.fontWeight;\n  element.style.lineHeight = styles.lineHeight;\n  element.style.letterSpacing = styles.letterSpacing;\n  element.style.fontFamily = styles.fontFamily;\n};\n\n/**\n * Applies the customizations to a theme.\n */\nconst applyThemeCustomizations = (obj: object, customizations: object) => {\n  const isObject = (val: any) => val && typeof val === \"object\";\n\n  // Customized theme\n  const customizedTheme = { ...obj };\n\n  // Add new values to the theme or replace values\n  Object.keys(customizations).forEach((key) => {\n    if (customizedTheme[key]) {\n      if (isObject(customizedTheme[key]) && isObject(customizations[key])) {\n        customizedTheme[key] = applyThemeCustomizations(\n          customizedTheme[key],\n          customizations[key]\n        );\n      } else if (typeof customizedTheme[key] == typeof customizations[key]) {\n        customizedTheme[key] = customizations[key];\n      }\n    } else {\n      customizedTheme[key] = customizations[key];\n    }\n  });\n\n  return customizedTheme;\n};\n\n/**\n * Creates a list of customized themes based on the base theme and customizations given.\n *\n * If a newThemeName is given, a new theme is created based on the base theme and customizations.\n */\nexport const parseThemes = (\n  baseTheme: HvBaseTheme,\n  newThemeName?: string,\n  inheritColorModes?: boolean,\n  customizations?: HvThemeCustomizationProps\n): { [themeName: string]: HvCustomizedTheme } => {\n  // Apply customizations to the base theme\n  const customizedTheme: HvCustomizedTheme = customizations\n    ? (applyThemeCustomizations(\n        themes[baseTheme],\n        customizations\n      ) as HvCustomizedTheme)\n    : { ...themes[baseTheme] };\n\n  // Fill new color modes with missing colors\n  if (customizations) {\n    Object.keys(customizedTheme.colors.modes).forEach((mode) => {\n      if (!themes[baseTheme].colors.modes[mode]) {\n        customizedTheme.colors.modes[mode] = {\n          type: customizedTheme.colors.modes[mode].type || \"light\",\n          backgroundColor: colors.light.atmo2,\n          ...colors.common,\n          ...colors.light,\n          ...(customizedTheme.colors.modes[mode] as Partial<\n            HvThemeColorModeStructure & { [key: string]: string }\n          >),\n        };\n      }\n    });\n  }\n\n  // Create new themes list\n  let customizedThemes: {\n    [themeName: string]: HvCustomizedTheme;\n  } = newThemeName\n    ? { ...themes, [newThemeName]: customizedTheme }\n    : { ...themes, [baseTheme]: customizedTheme };\n\n  // If we have a new theme name and the flag `inheritColorModes` is false we're removing\n  // any color modes that might have been inherited and directly defined\n  if (!inheritColorModes && newThemeName && customizations) {\n    Object.keys(customizedThemes[newThemeName].colors.modes).forEach((m) => {\n      if (!Object.keys(customizations.colors?.modes || {}).includes(m)) {\n        delete customizedThemes[newThemeName].colors.modes[m];\n      }\n    });\n  }\n\n  return customizedThemes;\n};\n"],"names":["setElementAttrs","theme","mode","styles","elementId","element","document","getElementById","body","setAttribute","style","backgroundColor","bgColor","colorScheme","accentColor","color","fontSize","fontWeight","lineHeight","letterSpacing","fontFamily","applyThemeCustomizations","obj","customizations","isObject","val","customizedTheme","Object","keys","forEach","key","parseThemes","baseTheme","newThemeName","inheritColorModes","themes","colors","modes","type","light","atmo2","common","customizedThemes","m","includes"],"mappings":";AAYO,MAAMA,kBAAkBA,CAC7BC,OACAC,MACAC,QACAC,cACG;AACH,QAAMC,UACHD,aAAaE,SAASC,eAAeH,SAAS,KAAME,SAASE;AAExDC,UAAAA,aAAc,cAAaR,KAAK;AAChCQ,UAAAA,aAAc,mBAAkBP,IAAI;AAGpCQ,UAAAA,MAAMC,kBAAkBR,OAAOS;AAC/BF,UAAAA,MAAMG,cAAcV,OAAOU;AAC3BH,UAAAA,MAAMI,cAAcX,OAAOW;AAC3BJ,UAAAA,MAAMK,QAAQZ,OAAOY;AACrBL,UAAAA,MAAMM,WAAWb,OAAOa;AACxBN,UAAAA,MAAMO,aAAad,OAAOc;AAC1BP,UAAAA,MAAMQ,aAAaf,OAAOe;AAC1BR,UAAAA,MAAMS,gBAAgBhB,OAAOgB;AAC7BT,UAAAA,MAAMU,aAAajB,OAAOiB;AACpC;AAKA,MAAMC,2BAA2BA,CAACC,KAAaC,mBAA2B;AACxE,QAAMC,WAAWA,CAACC,QAAaA,OAAO,OAAOA,QAAQ;AAGrD,QAAMC,kBAAkB;AAAA,IAAE,GAAGJ;AAAAA,EAAAA;AAG7BK,SAAOC,KAAKL,cAAc,EAAEM,QAASC,CAAQ,QAAA;AAC3C,QAAIJ,gBAAgBI,MAAM;AACxB,UAAIN,SAASE,gBAAgBI,IAAI,KAAKN,SAASD,eAAeO,IAAI,GAAG;AACnEJ,wBAAgBI,OAAOT,yBACrBK,gBAAgBI,MAChBP,eAAeO,IAAI;AAAA,MAAA,WAEZ,OAAOJ,gBAAgBI,QAAQ,OAAOP,eAAeO,MAAM;AACpEJ,wBAAgBI,OAAOP,eAAeO;AAAAA,MACxC;AAAA,IAAA,OACK;AACLJ,sBAAgBI,OAAOP,eAAeO;AAAAA,IACxC;AAAA,EAAA,CACD;AAEMJ,SAAAA;AACT;AAOO,MAAMK,cAAcA,CACzBC,WACAC,cACAC,mBACAX,mBAC+C;AAE/C,QAAMG,kBAAqCH,iBACtCF,yBACCc,OAAOH,YACPT,cAAc,IAEhB;AAAA,IAAE,GAAGY,OAAOH;AAAAA,EAAAA;AAGhB,MAAIT,gBAAgB;AAClBI,WAAOC,KAAKF,gBAAgBU,OAAOC,KAAK,EAAER,QAAS3B,CAAS,SAAA;AAC1D,UAAI,CAACiC,OAAOH,WAAWI,OAAOC,MAAMnC,OAAO;AACzBkC,wBAAAA,OAAOC,MAAMnC,QAAQ;AAAA,UACnCoC,MAAMZ,gBAAgBU,OAAOC,MAAMnC,MAAMoC,QAAQ;AAAA,UACjD3B,iBAAiByB,OAAOG,MAAMC;AAAAA,UAC9B,GAAGJ,OAAOK;AAAAA,UACV,GAAGL,OAAOG;AAAAA,UACV,GAAIb,gBAAgBU,OAAOC,MAAMnC;AAAAA,QAAAA;AAAAA,MAIrC;AAAA,IAAA,CACD;AAAA,EACH;AAGA,MAAIwC,mBAEAT,eACA;AAAA,IAAE,GAAGE;AAAAA,IAAQ,CAACF,eAAeP;AAAAA,EAAAA,IAC7B;AAAA,IAAE,GAAGS;AAAAA,IAAQ,CAACH,YAAYN;AAAAA,EAAAA;AAI1B,MAAA,CAACQ,qBAAqBD,gBAAgBV,gBAAgB;AACxDI,WAAOC,KAAKc,iBAAiBT,cAAcG,OAAOC,KAAK,EAAER,QAASc,CAAM,MAAA;;AAClE,UAAA,CAAChB,OAAOC,OAAKL,oBAAea,WAAfb,mBAAuBc,UAAS,EAAE,EAAEO,SAASD,CAAC,GAAG;AACzDD,eAAAA,iBAAiBT,cAAcG,OAAOC,MAAMM;AAAAA,MACrD;AAAA,IAAA,CACD;AAAA,EACH;AAEOD,SAAAA;AACT;"}

package/dist/types/components/Accordion/Accordion.d.ts

@@ -1,3 +1,4 @@
+import React, { HTMLAttributes } from "react";
 import { HvBaseProps } from "../../types";
 import { HvAccordionClasses } from "./accordionClasses";
 export type HvAccordionProps = HvBaseProps & {
@@ -16,11 +17,11 @@ export type HvAccordionProps = HvBaseProps & {
     /**
      * The accordion label button.
      */
-    label?: any;
+    label?: string;
     /**
      * The function that will be executed whenever the accordion toggles it will receive the state of the accordion
      */
-    onChange?: any;
+    onChange?: (event: React.SyntheticEvent, value: boolean) => void;
     /**
      * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.
      */
@@ -32,7 +33,7 @@ export type HvAccordionProps = HvBaseProps & {
     /**
      * An object containing props to be passed onto container holding the accordion children.
      */
-    containerProps?: Object;
+    containerProps?: HTMLAttributes<HTMLDivElement>;
     /**
      * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.
      */

package/dist/types/components/Accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,OAAyB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,wIAarB,gBAAgB,qDAmHlB,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,cAAc,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,OAAyB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAChD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,wIAarB,gBAAgB,qDA2HlB,CAAC"}

package/dist/types/components/Accordion/Accordion.styles.d.ts

@@ -9,7 +9,7 @@ export declare const StyledContainer: import("@emotion/styled").StyledComponent<
 } & {
     hidden: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledLabel: import("@emotion/styled").StyledComponent<import("../../index").HvBaseProps<HTMLElement, {
+export declare const StyledLabel: import("@emotion/styled").StyledComponent<Omit<import("react").AllHTMLAttributes<HTMLElement>, "disabled"> & import("../../index").HvBaseProps<HTMLElement, {
     disabled: any;
 }> & {
     component?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | null | undefined;
@@ -18,7 +18,8 @@ export declare const StyledLabel: import("@emotion/styled").StyledComponent<impo
     disabled?: boolean | undefined;
     paragraph?: boolean | undefined;
     noWrap?: boolean | undefined;
-} & import("react").RefAttributes<HTMLDivElement> & {
+    classes?: import("components").HvTypographyClasses | undefined;
+} & import("react").RefAttributes<HTMLElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     disabled?: boolean | undefined;

package/dist/types/components/Accordion/Accordion.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/Accordion.styles.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,UAAU;;;yGAIrB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;YACH,OAAO;yGAS/B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;UAoCvB,CAAC"}
+{"version":3,"file":"Accordion.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/Accordion.styles.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,UAAU;;;yGAIrB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;YACH,OAAO;yGAS/B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;UAoCvB,CAAC"}

package/dist/types/components/ActionBar/ActionBar.d.ts

@@ -3,7 +3,7 @@ import { HvActionBarClasses } from "./actionBarClasses";
 export type HvActionBarProps = HvBaseProps & {
     /** Id to be applied to the root node. */
     id?: string;
-    /** A Jss Object used to override or extend the styles applied to the empty state component. */
+    /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionBarClasses;
 };
 export declare const HvActionBar: (props: HvActionBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/ActionBar/ActionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAyB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+FAA+F;IAC/F,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,gBAAgB,qDAYlD,CAAC"}
+{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAyB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mFAAmF;IACnF,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,gBAAgB,qDAYlD,CAAC"}

package/dist/types/components/ActionsGeneric/ActionsGeneric.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { HvButtonVariant } from "components";
+import React from "react";
 import { HvBaseProps } from "../../types";
 import { HvActionsGenericClasses } from ".";
 export type HvActionGeneric = {
@@ -18,10 +18,10 @@ export type HvActionsGenericProps = HvBaseProps & {
     /** The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` */
     actions: React.ReactNode | HvActionGeneric[];
     /**  The callback function ran when an action is triggered, receiving `action` as param */
-    actionsCallback?: (event: Event, id: string, action: HvActionGeneric) => void;
+    actionsCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
     /**  The number of maximum visible actions before they're collapsed into a `DropDownMenu`. */
     maxVisibleActions?: number;
-    /** A Jss Object used to override or extend the styles applied to the empty state component. */
+    /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionsGenericClasses;
 };
 export declare const HvActionsGeneric: ({ id, classes, className, category, disabled, actions, actionsCallback, maxVisibleActions, ...others }: HvActionsGenericProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/types/components/ActionsGeneric/ActionsGeneric.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsGeneric.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionsGeneric/ActionsGeneric.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgB,eAAe,EAAkB,MAAM,YAAY,CAAC;AAG3E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAyB,uBAAuB,EAAE,MAAM,GAAG,CAAC;AAMnE,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EACD,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,MAAM,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG;IAChD,uBAAuB;IACvB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yHAAyH;IACzH,OAAO,EAAE,KAAK,CAAC,SAAS,GAAG,eAAe,EAAE,CAAC;IAC7C,0FAA0F;IAC1F,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9E,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+FAA+F;IAC/F,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,2GAU1B,qBAAqB,4DA8FvB,CAAC"}
+{"version":3,"file":"ActionsGeneric.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionsGeneric/ActionsGeneric.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,eAAe,EAAkB,MAAM,YAAY,CAAC;AAE3E,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAyB,uBAAuB,EAAE,MAAM,GAAG,CAAC;AAMnE,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EACD,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,MAAM,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG;IAChD,uBAAuB;IACvB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yHAAyH;IACzH,OAAO,EAAE,KAAK,CAAC,SAAS,GAAG,eAAe,EAAE,CAAC;IAC7C,0FAA0F;IAC1F,eAAe,CAAC,EAAE,CAChB,KAAK,EAAE,KAAK,CAAC,cAAc,EAC3B,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,eAAe,KACpB,IAAI,CAAC;IACV,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mFAAmF;IACnF,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,2GAU1B,qBAAqB,4DAgGvB,CAAC"}

package/dist/types/components/ActionsGeneric/ActionsGeneric.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsGeneric.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionsGeneric/ActionsGeneric.styles.tsx"],"names":[],"mappings":";AACA,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAKrD,eAAO,MAAM,UAAU;;;;qBAGoB,OAAO;yGAM/C,CAAC;AAEJ,eAAO,MAAM,YAAY;;;gBAES,MAAM;UAOrC,CAAC"}
+{"version":3,"file":"ActionsGeneric.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionsGeneric/ActionsGeneric.styles.tsx"],"names":[],"mappings":";AACA,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAKrD,eAAO,MAAM,UAAU;;;;qBAGoB,OAAO;yGAM/C,CAAC;AAEJ,eAAO,MAAM,YAAY;;;gBAGQ,MAAM;UAOpC,CAAC"}

package/dist/types/components/AppSwitcher/Action/Action.d.ts

@@ -8,7 +8,7 @@ export type HvActionProps = HvBaseProps & {
     onClickCallback?: Function;
     /** Must return a boolean stating if the action element is selected or not. */
     isSelectedCallback?: Function;
-    /** A Jss Object used to override or extend the styles applied to the empty state component. */
+    /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvAppSwitcherActionClasses;
 };
 export declare const HvAction: ({ id, className, classes, application, onClickCallback, isSelectedCallback, }: HvActionProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/AppSwitcher/Action/Action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppSwitcher/Action/Action.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAS7C,OAAiC,EAC/B,0BAA0B,EAC3B,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG;IACxC,mEAAmE;IACnE,WAAW,EAAE,aAAa,CAAC;IAC3B,qDAAqD;IACrD,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,QAAQ,CAAC;IAC9B,+FAA+F;IAC/F,OAAO,CAAC,EAAE,0BAA0B,CAAC;CACtC,CAAC;AAKF,eAAO,MAAM,QAAQ,kFAOlB,aAAa,qDAoHf,CAAC"}
+{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppSwitcher/Action/Action.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAS7C,OAAiC,EAC/B,0BAA0B,EAC3B,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG;IACxC,mEAAmE;IACnE,WAAW,EAAE,aAAa,CAAC;IAC3B,qDAAqD;IACrD,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,QAAQ,CAAC;IAC9B,mFAAmF;IACnF,OAAO,CAAC,EAAE,0BAA0B,CAAC;CACtC,CAAC;AAKF,eAAO,MAAM,QAAQ,kFAOlB,aAAa,qDAmHf,CAAC"}

package/dist/types/components/AppSwitcher/Action/Action.styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const StyledListItem: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const StyledTypography: import("@emotion/styled").StyledComponent<import("../../../index").HvBaseProps<HTMLElement, {
+export declare const StyledTypography: import("@emotion/styled").StyledComponent<Omit<import("react").AllHTMLAttributes<HTMLElement>, "disabled"> & import("../../../index").HvBaseProps<HTMLElement, {
     disabled: any;
 }> & {
     component?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | null | undefined;
@@ -9,7 +9,8 @@ export declare const StyledTypography: import("@emotion/styled").StyledComponent
     disabled?: boolean | undefined;
     paragraph?: boolean | undefined;
     noWrap?: boolean | undefined;
-} & import("react").RefAttributes<HTMLDivElement> & {
+    classes?: import("components").HvTypographyClasses | undefined;
+} & import("react").RefAttributes<HTMLElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const StyledImg: import("@emotion/styled").StyledComponent<{

package/dist/types/components/AppSwitcher/Action/Action.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Action.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppSwitcher/Action/Action.styles.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,cAAc,wDAKzB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;UAsB1B,CAAC;AAEJ,eAAO,MAAM,SAAS;;;gHAEpB,CAAC;AAEH,eAAO,MAAM,cAAc;;UAEzB,CAAC;AAEH,eAAO,MAAM,UAAU;;;yGAIrB,CAAC"}
+{"version":3,"file":"Action.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppSwitcher/Action/Action.styles.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,cAAc,wDAKzB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;UAsB1B,CAAC;AAEJ,eAAO,MAAM,SAAS;;;gHAEpB,CAAC;AAEH,eAAO,MAAM,cAAc;;UAEzB,CAAC;AAEH,eAAO,MAAM,UAAU;;;yGAIrB,CAAC"}

package/dist/types/components/AppSwitcher/AppSwitcher.d.ts

@@ -44,7 +44,7 @@ export type HvAppSwitcherProps = HvBaseProps & {
      * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.
      */
     isOpen?: boolean;
-    /** A Jss Object used to override or extend the styles applied to the empty state component. */
+    /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvAppSwitcherClasses;
 };
 export declare const HvAppSwitcher: ({ id, className, classes, layout, title, applications, onActionClickedCallback, isActionSelectedCallback, header, footer, isOpen, }: HvAppSwitcherProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/AppSwitcher/AppSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS1C,OAA2B,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,MAAM,MAAM,aAAa,GAAG;IAC1B,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0FAA0F;IAC1F,IAAI,EAAE,MAAM,CAAC;IACb,mIAAmI;IACnI,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gIAAgI;IAChI,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,qFAAqF;IACrF,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACrC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,YAAY,CAAC,EAAE,aAAa,EAAE,CAAC;IAC/B,2CAA2C;IAC3C,uBAAuB,CAAC,EAAE,QAAQ,CAAC;IACnC,8EAA8E;IAC9E,wBAAwB,CAAC,EAAE,QAAQ,CAAC;IACpC,6GAA6G;IAC7G,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mDAAmD;IACnD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,aAAa,wIAYvB,kBAAkB,qDA6FpB,CAAC"}
+{"version":3,"file":"AppSwitcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS1C,OAA2B,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,MAAM,MAAM,aAAa,GAAG;IAC1B,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0FAA0F;IAC1F,IAAI,EAAE,MAAM,CAAC;IACb,mIAAmI;IACnI,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gIAAgI;IAChI,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,qFAAqF;IACrF,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACrC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,YAAY,CAAC,EAAE,aAAa,EAAE,CAAC;IAC/B,2CAA2C;IAC3C,uBAAuB,CAAC,EAAE,QAAQ,CAAC;IACnC,8EAA8E;IAC9E,wBAAwB,CAAC,EAAE,QAAQ,CAAC;IACpC,6GAA6G;IAC7G,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mDAAmD;IACnD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mFAAmF;IACnF,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,aAAa,wIAYvB,kBAAkB,qDA+FpB,CAAC"}

package/dist/types/components/AppSwitcher/AppSwitcher.styles.d.ts

@@ -11,7 +11,7 @@ export declare const StyledTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTitleWithTooltip: import("@emotion/styled").StyledComponent<import("../../index").HvBaseProps<HTMLElement, {
+export declare const StyledTitleWithTooltip: import("@emotion/styled").StyledComponent<Omit<import("react").AllHTMLAttributes<HTMLElement>, "disabled"> & import("../../index").HvBaseProps<HTMLElement, {
     disabled: any;
 }> & {
     component?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | null | undefined;
@@ -20,7 +20,8 @@ export declare const StyledTitleWithTooltip: import("@emotion/styled").StyledCom
     disabled?: boolean | undefined;
     paragraph?: boolean | undefined;
     noWrap?: boolean | undefined;
-} & import("react").RefAttributes<HTMLDivElement> & {
+    classes?: import("components").HvTypographyClasses | undefined;
+} & import("react").RefAttributes<HTMLElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $type: string;

package/dist/types/components/AppSwitcher/AppSwitcher.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcher.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppSwitcher/AppSwitcher.styles.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,UAAU;;;;WASZ,OAAO;aACL,OAAO;aACP,MAAM;yGAyBlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAUtB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;WAGZ,MAAM;UAwB1B,CAAC;AAEJ,eAAO,MAAM,sBAAsB;;;;;;;UASjC,CAAC;AAEH,eAAO,MAAM,YAAY;;;yGAWvB,CAAC"}
+{"version":3,"file":"AppSwitcher.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppSwitcher/AppSwitcher.styles.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,UAAU;;;;WASZ,OAAO;aACL,OAAO;aACP,MAAM;yGAyBlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAUtB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;WAGZ,MAAM;UAwB1B,CAAC;AAEJ,eAAO,MAAM,sBAAsB;;;;;;;UASjC,CAAC;AAEH,eAAO,MAAM,YAAY;;;yGAWvB,CAAC"}

package/dist/types/components/AppSwitcher/appSwitcherClasses.d.ts

@@ -12,6 +12,9 @@ export type HvAppSwitcherClasses = {
     open?: string;
     closed?: string;
     title?: string;
+    single?: string;
+    dual?: string;
+    fluid?: string;
 };
 declare const appSwitcherClasses: HvAppSwitcherClasses;
 export default appSwitcherClasses;

package/dist/types/components/AppSwitcher/appSwitcherClasses.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appSwitcherClasses.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppSwitcher/appSwitcherClasses.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAkBF,QAAA,MAAM,kBAAkB,sBAGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"appSwitcherClasses.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppSwitcher/appSwitcherClasses.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqBF,QAAA,MAAM,kBAAkB,sBAGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/types/components/Avatar/Avatar.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
 import { AvatarProps as MuiAvatarProps } from "@mui/material/Avatar";
+import { CSSProperties, HTMLAttributes } from "react";
 import { HvBaseProps } from "../../types";
 import { HvAvatarClasses } from "./avatarClasses";
 export type HvAvatarVariant = "circular" | "square";
 export type HvAvatarSize = "XS" | "SM" | "MD" | "LG" | "XL";
-export type HvAvatarProps = MuiAvatarProps & HvBaseProps & {
+export type HvAvatarProps = HvBaseProps & {
     /** Inline styles to be applied to the root element. */
-    style?: object;
+    style?: CSSProperties;
     /** The component used for the root node. Either a string to use a DOM element or a component. */
     component?: React.ElementType;
     /** Sets one of the standard sizes of the icons */
@@ -31,7 +31,7 @@ export type HvAvatarProps = MuiAvatarProps & HvBaseProps & {
      * Attributes applied to the `img` element if the component is used to display an image.
      * It can be used to listen for the loading error event.
      */
-    imgProps?: object;
+    imgProps?: HTMLAttributes<HTMLImageElement>;
     /** A string representing the type of avatar to display, circular or square. */
     variant?: HvAvatarVariant;
     /** A string representing the color of the avatar border that represents its status. */
@@ -39,8 +39,8 @@ export type HvAvatarProps = MuiAvatarProps & HvBaseProps & {
     /** A string representing the color of the avatar badge. */
     badge?: string;
     /** Attributes applied to the avatar element. */
-    avatarProps?: object;
-    /** A Jss Object used to override or extend the styles applied to the empty state component. */
+    avatarProps?: MuiAvatarProps;
+    /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvAvatarClasses;
 };
 /**

package/dist/types/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAU1C,OAAsB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG,cAAc,GACxC,WAAW,GAAG;IACZ,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iGAAiG;IACjG,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,kDAAkD;IAClD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0HAA0H;IAC1H,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qGAAqG;IACrG,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6GAA6G;IAC7G,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,uFAAuF;IACvF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B,CAAC;AAWJ;;;GAGG;AACH,eAAO,MAAM,QAAQ,sLAmBlB,aAAa,qDA6Ff,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAU1C,OAAsB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG;IACxC,uDAAuD;IACvD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,iGAAiG;IACjG,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,kDAAkD;IAClD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0HAA0H;IAC1H,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qGAAqG;IACrG,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6GAA6G;IAC7G,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAC5C,+EAA+E;IAC/E,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,uFAAuF;IACvF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,mFAAmF;IACnF,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B,CAAC;AAWF;;;GAGG;AACH,eAAO,MAAM,QAAQ,sLAmBlB,aAAa,qDAsGf,CAAC"}

package/dist/types/components/Avatar/Avatar.styles.d.ts

@@ -12,8 +12,8 @@ export declare const StyledStatus: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
-    variant: HvAvatarVariant;
-    size: HvAvatarSize;
+    $variant: HvAvatarVariant;
+    $size: HvAvatarSize;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledAvatar: import("@emotion/styled").StyledComponent<{
     alt?: string | undefined;
@@ -29,7 +29,7 @@ export declare const StyledAvatar: import("@emotion/styled").StyledComponent<{
     variant?: "square" | "circular" | "rounded" | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "sx" | "variant" | "sizes" | "alt" | "src" | "srcSet" | keyof import("@mui/material/OverridableComponent").CommonProps | "imgProps"> & {
+}, "children" | "sx" | "alt" | "sizes" | "src" | "srcSet" | "variant" | keyof import("@mui/material/OverridableComponent").CommonProps | "imgProps"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     component: any;

package/dist/types/components/Avatar/Avatar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/Avatar.styles.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQzD,eAAO,MAAM,eAAe;;;yGAK1B,CAAC;AAEH,eAAO,MAAM,SAAS;;;gHAUpB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;aACQ,eAAe;UAAQ,YAAY;yGAgCnE,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;eAEY,GAAG;UAAQ,YAAY;UA8B3D,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAQtB,CAAC"}
+{"version":3,"file":"Avatar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/Avatar.styles.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQzD,eAAO,MAAM,eAAe;;;yGAK1B,CAAC;AAEH,eAAO,MAAM,SAAS;;;gHAUpB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;cAQX,eAAe;WAClB,YAAY;yGAiCtB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;eAEY,GAAG;UAAQ,YAAY;UA8B3D,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAQtB,CAAC"}

package/dist/types/components/Avatar/avatarClasses.d.ts

@@ -6,6 +6,13 @@ export type HvAvatarClasses = {
     badge?: string;
     avatar?: string;
     status?: string;
+    XS?: string;
+    SM?: string;
+    MD?: string;
+    LG?: string;
+    XL?: string;
+    circular?: string;
+    square?: string;
 };
 declare const avatarClasses: HvAvatarClasses;
 export default avatarClasses;