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