Permalink
Aug 28, 2017
Jun 25, 2018
Aug 28, 2017
Aug 28, 2017
Aug 28, 2017
Aug 28, 2017
Nov 16, 2019
Sep 9, 2020
Nov 16, 2019
May 4, 2019
Dec 17, 2018
Sep 13, 2019
Sep 13, 2019
Aug 28, 2020
Aug 28, 2017
Newer
100644
105 lines (95 sloc)
3.19 KB
2
import createBreakpoints from './createBreakpoints';
3
import createMixins from './createMixins';
4
import createPalette from './createPalette';
5
import createTypography from './createTypography';
10
import zIndex from './zIndex';
11
13
const {
14
breakpoints: breakpointsInput = {},
15
mixins: mixinsInput = {},
19
...other
20
} = options;
21
22
const palette = createPalette(paletteInput);
23
const breakpoints = createBreakpoints(breakpointsInput);
25
26
let muiTheme = deepmerge(
27
{
28
breakpoints,
29
direction: 'ltr',
30
mixins: createMixins(breakpoints, spacing, mixinsInput),
33
// Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
34
shadows: shadows.slice(),
40
},
41
other,
42
);
43
44
muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
47
const pseudoClasses = [
48
'checked',
49
'disabled',
50
'error',
51
'focused',
52
'focusVisible',
53
'required',
54
'expanded',
55
'selected',
56
];
58
let key;
59
60
// eslint-disable-next-line guard-for-in, no-restricted-syntax
61
for (key in node) {
62
const child = node[key];
68
`the CSS specificity of the \`${key}\` internal state.`,
69
'You can not override it like this: ',
70
JSON.stringify(node, null, 2),
71
'',
72
'Instead, you need to use the $ruleName syntax:',
73
JSON.stringify(
74
{
75
root: {
76
[`&$${key}`]: child,
77
},
79
null,
80
2,
81
),
82
'',
83
'https://material-ui.com/r/pseudo-classes-guide',
84
].join('\n'),
85
);
86
}
96
if (styleOverrides && component.indexOf('Mui') === 0) {
97
traverse(styleOverrides, component);
103
}
104
105
export default createMuiTheme;