50 lines
2.0 KiB
JavaScript
50 lines
2.0 KiB
JavaScript
|
"use strict";
|
||
|
|
'use client';
|
||
|
|
|
||
|
|
// do not remove the following import (https://github.com/microsoft/TypeScript/issues/29808#issuecomment-1320713018)
|
||
|
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
||
|
|
// @ts-ignore
|
||
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports.useColorScheme = exports.getInitColorSchemeScript = exports.Experimental_CssVarsProvider = void 0;
|
||
|
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
||
|
|
var _system = require("@mui/system");
|
||
|
|
var _styleFunctionSx = _interopRequireDefault(require("@mui/system/styleFunctionSx"));
|
||
|
|
var _experimental_extendTheme = _interopRequireDefault(require("./experimental_extendTheme"));
|
||
|
|
var _createTypography = _interopRequireDefault(require("./createTypography"));
|
||
|
|
var _excludeVariablesFromRoot = _interopRequireDefault(require("./excludeVariablesFromRoot"));
|
||
|
|
var _identifier = _interopRequireDefault(require("./identifier"));
|
||
|
|
const defaultTheme = (0, _experimental_extendTheme.default)();
|
||
|
|
const {
|
||
|
|
CssVarsProvider,
|
||
|
|
useColorScheme,
|
||
|
|
getInitColorSchemeScript
|
||
|
|
} = (0, _system.unstable_createCssVarsProvider)({
|
||
|
|
themeId: _identifier.default,
|
||
|
|
theme: defaultTheme,
|
||
|
|
attribute: 'data-mui-color-scheme',
|
||
|
|
modeStorageKey: 'mui-mode',
|
||
|
|
colorSchemeStorageKey: 'mui-color-scheme',
|
||
|
|
defaultColorScheme: {
|
||
|
|
light: 'light',
|
||
|
|
dark: 'dark'
|
||
|
|
},
|
||
|
|
resolveTheme: theme => {
|
||
|
|
const newTheme = (0, _extends2.default)({}, theme, {
|
||
|
|
typography: (0, _createTypography.default)(theme.palette, theme.typography)
|
||
|
|
});
|
||
|
|
newTheme.unstable_sx = function sx(props) {
|
||
|
|
return (0, _styleFunctionSx.default)({
|
||
|
|
sx: props,
|
||
|
|
theme: this
|
||
|
|
});
|
||
|
|
};
|
||
|
|
return newTheme;
|
||
|
|
},
|
||
|
|
excludeVariablesFromRoot: _excludeVariablesFromRoot.default
|
||
|
|
});
|
||
|
|
exports.getInitColorSchemeScript = getInitColorSchemeScript;
|
||
|
|
exports.useColorScheme = useColorScheme;
|
||
|
|
exports.Experimental_CssVarsProvider = CssVarsProvider;
|