@m4l/graphics 0.1.28 → 0.1.30

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.
Files changed (70) hide show
  1. package/contexts/HostThemeContext/index.9fe9854f.js +50 -0
  2. package/contexts/{index.2f4a4040.js → index.8c4de295.js} +1 -1
  3. package/hooks/index.64cf4fc4.js +34 -0
  4. package/hooks/index.d.ts +1 -1
  5. package/hooks/useHostTheme/index.d.ts +1 -1
  6. package/index.d.ts +1 -14
  7. package/index.js +38 -41
  8. package/package.json +2 -3
  9. package/utils/getColorPresets.d.ts +1 -1
  10. package/utils/index.22212127.js +113 -0
  11. package/utils/index.d.ts +3 -0
  12. package/{theme/palette.2baf72f5.js → vendor.158914a7.js} +20 -11
  13. package/contexts/HostThemeContext/index.a6a62c70.js +0 -50
  14. package/hooks/index.c13bc37e.js +0 -27
  15. package/hooks/useHostTheme/index.1c8e4ad7.js +0 -11
  16. package/m4l-graphics-0.1.28.tgz +0 -0
  17. package/theme/breakpoints.d.ts +0 -10
  18. package/theme/defaultThemeOptions.b2cdbe59.js +0 -36
  19. package/theme/defaultThemeOptions.d.ts +0 -2
  20. package/theme/overrides/Accordion.d.ts +0 -861
  21. package/theme/overrides/Autocomplete.d.ts +0 -26
  22. package/theme/overrides/Avatar.d.ts +0 -24
  23. package/theme/overrides/Backdrop.d.ts +0 -13
  24. package/theme/overrides/Badge.d.ts +0 -12
  25. package/theme/overrides/Breadcrumbs.d.ts +0 -11
  26. package/theme/overrides/Button.d.ts +0 -52
  27. package/theme/overrides/ButtonGroup.d.ts +0 -39
  28. package/theme/overrides/Card.d.ts +0 -36
  29. package/theme/overrides/Checkbox.d.ts +0 -18
  30. package/theme/overrides/ControlLabel.d.ts +0 -813
  31. package/theme/overrides/CssBaseline.d.ts +0 -42
  32. package/theme/overrides/DataGrid.d.ts +0 -1670
  33. package/theme/overrides/Dialog.d.ts +0 -55
  34. package/theme/overrides/Drawer.d.ts +0 -17
  35. package/theme/overrides/Fab.d.ts +0 -34
  36. package/theme/overrides/IconButton.d.ts +0 -23
  37. package/theme/overrides/Input.d.ts +0 -1661
  38. package/theme/overrides/InputLabel.d.ts +0 -14
  39. package/theme/overrides/Link.d.ts +0 -15
  40. package/theme/overrides/List.d.ts +0 -32
  41. package/theme/overrides/LoadingButton.d.ts +0 -811
  42. package/theme/overrides/Menu.d.ts +0 -15
  43. package/theme/overrides/Pagination.d.ts +0 -30
  44. package/theme/overrides/Paper.d.ts +0 -22
  45. package/theme/overrides/Popover.d.ts +0 -11
  46. package/theme/overrides/Progress.d.ts +0 -20
  47. package/theme/overrides/Radio.d.ts +0 -16
  48. package/theme/overrides/Skeleton.d.ts +0 -13
  49. package/theme/overrides/Slider.d.ts +0 -23
  50. package/theme/overrides/Stepper.d.ts +0 -10
  51. package/theme/overrides/SvgIcon.d.ts +0 -17
  52. package/theme/overrides/Switch.d.ts +0 -28
  53. package/theme/overrides/Table.d.ts +0 -3238
  54. package/theme/overrides/Tabs.d.ts +0 -845
  55. package/theme/overrides/Timeline.d.ts +0 -17
  56. package/theme/overrides/ToggleButton.d.ts +0 -43
  57. package/theme/overrides/Tooltip.d.ts +0 -13
  58. package/theme/overrides/Typography.d.ts +0 -13
  59. package/theme/overrides/index.d.ts +0 -2
  60. package/theme/overrides.7958c0ab.js +0 -1299
  61. package/theme/palette.d.ts +0 -323
  62. package/theme/shadows.bf8dc290.js +0 -61
  63. package/theme/shadows.d.ts +0 -67
  64. package/theme/stretch.d.ts +0 -9
  65. package/theme/typography.63fff3ec.js +0 -88
  66. package/theme/typography.d.ts +0 -132
  67. package/types/index.d.ts +0 -7
  68. package/utils/anchorEl.d.ts +0 -13
  69. package/utils/index.7ab4fc54.js +0 -159
  70. package/vendor.3b4b3674.js +0 -27
