@m4l/styles 0.0.42 → 0.0.43

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 +87 -15
  7. package/theme/overrides/M4LExtendedComponents/{index.ad4ae589.js → index.b9151f24.js} +109 -95
  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.fd981495.js} +2 -2
package/index.js CHANGED
@@ -3,7 +3,7 @@ import { d as g } from "./theme/defaultThemeOptions.4c9bc728.js";
3
3
  import { c as u, s as d } from "./theme/shadows.86540b18.js";
4
4
  import { P as S, p as C } from "./theme/palette.0590e8a6.js";
5
5
  import { t as R } from "./theme/typography.b14a8e35.js";
6
- import { f as c } from "./theme/overrides/index.dc9d8819.js";
6
+ import { f as c } from "./theme/overrides/index.fd981495.js";
7
7
  import { u as T } from "./utils/useResponsive.2c45e8e0.js";
8
8
  import { g as w } from "./utils/getColorState.6c23eada.js";
9
9
  import { e as y, b as F, c as V, d as k, g as q, a as A, t as B } from "./utils/getColorPresets.2a91ffaf.js";
@@ -11,9 +11,9 @@ import { g as N, p as U, a as j, r as D } from "./utils/getFontValue.88831637.js
11
11
  import "@mui/material";
12
12
  import "@mui/material/styles";
13
13
  import "./theme/overrides/MUIComponents/index.b3f5b7a7.js";
14
- import "./theme/overrides/M4LExtendedComponents/index.ad4ae589.js";
14
+ import "./theme/overrides/M4LExtendedComponents/index.b9151f24.js";
15
15
  import "@mui/system";
16
- import "./theme/overrides/M4LRHFComponents/index.a9f361b8.js";
16
+ import "./theme/overrides/M4LRHFComponents/index.02fada22.js";
17
17
  import "@mui/material/useMediaQuery";
