@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/M4LSideBar.d.ts CHANGED
@@ -24,6 +24,8 @@ export declare const M4LSideBar: (theme: Theme) => {
24
24
  display: string;
25
25
  justifyContent: string;
26
26
  width: string;
27
+ minHeight: string;
28
+ alignItems: string;
27
29
  '& .M4LSideBar-navItemRootContent': {
28
30
  padding: string;
29
31
  '& .M4LSideBar-navItemRootContentIconTypo': {
@@ -32,7 +34,10 @@ export declare const M4LSideBar: (theme: Theme) => {
32
34
  height: string;
33
35
  minWidth: string;
34
36
  margin: string;
35
- '& .M4LIcon-root': {};
37
+ '& .M4LIcon-root': {
38
+ minWidth: string;
39
+ minHeight: string;
40
+ };
36
41
  };
37
42
  };
38
43
  };
@@ -40,6 +45,14 @@ export declare const M4LSideBar: (theme: Theme) => {
40
45
  };
41
46
  '& .M4LSideBar-collapseButton': {
42
47
  padding: string;
48
+ '& .M4LSideBar-containerLogoButtonIcon': {
49
+ '& .M4LIconButton-root': {
50
+ '& .MuiButtonBase-root': {
51
+ height: string;
52
+ width: string;
53
+ };
54
+ };
55
+ };
43
56
  "& .M4LSideBar-containerLogoButtonLogo": {
44
57
  display: string;
45
58
  };
@@ -119,10 +132,12 @@ export declare const M4LSideBar: (theme: Theme) => {
119
132
  };
120
133
  '& .M4LSideBar-wrapperGroupTitle': {
121
134
  height: string;
135
+ padding: string;
122
136
  '& .M4LTypography-root': {
123
137
  display: string;
124
138
  width: string;
125
139
  '& .MuiTypography-root': {
140
+ textTransform: string;
126
141
  with: string;
127
142
  overflow: string;
128
143
  textOverflow: string;
@@ -136,10 +151,27 @@ export declare const M4LSideBar: (theme: Theme) => {
136
151
  justifyContent: string;
137
152
  flexDirection: string;
138
153
  gap: string;
139
- paddingBottom: string;
154
+ height: string;
155
+ marginBottom: string;
140
156
  '& .M4LSideBar-navItemMainRoot': {
141
157
  backgroundColor: string;
142
158
  borderRadius: string;
159
+ '& .M4LSideBar-navItemRootContent': {
160
+ '& .M4LSideBar-navItemRootContentIconTypo': {
161
+ alignItems: string;
162
+ gap: string;
163
+ '& .M4LIcon-icon': {
164
+ minWidth: string;
165
+ minHeight: string;
166
+ };
167
+ '& .M4LTypography-root': {
168
+ '& .MuiTypography-root': {};
169
+ };
170
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
171
+ backgroundColor: string;
172
+ };
173
+ };
174
+ };
143
175
  '&:hover': {
144
176
  background: string;
145
177
  cursor: string;
@@ -156,7 +188,9 @@ export declare const M4LSideBar: (theme: Theme) => {
156
188
  };
157
189
  };
158
190
  '& .M4LSideBar-navItemRootContent': {
191
+ alignItems: string;
159
192
  '& .M4LSideBar-navItemRootContentIconTypo': {
193
+ alignItems: string;
160
194
  '& .M4LIcon-icon': {
161
195
  backgroundColor: string;
162
196
  };
@@ -253,9 +287,10 @@ export declare const M4LSideBar: (theme: Theme) => {
253
287
  '& .M4LSideBar-subItemActive': {
254
288
  "& .MuiButtonBase-root": {
255
289
  "& .M4LIcon-root": {
256
- "& .M4LIcon-icon": {
257
- backgroundColor: string;
258
- };
290
+ "& .M4LIcon-icon": {};
291
+ };
292
+ '& .M4LTypography-root': {
293
+ '& .MuiTypography-root': {};
259
294
  };
260
295
  };
261
296
  '& .M4LSideBar-navSubItemContentBullet': {
@@ -272,7 +307,6 @@ export declare const M4LSideBar: (theme: Theme) => {
272
307
  '& .M4LSideBar-navSubItemContentRoot': {
273
308
  gap: string;
274
309
  margin: string;
275
- padding: string;
276
310
  '& .M4LSideBar-navSubItemContentBullet': {
277
311
  minWidth: string;
278
312
  minHeight: string;
@@ -290,6 +324,14 @@ export declare const M4LSideBar: (theme: Theme) => {
290
324
  textWrap: string;
291
325
  };
292
326
  };
327
+ '&.M4LSideBar-subItemActive.M4LSideBar-navSubItemContentRoot': {
328
+ '& .M4LTypography-root': {
329
+ color: string;
330
+ '& .MuiTypography-root': {
331
+ color: string;
332
+ };
333
+ };
334
+ };
293
335
  };
294
336
  };
295
337
  '& .MuiCollapse-root': {
@@ -332,6 +374,12 @@ export declare const M4LSideBar: (theme: Theme) => {
332
374
  alignItems: string;
333
375
  width: string;
334
376
  height: string;
377
+ '& .M4LIconButton-root': {
378
+ '& .MuiButtonBase-root': {
379
+ height: string;
380
+ width: string;
381
+ };
382
+ };
335
383
  };
336
384
  };
337
385
  '& .M4LIcon-icon'?: undefined;
@@ -359,6 +407,8 @@ export declare const M4LSideBar: (theme: Theme) => {
359
407
  display: string;
360
408
  justifyContent: string;
361
409
  width: string;
410
+ minHeight: string;
411
+ alignItems: string;
362
412
  '& .M4LSideBar-navItemRootContent': {
363
413
  padding: string;
364
414
  '& .M4LSideBar-navItemRootContentIconTypo': {
@@ -367,7 +417,10 @@ export declare const M4LSideBar: (theme: Theme) => {
367
417
  height: string;
368
418
  minWidth: string;
369
419
  margin: string;
370
- '& .M4LIcon-root': {};
420
+ '& .M4LIcon-root': {
421
+ minWidth: string;
422
+ minHeight: string;
423
+ };
371
424
  };
372
425
  };
373
426
  };
@@ -375,6 +428,14 @@ export declare const M4LSideBar: (theme: Theme) => {
375
428
  };
376
429
  '& .M4LSideBar-collapseButton': {
377
430
  padding: string;
431
+ '& .M4LSideBar-containerLogoButtonIcon': {
432
+ '& .M4LIconButton-root': {
433
+ '& .MuiButtonBase-root': {
434
+ height: string;
435
+ width: string;
436
+ };
437
+ };
438
+ };
378
439
  "& .M4LSideBar-containerLogoButtonLogo": {
379
440
  display: string;
380
441
  };
@@ -439,10 +500,12 @@ export declare const M4LSideBar: (theme: Theme) => {
439
500
  };
440
501
  '& .M4LSideBar-wrapperGroupTitle': {
441
502
  height: string;
503
+ padding: string;
442
504
  '& .M4LTypography-root': {
443
505
  display: string;
444
506
  width: string;
445
507
  '& .MuiTypography-root': {
508
+ textTransform: string;
446
509
  with: string;
447
510
  overflow: string;
448
511
  textOverflow: string;
@@ -456,10 +519,27 @@ export declare const M4LSideBar: (theme: Theme) => {
456
519
  justifyContent: string;
457
520
  flexDirection: string;
458
521
  gap: string;
459
- paddingBottom: string;
522
+ height: string;
523
+ marginBottom: string;
460
524
  '& .M4LSideBar-navItemMainRoot': {
461
525
  backgroundColor: string;
462
526
  borderRadius: string;
527
+ '& .M4LSideBar-navItemRootContent': {
528
+ '& .M4LSideBar-navItemRootContentIconTypo': {
529
+ alignItems: string;
530
+ gap: string;
531
+ '& .M4LIcon-icon': {
532
+ minWidth: string;
533
+ minHeight: string;
534
+ };
535
+ '& .M4LTypography-root': {
536
+ '& .MuiTypography-root': {};
537
+ };
538
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
539
+ backgroundColor: string;
540
+ };
541
+ };
542
+ };
463
543
  '&:hover': {
464
544
  background: string;
465
545
  cursor: string;
@@ -476,7 +556,9 @@ export declare const M4LSideBar: (theme: Theme) => {
476
556
  };
477
557
  };
478
558
  '& .M4LSideBar-navItemRootContent': {
559
+ alignItems: string;
479
560
  '& .M4LSideBar-navItemRootContentIconTypo': {
561
+ alignItems: string;
480
562
  '& .M4LIcon-icon': {
481
563
  backgroundColor: string;
482
564
  };
@@ -573,9 +655,10 @@ export declare const M4LSideBar: (theme: Theme) => {
573
655
  '& .M4LSideBar-subItemActive': {
574
656
  "& .MuiButtonBase-root": {
575
657
  "& .M4LIcon-root": {
576
- "& .M4LIcon-icon": {
577
- backgroundColor: string;
578
- };
658
+ "& .M4LIcon-icon": {};
659
+ };
660
+ '& .M4LTypography-root': {
661
+ '& .MuiTypography-root': {};
579
662
  };
580
663
  };
581
664
  '& .M4LSideBar-navSubItemContentBullet': {
@@ -592,7 +675,6 @@ export declare const M4LSideBar: (theme: Theme) => {
592
675
  '& .M4LSideBar-navSubItemContentRoot': {
593
676
  gap: string;
594
677
  margin: string;
595
- padding: string;
596
678
  '& .M4LSideBar-navSubItemContentBullet': {
597
679
  minWidth: string;
598
680
  minHeight: string;
@@ -610,6 +692,14 @@ export declare const M4LSideBar: (theme: Theme) => {
610
692
  textWrap: string;
611
693
  };
612
694
  };
695
+ '&.M4LSideBar-subItemActive.M4LSideBar-navSubItemContentRoot': {
696
+ '& .M4LTypography-root': {
697
+ color: string;
698
+ '& .MuiTypography-root': {
699
+ color: string;
700
+ };
701
+ };
702
+ };
613
703
  };
614
704
  };
615
705
  '& .MuiCollapse-root': {
@@ -652,6 +742,12 @@ export declare const M4LSideBar: (theme: Theme) => {
652
742
  alignItems: string;
653
743
  width: string;
654
744
  height: string;
745
+ '& .M4LIconButton-root': {
746
+ '& .MuiButtonBase-root': {
747
+ height: string;
748
+ width: string;
749
+ };
750
+ };
655
751
  };
656
752
  };
657
753
  };
@@ -743,6 +839,7 @@ export declare const M4LSideBar: (theme: Theme) => {
743
839
  height: string;
744
840
  display: string;
745
841
  flexDirection: string;
842
+ paddingTop: string;
746
843
  '& .M4LSideBar-containerSideBarLogo': {
747
844
  display: string;
748
845
  justifyContent: string;
@@ -792,13 +889,15 @@ export declare const M4LSideBar: (theme: Theme) => {
792
889
  };
793
890
  '& .M4LSideBar-wrapperGroup': {
794
891
  height: string;
795
- paddingLeft: string;
892
+ padding: string;
796
893
  '& .M4LSideBar-wrapperGroupTitle': {
797
894
  height: string;
895
+ padding: string;
798
896
  '& .M4LTypography-root': {
799
897
  display: string;
800
898
  width: string;
801
899
  '& .MuiTypography-root': {
900
+ textTransform: string;
802
901
  with: string;
803
902
  overflow: string;
804
903
  textOverflow: string;
@@ -811,11 +910,29 @@ export declare const M4LSideBar: (theme: Theme) => {
811
910
  borderRadius: string;
812
911
  justifyContent: string;
813
912
  flexDirection: string;
814
- padding: string;
913
+ paddingBottom: string;
815
914
  gap: string;
915
+ height: string;
816
916
  '& .M4LSideBar-navItemMainRoot': {
817
917
  backgroundColor: string;
818
918
  borderRadius: string;
919
+ '& .M4LSideBar-navItemRootContent': {
920
+ padding: string;
921
+ '& .M4LSideBar-navItemRootContentIconTypo': {
922
+ alignItems: string;
923
+ gap: string;
924
+ '& .M4LIcon-icon': {
925
+ minWidth: string;
926
+ minHeight: string;
927
+ };
928
+ '& .M4LTypography-root': {
929
+ '& .MuiTypography-root': {};
930
+ };
931
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
932
+ backgroundColor: string;
933
+ };
934
+ };
935
+ };
819
936
  '&:hover': {
820
937
  background: string;
821
938
  cursor: string;
@@ -831,7 +948,9 @@ export declare const M4LSideBar: (theme: Theme) => {
831
948
  };
832
949
  };
833
950
  '& .M4LSideBar-navItemRootContent': {
951
+ alignItems: string;
834
952
  '& .M4LSideBar-navItemRootContentIconTypo': {
953
+ alignItems: string;
835
954
  '& .M4LIcon-icon': {
836
955
  backgroundColor: string;
837
956
  };
@@ -856,7 +975,7 @@ export declare const M4LSideBar: (theme: Theme) => {
856
975
  width: string;
857
976
  top: string;
858
977
  bottom: string;
859
- right: string;
978
+ left: string;
860
979
  backgroundColor: string;
861
980
  borderRadius: string;
862
981
  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
  };