@micha.bigler/ui-core-micha 3.9.1 → 3.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/DESIGN.md +11 -0
- package/README.md +16 -0
- package/WORK_ORDERS.md +6 -2
- package/dev/main.jsx +3 -3
- package/dist/index.js +2 -0
- package/dist/testing/checkKitIntegration.js +201 -0
- package/dist/theme/createAppTheme.js +123 -20
- package/dist/theme/themeCompleteness.js +13 -7
- package/dist/theme/tokens.js +42 -0
- package/docs/DARK-TOKENS.md +140 -0
- package/package.json +1 -1
- package/src/index.js +3 -0
- package/src/testing/checkKitIntegration.js +233 -0
- package/src/theme/createAppTheme.js +139 -12
- package/src/theme/themeCompleteness.js +10 -4
- package/src/theme/tokens.js +72 -0
- package/tests/checkKitIntegration.test.jsx +219 -0
- package/tests/createAppThemeDark.test.js +127 -0
- package/tests/createAppThemeLightGuard.test.js +40 -0
- package/tests/fixtures/light-theme-baseline.json +2228 -0
- package/work-orders/UCM-I18N-5.md +80 -0
- package/work-orders/UCM-TEST-1.md +304 -0
- package/work-orders/UCM-THEME-14.md +178 -8
- package/work-orders/assets/UCM-THEME-13-dark-prototype.html +390 -0
|
@@ -0,0 +1,2228 @@
|
|
|
1
|
+
{
|
|
2
|
+
"baseline": {
|
|
3
|
+
"alpha": "alpha(color, coefficient) {\n const obj = this || theme;\n if (obj.colorSpace) {\n return `oklch(from ${color} l c h / ${typeof coefficient === 'string' ? `calc(${coefficient})` : coefficient})`;\n }\n if (obj.vars) {\n // To preserve the behavior of the CSS theme variables\n // In the future, this could be replaced by `color-mix` (when https://caniuse.com/?search=color-mix reaches 95%).\n return `rgba(${color.replace(/var\\(--([^,\\s)]+)(?:,[^)]+)?\\)+/g, 'var(--$1Channel)')} / ${typeof coefficient === 'string' ? `calc(${coefficient})` : coefficient})`;\n }\n return systemAlpha(color, parseAddition(coefficient));\n }",
|
|
4
|
+
"applyStyles": "function applyStyles(key, styles) {\n // @ts-expect-error this is 'any' type\n const theme = this;\n if (theme.vars) {\n if (!theme.colorSchemes?.[key] || typeof theme.getColorSchemeSelector !== 'function') {\n return {};\n }\n // If CssVarsProvider is used as a provider, returns '*:where({selector}) &'\n let selector = theme.getColorSchemeSelector(key);\n if (selector === '&') {\n return styles;\n }\n if (selector.includes('data-') || selector.includes('.')) {\n // '*' is required as a workaround for Emotion issue (https://github.com/emotion-js/emotion/issues/2836)\n selector = `*:where(${selector.replace(/\\s*&$/, '')}) &`;\n }\n return {\n [selector]: styles\n };\n }\n if (theme.palette.mode === key) {\n return styles;\n }\n return {};\n}",
|
|
5
|
+
"breakpoints": {
|
|
6
|
+
"between": "function between(start, end) {\n const endIndex = keys.indexOf(end);\n return `@media (min-width:${typeof values[start] === 'number' ? values[start] : start}${unit}) and ` + `(max-width:${(endIndex !== -1 && typeof values[keys[endIndex]] === 'number' ? values[keys[endIndex]] : end) - step / 100}${unit})`;\n }",
|
|
7
|
+
"down": "function down(key) {\n const value = typeof values[key] === 'number' ? values[key] : key;\n return `@media (max-width:${value - step / 100}${unit})`;\n }",
|
|
8
|
+
"keys": [
|
|
9
|
+
"xs",
|
|
10
|
+
"sm",
|
|
11
|
+
"md",
|
|
12
|
+
"lg",
|
|
13
|
+
"xl"
|
|
14
|
+
],
|
|
15
|
+
"not": "function not(key) {\n // handle first and last key separately, for better readability\n const keyIndex = keys.indexOf(key);\n if (keyIndex === 0) {\n return up(keys[1]);\n }\n if (keyIndex === keys.length - 1) {\n return down(keys[keyIndex]);\n }\n return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');\n }",
|
|
16
|
+
"only": "function only(key) {\n if (keys.indexOf(key) + 1 < keys.length) {\n return between(key, keys[keys.indexOf(key) + 1]);\n }\n return up(key);\n }",
|
|
17
|
+
"unit": "px",
|
|
18
|
+
"up": "function up(key) {\n const value = typeof values[key] === 'number' ? values[key] : key;\n return `@media (min-width:${value}${unit})`;\n }",
|
|
19
|
+
"values": {
|
|
20
|
+
"lg": 1200,
|
|
21
|
+
"md": 900,
|
|
22
|
+
"sm": 600,
|
|
23
|
+
"xl": 1536,
|
|
24
|
+
"xs": 0
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"components": {
|
|
28
|
+
"MuiAlert": {
|
|
29
|
+
"styleOverrides": {
|
|
30
|
+
"standardError": {
|
|
31
|
+
"& .MuiAlert-icon": {
|
|
32
|
+
"color": "#BF3227"
|
|
33
|
+
},
|
|
34
|
+
"backgroundColor": "#FBEAE8",
|
|
35
|
+
"color": "#BF3227"
|
|
36
|
+
},
|
|
37
|
+
"standardInfo": {
|
|
38
|
+
"& .MuiAlert-icon": {
|
|
39
|
+
"color": "#01579B"
|
|
40
|
+
},
|
|
41
|
+
"backgroundColor": "#E5F6FD",
|
|
42
|
+
"color": "#01579B"
|
|
43
|
+
},
|
|
44
|
+
"standardSuccess": {
|
|
45
|
+
"& .MuiAlert-icon": {
|
|
46
|
+
"color": "#35794A"
|
|
47
|
+
},
|
|
48
|
+
"backgroundColor": "#E5F4E9",
|
|
49
|
+
"color": "#35794A"
|
|
50
|
+
},
|
|
51
|
+
"standardWarning": {
|
|
52
|
+
"& .MuiAlert-icon": {
|
|
53
|
+
"color": "#976100"
|
|
54
|
+
},
|
|
55
|
+
"backgroundColor": "#FBF0DC",
|
|
56
|
+
"color": "#976100"
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
"MuiBottomNavigation": {
|
|
61
|
+
"styleOverrides": {
|
|
62
|
+
"root": {
|
|
63
|
+
"backgroundColor": "#FFFFFF",
|
|
64
|
+
"boxShadow": "none"
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
"MuiBottomNavigationAction": {
|
|
69
|
+
"styleOverrides": {
|
|
70
|
+
"label": {
|
|
71
|
+
"&.Mui-selected": {
|
|
72
|
+
"fontSize": "12px"
|
|
73
|
+
},
|
|
74
|
+
"fontSize": "12px",
|
|
75
|
+
"fontWeight": 500,
|
|
76
|
+
"lineHeight": 1.2,
|
|
77
|
+
"maxWidth": "100%",
|
|
78
|
+
"overflow": "hidden",
|
|
79
|
+
"textOverflow": "ellipsis",
|
|
80
|
+
"whiteSpace": "nowrap"
|
|
81
|
+
},
|
|
82
|
+
"root": {
|
|
83
|
+
"& .MuiSvgIcon-root": {
|
|
84
|
+
"height": "22px",
|
|
85
|
+
"width": "22px"
|
|
86
|
+
},
|
|
87
|
+
"&.Mui-selected": {
|
|
88
|
+
"color": "#0F62FE"
|
|
89
|
+
},
|
|
90
|
+
"color": "#5B6670",
|
|
91
|
+
"gap": "2px",
|
|
92
|
+
"padding": "0 2px"
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
"MuiButton": {
|
|
97
|
+
"defaultProps": {
|
|
98
|
+
"disableElevation": true
|
|
99
|
+
},
|
|
100
|
+
"styleOverrides": {
|
|
101
|
+
"contained": {
|
|
102
|
+
"&:hover": {
|
|
103
|
+
"boxShadow": "none"
|
|
104
|
+
},
|
|
105
|
+
"boxShadow": "none"
|
|
106
|
+
},
|
|
107
|
+
"outlined": {
|
|
108
|
+
"&:hover": {
|
|
109
|
+
"borderColor": "rgba(33,37,41,.65)"
|
|
110
|
+
},
|
|
111
|
+
"borderColor": "rgba(33,37,41,.50)"
|
|
112
|
+
},
|
|
113
|
+
"root": {
|
|
114
|
+
"@media (any-pointer: coarse)": {
|
|
115
|
+
"minHeight": 44,
|
|
116
|
+
"minWidth": 44
|
|
117
|
+
},
|
|
118
|
+
"borderRadius": 3,
|
|
119
|
+
"minHeight": 40,
|
|
120
|
+
"textTransform": "none",
|
|
121
|
+
"transition": "border-color 120ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms cubic-bezier(0.4, 0, 0.2, 1), background-color 120ms cubic-bezier(0.4, 0, 0.2, 1)",
|
|
122
|
+
"transitionDuration": "120ms"
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
"MuiCard": {
|
|
127
|
+
"defaultProps": {
|
|
128
|
+
"elevation": 0,
|
|
129
|
+
"variant": "outlined"
|
|
130
|
+
},
|
|
131
|
+
"styleOverrides": {
|
|
132
|
+
"root": {
|
|
133
|
+
"borderColor": "rgba(33,37,41,.10)",
|
|
134
|
+
"borderRadius": 8,
|
|
135
|
+
"boxShadow": "none"
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
"MuiCheckbox": {
|
|
140
|
+
"styleOverrides": {
|
|
141
|
+
"root": {
|
|
142
|
+
"&.Mui-checked": {
|
|
143
|
+
"color": "#0F62FE"
|
|
144
|
+
},
|
|
145
|
+
"&.Mui-error": {
|
|
146
|
+
"color": "#BF3227"
|
|
147
|
+
},
|
|
148
|
+
"&.MuiCheckbox-indeterminate": {
|
|
149
|
+
"color": "#0F62FE"
|
|
150
|
+
},
|
|
151
|
+
"&:hover": {
|
|
152
|
+
"color": "rgba(33,37,41,.65)"
|
|
153
|
+
},
|
|
154
|
+
"@media (any-pointer: coarse)": {
|
|
155
|
+
"minHeight": 44,
|
|
156
|
+
"minWidth": 44
|
|
157
|
+
},
|
|
158
|
+
"color": "rgba(33,37,41,.50)",
|
|
159
|
+
"minHeight": 40,
|
|
160
|
+
"minWidth": 40,
|
|
161
|
+
"transition": "border-color 120ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms cubic-bezier(0.4, 0, 0.2, 1), background-color 120ms cubic-bezier(0.4, 0, 0.2, 1)"
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
},
|
|
165
|
+
"MuiChip": {
|
|
166
|
+
"styleOverrides": {
|
|
167
|
+
"outlined": {
|
|
168
|
+
"borderColor": "rgba(33,37,41,.50)"
|
|
169
|
+
},
|
|
170
|
+
"root": {
|
|
171
|
+
"@media (any-pointer: coarse)": {
|
|
172
|
+
"&::after": {
|
|
173
|
+
"content": "\"\"",
|
|
174
|
+
"inset": "-6px",
|
|
175
|
+
"position": "absolute"
|
|
176
|
+
}
|
|
177
|
+
},
|
|
178
|
+
"borderRadius": 16,
|
|
179
|
+
"fontSize": "13px",
|
|
180
|
+
"height": 32,
|
|
181
|
+
"position": "relative"
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
},
|
|
185
|
+
"MuiContainer": {
|
|
186
|
+
"styleOverrides": {
|
|
187
|
+
"root": {
|
|
188
|
+
"@media (min-width:1200px)": {
|
|
189
|
+
"paddingLeft": 32,
|
|
190
|
+
"paddingRight": 32
|
|
191
|
+
},
|
|
192
|
+
"paddingLeft": 24,
|
|
193
|
+
"paddingRight": 24
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
},
|
|
197
|
+
"MuiCssBaseline": {
|
|
198
|
+
"styleOverrides": {
|
|
199
|
+
"@media (prefers-reduced-motion: reduce)": {
|
|
200
|
+
"*, *::before, *::after": {
|
|
201
|
+
"animationDuration": "0.01ms !important",
|
|
202
|
+
"animationIterationCount": "1 !important",
|
|
203
|
+
"scrollBehavior": "auto !important",
|
|
204
|
+
"transitionDuration": "0.01ms !important"
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
},
|
|
209
|
+
"MuiDialog": {
|
|
210
|
+
"defaultProps": {
|
|
211
|
+
"transitionDuration": {
|
|
212
|
+
"enter": 220,
|
|
213
|
+
"exit": 180
|
|
214
|
+
}
|
|
215
|
+
},
|
|
216
|
+
"styleOverrides": {
|
|
217
|
+
"paper": {
|
|
218
|
+
"borderRadius": 8,
|
|
219
|
+
"boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)"
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
},
|
|
223
|
+
"MuiDivider": {
|
|
224
|
+
"styleOverrides": {
|
|
225
|
+
"root": {
|
|
226
|
+
"borderColor": "rgba(33,37,41,.10)"
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
},
|
|
230
|
+
"MuiDrawer": {
|
|
231
|
+
"defaultProps": {
|
|
232
|
+
"transitionDuration": {
|
|
233
|
+
"enter": 220,
|
|
234
|
+
"exit": 180
|
|
235
|
+
}
|
|
236
|
+
},
|
|
237
|
+
"styleOverrides": {
|
|
238
|
+
"paper": {
|
|
239
|
+
"boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)"
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
},
|
|
243
|
+
"MuiFilledInput": {
|
|
244
|
+
"styleOverrides": {
|
|
245
|
+
"input": {
|
|
246
|
+
"&:-webkit-autofill": {
|
|
247
|
+
"WebkitBoxShadow": "0 0 0 100px #FFFFFF inset",
|
|
248
|
+
"WebkitTextFillColor": "#212529",
|
|
249
|
+
"caretColor": "#212529"
|
|
250
|
+
},
|
|
251
|
+
"&:autofill": {
|
|
252
|
+
"WebkitTextFillColor": "#212529",
|
|
253
|
+
"boxShadow": "0 0 0 100px #FFFFFF inset",
|
|
254
|
+
"caretColor": "#212529"
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
},
|
|
259
|
+
"MuiFormControlLabel": {
|
|
260
|
+
"styleOverrides": {
|
|
261
|
+
"label": {
|
|
262
|
+
"fontSize": "14px",
|
|
263
|
+
"lineHeight": 1.55
|
|
264
|
+
},
|
|
265
|
+
"root": {
|
|
266
|
+
"@media (any-pointer: coarse)": {
|
|
267
|
+
"minHeight": 44,
|
|
268
|
+
"minWidth": 44
|
|
269
|
+
},
|
|
270
|
+
"minHeight": 40
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
},
|
|
274
|
+
"MuiIconButton": {
|
|
275
|
+
"styleOverrides": {
|
|
276
|
+
"root": {
|
|
277
|
+
"@media (any-pointer: coarse)": {
|
|
278
|
+
"minHeight": 44,
|
|
279
|
+
"minWidth": 44
|
|
280
|
+
},
|
|
281
|
+
"minHeight": 40,
|
|
282
|
+
"minWidth": 40
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
},
|
|
286
|
+
"MuiInput": {
|
|
287
|
+
"styleOverrides": {
|
|
288
|
+
"input": {
|
|
289
|
+
"&:-webkit-autofill": {
|
|
290
|
+
"WebkitBoxShadow": "0 0 0 100px #FFFFFF inset",
|
|
291
|
+
"WebkitTextFillColor": "#212529",
|
|
292
|
+
"caretColor": "#212529"
|
|
293
|
+
},
|
|
294
|
+
"&:autofill": {
|
|
295
|
+
"WebkitTextFillColor": "#212529",
|
|
296
|
+
"boxShadow": "0 0 0 100px #FFFFFF inset",
|
|
297
|
+
"caretColor": "#212529"
|
|
298
|
+
}
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
},
|
|
302
|
+
"MuiMenu": {
|
|
303
|
+
"defaultProps": {
|
|
304
|
+
"transitionDuration": {
|
|
305
|
+
"enter": 220,
|
|
306
|
+
"exit": 180
|
|
307
|
+
}
|
|
308
|
+
},
|
|
309
|
+
"styleOverrides": {
|
|
310
|
+
"paper": {
|
|
311
|
+
"boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)"
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
},
|
|
315
|
+
"MuiOutlinedInput": {
|
|
316
|
+
"styleOverrides": {
|
|
317
|
+
"input": {
|
|
318
|
+
"&:-webkit-autofill": {
|
|
319
|
+
"WebkitBoxShadow": "0 0 0 100px #FFFFFF inset",
|
|
320
|
+
"WebkitTextFillColor": "#212529",
|
|
321
|
+
"caretColor": "#212529"
|
|
322
|
+
},
|
|
323
|
+
"&:autofill": {
|
|
324
|
+
"WebkitTextFillColor": "#212529",
|
|
325
|
+
"boxShadow": "0 0 0 100px #FFFFFF inset",
|
|
326
|
+
"caretColor": "#212529"
|
|
327
|
+
}
|
|
328
|
+
},
|
|
329
|
+
"root": {
|
|
330
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
331
|
+
"borderColor": "rgba(33,37,41,.50)"
|
|
332
|
+
},
|
|
333
|
+
"&.Mui-error .MuiOutlinedInput-notchedOutline": {
|
|
334
|
+
"borderColor": "#BF3227"
|
|
335
|
+
},
|
|
336
|
+
"&.Mui-focused .MuiOutlinedInput-notchedOutline": {
|
|
337
|
+
"borderColor": "#0F62FE",
|
|
338
|
+
"borderWidth": 2
|
|
339
|
+
},
|
|
340
|
+
"&:hover .MuiOutlinedInput-notchedOutline": {
|
|
341
|
+
"borderColor": "rgba(33,37,41,.65)"
|
|
342
|
+
},
|
|
343
|
+
"@media (any-pointer: coarse)": {
|
|
344
|
+
"minHeight": 44,
|
|
345
|
+
"minWidth": 44
|
|
346
|
+
},
|
|
347
|
+
"borderRadius": 3,
|
|
348
|
+
"minHeight": 40,
|
|
349
|
+
"transition": "border-color 120ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms cubic-bezier(0.4, 0, 0.2, 1), background-color 120ms cubic-bezier(0.4, 0, 0.2, 1)"
|
|
350
|
+
}
|
|
351
|
+
},
|
|
352
|
+
"variants": [
|
|
353
|
+
{
|
|
354
|
+
"props": {
|
|
355
|
+
"multiline": false
|
|
356
|
+
},
|
|
357
|
+
"style": {
|
|
358
|
+
"height": 40
|
|
359
|
+
}
|
|
360
|
+
}
|
|
361
|
+
]
|
|
362
|
+
},
|
|
363
|
+
"MuiPaper": {
|
|
364
|
+
"defaultProps": {
|
|
365
|
+
"elevation": 0,
|
|
366
|
+
"variant": "outlined"
|
|
367
|
+
},
|
|
368
|
+
"styleOverrides": {
|
|
369
|
+
"root": {
|
|
370
|
+
"borderColor": "rgba(33,37,41,.10)",
|
|
371
|
+
"borderRadius": 8,
|
|
372
|
+
"boxShadow": "none"
|
|
373
|
+
}
|
|
374
|
+
}
|
|
375
|
+
},
|
|
376
|
+
"MuiSelect": {
|
|
377
|
+
"defaultProps": {
|
|
378
|
+
"variant": "outlined"
|
|
379
|
+
},
|
|
380
|
+
"styleOverrides": {
|
|
381
|
+
"root": {
|
|
382
|
+
"@media (any-pointer: coarse)": {
|
|
383
|
+
"minHeight": 44
|
|
384
|
+
},
|
|
385
|
+
"boxSizing": "border-box",
|
|
386
|
+
"minHeight": 40
|
|
387
|
+
}
|
|
388
|
+
}
|
|
389
|
+
},
|
|
390
|
+
"MuiTableCell": {
|
|
391
|
+
"styleOverrides": {
|
|
392
|
+
"root": {
|
|
393
|
+
"padding": "10px 16px"
|
|
394
|
+
}
|
|
395
|
+
}
|
|
396
|
+
},
|
|
397
|
+
"MuiTextField": {
|
|
398
|
+
"defaultProps": {
|
|
399
|
+
"variant": "outlined"
|
|
400
|
+
},
|
|
401
|
+
"styleOverrides": {
|
|
402
|
+
"root": {
|
|
403
|
+
"@media (any-pointer: coarse)": {
|
|
404
|
+
"minHeight": 44,
|
|
405
|
+
"minWidth": 44
|
|
406
|
+
},
|
|
407
|
+
"minHeight": 40
|
|
408
|
+
}
|
|
409
|
+
}
|
|
410
|
+
},
|
|
411
|
+
"MuiTooltip": {
|
|
412
|
+
"defaultProps": {
|
|
413
|
+
"slotProps": {
|
|
414
|
+
"transition": {
|
|
415
|
+
"timeout": {
|
|
416
|
+
"enter": 220,
|
|
417
|
+
"exit": 180
|
|
418
|
+
}
|
|
419
|
+
}
|
|
420
|
+
}
|
|
421
|
+
},
|
|
422
|
+
"styleOverrides": {
|
|
423
|
+
"tooltip": {
|
|
424
|
+
"boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)",
|
|
425
|
+
"transitionDuration": "220ms"
|
|
426
|
+
}
|
|
427
|
+
}
|
|
428
|
+
}
|
|
429
|
+
},
|
|
430
|
+
"containerQueries": "name => {\n attachCq(node, name);\n return node;\n }",
|
|
431
|
+
"darken": "darken(color, coefficient) {\n const obj = this || theme;\n if (obj.colorSpace) {\n return `color-mix(in ${obj.colorSpace}, ${color}, #000 ${coefficientToPercentage(coefficient)})`;\n }\n return systemDarken(color, coefficient);\n }",
|
|
432
|
+
"density": {
|
|
433
|
+
"chip": {
|
|
434
|
+
"fontSize": 13,
|
|
435
|
+
"height": 32,
|
|
436
|
+
"radius": 16
|
|
437
|
+
},
|
|
438
|
+
"containerGutter": {
|
|
439
|
+
"default": 24,
|
|
440
|
+
"wide": 32
|
|
441
|
+
},
|
|
442
|
+
"controlHeight": 40,
|
|
443
|
+
"tableCellPadding": "10px 16px",
|
|
444
|
+
"touchTarget": 44
|
|
445
|
+
},
|
|
446
|
+
"direction": "ltr",
|
|
447
|
+
"fontLoading": {
|
|
448
|
+
"family": "DM Sans",
|
|
449
|
+
"source": "@fontsource/dm-sans",
|
|
450
|
+
"weights": [
|
|
451
|
+
400,
|
|
452
|
+
500,
|
|
453
|
+
600
|
|
454
|
+
]
|
|
455
|
+
},
|
|
456
|
+
"lighten": "lighten(color, coefficient) {\n const obj = this || theme;\n if (obj.colorSpace) {\n return `color-mix(in ${obj.colorSpace}, ${color}, #fff ${coefficientToPercentage(coefficient)})`;\n }\n return systemLighten(color, coefficient);\n }",
|
|
457
|
+
"mixins": {
|
|
458
|
+
"toolbar": {
|
|
459
|
+
"@media (min-width:0px)": {
|
|
460
|
+
"@media (orientation: landscape)": {
|
|
461
|
+
"minHeight": 48
|
|
462
|
+
}
|
|
463
|
+
},
|
|
464
|
+
"@media (min-width:600px)": {
|
|
465
|
+
"minHeight": 64
|
|
466
|
+
},
|
|
467
|
+
"minHeight": 56
|
|
468
|
+
}
|
|
469
|
+
},
|
|
470
|
+
"motion": {
|
|
471
|
+
"duration": {
|
|
472
|
+
"base": 180,
|
|
473
|
+
"chart": 300,
|
|
474
|
+
"fast": 120,
|
|
475
|
+
"overlayEnter": 220,
|
|
476
|
+
"overlayExit": 180
|
|
477
|
+
},
|
|
478
|
+
"easing": {
|
|
479
|
+
"enter": "cubic-bezier(0.0, 0, 0.2, 1)",
|
|
480
|
+
"exit": "cubic-bezier(0.4, 0, 1, 1)",
|
|
481
|
+
"state": "cubic-bezier(0.4, 0, 0.2, 1)"
|
|
482
|
+
},
|
|
483
|
+
"reduced": "0.01ms"
|
|
484
|
+
},
|
|
485
|
+
"palette": {
|
|
486
|
+
"action": {
|
|
487
|
+
"activatedOpacity": 0.12,
|
|
488
|
+
"active": "rgba(0, 0, 0, 0.54)",
|
|
489
|
+
"disabled": "rgba(0, 0, 0, 0.26)",
|
|
490
|
+
"disabledBackground": "rgba(0, 0, 0, 0.12)",
|
|
491
|
+
"disabledOpacity": 0.38,
|
|
492
|
+
"focus": "rgba(0, 0, 0, 0.12)",
|
|
493
|
+
"focusOpacity": 0.12,
|
|
494
|
+
"hover": "rgba(0, 0, 0, 0.04)",
|
|
495
|
+
"hoverOpacity": 0.04,
|
|
496
|
+
"selected": "rgba(0, 0, 0, 0.08)",
|
|
497
|
+
"selectedOpacity": 0.08
|
|
498
|
+
},
|
|
499
|
+
"augmentColor": "({\n color,\n name,\n mainShade = 500,\n lightShade = 300,\n darkShade = 700\n }) => {\n color = {\n ...color\n };\n if (!color.main && color[mainShade]) {\n color.main = color[mainShade];\n }\n if (!color.hasOwnProperty('main')) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `The color object needs to have a \\`main\\` property or a \\`${mainShade}\\` property.` : _formatErrorMessage(11, name ? ` (${name})` : '', mainShade));\n }\n if (typeof color.main !== 'string') {\n throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `\\`color.main\\` should be a string, but \\`${JSON.stringify(color.main)}\\` was provided instead.\\n` + '\\n' + 'Did you intend to use one of the following approaches?\\n' + '\\n' + 'import { green } from \"@mui/material/colors\";\\n' + '\\n' + 'const theme1 = createTheme({ palette: {\\n' + ' primary: green,\\n' + '} });\\n' + '\\n' + 'const theme2 = createTheme({ palette: {\\n' + ' primary: { main: green[500] },\\n' + '} });' : _formatErrorMessage(12, name ? ` (${name})` : '', JSON.stringify(color.main)));\n }\n if (colorSpace) {\n mixLightOrDark(colorSpace, color, 'light', lightShade, tonalOffset);\n mixLightOrDark(colorSpace, color, 'dark', darkShade, tonalOffset);\n } else {\n addLightOrDark(color, 'light', lightShade, tonalOffset);\n addLightOrDark(color, 'dark', darkShade, tonalOffset);\n }\n if (!color.contrastText) {\n color.contrastText = getContrastText(color.main);\n }\n return color;\n }",
|
|
500
|
+
"background": {
|
|
501
|
+
"default": "#FAFAFA",
|
|
502
|
+
"paper": "#FFFFFF",
|
|
503
|
+
"subtle": "#F4F5F6"
|
|
504
|
+
},
|
|
505
|
+
"common": {
|
|
506
|
+
"black": "#000",
|
|
507
|
+
"white": "#fff"
|
|
508
|
+
},
|
|
509
|
+
"contrastThreshold": 3,
|
|
510
|
+
"controlBorder": {
|
|
511
|
+
"error": "#BF3227",
|
|
512
|
+
"focus": "#0F62FE",
|
|
513
|
+
"hover": "rgba(33,37,41,.65)",
|
|
514
|
+
"main": "rgba(33,37,41,.50)"
|
|
515
|
+
},
|
|
516
|
+
"dataSeries": {
|
|
517
|
+
"categorical": [
|
|
518
|
+
"#3D5A99",
|
|
519
|
+
"#3E80B8",
|
|
520
|
+
"#2E8F8A",
|
|
521
|
+
"#7A5FA8",
|
|
522
|
+
"#9C4F86",
|
|
523
|
+
"#8A7355"
|
|
524
|
+
]
|
|
525
|
+
},
|
|
526
|
+
"divider": "rgba(33,37,41,.10)",
|
|
527
|
+
"error": {
|
|
528
|
+
"bg": "#FBEAE8",
|
|
529
|
+
"contrastText": "#FFFFFF",
|
|
530
|
+
"dark": "rgb(133, 35, 27)",
|
|
531
|
+
"fill": "#BF3227",
|
|
532
|
+
"fillText": "#FFFFFF",
|
|
533
|
+
"light": "rgb(203, 91, 82)",
|
|
534
|
+
"main": "#BF3227",
|
|
535
|
+
"text": "#BF3227"
|
|
536
|
+
},
|
|
537
|
+
"getContrastText": "function getContrastText(background) {\n if (colorSpace) {\n return contrastColor(background);\n }\n const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;\n if (process.env.NODE_ENV !== 'production') {\n const contrast = getContrastRatio(background, contrastText);\n if (contrast < 3) {\n console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\\n'));\n }\n }\n return contrastText;\n }",
|
|
538
|
+
"grey": {
|
|
539
|
+
"50": "#fafafa",
|
|
540
|
+
"100": "#f5f5f5",
|
|
541
|
+
"200": "#eeeeee",
|
|
542
|
+
"300": "#e0e0e0",
|
|
543
|
+
"400": "#bdbdbd",
|
|
544
|
+
"500": "#9e9e9e",
|
|
545
|
+
"600": "#757575",
|
|
546
|
+
"700": "#616161",
|
|
547
|
+
"800": "#424242",
|
|
548
|
+
"900": "#212121",
|
|
549
|
+
"A100": "#f5f5f5",
|
|
550
|
+
"A200": "#eeeeee",
|
|
551
|
+
"A400": "#bdbdbd",
|
|
552
|
+
"A700": "#616161"
|
|
553
|
+
},
|
|
554
|
+
"info": {
|
|
555
|
+
"bg": "#E5F6FD",
|
|
556
|
+
"contrastText": "#FFFFFF",
|
|
557
|
+
"dark": "rgb(0, 60, 108)",
|
|
558
|
+
"fill": "#01579B",
|
|
559
|
+
"fillText": "#FFFFFF",
|
|
560
|
+
"light": "rgb(51, 120, 175)",
|
|
561
|
+
"main": "#01579B",
|
|
562
|
+
"text": "#01579B"
|
|
563
|
+
},
|
|
564
|
+
"ink": {
|
|
565
|
+
"muted": "#6A7178",
|
|
566
|
+
"primary": "#212529",
|
|
567
|
+
"secondary": "#5B6670"
|
|
568
|
+
},
|
|
569
|
+
"mode": "light",
|
|
570
|
+
"primary": {
|
|
571
|
+
"contrastText": "#fff",
|
|
572
|
+
"dark": "rgb(10, 68, 177)",
|
|
573
|
+
"light": "rgb(63, 129, 254)",
|
|
574
|
+
"main": "#0F62FE"
|
|
575
|
+
},
|
|
576
|
+
"secondary": {
|
|
577
|
+
"contrastText": "#fff",
|
|
578
|
+
"dark": "#7b1fa2",
|
|
579
|
+
"light": "#ba68c8",
|
|
580
|
+
"main": "#9c27b0"
|
|
581
|
+
},
|
|
582
|
+
"stale": {
|
|
583
|
+
"bg": "#EAEDF1",
|
|
584
|
+
"fill": "#5B6B7D",
|
|
585
|
+
"fillText": "#FFFFFF",
|
|
586
|
+
"text": "#5B6B7D"
|
|
587
|
+
},
|
|
588
|
+
"success": {
|
|
589
|
+
"bg": "#E5F4E9",
|
|
590
|
+
"contrastText": "#FFFFFF",
|
|
591
|
+
"dark": "rgb(18, 89, 39)",
|
|
592
|
+
"fill": "#1B8038",
|
|
593
|
+
"fillText": "#FFFFFF",
|
|
594
|
+
"light": "rgb(72, 153, 95)",
|
|
595
|
+
"main": "#1B8038",
|
|
596
|
+
"text": "#35794A"
|
|
597
|
+
},
|
|
598
|
+
"text": {
|
|
599
|
+
"disabled": "#6A7178",
|
|
600
|
+
"primary": "#212529",
|
|
601
|
+
"secondary": "#5B6670"
|
|
602
|
+
},
|
|
603
|
+
"tonalOffset": 0.2,
|
|
604
|
+
"warning": {
|
|
605
|
+
"bg": "#FBF0DC",
|
|
606
|
+
"contrastText": "#FFFFFF",
|
|
607
|
+
"dark": "rgb(105, 67, 0)",
|
|
608
|
+
"fill": "#C08A2C",
|
|
609
|
+
"fillText": "#212529",
|
|
610
|
+
"light": "rgb(171, 128, 51)",
|
|
611
|
+
"main": "#976100",
|
|
612
|
+
"text": "#976100"
|
|
613
|
+
}
|
|
614
|
+
},
|
|
615
|
+
"radius": {
|
|
616
|
+
"card": 8,
|
|
617
|
+
"control": 3
|
|
618
|
+
},
|
|
619
|
+
"shadow": {
|
|
620
|
+
"overlay": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)",
|
|
621
|
+
"rest": "none"
|
|
622
|
+
},
|
|
623
|
+
"shadows": [
|
|
624
|
+
"none",
|
|
625
|
+
"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
|
|
626
|
+
"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
|
|
627
|
+
"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
|
|
628
|
+
"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
|
|
629
|
+
"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
|
|
630
|
+
"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
|
|
631
|
+
"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
|
|
632
|
+
"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
|
|
633
|
+
"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
|
|
634
|
+
"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
|
|
635
|
+
"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
|
|
636
|
+
"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
|
|
637
|
+
"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
|
|
638
|
+
"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
|
|
639
|
+
"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
|
|
640
|
+
"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
|
|
641
|
+
"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
|
|
642
|
+
"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
|
|
643
|
+
"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
|
|
644
|
+
"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
|
|
645
|
+
"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
|
|
646
|
+
"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
|
|
647
|
+
"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
|
|
648
|
+
"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)"
|
|
649
|
+
],
|
|
650
|
+
"shape": {
|
|
651
|
+
"borderRadius": 3
|
|
652
|
+
},
|
|
653
|
+
"spacing": "(...argsInput) => {\n if (process.env.NODE_ENV !== 'production') {\n if (!(argsInput.length <= 4)) {\n console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);\n }\n }\n const args = argsInput.length === 0 ? [1] : argsInput;\n return args.map(argument => {\n const output = transform(argument);\n return typeof output === 'number' ? `${output}px` : output;\n }).join(' ');\n }",
|
|
654
|
+
"themeCompleteness": {
|
|
655
|
+
"baseline": true,
|
|
656
|
+
"exemptions": [
|
|
657
|
+
{
|
|
658
|
+
"reason": "The canonical surface is deliberately MUI white.",
|
|
659
|
+
"surface": "palette.background.paper"
|
|
660
|
+
},
|
|
661
|
+
{
|
|
662
|
+
"reason": "The canonical spacing rhythm deliberately retains MUI's 8px unit.",
|
|
663
|
+
"surface": "spacing.unit"
|
|
664
|
+
},
|
|
665
|
+
{
|
|
666
|
+
"reason": "The canonical breakpoint values deliberately retain MUI's defaults.",
|
|
667
|
+
"surface": "breakpoints.values"
|
|
668
|
+
},
|
|
669
|
+
{
|
|
670
|
+
"reason": "The canonical subtitle2 weight deliberately equals MUI's numeric default.",
|
|
671
|
+
"surface": "typography.subtitle2.fontWeight"
|
|
672
|
+
},
|
|
673
|
+
{
|
|
674
|
+
"reason": "The canonical body1 weight deliberately equals MUI's numeric default.",
|
|
675
|
+
"surface": "typography.body1.fontWeight"
|
|
676
|
+
},
|
|
677
|
+
{
|
|
678
|
+
"reason": "The canonical body2 weight deliberately equals MUI's numeric default.",
|
|
679
|
+
"surface": "typography.body2.fontWeight"
|
|
680
|
+
},
|
|
681
|
+
{
|
|
682
|
+
"reason": "The canonical button weight deliberately equals MUI's numeric default.",
|
|
683
|
+
"surface": "typography.button.fontWeight"
|
|
684
|
+
},
|
|
685
|
+
{
|
|
686
|
+
"reason": "The canonical caption weight deliberately equals MUI's numeric default.",
|
|
687
|
+
"surface": "typography.caption.fontWeight"
|
|
688
|
+
}
|
|
689
|
+
]
|
|
690
|
+
},
|
|
691
|
+
"toRuntimeSource": "function stringifyTheme(baseTheme = {}) {\n const serializableTheme = {\n ...baseTheme\n };\n function serializeTheme(object) {\n const array = Object.entries(object);\n // eslint-disable-next-line no-plusplus\n for (let index = 0; index < array.length; index++) {\n const [key, value] = array[index];\n if (!isSerializable(value) || key.startsWith('unstable_')) {\n delete object[key];\n } else if (isPlainObject(value)) {\n object[key] = {\n ...value\n };\n serializeTheme(object[key]);\n }\n }\n }\n serializeTheme(serializableTheme);\n return `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';\n\nconst theme = ${JSON.stringify(serializableTheme, null, 2)};\n\ntheme.breakpoints = createBreakpoints(theme.breakpoints || {});\ntheme.transitions = createTransitions(theme.transitions || {});\n\nexport default theme;`;\n}",
|
|
692
|
+
"transitions": {
|
|
693
|
+
"create": "(props = ['all'], options = {}) => {\n const {\n duration: durationOption = mergedDuration.standard,\n easing: easingOption = mergedEasing.easeInOut,\n delay = 0,\n ...other\n } = options;\n if (process.env.NODE_ENV !== 'production') {\n const isString = value => typeof value === 'string';\n const isNumber = value => !Number.isNaN(parseFloat(value));\n if (!isString(props) && !Array.isArray(props)) {\n console.error('MUI: Argument \"props\" must be a string or Array.');\n }\n if (!isNumber(durationOption) && !isString(durationOption)) {\n console.error(`MUI: Argument \"duration\" must be a number or a string but found ${durationOption}.`);\n }\n if (!isString(easingOption)) {\n console.error('MUI: Argument \"easing\" must be a string.');\n }\n if (!isNumber(delay) && !isString(delay)) {\n console.error('MUI: Argument \"delay\" must be a number or a string.');\n }\n if (typeof options !== 'object') {\n console.error(['MUI: Secong argument of transition.create must be an object.', \"Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`\"].join('\\n'));\n }\n if (Object.keys(other).length !== 0) {\n console.error(`MUI: Unrecognized argument(s) [${Object.keys(other).join(',')}].`);\n }\n }\n return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');\n }",
|
|
694
|
+
"duration": {
|
|
695
|
+
"base": 180,
|
|
696
|
+
"chart": 300,
|
|
697
|
+
"complex": 375,
|
|
698
|
+
"enteringScreen": 225,
|
|
699
|
+
"fast": 120,
|
|
700
|
+
"leavingScreen": 195,
|
|
701
|
+
"overlayEnter": 220,
|
|
702
|
+
"overlayExit": 180,
|
|
703
|
+
"short": 250,
|
|
704
|
+
"shorter": 200,
|
|
705
|
+
"shortest": 150,
|
|
706
|
+
"standard": 300
|
|
707
|
+
},
|
|
708
|
+
"easing": {
|
|
709
|
+
"easeIn": "cubic-bezier(0.4, 0, 1, 1)",
|
|
710
|
+
"easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
711
|
+
"easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
|
|
712
|
+
"enter": "cubic-bezier(0.0, 0, 0.2, 1)",
|
|
713
|
+
"exit": "cubic-bezier(0.4, 0, 1, 1)",
|
|
714
|
+
"sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
|
|
715
|
+
"state": "cubic-bezier(0.4, 0, 0.2, 1)"
|
|
716
|
+
},
|
|
717
|
+
"getAutoHeightDuration": "function getAutoHeightDuration(height) {\n if (!height) {\n return 0;\n }\n const constant = height / 36;\n\n // https://www.desmos.com/calculator/vbrp3ggqet\n return Math.min(Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10), 3000);\n}"
|
|
718
|
+
},
|
|
719
|
+
"typography": {
|
|
720
|
+
"body1": {
|
|
721
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
722
|
+
"fontSize": "14px",
|
|
723
|
+
"fontWeight": 400,
|
|
724
|
+
"letterSpacing": 0,
|
|
725
|
+
"lineHeight": 1.55
|
|
726
|
+
},
|
|
727
|
+
"body2": {
|
|
728
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
729
|
+
"fontSize": "13px",
|
|
730
|
+
"fontWeight": 400,
|
|
731
|
+
"letterSpacing": 0,
|
|
732
|
+
"lineHeight": 1.55
|
|
733
|
+
},
|
|
734
|
+
"button": {
|
|
735
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
736
|
+
"fontSize": "14px",
|
|
737
|
+
"fontWeight": 500,
|
|
738
|
+
"letterSpacing": 0,
|
|
739
|
+
"lineHeight": 1.4,
|
|
740
|
+
"textTransform": "none"
|
|
741
|
+
},
|
|
742
|
+
"caption": {
|
|
743
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
744
|
+
"fontSize": "12px",
|
|
745
|
+
"fontWeight": 400,
|
|
746
|
+
"letterSpacing": 0,
|
|
747
|
+
"lineHeight": 1.4
|
|
748
|
+
},
|
|
749
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
750
|
+
"fontSize": 14,
|
|
751
|
+
"fontWeightBold": 700,
|
|
752
|
+
"fontWeightLight": 300,
|
|
753
|
+
"fontWeightMedium": 500,
|
|
754
|
+
"fontWeightRegular": 400,
|
|
755
|
+
"h1": {
|
|
756
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
757
|
+
"fontSize": "32px",
|
|
758
|
+
"fontWeight": 600,
|
|
759
|
+
"letterSpacing": 0,
|
|
760
|
+
"lineHeight": 1.2
|
|
761
|
+
},
|
|
762
|
+
"h2": {
|
|
763
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
764
|
+
"fontSize": "28px",
|
|
765
|
+
"fontWeight": 600,
|
|
766
|
+
"letterSpacing": 0,
|
|
767
|
+
"lineHeight": 1.22
|
|
768
|
+
},
|
|
769
|
+
"h3": {
|
|
770
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
771
|
+
"fontSize": "24px",
|
|
772
|
+
"fontWeight": 600,
|
|
773
|
+
"letterSpacing": 0,
|
|
774
|
+
"lineHeight": 1.25
|
|
775
|
+
},
|
|
776
|
+
"h4": {
|
|
777
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
778
|
+
"fontSize": "20px",
|
|
779
|
+
"fontWeight": 600,
|
|
780
|
+
"letterSpacing": 0,
|
|
781
|
+
"lineHeight": 1.3
|
|
782
|
+
},
|
|
783
|
+
"h5": {
|
|
784
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
785
|
+
"fontSize": "18px",
|
|
786
|
+
"fontWeight": 600,
|
|
787
|
+
"letterSpacing": 0,
|
|
788
|
+
"lineHeight": 1.3
|
|
789
|
+
},
|
|
790
|
+
"h6": {
|
|
791
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
792
|
+
"fontSize": "16px",
|
|
793
|
+
"fontWeight": 600,
|
|
794
|
+
"letterSpacing": 0,
|
|
795
|
+
"lineHeight": 1.35
|
|
796
|
+
},
|
|
797
|
+
"htmlFontSize": 16,
|
|
798
|
+
"inherit": {
|
|
799
|
+
"fontFamily": "inherit",
|
|
800
|
+
"fontSize": "inherit",
|
|
801
|
+
"fontWeight": "inherit",
|
|
802
|
+
"letterSpacing": "inherit",
|
|
803
|
+
"lineHeight": "inherit"
|
|
804
|
+
},
|
|
805
|
+
"overline": {
|
|
806
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
807
|
+
"fontSize": "11px",
|
|
808
|
+
"fontWeight": 600,
|
|
809
|
+
"letterSpacing": "0.4px",
|
|
810
|
+
"lineHeight": 1.4,
|
|
811
|
+
"textTransform": "uppercase"
|
|
812
|
+
},
|
|
813
|
+
"pxToRem": "size => `${size / htmlFontSize * coef}rem`",
|
|
814
|
+
"subtitle1": {
|
|
815
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
816
|
+
"fontSize": "15px",
|
|
817
|
+
"fontWeight": 600,
|
|
818
|
+
"letterSpacing": 0,
|
|
819
|
+
"lineHeight": 1.4
|
|
820
|
+
},
|
|
821
|
+
"subtitle2": {
|
|
822
|
+
"fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
823
|
+
"fontSize": "13px",
|
|
824
|
+
"fontWeight": 500,
|
|
825
|
+
"letterSpacing": 0,
|
|
826
|
+
"lineHeight": 1.4
|
|
827
|
+
}
|
|
828
|
+
},
|
|
829
|
+
"unstable_sx": "function sx(props) {\n return styleFunctionSx({\n sx: props,\n theme: this\n });\n }",
|
|
830
|
+
"unstable_sxConfig": {
|
|
831
|
+
"alignContent": {},
|
|
832
|
+
"alignItems": {},
|
|
833
|
+
"alignSelf": {},
|
|
834
|
+
"backgroundColor": {
|
|
835
|
+
"themeKey": "palette",
|
|
836
|
+
"transform": "function paletteTransform(value, userValue) {\n if (userValue === 'grey') {\n return userValue;\n }\n return value;\n}"
|
|
837
|
+
},
|
|
838
|
+
"bgcolor": {
|
|
839
|
+
"cssProperty": "backgroundColor",
|
|
840
|
+
"themeKey": "palette",
|
|
841
|
+
"transform": "function paletteTransform(value, userValue) {\n if (userValue === 'grey') {\n return userValue;\n }\n return value;\n}"
|
|
842
|
+
},
|
|
843
|
+
"border": {
|
|
844
|
+
"themeKey": "borders",
|
|
845
|
+
"transform": "function borderTransform(value) {\n if (typeof value !== 'number') {\n return value;\n }\n return `${value}px solid`;\n}"
|
|
846
|
+
},
|
|
847
|
+
"borderBottom": {
|
|
848
|
+
"themeKey": "borders",
|
|
849
|
+
"transform": "function borderTransform(value) {\n if (typeof value !== 'number') {\n return value;\n }\n return `${value}px solid`;\n}"
|
|
850
|
+
},
|
|
851
|
+
"borderBottomColor": {
|
|
852
|
+
"themeKey": "palette"
|
|
853
|
+
},
|
|
854
|
+
"borderColor": {
|
|
855
|
+
"themeKey": "palette"
|
|
856
|
+
},
|
|
857
|
+
"borderLeft": {
|
|
858
|
+
"themeKey": "borders",
|
|
859
|
+
"transform": "function borderTransform(value) {\n if (typeof value !== 'number') {\n return value;\n }\n return `${value}px solid`;\n}"
|
|
860
|
+
},
|
|
861
|
+
"borderLeftColor": {
|
|
862
|
+
"themeKey": "palette"
|
|
863
|
+
},
|
|
864
|
+
"borderRadius": {
|
|
865
|
+
"style": "props => {\n if (props.borderRadius !== undefined && props.borderRadius !== null) {\n const transformer = createUnaryUnit(props.theme, 'shape.borderRadius', 4, 'borderRadius');\n const styleFromPropValue = propValue => ({\n borderRadius: getValue(transformer, propValue)\n });\n return handleBreakpoints(props, props.borderRadius, styleFromPropValue);\n }\n return null;\n}",
|
|
866
|
+
"themeKey": "shape.borderRadius"
|
|
867
|
+
},
|
|
868
|
+
"borderRight": {
|
|
869
|
+
"themeKey": "borders",
|
|
870
|
+
"transform": "function borderTransform(value) {\n if (typeof value !== 'number') {\n return value;\n }\n return `${value}px solid`;\n}"
|
|
871
|
+
},
|
|
872
|
+
"borderRightColor": {
|
|
873
|
+
"themeKey": "palette"
|
|
874
|
+
},
|
|
875
|
+
"borderTop": {
|
|
876
|
+
"themeKey": "borders",
|
|
877
|
+
"transform": "function borderTransform(value) {\n if (typeof value !== 'number') {\n return value;\n }\n return `${value}px solid`;\n}"
|
|
878
|
+
},
|
|
879
|
+
"borderTopColor": {
|
|
880
|
+
"themeKey": "palette"
|
|
881
|
+
},
|
|
882
|
+
"bottom": {},
|
|
883
|
+
"boxShadow": {
|
|
884
|
+
"themeKey": "shadows"
|
|
885
|
+
},
|
|
886
|
+
"boxSizing": {},
|
|
887
|
+
"color": {
|
|
888
|
+
"themeKey": "palette",
|
|
889
|
+
"transform": "function paletteTransform(value, userValue) {\n if (userValue === 'grey') {\n return userValue;\n }\n return value;\n}"
|
|
890
|
+
},
|
|
891
|
+
"columnGap": {
|
|
892
|
+
"style": "props => {\n if (props.columnGap !== undefined && props.columnGap !== null) {\n const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');\n const styleFromPropValue = propValue => ({\n columnGap: getValue(transformer, propValue)\n });\n return handleBreakpoints(props, props.columnGap, styleFromPropValue);\n }\n return null;\n}"
|
|
893
|
+
},
|
|
894
|
+
"display": {},
|
|
895
|
+
"displayPrint": {
|
|
896
|
+
"cssProperty": false,
|
|
897
|
+
"transform": "value => ({\n '@media print': {\n display: value\n }\n })"
|
|
898
|
+
},
|
|
899
|
+
"flex": {},
|
|
900
|
+
"flexBasis": {},
|
|
901
|
+
"flexDirection": {},
|
|
902
|
+
"flexGrow": {},
|
|
903
|
+
"flexShrink": {},
|
|
904
|
+
"flexWrap": {},
|
|
905
|
+
"font": {
|
|
906
|
+
"themeKey": "font"
|
|
907
|
+
},
|
|
908
|
+
"fontFamily": {
|
|
909
|
+
"themeKey": "typography"
|
|
910
|
+
},
|
|
911
|
+
"fontSize": {
|
|
912
|
+
"themeKey": "typography"
|
|
913
|
+
},
|
|
914
|
+
"fontStyle": {
|
|
915
|
+
"themeKey": "typography"
|
|
916
|
+
},
|
|
917
|
+
"fontWeight": {
|
|
918
|
+
"themeKey": "typography"
|
|
919
|
+
},
|
|
920
|
+
"gap": {
|
|
921
|
+
"style": "props => {\n if (props.gap !== undefined && props.gap !== null) {\n const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'gap');\n const styleFromPropValue = propValue => ({\n gap: getValue(transformer, propValue)\n });\n return handleBreakpoints(props, props.gap, styleFromPropValue);\n }\n return null;\n}"
|
|
922
|
+
},
|
|
923
|
+
"gridArea": {},
|
|
924
|
+
"gridAutoColumns": {},
|
|
925
|
+
"gridAutoFlow": {},
|
|
926
|
+
"gridAutoRows": {},
|
|
927
|
+
"gridColumn": {},
|
|
928
|
+
"gridRow": {},
|
|
929
|
+
"gridTemplateAreas": {},
|
|
930
|
+
"gridTemplateColumns": {},
|
|
931
|
+
"gridTemplateRows": {},
|
|
932
|
+
"height": {
|
|
933
|
+
"transform": "function sizingTransform(value) {\n return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
|
|
934
|
+
},
|
|
935
|
+
"justifyContent": {},
|
|
936
|
+
"justifyItems": {},
|
|
937
|
+
"justifySelf": {},
|
|
938
|
+
"left": {},
|
|
939
|
+
"letterSpacing": {},
|
|
940
|
+
"lineHeight": {},
|
|
941
|
+
"m": {
|
|
942
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
943
|
+
},
|
|
944
|
+
"margin": {
|
|
945
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
946
|
+
},
|
|
947
|
+
"marginBlock": {
|
|
948
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
949
|
+
},
|
|
950
|
+
"marginBlockEnd": {
|
|
951
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
952
|
+
},
|
|
953
|
+
"marginBlockStart": {
|
|
954
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
955
|
+
},
|
|
956
|
+
"marginBottom": {
|
|
957
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
958
|
+
},
|
|
959
|
+
"marginInline": {
|
|
960
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
961
|
+
},
|
|
962
|
+
"marginInlineEnd": {
|
|
963
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
964
|
+
},
|
|
965
|
+
"marginInlineStart": {
|
|
966
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
967
|
+
},
|
|
968
|
+
"marginLeft": {
|
|
969
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
970
|
+
},
|
|
971
|
+
"marginRight": {
|
|
972
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
973
|
+
},
|
|
974
|
+
"marginTop": {
|
|
975
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
976
|
+
},
|
|
977
|
+
"marginX": {
|
|
978
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
979
|
+
},
|
|
980
|
+
"marginY": {
|
|
981
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
982
|
+
},
|
|
983
|
+
"maxHeight": {
|
|
984
|
+
"transform": "function sizingTransform(value) {\n return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
|
|
985
|
+
},
|
|
986
|
+
"maxWidth": {
|
|
987
|
+
"style": "props => {\n if (props.maxWidth !== undefined && props.maxWidth !== null) {\n const styleFromPropValue = propValue => {\n const breakpoint = props.theme?.breakpoints?.values?.[propValue] || breakpointsValues[propValue];\n if (!breakpoint) {\n return {\n maxWidth: sizingTransform(propValue)\n };\n }\n if (props.theme?.breakpoints?.unit !== 'px') {\n return {\n maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`\n };\n }\n return {\n maxWidth: breakpoint\n };\n };\n return handleBreakpoints(props, props.maxWidth, styleFromPropValue);\n }\n return null;\n}"
|
|
988
|
+
},
|
|
989
|
+
"mb": {
|
|
990
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
991
|
+
},
|
|
992
|
+
"minHeight": {
|
|
993
|
+
"transform": "function sizingTransform(value) {\n return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
|
|
994
|
+
},
|
|
995
|
+
"minWidth": {
|
|
996
|
+
"transform": "function sizingTransform(value) {\n return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
|
|
997
|
+
},
|
|
998
|
+
"ml": {
|
|
999
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
1000
|
+
},
|
|
1001
|
+
"mr": {
|
|
1002
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
1003
|
+
},
|
|
1004
|
+
"mt": {
|
|
1005
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
1006
|
+
},
|
|
1007
|
+
"mx": {
|
|
1008
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
1009
|
+
},
|
|
1010
|
+
"my": {
|
|
1011
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
1012
|
+
},
|
|
1013
|
+
"order": {},
|
|
1014
|
+
"outline": {
|
|
1015
|
+
"themeKey": "borders",
|
|
1016
|
+
"transform": "function borderTransform(value) {\n if (typeof value !== 'number') {\n return value;\n }\n return `${value}px solid`;\n}"
|
|
1017
|
+
},
|
|
1018
|
+
"outlineColor": {
|
|
1019
|
+
"themeKey": "palette"
|
|
1020
|
+
},
|
|
1021
|
+
"overflow": {},
|
|
1022
|
+
"p": {
|
|
1023
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1024
|
+
},
|
|
1025
|
+
"padding": {
|
|
1026
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1027
|
+
},
|
|
1028
|
+
"paddingBlock": {
|
|
1029
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1030
|
+
},
|
|
1031
|
+
"paddingBlockEnd": {
|
|
1032
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1033
|
+
},
|
|
1034
|
+
"paddingBlockStart": {
|
|
1035
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1036
|
+
},
|
|
1037
|
+
"paddingBottom": {
|
|
1038
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1039
|
+
},
|
|
1040
|
+
"paddingInline": {
|
|
1041
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1042
|
+
},
|
|
1043
|
+
"paddingInlineEnd": {
|
|
1044
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1045
|
+
},
|
|
1046
|
+
"paddingInlineStart": {
|
|
1047
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1048
|
+
},
|
|
1049
|
+
"paddingLeft": {
|
|
1050
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1051
|
+
},
|
|
1052
|
+
"paddingRight": {
|
|
1053
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1054
|
+
},
|
|
1055
|
+
"paddingTop": {
|
|
1056
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1057
|
+
},
|
|
1058
|
+
"paddingX": {
|
|
1059
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1060
|
+
},
|
|
1061
|
+
"paddingY": {
|
|
1062
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1063
|
+
},
|
|
1064
|
+
"pb": {
|
|
1065
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1066
|
+
},
|
|
1067
|
+
"pl": {
|
|
1068
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1069
|
+
},
|
|
1070
|
+
"position": {},
|
|
1071
|
+
"pr": {
|
|
1072
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1073
|
+
},
|
|
1074
|
+
"pt": {
|
|
1075
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1076
|
+
},
|
|
1077
|
+
"px": {
|
|
1078
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1079
|
+
},
|
|
1080
|
+
"py": {
|
|
1081
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
1082
|
+
},
|
|
1083
|
+
"right": {},
|
|
1084
|
+
"rowGap": {
|
|
1085
|
+
"style": "props => {\n if (props.rowGap !== undefined && props.rowGap !== null) {\n const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');\n const styleFromPropValue = propValue => ({\n rowGap: getValue(transformer, propValue)\n });\n return handleBreakpoints(props, props.rowGap, styleFromPropValue);\n }\n return null;\n}"
|
|
1086
|
+
},
|
|
1087
|
+
"textAlign": {},
|
|
1088
|
+
"textOverflow": {},
|
|
1089
|
+
"textTransform": {},
|
|
1090
|
+
"top": {},
|
|
1091
|
+
"typography": {
|
|
1092
|
+
"cssProperty": false,
|
|
1093
|
+
"themeKey": "typography"
|
|
1094
|
+
},
|
|
1095
|
+
"visibility": {},
|
|
1096
|
+
"whiteSpace": {},
|
|
1097
|
+
"width": {
|
|
1098
|
+
"transform": "function sizingTransform(value) {\n return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
|
|
1099
|
+
},
|
|
1100
|
+
"zIndex": {
|
|
1101
|
+
"themeKey": "zIndex"
|
|
1102
|
+
}
|
|
1103
|
+
},
|
|
1104
|
+
"zIndex": {
|
|
1105
|
+
"appBar": 1100,
|
|
1106
|
+
"drawer": 1200,
|
|
1107
|
+
"fab": 1050,
|
|
1108
|
+
"mobileStepper": 1000,
|
|
1109
|
+
"modal": 1300,
|
|
1110
|
+
"snackbar": 1400,
|
|
1111
|
+
"speedDial": 1050,
|
|
1112
|
+
"tooltip": 1500
|
|
1113
|
+
}
|
|
1114
|
+
},
|
|
1115
|
+
"override": {
|
|
1116
|
+
"alpha": "alpha(color, coefficient) {\n const obj = this || theme;\n if (obj.colorSpace) {\n return `oklch(from ${color} l c h / ${typeof coefficient === 'string' ? `calc(${coefficient})` : coefficient})`;\n }\n if (obj.vars) {\n // To preserve the behavior of the CSS theme variables\n // In the future, this could be replaced by `color-mix` (when https://caniuse.com/?search=color-mix reaches 95%).\n return `rgba(${color.replace(/var\\(--([^,\\s)]+)(?:,[^)]+)?\\)+/g, 'var(--$1Channel)')} / ${typeof coefficient === 'string' ? `calc(${coefficient})` : coefficient})`;\n }\n return systemAlpha(color, parseAddition(coefficient));\n }",
|
|
1117
|
+
"applyStyles": "function applyStyles(key, styles) {\n // @ts-expect-error this is 'any' type\n const theme = this;\n if (theme.vars) {\n if (!theme.colorSchemes?.[key] || typeof theme.getColorSchemeSelector !== 'function') {\n return {};\n }\n // If CssVarsProvider is used as a provider, returns '*:where({selector}) &'\n let selector = theme.getColorSchemeSelector(key);\n if (selector === '&') {\n return styles;\n }\n if (selector.includes('data-') || selector.includes('.')) {\n // '*' is required as a workaround for Emotion issue (https://github.com/emotion-js/emotion/issues/2836)\n selector = `*:where(${selector.replace(/\\s*&$/, '')}) &`;\n }\n return {\n [selector]: styles\n };\n }\n if (theme.palette.mode === key) {\n return styles;\n }\n return {};\n}",
|
|
1118
|
+
"breakpoints": {
|
|
1119
|
+
"between": "function between(start, end) {\n const endIndex = keys.indexOf(end);\n return `@media (min-width:${typeof values[start] === 'number' ? values[start] : start}${unit}) and ` + `(max-width:${(endIndex !== -1 && typeof values[keys[endIndex]] === 'number' ? values[keys[endIndex]] : end) - step / 100}${unit})`;\n }",
|
|
1120
|
+
"down": "function down(key) {\n const value = typeof values[key] === 'number' ? values[key] : key;\n return `@media (max-width:${value - step / 100}${unit})`;\n }",
|
|
1121
|
+
"keys": [
|
|
1122
|
+
"xs",
|
|
1123
|
+
"sm",
|
|
1124
|
+
"md",
|
|
1125
|
+
"lg",
|
|
1126
|
+
"xl"
|
|
1127
|
+
],
|
|
1128
|
+
"not": "function not(key) {\n // handle first and last key separately, for better readability\n const keyIndex = keys.indexOf(key);\n if (keyIndex === 0) {\n return up(keys[1]);\n }\n if (keyIndex === keys.length - 1) {\n return down(keys[keyIndex]);\n }\n return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');\n }",
|
|
1129
|
+
"only": "function only(key) {\n if (keys.indexOf(key) + 1 < keys.length) {\n return between(key, keys[keys.indexOf(key) + 1]);\n }\n return up(key);\n }",
|
|
1130
|
+
"unit": "px",
|
|
1131
|
+
"up": "function up(key) {\n const value = typeof values[key] === 'number' ? values[key] : key;\n return `@media (min-width:${value}${unit})`;\n }",
|
|
1132
|
+
"values": {
|
|
1133
|
+
"lg": 1200,
|
|
1134
|
+
"md": 900,
|
|
1135
|
+
"sm": 600,
|
|
1136
|
+
"xl": 1536,
|
|
1137
|
+
"xs": 0
|
|
1138
|
+
}
|
|
1139
|
+
},
|
|
1140
|
+
"components": {
|
|
1141
|
+
"MuiAlert": {
|
|
1142
|
+
"styleOverrides": {
|
|
1143
|
+
"standardError": {
|
|
1144
|
+
"& .MuiAlert-icon": {
|
|
1145
|
+
"color": "#BF3227"
|
|
1146
|
+
},
|
|
1147
|
+
"backgroundColor": "#FBEAE8",
|
|
1148
|
+
"color": "#BF3227"
|
|
1149
|
+
},
|
|
1150
|
+
"standardInfo": {
|
|
1151
|
+
"& .MuiAlert-icon": {
|
|
1152
|
+
"color": "#01579B"
|
|
1153
|
+
},
|
|
1154
|
+
"backgroundColor": "#E5F6FD",
|
|
1155
|
+
"color": "#01579B"
|
|
1156
|
+
},
|
|
1157
|
+
"standardSuccess": {
|
|
1158
|
+
"& .MuiAlert-icon": {
|
|
1159
|
+
"color": "#35794A"
|
|
1160
|
+
},
|
|
1161
|
+
"backgroundColor": "#E5F4E9",
|
|
1162
|
+
"color": "#35794A"
|
|
1163
|
+
},
|
|
1164
|
+
"standardWarning": {
|
|
1165
|
+
"& .MuiAlert-icon": {
|
|
1166
|
+
"color": "#976100"
|
|
1167
|
+
},
|
|
1168
|
+
"backgroundColor": "#FBF0DC",
|
|
1169
|
+
"color": "#976100"
|
|
1170
|
+
}
|
|
1171
|
+
}
|
|
1172
|
+
},
|
|
1173
|
+
"MuiBottomNavigation": {
|
|
1174
|
+
"styleOverrides": {
|
|
1175
|
+
"root": {
|
|
1176
|
+
"backgroundColor": "#FFFFFF",
|
|
1177
|
+
"boxShadow": "none"
|
|
1178
|
+
}
|
|
1179
|
+
}
|
|
1180
|
+
},
|
|
1181
|
+
"MuiBottomNavigationAction": {
|
|
1182
|
+
"styleOverrides": {
|
|
1183
|
+
"label": {
|
|
1184
|
+
"&.Mui-selected": {
|
|
1185
|
+
"fontSize": "12px"
|
|
1186
|
+
},
|
|
1187
|
+
"fontSize": "12px",
|
|
1188
|
+
"fontWeight": 500,
|
|
1189
|
+
"lineHeight": 1.2,
|
|
1190
|
+
"maxWidth": "100%",
|
|
1191
|
+
"overflow": "hidden",
|
|
1192
|
+
"textOverflow": "ellipsis",
|
|
1193
|
+
"whiteSpace": "nowrap"
|
|
1194
|
+
},
|
|
1195
|
+
"root": {
|
|
1196
|
+
"& .MuiSvgIcon-root": {
|
|
1197
|
+
"height": "22px",
|
|
1198
|
+
"width": "22px"
|
|
1199
|
+
},
|
|
1200
|
+
"&.Mui-selected": {
|
|
1201
|
+
"color": "#0F62FE"
|
|
1202
|
+
},
|
|
1203
|
+
"color": "#5B6670",
|
|
1204
|
+
"gap": "2px",
|
|
1205
|
+
"padding": "0 2px"
|
|
1206
|
+
}
|
|
1207
|
+
}
|
|
1208
|
+
},
|
|
1209
|
+
"MuiButton": {
|
|
1210
|
+
"defaultProps": {
|
|
1211
|
+
"disableElevation": true
|
|
1212
|
+
},
|
|
1213
|
+
"styleOverrides": {
|
|
1214
|
+
"contained": {
|
|
1215
|
+
"&:hover": {
|
|
1216
|
+
"boxShadow": "none"
|
|
1217
|
+
},
|
|
1218
|
+
"boxShadow": "none"
|
|
1219
|
+
},
|
|
1220
|
+
"outlined": {
|
|
1221
|
+
"&:hover": {
|
|
1222
|
+
"borderColor": "rgba(33,37,41,.65)"
|
|
1223
|
+
},
|
|
1224
|
+
"borderColor": "rgba(33,37,41,.50)"
|
|
1225
|
+
},
|
|
1226
|
+
"root": {
|
|
1227
|
+
"@media (any-pointer: coarse)": {
|
|
1228
|
+
"minHeight": 44,
|
|
1229
|
+
"minWidth": 44
|
|
1230
|
+
},
|
|
1231
|
+
"borderRadius": 3,
|
|
1232
|
+
"minHeight": 40,
|
|
1233
|
+
"textTransform": "none",
|
|
1234
|
+
"transition": "border-color 120ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms cubic-bezier(0.4, 0, 0.2, 1), background-color 120ms cubic-bezier(0.4, 0, 0.2, 1)",
|
|
1235
|
+
"transitionDuration": "120ms"
|
|
1236
|
+
}
|
|
1237
|
+
}
|
|
1238
|
+
},
|
|
1239
|
+
"MuiCard": {
|
|
1240
|
+
"defaultProps": {
|
|
1241
|
+
"elevation": 0,
|
|
1242
|
+
"variant": "outlined"
|
|
1243
|
+
},
|
|
1244
|
+
"styleOverrides": {
|
|
1245
|
+
"root": {
|
|
1246
|
+
"borderColor": "rgba(33,37,41,.10)",
|
|
1247
|
+
"borderRadius": 8,
|
|
1248
|
+
"boxShadow": "none"
|
|
1249
|
+
}
|
|
1250
|
+
}
|
|
1251
|
+
},
|
|
1252
|
+
"MuiCheckbox": {
|
|
1253
|
+
"styleOverrides": {
|
|
1254
|
+
"root": {
|
|
1255
|
+
"&.Mui-checked": {
|
|
1256
|
+
"color": "#0F62FE"
|
|
1257
|
+
},
|
|
1258
|
+
"&.Mui-error": {
|
|
1259
|
+
"color": "#BF3227"
|
|
1260
|
+
},
|
|
1261
|
+
"&.MuiCheckbox-indeterminate": {
|
|
1262
|
+
"color": "#0F62FE"
|
|
1263
|
+
},
|
|
1264
|
+
"&:hover": {
|
|
1265
|
+
"color": "rgba(33,37,41,.65)"
|
|
1266
|
+
},
|
|
1267
|
+
"@media (any-pointer: coarse)": {
|
|
1268
|
+
"minHeight": 44,
|
|
1269
|
+
"minWidth": 44
|
|
1270
|
+
},
|
|
1271
|
+
"color": "rgba(33,37,41,.50)",
|
|
1272
|
+
"minHeight": 40,
|
|
1273
|
+
"minWidth": 40,
|
|
1274
|
+
"transition": "border-color 120ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms cubic-bezier(0.4, 0, 0.2, 1), background-color 120ms cubic-bezier(0.4, 0, 0.2, 1)"
|
|
1275
|
+
}
|
|
1276
|
+
}
|
|
1277
|
+
},
|
|
1278
|
+
"MuiChip": {
|
|
1279
|
+
"styleOverrides": {
|
|
1280
|
+
"outlined": {
|
|
1281
|
+
"borderColor": "rgba(33,37,41,.50)"
|
|
1282
|
+
},
|
|
1283
|
+
"root": {
|
|
1284
|
+
"@media (any-pointer: coarse)": {
|
|
1285
|
+
"&::after": {
|
|
1286
|
+
"content": "\"\"",
|
|
1287
|
+
"inset": "-6px",
|
|
1288
|
+
"position": "absolute"
|
|
1289
|
+
}
|
|
1290
|
+
},
|
|
1291
|
+
"borderRadius": 16,
|
|
1292
|
+
"fontSize": "13px",
|
|
1293
|
+
"height": 32,
|
|
1294
|
+
"position": "relative"
|
|
1295
|
+
}
|
|
1296
|
+
}
|
|
1297
|
+
},
|
|
1298
|
+
"MuiContainer": {
|
|
1299
|
+
"styleOverrides": {
|
|
1300
|
+
"root": {
|
|
1301
|
+
"@media (min-width:1200px)": {
|
|
1302
|
+
"paddingLeft": 32,
|
|
1303
|
+
"paddingRight": 32
|
|
1304
|
+
},
|
|
1305
|
+
"paddingLeft": 24,
|
|
1306
|
+
"paddingRight": 24
|
|
1307
|
+
}
|
|
1308
|
+
}
|
|
1309
|
+
},
|
|
1310
|
+
"MuiCssBaseline": {
|
|
1311
|
+
"styleOverrides": {
|
|
1312
|
+
"@media (prefers-reduced-motion: reduce)": {
|
|
1313
|
+
"*, *::before, *::after": {
|
|
1314
|
+
"animationDuration": "0.01ms !important",
|
|
1315
|
+
"animationIterationCount": "1 !important",
|
|
1316
|
+
"scrollBehavior": "auto !important",
|
|
1317
|
+
"transitionDuration": "0.01ms !important"
|
|
1318
|
+
}
|
|
1319
|
+
}
|
|
1320
|
+
}
|
|
1321
|
+
},
|
|
1322
|
+
"MuiDialog": {
|
|
1323
|
+
"defaultProps": {
|
|
1324
|
+
"transitionDuration": {
|
|
1325
|
+
"enter": 220,
|
|
1326
|
+
"exit": 180
|
|
1327
|
+
}
|
|
1328
|
+
},
|
|
1329
|
+
"styleOverrides": {
|
|
1330
|
+
"paper": {
|
|
1331
|
+
"borderRadius": 8,
|
|
1332
|
+
"boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)"
|
|
1333
|
+
}
|
|
1334
|
+
}
|
|
1335
|
+
},
|
|
1336
|
+
"MuiDivider": {
|
|
1337
|
+
"styleOverrides": {
|
|
1338
|
+
"root": {
|
|
1339
|
+
"borderColor": "rgba(33,37,41,.10)"
|
|
1340
|
+
}
|
|
1341
|
+
}
|
|
1342
|
+
},
|
|
1343
|
+
"MuiDrawer": {
|
|
1344
|
+
"defaultProps": {
|
|
1345
|
+
"transitionDuration": {
|
|
1346
|
+
"enter": 220,
|
|
1347
|
+
"exit": 180
|
|
1348
|
+
}
|
|
1349
|
+
},
|
|
1350
|
+
"styleOverrides": {
|
|
1351
|
+
"paper": {
|
|
1352
|
+
"boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)"
|
|
1353
|
+
}
|
|
1354
|
+
}
|
|
1355
|
+
},
|
|
1356
|
+
"MuiFilledInput": {
|
|
1357
|
+
"styleOverrides": {
|
|
1358
|
+
"input": {
|
|
1359
|
+
"&:-webkit-autofill": {
|
|
1360
|
+
"WebkitBoxShadow": "0 0 0 100px #FFFFFF inset",
|
|
1361
|
+
"WebkitTextFillColor": "#212529",
|
|
1362
|
+
"caretColor": "#212529"
|
|
1363
|
+
},
|
|
1364
|
+
"&:autofill": {
|
|
1365
|
+
"WebkitTextFillColor": "#212529",
|
|
1366
|
+
"boxShadow": "0 0 0 100px #FFFFFF inset",
|
|
1367
|
+
"caretColor": "#212529"
|
|
1368
|
+
}
|
|
1369
|
+
}
|
|
1370
|
+
}
|
|
1371
|
+
},
|
|
1372
|
+
"MuiFormControlLabel": {
|
|
1373
|
+
"styleOverrides": {
|
|
1374
|
+
"label": {
|
|
1375
|
+
"fontSize": "14px",
|
|
1376
|
+
"lineHeight": 1.55
|
|
1377
|
+
},
|
|
1378
|
+
"root": {
|
|
1379
|
+
"@media (any-pointer: coarse)": {
|
|
1380
|
+
"minHeight": 44,
|
|
1381
|
+
"minWidth": 44
|
|
1382
|
+
},
|
|
1383
|
+
"minHeight": 40
|
|
1384
|
+
}
|
|
1385
|
+
}
|
|
1386
|
+
},
|
|
1387
|
+
"MuiIconButton": {
|
|
1388
|
+
"styleOverrides": {
|
|
1389
|
+
"root": {
|
|
1390
|
+
"@media (any-pointer: coarse)": {
|
|
1391
|
+
"minHeight": 44,
|
|
1392
|
+
"minWidth": 44
|
|
1393
|
+
},
|
|
1394
|
+
"minHeight": 40,
|
|
1395
|
+
"minWidth": 40
|
|
1396
|
+
}
|
|
1397
|
+
}
|
|
1398
|
+
},
|
|
1399
|
+
"MuiInput": {
|
|
1400
|
+
"styleOverrides": {
|
|
1401
|
+
"input": {
|
|
1402
|
+
"&:-webkit-autofill": {
|
|
1403
|
+
"WebkitBoxShadow": "0 0 0 100px #FFFFFF inset",
|
|
1404
|
+
"WebkitTextFillColor": "#212529",
|
|
1405
|
+
"caretColor": "#212529"
|
|
1406
|
+
},
|
|
1407
|
+
"&:autofill": {
|
|
1408
|
+
"WebkitTextFillColor": "#212529",
|
|
1409
|
+
"boxShadow": "0 0 0 100px #FFFFFF inset",
|
|
1410
|
+
"caretColor": "#212529"
|
|
1411
|
+
}
|
|
1412
|
+
}
|
|
1413
|
+
}
|
|
1414
|
+
},
|
|
1415
|
+
"MuiMenu": {
|
|
1416
|
+
"defaultProps": {
|
|
1417
|
+
"transitionDuration": {
|
|
1418
|
+
"enter": 220,
|
|
1419
|
+
"exit": 180
|
|
1420
|
+
}
|
|
1421
|
+
},
|
|
1422
|
+
"styleOverrides": {
|
|
1423
|
+
"paper": {
|
|
1424
|
+
"boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)"
|
|
1425
|
+
}
|
|
1426
|
+
}
|
|
1427
|
+
},
|
|
1428
|
+
"MuiOutlinedInput": {
|
|
1429
|
+
"styleOverrides": {
|
|
1430
|
+
"input": {
|
|
1431
|
+
"&:-webkit-autofill": {
|
|
1432
|
+
"WebkitBoxShadow": "0 0 0 100px #FFFFFF inset",
|
|
1433
|
+
"WebkitTextFillColor": "#212529",
|
|
1434
|
+
"caretColor": "#212529"
|
|
1435
|
+
},
|
|
1436
|
+
"&:autofill": {
|
|
1437
|
+
"WebkitTextFillColor": "#212529",
|
|
1438
|
+
"boxShadow": "0 0 0 100px #FFFFFF inset",
|
|
1439
|
+
"caretColor": "#212529"
|
|
1440
|
+
}
|
|
1441
|
+
},
|
|
1442
|
+
"root": {
|
|
1443
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
1444
|
+
"borderColor": "rgba(33,37,41,.50)"
|
|
1445
|
+
},
|
|
1446
|
+
"&.Mui-error .MuiOutlinedInput-notchedOutline": {
|
|
1447
|
+
"borderColor": "#BF3227"
|
|
1448
|
+
},
|
|
1449
|
+
"&.Mui-focused .MuiOutlinedInput-notchedOutline": {
|
|
1450
|
+
"borderColor": "#0F62FE",
|
|
1451
|
+
"borderWidth": 2
|
|
1452
|
+
},
|
|
1453
|
+
"&:hover .MuiOutlinedInput-notchedOutline": {
|
|
1454
|
+
"borderColor": "rgba(33,37,41,.65)"
|
|
1455
|
+
},
|
|
1456
|
+
"@media (any-pointer: coarse)": {
|
|
1457
|
+
"minHeight": 44,
|
|
1458
|
+
"minWidth": 44
|
|
1459
|
+
},
|
|
1460
|
+
"borderRadius": 3,
|
|
1461
|
+
"minHeight": 40,
|
|
1462
|
+
"transition": "border-color 120ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms cubic-bezier(0.4, 0, 0.2, 1), background-color 120ms cubic-bezier(0.4, 0, 0.2, 1)"
|
|
1463
|
+
}
|
|
1464
|
+
},
|
|
1465
|
+
"variants": [
|
|
1466
|
+
{
|
|
1467
|
+
"props": {
|
|
1468
|
+
"multiline": false
|
|
1469
|
+
},
|
|
1470
|
+
"style": {
|
|
1471
|
+
"height": 40
|
|
1472
|
+
}
|
|
1473
|
+
}
|
|
1474
|
+
]
|
|
1475
|
+
},
|
|
1476
|
+
"MuiPaper": {
|
|
1477
|
+
"defaultProps": {
|
|
1478
|
+
"elevation": 0,
|
|
1479
|
+
"variant": "outlined"
|
|
1480
|
+
},
|
|
1481
|
+
"styleOverrides": {
|
|
1482
|
+
"root": {
|
|
1483
|
+
"borderColor": "rgba(33,37,41,.10)",
|
|
1484
|
+
"borderRadius": 8,
|
|
1485
|
+
"boxShadow": "none"
|
|
1486
|
+
}
|
|
1487
|
+
}
|
|
1488
|
+
},
|
|
1489
|
+
"MuiSelect": {
|
|
1490
|
+
"defaultProps": {
|
|
1491
|
+
"variant": "outlined"
|
|
1492
|
+
},
|
|
1493
|
+
"styleOverrides": {
|
|
1494
|
+
"root": {
|
|
1495
|
+
"@media (any-pointer: coarse)": {
|
|
1496
|
+
"minHeight": 44
|
|
1497
|
+
},
|
|
1498
|
+
"boxSizing": "border-box",
|
|
1499
|
+
"minHeight": 40
|
|
1500
|
+
}
|
|
1501
|
+
}
|
|
1502
|
+
},
|
|
1503
|
+
"MuiTableCell": {
|
|
1504
|
+
"styleOverrides": {
|
|
1505
|
+
"root": {
|
|
1506
|
+
"padding": "10px 16px"
|
|
1507
|
+
}
|
|
1508
|
+
}
|
|
1509
|
+
},
|
|
1510
|
+
"MuiTextField": {
|
|
1511
|
+
"defaultProps": {
|
|
1512
|
+
"variant": "outlined"
|
|
1513
|
+
},
|
|
1514
|
+
"styleOverrides": {
|
|
1515
|
+
"root": {
|
|
1516
|
+
"@media (any-pointer: coarse)": {
|
|
1517
|
+
"minHeight": 44,
|
|
1518
|
+
"minWidth": 44
|
|
1519
|
+
},
|
|
1520
|
+
"minHeight": 40
|
|
1521
|
+
}
|
|
1522
|
+
}
|
|
1523
|
+
},
|
|
1524
|
+
"MuiTooltip": {
|
|
1525
|
+
"defaultProps": {
|
|
1526
|
+
"slotProps": {
|
|
1527
|
+
"transition": {
|
|
1528
|
+
"timeout": {
|
|
1529
|
+
"enter": 220,
|
|
1530
|
+
"exit": 180
|
|
1531
|
+
}
|
|
1532
|
+
}
|
|
1533
|
+
}
|
|
1534
|
+
},
|
|
1535
|
+
"styleOverrides": {
|
|
1536
|
+
"tooltip": {
|
|
1537
|
+
"boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)",
|
|
1538
|
+
"transitionDuration": "220ms"
|
|
1539
|
+
}
|
|
1540
|
+
}
|
|
1541
|
+
}
|
|
1542
|
+
},
|
|
1543
|
+
"containerQueries": "name => {\n attachCq(node, name);\n return node;\n }",
|
|
1544
|
+
"darken": "darken(color, coefficient) {\n const obj = this || theme;\n if (obj.colorSpace) {\n return `color-mix(in ${obj.colorSpace}, ${color}, #000 ${coefficientToPercentage(coefficient)})`;\n }\n return systemDarken(color, coefficient);\n }",
|
|
1545
|
+
"density": {
|
|
1546
|
+
"chip": {
|
|
1547
|
+
"fontSize": 13,
|
|
1548
|
+
"height": 32,
|
|
1549
|
+
"radius": 16
|
|
1550
|
+
},
|
|
1551
|
+
"containerGutter": {
|
|
1552
|
+
"default": 24,
|
|
1553
|
+
"wide": 32
|
|
1554
|
+
},
|
|
1555
|
+
"controlHeight": 40,
|
|
1556
|
+
"tableCellPadding": "10px 16px",
|
|
1557
|
+
"touchTarget": 44
|
|
1558
|
+
},
|
|
1559
|
+
"direction": "ltr",
|
|
1560
|
+
"fontLoading": {
|
|
1561
|
+
"family": "DM Sans",
|
|
1562
|
+
"source": "@fontsource/dm-sans",
|
|
1563
|
+
"weights": [
|
|
1564
|
+
400,
|
|
1565
|
+
500,
|
|
1566
|
+
600
|
|
1567
|
+
]
|
|
1568
|
+
},
|
|
1569
|
+
"lighten": "lighten(color, coefficient) {\n const obj = this || theme;\n if (obj.colorSpace) {\n return `color-mix(in ${obj.colorSpace}, ${color}, #fff ${coefficientToPercentage(coefficient)})`;\n }\n return systemLighten(color, coefficient);\n }",
|
|
1570
|
+
"mixins": {
|
|
1571
|
+
"toolbar": {
|
|
1572
|
+
"@media (min-width:0px)": {
|
|
1573
|
+
"@media (orientation: landscape)": {
|
|
1574
|
+
"minHeight": 48
|
|
1575
|
+
}
|
|
1576
|
+
},
|
|
1577
|
+
"@media (min-width:600px)": {
|
|
1578
|
+
"minHeight": 64
|
|
1579
|
+
},
|
|
1580
|
+
"minHeight": 56
|
|
1581
|
+
}
|
|
1582
|
+
},
|
|
1583
|
+
"motion": {
|
|
1584
|
+
"duration": {
|
|
1585
|
+
"base": 180,
|
|
1586
|
+
"chart": 300,
|
|
1587
|
+
"fast": 120,
|
|
1588
|
+
"overlayEnter": 220,
|
|
1589
|
+
"overlayExit": 180
|
|
1590
|
+
},
|
|
1591
|
+
"easing": {
|
|
1592
|
+
"enter": "cubic-bezier(0.0, 0, 0.2, 1)",
|
|
1593
|
+
"exit": "cubic-bezier(0.4, 0, 1, 1)",
|
|
1594
|
+
"state": "cubic-bezier(0.4, 0, 0.2, 1)"
|
|
1595
|
+
},
|
|
1596
|
+
"reduced": "0.01ms"
|
|
1597
|
+
},
|
|
1598
|
+
"palette": {
|
|
1599
|
+
"action": {
|
|
1600
|
+
"activatedOpacity": 0.12,
|
|
1601
|
+
"active": "rgba(0, 0, 0, 0.54)",
|
|
1602
|
+
"disabled": "rgba(0, 0, 0, 0.26)",
|
|
1603
|
+
"disabledBackground": "rgba(0, 0, 0, 0.12)",
|
|
1604
|
+
"disabledOpacity": 0.38,
|
|
1605
|
+
"focus": "rgba(0, 0, 0, 0.12)",
|
|
1606
|
+
"focusOpacity": 0.12,
|
|
1607
|
+
"hover": "rgba(0, 0, 0, 0.04)",
|
|
1608
|
+
"hoverOpacity": 0.04,
|
|
1609
|
+
"selected": "rgba(0, 0, 0, 0.08)",
|
|
1610
|
+
"selectedOpacity": 0.08
|
|
1611
|
+
},
|
|
1612
|
+
"augmentColor": "({\n color,\n name,\n mainShade = 500,\n lightShade = 300,\n darkShade = 700\n }) => {\n color = {\n ...color\n };\n if (!color.main && color[mainShade]) {\n color.main = color[mainShade];\n }\n if (!color.hasOwnProperty('main')) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `The color object needs to have a \\`main\\` property or a \\`${mainShade}\\` property.` : _formatErrorMessage(11, name ? ` (${name})` : '', mainShade));\n }\n if (typeof color.main !== 'string') {\n throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `\\`color.main\\` should be a string, but \\`${JSON.stringify(color.main)}\\` was provided instead.\\n` + '\\n' + 'Did you intend to use one of the following approaches?\\n' + '\\n' + 'import { green } from \"@mui/material/colors\";\\n' + '\\n' + 'const theme1 = createTheme({ palette: {\\n' + ' primary: green,\\n' + '} });\\n' + '\\n' + 'const theme2 = createTheme({ palette: {\\n' + ' primary: { main: green[500] },\\n' + '} });' : _formatErrorMessage(12, name ? ` (${name})` : '', JSON.stringify(color.main)));\n }\n if (colorSpace) {\n mixLightOrDark(colorSpace, color, 'light', lightShade, tonalOffset);\n mixLightOrDark(colorSpace, color, 'dark', darkShade, tonalOffset);\n } else {\n addLightOrDark(color, 'light', lightShade, tonalOffset);\n addLightOrDark(color, 'dark', darkShade, tonalOffset);\n }\n if (!color.contrastText) {\n color.contrastText = getContrastText(color.main);\n }\n return color;\n }",
|
|
1613
|
+
"background": {
|
|
1614
|
+
"default": "#F0F2F4",
|
|
1615
|
+
"paper": "#FFFFFF",
|
|
1616
|
+
"subtle": "#F4F5F6"
|
|
1617
|
+
},
|
|
1618
|
+
"common": {
|
|
1619
|
+
"black": "#000",
|
|
1620
|
+
"white": "#fff"
|
|
1621
|
+
},
|
|
1622
|
+
"contrastThreshold": 3,
|
|
1623
|
+
"controlBorder": {
|
|
1624
|
+
"error": "#BF3227",
|
|
1625
|
+
"focus": "#0F62FE",
|
|
1626
|
+
"hover": "rgba(33,37,41,.65)",
|
|
1627
|
+
"main": "rgba(33,37,41,.50)"
|
|
1628
|
+
},
|
|
1629
|
+
"dataSeries": {
|
|
1630
|
+
"categorical": [
|
|
1631
|
+
"#3D5A99",
|
|
1632
|
+
"#3E80B8",
|
|
1633
|
+
"#2E8F8A",
|
|
1634
|
+
"#7A5FA8",
|
|
1635
|
+
"#9C4F86",
|
|
1636
|
+
"#8A7355"
|
|
1637
|
+
]
|
|
1638
|
+
},
|
|
1639
|
+
"divider": "rgba(33,37,41,.10)",
|
|
1640
|
+
"error": {
|
|
1641
|
+
"bg": "#FBEAE8",
|
|
1642
|
+
"contrastText": "#FFFFFF",
|
|
1643
|
+
"dark": "rgb(133, 35, 27)",
|
|
1644
|
+
"fill": "#BF3227",
|
|
1645
|
+
"fillText": "#FFFFFF",
|
|
1646
|
+
"light": "rgb(203, 91, 82)",
|
|
1647
|
+
"main": "#BF3227",
|
|
1648
|
+
"text": "#BF3227"
|
|
1649
|
+
},
|
|
1650
|
+
"getContrastText": "function getContrastText(background) {\n if (colorSpace) {\n return contrastColor(background);\n }\n const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;\n if (process.env.NODE_ENV !== 'production') {\n const contrast = getContrastRatio(background, contrastText);\n if (contrast < 3) {\n console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\\n'));\n }\n }\n return contrastText;\n }",
|
|
1651
|
+
"grey": {
|
|
1652
|
+
"50": "#fafafa",
|
|
1653
|
+
"100": "#f5f5f5",
|
|
1654
|
+
"200": "#eeeeee",
|
|
1655
|
+
"300": "#e0e0e0",
|
|
1656
|
+
"400": "#bdbdbd",
|
|
1657
|
+
"500": "#9e9e9e",
|
|
1658
|
+
"600": "#757575",
|
|
1659
|
+
"700": "#616161",
|
|
1660
|
+
"800": "#424242",
|
|
1661
|
+
"900": "#212121",
|
|
1662
|
+
"A100": "#f5f5f5",
|
|
1663
|
+
"A200": "#eeeeee",
|
|
1664
|
+
"A400": "#bdbdbd",
|
|
1665
|
+
"A700": "#616161"
|
|
1666
|
+
},
|
|
1667
|
+
"info": {
|
|
1668
|
+
"bg": "#E5F6FD",
|
|
1669
|
+
"contrastText": "#FFFFFF",
|
|
1670
|
+
"dark": "rgb(0, 60, 108)",
|
|
1671
|
+
"fill": "#01579B",
|
|
1672
|
+
"fillText": "#FFFFFF",
|
|
1673
|
+
"light": "rgb(51, 120, 175)",
|
|
1674
|
+
"main": "#01579B",
|
|
1675
|
+
"text": "#01579B"
|
|
1676
|
+
},
|
|
1677
|
+
"ink": {
|
|
1678
|
+
"muted": "#6A7178",
|
|
1679
|
+
"primary": "#212529",
|
|
1680
|
+
"secondary": "#5B6670"
|
|
1681
|
+
},
|
|
1682
|
+
"mode": "light",
|
|
1683
|
+
"primary": {
|
|
1684
|
+
"contrastText": "#fff",
|
|
1685
|
+
"dark": "rgb(10, 68, 177)",
|
|
1686
|
+
"light": "rgb(63, 129, 254)",
|
|
1687
|
+
"main": "#0F62FE"
|
|
1688
|
+
},
|
|
1689
|
+
"secondary": {
|
|
1690
|
+
"contrastText": "#fff",
|
|
1691
|
+
"dark": "#7b1fa2",
|
|
1692
|
+
"light": "#ba68c8",
|
|
1693
|
+
"main": "#9c27b0"
|
|
1694
|
+
},
|
|
1695
|
+
"stale": {
|
|
1696
|
+
"bg": "#EAEDF1",
|
|
1697
|
+
"fill": "#5B6B7D",
|
|
1698
|
+
"fillText": "#FFFFFF",
|
|
1699
|
+
"text": "#5B6B7D"
|
|
1700
|
+
},
|
|
1701
|
+
"success": {
|
|
1702
|
+
"bg": "#E5F4E9",
|
|
1703
|
+
"contrastText": "#FFFFFF",
|
|
1704
|
+
"dark": "rgb(18, 89, 39)",
|
|
1705
|
+
"fill": "#1B8038",
|
|
1706
|
+
"fillText": "#FFFFFF",
|
|
1707
|
+
"light": "rgb(72, 153, 95)",
|
|
1708
|
+
"main": "#126B36",
|
|
1709
|
+
"text": "#35794A"
|
|
1710
|
+
},
|
|
1711
|
+
"text": {
|
|
1712
|
+
"disabled": "#6A7178",
|
|
1713
|
+
"primary": "#212529",
|
|
1714
|
+
"secondary": "#5B6670"
|
|
1715
|
+
},
|
|
1716
|
+
"tonalOffset": 0.2,
|
|
1717
|
+
"warning": {
|
|
1718
|
+
"bg": "#FBF0DC",
|
|
1719
|
+
"contrastText": "#FFFFFF",
|
|
1720
|
+
"dark": "rgb(105, 67, 0)",
|
|
1721
|
+
"fill": "#C08A2C",
|
|
1722
|
+
"fillText": "#212529",
|
|
1723
|
+
"light": "rgb(171, 128, 51)",
|
|
1724
|
+
"main": "#976100",
|
|
1725
|
+
"text": "#976100"
|
|
1726
|
+
}
|
|
1727
|
+
},
|
|
1728
|
+
"radius": {
|
|
1729
|
+
"card": 8,
|
|
1730
|
+
"control": 3
|
|
1731
|
+
},
|
|
1732
|
+
"shadow": {
|
|
1733
|
+
"overlay": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)",
|
|
1734
|
+
"rest": "none"
|
|
1735
|
+
},
|
|
1736
|
+
"shadows": [
|
|
1737
|
+
"none",
|
|
1738
|
+
"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
|
|
1739
|
+
"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
|
|
1740
|
+
"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
|
|
1741
|
+
"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
|
|
1742
|
+
"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
|
|
1743
|
+
"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
|
|
1744
|
+
"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
|
|
1745
|
+
"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
|
|
1746
|
+
"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
|
|
1747
|
+
"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
|
|
1748
|
+
"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
|
|
1749
|
+
"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
|
|
1750
|
+
"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
|
|
1751
|
+
"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
|
|
1752
|
+
"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
|
|
1753
|
+
"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
|
|
1754
|
+
"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
|
|
1755
|
+
"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
|
|
1756
|
+
"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
|
|
1757
|
+
"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
|
|
1758
|
+
"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
|
|
1759
|
+
"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
|
|
1760
|
+
"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
|
|
1761
|
+
"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)"
|
|
1762
|
+
],
|
|
1763
|
+
"shape": {
|
|
1764
|
+
"borderRadius": 3
|
|
1765
|
+
},
|
|
1766
|
+
"spacing": "(...argsInput) => {\n if (process.env.NODE_ENV !== 'production') {\n if (!(argsInput.length <= 4)) {\n console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);\n }\n }\n const args = argsInput.length === 0 ? [1] : argsInput;\n return args.map(argument => {\n const output = transform(argument);\n return typeof output === 'number' ? `${output}px` : output;\n }).join(' ');\n }",
|
|
1767
|
+
"themeCompleteness": {
|
|
1768
|
+
"baseline": true,
|
|
1769
|
+
"exemptions": [
|
|
1770
|
+
{
|
|
1771
|
+
"reason": "The canonical surface is deliberately MUI white.",
|
|
1772
|
+
"surface": "palette.background.paper"
|
|
1773
|
+
},
|
|
1774
|
+
{
|
|
1775
|
+
"reason": "The canonical spacing rhythm deliberately retains MUI's 8px unit.",
|
|
1776
|
+
"surface": "spacing.unit"
|
|
1777
|
+
},
|
|
1778
|
+
{
|
|
1779
|
+
"reason": "The canonical breakpoint values deliberately retain MUI's defaults.",
|
|
1780
|
+
"surface": "breakpoints.values"
|
|
1781
|
+
},
|
|
1782
|
+
{
|
|
1783
|
+
"reason": "The canonical subtitle2 weight deliberately equals MUI's numeric default.",
|
|
1784
|
+
"surface": "typography.subtitle2.fontWeight"
|
|
1785
|
+
},
|
|
1786
|
+
{
|
|
1787
|
+
"reason": "The canonical body1 weight deliberately equals MUI's numeric default.",
|
|
1788
|
+
"surface": "typography.body1.fontWeight"
|
|
1789
|
+
},
|
|
1790
|
+
{
|
|
1791
|
+
"reason": "The canonical body2 weight deliberately equals MUI's numeric default.",
|
|
1792
|
+
"surface": "typography.body2.fontWeight"
|
|
1793
|
+
},
|
|
1794
|
+
{
|
|
1795
|
+
"reason": "The canonical button weight deliberately equals MUI's numeric default.",
|
|
1796
|
+
"surface": "typography.button.fontWeight"
|
|
1797
|
+
},
|
|
1798
|
+
{
|
|
1799
|
+
"reason": "The canonical caption weight deliberately equals MUI's numeric default.",
|
|
1800
|
+
"surface": "typography.caption.fontWeight"
|
|
1801
|
+
}
|
|
1802
|
+
]
|
|
1803
|
+
},
|
|
1804
|
+
"toRuntimeSource": "function stringifyTheme(baseTheme = {}) {\n const serializableTheme = {\n ...baseTheme\n };\n function serializeTheme(object) {\n const array = Object.entries(object);\n // eslint-disable-next-line no-plusplus\n for (let index = 0; index < array.length; index++) {\n const [key, value] = array[index];\n if (!isSerializable(value) || key.startsWith('unstable_')) {\n delete object[key];\n } else if (isPlainObject(value)) {\n object[key] = {\n ...value\n };\n serializeTheme(object[key]);\n }\n }\n }\n serializeTheme(serializableTheme);\n return `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';\n\nconst theme = ${JSON.stringify(serializableTheme, null, 2)};\n\ntheme.breakpoints = createBreakpoints(theme.breakpoints || {});\ntheme.transitions = createTransitions(theme.transitions || {});\n\nexport default theme;`;\n}",
|
|
1805
|
+
"transitions": {
|
|
1806
|
+
"create": "(props = ['all'], options = {}) => {\n const {\n duration: durationOption = mergedDuration.standard,\n easing: easingOption = mergedEasing.easeInOut,\n delay = 0,\n ...other\n } = options;\n if (process.env.NODE_ENV !== 'production') {\n const isString = value => typeof value === 'string';\n const isNumber = value => !Number.isNaN(parseFloat(value));\n if (!isString(props) && !Array.isArray(props)) {\n console.error('MUI: Argument \"props\" must be a string or Array.');\n }\n if (!isNumber(durationOption) && !isString(durationOption)) {\n console.error(`MUI: Argument \"duration\" must be a number or a string but found ${durationOption}.`);\n }\n if (!isString(easingOption)) {\n console.error('MUI: Argument \"easing\" must be a string.');\n }\n if (!isNumber(delay) && !isString(delay)) {\n console.error('MUI: Argument \"delay\" must be a number or a string.');\n }\n if (typeof options !== 'object') {\n console.error(['MUI: Secong argument of transition.create must be an object.', \"Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`\"].join('\\n'));\n }\n if (Object.keys(other).length !== 0) {\n console.error(`MUI: Unrecognized argument(s) [${Object.keys(other).join(',')}].`);\n }\n }\n return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');\n }",
|
|
1807
|
+
"duration": {
|
|
1808
|
+
"base": 180,
|
|
1809
|
+
"chart": 300,
|
|
1810
|
+
"complex": 375,
|
|
1811
|
+
"enteringScreen": 225,
|
|
1812
|
+
"fast": 120,
|
|
1813
|
+
"leavingScreen": 195,
|
|
1814
|
+
"overlayEnter": 220,
|
|
1815
|
+
"overlayExit": 180,
|
|
1816
|
+
"short": 250,
|
|
1817
|
+
"shorter": 200,
|
|
1818
|
+
"shortest": 150,
|
|
1819
|
+
"standard": 300
|
|
1820
|
+
},
|
|
1821
|
+
"easing": {
|
|
1822
|
+
"easeIn": "cubic-bezier(0.4, 0, 1, 1)",
|
|
1823
|
+
"easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
1824
|
+
"easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
|
|
1825
|
+
"enter": "cubic-bezier(0.0, 0, 0.2, 1)",
|
|
1826
|
+
"exit": "cubic-bezier(0.4, 0, 1, 1)",
|
|
1827
|
+
"sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
|
|
1828
|
+
"state": "cubic-bezier(0.4, 0, 0.2, 1)"
|
|
1829
|
+
},
|
|
1830
|
+
"getAutoHeightDuration": "function getAutoHeightDuration(height) {\n if (!height) {\n return 0;\n }\n const constant = height / 36;\n\n // https://www.desmos.com/calculator/vbrp3ggqet\n return Math.min(Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10), 3000);\n}"
|
|
1831
|
+
},
|
|
1832
|
+
"typography": {
|
|
1833
|
+
"body1": {
|
|
1834
|
+
"fontFamily": "Fixture Sans",
|
|
1835
|
+
"fontSize": "14px",
|
|
1836
|
+
"fontWeight": 400,
|
|
1837
|
+
"letterSpacing": 0,
|
|
1838
|
+
"lineHeight": 1.55
|
|
1839
|
+
},
|
|
1840
|
+
"body2": {
|
|
1841
|
+
"fontFamily": "Fixture Sans",
|
|
1842
|
+
"fontSize": "13px",
|
|
1843
|
+
"fontWeight": 400,
|
|
1844
|
+
"letterSpacing": 0,
|
|
1845
|
+
"lineHeight": 1.55
|
|
1846
|
+
},
|
|
1847
|
+
"button": {
|
|
1848
|
+
"fontFamily": "Fixture Sans",
|
|
1849
|
+
"fontSize": "14px",
|
|
1850
|
+
"fontWeight": 500,
|
|
1851
|
+
"letterSpacing": 0,
|
|
1852
|
+
"lineHeight": 1.4,
|
|
1853
|
+
"textTransform": "none"
|
|
1854
|
+
},
|
|
1855
|
+
"caption": {
|
|
1856
|
+
"fontFamily": "Fixture Sans",
|
|
1857
|
+
"fontSize": "12px",
|
|
1858
|
+
"fontWeight": 400,
|
|
1859
|
+
"letterSpacing": 0,
|
|
1860
|
+
"lineHeight": 1.4
|
|
1861
|
+
},
|
|
1862
|
+
"fontFamily": "Fixture Sans",
|
|
1863
|
+
"fontSize": 14,
|
|
1864
|
+
"fontWeightBold": 700,
|
|
1865
|
+
"fontWeightLight": 300,
|
|
1866
|
+
"fontWeightMedium": 500,
|
|
1867
|
+
"fontWeightRegular": 400,
|
|
1868
|
+
"h1": {
|
|
1869
|
+
"fontFamily": "Fixture Sans",
|
|
1870
|
+
"fontSize": "32px",
|
|
1871
|
+
"fontWeight": 600,
|
|
1872
|
+
"letterSpacing": 0,
|
|
1873
|
+
"lineHeight": 1.2
|
|
1874
|
+
},
|
|
1875
|
+
"h2": {
|
|
1876
|
+
"fontFamily": "Fixture Sans",
|
|
1877
|
+
"fontSize": "28px",
|
|
1878
|
+
"fontWeight": 600,
|
|
1879
|
+
"letterSpacing": 0,
|
|
1880
|
+
"lineHeight": 1.22
|
|
1881
|
+
},
|
|
1882
|
+
"h3": {
|
|
1883
|
+
"fontFamily": "Fixture Sans",
|
|
1884
|
+
"fontSize": "24px",
|
|
1885
|
+
"fontWeight": 600,
|
|
1886
|
+
"letterSpacing": 0,
|
|
1887
|
+
"lineHeight": 1.25
|
|
1888
|
+
},
|
|
1889
|
+
"h4": {
|
|
1890
|
+
"fontFamily": "Fixture Sans",
|
|
1891
|
+
"fontSize": "20px",
|
|
1892
|
+
"fontWeight": 600,
|
|
1893
|
+
"letterSpacing": 0,
|
|
1894
|
+
"lineHeight": 1.3
|
|
1895
|
+
},
|
|
1896
|
+
"h5": {
|
|
1897
|
+
"fontFamily": "Fixture Sans",
|
|
1898
|
+
"fontSize": "18px",
|
|
1899
|
+
"fontWeight": 600,
|
|
1900
|
+
"letterSpacing": 0,
|
|
1901
|
+
"lineHeight": 1.3
|
|
1902
|
+
},
|
|
1903
|
+
"h6": {
|
|
1904
|
+
"fontFamily": "Fixture Sans",
|
|
1905
|
+
"fontSize": "16px",
|
|
1906
|
+
"fontWeight": 600,
|
|
1907
|
+
"letterSpacing": 0,
|
|
1908
|
+
"lineHeight": 1.35
|
|
1909
|
+
},
|
|
1910
|
+
"htmlFontSize": 16,
|
|
1911
|
+
"inherit": {
|
|
1912
|
+
"fontFamily": "inherit",
|
|
1913
|
+
"fontSize": "inherit",
|
|
1914
|
+
"fontWeight": "inherit",
|
|
1915
|
+
"letterSpacing": "inherit",
|
|
1916
|
+
"lineHeight": "inherit"
|
|
1917
|
+
},
|
|
1918
|
+
"overline": {
|
|
1919
|
+
"fontFamily": "Fixture Sans",
|
|
1920
|
+
"fontSize": "11px",
|
|
1921
|
+
"fontWeight": 600,
|
|
1922
|
+
"letterSpacing": "0.4px",
|
|
1923
|
+
"lineHeight": 1.4,
|
|
1924
|
+
"textTransform": "uppercase"
|
|
1925
|
+
},
|
|
1926
|
+
"pxToRem": "size => `${size / htmlFontSize * coef}rem`",
|
|
1927
|
+
"subtitle1": {
|
|
1928
|
+
"fontFamily": "Fixture Sans",
|
|
1929
|
+
"fontSize": "15px",
|
|
1930
|
+
"fontWeight": 600,
|
|
1931
|
+
"letterSpacing": 0,
|
|
1932
|
+
"lineHeight": 1.4
|
|
1933
|
+
},
|
|
1934
|
+
"subtitle2": {
|
|
1935
|
+
"fontFamily": "Fixture Sans",
|
|
1936
|
+
"fontSize": "13px",
|
|
1937
|
+
"fontWeight": 500,
|
|
1938
|
+
"letterSpacing": 0,
|
|
1939
|
+
"lineHeight": 1.4
|
|
1940
|
+
}
|
|
1941
|
+
},
|
|
1942
|
+
"unstable_sx": "function sx(props) {\n return styleFunctionSx({\n sx: props,\n theme: this\n });\n }",
|
|
1943
|
+
"unstable_sxConfig": {
|
|
1944
|
+
"alignContent": {},
|
|
1945
|
+
"alignItems": {},
|
|
1946
|
+
"alignSelf": {},
|
|
1947
|
+
"backgroundColor": {
|
|
1948
|
+
"themeKey": "palette",
|
|
1949
|
+
"transform": "function paletteTransform(value, userValue) {\n if (userValue === 'grey') {\n return userValue;\n }\n return value;\n}"
|
|
1950
|
+
},
|
|
1951
|
+
"bgcolor": {
|
|
1952
|
+
"cssProperty": "backgroundColor",
|
|
1953
|
+
"themeKey": "palette",
|
|
1954
|
+
"transform": "function paletteTransform(value, userValue) {\n if (userValue === 'grey') {\n return userValue;\n }\n return value;\n}"
|
|
1955
|
+
},
|
|
1956
|
+
"border": {
|
|
1957
|
+
"themeKey": "borders",
|
|
1958
|
+
"transform": "function borderTransform(value) {\n if (typeof value !== 'number') {\n return value;\n }\n return `${value}px solid`;\n}"
|
|
1959
|
+
},
|
|
1960
|
+
"borderBottom": {
|
|
1961
|
+
"themeKey": "borders",
|
|
1962
|
+
"transform": "function borderTransform(value) {\n if (typeof value !== 'number') {\n return value;\n }\n return `${value}px solid`;\n}"
|
|
1963
|
+
},
|
|
1964
|
+
"borderBottomColor": {
|
|
1965
|
+
"themeKey": "palette"
|
|
1966
|
+
},
|
|
1967
|
+
"borderColor": {
|
|
1968
|
+
"themeKey": "palette"
|
|
1969
|
+
},
|
|
1970
|
+
"borderLeft": {
|
|
1971
|
+
"themeKey": "borders",
|
|
1972
|
+
"transform": "function borderTransform(value) {\n if (typeof value !== 'number') {\n return value;\n }\n return `${value}px solid`;\n}"
|
|
1973
|
+
},
|
|
1974
|
+
"borderLeftColor": {
|
|
1975
|
+
"themeKey": "palette"
|
|
1976
|
+
},
|
|
1977
|
+
"borderRadius": {
|
|
1978
|
+
"style": "props => {\n if (props.borderRadius !== undefined && props.borderRadius !== null) {\n const transformer = createUnaryUnit(props.theme, 'shape.borderRadius', 4, 'borderRadius');\n const styleFromPropValue = propValue => ({\n borderRadius: getValue(transformer, propValue)\n });\n return handleBreakpoints(props, props.borderRadius, styleFromPropValue);\n }\n return null;\n}",
|
|
1979
|
+
"themeKey": "shape.borderRadius"
|
|
1980
|
+
},
|
|
1981
|
+
"borderRight": {
|
|
1982
|
+
"themeKey": "borders",
|
|
1983
|
+
"transform": "function borderTransform(value) {\n if (typeof value !== 'number') {\n return value;\n }\n return `${value}px solid`;\n}"
|
|
1984
|
+
},
|
|
1985
|
+
"borderRightColor": {
|
|
1986
|
+
"themeKey": "palette"
|
|
1987
|
+
},
|
|
1988
|
+
"borderTop": {
|
|
1989
|
+
"themeKey": "borders",
|
|
1990
|
+
"transform": "function borderTransform(value) {\n if (typeof value !== 'number') {\n return value;\n }\n return `${value}px solid`;\n}"
|
|
1991
|
+
},
|
|
1992
|
+
"borderTopColor": {
|
|
1993
|
+
"themeKey": "palette"
|
|
1994
|
+
},
|
|
1995
|
+
"bottom": {},
|
|
1996
|
+
"boxShadow": {
|
|
1997
|
+
"themeKey": "shadows"
|
|
1998
|
+
},
|
|
1999
|
+
"boxSizing": {},
|
|
2000
|
+
"color": {
|
|
2001
|
+
"themeKey": "palette",
|
|
2002
|
+
"transform": "function paletteTransform(value, userValue) {\n if (userValue === 'grey') {\n return userValue;\n }\n return value;\n}"
|
|
2003
|
+
},
|
|
2004
|
+
"columnGap": {
|
|
2005
|
+
"style": "props => {\n if (props.columnGap !== undefined && props.columnGap !== null) {\n const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');\n const styleFromPropValue = propValue => ({\n columnGap: getValue(transformer, propValue)\n });\n return handleBreakpoints(props, props.columnGap, styleFromPropValue);\n }\n return null;\n}"
|
|
2006
|
+
},
|
|
2007
|
+
"display": {},
|
|
2008
|
+
"displayPrint": {
|
|
2009
|
+
"cssProperty": false,
|
|
2010
|
+
"transform": "value => ({\n '@media print': {\n display: value\n }\n })"
|
|
2011
|
+
},
|
|
2012
|
+
"flex": {},
|
|
2013
|
+
"flexBasis": {},
|
|
2014
|
+
"flexDirection": {},
|
|
2015
|
+
"flexGrow": {},
|
|
2016
|
+
"flexShrink": {},
|
|
2017
|
+
"flexWrap": {},
|
|
2018
|
+
"font": {
|
|
2019
|
+
"themeKey": "font"
|
|
2020
|
+
},
|
|
2021
|
+
"fontFamily": {
|
|
2022
|
+
"themeKey": "typography"
|
|
2023
|
+
},
|
|
2024
|
+
"fontSize": {
|
|
2025
|
+
"themeKey": "typography"
|
|
2026
|
+
},
|
|
2027
|
+
"fontStyle": {
|
|
2028
|
+
"themeKey": "typography"
|
|
2029
|
+
},
|
|
2030
|
+
"fontWeight": {
|
|
2031
|
+
"themeKey": "typography"
|
|
2032
|
+
},
|
|
2033
|
+
"gap": {
|
|
2034
|
+
"style": "props => {\n if (props.gap !== undefined && props.gap !== null) {\n const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'gap');\n const styleFromPropValue = propValue => ({\n gap: getValue(transformer, propValue)\n });\n return handleBreakpoints(props, props.gap, styleFromPropValue);\n }\n return null;\n}"
|
|
2035
|
+
},
|
|
2036
|
+
"gridArea": {},
|
|
2037
|
+
"gridAutoColumns": {},
|
|
2038
|
+
"gridAutoFlow": {},
|
|
2039
|
+
"gridAutoRows": {},
|
|
2040
|
+
"gridColumn": {},
|
|
2041
|
+
"gridRow": {},
|
|
2042
|
+
"gridTemplateAreas": {},
|
|
2043
|
+
"gridTemplateColumns": {},
|
|
2044
|
+
"gridTemplateRows": {},
|
|
2045
|
+
"height": {
|
|
2046
|
+
"transform": "function sizingTransform(value) {\n return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
|
|
2047
|
+
},
|
|
2048
|
+
"justifyContent": {},
|
|
2049
|
+
"justifyItems": {},
|
|
2050
|
+
"justifySelf": {},
|
|
2051
|
+
"left": {},
|
|
2052
|
+
"letterSpacing": {},
|
|
2053
|
+
"lineHeight": {},
|
|
2054
|
+
"m": {
|
|
2055
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2056
|
+
},
|
|
2057
|
+
"margin": {
|
|
2058
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2059
|
+
},
|
|
2060
|
+
"marginBlock": {
|
|
2061
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2062
|
+
},
|
|
2063
|
+
"marginBlockEnd": {
|
|
2064
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2065
|
+
},
|
|
2066
|
+
"marginBlockStart": {
|
|
2067
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2068
|
+
},
|
|
2069
|
+
"marginBottom": {
|
|
2070
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2071
|
+
},
|
|
2072
|
+
"marginInline": {
|
|
2073
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2074
|
+
},
|
|
2075
|
+
"marginInlineEnd": {
|
|
2076
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2077
|
+
},
|
|
2078
|
+
"marginInlineStart": {
|
|
2079
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2080
|
+
},
|
|
2081
|
+
"marginLeft": {
|
|
2082
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2083
|
+
},
|
|
2084
|
+
"marginRight": {
|
|
2085
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2086
|
+
},
|
|
2087
|
+
"marginTop": {
|
|
2088
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2089
|
+
},
|
|
2090
|
+
"marginX": {
|
|
2091
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2092
|
+
},
|
|
2093
|
+
"marginY": {
|
|
2094
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2095
|
+
},
|
|
2096
|
+
"maxHeight": {
|
|
2097
|
+
"transform": "function sizingTransform(value) {\n return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
|
|
2098
|
+
},
|
|
2099
|
+
"maxWidth": {
|
|
2100
|
+
"style": "props => {\n if (props.maxWidth !== undefined && props.maxWidth !== null) {\n const styleFromPropValue = propValue => {\n const breakpoint = props.theme?.breakpoints?.values?.[propValue] || breakpointsValues[propValue];\n if (!breakpoint) {\n return {\n maxWidth: sizingTransform(propValue)\n };\n }\n if (props.theme?.breakpoints?.unit !== 'px') {\n return {\n maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`\n };\n }\n return {\n maxWidth: breakpoint\n };\n };\n return handleBreakpoints(props, props.maxWidth, styleFromPropValue);\n }\n return null;\n}"
|
|
2101
|
+
},
|
|
2102
|
+
"mb": {
|
|
2103
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2104
|
+
},
|
|
2105
|
+
"minHeight": {
|
|
2106
|
+
"transform": "function sizingTransform(value) {\n return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
|
|
2107
|
+
},
|
|
2108
|
+
"minWidth": {
|
|
2109
|
+
"transform": "function sizingTransform(value) {\n return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
|
|
2110
|
+
},
|
|
2111
|
+
"ml": {
|
|
2112
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2113
|
+
},
|
|
2114
|
+
"mr": {
|
|
2115
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2116
|
+
},
|
|
2117
|
+
"mt": {
|
|
2118
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2119
|
+
},
|
|
2120
|
+
"mx": {
|
|
2121
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2122
|
+
},
|
|
2123
|
+
"my": {
|
|
2124
|
+
"style": "function margin(props) {\n return style(props, marginKeys);\n}"
|
|
2125
|
+
},
|
|
2126
|
+
"order": {},
|
|
2127
|
+
"outline": {
|
|
2128
|
+
"themeKey": "borders",
|
|
2129
|
+
"transform": "function borderTransform(value) {\n if (typeof value !== 'number') {\n return value;\n }\n return `${value}px solid`;\n}"
|
|
2130
|
+
},
|
|
2131
|
+
"outlineColor": {
|
|
2132
|
+
"themeKey": "palette"
|
|
2133
|
+
},
|
|
2134
|
+
"overflow": {},
|
|
2135
|
+
"p": {
|
|
2136
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2137
|
+
},
|
|
2138
|
+
"padding": {
|
|
2139
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2140
|
+
},
|
|
2141
|
+
"paddingBlock": {
|
|
2142
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2143
|
+
},
|
|
2144
|
+
"paddingBlockEnd": {
|
|
2145
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2146
|
+
},
|
|
2147
|
+
"paddingBlockStart": {
|
|
2148
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2149
|
+
},
|
|
2150
|
+
"paddingBottom": {
|
|
2151
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2152
|
+
},
|
|
2153
|
+
"paddingInline": {
|
|
2154
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2155
|
+
},
|
|
2156
|
+
"paddingInlineEnd": {
|
|
2157
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2158
|
+
},
|
|
2159
|
+
"paddingInlineStart": {
|
|
2160
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2161
|
+
},
|
|
2162
|
+
"paddingLeft": {
|
|
2163
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2164
|
+
},
|
|
2165
|
+
"paddingRight": {
|
|
2166
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2167
|
+
},
|
|
2168
|
+
"paddingTop": {
|
|
2169
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2170
|
+
},
|
|
2171
|
+
"paddingX": {
|
|
2172
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2173
|
+
},
|
|
2174
|
+
"paddingY": {
|
|
2175
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2176
|
+
},
|
|
2177
|
+
"pb": {
|
|
2178
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2179
|
+
},
|
|
2180
|
+
"pl": {
|
|
2181
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2182
|
+
},
|
|
2183
|
+
"position": {},
|
|
2184
|
+
"pr": {
|
|
2185
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2186
|
+
},
|
|
2187
|
+
"pt": {
|
|
2188
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2189
|
+
},
|
|
2190
|
+
"px": {
|
|
2191
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2192
|
+
},
|
|
2193
|
+
"py": {
|
|
2194
|
+
"style": "function padding(props) {\n return style(props, paddingKeys);\n}"
|
|
2195
|
+
},
|
|
2196
|
+
"right": {},
|
|
2197
|
+
"rowGap": {
|
|
2198
|
+
"style": "props => {\n if (props.rowGap !== undefined && props.rowGap !== null) {\n const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');\n const styleFromPropValue = propValue => ({\n rowGap: getValue(transformer, propValue)\n });\n return handleBreakpoints(props, props.rowGap, styleFromPropValue);\n }\n return null;\n}"
|
|
2199
|
+
},
|
|
2200
|
+
"textAlign": {},
|
|
2201
|
+
"textOverflow": {},
|
|
2202
|
+
"textTransform": {},
|
|
2203
|
+
"top": {},
|
|
2204
|
+
"typography": {
|
|
2205
|
+
"cssProperty": false,
|
|
2206
|
+
"themeKey": "typography"
|
|
2207
|
+
},
|
|
2208
|
+
"visibility": {},
|
|
2209
|
+
"whiteSpace": {},
|
|
2210
|
+
"width": {
|
|
2211
|
+
"transform": "function sizingTransform(value) {\n return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
|
|
2212
|
+
},
|
|
2213
|
+
"zIndex": {
|
|
2214
|
+
"themeKey": "zIndex"
|
|
2215
|
+
}
|
|
2216
|
+
},
|
|
2217
|
+
"zIndex": {
|
|
2218
|
+
"appBar": 1100,
|
|
2219
|
+
"drawer": 1200,
|
|
2220
|
+
"fab": 1050,
|
|
2221
|
+
"mobileStepper": 1000,
|
|
2222
|
+
"modal": 1300,
|
|
2223
|
+
"snackbar": 1400,
|
|
2224
|
+
"speedDial": 1050,
|
|
2225
|
+
"tooltip": 1500
|
|
2226
|
+
}
|
|
2227
|
+
}
|
|
2228
|
+
}
|