@m4l/styles 0.0.34 → 0.0.36

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 (27) hide show
  1. package/index.js +37 -37
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.66a289a7.js → defaultThemeOptions.5e505df7.js} +11 -8
  4. package/theme/index.149cbcc9.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +74 -41
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +52 -10
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +155 -121
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +1382 -2463
  9. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +63 -10
  10. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +124 -5
  11. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +8 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +5 -0
  13. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +14 -1
  14. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +32 -3
  15. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +1 -1
  16. package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +4 -1
  17. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +177 -15
  18. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +7 -0
  19. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +3 -0
  20. package/theme/overrides/M4LExtendedComponents/{index.e406c71f.js → index.bb252f51.js} +621 -323
  21. package/theme/overrides/M4LRHFComponents/{index.d7a80536.js → index.8ab5d2b9.js} +1 -1
  22. package/theme/overrides/{index.2d07abe3.js → index.9d5ad9da.js} +2 -2
  23. package/theme/{shadows.a726d8c6.js → shadows.479d005a.js} +2 -2
  24. package/theme/{typography.b14a8e35.js → typography.927a0f62.js} +32 -24
  25. package/utils/{getColorState.ce01540c.js → getColorState.4b06bb84.js} +21 -16
  26. package/utils/getColorState.d.ts +1 -1
  27. package/theme/index.34d0fdea.js +0 -1
@@ -20,6 +20,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
20
20
  right: string;
21
21
  top: string;
22
22
  height: string;
23
+ minHeight: string;
23
24
  padding: string;
24
25
  display: string;
25
26
  flexDirection: string;
@@ -67,12 +68,14 @@ export declare const M4LDataGrid: (theme: Theme) => {
67
68
  position?: undefined;
68
69
  height?: undefined;
69
70
  overflow?: undefined;
71
+ borderRadius?: undefined;
70
72
  '& .rdg '?: undefined;
71
73
  '& [role="columnheader"]'?: undefined;
72
74
  '& .rdg-row'?: undefined;
73
75
  '& .rdg-cell'?: undefined;
74
76
  '& .rdg-cell[role="gridcell"]'?: undefined;
75
77
  '& .rdg-cell[role="columnheader"] .rdg-header-sort-name'?: undefined;
78
+ '& .rdg-cell[role="columnheader"] [draggable="true"]'?: undefined;
76
79
  '& [aria-selected=true]'?: undefined;
77
80
  '& .rdg-cell.rdg-cell-align-left'?: undefined;
78
81
  '& .rdg-cell.rdg-cell-align-center'?: undefined;
@@ -88,6 +91,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
88
91
  position: string;
89
92
  height: string;
90
93
  overflow: string;
94
+ borderRadius: string;
91
95
  '& .rdg ': {
92
96
  border: string;
93
97
  background: string;
@@ -114,7 +118,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
114
118
  borderLeft: string;
115
119
  borderRight: string;
116
120
  borderColor: string;
117
- test: string;
118
121
  };
119
122
  };