18
18
  export {
19
19
  S as PATRONUSCOLORS,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "0.0.42",
3
+ "version": "0.0.43",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "dependencies": {
package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts CHANGED
@@ -21,41 +21,21 @@ export declare const M4LIconButton: (theme: Theme) => {
21
21
  position: string;
22
22
  transition: string;
23
23
  };
24
- '.M4LIconButton-sizeExtraSmall&::before': {
25
- width: string;
26
- height: string;
27
- minWidth: string;
28
- minHeight: string;
29
- };
30
- '.M4LIconButton-sizeSmall&::before': {
31
- width: string;
32
- height: string;
33
- minWidth: string;
34
- minHeight: string;
35
- };
36
- '.M4LIconButton-sizeMedium&::before': {
37
- width: string;
38
- height: string;
39
- minWidth: string;
40
- minHeight: string;
41
- };
42
- '&.M4LIconButton-sizeExtraSmall': {
43
- width: string;
44
- height: string;
45
- minWidth: string;
46
- minHeight: string;
47
- };
48
24
  '&.M4LIconButton-sizeSmall': {
49
25
  width: string;
50
26
  height: string;
51
- minWidth: string;
52
- minHeight: string;
27
+ '& .MuiSkeleton-root': {
28
+ width: string;
29
+ height: string;
30
+ };
53
31
  };
54
32
  '&.M4LIconButton-sizeMedium': {
55
33
  width: string;
56
34
  height: string;
57
- minWidth: string;
58
- minHeight: string;
35
+ '& .MuiSkeleton-root': {
36
+ width: string;
37
+ height: string;
38
+ };
59
39
  };
60
40
  '& .MuiIconButton-root': {
61
41
  position: string;
package/theme/overrides/M4LExtendedComponents/M4LImage.d.ts CHANGED
@@ -3,36 +3,10 @@ export declare const M4LImage: (_theme: Theme) => {
3
3
  M4LImage: {
4
4
  styleOverrides: {
5
5
  "&.M4LImage-root": {
6
- position: string;
7
6
  display: string;
8
7
  flexDirection: string;
9
8
  justifyContent: string;
10
9
  alignItems: string;
11
- '& .M4LImage-img': {
12
- opacity: number;
13
- position: string;
14
- inset: string;
15
- objectFit: string;
16
- };
17
- '&.M4LImage-loaded .M4LImage-img': {
18
- opacity: number;
19
- transition: string;
20
- margin: string;
21
- };
22
- '& .M4LImage-skeletonImage, & .M4LImage-skeletonCircle': {
23
- opacity: number;
24
- position: string;
25
- inset: number;
26
- };
27
- '&.M4LImage-loaded .M4LImage-skeletonImage, &.M4LImage-loaded .M4LImage-skeletonCircle': {
28
- opacity: number;
29
- transition: string;
30
- };
31
- '& .M4LImage-lazyLoad': {
32
- display: string;
33
- justifyContent: string;
34
- alignItems: string;
35
- };
36
10
  };
37
11
  };
38
12
  };
package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts CHANGED
@@ -9,6 +9,12 @@ export declare const M4LMFLoader: (_theme: Theme) => {
9
9
  flexDirection: string;
10
10
  alignItems: string;
11
11
  overflow: string;
12
+ '& .M4LMFLoader-containerLinearProgress': {
13
+ width: string;
14
+ height: string;
15
+ display: string;
16
+ alignItems: string;
17
+ };
12
18
  };
13
19
  };
14
20
  };
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;
@@ -33,8 +33,18 @@ export declare const M4LSideBar: (theme: Theme) => {
33
33
  padding: string;
34
34
  '& .M4LSideBar-wrapperGroup': {
35
35
  overflow: string;
36
+ padding: string;
37
+ borderTop: string;
38
+ borderBottom: string;
39
+ borderColor: string;
40
+ height: string;
41
+ width: string;
36
42
  '& .M4LSideBar-navItemRootContent': {
37
43
  overflow: string;
44
+ height: string;
45
+ padding: string;
46
+ display: string;
47
+ alignItems: string;
38
48
  };
39
49
  };
40
50
  };
@@ -76,6 +86,7 @@ export declare const M4LSideBar: (theme: Theme) => {
76
86
  minWidth: string;
77
87
  minHeight: string;
78
88
  '& .MuiButtonBase-root': {
89
+ padding: string;
79
90
  width: string;
80
91
  height: string;
81
92
  };
@@ -89,9 +100,9 @@ export declare const M4LSideBar: (theme: Theme) => {
89
100
  boxShadow?: undefined;
90
101
  zIndex?: undefined;
91
102
  opacity?: undefined;
103
+ padding?: undefined;
92
104
  '& .M4LIcon-icon'?: undefined;
93
105
  "& .M4LSideBar-wrapperSideBar"?: undefined;
94
- padding?: undefined;
95
106
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
96
107
  '& .M4LSideBar-contentGroups'?: undefined;
97
108
  '& .M4LSideBar-footer'?: undefined;
@@ -114,9 +125,9 @@ export declare const M4LSideBar: (theme: Theme) => {
114
125
  boxShadow?: undefined;
115
126
  zIndex?: undefined;
116
127
  opacity?: undefined;
128
+ padding?: undefined;
117
129
  '& .M4LIcon-icon'?: undefined;
118
130
  "& .M4LSideBar-wrapperSideBar"?: undefined;
119
- padding?: undefined;
120
131
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
121
132
  '& .M4LSideBar-contentGroups'?: undefined;
122
133
  '& .M4LSideBar-footer'?: undefined;
@@ -136,9 +147,9 @@ export declare const M4LSideBar: (theme: Theme) => {
136
147
  '& .MuiButtonBase-root'?: undefined;
137
148
  '& .M4LSideBar-collapseButton'?: undefined;
138
149
  opacity?: undefined;
150
+ padding?: undefined;
139
151
  '& .M4LIcon-icon'?: undefined;
140
152
  "& .M4LSideBar-wrapperSideBar"?: undefined;
141
- padding?: undefined;
142
153
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
143
154
  '& .M4LSideBar-contentGroups'?: undefined;
144
155
  '& .M4LSideBar-footer'?: undefined;
@@ -158,13 +169,14 @@ export declare const M4LSideBar: (theme: Theme) => {
158
169
  backgroundColor?: undefined;
159
170
  boxShadow?: undefined;
160
171
  zIndex?: undefined;
172
+ padding?: undefined;
161
173
  '& .M4LIcon-icon'?: undefined;
162
174
  "& .M4LSideBar-wrapperSideBar"?: undefined;
163
- padding?: undefined;
164
175
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
165
176
  '& .M4LSideBar-contentGroups'?: undefined;
166
177
  '& .M4LSideBar-footer'?: undefined;
167
178
  } | {
179
+ padding: string;
168
180
  "& .M4LIcon-icon": {
169
181
  backgroundColor: string;
170
182
  };
@@ -184,7 +196,6 @@ export declare const M4LSideBar: (theme: Theme) => {
184
196
  zIndex?: undefined;
185
197
  opacity?: undefined;
186
198
  "& .M4LSideBar-wrapperSideBar"?: undefined;
187
- padding?: undefined;
188
199
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
189
200
  '& .M4LSideBar-contentGroups'?: undefined;
190
201
  '& .M4LSideBar-footer'?: undefined;
@@ -220,8 +231,8 @@ export declare const M4LSideBar: (theme: Theme) => {
220
231
  boxShadow?: undefined;
221
232
  zIndex?: undefined;
222
233
  opacity?: undefined;
223
- '& .M4LIcon-icon'?: undefined;
224
234
  padding?: undefined;
235
+ '& .M4LIcon-icon'?: undefined;
225
236
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
226
237
  '& .M4LSideBar-contentGroups'?: undefined;
227
238
  '& .M4LSideBar-footer'?: undefined;
@@ -309,6 +320,7 @@ export declare const M4LSideBar: (theme: Theme) => {
309
320
  width: string;
310
321
  '& .MuiTypography-root': {
311
322
  textTransform: string;
323
+ fontWeight: string;
312
324
  with: string;
313
325
  overflow: string;
314
326
  textOverflow: string;
@@ -333,11 +345,13 @@ export declare const M4LSideBar: (theme: Theme) => {
333
345
  };
334
346
  };
335
347
  '&.M4LSideBar-itemMainActive': {
336
- background: string;
337
348
  borderRadius: string;
338
349
  height: string;
339
350
  '& .M4LSideBar-navItemMainRoot': {
340
351
  background: string;
352
+ border: string;
353
+ borderColor: string;
354
+ boxShadow: string;
341
355
  '&:hover': {
342
356
  background: string;
343
357
  cursor: string;
@@ -423,6 +437,7 @@ export declare const M4LSideBar: (theme: Theme) => {
423
437
  gap: string;
424
438
  padding: string;
425
439
  '& .M4LSideBar-navSubItemContentRoot ': {
440
+ padding: string;
426
441
  width: string;
427
442
  height: string;
428
443
  borderRadius: string;
@@ -430,7 +445,10 @@ export declare const M4LSideBar: (theme: Theme) => {
430
445
  '&.M4LSideBar-subItemCollapseActive': {
431
446
  backgroundColor: string;
432
447
  gap: string;
448
+ border: string;
449
+ borderColor: string;
433
450
  "& .MuiButtonBase-root": {
451
+ padding: string;
434
452
  "& .M4LIcon-root": {
435
453
  "& .M4LIcon-icon": {
436
454
  backgroundColor: string;
@@ -440,6 +458,7 @@ export declare const M4LSideBar: (theme: Theme) => {
440
458
  };
441
459
  '& .M4LSideBar-subItemActive': {
442
460
  "& .MuiButtonBase-root": {
461
+ padding: string;
443
462
  "& .M4LIcon-root": {
444
463
  "& .M4LIcon-icon": {};
445
464
  };
@@ -456,6 +475,7 @@ export declare const M4LSideBar: (theme: Theme) => {
456
475
  };
457
476
  '&:hover': {
458
477
  background: string;
478
+ padding: string;
459
479
  };
460
480
  };
461
481
  '& .M4LSideBar-navSubItemContentRoot': {
@@ -523,9 +543,9 @@ export declare const M4LSideBar: (theme: Theme) => {
523
543
  boxShadow?: undefined;
524
544
  zIndex?: undefined;
525
545
  opacity?: undefined;
546
+ padding?: undefined;
526
547
  '& .M4LIcon-icon'?: undefined;
527
548
  "& .M4LSideBar-wrapperSideBar"?: undefined;
528
- padding?: undefined;
529
549
  };
530
550
  height: string;
531
551
  background: string;
@@ -536,6 +556,7 @@ export declare const M4LSideBar: (theme: Theme) => {
536
556
  minWidth: string;
537
557
  minHeight: string;
538
558
  '& .MuiButtonBase-root': {
559
+ padding: string;
539
560
  width: string;
540
561
  height: string;
541
562
  };
@@ -561,6 +582,7 @@ export declare const M4LSideBar: (theme: Theme) => {
561
582
  transition: string;
562
583
  };
563
584
  '& .M4LSideBar-subItemActive': {
585
+ padding: string;
564
586
  "& .M4LIcon-icon": {
565
587
  backgroundColor: string;
566
588
  };
@@ -645,6 +667,7 @@ export declare const M4LSideBar: (theme: Theme) => {
645
667
  width: string;
646
668
  '& .MuiTypography-root': {
647
669
  textTransform: string;
670
+ fontWeight: string;
648
671
  with: string;
649
672
  overflow: string;
650
673
  textOverflow: string;
@@ -669,11 +692,13 @@ export declare const M4LSideBar: (theme: Theme) => {
669
692
  };
670
693
  };
671
694
  '&.M4LSideBar-itemMainActive': {
672
- background: string;
673
695
  borderRadius: string;
674
696
  height: string;
675
697
  '& .M4LSideBar-navItemMainRoot': {
676
698
  background: string;
699
+ border: string;
700
+ borderColor: string;
701
+ boxShadow: string;
677
702
  '&:hover': {
678
703
  background: string;
679
704
  cursor: string;
@@ -759,6 +784,7 @@ export declare const M4LSideBar: (theme: Theme) => {
759
784
  gap: string;
760
785
  padding: string;
761
786
  '& .M4LSideBar-navSubItemContentRoot ': {
787
+ padding: string;
762
788
  width: string;
763
789
  height: string;
764
790
  borderRadius: string;
@@ -766,7 +792,10 @@ export declare const M4LSideBar: (theme: Theme) => {
766
792
  '&.M4LSideBar-subItemCollapseActive': {
767
793
  backgroundColor: string;
768
794
  gap: string;
795
+ border: string;
796
+ borderColor: string;
769
797
  "& .MuiButtonBase-root": {
798
+ padding: string;
770
799
  "& .M4LIcon-root": {
771
800
  "& .M4LIcon-icon": {
772
801
  backgroundColor: string;
@@ -776,6 +805,7 @@ export declare const M4LSideBar: (theme: Theme) => {
776
805
  };
777
806
  '& .M4LSideBar-subItemActive': {
778
807
  "& .MuiButtonBase-root": {
808
+ padding: string;
779
809
  "& .M4LIcon-root": {
780
810
  "& .M4LIcon-icon": {};
781
811
  };
@@ -792,6 +822,7 @@ export declare const M4LSideBar: (theme: Theme) => {
792
822
  };
793
823
  '&:hover': {
794
824
  background: string;
825
+ padding: string;
795
826
  };
796
827
  };
797
828
  '& .M4LSideBar-navSubItemContentRoot': {
@@ -930,6 +961,7 @@ export declare const M4LSideBar: (theme: Theme) => {
930
961
  flexGrow: string;
931
962
  display: string;
932
963
  flexDirection: string;
964
+ gap: string;
933
965
  '& .M4LSideBar-contentGroupsLine': {
934
966
  display: string;
935
967
  height: string;
@@ -971,6 +1003,8 @@ export declare const M4LSideBar: (theme: Theme) => {
971
1003
  '&.M4LSideBar-itemMainActive': {
972
1004
  background: string;
973
1005
  borderRadius: string;
1006
+ border: string;
1007
+ borderColor: string;
974
1008
  '& .M4LSideBar-navItemMainRoot': {
975
1009
  background: string;
976
1010
  '&:hover': {
@@ -1065,6 +1099,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1065
1099
  backgroundColor: string;
1066
1100
  gap: string;
1067
1101
  "& .MuiButtonBase-root": {
1102
+ paddingLeft: string;
1103
+ padding: string;
1068
1104
  "& .M4LIcon-root": {
1069
1105
  "& .M4LIcon-icon": {
1070
1106
  backgroundColor: string;
@@ -1074,6 +1110,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1074
1110
  };
1075
1111
  '& .M4LSideBar-subItemActive': {
1076
1112
  "& .MuiButtonBase-root": {
1113
+ paddingLeft: string;
1114
+ padding: string;
1077
1115
  "& .M4LIcon-root": {
1078
1116
  "& .M4LIcon-icon": {
1079
1117
  backgroundColor: string;
@@ -1088,6 +1126,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1088
1126
  };
1089
1127
  };
1090
1128
  '&:hover': {
1129
+ padding: string;
1091
1130
  background: string;
1092
1131
  };
1093
1132
  };
@@ -1206,6 +1245,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1206
1245
  flexGrow: string;
1207
1246
  display: string;
1208
1247
  flexDirection: string;
1248
+ gap: string;
1209
1249
  '& .M4LSideBar-contentGroupsLine': {
1210
1250
  display: string;
1211
1251
  height: string;
@@ -1247,6 +1287,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1247
1287
  '&.M4LSideBar-itemMainActive': {
1248
1288
  background: string;
1249
1289
  borderRadius: string;
1290
+ border: string;
1291
+ borderColor: string;
1250
1292
  '& .M4LSideBar-navItemMainRoot': {
1251
1293
  background: string;
1252
1294
  '&:hover': {
@@ -1341,6 +1383,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1341
1383
  backgroundColor: string;
1342
1384
  gap: string;
1343
1385
  "& .MuiButtonBase-root": {
1386
+ paddingLeft: string;
1387
+ padding: string;
1344
1388
  "& .M4LIcon-root": {
1345
1389
  "& .M4LIcon-icon": {
1346
1390
  backgroundColor: string;
@@ -1350,6 +1394,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1350
1394
  };
1351
1395
  '& .M4LSideBar-subItemActive': {
1352
1396
  "& .MuiButtonBase-root": {
1397
+ paddingLeft: string;
1398
+ padding: string;
1353
1399
  "& .M4LIcon-root": {
1354
1400
  "& .M4LIcon-icon": {
1355
1401
  backgroundColor: string;
@@ -1364,6 +1410,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1364
1410
  };
1365
1411
  };
1366
1412
  '&:hover': {
1413
+ padding: string;
1367
1414
  background: string;
1368
1415
  };
1369
1416
  };
@@ -1452,6 +1499,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1452
1499
  '& .M4LSideBar-navListSubItemRoot': {
1453
1500
  '& .M4LSideBar-subItemActive': {
1454
1501
  '& .MuiButtonBase-root': {
1502
+ padding: string;
1455
1503
  '& .M4LIcon-root': {
1456
1504
  '& .M4LIcon-icon': {
1457
1505
  backgroundColor: string;
@@ -1464,6 +1512,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1464
1512
  '& .M4LSideBar-subItemActive': {
1465
1513
  height: string;
1466
1514
  "& .MuiButtonBase-root": {
1515
+ padding: string;
1467
1516
  "& .M4LIcon-root": {
1468
1517
  "& .M4LIcon-icon": {
1469
1518
  backgroundColor: string;
@@ -1483,6 +1532,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1483
1532
  backgroundColor: string;
1484
1533
  };
1485
1534
  '&:hover': {
1535
+ padding: string;
1486
1536
  background: string;
1487
1537
  };
1488
1538
  };
@@ -1521,6 +1571,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1521
1571
  '& .M4LSideBar-navListSubItemRoot': {
1522
1572
  '& .M4LSideBar-subItemActive': {
1523
1573
  '& .MuiButtonBase-root': {
1574
+ padding: string;
1524
1575
  '& .M4LIcon-root': {
1525
1576
  '& .M4LIcon-icon': {
1526
1577
  backgroundColor: string;
@@ -1533,6 +1584,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1533
1584
  '& .M4LSideBar-subItemActive': {
1534
1585
  height: string;
1535
1586
  "& .MuiButtonBase-root": {
1587
+ padding: string;
1536
1588
  "& .M4LIcon-root": {
1537
1589
  "& .M4LIcon-icon": {
1538
1590
  backgroundColor: string;
@@ -1552,6 +1604,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1552
1604
  backgroundColor: string;
1553
1605
  };
1554
1606
  '&:hover': {
1607
+ padding: string;
1555
1608
  background: string;
1556
1609
  };
1557
1610
  };
@@ -1662,6 +1715,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1662
1715
  '&.M4LSideBar-itemMainActive': {
1663
1716
  borderRadius: string;
1664
1717
  background: string;
1718
+ border: string;
1719
+ borderColor: string;
1665
1720
  '& .M4LSideBar-navItemMainRoot': {
1666
1721
  background: string;
1667
1722
  '&:hover': {
@@ -1753,10 +1808,13 @@ export declare const M4LSideBar: (theme: Theme) => {
1753
1808
  height: string;
1754
1809
  borderRadius: string;
1755
1810
  gap: string;
1811
+ padding: string;
1756
1812
  '&.M4LSideBar-subItemCollapseActive': {
1757
1813
  backgroundColor: string;
1758
1814
  gap: string;
1815
+ padding: string;
1759
1816
  "& .MuiButtonBase-root": {
1817
+ padding: string;
1760
1818
  "& .M4LIcon-root": {
1761
1819
  "& .M4LIcon-icon": {
1762
1820
  backgroundColor: string;
@@ -1766,6 +1824,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1766
1824
  };
1767
1825
  '& .M4LSideBar-subItemActive': {
1768
1826
  "& .MuiButtonBase-root": {
1827
+ padding: string;
1769
1828
  "& .M4LIcon-root": {
1770
1829
  "& .M4LIcon-icon": {
1771
1830
  backgroundColor: string;
@@ -1780,6 +1839,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1780
1839
  };
1781
1840
  };
1782
1841
  '&:hover': {
1842
+ padding: string;
1783
1843
  background: string;
1784
1844
  };
1785
1845
  };
@@ -1926,6 +1986,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1926
1986
  '&.M4LSideBar-itemMainActive': {
1927
1987
  borderRadius: string;
1928
1988
  background: string;
1989
+ border: string;
1990
+ borderColor: string;
1929
1991
  '& .M4LSideBar-navItemMainRoot': {
1930
1992
  background: string;
1931
1993
  '&:hover': {
@@ -2018,10 +2080,12 @@ export declare const M4LSideBar: (theme: Theme) => {
2018
2080
  height: string;
2019
2081
  borderRadius: string;
2020
2082
  gap: string;
2083
+ padding: string;
2021
2084
  '&.M4LSideBar-subItemCollapseActive': {
2022
2085
  backgroundColor: string;
2023
2086
  gap: string;
2024
2087
  "& .MuiButtonBase-root": {
2088
+ padding: string;
2025
2089
  "& .M4LIcon-root": {
2026
2090
  "& .M4LIcon-icon": {
2027
2091
  backgroundColor: string;
@@ -2031,6 +2095,7 @@ export declare const M4LSideBar: (theme: Theme) => {
2031
2095
  };
2032
2096
  '& .M4LSideBar-subItemActive': {
2033
2097
  "& .MuiButtonBase-root": {
2098
+ padding: string;
2034
2099
  "& .M4LIcon-root": {
2035
2100
  "& .M4LIcon-icon": {
2036
2101
  backgroundColor: string;
@@ -2045,6 +2110,7 @@ export declare const M4LSideBar: (theme: Theme) => {
2045
2110
  };
2046
2111
  };
2047
2112
  '&:hover': {
2113
+ padding: string;
2048
2114
  background: string;
2049
2115
  };
2050
2116
  };
@@ -2165,6 +2231,8 @@ export declare const M4LSideBar: (theme: Theme) => {
2165
2231
  '&.M4LSideBar-itemMainActive': {
2166
2232
  borderRadius: string;
2167
2233
  background: string;
2234
+ border: string;
2235
+ borderColor: string;
2168
2236
  '& .M4LSideBar-navItemMainRoot': {
2169
2237
  background: string;
2170
2238
  '&:hover': {
@@ -2255,10 +2323,12 @@ export declare const M4LSideBar: (theme: Theme) => {
2255
2323
  height: string;
2256
2324
  borderRadius: string;
2257
2325
  gap: string;
2326
+ padding: string;
2258
2327
  '&.M4LSideBar-subItemCollapseActive': {
2259
2328
  backgroundColor: string;
2260
2329
  gap: string;
2261
2330
  "& .MuiButtonBase-root": {
2331
+ padding: string;
2262
2332
  "& .M4LIcon-root": {
2263
2333
  "& .M4LIcon-icon": {
2264
2334
  backgroundColor: string;
@@ -2268,6 +2338,7 @@ export declare const M4LSideBar: (theme: Theme) => {
2268
2338
  };
2269
2339
  '& .M4LSideBar-subItemActive': {
2270
2340
  "& .MuiButtonBase-root": {
2341
+ padding: string;
2271
2342
  "& .M4LIcon-root": {
2272
2343
  "& .M4LIcon-icon": {
2273
2344
  backgroundColor: string;
@@ -2283,6 +2354,7 @@ export declare const M4LSideBar: (theme: Theme) => {
2283
2354
  };
2284
2355
  '&:hover': {
2285
2356
  background: string;
2357
+ padding: string;
2286
2358
  };
2287
2359
  };
2288
2360
  '& .M4LSideBar-navSubItemContentRoot': {