@m4l/styles 0.0.34 → 0.0.35

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 +48 -2
  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 +134 -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.1e3b4f6c.js} +585 -311
  21. package/theme/overrides/M4LRHFComponents/{index.d7a80536.js → index.8ab5d2b9.js} +1 -1
  22. package/theme/overrides/{index.2d07abe3.js → index.0ca75445.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
package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts CHANGED
@@ -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,6 +68,7 @@ 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;
@@ -88,6 +90,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
88
90
  position: string;
89
91
  height: string;
90
92
  overflow: string;
93
+ borderRadius: string;
91
94
  '& .rdg ': {
92
95
  border: string;
93
96
  background: string;
@@ -114,7 +117,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
114
117
  borderLeft: string;
115
118
  borderRight: string;
116
119
  borderColor: string;
117
- test: string;
118
120
  };
119
121
  };
120
122
  '& [role="columnheader"]': {
@@ -272,6 +274,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
272
274
  position: string;
273
275
  height: string;
274
276
  overflow: string;
277
+ borderRadius: string;
275
278
  '& .rdg ': {
276
279
  border: string;
277
280
  background: string;
@@ -298,7 +301,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
298
301
  borderLeft: string;
299
302
  borderRight: string;
300
303
  borderColor: string;
301
- test: string;
302
304
  };
303
305
  };
304
306
  '& [role="columnheader"]': {
@@ -453,7 +455,51 @@ export declare const M4LDataGrid: (theme: Theme) => {
453
455
  M4LDataGridActionsFormatter: {
454
456
  styleOverrides: {
455
457
  '&.M4LDataGrid-actionsFormatter': {
458
+ [x: string]: string | {
459
+ gap: string;
460
+ '& .MuiButtonBase-root': {
461
+ minHeight: string;
462
+ padding: string;
463
+ gap: string;
464
+ '& .M4LIcon-root': {
465
+ minHeight: string;
466
+ minWidth: string;
467
+ };
468
+ };
469
+ '& .MuiPaper-root'?: undefined;
470
+ } | {
471
+ '& .MuiPaper-root': {
472
+ padding: string;
473
+ '& .MuiButtonBase-root': {
474
+ minHeight: string;
475
+ padding: string;
476
+ gap: string;
477
+ '& .M4LIcon-root': {
478
+ minHeight: string;
479
+ minWidth: string;
480
+ '& .M4LIcon-icon': {
481
+ minHeight: string;
482
+ minWidth: string;
483
+ };
484
+ };
485
+ };
486
+ };
487
+ gap?: undefined;
488
+ '& .MuiButtonBase-root'?: undefined;
489
+ };
456
490
  test: string;
491
+ '& .MuiPaper-root': {
492
+ gap: string;
493
+ '& .MuiButtonBase-root': {
494
+ minHeight: string;
495
+ padding: string;
496
+ gap: string;
497
+ '& .M4LIcon-root': {
498
+ minHeight: string;
499
+ minWidth: string;
500
+ };
501
+ };
502
+ };
457
503
  };
458
504
  };
459
505
  };
package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts CHANGED
@@ -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
  };
package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts CHANGED
@@ -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
  };
package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts CHANGED
@@ -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;
package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts CHANGED
@@ -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;
package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts CHANGED
@@ -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;
package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts CHANGED
@@ -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;
package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts CHANGED
@@ -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
  };