import _extends from "@babel/runtime/helpers/esm/extends"; import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose"; import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage"; const _excluded = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"]; import deepmerge from '@mui/utils/deepmerge'; import styleFunctionSx, { unstable_defaultSxConfig as defaultSxConfig } from '@mui/system/styleFunctionSx'; import systemCreateTheme from '@mui/system/createTheme'; import generateUtilityClass from '@mui/utils/generateUtilityClass'; import createMixins from './createMixins'; import createPalette from './createPalette'; import createTypography from './createTypography'; import shadows from './shadows'; import createTransitions from './createTransitions'; import zIndex from './zIndex'; function createTheme(options = {}, ...args) { const { mixins: mixinsInput = {}, palette: paletteInput = {}, transitions: transitionsInput = {}, typography: typographyInput = {} } = options, other = _objectWithoutPropertiesLoose(options, _excluded); if (options.vars) { throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support. Please use another name.` : _formatMuiErrorMessage(18)); } const palette = createPalette(paletteInput); const systemTheme = systemCreateTheme(options); let muiTheme = deepmerge(systemTheme, { mixins: createMixins(systemTheme.breakpoints, mixinsInput), palette, // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol. shadows: shadows.slice(), typography: createTypography(palette, typographyInput), transitions: createTransitions(transitionsInput), zIndex: _extends({}, zIndex) }); muiTheme = deepmerge(muiTheme, other); muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme); if (process.env.NODE_ENV !== 'production') { // TODO v6: Refactor to use globalStateClassesMapping from @mui/utils once `readOnly` state class is used in Rating component. const stateClasses = ['active', 'checked', 'completed', 'disabled', 'error', 'expanded', 'focused', 'focusVisible', 'required', 'selected']; const traverse = (node, component) => { let key; // eslint-disable-next-line guard-for-in, no-restricted-syntax for (key in node) { const child = node[key]; if (stateClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) { if (process.env.NODE_ENV !== 'production') { const stateClass = generateUtilityClass('', key); console.error([`MUI: The \`${component}\` component increases ` + `the CSS specificity of the \`${key}\` internal state.`, 'You can not override it like this: ', JSON.stringify(node, null, 2), '', `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({ root: { [`&.${stateClass}`]: child } }, null, 2), '', 'https://mui.com/r/state-classes-guide'].join('\n')); } // Remove the style to prevent global conflicts. node[key] = {}; } } }; Object.keys(muiTheme.components).forEach(component => { const styleOverrides = muiTheme.components[component].styleOverrides; if (styleOverrides && component.indexOf('Mui') === 0) { traverse(styleOverrides, component); } }); } muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig, other?.unstable_sxConfig); muiTheme.unstable_sx = function sx(props) { return styleFunctionSx({ sx: props, theme: this }); }; return muiTheme; } let warnedOnce = false; export function createMuiTheme(...args) { if (process.env.NODE_ENV !== 'production') { if (!warnedOnce) { warnedOnce = true; console.error(['MUI: the createMuiTheme function was renamed to createTheme.', '', "You should use `import { createTheme } from '@mui/material/styles'`"].join('\n')); } } return createTheme(...args); } export default createTheme;