Permalink
Aug 28, 2017
Jun 25, 2018
Aug 28, 2017
Aug 28, 2017
Aug 28, 2017
Aug 28, 2017
Nov 16, 2019
Nov 16, 2019
May 4, 2019
Dec 17, 2018
Sep 13, 2019
Sep 13, 2019
Aug 24, 2020
Aug 28, 2017
Newer
100644
104 lines (94 sloc)
2.92 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),
32
palette,
33
shadows,
34
typography: createTypography(palette, typographyInput),
35
spacing,
36
shape,
37
transitions,
38
zIndex,
39
},
40
other,
41
);
42
43
muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
46
const pseudoClasses = [
47
'checked',
48
'disabled',
49
'error',
50
'focused',
51
'focusVisible',
52
'required',
53
'expanded',
54
'selected',
55
];
57
let key;
58
59
// eslint-disable-next-line guard-for-in, no-restricted-syntax
60
for (key in node) {
61
const child = node[key];
67
`the CSS specificity of the \`${key}\` internal state.`,
68
'You can not override it like this: ',
69
JSON.stringify(node, null, 2),
70
'',
71
'Instead, you need to use the $ruleName syntax:',
72
JSON.stringify(
73
{
74
root: {
75
[`&$${key}`]: child,
76
},
78
null,
79
2,
80
),
81
'',
82
'https://material-ui.com/r/pseudo-classes-guide',
83
].join('\n'),
84
);
85
}
92
Object.keys(muiTheme.components).forEach((component) => {
93
const overrides = muiTheme.components[component].overrides;
94
95
if (overrides && component.indexOf('Mui') === 0) {
96
traverse(overrides, component);
97
}
98
});
102
}
103
104
export default createMuiTheme;