@m4l/styles 0.0.48 → 0.0.49

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 (19) hide show
  1. package/index.js +36 -36
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.348dc196.js → defaultThemeOptions.656b9eff.js} +11 -8
  4. package/theme/index.bc975e94.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +17 -2
  6. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +0 -1
  7. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +118 -125
  8. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +0 -1
  9. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +8 -1
  10. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +11 -0
  11. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +1 -1
  12. package/theme/overrides/M4LExtendedComponents/{index.fbdb0818.js → index.0ba2f034.js} +178 -144
  13. package/theme/overrides/{index.155beeb3.js → index.32aa77da.js} +1 -1
  14. package/theme/{typography.8878fde5.js → typography.ed54f014.js} +32 -24
  15. package/types/augmentations.d.ts +121 -121
  16. package/types/types.d.ts +24 -24
  17. package/utils/{getColorState.6c23eada.js → getColorState.7b9634af.js} +7 -2
  18. package/vite-env.d.ts +3 -3
  19. package/theme/index.34d0fdea.js +0 -1
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -30,6 +30,7 @@ export declare const M4LSideBar: (theme: Theme) => {
30
30
  borderColor: string;
31
31
  backgroundColor: string;
32
32
  '& .M4LSideBar-contentGroups': {
33
+ padding: string;
33
34
  '& .M4LSideBar-wrapperGroup': {
34
35
  overflow: string;
35
36
  padding: string;
@@ -38,21 +39,12 @@ export declare const M4LSideBar: (theme: Theme) => {
38
39
  borderColor: string;
39
40
  height: string;
40
41
  width: string;
41
- flex: string;
42
- '& .M4LSideBar-itemListMainRootContainer': {
43
- display: string;
44
- flexDirection: string;
45
- width: string;
46
- height: string;
47
- overflow: string;
48
- };
49
42
  '& .M4LSideBar-navItemRootContent': {
50
43
  overflow: string;
51
44
  height: string;
52
45
  padding: string;
53
46
  display: string;
54
47
  alignItems: string;
55
- position: string;
56
48
  };
57
49
  };
58
50
  };
@@ -110,7 +102,7 @@ export declare const M4LSideBar: (theme: Theme) => {
110
102
  opacity?: undefined;
111
103
  padding?: undefined;
112
104
  '& .M4LIcon-icon'?: undefined;
113
- "& .M4LSideBar-wrapperSideBar"?: undefined;
105
+ '& .M4LSideBar-wrapperSideBar'?: undefined;
114
106
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
115
107
  '& .M4LSideBar-contentGroups'?: undefined;
116
108
  '& .M4LSideBar-footer'?: undefined;
@@ -135,7 +127,7 @@ export declare const M4LSideBar: (theme: Theme) => {
135
127
  opacity?: undefined;
136
128
  padding?: undefined;
137
129
  '& .M4LIcon-icon'?: undefined;
138
- "& .M4LSideBar-wrapperSideBar"?: undefined;
130
+ '& .M4LSideBar-wrapperSideBar'?: undefined;
139
131
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
140
132
  '& .M4LSideBar-contentGroups'?: undefined;
141
133
  '& .M4LSideBar-footer'?: undefined;
@@ -157,7 +149,7 @@ export declare const M4LSideBar: (theme: Theme) => {
157
149
  opacity?: undefined;
158
150
  padding?: undefined;
159
151
  '& .M4LIcon-icon'?: undefined;
160
- "& .M4LSideBar-wrapperSideBar"?: undefined;
152
+ '& .M4LSideBar-wrapperSideBar'?: undefined;
161
153
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
162
154
  '& .M4LSideBar-contentGroups'?: undefined;
163
155
  '& .M4LSideBar-footer'?: undefined;
@@ -179,13 +171,13 @@ export declare const M4LSideBar: (theme: Theme) => {
179
171
  zIndex?: undefined;
180
172
  padding?: undefined;
181
173
  '& .M4LIcon-icon'?: undefined;
182
- "& .M4LSideBar-wrapperSideBar"?: undefined;
174
+ '& .M4LSideBar-wrapperSideBar'?: undefined;
183
175
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
184
176
  '& .M4LSideBar-contentGroups'?: undefined;
185
177
  '& .M4LSideBar-footer'?: undefined;
186
178
  } | {
187
179
  padding: string;
188
- "& .M4LIcon-icon": {
180
+ '& .M4LIcon-icon': {
189
181
  backgroundColor: string;
190
182
  };
191
183
  width?: undefined;
@@ -203,16 +195,16 @@ export declare const M4LSideBar: (theme: Theme) => {
203
195
  boxShadow?: undefined;
204
196
  zIndex?: undefined;
205
197
  opacity?: undefined;
206
- "& .M4LSideBar-wrapperSideBar"?: undefined;
198
+ '& .M4LSideBar-wrapperSideBar'?: undefined;
207
199
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
208
200
  '& .M4LSideBar-contentGroups'?: undefined;
209
201
  '& .M4LSideBar-footer'?: undefined;
210
202
  } | {
211
- "& .M4LSideBar-wrapperSideBar": {
212
- "& .M4LSideBar-contentDesktop": {
213
- "& .M4LSideBar-containerSideBarLogo": {
203
+ '& .M4LSideBar-wrapperSideBar': {
204
+ '& .M4LSideBar-contentDesktop': {
205
+ '& .M4LSideBar-containerSideBarLogo': {
214
206
  marginTop: string;
215
- "& .M4LSideBar-containerLogo": {
207
+ '& .M4LSideBar-containerLogo': {
216
208
  gap: string;
217
209
  paddingLeft: string;
218
210
  width: string;
@@ -262,7 +254,7 @@ export declare const M4LSideBar: (theme: Theme) => {
262
254
  zIndex?: undefined;
263
255
  opacity?: undefined;
264
256
  '& .M4LIcon-icon'?: undefined;
265
- "& .M4LSideBar-wrapperSideBar"?: undefined;
257
+ '& .M4LSideBar-wrapperSideBar'?: undefined;
266
258
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
267
259
  '& .M4LSideBar-contentGroups'?: undefined;
268
260
  '& .M4LSideBar-footer'?: undefined;
@@ -381,8 +373,8 @@ export declare const M4LSideBar: (theme: Theme) => {
381
373
  };
382
374
  };
383
375
  '& .M4LSideBar-arrowIconRoot': {
384
- "& .M4LIcon-root": {
385
- "& .M4LIcon-icon": {
376
+ '& .M4LIcon-root': {
377
+ '& .M4LIcon-icon': {
386
378
  backgroundColor: string;
387
379
  };
388
380
  };
@@ -393,7 +385,7 @@ export declare const M4LSideBar: (theme: Theme) => {
393
385
  height: string;
394
386
  top: string;
395
387
  bottom: string;
396
- right: string;
388
+ left: string;
397
389
  backgroundColor: string;
398
390
  borderRadius: string;
399
391
  position: string;
@@ -431,8 +423,8 @@ export declare const M4LSideBar: (theme: Theme) => {
431
423
  };
432
424
  };
433
425
  '& .M4LSideBar-arrowIconRoot': {
434
- "& .M4LIcon-root": {
435
- "& .M4LIcon-icon": {
426
+ '& .M4LIcon-root': {
427
+ '& .M4LIcon-icon': {
436
428
  background: string;
437
429
  };
438
430
  };
@@ -455,20 +447,20 @@ export declare const M4LSideBar: (theme: Theme) => {
455
447
  gap: string;
456
448
  border: string;
457
449
  borderColor: string;
458
- "& .MuiButtonBase-root": {
450
+ '& .MuiButtonBase-root': {
459
451
  padding: string;
460
- "& .M4LIcon-root": {
461
- "& .M4LIcon-icon": {
452
+ '& .M4LIcon-root': {
453
+ '& .M4LIcon-icon': {
462
454
  backgroundColor: string;
463
455
  };
464
456
  };
465
457
  };
466
458
  };
467
459
  '& .M4LSideBar-subItemActive': {
468
- "& .MuiButtonBase-root": {
460
+ '& .MuiButtonBase-root': {
469
461
  padding: string;
470
- "& .M4LIcon-root": {
471
- "& .M4LIcon-icon": {};
462
+ '& .M4LIcon-root': {
463
+ '& .M4LIcon-icon': {};
472
464
  };
473
465
  '& .M4LTypography-root': {
474
466
  '& .MuiTypography-root': {};
@@ -553,12 +545,12 @@ export declare const M4LSideBar: (theme: Theme) => {
553
545
  opacity?: undefined;
554
546
  padding?: undefined;
555
547
  '& .M4LIcon-icon'?: undefined;
556
- "& .M4LSideBar-wrapperSideBar"?: undefined;
548
+ '& .M4LSideBar-wrapperSideBar'?: undefined;
557
549
  };
558
550
  height: string;
559
551
  background: string;
560
552
  position: string;
561
- "& .M4LIconButton-sizeSmall": {
553
+ '& .M4LIconButton-sizeSmall': {
562
554
  width: string;
563
555
  height: string;
564
556
  minWidth: string;
@@ -591,16 +583,16 @@ export declare const M4LSideBar: (theme: Theme) => {
591
583
  };
592
584
  '& .M4LSideBar-subItemActive': {
593
585
  padding: string;
594
- "& .M4LIcon-icon": {
586
+ '& .M4LIcon-icon': {
595
587
  backgroundColor: string;
596
588
  };
597
589
  };
598
590
  '&.M4LSideBar-collapsed': {
599
- "& .M4LSideBar-wrapperSideBar": {
600
- "& .M4LSideBar-contentDesktop": {
601
- "& .M4LSideBar-containerSideBarLogo": {
591
+ '& .M4LSideBar-wrapperSideBar': {
592
+ '& .M4LSideBar-contentDesktop': {
593
+ '& .M4LSideBar-containerSideBarLogo': {
602
594
  marginTop: string;
603
- "& .M4LSideBar-containerLogo": {
595
+ '& .M4LSideBar-containerLogo': {
604
596
  gap: string;
605
597
  paddingLeft: string;
606
598
  width: string;
@@ -728,8 +720,8 @@ export declare const M4LSideBar: (theme: Theme) => {
728
720
  };
729
721
  };
730
722
  '& .M4LSideBar-arrowIconRoot': {
731
- "& .M4LIcon-root": {
732
- "& .M4LIcon-icon": {
723
+ '& .M4LIcon-root': {
724
+ '& .M4LIcon-icon': {
733
725
  backgroundColor: string;
734
726
  };
735
727
  };
@@ -740,7 +732,7 @@ export declare const M4LSideBar: (theme: Theme) => {
740
732
  height: string;
741
733
  top: string;
742
734
  bottom: string;
743
- right: string;
735
+ left: string;
744
736
  backgroundColor: string;
745
737
  borderRadius: string;
746
738
  position: string;
@@ -778,8 +770,8 @@ export declare const M4LSideBar: (theme: Theme) => {
778
770
  };
779
771
  };
780
772
  '& .M4LSideBar-arrowIconRoot': {
781
- "& .M4LIcon-root": {
782
- "& .M4LIcon-icon": {
773
+ '& .M4LIcon-root': {
774
+ '& .M4LIcon-icon': {
783
775
  background: string;
784
776
  };
785
777
  };
@@ -802,20 +794,20 @@ export declare const M4LSideBar: (theme: Theme) => {
802
794
  gap: string;
803
795
  border: string;
804
796
  borderColor: string;
805
- "& .MuiButtonBase-root": {
797
+ '& .MuiButtonBase-root': {
806
798
  padding: string;
807
- "& .M4LIcon-root": {
808
- "& .M4LIcon-icon": {
799
+ '& .M4LIcon-root': {
800
+ '& .M4LIcon-icon': {
809
801
  backgroundColor: string;
810
802
  };
811
803
  };
812
804
  };
813
805
  };
814
806
  '& .M4LSideBar-subItemActive': {
815
- "& .MuiButtonBase-root": {
807
+ '& .MuiButtonBase-root': {
816
808
  padding: string;
817
- "& .M4LIcon-root": {
818
- "& .M4LIcon-icon": {};
809
+ '& .M4LIcon-root': {
810
+ '& .M4LIcon-icon': {};
819
811
  };
820
812
  '& .M4LTypography-root': {
821
813
  '& .MuiTypography-root': {};
@@ -887,10 +879,10 @@ export declare const M4LSideBar: (theme: Theme) => {
887
879
  };
888
880
  '&.M4LSideBar-root.M4LSideBar-variantComercial': {
889
881
  [x: string]: {
890
- "& .M4LIcon-icon": {
882
+ '& .M4LIcon-icon': {
891
883
  backgroundColor: string;
892
884
  };
893
- "& .M4LSideBar-wrapperSideBar"?: undefined;
885
+ '& .M4LSideBar-wrapperSideBar'?: undefined;
894
886
  width?: undefined;
895
887
  height?: undefined;
896
888
  padding?: undefined;
@@ -898,12 +890,12 @@ export declare const M4LSideBar: (theme: Theme) => {
898
890
  '& .M4LSideBar-contentGroups'?: undefined;
899
891
  '& .M4LSideBar-footer'?: undefined;
900
892
  } | {
901
- "& .M4LSideBar-wrapperSideBar": {
893
+ '& .M4LSideBar-wrapperSideBar': {
902
894
  width: string;
903
- "& .M4LSideBar-contentDesktop": {
904
- "& .M4LSideBar-containerSideBarLogo": {
895
+ '& .M4LSideBar-contentDesktop': {
896
+ '& .M4LSideBar-containerSideBarLogo': {
905
897
  marginTop: string;
906
- "& .M4LSideBar-containerLogo": {
898
+ '& .M4LSideBar-containerLogo': {
907
899
  gap: string;
908
900
  paddingLeft: string;
909
901
  width: string;
@@ -927,7 +919,7 @@ export declare const M4LSideBar: (theme: Theme) => {
927
919
  height: string;
928
920
  padding: string;
929
921
  '& .M4LIcon-icon'?: undefined;
930
- "& .M4LSideBar-wrapperSideBar"?: undefined;
922
+ '& .M4LSideBar-wrapperSideBar'?: undefined;
931
923
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
932
924
  '& .M4LSideBar-contentGroups'?: undefined;
933
925
  '& .M4LSideBar-footer'?: undefined;
@@ -1035,8 +1027,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1035
1027
  };
1036
1028
  };
1037
1029
  '& .M4LSideBar-arrowIconRoot': {
1038
- "& .M4LIcon-root": {
1039
- "& .M4LIcon-icon": {
1030
+ '& .M4LIcon-root': {
1031
+ '& .M4LIcon-icon': {
1040
1032
  backgroundColor: string;
1041
1033
  };
1042
1034
  };
@@ -1085,8 +1077,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1085
1077
  };
1086
1078
  };
1087
1079
  '& .M4LSideBar-arrowIconRoot': {
1088
- "& .M4LIcon-root": {
1089
- "& .M4LIcon-icon": {
1080
+ '& .M4LIcon-root': {
1081
+ '& .M4LIcon-icon': {
1090
1082
  background: string;
1091
1083
  };
1092
1084
  };
@@ -1106,22 +1098,22 @@ export declare const M4LSideBar: (theme: Theme) => {
1106
1098
  '&.M4LSideBar-subItemCollapseActive': {
1107
1099
  backgroundColor: string;
1108
1100
  gap: string;
1109
- "& .MuiButtonBase-root": {
1101
+ '& .MuiButtonBase-root': {
1110
1102
  paddingLeft: string;
1111
1103
  padding: string;
1112
- "& .M4LIcon-root": {
1113
- "& .M4LIcon-icon": {
1104
+ '& .M4LIcon-root': {
1105
+ '& .M4LIcon-icon': {
1114
1106
  backgroundColor: string;
1115
1107
  };
1116
1108
  };
1117
1109
  };
1118
1110
  };
1119
1111
  '& .M4LSideBar-subItemActive': {
1120
- "& .MuiButtonBase-root": {
1112
+ '& .MuiButtonBase-root': {
1121
1113
  paddingLeft: string;
1122
1114
  padding: string;
1123
- "& .M4LIcon-root": {
1124
- "& .M4LIcon-icon": {
1115
+ '& .M4LIcon-root': {
1116
+ '& .M4LIcon-icon': {
1125
1117
  backgroundColor: string;
1126
1118
  };
1127
1119
  };
@@ -1186,23 +1178,23 @@ export declare const M4LSideBar: (theme: Theme) => {
1186
1178
  };
1187
1179
  };
1188
1180
  '& .M4LIcon-icon'?: undefined;
1189
- "& .M4LSideBar-wrapperSideBar"?: undefined;
1181
+ '& .M4LSideBar-wrapperSideBar'?: undefined;
1190
1182
  width?: undefined;
1191
1183
  height?: undefined;
1192
1184
  padding?: undefined;
1193
1185
  };
1194
1186
  '& .M4LSideBar-subItemActive': {
1195
- "& .M4LIcon-icon": {
1187
+ '& .M4LIcon-icon': {
1196
1188
  backgroundColor: string;
1197
1189
  };
1198
1190
  };
1199
1191
  '&.M4LSideBar-collapsed': {
1200
- "& .M4LSideBar-wrapperSideBar": {
1192
+ '& .M4LSideBar-wrapperSideBar': {
1201
1193
  width: string;
1202
- "& .M4LSideBar-contentDesktop": {
1203
- "& .M4LSideBar-containerSideBarLogo": {
1194
+ '& .M4LSideBar-contentDesktop': {
1195
+ '& .M4LSideBar-containerSideBarLogo': {
1204
1196
  marginTop: string;
1205
- "& .M4LSideBar-containerLogo": {
1197
+ '& .M4LSideBar-containerLogo': {
1206
1198
  gap: string;
1207
1199
  paddingLeft: string;
1208
1200
  width: string;
@@ -1319,8 +1311,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1319
1311
  };
1320
1312
  };
1321
1313
  '& .M4LSideBar-arrowIconRoot': {
1322
- "& .M4LIcon-root": {
1323
- "& .M4LIcon-icon": {
1314
+ '& .M4LIcon-root': {
1315
+ '& .M4LIcon-icon': {
1324
1316
  backgroundColor: string;
1325
1317
  };
1326
1318
  };
@@ -1369,8 +1361,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1369
1361
  };
1370
1362
  };
1371
1363
  '& .M4LSideBar-arrowIconRoot': {
1372
- "& .M4LIcon-root": {
1373
- "& .M4LIcon-icon": {
1364
+ '& .M4LIcon-root': {
1365
+ '& .M4LIcon-icon': {
1374
1366
  background: string;
1375
1367
  };
1376
1368
  };
@@ -1390,22 +1382,22 @@ export declare const M4LSideBar: (theme: Theme) => {
1390
1382
  '&.M4LSideBar-subItemCollapseActive': {
1391
1383
  backgroundColor: string;
1392
1384
  gap: string;
1393
- "& .MuiButtonBase-root": {
1385
+ '& .MuiButtonBase-root': {
1394
1386
  paddingLeft: string;
1395
1387
  padding: string;
1396
- "& .M4LIcon-root": {
1397
- "& .M4LIcon-icon": {
1388
+ '& .M4LIcon-root': {
1389
+ '& .M4LIcon-icon': {
1398
1390
  backgroundColor: string;
1399
1391
  };
1400
1392
  };
1401
1393
  };
1402
1394
  };
1403
1395
  '& .M4LSideBar-subItemActive': {
1404
- "& .MuiButtonBase-root": {
1396
+ '& .MuiButtonBase-root': {
1405
1397
  paddingLeft: string;
1406
1398
  padding: string;
1407
- "& .M4LIcon-root": {
1408
- "& .M4LIcon-icon": {
1399
+ '& .M4LIcon-root': {
1400
+ '& .M4LIcon-icon': {
1409
1401
  backgroundColor: string;
1410
1402
  };
1411
1403
  };
@@ -1477,7 +1469,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1477
1469
  styleOverrides: {
1478
1470
  '&.M4LSideBar-popover.M4LSideBar-variantDefault': {
1479
1471
  '& .M4LSideBar-subItemActive': {
1480
- "& .M4LIcon-icon": {
1472
+ '& .M4LIcon-icon': {
1481
1473
  backgroundColor: string;
1482
1474
  };
1483
1475
  };
@@ -1519,10 +1511,10 @@ export declare const M4LSideBar: (theme: Theme) => {
1519
1511
  };
1520
1512
  '& .M4LSideBar-subItemActive': {
1521
1513
  height: string;
1522
- "& .MuiButtonBase-root": {
1514
+ '& .MuiButtonBase-root': {
1523
1515
  padding: string;
1524
- "& .M4LIcon-root": {
1525
- "& .M4LIcon-icon": {
1516
+ '& .M4LIcon-root': {
1517
+ '& .M4LIcon-icon': {
1526
1518
  backgroundColor: string;
1527
1519
  };
1528
1520
  };
@@ -1548,7 +1540,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1548
1540
  };
1549
1541
  '&.M4LSideBar-popover.M4LSideBar-variantComercial': {
1550
1542
  '& .M4LSideBar-subItemActive': {
1551
- "& .M4LIcon-icon": {
1543
+ '& .M4LIcon-icon': {
1552
1544
  backgroundColor: string;
1553
1545
  };
1554
1546
  };
@@ -1591,10 +1583,10 @@ export declare const M4LSideBar: (theme: Theme) => {
1591
1583
  };
1592
1584
  '& .M4LSideBar-subItemActive': {
1593
1585
  height: string;
1594
- "& .MuiButtonBase-root": {
1586
+ '& .MuiButtonBase-root': {
1595
1587
  padding: string;
1596
- "& .M4LIcon-root": {
1597
- "& .M4LIcon-icon": {
1588
+ '& .M4LIcon-root': {
1589
+ '& .M4LIcon-icon': {
1598
1590
  backgroundColor: string;
1599
1591
  };
1600
1592
  };
@@ -1625,7 +1617,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1625
1617
  '&.M4LSideBar-drawer': {
1626
1618
  '&.M4LSideBar-variantDefault': {
1627
1619
  '& .M4LSideBar-subItemActive': {
1628
- "& .M4LIcon-icon": {
1620
+ '& .M4LIcon-icon': {
1629
1621
  backgroundColor: string;
1630
1622
  };
1631
1623
  '& .M4LTypography-root': {
@@ -1709,7 +1701,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1709
1701
  borderRadius: string;
1710
1702
  justifyContent: string;
1711
1703
  flexDirection: string;
1712
- marginBottom: string;
1704
+ paddingBottom: string;
1713
1705
  gap: string;
1714
1706
  height: string;
1715
1707
  '& .M4LSideBar-navItemMainRoot': {
@@ -1726,6 +1718,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1726
1718
  border: string;
1727
1719
  borderColor: string;
1728
1720
  '& .M4LSideBar-navItemMainRoot': {
1721
+ background: string;
1729
1722
  '&:hover': {
1730
1723
  background: string;
1731
1724
  cursor: string;
@@ -1747,8 +1740,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1747
1740
  };
1748
1741
  };
1749
1742
  '& .M4LSideBar-arrowIconRoot': {
1750
- "& .M4LIcon-root": {
1751
- "& .M4LIcon-icon": {
1743
+ '& .M4LIcon-root': {
1744
+ '& .M4LIcon-icon': {
1752
1745
  backgroundColor: string;
1753
1746
  };
1754
1747
  };
@@ -1797,8 +1790,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1797
1790
  };
1798
1791
  };
1799
1792
  '& .M4LSideBar-arrowIconRoot': {
1800
- "& .M4LIcon-root": {
1801
- "& .M4LIcon-icon": {
1793
+ '& .M4LIcon-root': {
1794
+ '& .M4LIcon-icon': {
1802
1795
  background: string;
1803
1796
  };
1804
1797
  };
@@ -1820,20 +1813,20 @@ export declare const M4LSideBar: (theme: Theme) => {
1820
1813
  backgroundColor: string;
1821
1814
  gap: string;
1822
1815
  padding: string;
1823
- "& .MuiButtonBase-root": {
1816
+ '& .MuiButtonBase-root': {
1824
1817
  padding: string;
1825
- "& .M4LIcon-root": {
1826
- "& .M4LIcon-icon": {
1818
+ '& .M4LIcon-root': {
1819
+ '& .M4LIcon-icon': {
1827
1820
  backgroundColor: string;
1828
1821
  };
1829
1822
  };
1830
1823
  };
1831
1824
  };
1832
1825
  '& .M4LSideBar-subItemActive': {
1833
- "& .MuiButtonBase-root": {
1826
+ '& .MuiButtonBase-root': {
1834
1827
  padding: string;
1835
- "& .M4LIcon-root": {
1836
- "& .M4LIcon-icon": {
1828
+ '& .M4LIcon-root': {
1829
+ '& .M4LIcon-icon': {
1837
1830
  backgroundColor: string;
1838
1831
  };
1839
1832
  };
@@ -1854,10 +1847,10 @@ export declare const M4LSideBar: (theme: Theme) => {
1854
1847
  gap: string;
1855
1848
  margin: string;
1856
1849
  padding: string;
1857
- "& .M4LIcon-root": {
1850
+ '& .M4LIcon-root': {
1858
1851
  minHeight: string;
1859
1852
  minWwidth: string;
1860
- "& .M4LIcon-icon": {
1853
+ '& .M4LIcon-icon': {
1861
1854
  minHeight: string;
1862
1855
  minWidth: string;
1863
1856
  };
@@ -2018,8 +2011,8 @@ export declare const M4LSideBar: (theme: Theme) => {
2018
2011
  };
2019
2012
  };
2020
2013
  '& .M4LSideBar-arrowIconRoot': {
2021
- "& .M4LIcon-root": {
2022
- "& .M4LIcon-icon": {
2014
+ '& .M4LIcon-root': {
2015
+ '& .M4LIcon-icon': {
2023
2016
  backgroundColor: string;
2024
2017
  };
2025
2018
  };
@@ -2069,8 +2062,8 @@ export declare const M4LSideBar: (theme: Theme) => {
2069
2062
  };
2070
2063
  };
2071
2064
  '& .M4LSideBar-arrowIconRoot': {
2072
- "& .M4LIcon-root": {
2073
- "& .M4LIcon-icon": {
2065
+ '& .M4LIcon-root': {
2066
+ '& .M4LIcon-icon': {
2074
2067
  background: string;
2075
2068
  };
2076
2069
  };
@@ -2091,20 +2084,20 @@ export declare const M4LSideBar: (theme: Theme) => {
2091
2084
  '&.M4LSideBar-subItemCollapseActive': {
2092
2085
  backgroundColor: string;
2093
2086
  gap: string;
2094
- "& .MuiButtonBase-root": {
2087
+ '& .MuiButtonBase-root': {
2095
2088
  padding: string;
2096
- "& .M4LIcon-root": {
2097
- "& .M4LIcon-icon": {
2089
+ '& .M4LIcon-root': {
2090
+ '& .M4LIcon-icon': {
2098
2091
  backgroundColor: string;
2099
2092
  };
2100
2093
  };
2101
2094
  };
2102
2095
  };
2103
2096
  '& .M4LSideBar-subItemActive': {
2104
- "& .MuiButtonBase-root": {
2097
+ '& .MuiButtonBase-root': {
2105
2098
  padding: string;
2106
- "& .M4LIcon-root": {
2107
- "& .M4LIcon-icon": {
2099
+ '& .M4LIcon-root': {
2100
+ '& .M4LIcon-icon': {
2108
2101
  backgroundColor: string;
2109
2102
  };
2110
2103
  };
@@ -2149,7 +2142,7 @@ export declare const M4LSideBar: (theme: Theme) => {
2149
2142
  marginLeft: string;
2150
2143
  '&.M4LSideBar-drawer.M4LSideBar-variantComercial': {
2151
2144
  '& .M4LSideBar-subItemActive': {
2152
- "& .M4LIcon-icon": {
2145
+ '& .M4LIcon-icon': {
2153
2146
  backgroundColor: string;
2154
2147
  };
2155
2148
  };
@@ -2262,8 +2255,8 @@ export declare const M4LSideBar: (theme: Theme) => {
2262
2255
  };
2263
2256
  };
2264
2257
  '& .M4LSideBar-arrowIconRoot': {
2265
- "& .M4LIcon-root": {
2266
- "& .M4LIcon-icon": {
2258
+ '& .M4LIcon-root': {
2259
+ '& .M4LIcon-icon': {
2267
2260
  backgroundColor: string;
2268
2261
  };
2269
2262
  };
@@ -2312,8 +2305,8 @@ export declare const M4LSideBar: (theme: Theme) => {
2312
2305
  };
2313
2306
  };
2314
2307
  '& .M4LSideBar-arrowIconRoot': {
2315
- "& .M4LIcon-root": {
2316
- "& .M4LIcon-icon": {
2308
+ '& .M4LIcon-root': {
2309
+ '& .M4LIcon-icon': {
2317
2310
  background: string;
2318
2311
  };
2319
2312
  };
@@ -2334,20 +2327,20 @@ export declare const M4LSideBar: (theme: Theme) => {
2334
2327
  '&.M4LSideBar-subItemCollapseActive': {
2335
2328
  backgroundColor: string;
2336
2329
  gap: string;
2337
- "& .MuiButtonBase-root": {
2330
+ '& .MuiButtonBase-root': {
2338
2331
  padding: string;
2339
- "& .M4LIcon-root": {
2340
- "& .M4LIcon-icon": {
2332
+ '& .M4LIcon-root': {
2333
+ '& .M4LIcon-icon': {
2341
2334
  backgroundColor: string;
2342
2335
  };
2343
2336
  };
2344
2337
  };
2345
2338
  };
2346
2339
  '& .M4LSideBar-subItemActive': {
2347
- "& .MuiButtonBase-root": {
2340
+ '& .MuiButtonBase-root': {
2348
2341
  padding: string;
2349
- "& .M4LIcon-root": {
2350
- "& .M4LIcon-icon": {
2342
+ '& .M4LIcon-root': {
2343
+ '& .M4LIcon-icon': {
2351
2344
  backgroundColor: string;
2352
2345
  };
2353
2346
  };