@m4l/styles 0.0.39 → 0.0.41

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 (12) hide show
  1. package/index.js +2 -2
  2. package/package.json +1 -1
  3. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +2 -2
  4. package/theme/overrides/M4LExtendedComponents/M4LAppBarCommercial.d.ts +21 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LHamburgerMenuCommercial.d.ts +12 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LSectionCommercial.d.ts +26 -0
  7. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +1332 -377
  8. package/theme/overrides/M4LExtendedComponents/M4LTopBar.d.ts +65 -0
  9. package/theme/overrides/M4LExtendedComponents/{index.f5ad1a5c.js → index.8f5f04ca.js} +1253 -369
  10. package/theme/overrides/MUIComponents/Backdrop.d.ts +12 -0
  11. package/theme/overrides/index.a3e99f67.js +110 -0
  12. package/theme/overrides/index.bc8d85de.js +0 -106
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -2,7 +2,7 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LSideBar: (theme: Theme) => {
3
3
  M4LSideBar: {
4
4
  styleOverrides: {
5
- '&.M4LSideBar-root': {
5
+ '&.M4LSideBar-root.M4LSideBar-variantDefault': {
6
6
  [x: string]: string | {
7
7
  "& .M4LIcon-icon": {
8
8
  backgroundColor: string;
@@ -20,74 +20,17 @@ export declare const M4LSideBar: (theme: Theme) => {
20
20
  width: string;
21
21
  transition: string;
22
22
  "& .M4LSideBar-contentDesktop": {
23
- '& .M4LSideBar-contentGroups': {
24
- '& .M4LSideBar-itemListMainRoot': {
25
- '& .M4LSideBar-navItemMainRoot': {
26
- display: string;
27
- justifyContent: string;
28
- width: string;
23
+ "& .M4LSideBar-containerSideBarLogo": {
24
+ marginTop: string;
25
+ "& .M4LSideBar-containerLogo": {
26
+ gap: string;
27
+ paddingLeft: string;
28
+ width: string;
29
+ '& .M4LImage-root': {
30
+ minWidth: string;
29
31
  minHeight: string;
30
- alignItems: string;
31
- '& .M4LSideBar-navItemRootContent': {
32
- padding: string;
33
- minHeight: string;
34
- '::before': {
35
- height: string;
36
- width: string;
37
- };
38
- '& .M4LSideBar-navItemRootContentIconTypo': {
39
- width: string;
40
- minHeight: string;
41
- height: string;
42
- minWidth: string;
43
- margin: string;
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
- };
60
- };
61
- };
62
- };
63
- };
64
- };
65
- '& .M4LSideBar-collapseButton': {
66
- padding: string;
67
- width: string;
68
- '& .M4LSideBar-containerLogoButtonIcon': {
69
- '& .M4LIconButton-root': {
70
- '& .MuiButtonBase-root': {
71
- height: string;
72
- width: string;
73
- '& .M4LIcon-root': {
74
- minHeight: string;
75
- minWidth: string;
76
- height: string;
77
- width: string;
78
- '& .M4LIcon-icon': {
79
- minHeight: string;
80
- minWidth: string;
81
- height: string;
82
- width: string;
83
- };
84
- };
85
- };
86
32
  };
87
33
  };
88
- "& .M4LSideBar-containerLogoButtonLogo": {
89
- display: string;
90
- };
91
34
  };
92
35
  };
93
36
  };
@@ -191,26 +134,6 @@ export declare const M4LSideBar: (theme: Theme) => {
191
134
  '& .M4LSideBar-navItemMainRoot': {
192
135
  backgroundColor: string;
193
136
  borderRadius: string;
194
- minHeight: string;
195
- height: string;
196
- '& .M4LSideBar-navItemRootContent': {
197
- minHeight: string;
198
- height: string;
199
- '& .M4LSideBar-navItemRootContentIconTypo': {
200
- alignItems: string;
201
- gap: string;
202
- '& .M4LIcon-icon': {
203
- minWidth: string;
204
- minHeight: string;
205
- };
206
- '& .M4LTypography-root': {
207
- '& .MuiTypography-root': {};
208
- };
209
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
210
- backgroundColor: string;
211
- };
212
- };
213
- };
214
137
  '&:hover': {
215
138
  background: string;
216
139
  cursor: string;
@@ -227,7 +150,6 @@ export declare const M4LSideBar: (theme: Theme) => {
227
150
  };
228
151
  };
229
152
  '& .M4LSideBar-navItemRootContent': {
230
- alignItems: string;
231
153
  '& .M4LSideBar-navItemRootContentIconTypo': {
232
154
  alignItems: string;
233
155
  '& .M4LIcon-icon': {
@@ -312,15 +234,7 @@ export declare const M4LSideBar: (theme: Theme) => {
312
234
  height: string;
313
235
  borderRadius: string;
314
236
  gap: string;
315
- "& .M4LIcon-root": {
316
- minHeight: string;
317
- minWwidth: string;
318
- "& .M4LIcon-icon": {
319
- minHeight: string;
320
- minWidth: string;
321
- };
322
- };
323
- '& .M4LSideBar-subItemCollapseActive': {
237
+ '&.M4LSideBar-subItemCollapseActive': {
324
238
  backgroundColor: string;
325
239
  gap: string;
326
240
  "& .MuiButtonBase-root": {
@@ -410,34 +324,9 @@ export declare const M4LSideBar: (theme: Theme) => {
410
324
  '& .M4LSideBar-containerLogoButtonLogo': {
411
325
  width: string;
412
326
  height: string;
413
- display: string;
414
- alignItems: string;
415
- background: string;
416
- borderRadius: string;
417
- };
418
- '& .M4LSideBar-containerLogoButtonIcon': {
419
- display: string;
420
- justifyContent: string;
421
- alignItems: string;
422
- width: string;
423
- height: string;
424
- '& .M4LIconButton-root': {
425
- '& .MuiButtonBase-root': {
426
- height: string;
427
- width: string;
428
- '& .M4LIcon-root': {
429
- minHeight: string;
430
- minWidth: string;
431
- height: string;
432
- width: string;
433
- '& .M4LIcon-icon': {
434
- minHeight: string;
435
- minWidth: string;
436
- height: string;
437
- width: string;
438
- };
439
- };
440
- };
327
+ '& .M4LSideBar-containerLogoButtonIcon': {
328
+ display: string;
329
+ alignItems: string;
441
330
  };
442
331
  };
443
332
  };
@@ -461,74 +350,17 @@ export declare const M4LSideBar: (theme: Theme) => {
461
350
  width: string;
462
351
  transition: string;
463
352
  "& .M4LSideBar-contentDesktop": {
464
- '& .M4LSideBar-contentGroups': {
465
- '& .M4LSideBar-itemListMainRoot': {
466
- '& .M4LSideBar-navItemMainRoot': {
467
- display: string;
468
- justifyContent: string;
469
- width: string;
353
+ "& .M4LSideBar-containerSideBarLogo": {
354
+ marginTop: string;
355
+ "& .M4LSideBar-containerLogo": {
356
+ gap: string;
357
+ paddingLeft: string;
358
+ width: string;
359
+ '& .M4LImage-root': {
360
+ minWidth: string;
470
361
  minHeight: string;
471
- alignItems: string;
472
- '& .M4LSideBar-navItemRootContent': {
473
- padding: string;
474
- minHeight: string;
475
- '::before': {
476
- height: string;
477
- width: string;
478
- };
479
- '& .M4LSideBar-navItemRootContentIconTypo': {
480
- width: string;
481
- minHeight: string;
482
- height: string;
483
- minWidth: string;
484
- margin: string;
485
- '& .M4LIcon-root': {
486
- paddingTop: string;
487
- minWidth: string;
488
- minHeight: string;
489
- };
490
- };
491
- };
492
- };
493
- };
494
- '& .M4LSideBar-itemMainActive': {
495
- '& .M4LSideBar-navItemMainRoot': {
496
- '& .M4LSideBar-navItemRootContent': {
497
- '& .M4LSideBar-navItemRootContentIconTypo': {
498
- '& .M4LIcon-root': {
499
- paddingTop: string;
500
- };
501
- };
502
- };
503
- };
504
- };
505
- };
506
- '& .M4LSideBar-collapseButton': {
507
- padding: string;
508
- width: string;
509
- '& .M4LSideBar-containerLogoButtonIcon': {
510
- '& .M4LIconButton-root': {
511
- '& .MuiButtonBase-root': {
512
- height: string;
513
- width: string;
514
- '& .M4LIcon-root': {
515
- minHeight: string;
516
- minWidth: string;
517
- height: string;
518
- width: string;
519
- '& .M4LIcon-icon': {
520
- minHeight: string;
521
- minWidth: string;
522
- height: string;
523
- width: string;
524
- };
525
- };
526
- };
527
362
  };
528
363
  };
529
- "& .M4LSideBar-containerLogoButtonLogo": {
530
- display: string;
531
- };
532
364
  };
533
365
  };
534
366
  };
@@ -615,26 +447,6 @@ export declare const M4LSideBar: (theme: Theme) => {
615
447
  '& .M4LSideBar-navItemMainRoot': {
616
448
  backgroundColor: string;
617
449
  borderRadius: string;
618
- minHeight: string;
619
- height: string;
620
- '& .M4LSideBar-navItemRootContent': {
621
- minHeight: string;
622
- height: string;
623
- '& .M4LSideBar-navItemRootContentIconTypo': {
624
- alignItems: string;
625
- gap: string;
626
- '& .M4LIcon-icon': {
627
- minWidth: string;
628
- minHeight: string;
629
- };
630
- '& .M4LTypography-root': {
631
- '& .MuiTypography-root': {};
632
- };
633
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
634
- backgroundColor: string;
635
- };
636
- };
637
- };
638
450
  '&:hover': {
639
451
  background: string;
640
452
  cursor: string;
@@ -651,7 +463,6 @@ export declare const M4LSideBar: (theme: Theme) => {
651
463
  };
652
464
  };
653
465
  '& .M4LSideBar-navItemRootContent': {
654
- alignItems: string;
655
466
  '& .M4LSideBar-navItemRootContentIconTypo': {
656
467
  alignItems: string;
657
468
  '& .M4LIcon-icon': {
@@ -736,15 +547,7 @@ export declare const M4LSideBar: (theme: Theme) => {
736
547
  height: string;
737
548
  borderRadius: string;
738
549
  gap: string;
739
- "& .M4LIcon-root": {
740
- minHeight: string;
741
- minWwidth: string;
742
- "& .M4LIcon-icon": {
743
- minHeight: string;
744
- minWidth: string;
745
- };
746
- };
747
- '& .M4LSideBar-subItemCollapseActive': {
550
+ '&.M4LSideBar-subItemCollapseActive': {
748
551
  backgroundColor: string;
749
552
  gap: string;
750
553
  "& .MuiButtonBase-root": {
@@ -834,140 +637,63 @@ export declare const M4LSideBar: (theme: Theme) => {
834
637
  '& .M4LSideBar-containerLogoButtonLogo': {
835
638
  width: string;
836
639
  height: string;
837
- display: string;
838
- alignItems: string;
839
- background: string;
840
- borderRadius: string;
841
- };
842
- '& .M4LSideBar-containerLogoButtonIcon': {
843
- display: string;
844
- justifyContent: string;
845
- alignItems: string;
846
- width: string;
847
- height: string;
848
- '& .M4LIconButton-root': {
849
- '& .MuiButtonBase-root': {
850
- height: string;
851
- width: string;
852
- '& .M4LIcon-root': {
853
- minHeight: string;
854
- minWidth: string;
855
- height: string;
856
- width: string;
857
- '& .M4LIcon-icon': {
858
- minHeight: string;
859
- minWidth: string;
860
- height: string;
861
- width: string;
862
- };
863
- };
864
- };
640
+ '& .M4LSideBar-containerLogoButtonIcon': {
641
+ display: string;
642
+ alignItems: string;
865
643
  };
866
644
  };
867
645
  };
868
646
  };
869
647
  };
870
- };
871
- };
872
- M4LSideBarPopover: {
873
- styleOverrides: {
874
- '&.M4LSideBar-popover': {
875
- '& .M4LSideBar-subItemActive': {
648
+ '&.M4LSideBar-root.M4LSideBar-variantComercial': {
649
+ [x: string]: {
876
650
  "& .M4LIcon-icon": {
877
651
  backgroundColor: string;
878
652
  };
879
- };
880
- '& .M4LSideBar-navListSubItemRoot': {
881
- width: string;
882
- height: string;
883
- '& .M4LSideBar-navSubItemContentRoot': {
884
- gap: string;
885
- padding: string;
886
- height: string;
887
- borderRadius: string;
888
- "& .M4LIcon-root": {
889
- minHeight: string;
890
- minWwidth: string;
891
- "& .M4LIcon-icon": {
892
- minHeight: string;
893
- minWidth: string;
653
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
654
+ width?: undefined;
655
+ height?: undefined;
656
+ padding?: undefined;
657
+ '& .M4LSideBar-containerSideBarLogo'?: undefined;
658
+ '& .M4LSideBar-contentGroups'?: undefined;
659
+ '& .M4LSideBar-collapseButton'?: undefined;
660
+ } | {
661
+ "& .M4LSideBar-wrapperSideBar": {
662
+ width: string;
663
+ "& .M4LSideBar-contentDesktop": {
664
+ "& .M4LSideBar-containerSideBarLogo": {
665
+ marginTop: string;
666
+ "& .M4LSideBar-containerLogo": {
667
+ gap: string;
668
+ paddingLeft: string;
669
+ width: string;
670
+ '& .M4LImage-root': {
671
+ minWidth: string;
672
+ minHeight: string;
673
+ };
674
+ };
894
675
  };
895
676
  };
896
- '&.M4LSideBar-subItemCollapseActive': {
897
- backgroundColor: string;
898
- };
899
- '& .M4LTypography-root': {
900
- display: string;
901
- width: string;
902
- '& .MuiTypography-root': {
903
- color: string;
904
- with: string;
905
- overflow: string;
906
- textOverflow: string;
907
- textWrap: string;
908
- };
909
- };
910
- '& .MuiPaper-root': {
911
- '& .M4LSideBar-navListSubItemRoot': {
912
- '& .M4LSideBar-subItemActive': {
913
- '& .MuiButtonBase-root': {
914
- '& .M4LIcon-root': {
915
- '& .M4LIcon-icon': {
916
- backgroundColor: string;
917
- };
918
- };
919
- };
920
- };
921
- };
922
- };
923
- '& .M4LSideBar-subItemActive': {
924
- height: string;
925
- "& .MuiButtonBase-root": {
926
- "& .M4LIcon-root": {
927
- "& .M4LIcon-icon": {
928
- backgroundColor: string;
929
- };
930
- };
931
- };
932
- '& .M4LSideBar-navSubItemContentBullet': {
933
- height: string;
934
- borderRadius: string;
935
- backgroundColor: string;
936
- };
937
- };
938
- '& .M4LSideBar-navSubItemContentBullet': {
939
- minWidth: string;
940
- minHeight: string;
941
- borderRadius: string;
942
- backgroundColor: string;
943
- };
944
- '&:hover': {
945
- background: string;
946
- };
947
- };
948
- };
949
- };
950
- };
951
- };
952
- M4LSideBarDrawer: {
953
- styleOverrides: {
954
- '&.M4LSideBar-drawer': {
955
- '& .M4LSideBar-subItemActive': {
956
- "& .M4LIcon-icon": {
957
- backgroundColor: string;
958
- };
959
- '& .M4LTypography-root': {
960
- '& .MuiTypography-root': {
961
- color: string;
962
- };
963
677
  };
964
- };
965
- '& .M4LSideBar-contentMobile': {
678
+ '& .M4LIcon-icon'?: undefined;
679
+ width?: undefined;
680
+ height?: undefined;
681
+ padding?: undefined;
682
+ '& .M4LSideBar-containerSideBarLogo'?: undefined;
683
+ '& .M4LSideBar-contentGroups'?: undefined;
684
+ '& .M4LSideBar-collapseButton'?: undefined;
685
+ } | {
966
686
  width: string;
967
687
  height: string;
968
- display: string;
969
- flexDirection: string;
970
- paddingTop: string;
688
+ padding: string;
689
+ '& .M4LIcon-icon'?: undefined;
690
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
691
+ '& .M4LSideBar-containerSideBarLogo'?: undefined;
692
+ '& .M4LSideBar-contentGroups'?: undefined;
693
+ '& .M4LSideBar-collapseButton'?: undefined;
694
+ } | {
695
+ height: string;
696
+ width: string;
971
697
  '& .M4LSideBar-containerSideBarLogo': {
972
698
  display: string;
973
699
  justifyContent: string;
@@ -994,10 +720,7 @@ export declare const M4LSideBar: (theme: Theme) => {
994
720
  };
995
721
  '& .M4LImage-root': {
996
722
  position: string;
997
- background: string;
998
- boxShadow: string;
999
723
  padding: string;
1000
- borderRadius: string;
1001
724
  minWidth: string;
1002
725
  minHeight: string;
1003
726
  };
@@ -1017,15 +740,13 @@ export declare const M4LSideBar: (theme: Theme) => {
1017
740
  };
1018
741
  '& .M4LSideBar-wrapperGroup': {
1019
742
  height: string;
1020
- padding: string;
1021
743
  '& .M4LSideBar-wrapperGroupTitle': {
1022
744
  height: string;
1023
- padding: string;
745
+ paddingLeft: string;
1024
746
  '& .M4LTypography-root': {
1025
747
  display: string;
1026
748
  width: string;
1027
749
  '& .MuiTypography-root': {
1028
- textTransform: string;
1029
750
  with: string;
1030
751
  overflow: string;
1031
752
  textOverflow: string;
@@ -1038,29 +759,11 @@ export declare const M4LSideBar: (theme: Theme) => {
1038
759
  borderRadius: string;
1039
760
  justifyContent: string;
1040
761
  flexDirection: string;
1041
- paddingBottom: string;
762
+ padding: string;
1042
763
  gap: string;
1043
- height: string;
1044
764
  '& .M4LSideBar-navItemMainRoot': {
1045
765
  backgroundColor: string;
1046
766
  borderRadius: string;
1047
- '& .M4LSideBar-navItemRootContent': {
1048
- padding: string;
1049
- '& .M4LSideBar-navItemRootContentIconTypo': {
1050
- alignItems: string;
1051
- gap: string;
1052
- '& .M4LIcon-icon': {
1053
- minWidth: string;
1054
- minHeight: string;
1055
- };
1056
- '& .M4LTypography-root': {
1057
- '& .MuiTypography-root': {};
1058
- };
1059
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
1060
- backgroundColor: string;
1061
- };
1062
- };
1063
- };
1064
767
  '&:hover': {
1065
768
  background: string;
1066
769
  cursor: string;
@@ -1076,9 +779,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1076
779
  };
1077
780
  };
1078
781
  '& .M4LSideBar-navItemRootContent': {
1079
- alignItems: string;
1080
782
  '& .M4LSideBar-navItemRootContentIconTypo': {
1081
- alignItems: string;
1082
783
  '& .M4LIcon-icon': {
1083
784
  backgroundColor: string;
1084
785
  };
@@ -1103,7 +804,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1103
804
  width: string;
1104
805
  top: string;
1105
806
  bottom: string;
1106
- left: string;
807
+ right: string;
1107
808
  backgroundColor: string;
1108
809
  borderRadius: string;
1109
810
  position: string;
@@ -1194,14 +895,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1194
895
  gap: string;
1195
896
  margin: string;
1196
897
  padding: string;
1197
- "& .M4LIcon-root": {
1198
- minHeight: string;
1199
- minWwidth: string;
1200
- "& .M4LIcon-icon": {
1201
- minHeight: string;
1202
- minWidth: string;
1203
- };
1204
- };
1205
898
  '& .M4LSideBar-navSubItemContentBullet': {
1206
899
  minWidth: string;
1207
900
  minHeight: string;
@@ -1242,6 +935,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1242
935
  alignItems: string;
1243
936
  height: string;
1244
937
  minHeight: string;
938
+ flexDirection: string;
1245
939
  '& .M4LSideBar-containerLogoButton': {
1246
940
  display: string;
1247
941
  gap: string;
@@ -1250,10 +944,1271 @@ export declare const M4LSideBar: (theme: Theme) => {
1250
944
  '& .M4LSideBar-containerLogoButtonLogo': {
1251
945
  width: string;
1252
946
  height: string;
947
+ '& .M4LSideBar-containerLogoButtonIcon': {
948
+ display: string;
949
+ alignItems: string;
950
+ };
951
+ };
952
+ };
953
+ '& .M4LIcon-icon'?: undefined;
954
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
955
+ padding?: undefined;
956
+ };
957
+ '& .M4LSideBar-subItemActive': {
958
+ "& .M4LIcon-icon": {
959
+ backgroundColor: string;
960
+ };
961
+ };
962
+ '&.M4LSideBar-collapsed': {
963
+ "& .M4LSideBar-wrapperSideBar": {
964
+ width: string;
965
+ "& .M4LSideBar-contentDesktop": {
966
+ "& .M4LSideBar-containerSideBarLogo": {
967
+ marginTop: string;
968
+ "& .M4LSideBar-containerLogo": {
969
+ gap: string;
970
+ paddingLeft: string;
971
+ width: string;
972
+ '& .M4LImage-root': {
973
+ minWidth: string;
974
+ minHeight: string;
975
+ };
976
+ };
977
+ };
1253
978
  };
1254
- '& .M4LSideBar-containerLogoButtonIcon': {
979
+ };
980
+ };
981
+ '& .M4LSideBar-wrapperSideBar': {
982
+ height: string;
983
+ width: string;
984
+ '& .M4LSideBar-containerSideBarLogo': {
985
+ display: string;
986
+ justifyContent: string;
987
+ marginTop: string;
988
+ '& .M4LSideBar-containerLogo': {
1255
989
  display: string;
990
+ justifyContent: string;
1256
991
  alignItems: string;
992
+ fitContent: string;
993
+ boxSizing: string;
994
+ paddingTop: string;
995
+ paddingBottom: string;
996
+ gap: string;
997
+ paddingLeft: string;
998
+ '& .M4LTypography-root': {
999
+ display: string;
1000
+ width: string;
1001
+ '& .MuiTypography-root': {
1002
+ with: string;
1003
+ overflow: string;
1004
+ textOverflow: string;
1005
+ textWrap: string;
1006
+ };
1007
+ };
1008
+ '& .M4LImage-root': {
1009
+ position: string;
1010
+ padding: string;
1011
+ minWidth: string;
1012
+ minHeight: string;
1013
+ };
1014
+ };
1015
+ };
1016
+ '& .M4LSideBar-contentGroups': {
1017
+ overflow: string;
1018
+ flexGrow: string;
1019
+ display: string;
1020
+ flexDirection: string;
1021
+ '& .M4LSideBar-contentGroupsLine': {
1022
+ display: string;
1023
+ height: string;
1024
+ marginRight: string;
1025
+ marginLeft: string;
1026
+ backgroundColor: string;
1027
+ };
1028
+ '& .M4LSideBar-wrapperGroup': {
1029
+ height: string;
1030
+ '& .M4LSideBar-wrapperGroupTitle': {
1031
+ height: string;
1032
+ paddingLeft: string;
1033
+ '& .M4LTypography-root': {
1034
+ display: string;
1035
+ width: string;
1036
+ '& .MuiTypography-root': {
1037
+ with: string;
1038
+ overflow: string;
1039
+ textOverflow: string;
1040
+ textWrap: string;
1041
+ };
1042
+ };
1043
+ };
1044
+ '& .M4LSideBar-itemListMainRoot': {
1045
+ display: string;
1046
+ borderRadius: string;
1047
+ justifyContent: string;
1048
+ flexDirection: string;
1049
+ padding: string;
1050
+ gap: string;
1051
+ '& .M4LSideBar-navItemMainRoot': {
1052
+ backgroundColor: string;
1053
+ borderRadius: string;
1054
+ '&:hover': {
1055
+ background: string;
1056
+ cursor: string;
1057
+ };
1058
+ };
1059
+ '&.M4LSideBar-itemMainActive': {
1060
+ borderRadius: string;
1061
+ '& .M4LSideBar-navItemMainRoot': {
1062
+ background: string;
1063
+ '&:hover': {
1064
+ background: string;
1065
+ cursor: string;
1066
+ };
1067
+ };
1068
+ '& .M4LSideBar-navItemRootContent': {
1069
+ '& .M4LSideBar-navItemRootContentIconTypo': {
1070
+ '& .M4LIcon-icon': {
1071
+ backgroundColor: string;
1072
+ };
1073
+ '& .M4LTypography-root': {
1074
+ '& .MuiTypography-root': {
1075
+ color: string;
1076
+ };
1077
+ };
1078
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
1079
+ backgroundColor: string;
1080
+ };
1081
+ };
1082
+ '& .M4LSideBar-arrowIconRoot': {
1083
+ "& .M4LIcon-root": {
1084
+ "& .M4LIcon-icon": {
1085
+ backgroundColor: string;
1086
+ };
1087
+ };
1088
+ };
1089
+ '&::before': {
1090
+ content: string;
1091
+ width: string;
1092
+ top: string;
1093
+ bottom: string;
1094
+ right: string;
1095
+ backgroundColor: string;
1096
+ borderRadius: string;
1097
+ position: string;
1098
+ };
1099
+ };
1100
+ };
1101
+ '& .M4LSideBar-navItemRootContent': {
1102
+ display: string;
1103
+ padding: string;
1104
+ justifyContent: string;
1105
+ borderRadius: string;
1106
+ position: string;
1107
+ '& .M4LSideBar-navItemRootContentIconTypo': {
1108
+ display: string;
1109
+ gap: string;
1110
+ width: string;
1111
+ '& .M4LIcon-icon': {
1112
+ backgroundColor: string;
1113
+ width: string;
1114
+ height: string;
1115
+ };
1116
+ '& .M4LTypography-root': {
1117
+ display: string;
1118
+ flexGrow: string;
1119
+ overflow: string;
1120
+ '& .MuiTypography-root': {
1121
+ color: string;
1122
+ textWrap: string;
1123
+ textOverflow: string;
1124
+ display: string;
1125
+ overflow: string;
1126
+ };
1127
+ };
1128
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
1129
+ backgroundColor: string;
1130
+ };
1131
+ };
1132
+ '& .M4LSideBar-arrowIconRoot': {
1133
+ "& .M4LIcon-root": {
1134
+ "& .M4LIcon-icon": {
1135
+ background: string;
1136
+ };
1137
+ };
1138
+ };
1139
+ };
1140
+ '& .M4LSideBar-containerListSubItem': {
1141
+ paddingLeft: string;
1142
+ };
1143
+ '& .M4LSideBar-navListSubItemRoot': {
1144
+ gap: string;
1145
+ padding: string;
1146
+ '& .M4LSideBar-navSubItemContentRoot ': {
1147
+ width: string;
1148
+ height: string;
1149
+ borderRadius: string;
1150
+ gap: string;
1151
+ '&.M4LSideBar-subItemCollapseActive': {
1152
+ backgroundColor: string;
1153
+ gap: string;
1154
+ "& .MuiButtonBase-root": {
1155
+ "& .M4LIcon-root": {
1156
+ "& .M4LIcon-icon": {
1157
+ backgroundColor: string;
1158
+ };
1159
+ };
1160
+ };
1161
+ };
1162
+ '& .M4LSideBar-subItemActive': {
1163
+ "& .MuiButtonBase-root": {
1164
+ "& .M4LIcon-root": {
1165
+ "& .M4LIcon-icon": {
1166
+ backgroundColor: string;
1167
+ };
1168
+ };
1169
+ };
1170
+ '& .M4LSideBar-navSubItemContentBullet': {
1171
+ height: string;
1172
+ borderRadius: string;
1173
+ backgroundColor: string;
1174
+ gap: string;
1175
+ };
1176
+ };
1177
+ '&:hover': {
1178
+ background: string;
1179
+ };
1180
+ };
1181
+ '& .M4LSideBar-navSubItemContentRoot': {
1182
+ gap: string;
1183
+ margin: string;
1184
+ padding: string;
1185
+ '& .M4LSideBar-navSubItemContentBullet': {
1186
+ minWidth: string;
1187
+ minHeight: string;
1188
+ borderRadius: string;
1189
+ backgroundColor: string;
1190
+ };
1191
+ '& .M4LTypography-root': {
1192
+ display: string;
1193
+ width: string;
1194
+ '& .MuiTypography-root': {
1195
+ color: string;
1196
+ with: string;
1197
+ overflow: string;
1198
+ textOverflow: string;
1199
+ textWrap: string;
1200
+ };
1201
+ };
1202
+ };
1203
+ };
1204
+ '& .MuiCollapse-root': {
1205
+ marginLeft: string;
1206
+ };
1207
+ };
1208
+ };
1209
+ '& .M4LIcon-root .M4LIcon-icon': {
1210
+ backgroundColor: string;
1211
+ };
1212
+ };
1213
+ '& .M4LSideBar-collapseButton': {
1214
+ display: string;
1215
+ paddingTop: string;
1216
+ borderTop: string;
1217
+ borderColor: string;
1218
+ justifyContent: string;
1219
+ marginRight: string;
1220
+ marginLeft: string;
1221
+ gap: string;
1222
+ alignItems: string;
1223
+ height: string;
1224
+ minHeight: string;
1225
+ flexDirection: string;
1226
+ '& .M4LSideBar-containerLogoButton': {
1227
+ display: string;
1228
+ gap: string;
1229
+ width: string;
1230
+ };
1231
+ '& .M4LSideBar-containerLogoButtonLogo': {
1232
+ width: string;
1233
+ height: string;
1234
+ '& .M4LSideBar-containerLogoButtonIcon': {
1235
+ display: string;
1236
+ alignItems: string;
1237
+ };
1238
+ };
1239
+ };
1240
+ };
1241
+ };
1242
+ };
1243
+ };
1244
+ M4LSideBarPopover: {
1245
+ styleOverrides: {
1246
+ '&.M4LSideBar-popover.M4LSideBar-variantDefault': {
1247
+ '& .M4LSideBar-subItemActive': {
1248
+ "& .M4LIcon-icon": {
1249
+ backgroundColor: string;
1250
+ };
1251
+ };
1252
+ '& .M4LSideBar-navListSubItemRoot': {
1253
+ width: string;
1254
+ height: string;
1255
+ '& .M4LSideBar-navSubItemContentRoot': {
1256
+ gap: string;
1257
+ padding: string;
1258
+ height: string;
1259
+ borderRadius: string;
1260
+ '&.M4LSideBar-subItemCollapseActive': {
1261
+ backgroundColor: string;
1262
+ };
1263
+ '& .M4LTypography-root': {
1264
+ display: string;
1265
+ width: string;
1266
+ '& .MuiTypography-root': {
1267
+ color: string;
1268
+ with: string;
1269
+ overflow: string;
1270
+ textOverflow: string;
1271
+ textWrap: string;
1272
+ };
1273
+ };
1274
+ '& .MuiPaper-root': {
1275
+ '& .M4LSideBar-navListSubItemRoot': {
1276
+ '& .M4LSideBar-subItemActive': {
1277
+ '& .MuiButtonBase-root': {
1278
+ '& .M4LIcon-root': {
1279
+ '& .M4LIcon-icon': {
1280
+ backgroundColor: string;
1281
+ };
1282
+ };
1283
+ };
1284
+ };
1285
+ };
1286
+ };
1287
+ '& .M4LSideBar-subItemActive': {
1288
+ height: string;
1289
+ "& .MuiButtonBase-root": {
1290
+ "& .M4LIcon-root": {
1291
+ "& .M4LIcon-icon": {
1292
+ backgroundColor: string;
1293
+ };
1294
+ };
1295
+ };
1296
+ '& .M4LSideBar-navSubItemContentBullet': {
1297
+ height: string;
1298
+ borderRadius: string;
1299
+ backgroundColor: string;
1300
+ };
1301
+ };
1302
+ '& .M4LSideBar-navSubItemContentBullet': {
1303
+ minWidth: string;
1304
+ minHeight: string;
1305
+ borderRadius: string;
1306
+ backgroundColor: string;
1307
+ };
1308
+ '&:hover': {
1309
+ background: string;
1310
+ };
1311
+ };
1312
+ };
1313
+ };
1314
+ '&.M4LSideBar-popover.M4LSideBar-variantComercial': {
1315
+ '& .M4LSideBar-subItemActive': {
1316
+ "& .M4LIcon-icon": {
1317
+ backgroundColor: string;
1318
+ };
1319
+ };
1320
+ '& .M4LSideBar-navListSubItemRoot': {
1321
+ width: string;
1322
+ height: string;
1323
+ '& .M4LSideBar-navSubItemContentRoot': {
1324
+ gap: string;
1325
+ padding: string;
1326
+ height: string;
1327
+ borderRadius: string;
1328
+ '&.M4LSideBar-subItemCollapseActive': {
1329
+ backgroundColor: string;
1330
+ Text: string;
1331
+ };
1332
+ '& .M4LTypography-root': {
1333
+ display: string;
1334
+ width: string;
1335
+ '& .MuiTypography-root': {
1336
+ color: string;
1337
+ with: string;
1338
+ overflow: string;
1339
+ textOverflow: string;
1340
+ textWrap: string;
1341
+ };
1342
+ };
1343
+ '& .MuiPaper-root': {
1344
+ '& .M4LSideBar-navListSubItemRoot': {
1345
+ '& .M4LSideBar-subItemActive': {
1346
+ '& .MuiButtonBase-root': {
1347
+ '& .M4LIcon-root': {
1348
+ '& .M4LIcon-icon': {
1349
+ backgroundColor: string;
1350
+ };
1351
+ };
1352
+ };
1353
+ };
1354
+ };
1355
+ };
1356
+ '& .M4LSideBar-subItemActive': {
1357
+ height: string;
1358
+ "& .MuiButtonBase-root": {
1359
+ "& .M4LIcon-root": {
1360
+ "& .M4LIcon-icon": {
1361
+ backgroundColor: string;
1362
+ };
1363
+ };
1364
+ };
1365
+ '& .M4LSideBar-navSubItemContentBullet': {
1366
+ height: string;
1367
+ borderRadius: string;
1368
+ backgroundColor: string;
1369
+ };
1370
+ };
1371
+ '& .M4LSideBar-navSubItemContentBullet': {
1372
+ minWidth: string;
1373
+ minHeight: string;
1374
+ borderRadius: string;
1375
+ backgroundColor: string;
1376
+ };
1377
+ '&:hover': {
1378
+ background: string;
1379
+ };
1380
+ };
1381
+ };
1382
+ };
1383
+ };
1384
+ };
1385
+ M4LSideBarDrawer: {
1386
+ styleOverrides: {
1387
+ '&.M4LSideBar-drawer': {
1388
+ '&.M4LSideBar-variantDefault': {
1389
+ '& .M4LSideBar-subItemActive': {
1390
+ "& .M4LIcon-icon": {
1391
+ backgroundColor: string;
1392
+ };
1393
+ '& .M4LTypography-root': {
1394
+ '& .MuiTypography-root': {
1395
+ color: string;
1396
+ };
1397
+ };
1398
+ };
1399
+ '& .M4LSideBar-contentMobile': {
1400
+ width: string;
1401
+ height: string;
1402
+ display: string;
1403
+ flexDirection: string;
1404
+ paddingTop: string;
1405
+ '& .M4LSideBar-containerSideBarLogo': {
1406
+ display: string;
1407
+ justifyContent: string;
1408
+ marginTop: string;
1409
+ '& .M4LSideBar-containerLogo': {
1410
+ display: string;
1411
+ justifyContent: string;
1412
+ alignItems: string;
1413
+ fitContent: string;
1414
+ boxSizing: string;
1415
+ paddingTop: string;
1416
+ paddingBottom: string;
1417
+ gap: string;
1418
+ paddingLeft: string;
1419
+ '& .M4LTypography-root': {
1420
+ display: string;
1421
+ width: string;
1422
+ '& .MuiTypography-root': {
1423
+ with: string;
1424
+ overflow: string;
1425
+ textOverflow: string;
1426
+ textWrap: string;
1427
+ };
1428
+ };
1429
+ '& .M4LImage-root': {
1430
+ position: string;
1431
+ background: string;
1432
+ boxShadow: string;
1433
+ padding: string;
1434
+ borderRadius: string;
1435
+ minWidth: string;
1436
+ minHeight: string;
1437
+ };
1438
+ };
1439
+ };
1440
+ '& .M4LSideBar-contentGroups': {
1441
+ overflow: string;
1442
+ flexGrow: string;
1443
+ display: string;
1444
+ flexDirection: string;
1445
+ '& .M4LSideBar-contentGroupsLine': {
1446
+ display: string;
1447
+ height: string;
1448
+ marginRight: string;
1449
+ marginLeft: string;
1450
+ backgroundColor: string;
1451
+ };
1452
+ '& .M4LSideBar-wrapperGroup': {
1453
+ height: string;
1454
+ padding: string;
1455
+ '& .M4LSideBar-wrapperGroupTitle': {
1456
+ height: string;
1457
+ padding: string;
1458
+ '& .M4LTypography-root': {
1459
+ display: string;
1460
+ width: string;
1461
+ '& .MuiTypography-root': {
1462
+ textTransform: string;
1463
+ with: string;
1464
+ overflow: string;
1465
+ textOverflow: string;
1466
+ textWrap: string;
1467
+ };
1468
+ };
1469
+ };
1470
+ '& .M4LSideBar-itemListMainRoot': {
1471
+ display: string;
1472
+ borderRadius: string;
1473
+ justifyContent: string;
1474
+ flexDirection: string;
1475
+ paddingBottom: string;
1476
+ gap: string;
1477
+ height: string;
1478
+ '& .M4LSideBar-navItemMainRoot': {
1479
+ backgroundColor: string;
1480
+ borderRadius: string;
1481
+ '&:hover': {
1482
+ background: string;
1483
+ cursor: string;
1484
+ };
1485
+ };
1486
+ '&.M4LSideBar-itemMainActive': {
1487
+ borderRadius: string;
1488
+ '& .M4LSideBar-navItemMainRoot': {
1489
+ background: string;
1490
+ '&:hover': {
1491
+ background: string;
1492
+ cursor: string;
1493
+ };
1494
+ };
1495
+ '& .M4LSideBar-navItemRootContent': {
1496
+ '& .M4LSideBar-navItemRootContentIconTypo': {
1497
+ alignItems: string;
1498
+ '& .M4LIcon-icon': {
1499
+ backgroundColor: string;
1500
+ };
1501
+ '& .M4LTypography-root': {
1502
+ '& .MuiTypography-root': {
1503
+ color: string;
1504
+ };
1505
+ };
1506
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
1507
+ backgroundColor: string;
1508
+ };
1509
+ };
1510
+ '& .M4LSideBar-arrowIconRoot': {
1511
+ "& .M4LIcon-root": {
1512
+ "& .M4LIcon-icon": {
1513
+ backgroundColor: string;
1514
+ };
1515
+ };
1516
+ };
1517
+ '&::before': {
1518
+ content: string;
1519
+ width: string;
1520
+ top: string;
1521
+ bottom: string;
1522
+ left: string;
1523
+ backgroundColor: string;
1524
+ borderRadius: string;
1525
+ position: string;
1526
+ };
1527
+ };
1528
+ };
1529
+ '& .M4LSideBar-navItemRootContent': {
1530
+ display: string;
1531
+ padding: string;
1532
+ justifyContent: string;
1533
+ borderRadius: string;
1534
+ position: string;
1535
+ '& .M4LSideBar-navItemRootContentIconTypo': {
1536
+ display: string;
1537
+ gap: string;
1538
+ width: string;
1539
+ '& .M4LIcon-icon': {
1540
+ backgroundColor: string;
1541
+ width: string;
1542
+ height: string;
1543
+ };
1544
+ '& .M4LTypography-root': {
1545
+ display: string;
1546
+ flexGrow: string;
1547
+ overflow: string;
1548
+ '& .MuiTypography-root': {
1549
+ color: string;
1550
+ textWrap: string;
1551
+ textOverflow: string;
1552
+ display: string;
1553
+ overflow: string;
1554
+ };
1555
+ };
1556
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
1557
+ backgroundColor: string;
1558
+ };
1559
+ };
1560
+ '& .M4LSideBar-arrowIconRoot': {
1561
+ "& .M4LIcon-root": {
1562
+ "& .M4LIcon-icon": {
1563
+ background: string;
1564
+ };
1565
+ };
1566
+ };
1567
+ };
1568
+ '& .M4LSideBar-containerListSubItem': {
1569
+ paddingLeft: string;
1570
+ };
1571
+ '& .M4LSideBar-navListSubItemRoot': {
1572
+ gap: string;
1573
+ padding: string;
1574
+ '& .M4LSideBar-navSubItemContentRoot ': {
1575
+ width: string;
1576
+ height: string;
1577
+ borderRadius: string;
1578
+ gap: string;
1579
+ '&.M4LSideBar-subItemCollapseActive': {
1580
+ backgroundColor: string;
1581
+ gap: string;
1582
+ "& .MuiButtonBase-root": {
1583
+ "& .M4LIcon-root": {
1584
+ "& .M4LIcon-icon": {
1585
+ backgroundColor: string;
1586
+ };
1587
+ };
1588
+ };
1589
+ };
1590
+ '& .M4LSideBar-subItemActive': {
1591
+ "& .MuiButtonBase-root": {
1592
+ "& .M4LIcon-root": {
1593
+ "& .M4LIcon-icon": {
1594
+ backgroundColor: string;
1595
+ };
1596
+ };
1597
+ };
1598
+ '& .M4LSideBar-navSubItemContentBullet': {
1599
+ height: string;
1600
+ borderRadius: string;
1601
+ backgroundColor: string;
1602
+ gap: string;
1603
+ };
1604
+ };
1605
+ '&:hover': {
1606
+ background: string;
1607
+ };
1608
+ };
1609
+ '& .M4LSideBar-navSubItemContentRoot': {
1610
+ gap: string;
1611
+ margin: string;
1612
+ padding: string;
1613
+ "& .M4LIcon-root": {
1614
+ minHeight: string;
1615
+ minWwidth: string;
1616
+ "& .M4LIcon-icon": {
1617
+ minHeight: string;
1618
+ minWidth: string;
1619
+ };
1620
+ };
1621
+ '& .M4LSideBar-navSubItemContentBullet': {
1622
+ minWidth: string;
1623
+ minHeight: string;
1624
+ borderRadius: string;
1625
+ backgroundColor: string;
1626
+ };
1627
+ '& .M4LTypography-root': {
1628
+ display: string;
1629
+ width: string;
1630
+ '& .MuiTypography-root': {
1631
+ color: string;
1632
+ with: string;
1633
+ overflow: string;
1634
+ textOverflow: string;
1635
+ textWrap: string;
1636
+ };
1637
+ };
1638
+ };
1639
+ };
1640
+ '& .MuiCollapse-root': {
1641
+ marginLeft: string;
1642
+ };
1643
+ };
1644
+ };
1645
+ '& .M4LIcon-root .M4LIcon-icon': {
1646
+ backgroundColor: string;
1647
+ };
1648
+ };
1649
+ '& .M4LSideBar-collapseButton': {
1650
+ display: string;
1651
+ paddingTop: string;
1652
+ borderTop: string;
1653
+ borderColor: string;
1654
+ justifyContent: string;
1655
+ marginRight: string;
1656
+ marginLeft: string;
1657
+ gap: string;
1658
+ alignItems: string;
1659
+ height: string;
1660
+ minHeight: string;
1661
+ '& .M4LSideBar-containerLogoButton': {
1662
+ display: string;
1663
+ gap: string;
1664
+ width: string;
1665
+ };
1666
+ '& .M4LSideBar-containerLogoButtonLogo': {
1667
+ width: string;
1668
+ height: string;
1669
+ '& .M4LSideBar-containerLogoButtonIcon': {
1670
+ display: string;
1671
+ alignItems: string;
1672
+ };
1673
+ };
1674
+ };
1675
+ };
1676
+ };
1677
+ '&.M4LSideBar-variantComercial': {
1678
+ '& .M4LSideBar-contentMobile': {
1679
+ width: string;
1680
+ height: string;
1681
+ display: string;
1682
+ flexDirection: string;
1683
+ '& .M4LSideBar-containerSideBarLogo': {
1684
+ display: string;
1685
+ justifyContent: string;
1686
+ marginTop: string;
1687
+ '& .M4LSideBar-containerLogo': {
1688
+ display: string;
1689
+ justifyContent: string;
1690
+ alignItems: string;
1691
+ fitContent: string;
1692
+ boxSizing: string;
1693
+ paddingTop: string;
1694
+ paddingBottom: string;
1695
+ gap: string;
1696
+ paddingLeft: string;
1697
+ '& .M4LTypography-root': {
1698
+ display: string;
1699
+ width: string;
1700
+ '& .MuiTypography-root': {
1701
+ with: string;
1702
+ overflow: string;
1703
+ textOverflow: string;
1704
+ textWrap: string;
1705
+ };
1706
+ };
1707
+ '& .M4LImage-root': {
1708
+ position: string;
1709
+ padding: string;
1710
+ borderRadius: string;
1711
+ minWidth: string;
1712
+ minHeight: string;
1713
+ };
1714
+ };
1715
+ };
1716
+ '& .M4LSideBar-contentGroups': {
1717
+ overflow: string;
1718
+ flexGrow: string;
1719
+ display: string;
1720
+ flexDirection: string;
1721
+ '& .M4LSideBar-contentGroupsLine': {
1722
+ display: string;
1723
+ height: string;
1724
+ marginRight: string;
1725
+ marginLeft: string;
1726
+ backgroundColor: string;
1727
+ };
1728
+ '& .M4LSideBar-wrapperGroup': {
1729
+ height: string;
1730
+ paddingLeft: string;
1731
+ '& .M4LSideBar-wrapperGroupTitle': {
1732
+ '& .M4LTypography-root': {
1733
+ display: string;
1734
+ width: string;
1735
+ '& .MuiTypography-root': {
1736
+ with: string;
1737
+ overflow: string;
1738
+ textOverflow: string;
1739
+ textWrap: string;
1740
+ fontWeight: string;
1741
+ fontSize: string;
1742
+ };
1743
+ };
1744
+ };
1745
+ '& .M4LSideBar-itemListMainRoot': {
1746
+ display: string;
1747
+ borderRadius: string;
1748
+ justifyContent: string;
1749
+ flexDirection: string;
1750
+ padding: string;
1751
+ gap: string;
1752
+ '& .M4LSideBar-navItemMainRoot': {
1753
+ backgroundColor: string;
1754
+ borderRadius: string;
1755
+ '&:hover': {
1756
+ background: string;
1757
+ cursor: string;
1758
+ };
1759
+ };
1760
+ '&.M4LSideBar-itemMainActive': {
1761
+ borderRadius: string;
1762
+ '& .M4LSideBar-navItemMainRoot': {
1763
+ background: string;
1764
+ '&:hover': {
1765
+ background: string;
1766
+ cursor: string;
1767
+ };
1768
+ };
1769
+ '& .M4LSideBar-navItemRootContent': {
1770
+ '& .M4LSideBar-navItemRootContentIconTypo': {
1771
+ fontSize: string;
1772
+ '& .M4LIcon-icon': {
1773
+ backgroundColor: string;
1774
+ };
1775
+ '& .M4LTypography-root': {
1776
+ '& .MuiTypography-root': {
1777
+ color: string;
1778
+ };
1779
+ };
1780
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
1781
+ backgroundColor: string;
1782
+ };
1783
+ };
1784
+ '& .M4LSideBar-arrowIconRoot': {
1785
+ "& .M4LIcon-root": {
1786
+ "& .M4LIcon-icon": {
1787
+ backgroundColor: string;
1788
+ };
1789
+ };
1790
+ };
1791
+ '&::before': {
1792
+ content: string;
1793
+ width: string;
1794
+ top: string;
1795
+ bottom: string;
1796
+ right: string;
1797
+ backgroundColor: string;
1798
+ borderRadius: string;
1799
+ position: string;
1800
+ };
1801
+ };
1802
+ };
1803
+ '& .M4LSideBar-navItemRootContent': {
1804
+ display: string;
1805
+ padding: string;
1806
+ justifyContent: string;
1807
+ borderRadius: string;
1808
+ position: string;
1809
+ '& .M4LSideBar-navItemRootContentIconTypo': {
1810
+ display: string;
1811
+ gap: string;
1812
+ width: string;
1813
+ '& .M4LIcon-icon': {
1814
+ backgroundColor: string;
1815
+ width: string;
1816
+ height: string;
1817
+ };
1818
+ '& .M4LTypography-root': {
1819
+ display: string;
1820
+ flexGrow: string;
1821
+ overflow: string;
1822
+ '& .MuiTypography-root': {
1823
+ color: string;
1824
+ textWrap: string;
1825
+ textOverflow: string;
1826
+ display: string;
1827
+ overflow: string;
1828
+ fontSize: string;
1829
+ };
1830
+ };
1831
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
1832
+ backgroundColor: string;
1833
+ };
1834
+ };
1835
+ '& .M4LSideBar-arrowIconRoot': {
1836
+ "& .M4LIcon-root": {
1837
+ "& .M4LIcon-icon": {
1838
+ background: string;
1839
+ };
1840
+ };
1841
+ };
1842
+ };
1843
+ '& .M4LSideBar-containerListSubItem': {
1844
+ paddingLeft: string;
1845
+ };
1846
+ '& .M4LSideBar-navListSubItemRoot': {
1847
+ gap: string;
1848
+ padding: string;
1849
+ '& .M4LSideBar-navSubItemContentRoot ': {
1850
+ width: string;
1851
+ height: string;
1852
+ borderRadius: string;
1853
+ gap: string;
1854
+ '&.M4LSideBar-subItemCollapseActive': {
1855
+ backgroundColor: string;
1856
+ gap: string;
1857
+ "& .MuiButtonBase-root": {
1858
+ "& .M4LIcon-root": {
1859
+ "& .M4LIcon-icon": {
1860
+ backgroundColor: string;
1861
+ };
1862
+ };
1863
+ };
1864
+ };
1865
+ '& .M4LSideBar-subItemActive': {
1866
+ "& .MuiButtonBase-root": {
1867
+ "& .M4LIcon-root": {
1868
+ "& .M4LIcon-icon": {
1869
+ backgroundColor: string;
1870
+ };
1871
+ };
1872
+ };
1873
+ '& .M4LSideBar-navSubItemContentBullet': {
1874
+ height: string;
1875
+ borderRadius: string;
1876
+ backgroundColor: string;
1877
+ gap: string;
1878
+ };
1879
+ };
1880
+ '&:hover': {
1881
+ background: string;
1882
+ };
1883
+ };
1884
+ '& .M4LSideBar-navSubItemContentRoot': {
1885
+ gap: string;
1886
+ margin: string;
1887
+ padding: string;
1888
+ '& .M4LSideBar-navSubItemContentBullet': {
1889
+ minWidth: string;
1890
+ minHeight: string;
1891
+ borderRadius: string;
1892
+ backgroundColor: string;
1893
+ };
1894
+ '& .M4LTypography-root': {
1895
+ display: string;
1896
+ width: string;
1897
+ '& .MuiTypography-root': {
1898
+ color: string;
1899
+ with: string;
1900
+ overflow: string;
1901
+ textOverflow: string;
1902
+ textWrap: string;
1903
+ fontSize: string;
1904
+ };
1905
+ };
1906
+ };
1907
+ };
1908
+ '& .MuiCollapse-root': {
1909
+ marginLeft: string;
1910
+ '&.M4LSideBar-drawer.M4LSideBar-variantComercial': {
1911
+ '& .M4LSideBar-subItemActive': {
1912
+ "& .M4LIcon-icon": {
1913
+ backgroundColor: string;
1914
+ };
1915
+ };
1916
+ '& .M4LSideBar-contentMobile': {
1917
+ width: string;
1918
+ height: string;
1919
+ display: string;
1920
+ flexDirection: string;
1921
+ '& .M4LSideBar-containerSideBarLogo': {
1922
+ display: string;
1923
+ justifyContent: string;
1924
+ marginTop: string;
1925
+ '& .M4LSideBar-containerLogo': {
1926
+ display: string;
1927
+ justifyContent: string;
1928
+ alignItems: string;
1929
+ fitContent: string;
1930
+ boxSizing: string;
1931
+ paddingTop: string;
1932
+ paddingBottom: string;
1933
+ gap: string;
1934
+ paddingLeft: string;
1935
+ '& .M4LTypography-root': {
1936
+ display: string;
1937
+ width: string;
1938
+ '& .MuiTypography-root': {
1939
+ with: string;
1940
+ overflow: string;
1941
+ textOverflow: string;
1942
+ textWrap: string;
1943
+ };
1944
+ };
1945
+ '& .M4LImage-root': {
1946
+ position: string;
1947
+ background: string;
1948
+ boxShadow: string;
1949
+ padding: string;
1950
+ borderRadius: string;
1951
+ minWidth: string;
1952
+ minHeight: string;
1953
+ };
1954
+ };
1955
+ };
1956
+ '& .M4LSideBar-contentGroups': {
1957
+ overflow: string;
1958
+ flexGrow: string;
1959
+ display: string;
1960
+ flexDirection: string;
1961
+ '& .M4LSideBar-contentGroupsLine': {
1962
+ display: string;
1963
+ height: string;
1964
+ marginRight: string;
1965
+ marginLeft: string;
1966
+ backgroundColor: string;
1967
+ };
1968
+ '& .M4LSideBar-wrapperGroup': {
1969
+ height: string;
1970
+ paddingLeft: string;
1971
+ '& .M4LSideBar-wrapperGroupTitle': {
1972
+ '& .M4LTypography-root': {
1973
+ display: string;
1974
+ width: string;
1975
+ '& .MuiTypography-root': {
1976
+ with: string;
1977
+ overflow: string;
1978
+ textOverflow: string;
1979
+ textWrap: string;
1980
+ };
1981
+ };
1982
+ };
1983
+ '& .M4LSideBar-itemListMainRoot': {
1984
+ display: string;
1985
+ borderRadius: string;
1986
+ justifyContent: string;
1987
+ flexDirection: string;
1988
+ padding: string;
1989
+ gap: string;
1990
+ '& .M4LSideBar-navItemMainRoot': {
1991
+ backgroundColor: string;
1992
+ borderRadius: string;
1993
+ '&:hover': {
1994
+ background: string;
1995
+ cursor: string;
1996
+ };
1997
+ };
1998
+ '&.M4LSideBar-itemMainActive': {
1999
+ borderRadius: string;
2000
+ '& .M4LSideBar-navItemMainRoot': {
2001
+ background: string;
2002
+ '&:hover': {
2003
+ background: string;
2004
+ cursor: string;
2005
+ };
2006
+ };
2007
+ '& .M4LSideBar-navItemRootContent': {
2008
+ '& .M4LSideBar-navItemRootContentIconTypo': {
2009
+ '& .M4LIcon-icon': {
2010
+ backgroundColor: string;
2011
+ };
2012
+ '& .M4LTypography-root': {
2013
+ '& .MuiTypography-root': {
2014
+ color: string;
2015
+ };
2016
+ };
2017
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
2018
+ backgroundColor: string;
2019
+ };
2020
+ };
2021
+ '& .M4LSideBar-arrowIconRoot': {
2022
+ "& .M4LIcon-root": {
2023
+ "& .M4LIcon-icon": {
2024
+ backgroundColor: string;
2025
+ };
2026
+ };
2027
+ };
2028
+ '&::before': {
2029
+ content: string;
2030
+ width: string;
2031
+ top: string;
2032
+ bottom: string;
2033
+ right: string;
2034
+ backgroundColor: string;
2035
+ borderRadius: string;
2036
+ position: string;
2037
+ };
2038
+ };
2039
+ };
2040
+ '& .M4LSideBar-navItemRootContent': {
2041
+ display: string;
2042
+ padding: string;
2043
+ justifyContent: string;
2044
+ borderRadius: string;
2045
+ position: string;
2046
+ '& .M4LSideBar-navItemRootContentIconTypo': {
2047
+ display: string;
2048
+ gap: string;
2049
+ width: string;
2050
+ '& .M4LIcon-icon': {
2051
+ backgroundColor: string;
2052
+ width: string;
2053
+ height: string;
2054
+ };
2055
+ '& .M4LTypography-root': {
2056
+ display: string;
2057
+ flexGrow: string;
2058
+ overflow: string;
2059
+ '& .MuiTypography-root': {
2060
+ color: string;
2061
+ textWrap: string;
2062
+ textOverflow: string;
2063
+ display: string;
2064
+ overflow: string;
2065
+ };
2066
+ };
2067
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
2068
+ backgroundColor: string;
2069
+ };
2070
+ };
2071
+ '& .M4LSideBar-arrowIconRoot': {
2072
+ "& .M4LIcon-root": {
2073
+ "& .M4LIcon-icon": {
2074
+ background: string;
2075
+ };
2076
+ };
2077
+ };
2078
+ };
2079
+ '& .M4LSideBar-containerListSubItem': {
2080
+ paddingLeft: string;
2081
+ };
2082
+ '& .M4LSideBar-navListSubItemRoot': {
2083
+ gap: string;
2084
+ padding: string;
2085
+ '& .M4LSideBar-navSubItemContentRoot ': {
2086
+ width: string;
2087
+ height: string;
2088
+ borderRadius: string;
2089
+ gap: string;
2090
+ '&.M4LSideBar-subItemCollapseActive': {
2091
+ backgroundColor: string;
2092
+ gap: string;
2093
+ "& .MuiButtonBase-root": {
2094
+ "& .M4LIcon-root": {
2095
+ "& .M4LIcon-icon": {
2096
+ backgroundColor: string;
2097
+ };
2098
+ };
2099
+ };
2100
+ };
2101
+ '& .M4LSideBar-subItemActive': {
2102
+ "& .MuiButtonBase-root": {
2103
+ "& .M4LIcon-root": {
2104
+ "& .M4LIcon-icon": {
2105
+ backgroundColor: string;
2106
+ };
2107
+ };
2108
+ };
2109
+ '& .M4LSideBar-navSubItemContentBullet': {
2110
+ height: string;
2111
+ borderRadius: string;
2112
+ backgroundColor: string;
2113
+ gap: string;
2114
+ };
2115
+ };
2116
+ '&:hover': {
2117
+ background: string;
2118
+ };
2119
+ };
2120
+ '& .M4LSideBar-navSubItemContentRoot': {
2121
+ gap: string;
2122
+ margin: string;
2123
+ padding: string;
2124
+ '& .M4LSideBar-navSubItemContentBullet': {
2125
+ minWidth: string;
2126
+ minHeight: string;
2127
+ borderRadius: string;
2128
+ backgroundColor: string;
2129
+ };
2130
+ '& .M4LTypography-root': {
2131
+ display: string;
2132
+ width: string;
2133
+ '& .MuiTypography-root': {
2134
+ color: string;
2135
+ with: string;
2136
+ overflow: string;
2137
+ textOverflow: string;
2138
+ textWrap: string;
2139
+ };
2140
+ };
2141
+ };
2142
+ };
2143
+ '& .MuiCollapse-root': {
2144
+ marginLeft: string;
2145
+ };
2146
+ };
2147
+ };
2148
+ '& .M4LIcon-root .M4LIcon-icon': {
2149
+ backgroundColor: string;
2150
+ };
2151
+ };
2152
+ '& .M4LSideBar-collapseButton': {
2153
+ display: string;
2154
+ paddingTop: string;
2155
+ borderTop: string;
2156
+ borderColor: string;
2157
+ justifyContent: string;
2158
+ marginRight: string;
2159
+ marginLeft: string;
2160
+ gap: string;
2161
+ alignItems: string;
2162
+ height: string;
2163
+ minHeight: string;
2164
+ '& .M4LSideBar-containerLogoButton': {
2165
+ display: string;
2166
+ gap: string;
2167
+ width: string;
2168
+ };
2169
+ '& .M4LSideBar-containerLogoButtonLogo': {
2170
+ width: string;
2171
+ height: string;
2172
+ '& .M4LSideBar-containerLogoButtonIcon': {
2173
+ display: string;
2174
+ alignItems: string;
2175
+ };
2176
+ };
2177
+ };
2178
+ };
2179
+ };
2180
+ };
2181
+ };
2182
+ };
2183
+ '& .M4LIcon-root .M4LIcon-icon': {
2184
+ backgroundColor: string;
2185
+ };
2186
+ };
2187
+ '& .M4LSideBar-collapseButton': {
2188
+ display: string;
2189
+ paddingTop: string;
2190
+ borderTop: string;
2191
+ borderColor: string;
2192
+ justifyContent: string;
2193
+ marginRight: string;
2194
+ marginLeft: string;
2195
+ gap: string;
2196
+ alignItems: string;
2197
+ height: string;
2198
+ minHeight: string;
2199
+ '& .M4LSideBar-containerLogoButton': {
2200
+ display: string;
2201
+ gap: string;
2202
+ width: string;
2203
+ };
2204
+ '& .M4LSideBar-containerLogoButtonLogo': {
2205
+ width: string;
2206
+ height: string;
2207
+ '& .M4LSideBar-containerLogoButtonIcon': {
2208
+ display: string;
2209
+ alignItems: string;
2210
+ };
2211
+ };
1257
2212
  };
1258
2213
  };
1259
2214
  };