@m4l/graphics 0.1.7 → 0.1.9
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/components/ProgressBarStyle/index.fb6fd9ed.js +36 -0
- package/components/{index.js → index.80514d59.js} +0 -0
- package/contexts/HostThemeContext/index.c6db12d4.js +53 -0
- package/contexts/LocalesContext/index.c10c0bb5.js +53 -0
- package/contexts/index.993249c2.js +2 -0
- package/hooks/index.9ec64bcf.js +26 -0
- package/hooks/useHostTheme/index.b3063684.js +11 -0
- package/hooks/useLocales/index.680b143a.js +11 -0
- package/hooks/useResponsive/index.fc5e1b4f.js +20 -0
- package/index.d.ts +1 -0
- package/index.js +36 -13
- package/package.json +1 -1
- package/theme/defaultThemeOptions.9b9e7503.js +34 -0
- package/theme/overrides/Autocomplete.d.ts +1 -1
- package/theme/overrides/DataGrid.d.ts +2 -2
- package/theme/overrides/Table.d.ts +5 -5
- package/theme/overrides/Tabs.d.ts +2 -2
- package/theme/overrides/ToggleButton.d.ts +1 -1
- package/theme/{overrides.js → overrides.7958c0ab.js} +307 -306
- package/theme/palette.2baf72f5.js +126 -0
- package/theme/shadows.bf8dc290.js +61 -0
- package/theme/stretch.d.ts +9 -0
- package/theme/{typography.js → typography.f5eadf47.js} +26 -25
- package/utils/index.d8b24456.js +107 -0
- package/components/ProgressBarStyle/index.js +0 -34
- package/contexts/HostThemeContext/index.js +0 -69
- package/contexts/LocalesContext/index.js +0 -55
- package/contexts/index.js +0 -2
- package/hooks/index.js +0 -33
- package/hooks/useHostTheme/index.js +0 -9
- package/hooks/useLocales/index.js +0 -9
- package/hooks/useResponsive/index.js +0 -26
- package/theme/defaultThemeOptions.js +0 -32
- package/theme/palette.js +0 -133
- package/theme/shadows.js +0 -65
- package/utils/index.js +0 -114
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { alpha } from "@mui/material";
|
|
2
|
-
import { alpha as
|
|
3
|
-
function
|
|
1
|
+
import { alpha as n } from "@mui/material";
|
|
2
|
+
import { alpha as i } from "@mui/material/styles";
|
|
3
|
+
function e(o) {
|
|
4
4
|
return {
|
|
5
5
|
MuiAvatar: {
|
|
6
6
|
styleOverrides: {
|
|
7
7
|
colorDefault: {
|
|
8
|
-
color:
|
|
9
|
-
backgroundColor:
|
|
8
|
+
color: o.palette.text.secondary,
|
|
9
|
+
backgroundColor: o.palette.grey[400]
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
},
|
|
@@ -14,18 +14,18 @@ function Avatar(theme) {
|
|
|
14
14
|
styleOverrides: {
|
|
15
15
|
avatar: {
|
|
16
16
|
fontSize: 16,
|
|
17
|
-
fontWeight:
|
|
17
|
+
fontWeight: o.typography.fontWeightMedium,
|
|
18
18
|
"&:first-of-type": {
|
|
19
19
|
fontSize: 14,
|
|
20
|
-
color:
|
|
21
|
-
backgroundColor:
|
|
20
|
+
color: o.palette.primary.main,
|
|
21
|
+
backgroundColor: o.palette.primary.lighter
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
}
|
|
28
|
-
function
|
|
28
|
+
function d(o) {
|
|
29
29
|
return {
|
|
30
30
|
MuiButton: {
|
|
31
31
|
styleOverrides: {
|
|
@@ -39,53 +39,53 @@ function Button(theme) {
|
|
|
39
39
|
height: 48
|
|
40
40
|
},
|
|
41
41
|
containedInherit: {
|
|
42
|
-
color:
|
|
43
|
-
boxShadow:
|
|
42
|
+
color: o.palette.grey[800],
|
|
43
|
+
boxShadow: o.customShadows.z1,
|
|
44
44
|
"&:hover": {
|
|
45
|
-
backgroundColor:
|
|
45
|
+
backgroundColor: o.palette.grey[400]
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
48
|
containedPrimary: {
|
|
49
|
-
boxShadow:
|
|
49
|
+
boxShadow: o.customShadows.z24
|
|
50
50
|
},
|
|
51
51
|
containedSecondary: {
|
|
52
|
-
boxShadow:
|
|
52
|
+
boxShadow: o.customShadows.secondary
|
|
53
53
|
},
|
|
54
54
|
containedInfo: {
|
|
55
|
-
boxShadow:
|
|
55
|
+
boxShadow: o.customShadows.info
|
|
56
56
|
},
|
|
57
57
|
containedSuccess: {
|
|
58
|
-
boxShadow:
|
|
58
|
+
boxShadow: o.customShadows.success
|
|
59
59
|
},
|
|
60
60
|
containedWarning: {
|
|
61
|
-
boxShadow:
|
|
61
|
+
boxShadow: o.customShadows.warning
|
|
62
62
|
},
|
|
63
63
|
containedError: {
|
|
64
|
-
boxShadow:
|
|
64
|
+
boxShadow: o.customShadows.error
|
|
65
65
|
},
|
|
66
66
|
outlinedInherit: {
|
|
67
|
-
border: `1px solid ${
|
|
67
|
+
border: `1px solid ${o.palette.grey[50032]}`,
|
|
68
68
|
"&:hover": {
|
|
69
|
-
backgroundColor:
|
|
69
|
+
backgroundColor: o.palette.action.hover
|
|
70
70
|
}
|
|
71
71
|
},
|
|
72
72
|
textInherit: {
|
|
73
73
|
"&:hover": {
|
|
74
|
-
backgroundColor:
|
|
74
|
+
backgroundColor: o.palette.action.hover
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
};
|
|
80
80
|
}
|
|
81
|
-
function
|
|
81
|
+
function s(o) {
|
|
82
82
|
return {
|
|
83
83
|
MuiIconButton: {
|
|
84
84
|
styleOverrides: {
|
|
85
85
|
root: {
|
|
86
86
|
"&.MuiIconButton-sizeSmall": {
|
|
87
|
-
height:
|
|
88
|
-
width:
|
|
87
|
+
height: o.spacing(3),
|
|
88
|
+
width: o.spacing(3),
|
|
89
89
|
margin: 0,
|
|
90
90
|
padding: 0,
|
|
91
91
|
" > svg": {
|
|
@@ -102,7 +102,7 @@ function IconButton(theme) {
|
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
104
|
}
|
|
105
|
-
function
|
|
105
|
+
function l(o) {
|
|
106
106
|
return {
|
|
107
107
|
MuiFab: {
|
|
108
108
|
defaultProps: {
|
|
@@ -110,41 +110,41 @@ function Fab(theme) {
|
|
|
110
110
|
},
|
|
111
111
|
styleOverrides: {
|
|
112
112
|
root: {
|
|
113
|
-
boxShadow:
|
|
113
|
+
boxShadow: o.customShadows.z8,
|
|
114
114
|
"&:hover": {
|
|
115
115
|
boxShadow: "none",
|
|
116
|
-
backgroundColor:
|
|
116
|
+
backgroundColor: o.palette.grey[400]
|
|
117
117
|
}
|
|
118
118
|
},
|
|
119
119
|
primary: {
|
|
120
|
-
boxShadow:
|
|
120
|
+
boxShadow: o.customShadows.primary,
|
|
121
121
|
"&:hover": {
|
|
122
|
-
backgroundColor:
|
|
122
|
+
backgroundColor: o.palette.primary.dark
|
|
123
123
|
}
|
|
124
124
|
},
|
|
125
125
|
secondary: {
|
|
126
|
-
boxShadow:
|
|
126
|
+
boxShadow: o.customShadows.secondary,
|
|
127
127
|
"&:hover": {
|
|
128
|
-
backgroundColor:
|
|
128
|
+
backgroundColor: o.palette.secondary.dark
|
|
129
129
|
}
|
|
130
130
|
},
|
|
131
131
|
extended: {
|
|
132
132
|
"& svg": {
|
|
133
|
-
marginRight:
|
|
133
|
+
marginRight: o.spacing(1)
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
137
|
}
|
|
138
138
|
};
|
|
139
139
|
}
|
|
140
|
-
function
|
|
140
|
+
function p(o) {
|
|
141
141
|
return {
|
|
142
142
|
MuiCard: {
|
|
143
143
|
styleOverrides: {
|
|
144
144
|
root: {
|
|
145
145
|
position: "relative",
|
|
146
|
-
boxShadow:
|
|
147
|
-
borderRadius: Number(
|
|
146
|
+
boxShadow: o.customShadows.card,
|
|
147
|
+
borderRadius: Number(o.shape.borderRadius) * 2,
|
|
148
148
|
zIndex: 0
|
|
149
149
|
}
|
|
150
150
|
}
|
|
@@ -152,43 +152,43 @@ function Card(theme) {
|
|
|
152
152
|
MuiCardHeader: {
|
|
153
153
|
defaultProps: {
|
|
154
154
|
titleTypographyProps: { variant: "h6" },
|
|
155
|
-
subheaderTypographyProps: { variant: "body2", marginTop:
|
|
155
|
+
subheaderTypographyProps: { variant: "body2", marginTop: o.spacing(0.5) }
|
|
156
156
|
},
|
|
157
157
|
styleOverrides: {
|
|
158
158
|
root: {
|
|
159
|
-
padding:
|
|
159
|
+
padding: o.spacing(3, 3, 0)
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
162
|
},
|
|
163
163
|
MuiCardContent: {
|
|
164
164
|
styleOverrides: {
|
|
165
165
|
root: {
|
|
166
|
-
padding:
|
|
166
|
+
padding: o.spacing(3)
|
|
167
167
|
}
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
170
|
};
|
|
171
171
|
}
|
|
172
|
-
function
|
|
172
|
+
function u(o) {
|
|
173
173
|
return {
|
|
174
174
|
MuiTabs: {
|
|
175
175
|
styleOverrides: {
|
|
176
176
|
root: {
|
|
177
177
|
padding: 0,
|
|
178
|
-
fontWeight:
|
|
179
|
-
borderTopLeftRadius:
|
|
180
|
-
borderTopRightRadius:
|
|
178
|
+
fontWeight: o.typography.fontWeightMedium,
|
|
179
|
+
borderTopLeftRadius: o.shape.borderRadius,
|
|
180
|
+
borderTopRightRadius: o.shape.borderRadius,
|
|
181
181
|
"&.Mui-selected": {
|
|
182
|
-
color:
|
|
182
|
+
color: o.palette.text.primary
|
|
183
183
|
},
|
|
184
184
|
"&:not(:last-of-type)": {
|
|
185
|
-
marginRight:
|
|
185
|
+
marginRight: o.spacing(5)
|
|
186
186
|
},
|
|
187
187
|
"@media (min-width: 600px)": {
|
|
188
188
|
minWidth: 48
|
|
189
189
|
},
|
|
190
190
|
"& .MuiButtonBase-root": {
|
|
191
|
-
...
|
|
191
|
+
...o.typography.subtitle2
|
|
192
192
|
}
|
|
193
193
|
},
|
|
194
194
|
labelIcon: {
|
|
@@ -196,7 +196,7 @@ function Tabs(theme) {
|
|
|
196
196
|
flexDirection: "row",
|
|
197
197
|
"& > *:first-of-type": {
|
|
198
198
|
marginBottom: 0,
|
|
199
|
-
marginRight:
|
|
199
|
+
marginRight: o.spacing(1)
|
|
200
200
|
}
|
|
201
201
|
},
|
|
202
202
|
wrapper: {
|
|
@@ -205,7 +205,7 @@ function Tabs(theme) {
|
|
|
205
205
|
},
|
|
206
206
|
textColorInherit: {
|
|
207
207
|
opacity: 1,
|
|
208
|
-
color:
|
|
208
|
+
color: o.palette.text.secondary
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
211
|
},
|
|
@@ -226,15 +226,15 @@ function Tabs(theme) {
|
|
|
226
226
|
}
|
|
227
227
|
};
|
|
228
228
|
}
|
|
229
|
-
function
|
|
229
|
+
function c(o) {
|
|
230
230
|
return {
|
|
231
231
|
MuiMenuItem: {
|
|
232
232
|
styleOverrides: {
|
|
233
233
|
root: {
|
|
234
234
|
"&.Mui-selected": {
|
|
235
|
-
backgroundColor:
|
|
235
|
+
backgroundColor: o.palette.action.selected,
|
|
236
236
|
"&:hover": {
|
|
237
|
-
backgroundColor:
|
|
237
|
+
backgroundColor: o.palette.action.hover
|
|
238
238
|
}
|
|
239
239
|
}
|
|
240
240
|
}
|
|
@@ -242,7 +242,7 @@ function Menu(theme) {
|
|
|
242
242
|
}
|
|
243
243
|
};
|
|
244
244
|
}
|
|
245
|
-
function
|
|
245
|
+
function g(o) {
|
|
246
246
|
return {
|
|
247
247
|
MuiLink: {
|
|
248
248
|
defaultProps: {
|
|
@@ -251,21 +251,21 @@ function Link(theme) {
|
|
|
251
251
|
styleOverrides: {
|
|
252
252
|
root: {
|
|
253
253
|
"&.MuiLink-underlineHover": {
|
|
254
|
-
textDecorationColor:
|
|
254
|
+
textDecorationColor: o.palette.primary.main
|
|
255
255
|
}
|
|
256
256
|
}
|
|
257
257
|
}
|
|
258
258
|
}
|
|
259
259
|
};
|
|
260
260
|
}
|
|
261
|
-
function
|
|
261
|
+
function b(o) {
|
|
262
262
|
return {
|
|
263
263
|
MuiListItemIcon: {
|
|
264
264
|
styleOverrides: {
|
|
265
265
|
root: {
|
|
266
266
|
color: "inherit",
|
|
267
267
|
minWidth: "auto",
|
|
268
|
-
marginRight:
|
|
268
|
+
marginRight: o.spacing(2)
|
|
269
269
|
}
|
|
270
270
|
}
|
|
271
271
|
},
|
|
@@ -273,7 +273,7 @@ function List(theme) {
|
|
|
273
273
|
styleOverrides: {
|
|
274
274
|
root: {
|
|
275
275
|
minWidth: "auto",
|
|
276
|
-
marginRight:
|
|
276
|
+
marginRight: o.spacing(2)
|
|
277
277
|
}
|
|
278
278
|
}
|
|
279
279
|
},
|
|
@@ -291,15 +291,15 @@ function List(theme) {
|
|
|
291
291
|
}
|
|
292
292
|
};
|
|
293
293
|
}
|
|
294
|
-
function
|
|
294
|
+
function y(o) {
|
|
295
295
|
return {
|
|
296
296
|
MuiTableRow: {
|
|
297
297
|
styleOverrides: {
|
|
298
298
|
root: {
|
|
299
299
|
"&.Mui-selected": {
|
|
300
|
-
backgroundColor:
|
|
300
|
+
backgroundColor: o.palette.action.selected,
|
|
301
301
|
"&:hover": {
|
|
302
|
-
backgroundColor:
|
|
302
|
+
backgroundColor: o.palette.action.hover
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
}
|
|
@@ -311,31 +311,31 @@ function Table(theme) {
|
|
|
311
311
|
borderBottom: "none"
|
|
312
312
|
},
|
|
313
313
|
head: {
|
|
314
|
-
color:
|
|
315
|
-
backgroundColor:
|
|
314
|
+
color: o.palette.text.secondary,
|
|
315
|
+
backgroundColor: o.palette.background.neutral,
|
|
316
316
|
"&:first-of-type": {
|
|
317
|
-
paddingLeft:
|
|
318
|
-
borderTopLeftRadius:
|
|
319
|
-
borderBottomLeftRadius:
|
|
320
|
-
boxShadow: `inset 8px 0 0 ${
|
|
317
|
+
paddingLeft: o.spacing(3),
|
|
318
|
+
borderTopLeftRadius: o.shape.borderRadius,
|
|
319
|
+
borderBottomLeftRadius: o.shape.borderRadius,
|
|
320
|
+
boxShadow: `inset 8px 0 0 ${o.palette.background.paper}`
|
|
321
321
|
},
|
|
322
322
|
"&:last-of-type": {
|
|
323
|
-
paddingRight:
|
|
324
|
-
borderTopRightRadius:
|
|
325
|
-
borderBottomRightRadius:
|
|
326
|
-
boxShadow: `inset -8px 0 0 ${
|
|
323
|
+
paddingRight: o.spacing(3),
|
|
324
|
+
borderTopRightRadius: o.shape.borderRadius,
|
|
325
|
+
borderBottomRightRadius: o.shape.borderRadius,
|
|
326
|
+
boxShadow: `inset -8px 0 0 ${o.palette.background.paper}`
|
|
327
327
|
}
|
|
328
328
|
},
|
|
329
329
|
stickyHeader: {
|
|
330
|
-
backgroundColor:
|
|
331
|
-
backgroundImage: `linear-gradient(to bottom, ${
|
|
330
|
+
backgroundColor: o.palette.background.paper,
|
|
331
|
+
backgroundImage: `linear-gradient(to bottom, ${o.palette.background.neutral} 0%, ${o.palette.background.neutral} 100%)`
|
|
332
332
|
},
|
|
333
333
|
body: {
|
|
334
334
|
"&:first-of-type": {
|
|
335
|
-
paddingLeft:
|
|
335
|
+
paddingLeft: o.spacing(3)
|
|
336
336
|
},
|
|
337
337
|
"&:last-of-type": {
|
|
338
|
-
paddingRight:
|
|
338
|
+
paddingRight: o.spacing(3)
|
|
339
339
|
}
|
|
340
340
|
}
|
|
341
341
|
}
|
|
@@ -343,13 +343,13 @@ function Table(theme) {
|
|
|
343
343
|
MuiTablePagination: {
|
|
344
344
|
styleOverrides: {
|
|
345
345
|
root: {
|
|
346
|
-
...
|
|
346
|
+
...o.typography.caption
|
|
347
347
|
},
|
|
348
348
|
toolbar: {
|
|
349
349
|
"& .MuiInputBase-root": {
|
|
350
|
-
marginLeft:
|
|
351
|
-
marginRight:
|
|
352
|
-
...
|
|
350
|
+
marginLeft: o.spacing(1),
|
|
351
|
+
marginRight: o.spacing(3),
|
|
352
|
+
...o.typography.caption
|
|
353
353
|
},
|
|
354
354
|
"&.MuiToolbar-regular": {
|
|
355
355
|
minHeight: 40,
|
|
@@ -357,16 +357,16 @@ function Table(theme) {
|
|
|
357
357
|
paddingRight: 0
|
|
358
358
|
},
|
|
359
359
|
"& .MuiTablePagination-displayedRows": {
|
|
360
|
-
...
|
|
360
|
+
...o.typography.caption
|
|
361
361
|
}
|
|
362
362
|
},
|
|
363
363
|
selectLabel: {
|
|
364
|
-
...
|
|
364
|
+
...o.typography.caption
|
|
365
365
|
},
|
|
366
366
|
select: {
|
|
367
367
|
paddingBottom: 4,
|
|
368
368
|
"&:focus": {
|
|
369
|
-
borderRadius:
|
|
369
|
+
borderRadius: o.shape.borderRadius
|
|
370
370
|
}
|
|
371
371
|
},
|
|
372
372
|
selectIcon: {
|
|
@@ -377,7 +377,7 @@ function Table(theme) {
|
|
|
377
377
|
}
|
|
378
378
|
};
|
|
379
379
|
}
|
|
380
|
-
function
|
|
380
|
+
function M(o) {
|
|
381
381
|
return {
|
|
382
382
|
MuiBadge: {
|
|
383
383
|
styleOverrides: {
|
|
@@ -390,7 +390,7 @@ function Badge(_theme) {
|
|
|
390
390
|
}
|
|
391
391
|
};
|
|
392
392
|
}
|
|
393
|
-
function
|
|
393
|
+
function f(o) {
|
|
394
394
|
return {
|
|
395
395
|
MuiPaper: {
|
|
396
396
|
defaultProps: {
|
|
@@ -399,7 +399,7 @@ function Paper(theme) {
|
|
|
399
399
|
variants: [
|
|
400
400
|
{
|
|
401
401
|
props: { variant: "outlined" },
|
|
402
|
-
style: { borderColor:
|
|
402
|
+
style: { borderColor: o.palette.grey[50012] }
|
|
403
403
|
}
|
|
404
404
|
],
|
|
405
405
|
styleOverrides: {
|
|
@@ -411,7 +411,7 @@ function Paper(theme) {
|
|
|
411
411
|
}
|
|
412
412
|
};
|
|
413
413
|
}
|
|
414
|
-
function
|
|
414
|
+
function v(o) {
|
|
415
415
|
return {
|
|
416
416
|
MuiFormControl: {
|
|
417
417
|
styleOverrides: {
|
|
@@ -421,11 +421,11 @@ function Input(theme) {
|
|
|
421
421
|
MuiInputBase: {
|
|
422
422
|
styleOverrides: {
|
|
423
423
|
root: {
|
|
424
|
-
backgroundColor:
|
|
425
|
-
...
|
|
426
|
-
borderRadius:
|
|
424
|
+
backgroundColor: o.palette.background.default,
|
|
425
|
+
...o.typography.body2,
|
|
426
|
+
borderRadius: o.spacing(1),
|
|
427
427
|
"&.Mui-disabled": {
|
|
428
|
-
"& svg": { color:
|
|
428
|
+
"& svg": { color: o.palette.text.disabled }
|
|
429
429
|
},
|
|
430
430
|
padding: "0px"
|
|
431
431
|
},
|
|
@@ -433,7 +433,7 @@ function Input(theme) {
|
|
|
433
433
|
paddingLeft: "8px",
|
|
434
434
|
"&::placeholder": {
|
|
435
435
|
opacity: 1,
|
|
436
|
-
color:
|
|
436
|
+
color: o.palette.text.disabled
|
|
437
437
|
}
|
|
438
438
|
}
|
|
439
439
|
}
|
|
@@ -442,7 +442,7 @@ function Input(theme) {
|
|
|
442
442
|
styleOverrides: {
|
|
443
443
|
underline: {
|
|
444
444
|
"&:before": {
|
|
445
|
-
borderBottomColor:
|
|
445
|
+
borderBottomColor: o.palette.grey[50056]
|
|
446
446
|
}
|
|
447
447
|
}
|
|
448
448
|
}
|
|
@@ -450,20 +450,20 @@ function Input(theme) {
|
|
|
450
450
|
MuiFilledInput: {
|
|
451
451
|
styleOverrides: {
|
|
452
452
|
root: {
|
|
453
|
-
backgroundColor:
|
|
453
|
+
backgroundColor: o.palette.grey[50012],
|
|
454
454
|
"&:hover": {
|
|
455
|
-
backgroundColor:
|
|
455
|
+
backgroundColor: o.palette.grey[50016]
|
|
456
456
|
},
|
|
457
457
|
"&.Mui-focused": {
|
|
458
|
-
backgroundColor:
|
|
458
|
+
backgroundColor: o.palette.action.focus
|
|
459
459
|
},
|
|
460
460
|
"&.Mui-disabled": {
|
|
461
|
-
backgroundColor:
|
|
461
|
+
backgroundColor: o.palette.action.disabledBackground
|
|
462
462
|
}
|
|
463
463
|
},
|
|
464
464
|
underline: {
|
|
465
465
|
"&:before": {
|
|
466
|
-
borderBottomColor:
|
|
466
|
+
borderBottomColor: o.palette.grey[50056]
|
|
467
467
|
}
|
|
468
468
|
}
|
|
469
469
|
}
|
|
@@ -471,29 +471,29 @@ function Input(theme) {
|
|
|
471
471
|
MuiOutlinedInput: {
|
|
472
472
|
styleOverrides: {
|
|
473
473
|
root: {
|
|
474
|
-
...
|
|
475
|
-
color:
|
|
474
|
+
...o.typography.body2,
|
|
475
|
+
color: o.palette.text.primary,
|
|
476
476
|
"& > input": {
|
|
477
|
-
padding:
|
|
477
|
+
padding: o.spacing(1.5, 1.5)
|
|
478
478
|
},
|
|
479
479
|
"& .MuiOutlinedInput-notchedOutline": {
|
|
480
|
-
borderColor:
|
|
480
|
+
borderColor: o.palette.grey[50032],
|
|
481
481
|
fontSize: "0.875rem"
|
|
482
482
|
},
|
|
483
483
|
"&.Mui-disabled": {
|
|
484
484
|
"& .MuiOutlinedInput-notchedOutline": {
|
|
485
|
-
borderColor:
|
|
485
|
+
borderColor: o.palette.action.disabledBackground
|
|
486
486
|
}
|
|
487
487
|
},
|
|
488
488
|
"& .MuiOutlinedInput-input:-webkit-autofill": {
|
|
489
|
-
WebkitBoxShadow: `0 0 0 1000px ${
|
|
489
|
+
WebkitBoxShadow: `0 0 0 1000px ${o.palette.background.autofill} inset`
|
|
490
490
|
}
|
|
491
491
|
}
|
|
492
492
|
}
|
|
493
493
|
}
|
|
494
494
|
};
|
|
495
495
|
}
|
|
496
|
-
function
|
|
496
|
+
function x(o) {
|
|
497
497
|
return {
|
|
498
498
|
MuiInputLabel: {
|
|
499
499
|
styleOverrides: {
|
|
@@ -508,12 +508,12 @@ function InputLabel(_theme) {
|
|
|
508
508
|
}
|
|
509
509
|
};
|
|
510
510
|
}
|
|
511
|
-
function
|
|
511
|
+
function k(o) {
|
|
512
512
|
return {
|
|
513
513
|
MuiRadio: {
|
|
514
514
|
styleOverrides: {
|
|
515
515
|
root: {
|
|
516
|
-
padding:
|
|
516
|
+
padding: o.spacing(1),
|
|
517
517
|
svg: {
|
|
518
518
|
fontSize: 24,
|
|
519
519
|
"&[font-size=small]": {
|
|
@@ -525,23 +525,23 @@ function Radio(theme) {
|
|
|
525
525
|
}
|
|
526
526
|
};
|
|
527
527
|
}
|
|
528
|
-
function
|
|
529
|
-
const
|
|
528
|
+
function w(o) {
|
|
529
|
+
const r = o.palette.mode === "light";
|
|
530
530
|
return {
|
|
531
531
|
MuiDrawer: {
|
|
532
532
|
styleOverrides: {
|
|
533
533
|
modal: {
|
|
534
534
|
'&[role="presentation"]': {
|
|
535
535
|
"& .MuiDrawer-paperAnchorLeft": {
|
|
536
|
-
boxShadow: `8px 24px 24px 12px ${
|
|
537
|
-
|
|
538
|
-
|
|
536
|
+
boxShadow: `8px 24px 24px 12px ${n(
|
|
537
|
+
o.palette.grey[900],
|
|
538
|
+
r ? 0.16 : 0.48
|
|
539
539
|
)}`
|
|
540
540
|
},
|
|
541
541
|
"& .MuiDrawer-paperAnchorRight": {
|
|
542
|
-
boxShadow: `-8px 24px 24px 12px ${
|
|
543
|
-
|
|
544
|
-
|
|
542
|
+
boxShadow: `-8px 24px 24px 12px ${n(
|
|
543
|
+
o.palette.grey[900],
|
|
544
|
+
r ? 0.16 : 0.48
|
|
545
545
|
)}`
|
|
546
546
|
}
|
|
547
547
|
}
|
|
@@ -550,23 +550,23 @@ function Drawer(theme) {
|
|
|
550
550
|
}
|
|
551
551
|
};
|
|
552
552
|
}
|
|
553
|
-
function
|
|
553
|
+
function S(o) {
|
|
554
554
|
return {
|
|
555
555
|
MuiDialog: {
|
|
556
556
|
styleOverrides: {
|
|
557
557
|
paper: {
|
|
558
|
-
boxShadow:
|
|
558
|
+
boxShadow: o.customShadows.dialog,
|
|
559
559
|
"&.MuiPaper-rounded": {
|
|
560
|
-
borderRadius: Number(
|
|
560
|
+
borderRadius: Number(o.shape.borderRadius) * 2
|
|
561
561
|
},
|
|
562
562
|
"&.MuiDialog-paperFullScreen": {
|
|
563
563
|
borderRadius: 0
|
|
564
564
|
},
|
|
565
565
|
"&.MuiDialog-paper .MuiDialogActions-root": {
|
|
566
|
-
padding:
|
|
566
|
+
padding: o.spacing(3)
|
|
567
567
|
},
|
|
568
568
|
"@media (max-width: 600px)": {
|
|
569
|
-
margin:
|
|
569
|
+
margin: o.spacing(2)
|
|
570
570
|
},
|
|
571
571
|
"@media (max-width: 663.95px)": {
|
|
572
572
|
"&.MuiDialog-paperWidthSm.MuiDialog-paperScrollBody": {
|
|
@@ -582,7 +582,7 @@ function Dialog(theme) {
|
|
|
582
582
|
MuiDialogTitle: {
|
|
583
583
|
styleOverrides: {
|
|
584
584
|
root: {
|
|
585
|
-
padding:
|
|
585
|
+
padding: o.spacing(3, 3, 0)
|
|
586
586
|
}
|
|
587
587
|
}
|
|
588
588
|
},
|
|
@@ -591,7 +591,7 @@ function Dialog(theme) {
|
|
|
591
591
|
root: {
|
|
592
592
|
borderTop: 0,
|
|
593
593
|
borderBottom: 0,
|
|
594
|
-
padding:
|
|
594
|
+
padding: o.spacing(3)
|
|
595
595
|
}
|
|
596
596
|
}
|
|
597
597
|
},
|
|
@@ -599,15 +599,15 @@ function Dialog(theme) {
|
|
|
599
599
|
styleOverrides: {
|
|
600
600
|
root: {
|
|
601
601
|
"& > :not(:first-of-type)": {
|
|
602
|
-
marginLeft:
|
|
602
|
+
marginLeft: o.spacing(1.5)
|
|
603
603
|
}
|
|
604
604
|
}
|
|
605
605
|
}
|
|
606
606
|
}
|
|
607
607
|
};
|
|
608
608
|
}
|
|
609
|
-
function
|
|
610
|
-
const
|
|
609
|
+
function C(o) {
|
|
610
|
+
const r = o.palette.mode === "light";
|
|
611
611
|
return {
|
|
612
612
|
MuiSlider: {
|
|
613
613
|
defaultProps: {
|
|
@@ -616,52 +616,52 @@ function Slider(theme) {
|
|
|
616
616
|
styleOverrides: {
|
|
617
617
|
root: {
|
|
618
618
|
"&.Mui-disabled": {
|
|
619
|
-
color:
|
|
619
|
+
color: o.palette.action.disabled
|
|
620
620
|
}
|
|
621
621
|
},
|
|
622
622
|
markLabel: {
|
|
623
623
|
fontSize: 13,
|
|
624
|
-
color:
|
|
624
|
+
color: o.palette.text.disabled
|
|
625
625
|
},
|
|
626
626
|
valueLabel: {
|
|
627
627
|
borderRadius: 8,
|
|
628
|
-
backgroundColor:
|
|
628
|
+
backgroundColor: o.palette.grey[r ? 800 : 700]
|
|
629
629
|
}
|
|
630
630
|
}
|
|
631
631
|
}
|
|
632
632
|
};
|
|
633
633
|
}
|
|
634
|
-
function
|
|
635
|
-
const
|
|
634
|
+
function O(o) {
|
|
635
|
+
const r = o.palette.mode === "light";
|
|
636
636
|
return {
|
|
637
637
|
MuiSwitch: {
|
|
638
638
|
styleOverrides: {
|
|
639
639
|
thumb: {
|
|
640
|
-
boxShadow:
|
|
640
|
+
boxShadow: o.customShadows.z1
|
|
641
641
|
},
|
|
642
642
|
track: {
|
|
643
643
|
opacity: 1,
|
|
644
|
-
backgroundColor:
|
|
644
|
+
backgroundColor: o.palette.grey[500]
|
|
645
645
|
},
|
|
646
646
|
switchBase: {
|
|
647
647
|
left: 0,
|
|
648
648
|
right: "auto",
|
|
649
649
|
"&:not(:.Mui-checked)": {
|
|
650
|
-
color:
|
|
650
|
+
color: o.palette.grey[r ? 100 : 300]
|
|
651
651
|
},
|
|
652
652
|
"&.Mui-checked.Mui-disabled, &.Mui-disabled": {
|
|
653
|
-
color:
|
|
653
|
+
color: o.palette.grey[r ? 400 : 600]
|
|
654
654
|
},
|
|
655
655
|
"&.Mui-disabled+.MuiSwitch-track": {
|
|
656
656
|
opacity: 1,
|
|
657
|
-
backgroundColor: `${
|
|
657
|
+
backgroundColor: `${o.palette.action.disabledBackground} !important`
|
|
658
658
|
}
|
|
659
659
|
}
|
|
660
660
|
}
|
|
661
661
|
}
|
|
662
662
|
};
|
|
663
663
|
}
|
|
664
|
-
function
|
|
664
|
+
function B(o) {
|
|
665
665
|
return {
|
|
666
666
|
MuiSvgIcon: {
|
|
667
667
|
styleOverrides: {
|
|
@@ -679,70 +679,70 @@ function SvgIcon(_theme) {
|
|
|
679
679
|
}
|
|
680
680
|
};
|
|
681
681
|
}
|
|
682
|
-
function
|
|
683
|
-
const
|
|
682
|
+
function R(o) {
|
|
683
|
+
const r = o.palette.mode === "light";
|
|
684
684
|
return {
|
|
685
685
|
MuiTooltip: {
|
|
686
686
|
styleOverrides: {
|
|
687
687
|
tooltip: {
|
|
688
|
-
backgroundColor:
|
|
688
|
+
backgroundColor: o.palette.grey[r ? 800 : 700]
|
|
689
689
|
},
|
|
690
690
|
arrow: {
|
|
691
|
-
color:
|
|
691
|
+
color: o.palette.grey[r ? 800 : 700]
|
|
692
692
|
}
|
|
693
693
|
}
|
|
694
694
|
}
|
|
695
695
|
};
|
|
696
696
|
}
|
|
697
|
-
function
|
|
697
|
+
function h(o) {
|
|
698
698
|
return {
|
|
699
699
|
MuiPopover: {
|
|
700
700
|
styleOverrides: {
|
|
701
701
|
paper: {
|
|
702
|
-
boxShadow:
|
|
703
|
-
borderRadius: Number(
|
|
702
|
+
boxShadow: o.customShadows.dropdown,
|
|
703
|
+
borderRadius: Number(o.shape.borderRadius) * 1.5
|
|
704
704
|
}
|
|
705
705
|
}
|
|
706
706
|
}
|
|
707
707
|
};
|
|
708
708
|
}
|
|
709
|
-
function
|
|
709
|
+
function L(o) {
|
|
710
710
|
return {
|
|
711
711
|
MuiStepConnector: {
|
|
712
712
|
styleOverrides: {
|
|
713
713
|
line: {
|
|
714
|
-
borderColor:
|
|
714
|
+
borderColor: o.palette.divider
|
|
715
715
|
}
|
|
716
716
|
}
|
|
717
717
|
}
|
|
718
718
|
};
|
|
719
719
|
}
|
|
720
|
-
function
|
|
720
|
+
function T(o) {
|
|
721
721
|
return {
|
|
722
722
|
MuiDataGrid: {
|
|
723
723
|
styleOverrides: {
|
|
724
724
|
root: {
|
|
725
725
|
borderRadius: 0,
|
|
726
|
-
border:
|
|
726
|
+
border: "1px solid transparent",
|
|
727
727
|
"& .MuiTablePagination-root": {
|
|
728
728
|
borderTop: 0
|
|
729
729
|
},
|
|
730
730
|
"& .MuiDataGrid-toolbarContainer": {
|
|
731
|
-
padding:
|
|
732
|
-
backgroundColor:
|
|
731
|
+
padding: o.spacing(2),
|
|
732
|
+
backgroundColor: o.palette.background.neutral,
|
|
733
733
|
"& .MuiButton-root": {
|
|
734
|
-
marginRight:
|
|
735
|
-
color:
|
|
734
|
+
marginRight: o.spacing(1.5),
|
|
735
|
+
color: o.palette.text.primary,
|
|
736
736
|
"&:hover": {
|
|
737
|
-
backgroundColor:
|
|
737
|
+
backgroundColor: o.palette.action.hover
|
|
738
738
|
}
|
|
739
739
|
}
|
|
740
740
|
},
|
|
741
741
|
"& .MuiDataGrid-cell, .MuiDataGrid-columnsContainer": {
|
|
742
|
-
borderBottom: `1px solid ${
|
|
742
|
+
borderBottom: `1px solid ${o.palette.divider}`
|
|
743
743
|
},
|
|
744
744
|
"& .MuiDataGrid-columnSeparator": {
|
|
745
|
-
color:
|
|
745
|
+
color: o.palette.divider
|
|
746
746
|
},
|
|
747
747
|
'& .MuiDataGrid-columnHeader[data-field="__check__"]': {
|
|
748
748
|
padding: 0
|
|
@@ -754,11 +754,11 @@ function DataGrid(theme) {
|
|
|
754
754
|
styleOverrides: {
|
|
755
755
|
root: {
|
|
756
756
|
"& .MuiDataGrid-gridMenuList": {
|
|
757
|
-
boxShadow:
|
|
758
|
-
borderRadius:
|
|
757
|
+
boxShadow: o.customShadows.z20,
|
|
758
|
+
borderRadius: o.shape.borderRadius
|
|
759
759
|
},
|
|
760
760
|
"& .MuiMenuItem-root": {
|
|
761
|
-
...
|
|
761
|
+
...o.typography.body2
|
|
762
762
|
}
|
|
763
763
|
}
|
|
764
764
|
}
|
|
@@ -766,20 +766,20 @@ function DataGrid(theme) {
|
|
|
766
766
|
MuiGridFilterForm: {
|
|
767
767
|
styleOverrides: {
|
|
768
768
|
root: {
|
|
769
|
-
padding:
|
|
769
|
+
padding: o.spacing(1.5, 0),
|
|
770
770
|
"& .MuiFormControl-root": {
|
|
771
|
-
margin:
|
|
771
|
+
margin: o.spacing(0, 0.5)
|
|
772
772
|
},
|
|
773
773
|
"& .MuiInput-root": {
|
|
774
|
-
marginTop:
|
|
774
|
+
marginTop: o.spacing(3),
|
|
775
775
|
"&::before, &::after": {
|
|
776
776
|
display: "none"
|
|
777
777
|
},
|
|
778
778
|
"& .MuiNativeSelect-select, .MuiInput-input": {
|
|
779
|
-
...
|
|
780
|
-
padding:
|
|
781
|
-
borderRadius:
|
|
782
|
-
backgroundColor:
|
|
779
|
+
...o.typography.body2,
|
|
780
|
+
padding: o.spacing(0.75, 1),
|
|
781
|
+
borderRadius: o.shape.borderRadius,
|
|
782
|
+
backgroundColor: o.palette.background.neutral
|
|
783
783
|
},
|
|
784
784
|
"& .MuiSvgIcon-root": {
|
|
785
785
|
right: 4
|
|
@@ -791,21 +791,21 @@ function DataGrid(theme) {
|
|
|
791
791
|
MuiGridPanelFooter: {
|
|
792
792
|
styleOverrides: {
|
|
793
793
|
root: {
|
|
794
|
-
padding:
|
|
794
|
+
padding: o.spacing(2),
|
|
795
795
|
justifyContent: "flex-end",
|
|
796
796
|
"& .MuiButton-root": {
|
|
797
797
|
"&:first-of-type": {
|
|
798
|
-
marginRight:
|
|
799
|
-
color:
|
|
798
|
+
marginRight: o.spacing(1.5),
|
|
799
|
+
color: o.palette.text.primary,
|
|
800
800
|
"&:hover": {
|
|
801
|
-
backgroundColor:
|
|
801
|
+
backgroundColor: o.palette.action.hover
|
|
802
802
|
}
|
|
803
803
|
},
|
|
804
804
|
"&:last-of-type": {
|
|
805
|
-
color:
|
|
806
|
-
backgroundColor:
|
|
805
|
+
color: o.palette.common.white,
|
|
806
|
+
backgroundColor: o.palette.primary.main,
|
|
807
807
|
"&:hover": {
|
|
808
|
-
backgroundColor:
|
|
808
|
+
backgroundColor: o.palette.primary.dark
|
|
809
809
|
}
|
|
810
810
|
}
|
|
811
811
|
}
|
|
@@ -814,7 +814,7 @@ function DataGrid(theme) {
|
|
|
814
814
|
}
|
|
815
815
|
};
|
|
816
816
|
}
|
|
817
|
-
function
|
|
817
|
+
function I(o) {
|
|
818
818
|
return {
|
|
819
819
|
MuiSkeleton: {
|
|
820
820
|
defaultProps: {
|
|
@@ -822,24 +822,23 @@ function Skeleton(theme) {
|
|
|
822
822
|
},
|
|
823
823
|
styleOverrides: {
|
|
824
824
|
root: {
|
|
825
|
-
backgroundColor:
|
|
825
|
+
backgroundColor: o.palette.divider
|
|
826
826
|
}
|
|
827
827
|
}
|
|
828
828
|
}
|
|
829
829
|
};
|
|
830
830
|
}
|
|
831
|
-
function
|
|
832
|
-
const
|
|
833
|
-
const varHigh = alpha$1(theme.palette.grey[900], 1);
|
|
831
|
+
function P(o) {
|
|
832
|
+
const r = i(o.palette.grey[900], 0.48), a = i(o.palette.grey[900], 1);
|
|
834
833
|
return {
|
|
835
834
|
MuiBackdrop: {
|
|
836
835
|
styleOverrides: {
|
|
837
836
|
root: {
|
|
838
837
|
background: [
|
|
839
|
-
|
|
840
|
-
`-moz-linear-gradient(75deg, ${
|
|
841
|
-
`-webkit-linear-gradient(75deg, ${
|
|
842
|
-
`linear-gradient(75deg, ${
|
|
838
|
+
"rgb(22,28,36)",
|
|
839
|
+
`-moz-linear-gradient(75deg, ${r} 0%, ${a} 100%)`,
|
|
840
|
+
`-webkit-linear-gradient(75deg, ${r} 0%, ${a} 100%)`,
|
|
841
|
+
`linear-gradient(75deg, ${r} 0%, ${a} 100%)`
|
|
843
842
|
],
|
|
844
843
|
"&.MuiBackdrop-invisible": {
|
|
845
844
|
background: "transparent"
|
|
@@ -849,8 +848,8 @@ function Backdrop(theme) {
|
|
|
849
848
|
}
|
|
850
849
|
};
|
|
851
850
|
}
|
|
852
|
-
function
|
|
853
|
-
const
|
|
851
|
+
function D(o) {
|
|
852
|
+
const r = o.palette.mode === "light";
|
|
854
853
|
return {
|
|
855
854
|
MuiLinearProgress: {
|
|
856
855
|
styleOverrides: {
|
|
@@ -862,7 +861,7 @@ function Progress(theme) {
|
|
|
862
861
|
borderRadius: 4
|
|
863
862
|
},
|
|
864
863
|
colorPrimary: {
|
|
865
|
-
backgroundColor:
|
|
864
|
+
backgroundColor: o.palette.primary[r ? "lighter" : "darker"]
|
|
866
865
|
},
|
|
867
866
|
buffer: {
|
|
868
867
|
backgroundColor: "transparent"
|
|
@@ -871,7 +870,7 @@ function Progress(theme) {
|
|
|
871
870
|
}
|
|
872
871
|
};
|
|
873
872
|
}
|
|
874
|
-
function
|
|
873
|
+
function $(o) {
|
|
875
874
|
return {
|
|
876
875
|
MuiTimelineDot: {
|
|
877
876
|
styleOverrides: {
|
|
@@ -883,43 +882,43 @@ function Timeline(theme) {
|
|
|
883
882
|
MuiTimelineConnector: {
|
|
884
883
|
styleOverrides: {
|
|
885
884
|
root: {
|
|
886
|
-
backgroundColor:
|
|
885
|
+
backgroundColor: o.palette.divider
|
|
887
886
|
}
|
|
888
887
|
}
|
|
889
888
|
}
|
|
890
889
|
};
|
|
891
890
|
}
|
|
892
|
-
function
|
|
891
|
+
function z(o) {
|
|
893
892
|
return {
|
|
894
893
|
MuiCheckbox: {
|
|
895
894
|
styleOverrides: {
|
|
896
895
|
root: {
|
|
897
|
-
padding:
|
|
896
|
+
padding: o.spacing(1),
|
|
898
897
|
oleee: "sss",
|
|
899
|
-
color:
|
|
898
|
+
color: o.palette.action.active,
|
|
900
899
|
"& .Mui-checked": {
|
|
901
|
-
color:
|
|
900
|
+
color: o.palette.primary.main
|
|
902
901
|
},
|
|
903
902
|
"&.Mui-checked.Mui-disabled, &.Mui-disabled": {
|
|
904
|
-
color:
|
|
903
|
+
color: o.palette.action.disabled
|
|
905
904
|
}
|
|
906
905
|
}
|
|
907
906
|
}
|
|
908
907
|
}
|
|
909
908
|
};
|
|
910
909
|
}
|
|
911
|
-
function
|
|
910
|
+
function W(o) {
|
|
912
911
|
return {
|
|
913
912
|
MuiAccordion: {
|
|
914
913
|
styleOverrides: {
|
|
915
914
|
root: {
|
|
916
|
-
backgroundColor:
|
|
915
|
+
backgroundColor: o.palette.background.default,
|
|
917
916
|
width: "100%",
|
|
918
917
|
marginTop: "0px",
|
|
919
|
-
marginBottom:
|
|
918
|
+
marginBottom: o.spacing(1.5),
|
|
920
919
|
"&.Mui-expanded": {
|
|
921
920
|
marginTop: "0px",
|
|
922
|
-
marginBottom:
|
|
921
|
+
marginBottom: o.spacing(1.5)
|
|
923
922
|
},
|
|
924
923
|
border: "0px solid transparent",
|
|
925
924
|
"&.Mui-disabled": {
|
|
@@ -934,35 +933,35 @@ function Accordion(theme) {
|
|
|
934
933
|
MuiAccordionDetails: {
|
|
935
934
|
styleOverrides: {
|
|
936
935
|
root: {
|
|
937
|
-
padding: `0px ${
|
|
936
|
+
padding: `0px ${o.spacing(0)}`
|
|
938
937
|
}
|
|
939
938
|
}
|
|
940
939
|
},
|
|
941
940
|
MuiAccordionSummary: {
|
|
942
941
|
styleOverrides: {
|
|
943
942
|
root: {
|
|
944
|
-
borderRadius:
|
|
945
|
-
height:
|
|
946
|
-
minHeight:
|
|
947
|
-
backgroundColor:
|
|
948
|
-
paddingLeft:
|
|
949
|
-
paddingRight:
|
|
943
|
+
borderRadius: o.spacing(0.5),
|
|
944
|
+
height: o.spacing(4.5),
|
|
945
|
+
minHeight: o.spacing(4.5),
|
|
946
|
+
backgroundColor: o.palette.background.header,
|
|
947
|
+
paddingLeft: o.spacing(2),
|
|
948
|
+
paddingRight: o.spacing(2),
|
|
950
949
|
marginBottom: "0px",
|
|
951
950
|
"&.Mui-expanded": {
|
|
952
|
-
height:
|
|
953
|
-
minHeight:
|
|
954
|
-
borderRadius: `${
|
|
951
|
+
height: o.spacing(4.5),
|
|
952
|
+
minHeight: o.spacing(4.5),
|
|
953
|
+
borderRadius: `${o.spacing(0.5)} ${o.spacing(0.5)} 0px 0px`
|
|
955
954
|
},
|
|
956
955
|
"&.Mui-disabled": {
|
|
957
956
|
opacity: 1,
|
|
958
|
-
color:
|
|
957
|
+
color: o.palette.action.disabled,
|
|
959
958
|
"& .MuiTypography-root": {
|
|
960
959
|
color: "inherit"
|
|
961
960
|
}
|
|
962
961
|
}
|
|
963
962
|
},
|
|
964
963
|
expandIconWrapper: {
|
|
965
|
-
color:
|
|
964
|
+
color: o.palette.action.active,
|
|
966
965
|
height: 20,
|
|
967
966
|
width: 20,
|
|
968
967
|
alignItems: "center",
|
|
@@ -973,7 +972,7 @@ function Accordion(theme) {
|
|
|
973
972
|
}
|
|
974
973
|
},
|
|
975
974
|
content: {
|
|
976
|
-
...
|
|
975
|
+
...o.typography.subtitle2,
|
|
977
976
|
margin: "0px",
|
|
978
977
|
"&.Mui-expanded": {
|
|
979
978
|
margin: "0px"
|
|
@@ -983,93 +982,93 @@ function Accordion(theme) {
|
|
|
983
982
|
}
|
|
984
983
|
};
|
|
985
984
|
}
|
|
986
|
-
function
|
|
985
|
+
function A(o) {
|
|
987
986
|
return {
|
|
988
987
|
MuiTypography: {
|
|
989
988
|
styleOverrides: {
|
|
990
989
|
paragraph: {
|
|
991
|
-
marginBottom:
|
|
990
|
+
marginBottom: o.spacing(2)
|
|
992
991
|
},
|
|
993
992
|
gutterBottom: {
|
|
994
|
-
marginBottom:
|
|
993
|
+
marginBottom: o.spacing(1)
|
|
995
994
|
}
|
|
996
995
|
}
|
|
997
996
|
}
|
|
998
997
|
};
|
|
999
998
|
}
|
|
1000
|
-
function
|
|
999
|
+
function G(o) {
|
|
1001
1000
|
return {
|
|
1002
1001
|
MuiPaginationItem: {
|
|
1003
1002
|
styleOverrides: {
|
|
1004
1003
|
root: {
|
|
1005
1004
|
"&.Mui-selected": {
|
|
1006
|
-
fontWeight:
|
|
1005
|
+
fontWeight: o.typography.fontWeightBold
|
|
1007
1006
|
}
|
|
1008
1007
|
},
|
|
1009
1008
|
textPrimary: {
|
|
1010
1009
|
"&.Mui-selected": {
|
|
1011
|
-
color:
|
|
1012
|
-
backgroundColor:
|
|
1010
|
+
color: o.palette.primary.main,
|
|
1011
|
+
backgroundColor: i(o.palette.primary.main, 0.08),
|
|
1013
1012
|
"&:hover, &.Mui-focusVisible": {
|
|
1014
|
-
backgroundColor: `${
|
|
1015
|
-
|
|
1013
|
+
backgroundColor: `${i(
|
|
1014
|
+
o.palette.primary.main,
|
|
1016
1015
|
0.24
|
|
1017
1016
|
)} !important`
|
|
1018
1017
|
}
|
|
1019
1018
|
}
|
|
1020
1019
|
},
|
|
1021
1020
|
outlined: {
|
|
1022
|
-
border: `1px solid ${
|
|
1021
|
+
border: `1px solid ${o.palette.grey[50032]}`
|
|
1023
1022
|
},
|
|
1024
1023
|
outlinedPrimary: {
|
|
1025
1024
|
"&.Mui-selected": {
|
|
1026
|
-
backgroundColor:
|
|
1027
|
-
border: `1px solid ${
|
|
1025
|
+
backgroundColor: i(o.palette.primary.main, 0.08),
|
|
1026
|
+
border: `1px solid ${i(o.palette.primary.main, 0.24)}`
|
|
1028
1027
|
}
|
|
1029
1028
|
}
|
|
1030
1029
|
}
|
|
1031
1030
|
}
|
|
1032
1031
|
};
|
|
1033
1032
|
}
|
|
1034
|
-
function
|
|
1033
|
+
function F(o) {
|
|
1035
1034
|
return {
|
|
1036
1035
|
MuiBreadcrumbs: {
|
|
1037
1036
|
styleOverrides: {
|
|
1038
1037
|
separator: {
|
|
1039
|
-
marginLeft:
|
|
1040
|
-
marginRight:
|
|
1038
|
+
marginLeft: o.spacing(2),
|
|
1039
|
+
marginRight: o.spacing(2)
|
|
1041
1040
|
}
|
|
1042
1041
|
}
|
|
1043
1042
|
}
|
|
1044
1043
|
};
|
|
1045
1044
|
}
|
|
1046
|
-
function
|
|
1047
|
-
const
|
|
1048
|
-
props: { variant: "contained", color },
|
|
1049
|
-
style: { boxShadow:
|
|
1045
|
+
function H(o) {
|
|
1046
|
+
const r = (a) => ({
|
|
1047
|
+
props: { variant: "contained", color: a },
|
|
1048
|
+
style: { boxShadow: o.customShadows[a] }
|
|
1050
1049
|
});
|
|
1051
1050
|
return {
|
|
1052
1051
|
MuiButtonGroup: {
|
|
1053
1052
|
variants: [
|
|
1054
1053
|
{
|
|
1055
1054
|
props: { variant: "contained", color: "inherit" },
|
|
1056
|
-
style: { boxShadow:
|
|
1055
|
+
style: { boxShadow: o.customShadows.z8 }
|
|
1057
1056
|
},
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1057
|
+
r("primary"),
|
|
1058
|
+
r("secondary"),
|
|
1059
|
+
r("info"),
|
|
1060
|
+
r("success"),
|
|
1061
|
+
r("warning"),
|
|
1062
|
+
r("error"),
|
|
1064
1063
|
{
|
|
1065
|
-
props: { disabled:
|
|
1064
|
+
props: { disabled: !0 },
|
|
1066
1065
|
style: {
|
|
1067
1066
|
boxShadow: "none",
|
|
1068
1067
|
"& .MuiButtonGroup-grouped.Mui-disabled": {
|
|
1069
|
-
color:
|
|
1070
|
-
borderColor: `${
|
|
1068
|
+
color: o.palette.action.disabled,
|
|
1069
|
+
borderColor: `${o.palette.action.disabledBackground} !important`,
|
|
1071
1070
|
"&.MuiButton-contained": {
|
|
1072
|
-
backgroundColor:
|
|
1071
|
+
backgroundColor: o.palette.action.disabledBackground
|
|
1073
1072
|
}
|
|
1074
1073
|
}
|
|
1075
1074
|
}
|
|
@@ -1085,7 +1084,7 @@ function ButtonGroup(theme) {
|
|
|
1085
1084
|
}
|
|
1086
1085
|
};
|
|
1087
1086
|
}
|
|
1088
|
-
function
|
|
1087
|
+
function _(o) {
|
|
1089
1088
|
return {
|
|
1090
1089
|
MuiCssBaseline: {
|
|
1091
1090
|
styleOverrides: {
|
|
@@ -1128,7 +1127,7 @@ function CssBaseline(_theme) {
|
|
|
1128
1127
|
}
|
|
1129
1128
|
};
|
|
1130
1129
|
}
|
|
1131
|
-
function
|
|
1130
|
+
function N(o) {
|
|
1132
1131
|
return {
|
|
1133
1132
|
MuiAutocomplete: {
|
|
1134
1133
|
styleOverrides: {
|
|
@@ -1137,37 +1136,37 @@ function Autocomplete(theme) {
|
|
|
1137
1136
|
padding: "0 39px 0px 0"
|
|
1138
1137
|
},
|
|
1139
1138
|
input: {
|
|
1140
|
-
padding: `${
|
|
1139
|
+
padding: `${o.spacing(1.5, 1.5)}!important`
|
|
1141
1140
|
}
|
|
1142
1141
|
},
|
|
1143
1142
|
paper: {
|
|
1144
|
-
boxShadow:
|
|
1143
|
+
boxShadow: o.customShadows.dropdown
|
|
1145
1144
|
},
|
|
1146
1145
|
listbox: {
|
|
1147
|
-
padding:
|
|
1146
|
+
padding: o.spacing(0, 1),
|
|
1148
1147
|
"& .MuiAutocomplete-option": {
|
|
1149
|
-
padding:
|
|
1150
|
-
margin:
|
|
1151
|
-
borderRadius:
|
|
1148
|
+
padding: o.spacing(1),
|
|
1149
|
+
margin: o.spacing(1, 0),
|
|
1150
|
+
borderRadius: o.shape.borderRadius
|
|
1152
1151
|
}
|
|
1153
1152
|
}
|
|
1154
1153
|
}
|
|
1155
1154
|
}
|
|
1156
1155
|
};
|
|
1157
1156
|
}
|
|
1158
|
-
const
|
|
1159
|
-
props: { color },
|
|
1157
|
+
const t = (o, r) => ({
|
|
1158
|
+
props: { color: r },
|
|
1160
1159
|
style: {
|
|
1161
1160
|
"&:hover": {
|
|
1162
|
-
borderColor:
|
|
1163
|
-
backgroundColor:
|
|
1161
|
+
borderColor: i(o.palette[r].main, 0.48),
|
|
1162
|
+
backgroundColor: i(o.palette[r].main, o.palette.action.hoverOpacity)
|
|
1164
1163
|
},
|
|
1165
1164
|
"&.Mui-selected": {
|
|
1166
|
-
borderColor:
|
|
1165
|
+
borderColor: i(o.palette[r].main, 0.48)
|
|
1167
1166
|
}
|
|
1168
1167
|
}
|
|
1169
1168
|
});
|
|
1170
|
-
function
|
|
1169
|
+
function j(o) {
|
|
1171
1170
|
return {
|
|
1172
1171
|
MuiToggleButton: {
|
|
1173
1172
|
variants: [
|
|
@@ -1175,68 +1174,68 @@ function ToggleButton(theme) {
|
|
|
1175
1174
|
props: { color: "standard" },
|
|
1176
1175
|
style: {
|
|
1177
1176
|
"&.Mui-selected": {
|
|
1178
|
-
backgroundColor:
|
|
1177
|
+
backgroundColor: o.palette.action.selected
|
|
1179
1178
|
}
|
|
1180
1179
|
}
|
|
1181
1180
|
},
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1181
|
+
t(o, "primary"),
|
|
1182
|
+
t(o, "secondary"),
|
|
1183
|
+
t(o, "info"),
|
|
1184
|
+
t(o, "success"),
|
|
1185
|
+
t(o, "warning"),
|
|
1186
|
+
t(o, "error")
|
|
1188
1187
|
]
|
|
1189
1188
|
},
|
|
1190
1189
|
MuiToggleButtonGroup: {
|
|
1191
1190
|
styleOverrides: {
|
|
1192
1191
|
root: {
|
|
1193
|
-
borderRadius:
|
|
1194
|
-
backgroundColor:
|
|
1195
|
-
border: `solid 1px ${
|
|
1192
|
+
borderRadius: o.shape.borderRadius,
|
|
1193
|
+
backgroundColor: o.palette.background.paper,
|
|
1194
|
+
border: `solid 1px ${o.palette.grey[50012]}`,
|
|
1196
1195
|
"& .MuiToggleButton-root": {
|
|
1197
1196
|
margin: 4,
|
|
1198
1197
|
borderColor: "transparent !important",
|
|
1199
|
-
borderRadius: `${
|
|
1198
|
+
borderRadius: `${o.shape.borderRadius}px !important`
|
|
1200
1199
|
}
|
|
1201
1200
|
}
|
|
1202
1201
|
}
|
|
1203
1202
|
}
|
|
1204
1203
|
};
|
|
1205
1204
|
}
|
|
1206
|
-
function
|
|
1205
|
+
function E(o) {
|
|
1207
1206
|
return {
|
|
1208
1207
|
MuiFormControlLabel: {
|
|
1209
1208
|
styleOverrides: {
|
|
1210
1209
|
label: {
|
|
1211
|
-
...
|
|
1210
|
+
...o.typography.body1
|
|
1212
1211
|
}
|
|
1213
1212
|
}
|
|
1214
1213
|
},
|
|
1215
1214
|
MuiFormHelperText: {
|
|
1216
1215
|
styleOverrides: {
|
|
1217
1216
|
root: {
|
|
1218
|
-
marginTop:
|
|
1217
|
+
marginTop: o.spacing(1)
|
|
1219
1218
|
}
|
|
1220
1219
|
}
|
|
1221
1220
|
},
|
|
1222
1221
|
MuiFormLabel: {
|
|
1223
1222
|
styleOverrides: {
|
|
1224
1223
|
root: {
|
|
1225
|
-
color:
|
|
1224
|
+
color: o.palette.text.disabled
|
|
1226
1225
|
}
|
|
1227
1226
|
}
|
|
1228
1227
|
}
|
|
1229
1228
|
};
|
|
1230
1229
|
}
|
|
1231
|
-
function
|
|
1230
|
+
function V(o) {
|
|
1232
1231
|
return {
|
|
1233
1232
|
MuiLoadingButton: {
|
|
1234
1233
|
styleOverrides: {
|
|
1235
1234
|
root: {
|
|
1236
1235
|
"&.MuiLoadingButton-root": {
|
|
1237
|
-
...
|
|
1236
|
+
...o.typography.subtitle2,
|
|
1238
1237
|
"& .MuiCircularProgress-root": {
|
|
1239
|
-
color:
|
|
1238
|
+
color: o.palette.primary.main
|
|
1240
1239
|
}
|
|
1241
1240
|
},
|
|
1242
1241
|
"&.MuiButton-text": {
|
|
@@ -1252,47 +1251,49 @@ function LoadingButton(theme) {
|
|
|
1252
1251
|
}
|
|
1253
1252
|
};
|
|
1254
1253
|
}
|
|
1255
|
-
function
|
|
1254
|
+
function J(o) {
|
|
1256
1255
|
return Object.assign(
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1256
|
+
l(o),
|
|
1257
|
+
u(o),
|
|
1258
|
+
p(o),
|
|
1259
|
+
c(o),
|
|
1260
|
+
g(o),
|
|
1261
|
+
v(o),
|
|
1262
|
+
x(),
|
|
1263
|
+
k(o),
|
|
1264
|
+
M(),
|
|
1265
|
+
b(o),
|
|
1266
|
+
y(o),
|
|
1267
|
+
f(o),
|
|
1268
|
+
O(o),
|
|
1269
|
+
d(o),
|
|
1270
|
+
s(o),
|
|
1271
|
+
S(o),
|
|
1272
|
+
e(o),
|
|
1273
|
+
C(o),
|
|
1274
|
+
w(o),
|
|
1275
|
+
L(o),
|
|
1276
|
+
R(o),
|
|
1277
|
+
h(o),
|
|
1278
|
+
B(),
|
|
1279
|
+
z(o),
|
|
1280
|
+
T(o),
|
|
1281
|
+
I(o),
|
|
1282
|
+
$(o),
|
|
1283
|
+
P(o),
|
|
1284
|
+
D(o),
|
|
1285
|
+
W(o),
|
|
1286
|
+
A(o),
|
|
1287
|
+
G(o),
|
|
1288
|
+
H(o),
|
|
1289
|
+
F(o),
|
|
1290
|
+
_(),
|
|
1291
|
+
N(o),
|
|
1292
|
+
E(o),
|
|
1293
|
+
j(o),
|
|
1294
|
+
V(o)
|
|
1296
1295
|
);
|
|
1297
1296
|
}
|
|
1298
|
-
export {
|
|
1297
|
+
export {
|
|
1298
|
+
J as f
|
|
1299
|
+
};
|