@m4l/styles 0.0.41 → 0.0.42

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 (22) hide show
  1. package/index.js +8 -8
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.c5fe2519.js → defaultThemeOptions.4c9bc728.js} +4 -4
  4. package/theme/overrides/M4LExtendedComponents/M4LAppBarCommercial.d.ts +2 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +22 -7
  6. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +24 -0
  7. package/theme/overrides/M4LExtendedComponents/M4LFieldLabel.d.ts +25 -0
  8. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +366 -342
  9. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +282 -136
  10. package/theme/overrides/M4LExtendedComponents/{index.8f5f04ca.js → index.ad4ae589.js} +302 -273
  11. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +2 -14
  12. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts +1 -47
  13. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +28 -14
  14. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +28 -151
  15. package/theme/overrides/M4LRHFComponents/{index.427e0f0e.js → index.a9f361b8.js} +82 -61
  16. package/theme/overrides/{index.a3e99f67.js → index.dc9d8819.js} +26 -25
  17. package/theme/{palette.1b577d8c.js → palette.0590e8a6.js} +16 -14
  18. package/theme/palette.d.ts +2 -0
  19. package/theme/{shadows.479d005a.js → shadows.86540b18.js} +1 -1
  20. package/types/augmentations.d.ts +1 -1
  21. package/utils/{getColorPresets.479f9922.js → getColorPresets.2a91ffaf.js} +1 -1
  22. package/utils/{getColorState.0ad9ea67.js → getColorState.6c23eada.js} +1 -1
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -2,23 +2,194 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LSideBar: (theme: Theme) => {
3
3
  M4LSideBar: {
4
4
  styleOverrides: {
5
+ '&.M4LSideBar-root': {
6
+ '&.M4LSideBar-collapsed': {
7
+ '& .M4LSideBar-wrapperSideBar': {
8
+ height: string;
9
+ transition: string;
10
+ };
11
+ };
12
+ '& .M4LSideBar-wrapperSideBar': {
13
+ '& .M4LSideBar-areaExpandMenu': {
14
+ position: string;
15
+ zIndex: string;
16
+ height: string;
17
+ transition: string;
18
+ '& .M4LSideBar-contentDesktop': {
19
+ display: string;
20
+ width: string;
21
+ height: string;
22
+ boxShadow: string;
23
+ '& .M4LSideBar-containerContentGroupsFooter': {
24
+ flexGrow: string;
25
+ display: string;
26
+ flexDirection: string;
27
+ height: string;
28
+ position: string;
29
+ borderRight: string;
30
+ borderColor: string;
31
+ backgroundColor: string;
32
+ '& .M4LSideBar-contentGroups': {
33
+ padding: string;
34
+ '& .M4LSideBar-wrapperGroup': {
35
+ overflow: string;
36
+ '& .M4LSideBar-navItemRootContent': {
37
+ overflow: string;
38
+ };
39
+ };
40
+ };
41
+ '& .M4LSideBar-footer': {
42
+ display: string;
43
+ padding: string;
44
+ borderTop: string;
45
+ borderColor: string;
46
+ justifyContent: string;
47
+ gap: string;
48
+ alignItems: string;
49
+ height: string;
50
+ minHeight: string;
51
+ flexDirection: string;
52
+ overflow: string;
53
+ '& .M4LSideBar-wrapperLogoFooter': {
54
+ width: string;
55
+ height: string;
56
+ '& .M4LSideBar-containerLogoButtonLogo': {
57
+ display: string;
58
+ justifyContent: string;
59
+ alignItems: string;
60
+ };
61
+ };
62
+ };
63
+ };
64
+ '& .M4LSideBar-collapseButtonSecondary': {
65
+ height: string;
66
+ cursor: string;
67
+ };
68
+ };
69
+ };
70
+ };
71
+ };
5
72
  '&.M4LSideBar-root.M4LSideBar-variantDefault': {
6
73
  [x: string]: string | {
7
- "& .M4LIcon-icon": {
8
- backgroundColor: string;
74
+ width: string;
75
+ height: string;
76
+ minWidth: string;
77
+ minHeight: string;
78
+ '& .MuiButtonBase-root': {
79
+ width: string;
80
+ height: string;
9
81
  };
82
+ '& .M4LSideBar-collapseButton'?: undefined;
83
+ position?: undefined;
84
+ top?: undefined;
85
+ right?: undefined;
86
+ borderRadius?: undefined;
87
+ backgroundColor?: undefined;
88
+ transition?: undefined;
89
+ boxShadow?: undefined;
90
+ zIndex?: undefined;
91
+ opacity?: undefined;
92
+ '& .M4LIcon-icon'?: undefined;
10
93
  "& .M4LSideBar-wrapperSideBar"?: undefined;
94
+ padding?: undefined;
95
+ '& .M4LSideBar-containerSideBarLogo'?: undefined;
96
+ '& .M4LSideBar-contentGroups'?: undefined;
97
+ '& .M4LSideBar-footer'?: undefined;
98
+ } | {
99
+ '& .M4LSideBar-collapseButton': {
100
+ opacity: string;
101
+ transition: string;
102
+ };
11
103
  width?: undefined;
12
104
  height?: undefined;
13
- padding?: undefined;
105
+ minWidth?: undefined;
106
+ minHeight?: undefined;
107
+ '& .MuiButtonBase-root'?: undefined;
108
+ position?: undefined;
109
+ top?: undefined;
110
+ right?: undefined;
111
+ borderRadius?: undefined;
112
+ backgroundColor?: undefined;
14
113
  transition?: undefined;
114
+ boxShadow?: undefined;
115
+ zIndex?: undefined;
116
+ opacity?: undefined;
117
+ '& .M4LIcon-icon'?: undefined;
118
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
119
+ padding?: undefined;
15
120
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
16
121
  '& .M4LSideBar-contentGroups'?: undefined;
122
+ '& .M4LSideBar-footer'?: undefined;
123
+ } | {
124
+ position: string;
125
+ top: string;
126
+ right: string;
127
+ borderRadius: string;
128
+ backgroundColor: string;
129
+ transition: string;
130
+ boxShadow: string;
131
+ zIndex: string;
132
+ width?: undefined;
133
+ height?: undefined;
134
+ minWidth?: undefined;
135
+ minHeight?: undefined;
136
+ '& .MuiButtonBase-root'?: undefined;
17
137
  '& .M4LSideBar-collapseButton'?: undefined;
138
+ opacity?: undefined;
139
+ '& .M4LIcon-icon'?: undefined;
140
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
141
+ padding?: undefined;
142
+ '& .M4LSideBar-containerSideBarLogo'?: undefined;
143
+ '& .M4LSideBar-contentGroups'?: undefined;
144
+ '& .M4LSideBar-footer'?: undefined;
145
+ } | {
146
+ opacity: number;
147
+ transition: string;
148
+ width?: undefined;
149
+ height?: undefined;
150
+ minWidth?: undefined;
151
+ minHeight?: undefined;
152
+ '& .MuiButtonBase-root'?: undefined;
153
+ '& .M4LSideBar-collapseButton'?: undefined;
154
+ position?: undefined;
155
+ top?: undefined;
156
+ right?: undefined;
157
+ borderRadius?: undefined;
158
+ backgroundColor?: undefined;
159
+ boxShadow?: undefined;
160
+ zIndex?: undefined;
161
+ '& .M4LIcon-icon'?: undefined;
162
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
163
+ padding?: undefined;
164
+ '& .M4LSideBar-containerSideBarLogo'?: undefined;
165
+ '& .M4LSideBar-contentGroups'?: undefined;
166
+ '& .M4LSideBar-footer'?: undefined;
167
+ } | {
168
+ "& .M4LIcon-icon": {
169
+ backgroundColor: string;
170
+ };
171
+ width?: undefined;
172
+ height?: undefined;
173
+ minWidth?: undefined;
174
+ minHeight?: undefined;
175
+ '& .MuiButtonBase-root'?: undefined;
176
+ '& .M4LSideBar-collapseButton'?: undefined;
177
+ position?: undefined;
178
+ top?: undefined;
179
+ right?: undefined;
180
+ borderRadius?: undefined;
181
+ backgroundColor?: undefined;
182
+ transition?: undefined;
183
+ boxShadow?: undefined;
184
+ zIndex?: undefined;
185
+ opacity?: undefined;
186
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
187
+ padding?: undefined;
188
+ '& .M4LSideBar-containerSideBarLogo'?: undefined;
189
+ '& .M4LSideBar-contentGroups'?: undefined;
190
+ '& .M4LSideBar-footer'?: undefined;
18
191
  } | {
19
192
  "& .M4LSideBar-wrapperSideBar": {
20
- width: string;
21
- transition: string;
22
193
  "& .M4LSideBar-contentDesktop": {
23
194
  "& .M4LSideBar-containerSideBarLogo": {
24
195
  marginTop: string;
@@ -34,28 +205,49 @@ export declare const M4LSideBar: (theme: Theme) => {
34
205
  };
35
206
  };
36
207
  };
37
- '& .M4LIcon-icon'?: undefined;
38
208
  width?: undefined;
39
209
  height?: undefined;
40
- padding?: undefined;
210
+ minWidth?: undefined;
211
+ minHeight?: undefined;
212
+ '& .MuiButtonBase-root'?: undefined;
213
+ '& .M4LSideBar-collapseButton'?: undefined;
214
+ position?: undefined;
215
+ top?: undefined;
216
+ right?: undefined;
217
+ borderRadius?: undefined;
218
+ backgroundColor?: undefined;
41
219
  transition?: undefined;
220
+ boxShadow?: undefined;
221
+ zIndex?: undefined;
222
+ opacity?: undefined;
223
+ '& .M4LIcon-icon'?: undefined;
224
+ padding?: undefined;
42
225
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
43
226
  '& .M4LSideBar-contentGroups'?: undefined;
44
- '& .M4LSideBar-collapseButton'?: undefined;
227
+ '& .M4LSideBar-footer'?: undefined;
45
228
  } | {
46
229
  width: string;
47
230
  height: string;
48
231
  padding: string;
232
+ minWidth?: undefined;
233
+ minHeight?: undefined;
234
+ '& .MuiButtonBase-root'?: undefined;
235
+ '& .M4LSideBar-collapseButton'?: undefined;
236
+ position?: undefined;
237
+ top?: undefined;
238
+ right?: undefined;
239
+ borderRadius?: undefined;
240
+ backgroundColor?: undefined;
241
+ transition?: undefined;
242
+ boxShadow?: undefined;
243
+ zIndex?: undefined;
244
+ opacity?: undefined;
49
245
  '& .M4LIcon-icon'?: undefined;
50
246
  "& .M4LSideBar-wrapperSideBar"?: undefined;
51
- transition?: undefined;
52
247
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
53
248
  '& .M4LSideBar-contentGroups'?: undefined;
54
- '& .M4LSideBar-collapseButton'?: undefined;
249
+ '& .M4LSideBar-footer'?: undefined;
55
250
  } | {
56
- height: string;
57
- width: string;
58
- transition: string;
59
251
  '& .M4LSideBar-containerSideBarLogo': {
60
252
  display: string;
61
253
  justifyContent: string;
@@ -102,7 +294,6 @@ export declare const M4LSideBar: (theme: Theme) => {
102
294
  };
103
295
  '& .M4LSideBar-wrapperGroup': {
104
296
  height: string;
105
- padding: string;
106
297
  '& .M4LScrollBar-root': {
107
298
  overflow: string;
108
299
  height: string;
@@ -111,6 +302,8 @@ export declare const M4LSideBar: (theme: Theme) => {
111
302
  '& .M4LSideBar-wrapperGroupTitle': {
112
303
  height: string;
113
304
  padding: string;
305
+ display: string;
306
+ alignItems: string;
114
307
  '& .M4LTypography-root': {
115
308
  display: string;
116
309
  width: string;
@@ -140,6 +333,7 @@ export declare const M4LSideBar: (theme: Theme) => {
140
333
  };
141
334
  };
142
335
  '&.M4LSideBar-itemMainActive': {
336
+ background: string;
143
337
  borderRadius: string;
144
338
  height: string;
145
339
  '& .M4LSideBar-navItemMainRoot': {
@@ -187,7 +381,6 @@ export declare const M4LSideBar: (theme: Theme) => {
187
381
  '& .M4LSideBar-navItemRootContent': {
188
382
  display: string;
189
383
  padding: string;
190
- justifyContent: string;
191
384
  borderRadius: string;
192
385
  position: string;
193
386
  '& .M4LSideBar-navItemRootContentIconTypo': {
@@ -304,42 +497,69 @@ export declare const M4LSideBar: (theme: Theme) => {
304
497
  backgroundColor: string;
305
498
  };
306
499
  };
307
- '& .M4LSideBar-collapseButton': {
308
- display: string;
309
- padding: string;
310
- borderTop: string;
311
- borderColor: string;
312
- justifyContent: string;
313
- gap: string;
314
- alignItems: string;
315
- height: string;
316
- width: string;
317
- minHeight: string;
318
- flexDirection: string;
500
+ '& .M4LSideBar-footer': {
319
501
  '& .M4LSideBar-containerLogoButton': {
320
502
  display: string;
321
503
  gap: string;
322
504
  width: string;
323
505
  };
324
506
  '& .M4LSideBar-containerLogoButtonLogo': {
325
- width: string;
507
+ minWidth: string;
326
508
  height: string;
327
- '& .M4LSideBar-containerLogoButtonIcon': {
328
- display: string;
329
- alignItems: string;
330
- };
331
509
  };
332
510
  };
511
+ width?: undefined;
512
+ height?: undefined;
513
+ minWidth?: undefined;
514
+ minHeight?: undefined;
515
+ '& .MuiButtonBase-root'?: undefined;
516
+ '& .M4LSideBar-collapseButton'?: undefined;
517
+ position?: undefined;
518
+ top?: undefined;
519
+ right?: undefined;
520
+ borderRadius?: undefined;
521
+ backgroundColor?: undefined;
522
+ transition?: undefined;
523
+ boxShadow?: undefined;
524
+ zIndex?: undefined;
525
+ opacity?: undefined;
333
526
  '& .M4LIcon-icon'?: undefined;
334
527
  "& .M4LSideBar-wrapperSideBar"?: undefined;
335
528
  padding?: undefined;
336
529
  };
337
530
  height: string;
338
- maxWidth: string;
339
531
  background: string;
340
- paddingTop: string;
341
- borderRight: string;
342
- borderColor: string;
532
+ position: string;
533
+ "& .M4LIconButton-sizeSmall": {
534
+ width: string;
535
+ height: string;
536
+ minWidth: string;
537
+ minHeight: string;
538
+ '& .MuiButtonBase-root': {
539
+ width: string;
540
+ height: string;
541
+ };
542
+ };
543
+ '&:hover': {
544
+ '& .M4LSideBar-collapseButton': {
545
+ opacity: string;
546
+ transition: string;
547
+ };
548
+ };
549
+ '& .M4LSideBar-collapseButton': {
550
+ position: string;
551
+ top: string;
552
+ right: string;
553
+ borderRadius: string;
554
+ backgroundColor: string;
555
+ transition: string;
556
+ boxShadow: string;
557
+ zIndex: string;
558
+ };
559
+ '&:not(.M4LSideBar-collapsed) .M4LSideBar-collapseButton': {
560
+ opacity: number;
561
+ transition: string;
562
+ };
343
563
  '& .M4LSideBar-subItemActive': {
344
564
  "& .M4LIcon-icon": {
345
565
  backgroundColor: string;
@@ -347,8 +567,6 @@ export declare const M4LSideBar: (theme: Theme) => {
347
567
  };
348
568
  '&.M4LSideBar-collapsed': {
349
569
  "& .M4LSideBar-wrapperSideBar": {
350
- width: string;
351
- transition: string;
352
570
  "& .M4LSideBar-contentDesktop": {
353
571
  "& .M4LSideBar-containerSideBarLogo": {
354
572
  marginTop: string;
@@ -366,9 +584,6 @@ export declare const M4LSideBar: (theme: Theme) => {
366
584
  };
367
585
  };
368
586
  '& .M4LSideBar-wrapperSideBar': {
369
- height: string;
370
- width: string;
371
- transition: string;
372
587
  '& .M4LSideBar-containerSideBarLogo': {
373
588
  display: string;
374
589
  justifyContent: string;
@@ -415,7 +630,6 @@ export declare const M4LSideBar: (theme: Theme) => {
415
630
  };
416
631
  '& .M4LSideBar-wrapperGroup': {
417
632
  height: string;
418
- padding: string;
419
633
  '& .M4LScrollBar-root': {
420
634
  overflow: string;
421
635
  height: string;
@@ -424,6 +638,8 @@ export declare const M4LSideBar: (theme: Theme) => {
424
638
  '& .M4LSideBar-wrapperGroupTitle': {
425
639
  height: string;
426
640
  padding: string;
641
+ display: string;
642
+ alignItems: string;
427
643
  '& .M4LTypography-root': {
428
644
  display: string;
429
645
  width: string;
@@ -453,6 +669,7 @@ export declare const M4LSideBar: (theme: Theme) => {
453
669
  };
454
670
  };
455
671
  '&.M4LSideBar-itemMainActive': {
672
+ background: string;
456
673
  borderRadius: string;
457
674
  height: string;
458
675
  '& .M4LSideBar-navItemMainRoot': {
@@ -500,7 +717,6 @@ export declare const M4LSideBar: (theme: Theme) => {
500
717
  '& .M4LSideBar-navItemRootContent': {
501
718
  display: string;
502
719
  padding: string;
503
- justifyContent: string;
504
720
  borderRadius: string;
505
721
  position: string;
506
722
  '& .M4LSideBar-navItemRootContentIconTypo': {
@@ -617,30 +833,15 @@ export declare const M4LSideBar: (theme: Theme) => {
617
833
  backgroundColor: string;
618
834
  };
619
835
  };
620
- '& .M4LSideBar-collapseButton': {
621
- display: string;
622
- padding: string;
623
- borderTop: string;
624
- borderColor: string;
625
- justifyContent: string;
626
- gap: string;
627
- alignItems: string;
628
- height: string;
629
- width: string;
630
- minHeight: string;
631
- flexDirection: string;
836
+ '& .M4LSideBar-footer': {
632
837
  '& .M4LSideBar-containerLogoButton': {
633
838
  display: string;
634
839
  gap: string;
635
840
  width: string;
636
841
  };
637
842
  '& .M4LSideBar-containerLogoButtonLogo': {
638
- width: string;
843
+ minWidth: string;
639
844
  height: string;
640
- '& .M4LSideBar-containerLogoButtonIcon': {
641
- display: string;
642
- alignItems: string;
643
- };
644
845
  };
645
846
  };
646
847
  };
@@ -656,7 +857,7 @@ export declare const M4LSideBar: (theme: Theme) => {
656
857
  padding?: undefined;
657
858
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
658
859
  '& .M4LSideBar-contentGroups'?: undefined;
659
- '& .M4LSideBar-collapseButton'?: undefined;
860
+ '& .M4LSideBar-footer'?: undefined;
660
861
  } | {
661
862
  "& .M4LSideBar-wrapperSideBar": {
662
863
  width: string;
@@ -681,7 +882,7 @@ export declare const M4LSideBar: (theme: Theme) => {
681
882
  padding?: undefined;
682
883
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
683
884
  '& .M4LSideBar-contentGroups'?: undefined;
684
- '& .M4LSideBar-collapseButton'?: undefined;
885
+ '& .M4LSideBar-footer'?: undefined;
685
886
  } | {
686
887
  width: string;
687
888
  height: string;
@@ -690,10 +891,8 @@ export declare const M4LSideBar: (theme: Theme) => {
690
891
  "& .M4LSideBar-wrapperSideBar"?: undefined;
691
892
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
692
893
  '& .M4LSideBar-contentGroups'?: undefined;
693
- '& .M4LSideBar-collapseButton'?: undefined;
894
+ '& .M4LSideBar-footer'?: undefined;
694
895
  } | {
695
- height: string;
696
- width: string;
697
896
  '& .M4LSideBar-containerSideBarLogo': {
698
897
  display: string;
699
898
  justifyContent: string;
@@ -770,6 +969,7 @@ export declare const M4LSideBar: (theme: Theme) => {
770
969
  };
771
970
  };
772
971
  '&.M4LSideBar-itemMainActive': {
972
+ background: string;
773
973
  borderRadius: string;
774
974
  '& .M4LSideBar-navItemMainRoot': {
775
975
  background: string;
@@ -923,26 +1123,14 @@ export declare const M4LSideBar: (theme: Theme) => {
923
1123
  backgroundColor: string;
924
1124
  };
925
1125
  };
926
- '& .M4LSideBar-collapseButton': {
927
- display: string;
928
- paddingTop: string;
929
- borderTop: string;
930
- borderColor: string;
931
- justifyContent: string;
932
- marginRight: string;
933
- marginLeft: string;
934
- gap: string;
935
- alignItems: string;
936
- height: string;
937
- minHeight: string;
938
- flexDirection: string;
1126
+ '& .M4LSideBar-footer': {
939
1127
  '& .M4LSideBar-containerLogoButton': {
940
1128
  display: string;
941
1129
  gap: string;
942
1130
  width: string;
943
1131
  };
944
1132
  '& .M4LSideBar-containerLogoButtonLogo': {
945
- width: string;
1133
+ minWidth: string;
946
1134
  height: string;
947
1135
  '& .M4LSideBar-containerLogoButtonIcon': {
948
1136
  display: string;
@@ -952,6 +1140,8 @@ export declare const M4LSideBar: (theme: Theme) => {
952
1140
  };
953
1141
  '& .M4LIcon-icon'?: undefined;
954
1142
  "& .M4LSideBar-wrapperSideBar"?: undefined;
1143
+ width?: undefined;
1144
+ height?: undefined;
955
1145
  padding?: undefined;
956
1146
  };
957
1147
  '& .M4LSideBar-subItemActive': {
@@ -979,8 +1169,6 @@ export declare const M4LSideBar: (theme: Theme) => {
979
1169
  };
980
1170
  };
981
1171
  '& .M4LSideBar-wrapperSideBar': {
982
- height: string;
983
- width: string;
984
1172
  '& .M4LSideBar-containerSideBarLogo': {
985
1173
  display: string;
986
1174
  justifyContent: string;
@@ -1057,6 +1245,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1057
1245
  };
1058
1246
  };
1059
1247
  '&.M4LSideBar-itemMainActive': {
1248
+ background: string;
1060
1249
  borderRadius: string;
1061
1250
  '& .M4LSideBar-navItemMainRoot': {
1062
1251
  background: string;
@@ -1210,26 +1399,14 @@ export declare const M4LSideBar: (theme: Theme) => {
1210
1399
  backgroundColor: string;
1211
1400
  };
1212
1401
  };
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;
1402
+ '& .M4LSideBar-footer': {
1226
1403
  '& .M4LSideBar-containerLogoButton': {
1227
1404
  display: string;
1228
1405
  gap: string;
1229
1406
  width: string;
1230
1407
  };
1231
1408
  '& .M4LSideBar-containerLogoButtonLogo': {
1232
- width: string;
1409
+ minWidth: string;
1233
1410
  height: string;
1234
1411
  '& .M4LSideBar-containerLogoButtonIcon': {
1235
1412
  display: string;
@@ -1401,7 +1578,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1401
1578
  height: string;
1402
1579
  display: string;
1403
1580
  flexDirection: string;
1404
- paddingTop: string;
1581
+ padding: string;
1405
1582
  '& .M4LSideBar-containerSideBarLogo': {
1406
1583
  display: string;
1407
1584
  justifyContent: string;
@@ -1451,7 +1628,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1451
1628
  };
1452
1629
  '& .M4LSideBar-wrapperGroup': {
1453
1630
  height: string;
1454
- padding: string;
1455
1631
  '& .M4LSideBar-wrapperGroupTitle': {
1456
1632
  height: string;
1457
1633
  padding: string;
@@ -1485,6 +1661,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1485
1661
  };
1486
1662
  '&.M4LSideBar-itemMainActive': {
1487
1663
  borderRadius: string;
1664
+ background: string;
1488
1665
  '& .M4LSideBar-navItemMainRoot': {
1489
1666
  background: string;
1490
1667
  '&:hover': {
@@ -1646,25 +1823,14 @@ export declare const M4LSideBar: (theme: Theme) => {
1646
1823
  backgroundColor: string;
1647
1824
  };
1648
1825
  };
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;
1826
+ '& .M4LSideBar-footer': {
1661
1827
  '& .M4LSideBar-containerLogoButton': {
1662
1828
  display: string;
1663
1829
  gap: string;
1664
1830
  width: string;
1665
1831
  };
1666
1832
  '& .M4LSideBar-containerLogoButtonLogo': {
1667
- width: string;
1833
+ minWidth: string;
1668
1834
  height: string;
1669
1835
  '& .M4LSideBar-containerLogoButtonIcon': {
1670
1836
  display: string;
@@ -1759,6 +1925,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1759
1925
  };
1760
1926
  '&.M4LSideBar-itemMainActive': {
1761
1927
  borderRadius: string;
1928
+ background: string;
1762
1929
  '& .M4LSideBar-navItemMainRoot': {
1763
1930
  background: string;
1764
1931
  '&:hover': {
@@ -1997,6 +2164,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1997
2164
  };
1998
2165
  '&.M4LSideBar-itemMainActive': {
1999
2166
  borderRadius: string;
2167
+ background: string;
2000
2168
  '& .M4LSideBar-navItemMainRoot': {
2001
2169
  background: string;
2002
2170
  '&:hover': {
@@ -2149,25 +2317,14 @@ export declare const M4LSideBar: (theme: Theme) => {
2149
2317
  backgroundColor: string;
2150
2318
  };
2151
2319
  };
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;
2320
+ '& .M4LSideBar-footer': {
2164
2321
  '& .M4LSideBar-containerLogoButton': {
2165
2322
  display: string;
2166
2323
  gap: string;
2167
2324
  width: string;
2168
2325
  };
2169
2326
  '& .M4LSideBar-containerLogoButtonLogo': {
2170
- width: string;
2327
+ minWidth: string;
2171
2328
  height: string;
2172
2329
  '& .M4LSideBar-containerLogoButtonIcon': {
2173
2330
  display: string;
@@ -2184,25 +2341,14 @@ export declare const M4LSideBar: (theme: Theme) => {
2184
2341
  backgroundColor: string;
2185
2342
  };
2186
2343
  };
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;
2344
+ '& .M4LSideBar-footer': {
2199
2345
  '& .M4LSideBar-containerLogoButton': {
2200
2346
  display: string;
2201
2347
  gap: string;
2202
2348
  width: string;
2203
2349
  };
2204
2350
  '& .M4LSideBar-containerLogoButtonLogo': {
2205
- width: string;
2351
+ minWidth: string;
2206
2352
  height: string;
2207
2353
  '& .M4LSideBar-containerLogoButtonIcon': {
2208
2354
  display: string;