@hitachivantara/uikit-react-core 5.106.0 → 6.0.0-next.1

package/dist/cjs/providers/Provider.cjs

@@ -1,84 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const createCache = require("@emotion/cache");
-const react = require("@emotion/react");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const document = require("../utils/document.cjs");
-const theme = require("../utils/theme.cjs");
-const ThemeProvider = require("./ThemeProvider.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const createCache__default = /* @__PURE__ */ _interopDefault(createCache);
-const HvProvider = ({
-  children,
-  rootElementId,
-  cssBaseline = "global",
-  cssTheme = "global",
-  themes,
-  theme: theme$1,
-  colorMode,
-  emotionCache: emotionCacheProp,
-  classNameKey = uikitReactShared.defaultCacheKey
-}) => {
-  const scopedRootId = React.useId();
-  const themesList = theme.processThemes(themes);
-  const emotionCache = React.useMemo(() => {
-    if (emotionCacheProp) return emotionCacheProp;
-    if (classNameKey === uikitReactShared.defaultCacheKey) return uikitReactShared.defaultEmotionCache;
-    return createCache__default.default({ key: classNameKey, prepend: true });
-  }, [classNameKey, emotionCacheProp]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.CacheProvider, { value: emotionCache, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      react.Global,
-      {
-        styles: react.css`
-          ${cssBaseline === "global" && {
-          [`@layer hv-uikit-baseline`]: {
-            ...uikitStyles.CssBaseline
-          }
-        }}
-          ${uikitStyles.getThemesVars(themesList)}
-        `
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ThemeProvider.HvThemeProvider,
-      {
-        themes: themesList,
-        theme: theme$1 || themesList[0].name,
-        emotionCache,
-        colorMode: colorMode || Object.keys(themesList[0].colors.modes)[0],
-        themeRootId: cssTheme === "scoped" ? rootElementId || scopedRootId : void 0,
-        children: /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, { children: ({ css }) => {
-          if (cssBaseline === "scoped") {
-            const rootElement = document.getElementById(rootElementId);
-            if (rootElement) {
-              rootElement.classList.add(
-                css({
-                  [`@layer ${rootElementId}-baseline`]: {
-                    ...uikitStyles.CssScopedBaseline
-                  }
-                })
-              );
-            }
-          }
-          return (cssTheme === "scoped" || cssBaseline === "scoped") && !rootElementId ? /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              id: scopedRootId,
-              className: cssBaseline === "scoped" ? css({
-                [`@layer ${rootElementId}-baseline`]: {
-                  ...uikitStyles.CssScopedBaseline
-                }
-              }) : void 0,
-              children
-            }
-          ) : children;
-        } })
-      }
-    )
-  ] });
-};
-exports.HvProvider = HvProvider;

package/dist/cjs/providers/ThemeProvider.cjs

@@ -1,125 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const styles = require("@mui/material/styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const theme = require("../utils/theme.cjs");
-const HvThemeProvider = ({
-  children,
-  themes: themesList,
-  theme: themeProp,
-  emotionCache,
-  colorMode: colorModeProp,
-  themeRootId: rootId
-}) => {
-  const [theme$1, setTheme] = React.useState(themeProp);
-  const [colorMode, setColorMode] = React.useState(colorModeProp);
-  const {
-    theme: activeTheme,
-    selectedTheme,
-    selectedMode,
-    colorModes,
-    colorScheme
-  } = uikitStyles.parseTheme(themesList, theme$1, colorMode);
-  const themes = themesList.map((t) => t.name);
-  React.useEffect(() => {
-    setTheme(themeProp);
-    setColorMode(colorModeProp);
-  }, [colorModeProp, themeProp]);
-  React.useEffect(() => {
-    theme.setElementAttrs(selectedTheme, selectedMode, colorScheme, rootId);
-  }, [colorScheme, rootId, selectedMode, selectedTheme]);
-  const changeTheme = React.useCallback(
-    (newTheme = selectedTheme, newMode = selectedMode) => {
-      setTheme(newTheme);
-      setColorMode(newMode);
-    },
-    [selectedMode, selectedTheme]
-  );
-  const value = React.useMemo(
-    () => ({
-      themes,
-      colorModes,
-      activeTheme,
-      selectedTheme,
-      selectedMode,
-      changeTheme,
-      rootId
-    }),
-    [
-      themes,
-      colorModes,
-      activeTheme,
-      selectedTheme,
-      selectedMode,
-      changeTheme,
-      rootId
-    ]
-  );
-  const muiTheme = React.useMemo(() => {
-    const colors = activeTheme.colors.modes[colorMode];
-    return styles.createTheme({
-      spacing: activeTheme.space.base,
-      typography: {
-        fontFamily: activeTheme.fontFamily.body
-      },
-      palette: {
-        primary: { main: colors.primary },
-        success: { main: colors.positive },
-        warning: { main: colors.warning },
-        error: { main: colors.negative },
-        info: { main: colors.info },
-        text: {
-          primary: colors.text,
-          secondary: colors.textSubtle,
-          disabled: colors.textDisabled
-        },
-        background: {
-          default: colors.bgPage,
-          paper: colors.bgContainer
-        },
-        divider: colors.border,
-        action: {
-          active: colors.primary,
-          hover: colors.primaryStrong,
-          selected: colors.primaryStrong,
-          disabled: colors.textDisabled,
-          disabledBackground: colors.bgDisabled
-        }
-      },
-      components: {
-        MuiButtonBase: {
-          defaultProps: {
-            disableRipple: true,
-            disableTouchRipple: true
-          }
-        }
-      },
-      breakpoints: activeTheme.breakpoints
-    });
-  }, [activeTheme, colorMode]);
-  const emotionCacheValue = React.useMemo(
-    () => ({ cache: emotionCache }),
-    [emotionCache]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(styles.ThemeProvider, { theme: muiTheme, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactShared.HvThemeContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactShared.EmotionContext.Provider, { value: emotionCacheValue, children }) }) });
-};
-Object.defineProperty(exports, "EmotionContext", {
-  enumerable: true,
-  get: () => uikitReactShared.EmotionContext
-});
-Object.defineProperty(exports, "HvThemeContext", {
-  enumerable: true,
-  get: () => uikitReactShared.HvThemeContext
-});
-Object.defineProperty(exports, "defaultCacheKey", {
-  enumerable: true,
-  get: () => uikitReactShared.defaultCacheKey
-});
-Object.defineProperty(exports, "defaultEmotionCache", {
-  enumerable: true,
-  get: () => uikitReactShared.defaultEmotionCache
-});
-exports.HvThemeProvider = HvThemeProvider;