@m4l/styles 1.0.2 → 1.0.3
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/index.js +6 -6
- package/package.json +1 -1
- package/theme/{defaultThemeOptions.0976e58a.js → defaultThemeOptions.d580f3ec.js} +2 -2
- package/theme/{index.5da3436d.js → index.16e25179.js} +2 -2
- package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +1 -2
- package/theme/overrides/M4LExtendedComponents/M4LIcon.d.ts +1 -1
- package/theme/overrides/M4LExtendedComponents/{index.b495bc12.js → index.115d7d26.js} +2 -3
- package/theme/overrides/MUIComponents/Input.d.ts +1 -4
- package/theme/overrides/MUIComponents/{index.7fb80545.js → index.5c43e3b5.js} +261 -264
- package/theme/overrides/{index.2c7d49b2.js → index.528e0e14.js} +2 -2
- package/theme/{typography.2a9a38a6.js → typography.947dc33f.js} +12 -12
- package/utils/{getColorState.b50b5b1e.js → getColorState.18b61422.js} +2 -2
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { alpha as i } from "@mui/material";
|
|
2
2
|
import { alpha as a } from "@mui/material/styles";
|
|
3
|
-
function d(
|
|
3
|
+
function d(r) {
|
|
4
4
|
return {
|
|
5
5
|
MuiAvatar: {
|
|
6
6
|
styleOverrides: {
|
|
7
7
|
borderTop: "1.5px",
|
|
8
|
-
borderColor:
|
|
8
|
+
borderColor: r.vars.palette.state.borderTop,
|
|
9
9
|
colorDefault: {
|
|
10
|
-
color:
|
|
11
|
-
backgroundColor:
|
|
10
|
+
color: r.vars.palette.text.secondary,
|
|
11
|
+
backgroundColor: r.vars.palette.grey[400]
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
},
|
|
@@ -16,18 +16,18 @@ function d(o) {
|
|
|
16
16
|
styleOverrides: {
|
|
17
17
|
avatar: {
|
|
18
18
|
fontSize: 16,
|
|
19
|
-
fontWeight:
|
|
19
|
+
fontWeight: r.typography.fontWeightMedium,
|
|
20
20
|
"&:first-of-type": {
|
|
21
21
|
fontSize: 14,
|
|
22
|
-
color:
|
|
23
|
-
backgroundColor:
|
|
22
|
+
color: r.vars.palette.primary.main,
|
|
23
|
+
backgroundColor: r.vars.palette.primary.lighter
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
}
|
|
30
|
-
function l(
|
|
30
|
+
function l(r) {
|
|
31
31
|
return {
|
|
32
32
|
MuiButton: {
|
|
33
33
|
styleOverrides: {
|
|
@@ -44,44 +44,44 @@ function l(o) {
|
|
|
44
44
|
height: 48
|
|
45
45
|
},
|
|
46
46
|
containedInherit: {
|
|
47
|
-
color:
|
|
48
|
-
boxShadow:
|
|
47
|
+
color: r.vars.palette.grey[800],
|
|
48
|
+
boxShadow: r.customShadows?.z1,
|
|
49
49
|
borderRadius: "4px",
|
|
50
50
|
"&:hover": {
|
|
51
|
-
backgroundColor:
|
|
51
|
+
backgroundColor: r.vars.palette.grey[400],
|
|
52
52
|
borderRadius: "4px"
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
55
|
containedPrimary: {
|
|
56
|
-
boxShadow:
|
|
56
|
+
boxShadow: r.customShadows?.z4
|
|
57
57
|
},
|
|
58
58
|
containedSecondary: {
|
|
59
|
-
boxShadow:
|
|
59
|
+
boxShadow: r.customShadows?.secondary
|
|
60
60
|
},
|
|
61
61
|
containedInfo: {
|
|
62
|
-
boxShadow:
|
|
62
|
+
boxShadow: r.customShadows?.info
|
|
63
63
|
},
|
|
64
64
|
containedSuccess: {
|
|
65
|
-
boxShadow:
|
|
65
|
+
boxShadow: r.customShadows?.success
|
|
66
66
|
},
|
|
67
67
|
containedWarning: {
|
|
68
|
-
boxShadow:
|
|
68
|
+
boxShadow: r.customShadows?.warning
|
|
69
69
|
},
|
|
70
70
|
containedError: {
|
|
71
|
-
boxShadow:
|
|
71
|
+
boxShadow: r.customShadows?.error
|
|
72
72
|
},
|
|
73
73
|
outlinedInherit: {
|
|
74
74
|
borderRadius: "4px",
|
|
75
|
-
border: `1px solid ${
|
|
75
|
+
border: `1px solid ${r.vars.palette.state.borderDefault}`,
|
|
76
76
|
"&:hover": {
|
|
77
|
-
backgroundColor:
|
|
77
|
+
backgroundColor: r.vars.palette.action.hover,
|
|
78
78
|
borderRadius: "4px"
|
|
79
79
|
}
|
|
80
80
|
},
|
|
81
81
|
textInherit: {
|
|
82
82
|
borderRadius: "4px",
|
|
83
83
|
"&:hover": {
|
|
84
|
-
backgroundColor:
|
|
84
|
+
backgroundColor: r.vars.palette.action.hover,
|
|
85
85
|
borderRadius: "4px"
|
|
86
86
|
}
|
|
87
87
|
}
|
|
@@ -89,14 +89,14 @@ function l(o) {
|
|
|
89
89
|
}
|
|
90
90
|
};
|
|
91
91
|
}
|
|
92
|
-
function u(
|
|
92
|
+
function u(r) {
|
|
93
93
|
return {
|
|
94
94
|
MuiIconButton: {
|
|
95
95
|
styleOverrides: {
|
|
96
96
|
root: {
|
|
97
97
|
"&.MuiIconButton-sizeSmall": {
|
|
98
|
-
height:
|
|
99
|
-
width:
|
|
98
|
+
height: r.spacing(3),
|
|
99
|
+
width: r.spacing(3),
|
|
100
100
|
margin: 0,
|
|
101
101
|
padding: 0,
|
|
102
102
|
" > svg": {
|
|
@@ -113,7 +113,7 @@ function u(o) {
|
|
|
113
113
|
}
|
|
114
114
|
};
|
|
115
115
|
}
|
|
116
|
-
function p(
|
|
116
|
+
function p(r) {
|
|
117
117
|
return {
|
|
118
118
|
MuiFab: {
|
|
119
119
|
defaultProps: {
|
|
@@ -121,41 +121,41 @@ function p(o) {
|
|
|
121
121
|
},
|
|
122
122
|
styleOverrides: {
|
|
123
123
|
root: {
|
|
124
|
-
boxShadow:
|
|
124
|
+
boxShadow: r.customShadows?.z4,
|
|
125
125
|
"&:hover": {
|
|
126
126
|
boxShadow: "none",
|
|
127
|
-
backgroundColor:
|
|
127
|
+
backgroundColor: r.colorSchemes.finalTheme.palette.grey[400]
|
|
128
128
|
}
|
|
129
129
|
},
|
|
130
130
|
primary: {
|
|
131
|
-
boxShadow:
|
|
131
|
+
boxShadow: r.customShadows?.primary,
|
|
132
132
|
"&:hover": {
|
|
133
|
-
backgroundColor:
|
|
133
|
+
backgroundColor: r.vars.palette.primary.dark
|
|
134
134
|
}
|
|
135
135
|
},
|
|
136
136
|
secondary: {
|
|
137
|
-
boxShadow:
|
|
137
|
+
boxShadow: r.customShadows?.secondary,
|
|
138
138
|
"&:hover": {
|
|
139
|
-
backgroundColor:
|
|
139
|
+
backgroundColor: r.vars.palette.secondary.dark
|
|
140
140
|
}
|
|
141
141
|
},
|
|
142
142
|
extended: {
|
|
143
143
|
"& svg": {
|
|
144
|
-
marginRight:
|
|
144
|
+
marginRight: r.spacing(1)
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
149
|
};
|
|
150
150
|
}
|
|
151
|
-
function c(
|
|
151
|
+
function c(r) {
|
|
152
152
|
return {
|
|
153
153
|
MuiCard: {
|
|
154
154
|
styleOverrides: {
|
|
155
155
|
root: {
|
|
156
156
|
position: "relative",
|
|
157
|
-
boxShadow:
|
|
158
|
-
borderRadius: Number(
|
|
157
|
+
boxShadow: r.customShadows?.card,
|
|
158
|
+
borderRadius: Number(r.shape.borderRadius) * 2,
|
|
159
159
|
zIndex: 0
|
|
160
160
|
}
|
|
161
161
|
}
|
|
@@ -163,33 +163,33 @@ function c(o) {
|
|
|
163
163
|
MuiCardHeader: {
|
|
164
164
|
defaultProps: {
|
|
165
165
|
titleTypographyProps: { variant: "h6" },
|
|
166
|
-
subheaderTypographyProps: { variant: "body2", marginTop:
|
|
166
|
+
subheaderTypographyProps: { variant: "body2", marginTop: r.spacing(0.5) }
|
|
167
167
|
},
|
|
168
168
|
styleOverrides: {
|
|
169
169
|
root: {
|
|
170
|
-
padding:
|
|
170
|
+
padding: r.spacing(3, 3, 0)
|
|
171
171
|
}
|
|
172
172
|
}
|
|
173
173
|
},
|
|
174
174
|
MuiCardContent: {
|
|
175
175
|
styleOverrides: {
|
|
176
176
|
root: {
|
|
177
|
-
padding:
|
|
177
|
+
padding: r.spacing(3)
|
|
178
178
|
}
|
|
179
179
|
}
|
|
180
180
|
}
|
|
181
181
|
};
|
|
182
182
|
}
|
|
183
|
-
function g(
|
|
183
|
+
function g(r) {
|
|
184
184
|
return {
|
|
185
185
|
MuiMenuItem: {
|
|
186
186
|
styleOverrides: {
|
|
187
187
|
root: {
|
|
188
188
|
borderRadius: "4px",
|
|
189
189
|
"&.Mui-selected": {
|
|
190
|
-
backgroundColor:
|
|
190
|
+
backgroundColor: r.vars.palette.action.selected,
|
|
191
191
|
"&:hover": {
|
|
192
|
-
backgroundColor:
|
|
192
|
+
backgroundColor: r.vars.palette.action.hover
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
}
|
|
@@ -197,7 +197,7 @@ function g(o) {
|
|
|
197
197
|
}
|
|
198
198
|
};
|
|
199
199
|
}
|
|
200
|
-
function b(
|
|
200
|
+
function b(r) {
|
|
201
201
|
return {
|
|
202
202
|
MuiLink: {
|
|
203
203
|
defaultProps: {
|
|
@@ -206,21 +206,21 @@ function b(o) {
|
|
|
206
206
|
styleOverrides: {
|
|
207
207
|
root: {
|
|
208
208
|
"&.MuiLink-underlineHover": {
|
|
209
|
-
textDecorationColor:
|
|
209
|
+
textDecorationColor: r.vars.palette.primary.main
|
|
210
210
|
}
|
|
211
211
|
}
|
|
212
212
|
}
|
|
213
213
|
}
|
|
214
214
|
};
|
|
215
215
|
}
|
|
216
|
-
function v(
|
|
216
|
+
function v(r) {
|
|
217
217
|
return {
|
|
218
218
|
MuiListItemIcon: {
|
|
219
219
|
styleOverrides: {
|
|
220
220
|
root: {
|
|
221
221
|
color: "inherit",
|
|
222
222
|
minWidth: "auto",
|
|
223
|
-
marginRight:
|
|
223
|
+
marginRight: r.spacing(2)
|
|
224
224
|
}
|
|
225
225
|
}
|
|
226
226
|
},
|
|
@@ -228,7 +228,7 @@ function v(o) {
|
|
|
228
228
|
styleOverrides: {
|
|
229
229
|
root: {
|
|
230
230
|
minWidth: "auto",
|
|
231
|
-
marginRight:
|
|
231
|
+
marginRight: r.spacing(2)
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
234
|
},
|
|
@@ -246,15 +246,15 @@ function v(o) {
|
|
|
246
246
|
}
|
|
247
247
|
};
|
|
248
248
|
}
|
|
249
|
-
function y(
|
|
249
|
+
function y(r) {
|
|
250
250
|
return {
|
|
251
251
|
MuiTableRow: {
|
|
252
252
|
styleOverrides: {
|
|
253
253
|
root: {
|
|
254
254
|
"&.Mui-selected": {
|
|
255
|
-
backgroundColor:
|
|
255
|
+
backgroundColor: r.vars.palette.action.selected,
|
|
256
256
|
"&:hover": {
|
|
257
|
-
backgroundColor:
|
|
257
|
+
backgroundColor: r.vars.palette.action.hover
|
|
258
258
|
}
|
|
259
259
|
}
|
|
260
260
|
}
|
|
@@ -266,31 +266,31 @@ function y(o) {
|
|
|
266
266
|
borderBottom: "none"
|
|
267
267
|
},
|
|
268
268
|
head: {
|
|
269
|
-
color:
|
|
270
|
-
backgroundColor:
|
|
269
|
+
color: r.vars.palette.text.secondary,
|
|
270
|
+
backgroundColor: r.vars.palette.background.neutral,
|
|
271
271
|
"&:first-of-type": {
|
|
272
|
-
paddingLeft:
|
|
273
|
-
borderTopLeftRadius:
|
|
274
|
-
borderBottomLeftRadius:
|
|
275
|
-
boxShadow: `inset 8px 0 0 ${
|
|
272
|
+
paddingLeft: r.spacing(3),
|
|
273
|
+
borderTopLeftRadius: r.shape.borderRadius,
|
|
274
|
+
borderBottomLeftRadius: r.shape.borderRadius,
|
|
275
|
+
boxShadow: `inset 8px 0 0 ${r.vars.palette.background.paper}`
|
|
276
276
|
},
|
|
277
277
|
"&:last-of-type": {
|
|
278
|
-
paddingRight:
|
|
279
|
-
borderTopRightRadius:
|
|
280
|
-
borderBottomRightRadius:
|
|
281
|
-
boxShadow: `inset -8px 0 0 ${
|
|
278
|
+
paddingRight: r.spacing(3),
|
|
279
|
+
borderTopRightRadius: r.shape.borderRadius,
|
|
280
|
+
borderBottomRightRadius: r.shape.borderRadius,
|
|
281
|
+
boxShadow: `inset -8px 0 0 ${r.vars.palette.background.paper}`
|
|
282
282
|
}
|
|
283
283
|
},
|
|
284
284
|
stickyHeader: {
|
|
285
|
-
backgroundColor:
|
|
286
|
-
backgroundImage: `linear-gradient(to bottom, ${
|
|
285
|
+
backgroundColor: r.vars.palette.background.paper,
|
|
286
|
+
backgroundImage: `linear-gradient(to bottom, ${r.vars.palette.background.neutral} 0%, ${r.vars.palette.background.neutral} 100%)`
|
|
287
287
|
},
|
|
288
288
|
body: {
|
|
289
289
|
"&:first-of-type": {
|
|
290
|
-
paddingLeft:
|
|
290
|
+
paddingLeft: r.spacing(3)
|
|
291
291
|
},
|
|
292
292
|
"&:last-of-type": {
|
|
293
|
-
paddingRight:
|
|
293
|
+
paddingRight: r.spacing(3)
|
|
294
294
|
}
|
|
295
295
|
}
|
|
296
296
|
}
|
|
@@ -298,13 +298,13 @@ function y(o) {
|
|
|
298
298
|
MuiTablePagination: {
|
|
299
299
|
styleOverrides: {
|
|
300
300
|
root: {
|
|
301
|
-
...
|
|
301
|
+
...r.colorSchemes.finalTheme.typography.caption
|
|
302
302
|
},
|
|
303
303
|
toolbar: {
|
|
304
304
|
"& .MuiInputBase-root": {
|
|
305
|
-
marginLeft:
|
|
306
|
-
marginRight:
|
|
307
|
-
...
|
|
305
|
+
marginLeft: r.spacing(1),
|
|
306
|
+
marginRight: r.spacing(3),
|
|
307
|
+
...r.colorSchemes.finalTheme.typography.caption
|
|
308
308
|
},
|
|
309
309
|
"&.MuiToolbar-regular": {
|
|
310
310
|
minHeight: 40,
|
|
@@ -312,16 +312,16 @@ function y(o) {
|
|
|
312
312
|
paddingRight: 0
|
|
313
313
|
},
|
|
314
314
|
"& .MuiTablePagination-displayedRows": {
|
|
315
|
-
...
|
|
315
|
+
...r.colorSchemes.finalTheme.typography.caption
|
|
316
316
|
}
|
|
317
317
|
},
|
|
318
318
|
selectLabel: {
|
|
319
|
-
...
|
|
319
|
+
...r.colorSchemes.finalTheme.typography.caption
|
|
320
320
|
},
|
|
321
321
|
select: {
|
|
322
322
|
paddingBottom: 4,
|
|
323
323
|
"&:focus": {
|
|
324
|
-
borderRadius:
|
|
324
|
+
borderRadius: r.shape.borderRadius
|
|
325
325
|
}
|
|
326
326
|
},
|
|
327
327
|
selectIcon: {
|
|
@@ -332,7 +332,7 @@ function y(o) {
|
|
|
332
332
|
}
|
|
333
333
|
};
|
|
334
334
|
}
|
|
335
|
-
function f(
|
|
335
|
+
function f(r) {
|
|
336
336
|
return {
|
|
337
337
|
MuiBadge: {
|
|
338
338
|
styleOverrides: {
|
|
@@ -346,7 +346,7 @@ function f(o) {
|
|
|
346
346
|
}
|
|
347
347
|
};
|
|
348
348
|
}
|
|
349
|
-
function M(
|
|
349
|
+
function M(r) {
|
|
350
350
|
return {
|
|
351
351
|
MuiPaper: {
|
|
352
352
|
defaultProps: {
|
|
@@ -355,70 +355,70 @@ function M(o) {
|
|
|
355
355
|
variants: [
|
|
356
356
|
{
|
|
357
357
|
props: { variant: "outlined" },
|
|
358
|
-
style: { borderColor:
|
|
358
|
+
style: { borderColor: r.vars.palette.state.borderDefault }
|
|
359
359
|
}
|
|
360
360
|
],
|
|
361
361
|
styleOverrides: {
|
|
362
362
|
root: {
|
|
363
363
|
backgroundImage: "none",
|
|
364
|
-
backgroundColor:
|
|
364
|
+
backgroundColor: r.vars.palette.background.default,
|
|
365
365
|
borderRadius: "2px",
|
|
366
366
|
"& .MuiStack-root .MuiMenuItem-root": {
|
|
367
|
-
color:
|
|
367
|
+
color: r.vars.palette.text.primary,
|
|
368
368
|
transition: "all .5s",
|
|
369
369
|
borderRadius: "4px",
|
|
370
|
-
...
|
|
370
|
+
...r.colorSchemes.finalTheme.typography.action
|
|
371
371
|
},
|
|
372
372
|
"& .MuiStack-root .MuiMenuItem-root:hover": {
|
|
373
|
-
color:
|
|
373
|
+
color: r.vars.palette.state?.hover,
|
|
374
374
|
transition: "all .5s",
|
|
375
|
-
backgroundColor:
|
|
375
|
+
backgroundColor: r.vars.palette.state?.active12
|
|
376
376
|
},
|
|
377
377
|
"& .MuiStack-root .MuiMenuItem-root.Mui-selected": {
|
|
378
|
-
color:
|
|
378
|
+
color: r.vars.palette.state?.active,
|
|
379
379
|
transition: "all .5s",
|
|
380
|
-
backgroundColor:
|
|
380
|
+
backgroundColor: r.vars.palette.state?.active12
|
|
381
381
|
},
|
|
382
382
|
"& .MuiStack-root .MuiMenuItem-root:focus": {
|
|
383
|
-
color:
|
|
383
|
+
color: r.vars.palette.state?.focus,
|
|
384
384
|
transition: "all .5s",
|
|
385
|
-
backgroundColor:
|
|
386
|
-
boxShadow: `0 0 0 1px ${
|
|
385
|
+
backgroundColor: r.vars.palette.background.default,
|
|
386
|
+
boxShadow: `0 0 0 1px ${r.vars.palette.state?.focus}`
|
|
387
387
|
},
|
|
388
388
|
"& .MuiAutocomplete-listbox .MuiAutocomplete-option": {
|
|
389
|
-
color:
|
|
389
|
+
color: r.vars.palette.text.primary,
|
|
390
390
|
transition: "all .5s",
|
|
391
391
|
borderRadius: "4px",
|
|
392
|
-
...
|
|
392
|
+
...r.colorSchemes.finalTheme.typography.action
|
|
393
393
|
},
|
|
394
394
|
"& .MuiAutocomplete-listbox .MuiAutocomplete-option:hover": {
|
|
395
|
-
color:
|
|
395
|
+
color: r.vars.palette.state?.hover,
|
|
396
396
|
transition: "all .5s",
|
|
397
|
-
backgroundColor:
|
|
397
|
+
backgroundColor: r.vars.palette.state?.active12
|
|
398
398
|
},
|
|
399
399
|
"& .MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-selected": {
|
|
400
|
-
color:
|
|
400
|
+
color: r.vars.palette.state?.active,
|
|
401
401
|
transition: "all .5s",
|
|
402
|
-
backgroundColor:
|
|
402
|
+
backgroundColor: r.vars.palette.state?.active12
|
|
403
403
|
},
|
|
404
404
|
"& .MuiAutocomplete-listbox .MuiAutocomplete-option:active": {
|
|
405
|
-
color:
|
|
405
|
+
color: r.vars.palette.state?.focus,
|
|
406
406
|
transition: "all .5s",
|
|
407
|
-
backgroundColor:
|
|
408
|
-
boxShadow: `0 0 0 1px ${
|
|
407
|
+
backgroundColor: r.vars.palette.background.default,
|
|
408
|
+
boxShadow: `0 0 0 1px ${r.vars.palette.state?.focus}`
|
|
409
409
|
}
|
|
410
410
|
}
|
|
411
411
|
}
|
|
412
412
|
}
|
|
413
413
|
};
|
|
414
414
|
}
|
|
415
|
-
function
|
|
415
|
+
function h(r) {
|
|
416
416
|
return {
|
|
417
417
|
MuiFormControl: {
|
|
418
418
|
styleOverrides: {
|
|
419
419
|
root: {
|
|
420
420
|
height: "28px",
|
|
421
|
-
[
|
|
421
|
+
[r.breakpoints.down("sm")]: {
|
|
422
422
|
height: 32,
|
|
423
423
|
minHeight: 32
|
|
424
424
|
}
|
|
@@ -429,20 +429,20 @@ function x(o) {
|
|
|
429
429
|
styleOverrides: {
|
|
430
430
|
root: {
|
|
431
431
|
height: "auto",
|
|
432
|
-
backgroundColor:
|
|
433
|
-
...
|
|
432
|
+
backgroundColor: r.vars.palette.background.default,
|
|
433
|
+
...r.colorSchemes.finalTheme.typography.body2,
|
|
434
434
|
borderRadius: "2px",
|
|
435
435
|
padding: "4px",
|
|
436
436
|
paddingBottom: "0px",
|
|
437
437
|
"&.Mui-disabled": {
|
|
438
|
-
"& svg": { color:
|
|
438
|
+
"& svg": { color: r.vars.palette.text.disabled }
|
|
439
439
|
}
|
|
440
440
|
},
|
|
441
441
|
input: {
|
|
442
442
|
padding: "0",
|
|
443
443
|
"&::placeholder": {
|
|
444
444
|
opacity: 1,
|
|
445
|
-
color:
|
|
445
|
+
color: r.vars.palette.text.disabled
|
|
446
446
|
}
|
|
447
447
|
}
|
|
448
448
|
}
|
|
@@ -451,7 +451,7 @@ function x(o) {
|
|
|
451
451
|
styleOverrides: {
|
|
452
452
|
underline: {
|
|
453
453
|
"&:before": {
|
|
454
|
-
borderBottomColor:
|
|
454
|
+
borderBottomColor: r.vars.palette.state.borderDefault
|
|
455
455
|
}
|
|
456
456
|
}
|
|
457
457
|
}
|
|
@@ -459,20 +459,20 @@ function x(o) {
|
|
|
459
459
|
MuiFilledInput: {
|
|
460
460
|
styleOverrides: {
|
|
461
461
|
root: {
|
|
462
|
-
backgroundColor:
|
|
462
|
+
backgroundColor: r.vars.palette.state.borderDefault,
|
|
463
463
|
"&:hover": {
|
|
464
|
-
backgroundColor:
|
|
464
|
+
backgroundColor: r.vars.palette.state.borderDefault
|
|
465
465
|
},
|
|
466
466
|
"&.Mui-focused": {
|
|
467
|
-
backgroundColor:
|
|
467
|
+
backgroundColor: r.vars.palette.action.focus
|
|
468
468
|
},
|
|
469
469
|
"&.Mui-disabled": {
|
|
470
|
-
backgroundColor:
|
|
470
|
+
backgroundColor: r.vars.palette.action.disabledBackground
|
|
471
471
|
}
|
|
472
472
|
},
|
|
473
473
|
underline: {
|
|
474
474
|
"&:before": {
|
|
475
|
-
borderBottomColor:
|
|
475
|
+
borderBottomColor: r.vars.palette.state.borderDefault
|
|
476
476
|
}
|
|
477
477
|
}
|
|
478
478
|
}
|
|
@@ -480,36 +480,33 @@ function x(o) {
|
|
|
480
480
|
MuiOutlinedInput: {
|
|
481
481
|
styleOverrides: {
|
|
482
482
|
root: {
|
|
483
|
-
...
|
|
484
|
-
color:
|
|
483
|
+
...r.colorSchemes.finalTheme.typography.body2,
|
|
484
|
+
color: r.vars.palette.text.primary,
|
|
485
485
|
"& > input": {
|
|
486
|
-
padding:
|
|
486
|
+
padding: r.spacing(1.5, 1.5)
|
|
487
487
|
},
|
|
488
488
|
"& .MuiOutlinedInput-notchedOutline": {
|
|
489
|
-
borderColor:
|
|
489
|
+
borderColor: r.vars.palette.state.borderDefault,
|
|
490
490
|
fontSize: "0.875rem",
|
|
491
491
|
height: "auto",
|
|
492
492
|
minHeight: "24px",
|
|
493
493
|
padding: "0px",
|
|
494
|
-
[
|
|
494
|
+
[r.breakpoints.down("sm")]: {
|
|
495
495
|
height: "auto",
|
|
496
496
|
minHeight: "32px"
|
|
497
497
|
}
|
|
498
498
|
},
|
|
499
499
|
"&.Mui-disabled": {
|
|
500
500
|
"& .MuiOutlinedInput-notchedOutline": {
|
|
501
|
-
borderColor:
|
|
501
|
+
borderColor: r.vars.palette.action.disabledBackground
|
|
502
502
|
}
|
|
503
|
-
},
|
|
504
|
-
"& .MuiOutlinedInput-input:-webkit-autofill": {
|
|
505
|
-
WebkitBoxShadow: `0 0 0 1000px ${o.vars.palette.background.autofill} inset`
|
|
506
503
|
}
|
|
507
504
|
}
|
|
508
505
|
}
|
|
509
506
|
}
|
|
510
507
|
};
|
|
511
508
|
}
|
|
512
|
-
function
|
|
509
|
+
function x(r) {
|
|
513
510
|
return {
|
|
514
511
|
MuiInputLabel: {
|
|
515
512
|
styleOverrides: {
|
|
@@ -524,12 +521,12 @@ function h(o) {
|
|
|
524
521
|
}
|
|
525
522
|
};
|
|
526
523
|
}
|
|
527
|
-
function k(
|
|
524
|
+
function k(r) {
|
|
528
525
|
return {
|
|
529
526
|
MuiRadio: {
|
|
530
527
|
styleOverrides: {
|
|
531
528
|
root: {
|
|
532
|
-
padding:
|
|
529
|
+
padding: r.spacing(1),
|
|
533
530
|
svg: {
|
|
534
531
|
fontSize: 24,
|
|
535
532
|
"&[font-size=small]": {
|
|
@@ -541,8 +538,8 @@ function k(o) {
|
|
|
541
538
|
}
|
|
542
539
|
};
|
|
543
540
|
}
|
|
544
|
-
function S(
|
|
545
|
-
const
|
|
541
|
+
function S(r) {
|
|
542
|
+
const o = r.colorSchemes.finalTheme.palette.mode === "light";
|
|
546
543
|
return {
|
|
547
544
|
MuiDrawer: {
|
|
548
545
|
styleOverrides: {
|
|
@@ -550,7 +547,7 @@ function S(o) {
|
|
|
550
547
|
"&.M4LSideBar-drawer": {
|
|
551
548
|
test: "root",
|
|
552
549
|
"& .MuiPaper-root": {
|
|
553
|
-
background:
|
|
550
|
+
background: r.vars.palette.background.neutral,
|
|
554
551
|
display: "flex",
|
|
555
552
|
flexDirection: "row"
|
|
556
553
|
}
|
|
@@ -560,14 +557,14 @@ function S(o) {
|
|
|
560
557
|
'&[role="presentation"]': {
|
|
561
558
|
"& .MuiDrawer-paperAnchorLeft": {
|
|
562
559
|
boxShadow: `8px 24px 24px 12px ${i(
|
|
563
|
-
|
|
564
|
-
|
|
560
|
+
r.colorSchemes.finalTheme.palette.grey[900],
|
|
561
|
+
o ? 0.16 : 0.48
|
|
565
562
|
)}`
|
|
566
563
|
},
|
|
567
564
|
"& .MuiDrawer-paperAnchorRight": {
|
|
568
565
|
boxShadow: `-8px 24px 24px 12px ${i(
|
|
569
|
-
|
|
570
|
-
|
|
566
|
+
r.colorSchemes.finalTheme.palette.grey[900],
|
|
567
|
+
o ? 0.16 : 0.48
|
|
571
568
|
)}`
|
|
572
569
|
}
|
|
573
570
|
}
|
|
@@ -576,8 +573,8 @@ function S(o) {
|
|
|
576
573
|
}
|
|
577
574
|
};
|
|
578
575
|
}
|
|
579
|
-
function m(
|
|
580
|
-
const
|
|
576
|
+
function m(r) {
|
|
577
|
+
const o = r.colorSchemes.finalTheme.palette.mode === "light";
|
|
581
578
|
return {
|
|
582
579
|
MuiSlider: {
|
|
583
580
|
defaultProps: {
|
|
@@ -586,52 +583,52 @@ function m(o) {
|
|
|
586
583
|
styleOverrides: {
|
|
587
584
|
root: {
|
|
588
585
|
"&.Mui-disabled": {
|
|
589
|
-
color:
|
|
586
|
+
color: r.vars.palette.action.disabled
|
|
590
587
|
}
|
|
591
588
|
},
|
|
592
589
|
markLabel: {
|
|
593
590
|
fontSize: 13,
|
|
594
|
-
color:
|
|
591
|
+
color: r.vars.palette.text.disabled
|
|
595
592
|
},
|
|
596
593
|
valueLabel: {
|
|
597
594
|
borderRadius: 8,
|
|
598
|
-
backgroundColor:
|
|
595
|
+
backgroundColor: r.vars.palette.grey[o ? 800 : 700]
|
|
599
596
|
}
|
|
600
597
|
}
|
|
601
598
|
}
|
|
602
599
|
};
|
|
603
600
|
}
|
|
604
|
-
function
|
|
605
|
-
const
|
|
601
|
+
function C(r) {
|
|
602
|
+
const o = r.colorSchemes.finalTheme.palette.mode === "light";
|
|
606
603
|
return {
|
|
607
604
|
MuiSwitch: {
|
|
608
605
|
styleOverrides: {
|
|
609
606
|
thumb: {
|
|
610
|
-
boxShadow:
|
|
607
|
+
boxShadow: r.customShadows?.z1
|
|
611
608
|
},
|
|
612
609
|
track: {
|
|
613
610
|
opacity: 1,
|
|
614
|
-
backgroundColor:
|
|
611
|
+
backgroundColor: r.vars.palette.grey[500]
|
|
615
612
|
},
|
|
616
613
|
switchBase: {
|
|
617
614
|
left: 0,
|
|
618
615
|
right: "auto",
|
|
619
616
|
"&:not(:.Mui-checked)": {
|
|
620
|
-
color:
|
|
617
|
+
color: r.vars.palette.grey[o ? 100 : 300]
|
|
621
618
|
},
|
|
622
619
|
"&.Mui-checked.Mui-disabled, &.Mui-disabled": {
|
|
623
|
-
color:
|
|
620
|
+
color: r.vars.palette.grey[o ? 400 : 600]
|
|
624
621
|
},
|
|
625
622
|
"&.Mui-disabled+.MuiSwitch-track": {
|
|
626
623
|
opacity: 1,
|
|
627
|
-
backgroundColor: `${
|
|
624
|
+
backgroundColor: `${r.vars.palette.action.disabledBackground} !important`
|
|
628
625
|
}
|
|
629
626
|
}
|
|
630
627
|
}
|
|
631
628
|
}
|
|
632
629
|
};
|
|
633
630
|
}
|
|
634
|
-
function
|
|
631
|
+
function w(r) {
|
|
635
632
|
return {
|
|
636
633
|
MuiSvgIcon: {
|
|
637
634
|
styleOverrides: {
|
|
@@ -649,22 +646,22 @@ function C(o) {
|
|
|
649
646
|
}
|
|
650
647
|
};
|
|
651
648
|
}
|
|
652
|
-
function T(
|
|
653
|
-
const
|
|
649
|
+
function T(r) {
|
|
650
|
+
const o = r.colorSchemes.finalTheme.palette.mode === "light";
|
|
654
651
|
return {
|
|
655
652
|
MuiTooltip: {
|
|
656
653
|
styleOverrides: {
|
|
657
654
|
tooltip: {
|
|
658
|
-
backgroundColor:
|
|
655
|
+
backgroundColor: r.vars.palette.grey[o ? 800 : 700]
|
|
659
656
|
},
|
|
660
657
|
arrow: {
|
|
661
|
-
color:
|
|
658
|
+
color: r.vars.palette.grey[o ? 800 : 700]
|
|
662
659
|
}
|
|
663
660
|
}
|
|
664
661
|
}
|
|
665
662
|
};
|
|
666
663
|
}
|
|
667
|
-
function O(
|
|
664
|
+
function O(r) {
|
|
668
665
|
return {
|
|
669
666
|
MuiPopover: {
|
|
670
667
|
styleOverrides: {
|
|
@@ -673,18 +670,18 @@ function O(o) {
|
|
|
673
670
|
}
|
|
674
671
|
};
|
|
675
672
|
}
|
|
676
|
-
function R(
|
|
673
|
+
function R(r) {
|
|
677
674
|
return {
|
|
678
675
|
MuiStepConnector: {
|
|
679
676
|
styleOverrides: {
|
|
680
677
|
line: {
|
|
681
|
-
borderColor:
|
|
678
|
+
borderColor: r.vars.palette.divider
|
|
682
679
|
}
|
|
683
680
|
}
|
|
684
681
|
}
|
|
685
682
|
};
|
|
686
683
|
}
|
|
687
|
-
function B(
|
|
684
|
+
function B(r) {
|
|
688
685
|
return {
|
|
689
686
|
MuiDataGrid: {
|
|
690
687
|
styleOverrides: {
|
|
@@ -695,21 +692,21 @@ function B(o) {
|
|
|
695
692
|
borderTop: 0
|
|
696
693
|
},
|
|
697
694
|
"& .MuiDataGrid-toolbarContainer": {
|
|
698
|
-
padding:
|
|
699
|
-
backgroundColor:
|
|
695
|
+
padding: r.spacing(2),
|
|
696
|
+
backgroundColor: r.vars.palette.background.neutral,
|
|
700
697
|
"& .MuiButton-root": {
|
|
701
|
-
marginRight:
|
|
702
|
-
color:
|
|
698
|
+
marginRight: r.spacing(1.5),
|
|
699
|
+
color: r.vars.palette.text.primary,
|
|
703
700
|
"&:hover": {
|
|
704
|
-
backgroundColor:
|
|
701
|
+
backgroundColor: r.vars.palette.action.hover
|
|
705
702
|
}
|
|
706
703
|
}
|
|
707
704
|
},
|
|
708
705
|
"& .MuiDataGrid-cell, .MuiDataGrid-columnsContainer": {
|
|
709
|
-
borderBottom: `1px solid ${
|
|
706
|
+
borderBottom: `1px solid ${r.vars.palette.divider}`
|
|
710
707
|
},
|
|
711
708
|
"& .MuiDataGrid-columnSeparator": {
|
|
712
|
-
color:
|
|
709
|
+
color: r.vars.palette.divider
|
|
713
710
|
},
|
|
714
711
|
'& .MuiDataGrid-columnHeader[data-field="__check__"]': {
|
|
715
712
|
padding: 0
|
|
@@ -721,11 +718,11 @@ function B(o) {
|
|
|
721
718
|
styleOverrides: {
|
|
722
719
|
root: {
|
|
723
720
|
"& .MuiDataGrid-gridMenuList": {
|
|
724
|
-
boxShadow:
|
|
725
|
-
borderRadius:
|
|
721
|
+
boxShadow: r.customShadows?.z4,
|
|
722
|
+
borderRadius: r.shape.borderRadius
|
|
726
723
|
},
|
|
727
724
|
"& .MuiMenuItem-root": {
|
|
728
|
-
...
|
|
725
|
+
...r.colorSchemes.finalTheme.typography.body
|
|
729
726
|
}
|
|
730
727
|
}
|
|
731
728
|
}
|
|
@@ -733,20 +730,20 @@ function B(o) {
|
|
|
733
730
|
MuiGridFilterForm: {
|
|
734
731
|
styleOverrides: {
|
|
735
732
|
root: {
|
|
736
|
-
padding:
|
|
733
|
+
padding: r.spacing(1.5, 0),
|
|
737
734
|
"& .MuiFormControl-root": {
|
|
738
|
-
margin:
|
|
735
|
+
margin: r.spacing(0, 0.5)
|
|
739
736
|
},
|
|
740
737
|
"& .MuiInput-root": {
|
|
741
|
-
marginTop:
|
|
738
|
+
marginTop: r.spacing(3),
|
|
742
739
|
"&::before, &::after": {
|
|
743
740
|
display: "none"
|
|
744
741
|
},
|
|
745
742
|
"& .MuiNativeSelect-select, .MuiInput-input": {
|
|
746
|
-
...
|
|
747
|
-
padding:
|
|
748
|
-
borderRadius:
|
|
749
|
-
backgroundColor:
|
|
743
|
+
...r.colorSchemes.finalTheme.typography.body,
|
|
744
|
+
padding: r.spacing(0.75, 1),
|
|
745
|
+
borderRadius: r.shape.borderRadius,
|
|
746
|
+
backgroundColor: r.vars.palette.background.neutral
|
|
750
747
|
},
|
|
751
748
|
"& .MuiSvgIcon-root": {
|
|
752
749
|
right: 4
|
|
@@ -758,21 +755,21 @@ function B(o) {
|
|
|
758
755
|
MuiGridPanelFooter: {
|
|
759
756
|
styleOverrides: {
|
|
760
757
|
root: {
|
|
761
|
-
padding:
|
|
758
|
+
padding: r.spacing(2),
|
|
762
759
|
justifyContent: "flex-end",
|
|
763
760
|
"& .MuiButton-root": {
|
|
764
761
|
"&:first-of-type": {
|
|
765
|
-
marginRight:
|
|
766
|
-
color:
|
|
762
|
+
marginRight: r.spacing(1.5),
|
|
763
|
+
color: r.vars.palette.text.primary,
|
|
767
764
|
"&:hover": {
|
|
768
|
-
backgroundColor:
|
|
765
|
+
backgroundColor: r.vars.palette.action.hover
|
|
769
766
|
}
|
|
770
767
|
},
|
|
771
768
|
"&:last-of-type": {
|
|
772
|
-
color:
|
|
773
|
-
backgroundColor:
|
|
769
|
+
color: r.vars.palette.common.white,
|
|
770
|
+
backgroundColor: r.vars.palette.primary.main,
|
|
774
771
|
"&:hover": {
|
|
775
|
-
backgroundColor:
|
|
772
|
+
backgroundColor: r.vars.palette.primary.dark
|
|
776
773
|
}
|
|
777
774
|
}
|
|
778
775
|
}
|
|
@@ -781,7 +778,7 @@ function B(o) {
|
|
|
781
778
|
}
|
|
782
779
|
};
|
|
783
780
|
}
|
|
784
|
-
function I(
|
|
781
|
+
function I(r) {
|
|
785
782
|
return {
|
|
786
783
|
MuiSkeleton: {
|
|
787
784
|
defaultProps: {
|
|
@@ -789,23 +786,23 @@ function I(o) {
|
|
|
789
786
|
},
|
|
790
787
|
styleOverrides: {
|
|
791
788
|
root: {
|
|
792
|
-
backgroundColor:
|
|
789
|
+
backgroundColor: r.vars.palette.divider
|
|
793
790
|
}
|
|
794
791
|
}
|
|
795
792
|
}
|
|
796
793
|
};
|
|
797
794
|
}
|
|
798
|
-
function L(
|
|
799
|
-
const
|
|
795
|
+
function L(r) {
|
|
796
|
+
const o = a(r.colorSchemes.finalTheme.palette.grey[900], 0.48), e = a(r.colorSchemes.finalTheme.palette.grey[900], 1);
|
|
800
797
|
return {
|
|
801
798
|
MuiBackdrop: {
|
|
802
799
|
styleOverrides: {
|
|
803
800
|
root: {
|
|
804
801
|
background: [
|
|
805
802
|
"rgb(22,28,36)",
|
|
806
|
-
`-moz-linear-gradient(75deg, ${
|
|
807
|
-
`-webkit-linear-gradient(75deg, ${
|
|
808
|
-
`linear-gradient(75deg, ${
|
|
803
|
+
`-moz-linear-gradient(75deg, ${o} 0%, ${e} 100%)`,
|
|
804
|
+
`-webkit-linear-gradient(75deg, ${o} 0%, ${e} 100%)`,
|
|
805
|
+
`linear-gradient(75deg, ${o} 0%, ${e} 100%)`
|
|
809
806
|
],
|
|
810
807
|
"&.MuiBackdrop-invisible": {
|
|
811
808
|
background: "transparent"
|
|
@@ -815,8 +812,8 @@ function L(o) {
|
|
|
815
812
|
}
|
|
816
813
|
};
|
|
817
814
|
}
|
|
818
|
-
function D(
|
|
819
|
-
const
|
|
815
|
+
function D(r) {
|
|
816
|
+
const o = r.colorSchemes.finalTheme.palette.mode === "light";
|
|
820
817
|
return {
|
|
821
818
|
MuiLinearProgress: {
|
|
822
819
|
styleOverrides: {
|
|
@@ -828,7 +825,7 @@ function D(o) {
|
|
|
828
825
|
borderRadius: 4
|
|
829
826
|
},
|
|
830
827
|
colorPrimary: {
|
|
831
|
-
backgroundColor:
|
|
828
|
+
backgroundColor: r.vars.palette.primary[o ? "lighter" : "darker"]
|
|
832
829
|
},
|
|
833
830
|
buffer: {
|
|
834
831
|
backgroundColor: "transparent"
|
|
@@ -837,7 +834,7 @@ function D(o) {
|
|
|
837
834
|
}
|
|
838
835
|
};
|
|
839
836
|
}
|
|
840
|
-
function P(
|
|
837
|
+
function P(r) {
|
|
841
838
|
return {
|
|
842
839
|
MuiTimelineDot: {
|
|
843
840
|
styleOverrides: {
|
|
@@ -849,43 +846,43 @@ function P(o) {
|
|
|
849
846
|
MuiTimelineConnector: {
|
|
850
847
|
styleOverrides: {
|
|
851
848
|
root: {
|
|
852
|
-
backgroundColor:
|
|
849
|
+
backgroundColor: r.vars.palette.divider
|
|
853
850
|
}
|
|
854
851
|
}
|
|
855
852
|
}
|
|
856
853
|
};
|
|
857
854
|
}
|
|
858
|
-
function z(
|
|
855
|
+
function z(r) {
|
|
859
856
|
return {
|
|
860
857
|
MuiCheckbox: {
|
|
861
858
|
styleOverrides: {
|
|
862
859
|
root: {
|
|
863
|
-
padding:
|
|
860
|
+
padding: r.spacing(1),
|
|
864
861
|
oleee: "sss",
|
|
865
|
-
color:
|
|
862
|
+
color: r.vars.palette.action.active,
|
|
866
863
|
"& .Mui-checked": {
|
|
867
|
-
color:
|
|
864
|
+
color: r.vars.palette.primary.main
|
|
868
865
|
},
|
|
869
866
|
"&.Mui-checked.Mui-disabled, &.Mui-disabled": {
|
|
870
|
-
color:
|
|
867
|
+
color: r.vars.palette.action.disabled
|
|
871
868
|
}
|
|
872
869
|
}
|
|
873
870
|
}
|
|
874
871
|
}
|
|
875
872
|
};
|
|
876
873
|
}
|
|
877
|
-
function
|
|
874
|
+
function A(r) {
|
|
878
875
|
return {
|
|
879
876
|
MuiAccordion: {
|
|
880
877
|
styleOverrides: {
|
|
881
878
|
root: {
|
|
882
|
-
backgroundColor:
|
|
879
|
+
backgroundColor: r.vars.palette.background.default,
|
|
883
880
|
width: "100%",
|
|
884
881
|
marginTop: "0px",
|
|
885
|
-
marginBottom:
|
|
882
|
+
marginBottom: r.spacing(1.5),
|
|
886
883
|
"&.Mui-expanded": {
|
|
887
884
|
marginTop: "0px",
|
|
888
|
-
marginBottom:
|
|
885
|
+
marginBottom: r.spacing(1.5)
|
|
889
886
|
},
|
|
890
887
|
border: "0px solid transparent",
|
|
891
888
|
"&.Mui-disabled": {
|
|
@@ -900,35 +897,35 @@ function $(o) {
|
|
|
900
897
|
MuiAccordionDetails: {
|
|
901
898
|
styleOverrides: {
|
|
902
899
|
root: {
|
|
903
|
-
padding: `0px ${
|
|
900
|
+
padding: `0px ${r.spacing(0)}`
|
|
904
901
|
}
|
|
905
902
|
}
|
|
906
903
|
},
|
|
907
904
|
MuiAccordionSummary: {
|
|
908
905
|
styleOverrides: {
|
|
909
906
|
root: {
|
|
910
|
-
borderRadius:
|
|
911
|
-
height:
|
|
912
|
-
minHeight:
|
|
913
|
-
backgroundColor:
|
|
914
|
-
paddingLeft:
|
|
915
|
-
paddingRight:
|
|
907
|
+
borderRadius: r.spacing(0.5),
|
|
908
|
+
height: r.spacing(4.5),
|
|
909
|
+
minHeight: r.spacing(4.5),
|
|
910
|
+
backgroundColor: r.vars.palette.background.header,
|
|
911
|
+
paddingLeft: r.spacing(2),
|
|
912
|
+
paddingRight: r.spacing(2),
|
|
916
913
|
marginBottom: "0px",
|
|
917
914
|
"&.Mui-expanded": {
|
|
918
|
-
height:
|
|
919
|
-
minHeight:
|
|
915
|
+
height: r.spacing(4.5),
|
|
916
|
+
minHeight: r.spacing(4.5),
|
|
920
917
|
borderRadius: "4px 4px 0px 0px"
|
|
921
918
|
},
|
|
922
919
|
"&.Mui-disabled": {
|
|
923
920
|
opacity: 1,
|
|
924
|
-
color:
|
|
921
|
+
color: r.vars.palette.action.disabled,
|
|
925
922
|
"& .MuiTypography-root": {
|
|
926
923
|
color: "inherit"
|
|
927
924
|
}
|
|
928
925
|
}
|
|
929
926
|
},
|
|
930
927
|
expandIconWrapper: {
|
|
931
|
-
color:
|
|
928
|
+
color: r.vars.palette.action.active,
|
|
932
929
|
height: 20,
|
|
933
930
|
width: 20,
|
|
934
931
|
alignItems: "center",
|
|
@@ -939,7 +936,7 @@ function $(o) {
|
|
|
939
936
|
}
|
|
940
937
|
},
|
|
941
938
|
content: {
|
|
942
|
-
...
|
|
939
|
+
...r.colorSchemes.finalTheme.typography.subtitle2,
|
|
943
940
|
margin: "0px",
|
|
944
941
|
"&.Mui-expanded": {
|
|
945
942
|
margin: "0px"
|
|
@@ -949,7 +946,7 @@ function $(o) {
|
|
|
949
946
|
}
|
|
950
947
|
};
|
|
951
948
|
}
|
|
952
|
-
function
|
|
949
|
+
function $(r) {
|
|
953
950
|
return {
|
|
954
951
|
MuiTypography: {
|
|
955
952
|
defaultProps: {
|
|
@@ -959,88 +956,88 @@ function A(o) {
|
|
|
959
956
|
},
|
|
960
957
|
styleOverrides: {
|
|
961
958
|
paragraph: {
|
|
962
|
-
marginBottom:
|
|
959
|
+
marginBottom: r.spacing(2)
|
|
963
960
|
},
|
|
964
961
|
gutterBottom: {
|
|
965
|
-
marginBottom:
|
|
962
|
+
marginBottom: r.spacing(1)
|
|
966
963
|
}
|
|
967
964
|
}
|
|
968
965
|
}
|
|
969
966
|
};
|
|
970
967
|
}
|
|
971
|
-
function G(
|
|
968
|
+
function G(r) {
|
|
972
969
|
return {
|
|
973
970
|
MuiPaginationItem: {
|
|
974
971
|
styleOverrides: {
|
|
975
972
|
root: {
|
|
976
973
|
"&.Mui-selected": {
|
|
977
|
-
fontWeight:
|
|
974
|
+
fontWeight: r.typography.fontWeightBold
|
|
978
975
|
}
|
|
979
976
|
},
|
|
980
977
|
textPrimary: {
|
|
981
978
|
"&.Mui-selected": {
|
|
982
|
-
color:
|
|
983
|
-
backgroundColor: a(
|
|
979
|
+
color: r.vars.palette.primary.main,
|
|
980
|
+
backgroundColor: a(r.colorSchemes.finalTheme.palette.primary.main, 0.08),
|
|
984
981
|
"&:hover, &.Mui-focusVisible": {
|
|
985
982
|
backgroundColor: `${a(
|
|
986
|
-
|
|
983
|
+
r.colorSchemes.finalTheme.palette.primary.main,
|
|
987
984
|
0.24
|
|
988
985
|
)} !important`
|
|
989
986
|
}
|
|
990
987
|
}
|
|
991
988
|
},
|
|
992
989
|
outlined: {
|
|
993
|
-
border: `1px solid ${
|
|
990
|
+
border: `1px solid ${r.vars.palette.state.borderDefault}`
|
|
994
991
|
},
|
|
995
992
|
outlinedPrimary: {
|
|
996
993
|
"&.Mui-selected": {
|
|
997
|
-
backgroundColor: a(
|
|
998
|
-
border: `1px solid ${a(
|
|
994
|
+
backgroundColor: a(r.colorSchemes.finalTheme.palette.primary.main, 0.08),
|
|
995
|
+
border: `1px solid ${a(r.colorSchemes.finalTheme.palette.primary.main, 0.24)}`
|
|
999
996
|
}
|
|
1000
997
|
}
|
|
1001
998
|
}
|
|
1002
999
|
}
|
|
1003
1000
|
};
|
|
1004
1001
|
}
|
|
1005
|
-
function H(
|
|
1002
|
+
function H(r) {
|
|
1006
1003
|
return {
|
|
1007
1004
|
MuiBreadcrumbs: {
|
|
1008
1005
|
styleOverrides: {
|
|
1009
1006
|
separator: {
|
|
1010
|
-
marginLeft:
|
|
1011
|
-
marginRight:
|
|
1007
|
+
marginLeft: r.spacing(2),
|
|
1008
|
+
marginRight: r.spacing(2)
|
|
1012
1009
|
}
|
|
1013
1010
|
}
|
|
1014
1011
|
}
|
|
1015
1012
|
};
|
|
1016
1013
|
}
|
|
1017
|
-
function
|
|
1018
|
-
const
|
|
1014
|
+
function F(r) {
|
|
1015
|
+
const o = (e) => ({
|
|
1019
1016
|
props: { variant: "contained", color: e },
|
|
1020
|
-
style: { boxShadow:
|
|
1017
|
+
style: { boxShadow: r.customShadows?.primary }
|
|
1021
1018
|
});
|
|
1022
1019
|
return {
|
|
1023
1020
|
MuiButtonGroup: {
|
|
1024
1021
|
variants: [
|
|
1025
1022
|
{
|
|
1026
1023
|
props: { variant: "contained", color: "inherit" },
|
|
1027
|
-
style: { boxShadow:
|
|
1024
|
+
style: { boxShadow: r.customShadows?.z4 }
|
|
1028
1025
|
},
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1026
|
+
o("primary"),
|
|
1027
|
+
o("secondary"),
|
|
1028
|
+
o("info"),
|
|
1029
|
+
o("success"),
|
|
1030
|
+
o("warning"),
|
|
1031
|
+
o("error"),
|
|
1035
1032
|
{
|
|
1036
1033
|
props: { disabled: !0 },
|
|
1037
1034
|
style: {
|
|
1038
1035
|
boxShadow: "none",
|
|
1039
1036
|
"& .MuiButtonGroup-grouped.Mui-disabled": {
|
|
1040
|
-
color:
|
|
1041
|
-
borderColor: `${
|
|
1037
|
+
color: r.vars.palette.action.disabled,
|
|
1038
|
+
borderColor: `${r.vars.palette.action.disabledBackground} !important`,
|
|
1042
1039
|
"&.MuiButton-contained": {
|
|
1043
|
-
backgroundColor:
|
|
1040
|
+
backgroundColor: r.vars.palette.action.disabledBackground
|
|
1044
1041
|
}
|
|
1045
1042
|
}
|
|
1046
1043
|
}
|
|
@@ -1056,7 +1053,7 @@ function W(o) {
|
|
|
1056
1053
|
}
|
|
1057
1054
|
};
|
|
1058
1055
|
}
|
|
1059
|
-
function
|
|
1056
|
+
function W(r) {
|
|
1060
1057
|
return {
|
|
1061
1058
|
MuiCssBaseline: {
|
|
1062
1059
|
styleOverrides: {
|
|
@@ -1099,7 +1096,7 @@ function F(o) {
|
|
|
1099
1096
|
}
|
|
1100
1097
|
};
|
|
1101
1098
|
}
|
|
1102
|
-
function _(
|
|
1099
|
+
function _(r) {
|
|
1103
1100
|
return {
|
|
1104
1101
|
MuiAutocomplete: {
|
|
1105
1102
|
styleOverrides: {
|
|
@@ -1109,14 +1106,14 @@ function _(o) {
|
|
|
1109
1106
|
padding: "4px 4px 4px 8px",
|
|
1110
1107
|
borderRadius: "4px",
|
|
1111
1108
|
minHeight: "24px",
|
|
1112
|
-
[
|
|
1109
|
+
[r.breakpoints.down("sm")]: {
|
|
1113
1110
|
height: "36px",
|
|
1114
1111
|
minHeight: "36px"
|
|
1115
1112
|
}
|
|
1116
1113
|
}
|
|
1117
1114
|
},
|
|
1118
1115
|
paper: {
|
|
1119
|
-
boxShadow:
|
|
1116
|
+
boxShadow: r.vars.customShadows.z3
|
|
1120
1117
|
},
|
|
1121
1118
|
listbox: {
|
|
1122
1119
|
display: "flex",
|
|
@@ -1134,19 +1131,19 @@ function _(o) {
|
|
|
1134
1131
|
}
|
|
1135
1132
|
};
|
|
1136
1133
|
}
|
|
1137
|
-
const t = (
|
|
1138
|
-
props: { color:
|
|
1134
|
+
const t = (r, o) => ({
|
|
1135
|
+
props: { color: o },
|
|
1139
1136
|
style: {
|
|
1140
1137
|
"&:hover": {
|
|
1141
|
-
borderColor: a(
|
|
1142
|
-
backgroundColor: a(
|
|
1138
|
+
borderColor: a(r.colorSchemes.finalTheme.palette[o].main, 0.48),
|
|
1139
|
+
backgroundColor: a(r.colorSchemes.finalTheme.palette[o].main, r.vars.palette.action.hoverOpacity)
|
|
1143
1140
|
},
|
|
1144
1141
|
"&.Mui-selected": {
|
|
1145
|
-
borderColor: a(
|
|
1142
|
+
borderColor: a(r.colorSchemes.finalTheme.palette[o].main, 0.48)
|
|
1146
1143
|
}
|
|
1147
1144
|
}
|
|
1148
1145
|
});
|
|
1149
|
-
function j(
|
|
1146
|
+
function j(r) {
|
|
1150
1147
|
return {
|
|
1151
1148
|
MuiToggleButton: {
|
|
1152
1149
|
variants: [
|
|
@@ -1154,68 +1151,68 @@ function j(o) {
|
|
|
1154
1151
|
props: { color: "standard" },
|
|
1155
1152
|
style: {
|
|
1156
1153
|
"&.Mui-selected": {
|
|
1157
|
-
backgroundColor:
|
|
1154
|
+
backgroundColor: r.vars.palette.action.selected
|
|
1158
1155
|
}
|
|
1159
1156
|
}
|
|
1160
1157
|
},
|
|
1161
|
-
t(
|
|
1162
|
-
t(
|
|
1163
|
-
t(
|
|
1164
|
-
t(
|
|
1165
|
-
t(
|
|
1166
|
-
t(
|
|
1158
|
+
t(r, "primary"),
|
|
1159
|
+
t(r, "secondary"),
|
|
1160
|
+
t(r, "info"),
|
|
1161
|
+
t(r, "success"),
|
|
1162
|
+
t(r, "warning"),
|
|
1163
|
+
t(r, "error")
|
|
1167
1164
|
]
|
|
1168
1165
|
},
|
|
1169
1166
|
MuiToggleButtonGroup: {
|
|
1170
1167
|
styleOverrides: {
|
|
1171
1168
|
root: {
|
|
1172
|
-
borderRadius:
|
|
1173
|
-
backgroundColor:
|
|
1174
|
-
border: `solid 1px ${
|
|
1169
|
+
borderRadius: r.shape.borderRadius,
|
|
1170
|
+
backgroundColor: r.vars.palette.background.paper,
|
|
1171
|
+
border: `solid 1px ${r.vars.palette.state.borderDefault}`,
|
|
1175
1172
|
"& .MuiToggleButton-root": {
|
|
1176
1173
|
margin: 4,
|
|
1177
1174
|
borderColor: "transparent !important",
|
|
1178
|
-
borderRadius: `${
|
|
1175
|
+
borderRadius: `${r.shape.borderRadius}px !important`
|
|
1179
1176
|
}
|
|
1180
1177
|
}
|
|
1181
1178
|
}
|
|
1182
1179
|
}
|
|
1183
1180
|
};
|
|
1184
1181
|
}
|
|
1185
|
-
function E(
|
|
1182
|
+
function E(r) {
|
|
1186
1183
|
return {
|
|
1187
1184
|
MuiFormControlLabel: {
|
|
1188
1185
|
styleOverrides: {
|
|
1189
1186
|
label: {
|
|
1190
|
-
...
|
|
1187
|
+
...r.colorSchemes.finalTheme.typography.body1
|
|
1191
1188
|
}
|
|
1192
1189
|
}
|
|
1193
1190
|
},
|
|
1194
1191
|
MuiFormHelperText: {
|
|
1195
1192
|
styleOverrides: {
|
|
1196
1193
|
root: {
|
|
1197
|
-
marginTop:
|
|
1194
|
+
marginTop: r.spacing(1)
|
|
1198
1195
|
}
|
|
1199
1196
|
}
|
|
1200
1197
|
},
|
|
1201
1198
|
MuiFormLabel: {
|
|
1202
1199
|
styleOverrides: {
|
|
1203
1200
|
root: {
|
|
1204
|
-
color:
|
|
1201
|
+
color: r.vars.palette.text.disabled
|
|
1205
1202
|
}
|
|
1206
1203
|
}
|
|
1207
1204
|
}
|
|
1208
1205
|
};
|
|
1209
1206
|
}
|
|
1210
|
-
function N(
|
|
1207
|
+
function N(r) {
|
|
1211
1208
|
return {
|
|
1212
1209
|
MuiLoadingButton: {
|
|
1213
1210
|
styleOverrides: {
|
|
1214
1211
|
root: {
|
|
1215
1212
|
"&.MuiLoadingButton-root": {
|
|
1216
|
-
...
|
|
1213
|
+
...r.colorSchemes.finalTheme.typography.subtitle2,
|
|
1217
1214
|
"& .MuiCircularProgress-root": {
|
|
1218
|
-
color:
|
|
1215
|
+
color: r.vars.palette.primary.main
|
|
1219
1216
|
}
|
|
1220
1217
|
},
|
|
1221
1218
|
"&.MuiButton-text": {
|
|
@@ -1231,7 +1228,7 @@ function N(o) {
|
|
|
1231
1228
|
}
|
|
1232
1229
|
};
|
|
1233
1230
|
}
|
|
1234
|
-
const q = (
|
|
1231
|
+
const q = (r) => ({
|
|
1235
1232
|
M4LBruceTest: {
|
|
1236
1233
|
styleOverrides: {}
|
|
1237
1234
|
}
|
|
@@ -1242,14 +1239,14 @@ export {
|
|
|
1242
1239
|
c as C,
|
|
1243
1240
|
S as D,
|
|
1244
1241
|
p as F,
|
|
1245
|
-
|
|
1242
|
+
h as I,
|
|
1246
1243
|
b as L,
|
|
1247
1244
|
g as M,
|
|
1248
1245
|
M as P,
|
|
1249
1246
|
k as R,
|
|
1250
|
-
|
|
1247
|
+
C as S,
|
|
1251
1248
|
y as T,
|
|
1252
|
-
|
|
1249
|
+
x as a,
|
|
1253
1250
|
v as b,
|
|
1254
1251
|
l as c,
|
|
1255
1252
|
u as d,
|
|
@@ -1257,19 +1254,19 @@ export {
|
|
|
1257
1254
|
R as f,
|
|
1258
1255
|
T as g,
|
|
1259
1256
|
O as h,
|
|
1260
|
-
|
|
1257
|
+
w as i,
|
|
1261
1258
|
z as j,
|
|
1262
1259
|
B as k,
|
|
1263
1260
|
I as l,
|
|
1264
1261
|
P as m,
|
|
1265
1262
|
L as n,
|
|
1266
1263
|
D as o,
|
|
1267
|
-
|
|
1268
|
-
|
|
1264
|
+
A as p,
|
|
1265
|
+
$ as q,
|
|
1269
1266
|
G as r,
|
|
1270
|
-
|
|
1267
|
+
F as s,
|
|
1271
1268
|
H as t,
|
|
1272
|
-
|
|
1269
|
+
W as u,
|
|
1273
1270
|
_ as v,
|
|
1274
1271
|
E as w,
|
|
1275
1272
|
j as x,
|