@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
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -11,12 +11,14 @@ export declare const M4LSideBar: (theme: Theme) => {
11
11
  width?: undefined;
12
12
  height?: undefined;
13
13
  padding?: undefined;
14
+ transition?: undefined;
14
15
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
15
16
  '& .M4LSideBar-contentGroups'?: undefined;
16
17
  '& .M4LSideBar-collapseButton'?: undefined;
17
18
  } | {
18
19
  "& .M4LSideBar-wrapperSideBar": {
19
20
  width: string;
21
+ transition: string;
20
22
  "& .M4LSideBar-contentDesktop": {
21
23
  '& .M4LSideBar-contentGroups': {
22
24
  '& .M4LSideBar-itemListMainRoot': {
@@ -24,15 +26,37 @@ export declare const M4LSideBar: (theme: Theme) => {
24
26
  display: string;
25
27
  justifyContent: string;
26
28
  width: string;
29
+ minHeight: string;
30
+ alignItems: string;
27
31
  '& .M4LSideBar-navItemRootContent': {
28
32
  padding: string;
33
+ minHeight: string;
34
+ '::before': {
35
+ height: string;
36
+ width: string;
37
+ };
29
38
  '& .M4LSideBar-navItemRootContentIconTypo': {
30
39
  width: string;
31
40
  minHeight: string;
32
41
  height: string;
33
42
  minWidth: string;
34
43
  margin: string;
35
- '& .M4LIcon-root': {};
44
+ '& .M4LIcon-root': {
45
+ paddingTop: string;
46
+ minWidth: string;
47
+ minHeight: string;
48
+ };
49
+ };
50
+ };
51
+ };
52
+ };
53
+ '& .M4LSideBar-itemMainActive': {
54
+ '& .M4LSideBar-navItemMainRoot': {
55
+ '& .M4LSideBar-navItemRootContent': {
56
+ '& .M4LSideBar-navItemRootContentIconTypo': {
57
+ '& .M4LIcon-root': {
58
+ paddingTop: string;
59
+ };
36
60
  };
37
61
  };
38
62
  };
@@ -40,6 +64,15 @@ export declare const M4LSideBar: (theme: Theme) => {
40
64
  };
41
65
  '& .M4LSideBar-collapseButton': {
42
66
  padding: string;
67
+ width: string;
68
+ '& .M4LSideBar-containerLogoButtonIcon': {
69
+ '& .M4LIconButton-root': {
70
+ '& .MuiButtonBase-root': {
71
+ height: string;
72
+ width: string;
73
+ };
74
+ };
75
+ };
43
76
  "& .M4LSideBar-containerLogoButtonLogo": {
44
77
  display: string;
45
78
  };
@@ -50,6 +83,7 @@ export declare const M4LSideBar: (theme: Theme) => {
50
83
  width?: undefined;
51
84
  height?: undefined;
52
85
  padding?: undefined;
86
+ transition?: undefined;
53
87
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
54
88
  '& .M4LSideBar-contentGroups'?: undefined;
55
89
  '& .M4LSideBar-collapseButton'?: undefined;
@@ -59,12 +93,14 @@ export declare const M4LSideBar: (theme: Theme) => {
59
93
  padding: string;
60
94
  '& .M4LIcon-icon'?: undefined;
61
95
  "& .M4LSideBar-wrapperSideBar"?: undefined;
96
+ transition?: undefined;
62
97
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
63
98
  '& .M4LSideBar-contentGroups'?: undefined;
64
99
  '& .M4LSideBar-collapseButton'?: undefined;
65
100
  } | {
66
101
  height: string;
67
102
  width: string;
103
+ transition: string;
68
104
  '& .M4LSideBar-containerSideBarLogo': {
69
105
  display: string;
70
106
  justifyContent: string;
@@ -119,10 +155,12 @@ export declare const M4LSideBar: (theme: Theme) => {
119
155
  };
120
156
  '& .M4LSideBar-wrapperGroupTitle': {
121
157
  height: string;
158
+ padding: string;
122
159
  '& .M4LTypography-root': {
123
160
  display: string;
124
161
  width: string;
125
162
  '& .MuiTypography-root': {
163
+ textTransform: string;
126
164
  with: string;
127
165
  overflow: string;
128
166
  textOverflow: string;
@@ -136,10 +174,27 @@ export declare const M4LSideBar: (theme: Theme) => {
136
174
  justifyContent: string;
137
175
  flexDirection: string;
138
176
  gap: string;
139
- paddingBottom: string;
177
+ height: string;
178
+ marginBottom: string;
140
179
  '& .M4LSideBar-navItemMainRoot': {
141
180
  backgroundColor: string;
142
181
  borderRadius: string;
182
+ '& .M4LSideBar-navItemRootContent': {
183
+ '& .M4LSideBar-navItemRootContentIconTypo': {
184
+ alignItems: string;
185
+ gap: string;
186
+ '& .M4LIcon-icon': {
187
+ minWidth: string;
188
+ minHeight: string;
189
+ };
190
+ '& .M4LTypography-root': {
191
+ '& .MuiTypography-root': {};
192
+ };
193
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
194
+ backgroundColor: string;
195
+ };
196
+ };
197
+ };
143
198
  '&:hover': {
144
199
  background: string;
145
200
  cursor: string;
@@ -156,7 +211,9 @@ export declare const M4LSideBar: (theme: Theme) => {
156
211
  };
157
212
  };
158
213
  '& .M4LSideBar-navItemRootContent': {
214
+ alignItems: string;
159
215
  '& .M4LSideBar-navItemRootContentIconTypo': {
216
+ alignItems: string;
160
217
  '& .M4LIcon-icon': {
161
218
  backgroundColor: string;
162
219
  };
@@ -253,9 +310,10 @@ export declare const M4LSideBar: (theme: Theme) => {
253
310
  '& .M4LSideBar-subItemActive': {
254
311
  "& .MuiButtonBase-root": {
255
312
  "& .M4LIcon-root": {
256
- "& .M4LIcon-icon": {
257
- backgroundColor: string;
258
- };
313
+ "& .M4LIcon-icon": {};
314
+ };
315
+ '& .M4LTypography-root': {
316
+ '& .MuiTypography-root': {};
259
317
  };
260
318
  };
261
319
  '& .M4LSideBar-navSubItemContentBullet': {
@@ -272,7 +330,6 @@ export declare const M4LSideBar: (theme: Theme) => {
272
330
  '& .M4LSideBar-navSubItemContentRoot': {
273
331
  gap: string;
274
332
  margin: string;
275
- padding: string;
276
333
  '& .M4LSideBar-navSubItemContentBullet': {
277
334
  minWidth: string;
278
335
  minHeight: string;
@@ -290,6 +347,14 @@ export declare const M4LSideBar: (theme: Theme) => {
290
347
  textWrap: string;
291
348
  };
292
349
  };
350
+ '&.M4LSideBar-subItemActive.M4LSideBar-navSubItemContentRoot': {
351
+ '& .M4LTypography-root': {
352
+ color: string;
353
+ '& .MuiTypography-root': {
354
+ color: string;
355
+ };
356
+ };
357
+ };
293
358
  };
294
359
  };
295
360
  '& .MuiCollapse-root': {
@@ -332,6 +397,12 @@ export declare const M4LSideBar: (theme: Theme) => {
332
397
  alignItems: string;
333
398
  width: string;
334
399
  height: string;
400
+ '& .M4LIconButton-root': {
401
+ '& .MuiButtonBase-root': {
402
+ height: string;
403
+ width: string;
404
+ };
405
+ };
335
406
  };
336
407
  };
337
408
  '& .M4LIcon-icon'?: undefined;
@@ -352,6 +423,7 @@ export declare const M4LSideBar: (theme: Theme) => {
352
423
  '&.M4LSideBar-collapsed': {
353
424
  "& .M4LSideBar-wrapperSideBar": {
354
425
  width: string;
426
+ transition: string;
355
427
  "& .M4LSideBar-contentDesktop": {
356
428
  '& .M4LSideBar-contentGroups': {
357
429
  '& .M4LSideBar-itemListMainRoot': {
@@ -359,15 +431,37 @@ export declare const M4LSideBar: (theme: Theme) => {
359
431
  display: string;
360
432
  justifyContent: string;
361
433
  width: string;
434
+ minHeight: string;
435
+ alignItems: string;
362
436
  '& .M4LSideBar-navItemRootContent': {
363
437
  padding: string;
438
+ minHeight: string;
439
+ '::before': {
440
+ height: string;
441
+ width: string;
442
+ };
364
443
  '& .M4LSideBar-navItemRootContentIconTypo': {
365
444
  width: string;
366
445
  minHeight: string;
367
446
  height: string;
368
447
  minWidth: string;
369
448
  margin: string;
370
- '& .M4LIcon-root': {};
449
+ '& .M4LIcon-root': {
450
+ paddingTop: string;
451
+ minWidth: string;
452
+ minHeight: string;
453
+ };
454
+ };
455
+ };
456
+ };
457
+ };
458
+ '& .M4LSideBar-itemMainActive': {
459
+ '& .M4LSideBar-navItemMainRoot': {
460
+ '& .M4LSideBar-navItemRootContent': {
461
+ '& .M4LSideBar-navItemRootContentIconTypo': {
462
+ '& .M4LIcon-root': {
463
+ paddingTop: string;
464
+ };
371
465
  };
372
466
  };
373
467
  };
@@ -375,6 +469,15 @@ export declare const M4LSideBar: (theme: Theme) => {
375
469
  };
376
470
  '& .M4LSideBar-collapseButton': {
377
471
  padding: string;
472
+ width: string;
473
+ '& .M4LSideBar-containerLogoButtonIcon': {
474
+ '& .M4LIconButton-root': {
475
+ '& .MuiButtonBase-root': {
476
+ height: string;
477
+ width: string;
478
+ };
479
+ };
480
+ };
378
481
  "& .M4LSideBar-containerLogoButtonLogo": {
379
482
  display: string;
380
483
  };
@@ -385,6 +488,7 @@ export declare const M4LSideBar: (theme: Theme) => {
385
488
  '& .M4LSideBar-wrapperSideBar': {
386
489
  height: string;
387
490
  width: string;
491
+ transition: string;
388
492
  '& .M4LSideBar-containerSideBarLogo': {
389
493
  display: string;
390
494
  justifyContent: string;
@@ -439,10 +543,12 @@ export declare const M4LSideBar: (theme: Theme) => {
439
543
  };
440
544
  '& .M4LSideBar-wrapperGroupTitle': {
441
545
  height: string;
546
+ padding: string;
442
547
  '& .M4LTypography-root': {
443
548
  display: string;
444
549
  width: string;
445
550
  '& .MuiTypography-root': {
551
+ textTransform: string;
446
552
  with: string;
447
553
  overflow: string;
448
554
  textOverflow: string;
@@ -456,10 +562,27 @@ export declare const M4LSideBar: (theme: Theme) => {
456
562
  justifyContent: string;
457
563
  flexDirection: string;
458
564
  gap: string;
459
- paddingBottom: string;
565
+ height: string;
566
+ marginBottom: string;
460
567
  '& .M4LSideBar-navItemMainRoot': {
461
568
  backgroundColor: string;
462
569
  borderRadius: string;
570
+ '& .M4LSideBar-navItemRootContent': {
571
+ '& .M4LSideBar-navItemRootContentIconTypo': {
572
+ alignItems: string;
573
+ gap: string;
574
+ '& .M4LIcon-icon': {
575
+ minWidth: string;
576
+ minHeight: string;
577
+ };
578
+ '& .M4LTypography-root': {
579
+ '& .MuiTypography-root': {};
580
+ };
581
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
582
+ backgroundColor: string;
583
+ };
584
+ };
585
+ };
463
586
  '&:hover': {
464
587
  background: string;
465
588
  cursor: string;
@@ -476,7 +599,9 @@ export declare const M4LSideBar: (theme: Theme) => {
476
599
  };
477
600
  };
478
601
  '& .M4LSideBar-navItemRootContent': {
602
+ alignItems: string;
479
603
  '& .M4LSideBar-navItemRootContentIconTypo': {
604
+ alignItems: string;
480
605
  '& .M4LIcon-icon': {
481
606
  backgroundColor: string;
482
607
  };
@@ -573,9 +698,10 @@ export declare const M4LSideBar: (theme: Theme) => {
573
698
  '& .M4LSideBar-subItemActive': {
574
699
  "& .MuiButtonBase-root": {
575
700
  "& .M4LIcon-root": {
576
- "& .M4LIcon-icon": {
577
- backgroundColor: string;
578
- };
701
+ "& .M4LIcon-icon": {};
702
+ };
703
+ '& .M4LTypography-root': {
704
+ '& .MuiTypography-root': {};
579
705
  };
580
706
  };
581
707
  '& .M4LSideBar-navSubItemContentBullet': {
@@ -592,7 +718,6 @@ export declare const M4LSideBar: (theme: Theme) => {
592
718
  '& .M4LSideBar-navSubItemContentRoot': {
593
719
  gap: string;
594
720
  margin: string;
595
- padding: string;
596
721
  '& .M4LSideBar-navSubItemContentBullet': {
597
722
  minWidth: string;
598
723
  minHeight: string;
@@ -610,6 +735,14 @@ export declare const M4LSideBar: (theme: Theme) => {
610
735
  textWrap: string;
611
736
  };
612
737
  };
738
+ '&.M4LSideBar-subItemActive.M4LSideBar-navSubItemContentRoot': {
739
+ '& .M4LTypography-root': {
740
+ color: string;
741
+ '& .MuiTypography-root': {
742
+ color: string;
743
+ };
744
+ };
745
+ };
613
746
  };
614
747
  };
615
748
  '& .MuiCollapse-root': {
@@ -652,6 +785,12 @@ export declare const M4LSideBar: (theme: Theme) => {
652
785
  alignItems: string;
653
786
  width: string;
654
787
  height: string;
788
+ '& .M4LIconButton-root': {
789
+ '& .MuiButtonBase-root': {
790
+ height: string;
791
+ width: string;
792
+ };
793
+ };
655
794
  };
656
795
  };
657
796
  };
@@ -743,6 +882,7 @@ export declare const M4LSideBar: (theme: Theme) => {
743
882
  height: string;
744
883
  display: string;
745
884
  flexDirection: string;
885
+ paddingTop: string;
746
886
  '& .M4LSideBar-containerSideBarLogo': {
747
887
  display: string;
748
888
  justifyContent: string;
@@ -792,13 +932,15 @@ export declare const M4LSideBar: (theme: Theme) => {
792
932
  };
793
933
  '& .M4LSideBar-wrapperGroup': {
794
934
  height: string;
795
- paddingLeft: string;
935
+ padding: string;
796
936
  '& .M4LSideBar-wrapperGroupTitle': {
797
937
  height: string;
938
+ padding: string;
798
939
  '& .M4LTypography-root': {
799
940
  display: string;
800
941
  width: string;
801
942
  '& .MuiTypography-root': {
943
+ textTransform: string;
802
944
  with: string;
803
945
  overflow: string;
804
946
  textOverflow: string;
@@ -811,11 +953,29 @@ export declare const M4LSideBar: (theme: Theme) => {
811
953
  borderRadius: string;
812
954
  justifyContent: string;
813
955
  flexDirection: string;
814
- padding: string;
956
+ paddingBottom: string;
815
957
  gap: string;
958
+ height: string;
816
959
  '& .M4LSideBar-navItemMainRoot': {
817
960
  backgroundColor: string;
818
961
  borderRadius: string;
962
+ '& .M4LSideBar-navItemRootContent': {
963
+ padding: string;
964
+ '& .M4LSideBar-navItemRootContentIconTypo': {
965
+ alignItems: string;
966
+ gap: string;
967
+ '& .M4LIcon-icon': {
968
+ minWidth: string;
969
+ minHeight: string;
970
+ };
971
+ '& .M4LTypography-root': {
972
+ '& .MuiTypography-root': {};
973
+ };
974
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
975
+ backgroundColor: string;
976
+ };
977
+ };
978
+ };
819
979
  '&:hover': {
820
980
  background: string;
821
981
  cursor: string;
@@ -831,7 +991,9 @@ export declare const M4LSideBar: (theme: Theme) => {
831
991
  };
832
992
  };
833
993
  '& .M4LSideBar-navItemRootContent': {
994
+ alignItems: string;
834
995
  '& .M4LSideBar-navItemRootContentIconTypo': {
996
+ alignItems: string;
835
997
  '& .M4LIcon-icon': {
836
998
  backgroundColor: string;
837
999
  };
@@ -856,7 +1018,7 @@ export declare const M4LSideBar: (theme: Theme) => {
856
1018
  width: string;
857
1019
  top: string;
858
1020
  bottom: string;
859
- right: string;
1021
+ left: string;
860
1022
  backgroundColor: string;
861
1023
  borderRadius: string;
862
1024
  position: string;
package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts CHANGED
@@ -12,11 +12,18 @@ export declare const M4LSplitLayout: (theme: Theme) => {
12
12
  position: string;
13
13
  width: string;
14
14
  height: string;
15
+ '& .M4LStack-root': {
16
+ gap: string;
17
+ };
15
18
  };
16
19
  '& .M4LSplitLayout-secondPart': {
17
20
  position: string;
18
21
  width: string;
19
22
  height: string;
23
+ '& .M4LStack-root': {
24
+ gap: string;
25
+ overflow: string;
26
+ };
20
27
  };
21
28
  '& .splitter-layout': {
22
29
  position: string;
package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts CHANGED
@@ -13,6 +13,9 @@ export declare const M4LTabContent: (theme: Theme) => {
13
13
  borderRadius: string;
14
14
  position: string;
15
15
  flex: number;
16
+ '&.M4LTabContent-root > div': {
17
+ gap: string;
18
+ };
16
19
  };
17
20
  };
18
21
  };