@m4l/styles 0.0.42 → 0.0.44

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 (13) hide show
  1. package/index.js +3 -3
  2. package/package.json +1 -1
  3. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +8 -28
  4. package/theme/overrides/M4LExtendedComponents/M4LImage.d.ts +0 -26
  5. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +6 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +99 -20
  7. package/theme/overrides/M4LExtendedComponents/{index.ad4ae589.js → index.df05e9ba.js} +120 -99
  8. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +1 -0
  9. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +1 -0
  10. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +1 -0
  11. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +1 -0
  12. package/theme/overrides/M4LRHFComponents/{index.a9f361b8.js → index.02fada22.js} +8 -4
  13. package/theme/overrides/{index.dc9d8819.js → index.7c048e7a.js} +2 -2
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -3,23 +3,23 @@ export declare const M4LSideBar: (theme: Theme) => {
3
3
  M4LSideBar: {
4
4
  styleOverrides: {
5
5
  '&.M4LSideBar-root': {
6
- '&.M4LSideBar-collapsed': {
7
- '& .M4LSideBar-wrapperSideBar': {
8
- height: string;
9
- transition: string;
10
- };
11
- };
6
+ '&.M4LSideBar-collapsed': {};
12
7
  '& .M4LSideBar-wrapperSideBar': {
8
+ height: string;
9
+ transition: string;
10
+ width: string;
13
11
  '& .M4LSideBar-areaExpandMenu': {
14
12
  position: string;
15
13
  zIndex: string;
16
14
  height: string;
17
15
  transition: string;
16
+ width: string;
18
17
  '& .M4LSideBar-contentDesktop': {
19
18
  display: string;
20
19
  width: string;
21
20
  height: string;
22
21
  boxShadow: string;
22
+ transition: string;
23
23
  '& .M4LSideBar-containerContentGroupsFooter': {
24
24
  flexGrow: string;
25
25
  display: string;
@@ -30,11 +30,29 @@ export declare const M4LSideBar: (theme: Theme) => {
30
30
  borderColor: string;
31
31
  backgroundColor: string;
32
32
  '& .M4LSideBar-contentGroups': {
33
- padding: string;
34
33
  '& .M4LSideBar-wrapperGroup': {
35
34
  overflow: string;
35
+ padding: string;
36
+ borderTop: string;
37
+ borderBottom: string;
38
+ borderColor: string;
39
+ height: string;
40
+ width: string;
41
+ flex: string;
42
+ '& .M4LSideBar-itemListMainRootContainer': {
43
+ display: string;
44
+ flexDirection: string;
45
+ width: string;
46
+ height: string;
47
+ overflow: string;
48
+ };
36
49
  '& .M4LSideBar-navItemRootContent': {
37
50
  overflow: string;
51
+ height: string;
52
+ padding: string;
53
+ display: string;
54
+ alignItems: string;
55
+ position: string;
38
56
  };
39
57
  };
40
58
  };
@@ -76,6 +94,7 @@ export declare const M4LSideBar: (theme: Theme) => {
76
94
  minWidth: string;
77
95
  minHeight: string;
78
96
  '& .MuiButtonBase-root': {
97
+ padding: string;
79
98
  width: string;
80
99
  height: string;
81
100
  };
@@ -89,9 +108,9 @@ export declare const M4LSideBar: (theme: Theme) => {
89
108
  boxShadow?: undefined;
90
109
  zIndex?: undefined;
91
110
  opacity?: undefined;
111
+ padding?: undefined;
92
112
  '& .M4LIcon-icon'?: undefined;
93
113
  "& .M4LSideBar-wrapperSideBar"?: undefined;
94
- padding?: undefined;
95
114
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
96
115
  '& .M4LSideBar-contentGroups'?: undefined;
97
116
  '& .M4LSideBar-footer'?: undefined;
@@ -114,9 +133,9 @@ export declare const M4LSideBar: (theme: Theme) => {
114
133
  boxShadow?: undefined;
115
134
  zIndex?: undefined;
116
135
  opacity?: undefined;
136
+ padding?: undefined;
117
137
  '& .M4LIcon-icon'?: undefined;
118
138
  "& .M4LSideBar-wrapperSideBar"?: undefined;
119
- padding?: undefined;
120
139
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
121
140
  '& .M4LSideBar-contentGroups'?: undefined;
122
141
  '& .M4LSideBar-footer'?: undefined;
@@ -136,9 +155,9 @@ export declare const M4LSideBar: (theme: Theme) => {
136
155
  '& .MuiButtonBase-root'?: undefined;
137
156
  '& .M4LSideBar-collapseButton'?: undefined;
138
157
  opacity?: undefined;
158
+ padding?: undefined;
139
159
  '& .M4LIcon-icon'?: undefined;
140
160
  "& .M4LSideBar-wrapperSideBar"?: undefined;
141
- padding?: undefined;
142
161
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
143
162
  '& .M4LSideBar-contentGroups'?: undefined;
144
163
  '& .M4LSideBar-footer'?: undefined;
@@ -158,13 +177,14 @@ export declare const M4LSideBar: (theme: Theme) => {
158
177
  backgroundColor?: undefined;
159
178
  boxShadow?: undefined;
160
179
  zIndex?: undefined;
180
+ padding?: undefined;
161
181
  '& .M4LIcon-icon'?: undefined;
162
182
  "& .M4LSideBar-wrapperSideBar"?: undefined;
163
- padding?: undefined;
164
183
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
165
184
  '& .M4LSideBar-contentGroups'?: undefined;
166
185
  '& .M4LSideBar-footer'?: undefined;
167
186
  } | {
187
+ padding: string;
168
188
  "& .M4LIcon-icon": {
169
189
  backgroundColor: string;
170
190
  };
@@ -184,7 +204,6 @@ export declare const M4LSideBar: (theme: Theme) => {
184
204
  zIndex?: undefined;
185
205
  opacity?: undefined;
186
206
  "& .M4LSideBar-wrapperSideBar"?: undefined;
187
- padding?: undefined;
188
207
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
189
208
  '& .M4LSideBar-contentGroups'?: undefined;
190
209
  '& .M4LSideBar-footer'?: undefined;
@@ -220,8 +239,8 @@ export declare const M4LSideBar: (theme: Theme) => {
220
239
  boxShadow?: undefined;
221
240
  zIndex?: undefined;
222
241
  opacity?: undefined;
223
- '& .M4LIcon-icon'?: undefined;
224
242
  padding?: undefined;
243
+ '& .M4LIcon-icon'?: undefined;
225
244
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
226
245
  '& .M4LSideBar-contentGroups'?: undefined;
227
246
  '& .M4LSideBar-footer'?: undefined;
@@ -309,6 +328,7 @@ export declare const M4LSideBar: (theme: Theme) => {
309
328
  width: string;
310
329
  '& .MuiTypography-root': {
311
330
  textTransform: string;
331
+ fontWeight: string;
312
332
  with: string;
313
333
  overflow: string;
314
334
  textOverflow: string;
@@ -333,11 +353,13 @@ export declare const M4LSideBar: (theme: Theme) => {
333
353
  };
334
354
  };
335
355
  '&.M4LSideBar-itemMainActive': {
336
- background: string;
337
356
  borderRadius: string;
338
357
  height: string;
339
358
  '& .M4LSideBar-navItemMainRoot': {
340
359
  background: string;
360
+ border: string;
361
+ borderColor: string;
362
+ boxShadow: string;
341
363
  '&:hover': {
342
364
  background: string;
343
365
  cursor: string;
@@ -371,7 +393,7 @@ export declare const M4LSideBar: (theme: Theme) => {
371
393
  height: string;
372
394
  top: string;
373
395
  bottom: string;
374
- left: string;
396
+ right: string;
375
397
  backgroundColor: string;
376
398
  borderRadius: string;
377
399
  position: string;
@@ -423,6 +445,7 @@ export declare const M4LSideBar: (theme: Theme) => {
423
445
  gap: string;
424
446
  padding: string;
425
447
  '& .M4LSideBar-navSubItemContentRoot ': {
448
+ padding: string;
426
449
  width: string;
427
450
  height: string;
428
451
  borderRadius: string;
@@ -430,7 +453,10 @@ export declare const M4LSideBar: (theme: Theme) => {
430
453
  '&.M4LSideBar-subItemCollapseActive': {
431
454
  backgroundColor: string;
432
455
  gap: string;
456
+ border: string;
457
+ borderColor: string;
433
458
  "& .MuiButtonBase-root": {
459
+ padding: string;
434
460
  "& .M4LIcon-root": {
435
461
  "& .M4LIcon-icon": {
436
462
  backgroundColor: string;
@@ -440,6 +466,7 @@ export declare const M4LSideBar: (theme: Theme) => {
440
466
  };
441
467
  '& .M4LSideBar-subItemActive': {
442
468
  "& .MuiButtonBase-root": {
469
+ padding: string;
443
470
  "& .M4LIcon-root": {
444
471
  "& .M4LIcon-icon": {};
445
472
  };
@@ -456,6 +483,7 @@ export declare const M4LSideBar: (theme: Theme) => {
456
483
  };
457
484
  '&:hover': {
458
485
  background: string;
486
+ padding: string;
459
487
  };
460
488
  };
461
489
  '& .M4LSideBar-navSubItemContentRoot': {
@@ -523,9 +551,9 @@ export declare const M4LSideBar: (theme: Theme) => {
523
551
  boxShadow?: undefined;
524
552
  zIndex?: undefined;
525
553
  opacity?: undefined;
554
+ padding?: undefined;
526
555
  '& .M4LIcon-icon'?: undefined;
527
556
  "& .M4LSideBar-wrapperSideBar"?: undefined;
528
- padding?: undefined;
529
557
  };
530
558
  height: string;
531
559
  background: string;
@@ -536,6 +564,7 @@ export declare const M4LSideBar: (theme: Theme) => {
536
564
  minWidth: string;
537
565
  minHeight: string;
538
566
  '& .MuiButtonBase-root': {
567
+ padding: string;
539
568
  width: string;
540
569
  height: string;
541
570
  };
@@ -561,6 +590,7 @@ export declare const M4LSideBar: (theme: Theme) => {
561
590
  transition: string;
562
591
  };
563
592
  '& .M4LSideBar-subItemActive': {
593
+ padding: string;
564
594
  "& .M4LIcon-icon": {
565
595
  backgroundColor: string;
566
596
  };
@@ -645,6 +675,7 @@ export declare const M4LSideBar: (theme: Theme) => {
645
675
  width: string;
646
676
  '& .MuiTypography-root': {
647
677
  textTransform: string;
678
+ fontWeight: string;
648
679
  with: string;
649
680
  overflow: string;
650
681
  textOverflow: string;
@@ -669,11 +700,13 @@ export declare const M4LSideBar: (theme: Theme) => {
669
700
  };
670
701
  };
671
702
  '&.M4LSideBar-itemMainActive': {
672
- background: string;
673
703
  borderRadius: string;
674
704
  height: string;
675
705
  '& .M4LSideBar-navItemMainRoot': {
676
706
  background: string;
707
+ border: string;
708
+ borderColor: string;
709
+ boxShadow: string;
677
710
  '&:hover': {
678
711
  background: string;
679
712
  cursor: string;
@@ -707,7 +740,7 @@ export declare const M4LSideBar: (theme: Theme) => {
707
740
  height: string;
708
741
  top: string;
709
742
  bottom: string;
710
- left: string;
743
+ right: string;
711
744
  backgroundColor: string;
712
745
  borderRadius: string;
713
746
  position: string;
@@ -759,6 +792,7 @@ export declare const M4LSideBar: (theme: Theme) => {
759
792
  gap: string;
760
793
  padding: string;
761
794
  '& .M4LSideBar-navSubItemContentRoot ': {
795
+ padding: string;
762
796
  width: string;
763
797
  height: string;
764
798
  borderRadius: string;
@@ -766,7 +800,10 @@ export declare const M4LSideBar: (theme: Theme) => {
766
800
  '&.M4LSideBar-subItemCollapseActive': {
767
801
  backgroundColor: string;
768
802
  gap: string;
803
+ border: string;
804
+ borderColor: string;
769
805
  "& .MuiButtonBase-root": {
806
+ padding: string;
770
807
  "& .M4LIcon-root": {
771
808
  "& .M4LIcon-icon": {
772
809
  backgroundColor: string;
@@ -776,6 +813,7 @@ export declare const M4LSideBar: (theme: Theme) => {
776
813
  };
777
814
  '& .M4LSideBar-subItemActive': {
778
815
  "& .MuiButtonBase-root": {
816
+ padding: string;
779
817
  "& .M4LIcon-root": {
780
818
  "& .M4LIcon-icon": {};
781
819
  };
@@ -792,6 +830,7 @@ export declare const M4LSideBar: (theme: Theme) => {
792
830
  };
793
831
  '&:hover': {
794
832
  background: string;
833
+ padding: string;
795
834
  };
796
835
  };
797
836
  '& .M4LSideBar-navSubItemContentRoot': {
@@ -930,6 +969,7 @@ export declare const M4LSideBar: (theme: Theme) => {
930
969
  flexGrow: string;
931
970
  display: string;
932
971
  flexDirection: string;
972
+ gap: string;
933
973
  '& .M4LSideBar-contentGroupsLine': {
934
974
  display: string;
935
975
  height: string;
@@ -971,6 +1011,8 @@ export declare const M4LSideBar: (theme: Theme) => {
971
1011
  '&.M4LSideBar-itemMainActive': {
972
1012
  background: string;
973
1013
  borderRadius: string;
1014
+ border: string;
1015
+ borderColor: string;
974
1016
  '& .M4LSideBar-navItemMainRoot': {
975
1017
  background: string;
976
1018
  '&:hover': {
@@ -1065,6 +1107,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1065
1107
  backgroundColor: string;
1066
1108
  gap: string;
1067
1109
  "& .MuiButtonBase-root": {
1110
+ paddingLeft: string;
1111
+ padding: string;
1068
1112
  "& .M4LIcon-root": {
1069
1113
  "& .M4LIcon-icon": {
1070
1114
  backgroundColor: string;
@@ -1074,6 +1118,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1074
1118
  };
1075
1119
  '& .M4LSideBar-subItemActive': {
1076
1120
  "& .MuiButtonBase-root": {
1121
+ paddingLeft: string;
1122
+ padding: string;
1077
1123
  "& .M4LIcon-root": {
1078
1124
  "& .M4LIcon-icon": {
1079
1125
  backgroundColor: string;
@@ -1088,6 +1134,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1088
1134
  };
1089
1135
  };
1090
1136
  '&:hover': {
1137
+ padding: string;
1091
1138
  background: string;
1092
1139
  };
1093
1140
  };
@@ -1206,6 +1253,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1206
1253
  flexGrow: string;
1207
1254
  display: string;
1208
1255
  flexDirection: string;
1256
+ gap: string;
1209
1257
  '& .M4LSideBar-contentGroupsLine': {
1210
1258
  display: string;
1211
1259
  height: string;
@@ -1247,6 +1295,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1247
1295
  '&.M4LSideBar-itemMainActive': {
1248
1296
  background: string;
1249
1297
  borderRadius: string;
1298
+ border: string;
1299
+ borderColor: string;
1250
1300
  '& .M4LSideBar-navItemMainRoot': {
1251
1301
  background: string;
1252
1302
  '&:hover': {
@@ -1341,6 +1391,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1341
1391
  backgroundColor: string;
1342
1392
  gap: string;
1343
1393
  "& .MuiButtonBase-root": {
1394
+ paddingLeft: string;
1395
+ padding: string;
1344
1396
  "& .M4LIcon-root": {
1345
1397
  "& .M4LIcon-icon": {
1346
1398
  backgroundColor: string;
@@ -1350,6 +1402,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1350
1402
  };
1351
1403
  '& .M4LSideBar-subItemActive': {
1352
1404
  "& .MuiButtonBase-root": {
1405
+ paddingLeft: string;
1406
+ padding: string;
1353
1407
  "& .M4LIcon-root": {
1354
1408
  "& .M4LIcon-icon": {
1355
1409
  backgroundColor: string;
@@ -1364,6 +1418,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1364
1418
  };
1365
1419
  };
1366
1420
  '&:hover': {
1421
+ padding: string;
1367
1422
  background: string;
1368
1423
  };
1369
1424
  };
@@ -1452,6 +1507,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1452
1507
  '& .M4LSideBar-navListSubItemRoot': {
1453
1508
  '& .M4LSideBar-subItemActive': {
1454
1509
  '& .MuiButtonBase-root': {
1510
+ padding: string;
1455
1511
  '& .M4LIcon-root': {
1456
1512
  '& .M4LIcon-icon': {
1457
1513
  backgroundColor: string;
@@ -1464,6 +1520,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1464
1520
  '& .M4LSideBar-subItemActive': {
1465
1521
  height: string;
1466
1522
  "& .MuiButtonBase-root": {
1523
+ padding: string;
1467
1524
  "& .M4LIcon-root": {
1468
1525
  "& .M4LIcon-icon": {
1469
1526
  backgroundColor: string;
@@ -1483,6 +1540,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1483
1540
  backgroundColor: string;
1484
1541
  };
1485
1542
  '&:hover': {
1543
+ padding: string;
1486
1544
  background: string;
1487
1545
  };
1488
1546
  };
@@ -1521,6 +1579,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1521
1579
  '& .M4LSideBar-navListSubItemRoot': {
1522
1580
  '& .M4LSideBar-subItemActive': {
1523
1581
  '& .MuiButtonBase-root': {
1582
+ padding: string;
1524
1583
  '& .M4LIcon-root': {
1525
1584
  '& .M4LIcon-icon': {
1526
1585
  backgroundColor: string;
@@ -1533,6 +1592,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1533
1592
  '& .M4LSideBar-subItemActive': {
1534
1593
  height: string;
1535
1594
  "& .MuiButtonBase-root": {
1595
+ padding: string;
1536
1596
  "& .M4LIcon-root": {
1537
1597
  "& .M4LIcon-icon": {
1538
1598
  backgroundColor: string;
@@ -1552,6 +1612,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1552
1612
  backgroundColor: string;
1553
1613
  };
1554
1614
  '&:hover': {
1615
+ padding: string;
1555
1616
  background: string;
1556
1617
  };
1557
1618
  };
@@ -1648,7 +1709,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1648
1709
  borderRadius: string;
1649
1710
  justifyContent: string;
1650
1711
  flexDirection: string;
1651
- paddingBottom: string;
1712
+ marginBottom: string;
1652
1713
  gap: string;
1653
1714
  height: string;
1654
1715
  '& .M4LSideBar-navItemMainRoot': {
@@ -1662,8 +1723,9 @@ export declare const M4LSideBar: (theme: Theme) => {
1662
1723
  '&.M4LSideBar-itemMainActive': {
1663
1724
  borderRadius: string;
1664
1725
  background: string;
1726
+ border: string;
1727
+ borderColor: string;
1665
1728
  '& .M4LSideBar-navItemMainRoot': {
1666
- background: string;
1667
1729
  '&:hover': {
1668
1730
  background: string;
1669
1731
  cursor: string;
@@ -1753,10 +1815,13 @@ export declare const M4LSideBar: (theme: Theme) => {
1753
1815
  height: string;
1754
1816
  borderRadius: string;
1755
1817
  gap: string;
1818
+ padding: string;
1756
1819
  '&.M4LSideBar-subItemCollapseActive': {
1757
1820
  backgroundColor: string;
1758
1821
  gap: string;
1822
+ padding: string;
1759
1823
  "& .MuiButtonBase-root": {
1824
+ padding: string;
1760
1825
  "& .M4LIcon-root": {
1761
1826
  "& .M4LIcon-icon": {
1762
1827
  backgroundColor: string;
@@ -1766,6 +1831,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1766
1831
  };
1767
1832
  '& .M4LSideBar-subItemActive': {
1768
1833
  "& .MuiButtonBase-root": {
1834
+ padding: string;
1769
1835
  "& .M4LIcon-root": {
1770
1836
  "& .M4LIcon-icon": {
1771
1837
  backgroundColor: string;
@@ -1780,6 +1846,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1780
1846
  };
1781
1847
  };
1782
1848
  '&:hover': {
1849
+ padding: string;
1783
1850
  background: string;
1784
1851
  };
1785
1852
  };
@@ -1926,6 +1993,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1926
1993
  '&.M4LSideBar-itemMainActive': {
1927
1994
  borderRadius: string;
1928
1995
  background: string;
1996
+ border: string;
1997
+ borderColor: string;
1929
1998
  '& .M4LSideBar-navItemMainRoot': {
1930
1999
  background: string;
1931
2000
  '&:hover': {
@@ -2018,10 +2087,12 @@ export declare const M4LSideBar: (theme: Theme) => {
2018
2087
  height: string;
2019
2088
  borderRadius: string;
2020
2089
  gap: string;
2090
+ padding: string;
2021
2091
  '&.M4LSideBar-subItemCollapseActive': {
2022
2092
  backgroundColor: string;
2023
2093
  gap: string;
2024
2094
  "& .MuiButtonBase-root": {
2095
+ padding: string;
2025
2096
  "& .M4LIcon-root": {
2026
2097
  "& .M4LIcon-icon": {
2027
2098
  backgroundColor: string;
@@ -2031,6 +2102,7 @@ export declare const M4LSideBar: (theme: Theme) => {
2031
2102
  };
2032
2103
  '& .M4LSideBar-subItemActive': {
2033
2104
  "& .MuiButtonBase-root": {
2105
+ padding: string;
2034
2106
  "& .M4LIcon-root": {
2035
2107
  "& .M4LIcon-icon": {
2036
2108
  backgroundColor: string;
@@ -2045,6 +2117,7 @@ export declare const M4LSideBar: (theme: Theme) => {
2045
2117
  };
2046
2118
  };
2047
2119
  '&:hover': {
2120
+ padding: string;
2048
2121
  background: string;
2049
2122
  };
2050
2123
  };
@@ -2165,6 +2238,8 @@ export declare const M4LSideBar: (theme: Theme) => {
2165
2238
  '&.M4LSideBar-itemMainActive': {
2166
2239
  borderRadius: string;
2167
2240
  background: string;
2241
+ border: string;
2242
+ borderColor: string;
2168
2243
  '& .M4LSideBar-navItemMainRoot': {
2169
2244
  background: string;
2170
2245
  '&:hover': {
@@ -2255,10 +2330,12 @@ export declare const M4LSideBar: (theme: Theme) => {
2255
2330
  height: string;
2256
2331
  borderRadius: string;
2257
2332
  gap: string;
2333
+ padding: string;
2258
2334
  '&.M4LSideBar-subItemCollapseActive': {
2259
2335
  backgroundColor: string;
2260
2336
  gap: string;
2261
2337
  "& .MuiButtonBase-root": {
2338
+ padding: string;
2262
2339
  "& .M4LIcon-root": {
2263
2340
  "& .M4LIcon-icon": {
2264
2341
  backgroundColor: string;
@@ -2268,6 +2345,7 @@ export declare const M4LSideBar: (theme: Theme) => {
2268
2345
  };
2269
2346
  '& .M4LSideBar-subItemActive': {
2270
2347
  "& .MuiButtonBase-root": {
2348
+ padding: string;
2271
2349
  "& .M4LIcon-root": {
2272
2350
  "& .M4LIcon-icon": {
2273
2351
  backgroundColor: string;
@@ -2283,6 +2361,7 @@ export declare const M4LSideBar: (theme: Theme) => {
2283
2361
  };
2284
2362
  '&:hover': {
2285
2363
  background: string;
2364
+ padding: string;
2286
2365
  };
2287
2366
  };
2288
2367
  '& .M4LSideBar-navSubItemContentRoot': {