120
123
  '& [role="columnheader"]': {
@@ -177,6 +180,9 @@ export declare const M4LDataGrid: (theme: Theme) => {
177
180
  '& .rdg-cell[role="columnheader"] .rdg-header-sort-name': {
178
181
  lineHeight: string;
179
182
  };
183
+ '& .rdg-cell[role="columnheader"] [draggable="true"]': {
184
+ lineHeight: string;
185
+ };
180
186
  '& [aria-selected=true]': {
181
187
  backgroundColor: string;
182
188
  color: string;
@@ -217,13 +223,13 @@ export declare const M4LDataGrid: (theme: Theme) => {
217
223
  gridTemplateColumns: string;
218
224
  borderBottom: string;
219
225
  borderColor: string;
226
+ '& [draggable="true"]': {
227
+ fontSize: Record<string, any>;
228
+ };
220
229
  '&.rdg-cell-frozen-last': {
221
230
  borderColor: string;
222
231
  boxShadow: string;
223
- '&:after': {
224
- borderRight: string;
225
- borderColor: string;
226
- };
232
+ '&:after': {};
227
233
  };
228
234
  '& .rdg-header-sort-cell': {
229
235
  '& .rdg-header-sort-name + span': {
@@ -272,6 +278,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
272
278
  position: string;
273
279
  height: string;
274
280
  overflow: string;
281
+ borderRadius: string;
275
282
  '& .rdg ': {
276
283
  border: string;
277
284
  background: string;
@@ -298,7 +305,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
298
305
  borderLeft: string;
299
306
  borderRight: string;
300
307
  borderColor: string;
301
- test: string;
302
308
  };
303
309
  };
304
310
  '& [role="columnheader"]': {
@@ -361,6 +367,9 @@ export declare const M4LDataGrid: (theme: Theme) => {
361
367
  '& .rdg-cell[role="columnheader"] .rdg-header-sort-name': {
362
368
  lineHeight: string;
363
369
  };
370
+ '& .rdg-cell[role="columnheader"] [draggable="true"]': {
371
+ lineHeight: string;
372
+ };
364
373
  '& [aria-selected=true]': {
365
374
  backgroundColor: string;
366
375
  color: string;
@@ -401,13 +410,13 @@ export declare const M4LDataGrid: (theme: Theme) => {
401
410
  gridTemplateColumns: string;
402
411
  borderBottom: string;
403
412
  borderColor: string;
413
+ '& [draggable="true"]': {
414
+ fontSize: Record<string, any>;
415
+ };
404
416
  '&.rdg-cell-frozen-last': {
405
417
  borderColor: string;
406
418
  boxShadow: string;
407
- '&:after': {
408
- borderRight: string;
409
- borderColor: string;
410
- };
419
+ '&:after': {};
411
420
  };
412
421
  '& .rdg-header-sort-cell': {
413
422
  '& .rdg-header-sort-name + span': {
@@ -453,7 +462,51 @@ export declare const M4LDataGrid: (theme: Theme) => {
453
462
  M4LDataGridActionsFormatter: {
454
463
  styleOverrides: {
455
464
  '&.M4LDataGrid-actionsFormatter': {
465
+ [x: string]: string | {
466
+ gap: string;
467
+ '& .MuiButtonBase-root': {
468
+ minHeight: string;
469
+ padding: string;
470
+ gap: string;
471
+ '& .M4LIcon-root': {
472
+ minHeight: string;
473
+ minWidth: string;
474
+ };
475
+ };
476
+ '& .MuiPaper-root'?: undefined;
477
+ } | {
478
+ '& .MuiPaper-root': {
479
+ padding: string;
480
+ '& .MuiButtonBase-root': {
481
+ minHeight: string;
482
+ padding: string;
483
+ gap: string;
484
+ '& .M4LIcon-root': {
485
+ minHeight: string;
486
+ minWidth: string;
487
+ '& .M4LIcon-icon': {
488
+ minHeight: string;
489
+ minWidth: string;
490
+ };
491
+ };
492
+ };
493
+ };
494
+ gap?: undefined;
495
+ '& .MuiButtonBase-root'?: undefined;
496
+ };
456
497
  test: string;
498
+ '& .MuiPaper-root': {
499
+ gap: string;
500
+ '& .MuiButtonBase-root': {
501
+ minHeight: string;
502
+ padding: string;
503
+ gap: string;
504
+ '& .M4LIcon-root': {
505
+ minHeight: string;
506
+ minWidth: string;
507
+ };
508
+ };
509
+ };
457
510
  };
458
511
  };
459
512
  };
@@ -537,6 +537,31 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
537
537
  styleOverrides: {
538
538
  '&.M4LDynamicFilter-popoverMenuFields': {
539
539
  '& .M4LDynamicFilter-popoverMenuFieldsPaper': {
540
+ [x: string]: string | {
541
+ paddingLeft: string;
542
+ paddingRight: string;
543
+ borderRadius: string;
544
+ '& .M4LDynamicFilter-classespopoverLabelMemuItem': {
545
+ color: string;
546
+ };
547
+ '& .M4LDynamicFilter-popoverMenuFieldsItem:hover': {
548
+ color: string;
549
+ background: string;
550
+ borderRadius: string;
551
+ padding: string;
552
+ boxShadow: string;
553
+ };
554
+ padding?: undefined;
555
+ gap?: undefined;
556
+ } | {
557
+ padding: string;
558
+ gap: string;
559
+ paddingLeft?: undefined;
560
+ paddingRight?: undefined;
561
+ borderRadius?: undefined;
562
+ '& .M4LDynamicFilter-classespopoverLabelMemuItem'?: undefined;
563
+ '& .M4LDynamicFilter-popoverMenuFieldsItem:hover'?: undefined;
564
+ };
540
565
  display: string;
541
566
  flexDirection: string;
542
567
  padding: string;
@@ -564,11 +589,11 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
564
589
  M4LDynamicFilterPopoverFilter: {
565
590
  styleOverrides: {
566
591
  '&.M4LDynamicFilter-popoverFilter': {
567
- width: string;
568
- '& .M4LDynamicFilter-popoverFilterPaper': {
592
+ [x: string]: string | {
569
593
  padding: string;
570
594
  minWidth: string;
571
595
  minHeight: string;
596
+ boxShadow: string;
572
597
  '& .M4LPopover-arrowStyle': {
573
598
  background: string;
574
599
  };
@@ -584,18 +609,112 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
584
609
  padding: string;
585
610
  borderTopLeftRadius: string;
586
611
  borderTopRightRadius: string;
587
- boxShadow: string;
588
612
  borderBottom: string;
613
+ height: string;
614
+ '& .M4LIcon-root': {
615
+ '& .M4LIcon-icon': {};
616
+ };
589
617
  '& .MuiTypography-root': {
590
618
  color: string;
619
+ '& .MuiTypography-root': {};
591
620
  };
592
621
  };
593
622
  '& .M4LDynamicFilter-popoverContainerFields': {
594
623
  height: string;
595
624
  "& .M4LDynamicFilter-containerStringFilter,\n & .M4LDynamicFilter-containerBooleanFilter,\n & .M4LDynamicFilter-containerNumberFilter,\n & .M4LDynamicFilter-containerDateTimeFilter\n ": {
596
- [x: string]: string | {
625
+ display: string;
626
+ height: string;
627
+ flexDirection: string;
628
+ padding: string;
629
+ gap: string;
630
+ };
631
+ };
632
+ '& .M4LCommonActions-root': {
633
+ display: string;
634
+ flexDirection: string;
635
+ gap: string;
636
+ padding: string;
637
+ '.M4LButton-root': {
638
+ height: string;
639
+ };
640
+ };
641
+ };
642
+ '& .M4LDynamicFilter-popoverFilterPaper'?: undefined;
643
+ } | {
644
+ '& .M4LDynamicFilter-popoverFilterPaper': {
645
+ '& .M4LRHFormProvider-root': {
646
+ '& .M4LDynamicFilter-popoverFilterHeader': {
647
+ height: string;
648
+ '& .M4LIcon-root': {
649
+ '& .M4LIcon-icon': {};
650
+ };
651
+ '& .MuiTypography-root': {
652
+ color: string;
653
+ '& .MuiTypography-root': {};
654
+ };
655
+ };
656
+ '& .M4LDynamicFilter-popoverContainerFields': {
657
+ height: string;
658
+ "& .M4LDynamicFilter-containerStringFilter,\n & .M4LDynamicFilter-containerBooleanFilter,\n & .M4LDynamicFilter-containerNumberFilter,\n & .M4LDynamicFilter-containerDateTimeFilter\n ": {
659
+ display: string;
660
+ height: string;
661
+ flexDirection: string;
662
+ padding: string;
597
663
  gap: string;
598
664
  };
665
+ };
666
+ '& .M4LCommonActions-root': {
667
+ display: string;
668
+ flexDirection: string;
669
+ gap: string;
670
+ padding: string;
671
+ '.M4LButton-root': {
672
+ height: string;
673
+ };
674
+ };
675
+ };
676
+ };
677
+ padding?: undefined;
678
+ minWidth?: undefined;
679
+ minHeight?: undefined;
680
+ boxShadow?: undefined;
681
+ '& .M4LPopover-arrowStyle'?: undefined;
682
+ '& .M4LRHFormProvider-root'?: undefined;
683
+ };
684
+ width: string;
685
+ '& .M4LDynamicFilter-popoverFilterPaper': {
686
+ padding: string;
687
+ minWidth: string;
688
+ minHeight: string;
689
+ boxShadow: string;
690
+ '& .M4LPopover-arrowStyle': {
691
+ background: string;
692
+ };
693
+ '& .M4LRHFormProvider-root': {
694
+ gap: string;
695
+ width: string;
696
+ minWidth: string;
697
+ height: string;
698
+ '& .M4LDynamicFilter-popoverFilterHeader': {
699
+ background: string;
700
+ display: string;
701
+ gap: string;
702
+ padding: string;
703
+ borderTopLeftRadius: string;
704
+ borderTopRightRadius: string;
705
+ borderBottom: string;
706
+ height: string;
707
+ '& .M4LIcon-root': {
708
+ '& .M4LIcon-icon': {};
709
+ };
710
+ '& .MuiTypography-root': {
711
+ color: string;
712
+ '& .MuiTypography-root': {};
713
+ };
714
+ };
715
+ '& .M4LDynamicFilter-popoverContainerFields': {
716
+ height: string;
717
+ "& .M4LDynamicFilter-containerStringFilter,\n & .M4LDynamicFilter-containerBooleanFilter,\n & .M4LDynamicFilter-containerNumberFilter,\n & .M4LDynamicFilter-containerDateTimeFilter\n ": {
599
718
  display: string;
600
719
  height: string;
601
720
  flexDirection: string;
@@ -609,7 +728,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
609
728
  gap: string;
610
729
  padding: string;
611
730
  '.M4LButton-root': {
612
- width: string;
731
+ height: string;
613
732
  };
614
733
  };
615
734
  };
@@ -122,6 +122,10 @@ export declare const M4LModalDialog: (theme: Theme) => {
122
122
  flexDirection: string;
123
123
  flex: string;
124
124
  overflow: string;
125
+ '& .M4LStack-root': {
126
+ gap: string;
127
+ overflow: string;
128
+ };
125
129
  };
126
130
  maxHeight?: undefined;
127
131
  borderColor?: undefined;
@@ -228,6 +232,10 @@ export declare const M4LModalDialog: (theme: Theme) => {
228
232
  flexDirection: string;
229
233
  flex: string;
230
234
  overflow: string;
235
+ '& .M4LStack-root': {
236
+ gap: string;
237
+ overflow: string;
238
+ };
231
239
  };
232
240
  };
233
241
  };
@@ -10,6 +10,9 @@ export declare const M4LPaperForm: (theme: Theme) => {
10
10
  borderColor: string;
11
11
  width: string;
12
12
  height: string;
13
+ '&.M4LPaperForm-isForm .M4LPaperForm-content': {
14
+ gap: string;
15
+ };
13
16
  "& .M4LPaperForm-headerContainer": {
14
17
  [x: string]: string | {
15
18
  height: string;
@@ -42,6 +45,8 @@ export declare const M4LPaperForm: (theme: Theme) => {
42
45
  };
43
46
  };
44
47
  "& .M4LPaperForm-content": {
48
+ display: string;
49
+ flexDirection: string;
45
50
  height: string;
46
51
  width: string;
47
52
  padding: string;
@@ -12,6 +12,7 @@ export declare const M4LPeriod: (theme: Theme) => {
12
12
  borderColor?: undefined;
13
13
  width?: undefined;
14
14
  height?: undefined;
15
+ borderRight?: undefined;
15
16
  display?: undefined;
16
17
  '& .MuiAutocomplete-root'?: undefined;
17
18
  "& .MuiFormControl-root"?: undefined;
@@ -33,6 +34,7 @@ export declare const M4LPeriod: (theme: Theme) => {
33
34
  borderColor?: undefined;
34
35
  width?: undefined;
35
36
  height?: undefined;
37
+ borderRight?: undefined;
36
38
  display?: undefined;
37
39
  '& .MuiAutocomplete-root'?: undefined;
38
40
  "& .MuiFormControl-root"?: undefined;
@@ -54,6 +56,7 @@ export declare const M4LPeriod: (theme: Theme) => {
54
56
  backgroundColor?: undefined;
55
57
  width?: undefined;
56
58
  height?: undefined;
59
+ borderRight?: undefined;
57
60
  display?: undefined;
58
61
  '& .MuiAutocomplete-root'?: undefined;
59
62
  "& .MuiFormControl-root"?: undefined;
@@ -70,11 +73,12 @@ export declare const M4LPeriod: (theme: Theme) => {
70
73
  width: string;
71
74
  height: string;
72
75
  padding: string;
76
+ borderRight: string;
77
+ borderColor: string;
73
78
  backgroundColor?: undefined;
74
79
  minHeight?: undefined;
75
80
  minWidth?: undefined;
76
81
  borderLeft?: undefined;
77
- borderColor?: undefined;
78
82
  display?: undefined;
79
83
  '& .MuiAutocomplete-root'?: undefined;
80
84
  "& .MuiFormControl-root"?: undefined;
@@ -97,6 +101,7 @@ export declare const M4LPeriod: (theme: Theme) => {
97
101
  borderLeft?: undefined;
98
102
  borderColor?: undefined;
99
103
  height?: undefined;
104
+ borderRight?: undefined;
100
105
  '& .MuiAutocomplete-root'?: undefined;
101
106
  "& .MuiFormControl-root"?: undefined;
102
107
  '& .MuiTextField-root'?: undefined;
@@ -196,6 +201,7 @@ export declare const M4LPeriod: (theme: Theme) => {
196
201
  minWidth?: undefined;
197
202
  borderLeft?: undefined;
198
203
  borderColor?: undefined;
204
+ borderRight?: undefined;
199
205
  display?: undefined;
200
206
  boxShadow?: undefined;
201
207
  "&.M4LPeriod-stateError:hover"?: undefined;
@@ -228,6 +234,7 @@ export declare const M4LPeriod: (theme: Theme) => {
228
234
  borderLeft?: undefined;
229
235
  width?: undefined;
230
236
  height?: undefined;
237
+ borderRight?: undefined;
231
238
  display?: undefined;
232
239
  '& .MuiAutocomplete-root'?: undefined;
233
240
  "& .MuiFormControl-root"?: undefined;
@@ -259,6 +266,7 @@ export declare const M4LPeriod: (theme: Theme) => {
259
266
  borderLeft?: undefined;
260
267
  width?: undefined;
261
268
  height?: undefined;
269
+ borderRight?: undefined;
262
270
  display?: undefined;
263
271
  '& .MuiAutocomplete-root'?: undefined;
264
272
  "& .MuiFormControl-root"?: undefined;
@@ -291,6 +299,7 @@ export declare const M4LPeriod: (theme: Theme) => {
291
299
  borderLeft?: undefined;
292
300
  width?: undefined;
293
301
  height?: undefined;
302
+ borderRight?: undefined;
294
303
  display?: undefined;
295
304
  '& .MuiAutocomplete-root'?: undefined;
296
305
  "& .MuiFormControl-root"?: undefined;
@@ -323,6 +332,7 @@ export declare const M4LPeriod: (theme: Theme) => {
323
332
  borderLeft?: undefined;
324
333
  width?: undefined;
325
334
  height?: undefined;
335
+ borderRight?: undefined;
326
336
  display?: undefined;
327
337
  '& .MuiAutocomplete-root'?: undefined;
328
338
  "& .MuiFormControl-root"?: undefined;
@@ -388,6 +398,7 @@ export declare const M4LPeriod: (theme: Theme) => {
388
398
  borderLeft?: undefined;
389
399
  borderColor?: undefined;
390
400
  width?: undefined;
401
+ borderRight?: undefined;
391
402
  display?: undefined;
392
403
  '& .MuiAutocomplete-root'?: undefined;
393
404
  "& .MuiFormControl-root"?: undefined;
@@ -422,6 +433,8 @@ export declare const M4LPeriod: (theme: Theme) => {
422
433
  width: string;
423
434
  height: string;
424
435
  padding: string;
436
+ borderRight: string;
437
+ borderColor: string;
425
438
  };
426
439
  '& .M4LPeriod-containerDateValue': {
427
440
  display: string;
@@ -13,9 +13,18 @@ export declare const M4LPopover: (theme: Theme) => {
13
13
  '& .MuiButtonBase-root': {
14
14
  justifyContent: string;
15
15
  gap: string;
16
+ minHeight: string;
17
+ padding: string;
18
+ '& .M4LIcon-root': {
19
+ minHeight: string;
20
+ minWidth: string;
21
+ };
22
+ '& .M4LDynamicFilter-classespopoverLabelMemuItem': {
23
+ margin: string;
24
+ height: string;
25
+ };
16
26
  margin?: undefined;
17
27
  borderRadius?: undefined;
18
- padding?: undefined;
19
28
  };
20
29
  '& :nth-of-type(-n + 1)'?: undefined;
21
30
  '& .M4LanguagePopover-labelItem'?: undefined;
@@ -30,7 +39,6 @@ export declare const M4LPopover: (theme: Theme) => {
30
39
  color: string;
31
40
  borderRadius: string;
32
41
  margin: string;
33
- paddingLeft: string;
34
42
  };
35
43
  '& .MuiButtonBase-root': {
36
44
  margin: string;
@@ -38,6 +46,9 @@ export declare const M4LPopover: (theme: Theme) => {
38
46
  padding: string;
39
47
  gap: string;
40
48
  justifyContent: string;
49
+ minHeight?: undefined;
50
+ '& .M4LIcon-root'?: undefined;
51
+ '& .M4LDynamicFilter-classespopoverLabelMemuItem'?: undefined;
41
52
  };
42
53
  '& .MuiButtonBase-root:hover': {
43
54
  backgroundColor: string;
@@ -64,6 +75,15 @@ export declare const M4LPopover: (theme: Theme) => {
64
75
  '& .MuiButtonBase-root': {
65
76
  justifyContent: string;
66
77
  gap: string;
78
+ minHeight: string;
79
+ '& .M4LIcon-root': {
80
+ minHeight: string;
81
+ minWidth: string;
82
+ '& .M4LIcon-icon': {
83
+ minHeight: string;
84
+ minWidth: string;
85
+ };
86
+ };
67
87
  '& .css-1qhcwcd': {
68
88
  width: string;
69
89
  height: string;
@@ -102,6 +122,16 @@ export declare const M4LPopover: (theme: Theme) => {
102
122
  '& .MuiButtonBase-root': {
103
123
  justifyContent: string;
104
124
  gap: string;
125
+ minHeight: string;
126
+ padding: string;
127
+ '& .M4LIcon-root': {
128
+ minHeight: string;
129
+ minWidth: string;
130
+ };
131
+ '& .M4LDynamicFilter-classespopoverLabelMemuItem': {
132
+ margin: string;
133
+ height: string;
134
+ };
105
135
  };
106
136
  };
107
137
  '& .M4LanguagePopover-containerItems': {
@@ -112,7 +142,6 @@ export declare const M4LPopover: (theme: Theme) => {
112
142
  color: string;
113
143
  borderRadius: string;
114
144
  margin: string;
115
- paddingLeft: string;
116
145
  };
117
146
  '& .MuiButtonBase-root': {
118
147
  margin: string;
@@ -108,7 +108,7 @@ export declare const M4LPropertyValue: (theme: Theme) => {
108
108
  minHeight: string;
109
109
  height: string;
110
110
  justifyContent: string;
111
- paddingLeft: string;
111
+ padding: string;
112
112
  };
113
113
  '& .M4LPropertyValue-value': {
114
114
  minHeight: string;
@@ -3,11 +3,14 @@ export declare const M4LScrollBar: (theme: Theme) => {
3
3
  M4LScrollBar: {
4
4
  styleOverrides: {
5
5
  '&.M4LScrollBar-root': {
6
- flexGrow: number;
6
+ flexGrow: string;
7
7
  width: string;
8
8
  height: string;
9
9
  overflow: string;
10
10
  minHeight: string;
11
+ '& .simplebar-content': {
12
+ height: string;
13
+ };
11
14
  '& .simplebar-scrollbar.simplebar-visible:before': {
12
15
  opacity: string;
13
16
  };