Skip to content
Permalink
material-ui/packages/mui-material/src/styles/createTheme.js
Newer
Older
Raw Normal view History
100644 144 lines (128 sloc) 4.07 KB
Ignoring revisions in .git-blame-ignore-revs.
@mnajdova
[core] Rename packages (#28049)
Sep 1, 2021
1
import { deepmerge } from '@mui/utils';
@mnajdova
[system] Enable configuring the sx prop in the theme (#35150)
Dec 7, 2022
2
import {
3
createTheme as systemCreateTheme,
4
unstable_defaultSxConfig as defaultSxConfig,
5
unstable_styleFunctionSx as styleFunctionSx,
6
} from '@mui/system';
@hbjORbj
[docs][system] Throw an informative error when theme.vars is used i…
Aug 1, 2022
7
import MuiError from '@mui/utils/macros/MuiError.macro';
@michaldudak
[base] Make CSS class prefixes consistent (#33411)
Oct 19, 2022
8
import generateUtilityClass from '../generateUtilityClass';
@oliviertassinari
[theme] Simplification of the API (#7934)
Aug 28, 2017
9
import createMixins from './createMixins';
@itelo @oliviertassinari
[theme] Add border-radius to the theme (#11847)
Jun 25, 2018
10
import createPalette from './createPalette';
11
import createTypography from './createTypography';
@oliviertassinari
[theme] Extend createMuiTheme behavior (#8188)
Sep 13, 2017
12
import shadows from './shadows';
@pandeymangg
[theme] Fix transition duration default value customization (#26054)
Apr 29, 2021
13
import createTransitions from './createTransitions';
@oliviertassinari
[theme] Simplification of the API (#7934)
Aug 28, 2017
14
import zIndex from './zIndex';
15
@m4theushw
[theme] Rename createMuiTheme to createTheme (#25992)
Apr 29, 2021
16
function createTheme(options = {}, ...args) {
@oliviertassinari
[theme] Simplification of the API (#7934)
Aug 28, 2017
17
const {
@mnajdova
[system] Add createTheme util (#26490)
Jun 4, 2021
18
breakpoints: breakpointsInput,
@oliviertassinari
[theme] Simplification of the API (#7934)
Aug 28, 2017
19
mixins: mixinsInput = {},
@ifndefdeadmau5 @oliviertassinari
[Grid] Use a unitless spacing API (#14099)
Feb 8, 2019
20
spacing: spacingInput,
@mnajdova
[system] Add createTheme util (#26490)
Jun 4, 2021
21
palette: paletteInput = {},
@pandeymangg
[theme] Fix transition duration default value customization (#26054)
Apr 29, 2021
22
transitions: transitionsInput = {},
@itelo @oliviertassinari
[theme] Add border-radius to the theme (#11847)
Jun 25, 2018
23
typography: typographyInput = {},
@mnajdova
[system] Add createTheme util (#26490)
Jun 4, 2021
24
shape: shapeInput,
@oliviertassinari
[theme] Simplification of the API (#7934)
Aug 28, 2017
25
...other
26
} = options;
27
@hbjORbj
[docs][system] Throw an informative error when theme.vars is used i…
Aug 1, 2022
28
if (options.vars) {
29
throw new MuiError(
30
'MUI: `vars` is a private field used for CSS variables support.\n' +
31
'Please use another name.',
32
);
33
}
34
@oliviertassinari
[theme] Simplification of the API (#7934)
Aug 28, 2017
35
const palette = createPalette(paletteInput);
@mnajdova
[system] Add createTheme util (#26490)
Jun 4, 2021
36
const systemTheme = systemCreateTheme(options);
@oliviertassinari
[theme] Simplification of the API (#7934)
Aug 28, 2017
37
@mnajdova
[system] Add createTheme util (#26490)
Jun 4, 2021
38
let muiTheme = deepmerge(systemTheme, {
@ZeeshanTamboli
[core] Remove unnecessary spacing parameter from createMixins met…
May 12, 2022
39
mixins: createMixins(systemTheme.breakpoints, mixinsInput),
@mnajdova
[system] Add createTheme util (#26490)
Jun 4, 2021
40
palette,
41
// Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
42
shadows: shadows.slice(),
43
typography: createTypography(palette, typographyInput),
44
transitions: createTransitions(transitionsInput),
45
zIndex: { ...zIndex },
46
});
@soltanloo @oliviertassinari
[core] Add localization (#18219)
Nov 16, 2019
47
@mnajdova
[system] Add createTheme util (#26490)
Jun 4, 2021
48
muiTheme = deepmerge(muiTheme, other);
@soltanloo @oliviertassinari
[core] Add localization (#18219)
Nov 16, 2019
49
muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
@oliviertassinari
[theme] Support overriding the shadows key (#8795)
Oct 22, 2017
50
@oliviertassinari
[docs] Improve the state override story (#13919)
Dec 17, 2018
51
if (process.env.NODE_ENV !== 'production') {
@michaldudak
[docs] Change "pseudo-classes" to "state classes" (#27570)
Aug 3, 2021
52
const stateClasses = [
@mnajdova
[core] Improve pseudo classes overrides error (#24535)
Jan 22, 2021
53
'active',
@oliviertassinari
[core] Better handle theme.overrides pseudo-classes (#15578)
May 4, 2019
54
'checked',
@michal-perlakowski
[Stepper] Add completed to global pseudo-classes (#26953)
Jun 30, 2021
55
'completed',
@oliviertassinari
[core] Better handle theme.overrides pseudo-classes (#15578)
May 4, 2019
56
'disabled',
57
'error',
@michal-perlakowski
[Stepper] Add completed to global pseudo-classes (#26953)
Jun 30, 2021
58
'expanded',
@oliviertassinari
[core] Better handle theme.overrides pseudo-classes (#15578)
May 4, 2019
59
'focused',
60
'focusVisible',
61
'required',
62
'selected',
63
];
@mnajdova
[core] Improve pseudo classes overrides error (#24535)
Jan 22, 2021
64
@mnajdova
[Theme] Restructure component definitions (#22293)
Aug 24, 2020
65
const traverse = (node, component) => {
@oliviertassinari
[docs] Improve the state override story (#13919)
Dec 17, 2018
66
let key;
67
68
// eslint-disable-next-line guard-for-in, no-restricted-syntax
69
for (key in node) {
70
const child = node[key];
@michaldudak
[docs] Change "pseudo-classes" to "state classes" (#27570)
Aug 3, 2021
71
if (stateClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) {
@eps1lon
[core] Replace warning with manual console.error (#17404)
Sep 13, 2019
72
if (process.env.NODE_ENV !== 'production') {
@michaldudak
[docs] Change "pseudo-classes" to "state classes" (#27570)
Aug 3, 2021
73
const stateClass = generateUtilityClass('', key);
@eps1lon
[core] Replace warning with manual console.error (#17404)
Sep 13, 2019
74
console.error(
75
[
@mnajdova
[core] Replace Material-UI with MUI (#28243)
Sep 13, 2021
76
`MUI: The \`${component}\` component increases ` +
@eps1lon
[core] Replace warning with manual console.error (#17404)
Sep 13, 2019
77
`the CSS specificity of the \`${key}\` internal state.`,
78
'You can not override it like this: ',
79
JSON.stringify(node, null, 2),
80
'',
@michaldudak
[docs] Change "pseudo-classes" to "state classes" (#27570)
Aug 3, 2021
81
`Instead, you need to use the '&.${stateClass}' syntax:`,
@eps1lon
[core] Replace warning with manual console.error (#17404)
Sep 13, 2019
82
JSON.stringify(
83
{
84
root: {
@michaldudak
[docs] Change "pseudo-classes" to "state classes" (#27570)
Aug 3, 2021
85
[`&.${stateClass}`]: child,
@eps1lon
[core] Replace warning with manual console.error (#17404)
Sep 13, 2019
86
},
@oliviertassinari
[theme] Improve the state warning (#14412)
Feb 5, 2019
87
},
@eps1lon
[core] Replace warning with manual console.error (#17404)
Sep 13, 2019
88
null,
89
2,
90
),
91
'',
@mnajdova
[website] Rename domain to mui.com (#28332)
Sep 15, 2021
92
'https://mui.com/r/state-classes-guide',
@eps1lon
[core] Replace warning with manual console.error (#17404)
Sep 13, 2019
93
].join('\n'),
94
);
95
}
@oliviertassinari
[core] Better handle theme.overrides pseudo-classes (#15578)
May 4, 2019
96
// Remove the style to prevent global conflicts.
97
node[key] = {};
@oliviertassinari
[docs] Improve the state override story (#13919)
Dec 17, 2018
98
}
99
}
100
};
101
@mnajdova
[Theme] Restructure component definitions (#22293)
Aug 24, 2020
102
Object.keys(muiTheme.components).forEach((component) => {
@mnajdova
[Theme] Rename theme keys to defaultProps and styleOverrides (#22347)
Aug 28, 2020
103
const styleOverrides = muiTheme.components[component].styleOverrides;
@mnajdova
[Theme] Restructure component definitions (#22293)
Aug 24, 2020
104
@mnajdova
[Theme] Rename theme keys to defaultProps and styleOverrides (#22347)
Aug 28, 2020
105
if (styleOverrides && component.indexOf('Mui') === 0) {
106
traverse(styleOverrides, component);
@mnajdova
[Theme] Restructure component definitions (#22293)
Aug 24, 2020
107
}
108
});
@oliviertassinari
[docs] Improve the state override story (#13919)
Dec 17, 2018
109
}
110
@mnajdova
[system] Enable configuring the sx prop in the theme (#35150)
Dec 7, 2022
111
muiTheme.unstable_sxConfig = {
112
...defaultSxConfig,
113
...other?.unstable_sxConfig,
114
};
115
muiTheme.unstable_sx = function sx(props) {
116
return styleFunctionSx({
117
sx: props,
118
theme: this,
119
});
120
};
121
@oliviertassinari
[theme] Support overriding the shadows key (#8795)
Oct 22, 2017
122
return muiTheme;
@oliviertassinari
[theme] Simplification of the API (#7934)
Aug 28, 2017
123
}
124
@m4theushw
[theme] Rename createMuiTheme to createTheme (#25992)
Apr 29, 2021
125
let warnedOnce = false;
126
127
export function createMuiTheme(...args) {
128
if (process.env.NODE_ENV !== 'production') {
129
if (!warnedOnce) {
130
warnedOnce = true;
131
console.error(
132
[
@mnajdova
[core] Replace Material-UI with MUI (#28243)
Sep 13, 2021
133
'MUI: the createMuiTheme function was renamed to createTheme.',
@m4theushw
[theme] Rename createMuiTheme to createTheme (#25992)
Apr 29, 2021
134
'',
@mnajdova
[core] Rename packages (#28049)
Sep 1, 2021
135
"You should use `import { createTheme } from '@mui/material/styles'`",
@m4theushw
[theme] Rename createMuiTheme to createTheme (#25992)
Apr 29, 2021
136
].join('\n'),
137
);
138
}
139
}
140
141
return createTheme(...args);
142
}
143
144
export default createTheme;