@@ -1,1299 +0,0 @@
1
- import { alpha as n } from "@mui/material";
2
- import { alpha as i } from "@mui/material/styles";
3
- function e(o) {
4
- return {
5
- MuiAvatar: {
6
- styleOverrides: {
7
- colorDefault: {
8
- color: o.palette.text.secondary,
9
- backgroundColor: o.palette.grey[400]
10
- }
11
- }
12
- },
13
- MuiAvatarGroup: {
14
- styleOverrides: {
15
- avatar: {
16
- fontSize: 16,
17
- fontWeight: o.typography.fontWeightMedium,
18
- "&:first-of-type": {
19
- fontSize: 14,
20
- color: o.palette.primary.main,
21
- backgroundColor: o.palette.primary.lighter
22
- }
23
- }
24
- }
25
- }
26
- };
27
- }
28
- function d(o) {
29
- return {
30
- MuiButton: {
31
- styleOverrides: {
32
- root: {
33
- textTransform: "capitalize",
34
- "&:hover": {
35
- boxShadow: "none"
36
- }
37
- },
38
- sizeLarge: {
39
- height: 48
40
- },
41
- containedInherit: {
42
- color: o.palette.grey[800],
43
- boxShadow: o.customShadows.z1,
44
- "&:hover": {
45
- backgroundColor: o.palette.grey[400]
46
- }
47
- },
48
- containedPrimary: {
49
- boxShadow: o.customShadows.z24
50
- },
51
- containedSecondary: {
52
- boxShadow: o.customShadows.secondary
53
- },
54
- containedInfo: {
55
- boxShadow: o.customShadows.info
56
- },
57
- containedSuccess: {
58
- boxShadow: o.customShadows.success
59
- },
60
- containedWarning: {
61
- boxShadow: o.customShadows.warning
62
- },
63
- containedError: {
64
- boxShadow: o.customShadows.error
65
- },
66
- outlinedInherit: {
67
- border: `1px solid ${o.palette.grey[50032]}`,
68
- "&:hover": {
69
- backgroundColor: o.palette.action.hover
70
- }
71
- },
72
- textInherit: {
73
- "&:hover": {
74
- backgroundColor: o.palette.action.hover
75
- }
76
- }
77
- }
78
- }
79
- };
80
- }
81
- function s(o) {
82
- return {
83
- MuiIconButton: {
84
- styleOverrides: {
85
- root: {
86
- "&.MuiIconButton-sizeSmall": {
87
- height: o.spacing(3),
88
- width: o.spacing(3),
89
- margin: 0,
90
- padding: 0,
91
- " > svg": {
92
- height: 20,
93
- width: 20
94
- },
95
- "& .MuiBox-root": {
96
- height: 20,
97
- width: 20
98
- }
99
- }
100
- }
101
- }
102
- }
103
- };
104
- }
105
- function l(o) {
106
- return {
107
- MuiFab: {
108
- defaultProps: {
109
- color: "primary"
110
- },
111
- styleOverrides: {
112
- root: {
113
- boxShadow: o.customShadows.z8,
114
- "&:hover": {
115
- boxShadow: "none",
116
- backgroundColor: o.palette.grey[400]
117
- }
118
- },
119
- primary: {
120
- boxShadow: o.customShadows.primary,
121
- "&:hover": {
122
- backgroundColor: o.palette.primary.dark
123
- }
124
- },
125
- secondary: {
126
- boxShadow: o.customShadows.secondary,
127
- "&:hover": {
128
- backgroundColor: o.palette.secondary.dark
129
- }
130
- },
131
- extended: {
132
- "& svg": {
133
- marginRight: o.spacing(1)
134
- }
135
- }
136
- }
137
- }
138
- };
139
- }
140
- function p(o) {
141
- return {
142
- MuiCard: {
143
- styleOverrides: {
144
- root: {
145
- position: "relative",
146
- boxShadow: o.customShadows.card,
147
- borderRadius: Number(o.shape.borderRadius) * 2,
148
- zIndex: 0
149
- }
150
- }
151
- },
152
- MuiCardHeader: {
153
- defaultProps: {
154
- titleTypographyProps: { variant: "h6" },
155
- subheaderTypographyProps: { variant: "body2", marginTop: o.spacing(0.5) }
156
- },
157
- styleOverrides: {
158
- root: {
159
- padding: o.spacing(3, 3, 0)
160
- }
161
- }
162
- },
163
- MuiCardContent: {
164
- styleOverrides: {
165
- root: {
166
- padding: o.spacing(3)
167
- }
168
- }
169
- }
170
- };
171
- }
172
- function u(o) {
173
- return {
174
- MuiTabs: {
175
- styleOverrides: {
176
- root: {
177
- padding: 0,
178
- fontWeight: o.typography.fontWeightMedium,
179
- borderTopLeftRadius: o.shape.borderRadius,
180
- borderTopRightRadius: o.shape.borderRadius,
181
- "&.Mui-selected": {
182
- color: o.palette.text.primary
183
- },
184
- "&:not(:last-of-type)": {
185
- marginRight: o.spacing(5)
186
- },
187
- "@media (min-width: 600px)": {
188
- minWidth: 48
189
- },
190
- "& .MuiButtonBase-root": {
191
- ...o.typography.subtitle2
192
- }
193
- },
194
- labelIcon: {
195
- minHeight: 48,
196
- flexDirection: "row",
197
- "& > *:first-of-type": {
198
- marginBottom: 0,
199
- marginRight: o.spacing(1)
200
- }
201
- },
202
- wrapper: {
203
- flexDirection: "row",
204
- whiteSpace: "nowrap"
205
- },
206
- textColorInherit: {
207
- opacity: 1,
208
- color: o.palette.text.secondary
209
- }
210
- }
211
- },
212
- MuiTabPanel: {
213
- styleOverrides: {
214
- root: {
215
- padding: 0
216
- }
217
- }
218
- },
219
- MuiTabScrollButton: {
220
- styleOverrides: {
221
- root: {
222
- width: 48,
223
- borderRadius: "50%"
224
- }
225
- }
226
- }
227
- };
228
- }
229
- function c(o) {
230
- return {
231
- MuiMenuItem: {
232
- styleOverrides: {
233
- root: {
234
- "&.Mui-selected": {
235
- backgroundColor: o.palette.action.selected,
236
- "&:hover": {
237
- backgroundColor: o.palette.action.hover
238
- }
239
- }
240
- }
241
- }
242
- }
243
- };
244
- }
245
- function g(o) {
246
- return {
247
- MuiLink: {
248
- defaultProps: {
249
- underline: "hover"
250
- },
251
- styleOverrides: {
252
- root: {
253
- "&.MuiLink-underlineHover": {
254
- textDecorationColor: o.palette.primary.main
255
- }
256
- }
257
- }
258
- }
259
- };
260
- }
261
- function b(o) {
262
- return {
263
- MuiListItemIcon: {
264
- styleOverrides: {
265
- root: {
266
- color: "inherit",
267
- minWidth: "auto",
268
- marginRight: o.spacing(2)
269
- }
270
- }
271
- },
272
- MuiListItemAvatar: {
273
- styleOverrides: {
274
- root: {
275
- minWidth: "auto",
276
- marginRight: o.spacing(2)
277
- }
278
- }
279
- },
280
- MuiListItemText: {
281
- styleOverrides: {
282
- root: {
283
- marginTop: 0,
284
- marginBottom: 0
285
- },
286
- multiline: {
287
- marginTop: 0,
288
- marginBottom: 0
289
- }
290
- }
291
- }
292
- };
293
- }
294
- function y(o) {
295
- return {
296
- MuiTableRow: {
297
- styleOverrides: {
298
- root: {
299
- "&.Mui-selected": {
300
- backgroundColor: o.palette.action.selected,
301
- "&:hover": {
302
- backgroundColor: o.palette.action.hover
303
- }
304
- }
305
- }
306
- }
307
- },
308
- MuiTableCell: {
309
- styleOverrides: {
310
- root: {
311
- borderBottom: "none"
312
- },
313
- head: {
314
- color: o.palette.text.secondary,
315
- backgroundColor: o.palette.background.neutral,
316
- "&:first-of-type": {
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
- },
322
- "&:last-of-type": {
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
- }
328
- },
329
- stickyHeader: {
330
- backgroundColor: o.palette.background.paper,
331
- backgroundImage: `linear-gradient(to bottom, ${o.palette.background.neutral} 0%, ${o.palette.background.neutral} 100%)`
332
- },
333
- body: {
334
- "&:first-of-type": {
335
- paddingLeft: o.spacing(3)
336
- },
337
- "&:last-of-type": {
338
- paddingRight: o.spacing(3)
339
- }
340
- }
341
- }
342
- },
343
- MuiTablePagination: {
344
- styleOverrides: {
345
- root: {
346
- ...o.typography.caption
347
- },
348
- toolbar: {
349
- "& .MuiInputBase-root": {
350
- marginLeft: o.spacing(1),
351
- marginRight: o.spacing(3),
352
- ...o.typography.caption
353
- },
354
- "&.MuiToolbar-regular": {
355
- minHeight: 40,
356
- height: 40,
357
- paddingRight: 0
358
- },
359
- "& .MuiTablePagination-displayedRows": {
360
- ...o.typography.caption
361
- }
362
- },
363
- selectLabel: {
364
- ...o.typography.caption
365
- },
366
- select: {
367
- paddingBottom: 4,
368
- "&:focus": {
369
- borderRadius: o.shape.borderRadius
370
- }
371
- },
372
- selectIcon: {
373
- width: 20,
374
- height: 20
375
- }
376
- }
377
- }
378
- };
379
- }
380
- function M(o) {
381
- return {
382
- MuiBadge: {
383
- styleOverrides: {
384
- dot: {
385
- width: 10,
386
- height: 10,
387
- borderRadius: "50%"
388
- }
389
- }
390
- }
391
- };
392
- }
393
- function f(o) {
394
- return {
395
- MuiPaper: {
396
- defaultProps: {
397
- elevation: 0
398
- },
399
- variants: [
400
- {
401
- props: { variant: "outlined" },
402
- style: { borderColor: o.palette.grey[50012] }
403
- }
404
- ],
405
- styleOverrides: {
406
- root: {
407
- backgroundImage: "none",
408
- borderRadius: "2px"
409
- }
410
- }
411
- }
412
- };
413
- }
414
- function v(o) {
415
- return {
416
- MuiFormControl: {
417
- styleOverrides: {
418
- root: {}
419
- }
420
- },
421
- MuiInputBase: {
422
- styleOverrides: {
423
- root: {
424
- backgroundColor: o.palette.background.default,
425
- ...o.typography.body2,
426
- borderRadius: o.spacing(1),
427
- "&.Mui-disabled": {
428
- "& svg": { color: o.palette.text.disabled }
429
- },
430
- padding: "0px"
431
- },
432
- input: {
433
- paddingLeft: "8px",
434
- "&::placeholder": {
435
- opacity: 1,
436
- color: o.palette.text.disabled
437
- }
438
- }
439
- }
440
- },
441
- MuiInput: {
442
- styleOverrides: {
443
- underline: {
444
- "&:before": {
445
- borderBottomColor: o.palette.grey[50056]
446
- }
447
- }
448
- }
449
- },
450
- MuiFilledInput: {
451
- styleOverrides: {
452
- root: {
453
- backgroundColor: o.palette.grey[50012],
454
- "&:hover": {
455
- backgroundColor: o.palette.grey[50016]
456
- },
457
- "&.Mui-focused": {
458
- backgroundColor: o.palette.action.focus
459
- },
460
- "&.Mui-disabled": {
461
- backgroundColor: o.palette.action.disabledBackground
462
- }
463
- },
464
- underline: {
465
- "&:before": {
466
- borderBottomColor: o.palette.grey[50056]
467
- }
468
- }
469
- }
470
- },
471
- MuiOutlinedInput: {
472
- styleOverrides: {
473
- root: {
474
- ...o.typography.body2,
475
- color: o.palette.text.primary,
476
- "& > input": {
477
- padding: o.spacing(1.5, 1.5)
478
- },
479
- "& .MuiOutlinedInput-notchedOutline": {
480
- borderColor: o.palette.grey[50032],
481
- fontSize: "0.875rem"
482
- },
483
- "&.Mui-disabled": {
484
- "& .MuiOutlinedInput-notchedOutline": {
485
- borderColor: o.palette.action.disabledBackground
486
- }
487
- },
488
- "& .MuiOutlinedInput-input:-webkit-autofill": {
489
- WebkitBoxShadow: `0 0 0 1000px ${o.palette.background.autofill} inset`
490
- }
491
- }
492
- }
493
- }
494
- };
495
- }
496
- function x(o) {
497
- return {
498
- MuiInputLabel: {
499
- styleOverrides: {
500
- shrink: {
501
- transform: "translate(14px, -9px) scale(0.75)!important"
502
- },
503
- outlined: {
504
- transform: "translate(14px, 12px) scale(1)",
505
- fontSize: 12
506
- }
507
- }
508
- }
509
- };
510
- }
511
- function k(o) {
512
- return {
513
- MuiRadio: {
514
- styleOverrides: {
515
- root: {
516
- padding: o.spacing(1),
517
- svg: {
518
- fontSize: 24,
519
- "&[font-size=small]": {
520
- fontSize: 20
521
- }
522
- }
523
- }
524
- }
525
- }
526
- };
527
- }
528
- function w(o) {
529
- const r = o.palette.mode === "light";
530
- return {
531
- MuiDrawer: {
532
- styleOverrides: {
533
- modal: {
534
- '&[role="presentation"]': {
535
- "& .MuiDrawer-paperAnchorLeft": {
536
- boxShadow: `8px 24px 24px 12px ${n(
537
- o.palette.grey[900],
538
- r ? 0.16 : 0.48
539
- )}`
540
- },
541
- "& .MuiDrawer-paperAnchorRight": {
542
- boxShadow: `-8px 24px 24px 12px ${n(
543
- o.palette.grey[900],
544
- r ? 0.16 : 0.48
545
- )}`
546
- }
547
- }
548
- }
549
- }
550
- }
551
- };
552
- }
553
- function S(o) {
554
- return {
555
- MuiDialog: {
556
- styleOverrides: {
557
- paper: {
558
- boxShadow: o.customShadows.dialog,
559
- "&.MuiPaper-rounded": {
560
- borderRadius: Number(o.shape.borderRadius) * 2
561
- },
562
- "&.MuiDialog-paperFullScreen": {
563
- borderRadius: 0
564
- },
565
- "&.MuiDialog-paper .MuiDialogActions-root": {
566
- padding: o.spacing(3)
567
- },
568
- "@media (max-width: 600px)": {
569
- margin: o.spacing(2)
570
- },
571
- "@media (max-width: 663.95px)": {
572
- "&.MuiDialog-paperWidthSm.MuiDialog-paperScrollBody": {
573
- maxWidth: "100%"
574
- }
575
- }
576
- },
577
- paperFullWidth: {
578
- width: "100%"
579
- }
580
- }
581
- },
582
- MuiDialogTitle: {
583
- styleOverrides: {
584
- root: {
585
- padding: o.spacing(3, 3, 0)
586
- }
587
- }
588
- },
589
- MuiDialogContent: {
590
- styleOverrides: {
591
- root: {
592
- borderTop: 0,
593
- borderBottom: 0,
594
- padding: o.spacing(3)
595
- }
596
- }
597
- },
598
- MuiDialogActions: {
599
- styleOverrides: {
600
- root: {
601
- "& > :not(:first-of-type)": {
602
- marginLeft: o.spacing(1.5)
603
- }
604
- }
605
- }
606
- }
607
- };
608
- }
609
- function C(o) {
610
- const r = o.palette.mode === "light";
611
- return {
612
- MuiSlider: {
613
- defaultProps: {
614
- size: "small"
615
- },
616
- styleOverrides: {
617
- root: {
618
- "&.Mui-disabled": {
619
- color: o.palette.action.disabled
620
- }
621
- },
622
- markLabel: {
623
- fontSize: 13,
624
- color: o.palette.text.disabled
625
- },
626
- valueLabel: {
627
- borderRadius: 8,
628
- backgroundColor: o.palette.grey[r ? 800 : 700]
629
- }
630
- }
631
- }
632
- };
633
- }
634
- function O(o) {
635
- const r = o.palette.mode === "light";
636
- return {
637
- MuiSwitch: {
638
- styleOverrides: {
639
- thumb: {
640
- boxShadow: o.customShadows.z1
641
- },
642
- track: {
643
- opacity: 1,
644
- backgroundColor: o.palette.grey[500]
645
- },
646
- switchBase: {
647
- left: 0,
648
- right: "auto",
649
- "&:not(:.Mui-checked)": {
650
- color: o.palette.grey[r ? 100 : 300]
651
- },
652
- "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
653
- color: o.palette.grey[r ? 400 : 600]
654
- },
655
- "&.Mui-disabled+.MuiSwitch-track": {
656
- opacity: 1,
657
- backgroundColor: `${o.palette.action.disabledBackground} !important`
658
- }
659
- }
660
- }
661
- }
662
- };
663
- }
664
- function B(o) {
665
- return {
666
- MuiSvgIcon: {
667
- styleOverrides: {
668
- fontSizeSmall: {
669
- width: 20,
670
- height: 20,
671
- fontSize: "inherit"
672
- },
673
- fontSizeLarge: {
674
- width: 32,
675
- height: 32,
676
- fontSize: "inherit"
677
- }
678
- }
679
- }
680
- };
681
- }
682
- function R(o) {
683
- const r = o.palette.mode === "light";
684
- return {
685
- MuiTooltip: {
686
- styleOverrides: {
687
- tooltip: {
688
- backgroundColor: o.palette.grey[r ? 800 : 700]
689
- },
690
- arrow: {
691
- color: o.palette.grey[r ? 800 : 700]
692
- }
693
- }
694
- }
695
- };
696
- }
697
- function h(o) {
698
- return {
699
- MuiPopover: {
700
- styleOverrides: {
701
- paper: {
702
- boxShadow: o.customShadows.dropdown,
703
- borderRadius: Number(o.shape.borderRadius) * 1.5
704
- }
705
- }
706
- }
707
- };
708
- }
709
- function L(o) {
710
- return {
711
- MuiStepConnector: {
712
- styleOverrides: {
713
- line: {
714
- borderColor: o.palette.divider
715
- }
716
- }
717
- }
718
- };
719
- }
720
- function T(o) {
721
- return {
722
- MuiDataGrid: {
723
- styleOverrides: {
724
- root: {
725
- borderRadius: 0,
726
- border: "1px solid transparent",
727
- "& .MuiTablePagination-root": {
728
- borderTop: 0
729
- },
730
- "& .MuiDataGrid-toolbarContainer": {
731
- padding: o.spacing(2),
732
- backgroundColor: o.palette.background.neutral,
733
- "& .MuiButton-root": {
734
- marginRight: o.spacing(1.5),
735
- color: o.palette.text.primary,
736
- "&:hover": {
737
- backgroundColor: o.palette.action.hover
738
- }
739
- }
740
- },
741
- "& .MuiDataGrid-cell, .MuiDataGrid-columnsContainer": {
742
- borderBottom: `1px solid ${o.palette.divider}`
743
- },
744
- "& .MuiDataGrid-columnSeparator": {
745
- color: o.palette.divider
746
- },
747
- '& .MuiDataGrid-columnHeader[data-field="__check__"]': {
748
- padding: 0
749
- }
750
- }
751
- }
752
- },
753
- MuiGridMenu: {
754
- styleOverrides: {
755
- root: {
756
- "& .MuiDataGrid-gridMenuList": {
757
- boxShadow: o.customShadows.z20,
758
- borderRadius: o.shape.borderRadius
759
- },
760
- "& .MuiMenuItem-root": {
761
- ...o.typography.body2
762
- }
763
- }
764
- }
765
- },
766
- MuiGridFilterForm: {
767
- styleOverrides: {
768
- root: {
769
- padding: o.spacing(1.5, 0),
770
- "& .MuiFormControl-root": {
771
- margin: o.spacing(0, 0.5)
772
- },
773
- "& .MuiInput-root": {
774
- marginTop: o.spacing(3),
775
- "&::before, &::after": {
776
- display: "none"
777
- },
778
- "& .MuiNativeSelect-select, .MuiInput-input": {
779
- ...o.typography.body2,
780
- padding: o.spacing(0.75, 1),
781
- borderRadius: o.shape.borderRadius,
782
- backgroundColor: o.palette.background.neutral
783
- },
784
- "& .MuiSvgIcon-root": {
785
- right: 4
786
- }
787
- }
788
- }
789
- }
790
- },
791
- MuiGridPanelFooter: {
792
- styleOverrides: {
793
- root: {
794
- padding: o.spacing(2),
795
- justifyContent: "flex-end",
796
- "& .MuiButton-root": {
797
- "&:first-of-type": {
798
- marginRight: o.spacing(1.5),
799
- color: o.palette.text.primary,
800
- "&:hover": {
801
- backgroundColor: o.palette.action.hover
802
- }
803
- },
804
- "&:last-of-type": {
805
- color: o.palette.common.white,
806
- backgroundColor: o.palette.primary.main,
807
- "&:hover": {
808
- backgroundColor: o.palette.primary.dark
809
- }
810
- }
811
- }
812
- }
813
- }
814
- }
815
- };
816
- }
817
- function I(o) {
818
- return {
819
- MuiSkeleton: {
820
- defaultProps: {
821
- animation: "wave"
822
- },
823
- styleOverrides: {
824
- root: {
825
- backgroundColor: o.palette.divider
826
- }
827
- }
828
- }
829
- };
830
- }
831
- function P(o) {
832
- const r = i(o.palette.grey[900], 0.48), a = i(o.palette.grey[900], 1);
833
- return {
834
- MuiBackdrop: {
835
- styleOverrides: {
836
- root: {
837
- background: [
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%)`
842
- ],
843
- "&.MuiBackdrop-invisible": {
844
- background: "transparent"
845
- }
846
- }
847
- }
848
- }
849
- };
850
- }
851
- function D(o) {
852
- const r = o.palette.mode === "light";
853
- return {
854
- MuiLinearProgress: {
855
- styleOverrides: {
856
- root: {
857
- borderRadius: 4,
858
- overflow: "hidden"
859
- },
860
- bar: {
861
- borderRadius: 4
862
- },
863
- colorPrimary: {
864
- backgroundColor: o.palette.primary[r ? "lighter" : "darker"]
865
- },
866
- buffer: {
867
- backgroundColor: "transparent"
868
- }
869
- }
870
- }
871
- };
872
- }
873
- function $(o) {
874
- return {
875
- MuiTimelineDot: {
876
- styleOverrides: {
877
- root: {
878
- boxShadow: "none"
879
- }
880
- }
881
- },
882
- MuiTimelineConnector: {
883
- styleOverrides: {
884
- root: {
885
- backgroundColor: o.palette.divider
886
- }
887
- }
888
- }
889
- };
890
- }
891
- function z(o) {
892
- return {
893
- MuiCheckbox: {
894
- styleOverrides: {
895
- root: {
896
- padding: o.spacing(1),
897
- oleee: "sss",
898
- color: o.palette.action.active,
899
- "& .Mui-checked": {
900
- color: o.palette.primary.main
901
- },
902
- "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
903
- color: o.palette.action.disabled
904
- }
905
- }
906
- }
907
- }
908
- };
909
- }
910
- function W(o) {
911
- return {
912
- MuiAccordion: {
913
- styleOverrides: {
914
- root: {
915
- backgroundColor: o.palette.background.default,
916
- width: "100%",
917
- marginTop: "0px",
918
- marginBottom: o.spacing(1.5),
919
- "&.Mui-expanded": {
920
- marginTop: "0px",
921
- marginBottom: o.spacing(1.5)
922
- },
923
- border: "0px solid transparent",
924
- "&.Mui-disabled": {
925
- backgroundColor: "transparent"
926
- },
927
- "&::before": {
928
- content: "none"
929
- }
930
- }
931
- }
932
- },
933
- MuiAccordionDetails: {
934
- styleOverrides: {
935
- root: {
936
- padding: `0px ${o.spacing(0)}`
937
- }
938
- }
939
- },
940
- MuiAccordionSummary: {
941
- styleOverrides: {
942
- root: {
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),
949
- marginBottom: "0px",
950
- "&.Mui-expanded": {
951
- height: o.spacing(4.5),
952
- minHeight: o.spacing(4.5),
953
- borderRadius: `${o.spacing(0.5)} ${o.spacing(0.5)} 0px 0px`
954
- },
955
- "&.Mui-disabled": {
956
- opacity: 1,
957
- color: o.palette.action.disabled,
958
- "& .MuiTypography-root": {
959
- color: "inherit"
960
- }
961
- }
962
- },
963
- expandIconWrapper: {
964
- color: o.palette.action.active,
965
- height: 20,
966
- width: 20,
967
- alignItems: "center",
968
- justifyContent: "center",
969
- "& > svg": {
970
- height: 12,
971
- width: 12
972
- }
973
- },
974
- content: {
975
- ...o.typography.subtitle2,
976
- margin: "0px",
977
- "&.Mui-expanded": {
978
- margin: "0px"
979
- }
980
- }
981
- }
982
- }
983
- };
984
- }
985
- function A(o) {
986
- return {
987
- MuiTypography: {
988
- styleOverrides: {
989
- paragraph: {
990
- marginBottom: o.spacing(2)
991
- },
992
- gutterBottom: {
993
- marginBottom: o.spacing(1)
994
- }
995
- }
996
- }
997
- };
998
- }
999
- function G(o) {
1000
- return {
1001
- MuiPaginationItem: {
1002
- styleOverrides: {
1003
- root: {
1004
- "&.Mui-selected": {
1005
- fontWeight: o.typography.fontWeightBold
1006
- }
1007
- },
1008
- textPrimary: {
1009
- "&.Mui-selected": {
1010
- color: o.palette.primary.main,
1011
- backgroundColor: i(o.palette.primary.main, 0.08),
1012
- "&:hover, &.Mui-focusVisible": {
1013
- backgroundColor: `${i(
1014
- o.palette.primary.main,
1015
- 0.24
1016
- )} !important`
1017
- }
1018
- }
1019
- },
1020
- outlined: {
1021
- border: `1px solid ${o.palette.grey[50032]}`
1022
- },
1023
- outlinedPrimary: {
1024
- "&.Mui-selected": {
1025
- backgroundColor: i(o.palette.primary.main, 0.08),
1026
- border: `1px solid ${i(o.palette.primary.main, 0.24)}`
1027
- }
1028
- }
1029
- }
1030
- }
1031
- };
1032
- }
1033
- function F(o) {
1034
- return {
1035
- MuiBreadcrumbs: {
1036
- styleOverrides: {
1037
- separator: {
1038
- marginLeft: o.spacing(2),
1039
- marginRight: o.spacing(2)
1040
- }
1041
- }
1042
- }
1043
- };
1044
- }
1045
- function H(o) {
1046
- const r = (a) => ({
1047
- props: { variant: "contained", color: a },
1048
- style: { boxShadow: o.customShadows[a] }
1049
- });
1050
- return {
1051
- MuiButtonGroup: {
1052
- variants: [
1053
- {
1054
- props: { variant: "contained", color: "inherit" },
1055
- style: { boxShadow: o.customShadows.z8 }
1056
- },
1057
- r("primary"),
1058
- r("secondary"),
1059
- r("info"),
1060
- r("success"),
1061
- r("warning"),
1062
- r("error"),
1063
- {
1064
- props: { disabled: !0 },
1065
- style: {
1066
- boxShadow: "none",
1067
- "& .MuiButtonGroup-grouped.Mui-disabled": {
1068
- color: o.palette.action.disabled,
1069
- borderColor: `${o.palette.action.disabledBackground} !important`,
1070
- "&.MuiButton-contained": {
1071
- backgroundColor: o.palette.action.disabledBackground
1072
- }
1073
- }
1074
- }
1075
- }
1076
- ],
1077
- styleOverrides: {
1078
- root: {
1079
- "&:hover": {
1080
- boxShadow: "none"
1081
- }
1082
- }
1083
- }
1084
- }
1085
- };
1086
- }
1087
- function _(o) {
1088
- return {
1089
- MuiCssBaseline: {
1090
- styleOverrides: {
1091
- "*": {
1092
- margin: 0,
1093
- padding: 0,
1094
- boxSizing: "border-box"
1095
- },
1096
- html: {
1097
- width: "100%",
1098
- height: "100%",
1099
- WebkitOverflowScrolling: "touch"
1100
- },
1101
- body: {
1102
- width: "100%",
1103
- height: "100%"
1104
- },
1105
- "#root": {
1106
- width: "100%",
1107
- height: "100%"
1108
- },
1109
- input: {
1110
- "&[type=number]": {
1111
- MozAppearance: "textfield",
1112
- "&::-webkit-outer-spin-button": {
1113
- margin: 0,
1114
- WebkitAppearance: "none"
1115
- },
1116
- "&::-webkit-inner-spin-button": {
1117
- margin: 0,
1118
- WebkitAppearance: "none"
1119
- }
1120
- }
1121
- },
1122
- img: {
1123
- display: "block",
1124
- maxWidth: "100%"
1125
- }
1126
- }
1127
- }
1128
- };
1129
- }
1130
- function N(o) {
1131
- return {
1132
- MuiAutocomplete: {
1133
- styleOverrides: {
1134
- root: {
1135
- "& .MuiInputBase-root": {
1136
- padding: "0 39px 0px 0"
1137
- },
1138
- input: {
1139
- padding: `${o.spacing(1.5, 1.5)}!important`
1140
- }
1141
- },
1142
- paper: {
1143
- boxShadow: o.customShadows.dropdown
1144
- },
1145
- listbox: {
1146
- padding: o.spacing(0, 1),
1147
- "& .MuiAutocomplete-option": {
1148
- padding: o.spacing(1),
1149
- margin: o.spacing(1, 0),
1150
- borderRadius: o.shape.borderRadius
1151
- }
1152
- }
1153
- }
1154
- }
1155
- };
1156
- }
1157
- const t = (o, r) => ({
1158
- props: { color: r },
1159
- style: {
1160
- "&:hover": {
1161
- borderColor: i(o.palette[r].main, 0.48),
1162
- backgroundColor: i(o.palette[r].main, o.palette.action.hoverOpacity)
1163
- },
1164
- "&.Mui-selected": {
1165
- borderColor: i(o.palette[r].main, 0.48)
1166
- }
1167
- }
1168
- });
1169
- function j(o) {
1170
- return {
1171
- MuiToggleButton: {
1172
- variants: [
1173
- {
1174
- props: { color: "standard" },
1175
- style: {
1176
- "&.Mui-selected": {
1177
- backgroundColor: o.palette.action.selected
1178
- }
1179
- }
1180
- },
1181
- t(o, "primary"),
1182
- t(o, "secondary"),
1183
- t(o, "info"),
1184
- t(o, "success"),
1185
- t(o, "warning"),
1186
- t(o, "error")
1187
- ]
1188
- },
1189
- MuiToggleButtonGroup: {
1190
- styleOverrides: {
1191
- root: {
1192
- borderRadius: o.shape.borderRadius,
1193
- backgroundColor: o.palette.background.paper,
1194
- border: `solid 1px ${o.palette.grey[50012]}`,
1195
- "& .MuiToggleButton-root": {
1196
- margin: 4,
1197
- borderColor: "transparent !important",
1198
- borderRadius: `${o.shape.borderRadius}px !important`
1199
- }
1200
- }
1201
- }
1202
- }
1203
- };
1204
- }
1205
- function E(o) {
1206
- return {
1207
- MuiFormControlLabel: {
1208
- styleOverrides: {
1209
- label: {
1210
- ...o.typography.body1
1211
- }
1212
- }
1213
- },
1214
- MuiFormHelperText: {
1215
- styleOverrides: {
1216
- root: {
1217
- marginTop: o.spacing(1)
1218
- }
1219
- }
1220
- },
1221
- MuiFormLabel: {
1222
- styleOverrides: {
1223
- root: {
1224
- color: o.palette.text.disabled
1225
- }
1226
- }
1227
- }
1228
- };
1229
- }
1230
- function V(o) {
1231
- return {
1232
- MuiLoadingButton: {
1233
- styleOverrides: {
1234
- root: {
1235
- "&.MuiLoadingButton-root": {
1236
- ...o.typography.subtitle2,
1237
- "& .MuiCircularProgress-root": {
1238
- color: o.palette.primary.main
1239
- }
1240
- },
1241
- "&.MuiButton-text": {
1242
- "& .MuiLoadingButton-startIconPendingStart": {
1243
- marginLeft: 0
1244
- },
1245
- "& .MuiLoadingButton-endIconPendingEnd": {
1246
- marginRight: 0
1247
- }
1248
- }
1249
- }
1250
- }
1251
- }
1252
- };
1253
- }
1254
- function J(o) {
1255
- return Object.assign(
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)
1295
- );
1296
- }
1297
- export {
1298
- J as f
1299
- };