@mui/material
Version:
React components that implement Google's Material Design.
33 lines • 1.4 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import { unstable_createCssVarsProvider as createCssVarsProvider, unstable_styleFunctionSx as styleFunctionSx } from '@mui/system';
import experimental_extendTheme from './experimental_extendTheme';
import createTypography from './createTypography';
import excludeVariablesFromRoot from './excludeVariablesFromRoot';
var defaultTheme = experimental_extendTheme();
var _createCssVarsProvide = createCssVarsProvider({
theme: defaultTheme,
attribute: 'data-mui-color-scheme',
modeStorageKey: 'mui-mode',
colorSchemeStorageKey: 'mui-color-scheme',
defaultColorScheme: {
light: 'light',
dark: 'dark'
},
resolveTheme: function resolveTheme(theme) {
var newTheme = _extends({}, theme, {
typography: createTypography(theme.palette, theme.typography)
});
newTheme.unstable_sx = function sx(props) {
return styleFunctionSx({
sx: props,
theme: this
});
};
return newTheme;
},
excludeVariablesFromRoot: excludeVariablesFromRoot
}),
CssVarsProvider = _createCssVarsProvide.CssVarsProvider,
useColorScheme = _createCssVarsProvide.useColorScheme,
getInitColorSchemeScript = _createCssVarsProvide.getInitColorSchemeScript;
export { useColorScheme, getInitColorSchemeScript, CssVarsProvider as Experimental_CssVarsProvider };