@m4l/styles 0.0.41 → 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 (26) 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/M4LIconButton.d.ts +8 -28
  9. package/theme/overrides/M4LExtendedComponents/M4LImage.d.ts +0 -26
  10. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +6 -0
  11. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +366 -342
  12. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +355 -137
  13. package/theme/overrides/M4LExtendedComponents/{index.8f5f04ca.js → index.b9151f24.js} +395 -352
  14. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +3 -14
  15. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts +1 -47
  16. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +29 -14
  17. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +29 -151
  18. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +1 -0
  19. package/theme/overrides/M4LRHFComponents/{index.427e0f0e.js → index.02fada22.js} +82 -57
  20. package/theme/overrides/{index.a3e99f67.js → index.fd981495.js} +26 -25
  21. package/theme/{palette.1b577d8c.js → palette.0590e8a6.js} +16 -14
  22. package/theme/palette.d.ts +2 -0
  23. package/theme/{shadows.479d005a.js → shadows.86540b18.js} +1 -1
  24. package/types/augmentations.d.ts +1 -1
  25. package/utils/{getColorPresets.479f9922.js → getColorPresets.2a91ffaf.js} +1 -1
  26. package/utils/{getColorState.0ad9ea67.js → getColorState.6c23eada.js} +1 -1
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -2,23 +2,205 @@ 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
+ width: string;
11
+ '& .M4LSideBar-areaExpandMenu': {
12
+ position: string;
13
+ zIndex: string;
14
+ height: string;
15
+ transition: string;
16
+ width: string;
17
+ '& .M4LSideBar-contentDesktop': {
18
+ display: string;
19
+ width: string;
20
+ height: string;
21
+ boxShadow: string;
22
+ transition: 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
+ padding: string;
37
+ borderTop: string;
38
+ borderBottom: string;
39
+ borderColor: string;
40
+ height: string;
41
+ width: string;
42
+ '& .M4LSideBar-navItemRootContent': {
43
+ overflow: string;
44
+ height: string;
45
+ padding: string;
46
+ display: string;
47
+ alignItems: string;
48
+ };
49
+ };
50
+ };
51
+ '& .M4LSideBar-footer': {
52
+ display: string;
53
+ padding: string;
54
+ borderTop: string;
55
+ borderColor: string;
56
+ justifyContent: string;
57
+ gap: string;
58
+ alignItems: string;
59
+ height: string;
60
+ minHeight: string;
61
+ flexDirection: string;
62
+ overflow: string;
63
+ '& .M4LSideBar-wrapperLogoFooter': {
64
+ width: string;
65
+ height: string;
66
+ '& .M4LSideBar-containerLogoButtonLogo': {
67
+ display: string;
68
+ justifyContent: string;
69
+ alignItems: string;
70
+ };
71
+ };
72
+ };
73
+ };
74
+ '& .M4LSideBar-collapseButtonSecondary': {
75
+ height: string;
76
+ cursor: string;
77
+ };
78
+ };
79
+ };
80
+ };
81
+ };
5
82
  '&.M4LSideBar-root.M4LSideBar-variantDefault': {
6
83
  [x: string]: string | {
7
- "& .M4LIcon-icon": {
8
- backgroundColor: string;
84
+ width: string;
85
+ height: string;
86
+ minWidth: string;
87
+ minHeight: string;
88
+ '& .MuiButtonBase-root': {
89
+ padding: string;
90
+ width: string;
91
+ height: string;
9
92
  };
93
+ '& .M4LSideBar-collapseButton'?: undefined;
94
+ position?: undefined;
95
+ top?: undefined;
96
+ right?: undefined;
97
+ borderRadius?: undefined;
98
+ backgroundColor?: undefined;
99
+ transition?: undefined;
100
+ boxShadow?: undefined;
101
+ zIndex?: undefined;
102
+ opacity?: undefined;
103
+ padding?: undefined;
104
+ '& .M4LIcon-icon'?: undefined;
10
105
  "& .M4LSideBar-wrapperSideBar"?: undefined;
106
+ '& .M4LSideBar-containerSideBarLogo'?: undefined;
107
+ '& .M4LSideBar-contentGroups'?: undefined;
108
+ '& .M4LSideBar-footer'?: undefined;
109
+ } | {
110
+ '& .M4LSideBar-collapseButton': {
111
+ opacity: string;
112
+ transition: string;
113
+ };
11
114
  width?: undefined;
12
115
  height?: undefined;
13
- padding?: undefined;
116
+ minWidth?: undefined;
117
+ minHeight?: undefined;
118
+ '& .MuiButtonBase-root'?: undefined;
119
+ position?: undefined;
120
+ top?: undefined;
121
+ right?: undefined;
122
+ borderRadius?: undefined;
123
+ backgroundColor?: undefined;
14
124
  transition?: undefined;
125
+ boxShadow?: undefined;
126
+ zIndex?: undefined;
127
+ opacity?: undefined;
128
+ padding?: undefined;
129
+ '& .M4LIcon-icon'?: undefined;
130
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
131
+ '& .M4LSideBar-containerSideBarLogo'?: undefined;
132
+ '& .M4LSideBar-contentGroups'?: undefined;
133
+ '& .M4LSideBar-footer'?: undefined;
134
+ } | {
135
+ position: string;
136
+ top: string;
137
+ right: string;
138
+ borderRadius: string;
139
+ backgroundColor: string;
140
+ transition: string;
141
+ boxShadow: string;
142
+ zIndex: string;
143
+ width?: undefined;
144
+ height?: undefined;
145
+ minWidth?: undefined;
146
+ minHeight?: undefined;
147
+ '& .MuiButtonBase-root'?: undefined;
148
+ '& .M4LSideBar-collapseButton'?: undefined;
149
+ opacity?: undefined;
150
+ padding?: undefined;
151
+ '& .M4LIcon-icon'?: undefined;
152
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
153
+ '& .M4LSideBar-containerSideBarLogo'?: undefined;
154
+ '& .M4LSideBar-contentGroups'?: undefined;
155
+ '& .M4LSideBar-footer'?: undefined;
156
+ } | {
157
+ opacity: number;
158
+ transition: string;
159
+ width?: undefined;
160
+ height?: undefined;
161
+ minWidth?: undefined;
162
+ minHeight?: undefined;
163
+ '& .MuiButtonBase-root'?: undefined;
164
+ '& .M4LSideBar-collapseButton'?: undefined;
165
+ position?: undefined;
166
+ top?: undefined;
167
+ right?: undefined;
168
+ borderRadius?: undefined;
169
+ backgroundColor?: undefined;
170
+ boxShadow?: undefined;
171
+ zIndex?: undefined;
172
+ padding?: undefined;
173
+ '& .M4LIcon-icon'?: undefined;
174
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
15
175
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
16
176
  '& .M4LSideBar-contentGroups'?: undefined;
177
+ '& .M4LSideBar-footer'?: undefined;
178
+ } | {
179
+ padding: string;
180
+ "& .M4LIcon-icon": {
181
+ backgroundColor: string;
182
+ };
183
+ width?: undefined;
184
+ height?: undefined;
185
+ minWidth?: undefined;
186
+ minHeight?: undefined;
187
+ '& .MuiButtonBase-root'?: undefined;
17
188
  '& .M4LSideBar-collapseButton'?: undefined;
189
+ position?: undefined;
190
+ top?: undefined;
191
+ right?: undefined;
192
+ borderRadius?: undefined;
193
+ backgroundColor?: undefined;
194
+ transition?: undefined;
195
+ boxShadow?: undefined;
196
+ zIndex?: undefined;
197
+ opacity?: undefined;
198
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
199
+ '& .M4LSideBar-containerSideBarLogo'?: undefined;
200
+ '& .M4LSideBar-contentGroups'?: undefined;
201
+ '& .M4LSideBar-footer'?: undefined;
18
202
  } | {
19
203
  "& .M4LSideBar-wrapperSideBar": {
20
- width: string;
21
- transition: string;
22
204
  "& .M4LSideBar-contentDesktop": {
23
205
  "& .M4LSideBar-containerSideBarLogo": {
24
206
  marginTop: string;
@@ -34,28 +216,49 @@ export declare const M4LSideBar: (theme: Theme) => {
34
216
  };
35
217
  };
36
218
  };
37
- '& .M4LIcon-icon'?: undefined;
38
219
  width?: undefined;
39
220
  height?: undefined;
40
- padding?: undefined;
221
+ minWidth?: undefined;
222
+ minHeight?: undefined;
223
+ '& .MuiButtonBase-root'?: undefined;
224
+ '& .M4LSideBar-collapseButton'?: undefined;
225
+ position?: undefined;
226
+ top?: undefined;
227
+ right?: undefined;
228
+ borderRadius?: undefined;
229
+ backgroundColor?: undefined;
41
230
  transition?: undefined;
231
+ boxShadow?: undefined;
232
+ zIndex?: undefined;
233
+ opacity?: undefined;
234
+ padding?: undefined;
235
+ '& .M4LIcon-icon'?: undefined;
42
236
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
43
237
  '& .M4LSideBar-contentGroups'?: undefined;
44
- '& .M4LSideBar-collapseButton'?: undefined;
238
+ '& .M4LSideBar-footer'?: undefined;
45
239
  } | {
46
240
  width: string;
47
241
  height: string;
48
242
  padding: string;
243
+ minWidth?: undefined;
244
+ minHeight?: undefined;
245
+ '& .MuiButtonBase-root'?: undefined;
246
+ '& .M4LSideBar-collapseButton'?: undefined;
247
+ position?: undefined;
248
+ top?: undefined;
249
+ right?: undefined;
250
+ borderRadius?: undefined;
251
+ backgroundColor?: undefined;
252
+ transition?: undefined;
253
+ boxShadow?: undefined;
254
+ zIndex?: undefined;
255
+ opacity?: undefined;
49
256
  '& .M4LIcon-icon'?: undefined;
50
257
  "& .M4LSideBar-wrapperSideBar"?: undefined;
51
- transition?: undefined;
52
258
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
53
259
  '& .M4LSideBar-contentGroups'?: undefined;
54
- '& .M4LSideBar-collapseButton'?: undefined;
260
+ '& .M4LSideBar-footer'?: undefined;
55
261
  } | {
56
- height: string;
57
- width: string;
58
- transition: string;
59
262
  '& .M4LSideBar-containerSideBarLogo': {
60
263
  display: string;
61
264
  justifyContent: string;
@@ -102,7 +305,6 @@ export declare const M4LSideBar: (theme: Theme) => {
102
305
  };
103
306
  '& .M4LSideBar-wrapperGroup': {
104
307
  height: string;
105
- padding: string;
106
308
  '& .M4LScrollBar-root': {
107
309
  overflow: string;
108
310
  height: string;
@@ -111,11 +313,14 @@ export declare const M4LSideBar: (theme: Theme) => {
111
313
  '& .M4LSideBar-wrapperGroupTitle': {
112
314
  height: string;
113
315
  padding: string;
316
+ display: string;
317
+ alignItems: string;
114
318
  '& .M4LTypography-root': {
115
319
  display: string;
116
320
  width: string;
117
321
  '& .MuiTypography-root': {
118
322
  textTransform: string;
323
+ fontWeight: string;
119
324
  with: string;
120
325
  overflow: string;
121
326
  textOverflow: string;
@@ -144,6 +349,9 @@ export declare const M4LSideBar: (theme: Theme) => {
144
349
  height: string;
145
350
  '& .M4LSideBar-navItemMainRoot': {
146
351
  background: string;
352
+ border: string;
353
+ borderColor: string;
354
+ boxShadow: string;
147
355
  '&:hover': {
148
356
  background: string;
149
357
  cursor: string;
@@ -187,7 +395,6 @@ export declare const M4LSideBar: (theme: Theme) => {
187
395
  '& .M4LSideBar-navItemRootContent': {
188
396
  display: string;
189
397
  padding: string;
190
- justifyContent: string;
191
398
  borderRadius: string;
192
399
  position: string;
193
400
  '& .M4LSideBar-navItemRootContentIconTypo': {
@@ -230,6 +437,7 @@ export declare const M4LSideBar: (theme: Theme) => {
230
437
  gap: string;
231
438
  padding: string;
232
439
  '& .M4LSideBar-navSubItemContentRoot ': {
440
+ padding: string;
233
441
  width: string;
234
442
  height: string;
235
443
  borderRadius: string;
@@ -237,7 +445,10 @@ export declare const M4LSideBar: (theme: Theme) => {
237
445
  '&.M4LSideBar-subItemCollapseActive': {
238
446
  backgroundColor: string;
239
447
  gap: string;
448
+ border: string;
449
+ borderColor: string;
240
450
  "& .MuiButtonBase-root": {
451
+ padding: string;
241
452
  "& .M4LIcon-root": {
242
453
  "& .M4LIcon-icon": {
243
454
  backgroundColor: string;
@@ -247,6 +458,7 @@ export declare const M4LSideBar: (theme: Theme) => {
247
458
  };
248
459
  '& .M4LSideBar-subItemActive': {
249
460
  "& .MuiButtonBase-root": {
461
+ padding: string;
250
462
  "& .M4LIcon-root": {
251
463
  "& .M4LIcon-icon": {};
252
464
  };
@@ -263,6 +475,7 @@ export declare const M4LSideBar: (theme: Theme) => {
263
475
  };
264
476
  '&:hover': {
265
477
  background: string;
478
+ padding: string;
266
479
  };
267
480
  };
268
481
  '& .M4LSideBar-navSubItemContentRoot': {
@@ -304,51 +517,78 @@ export declare const M4LSideBar: (theme: Theme) => {
304
517
  backgroundColor: string;
305
518
  };
306
519
  };
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;
520
+ '& .M4LSideBar-footer': {
319
521
  '& .M4LSideBar-containerLogoButton': {
320
522
  display: string;
321
523
  gap: string;
322
524
  width: string;
323
525
  };
324
526
  '& .M4LSideBar-containerLogoButtonLogo': {
325
- width: string;
527
+ minWidth: string;
326
528
  height: string;
327
- '& .M4LSideBar-containerLogoButtonIcon': {
328
- display: string;
329
- alignItems: string;
330
- };
331
529
  };
332
530
  };
531
+ width?: undefined;
532
+ height?: undefined;
533
+ minWidth?: undefined;
534
+ minHeight?: undefined;
535
+ '& .MuiButtonBase-root'?: undefined;
536
+ '& .M4LSideBar-collapseButton'?: undefined;
537
+ position?: undefined;
538
+ top?: undefined;
539
+ right?: undefined;
540
+ borderRadius?: undefined;
541
+ backgroundColor?: undefined;
542
+ transition?: undefined;
543
+ boxShadow?: undefined;
544
+ zIndex?: undefined;
545
+ opacity?: undefined;
546
+ padding?: undefined;
333
547
  '& .M4LIcon-icon'?: undefined;
334
548
  "& .M4LSideBar-wrapperSideBar"?: undefined;
335
- padding?: undefined;
336
549
  };
337
550
  height: string;
338
- maxWidth: string;
339
551
  background: string;
340
- paddingTop: string;
341
- borderRight: string;
342
- borderColor: string;
552
+ position: string;
553
+ "& .M4LIconButton-sizeSmall": {
554
+ width: string;
555
+ height: string;
556
+ minWidth: string;
557
+ minHeight: string;
558
+ '& .MuiButtonBase-root': {
559
+ padding: string;
560
+ width: string;
561
+ height: string;
562
+ };
563
+ };
564
+ '&:hover': {
565
+ '& .M4LSideBar-collapseButton': {
566
+ opacity: string;
567
+ transition: string;
568
+ };
569
+ };
570
+ '& .M4LSideBar-collapseButton': {
571
+ position: string;
572
+ top: string;
573
+ right: string;
574
+ borderRadius: string;
575
+ backgroundColor: string;
576
+ transition: string;
577
+ boxShadow: string;
578
+ zIndex: string;
579
+ };
580
+ '&:not(.M4LSideBar-collapsed) .M4LSideBar-collapseButton': {
581
+ opacity: number;
582
+ transition: string;
583
+ };
343
584
  '& .M4LSideBar-subItemActive': {
585
+ padding: string;
344
586
  "& .M4LIcon-icon": {
345
587
  backgroundColor: string;
346
588
  };
347
589
  };
348
590
  '&.M4LSideBar-collapsed': {
349
591
  "& .M4LSideBar-wrapperSideBar": {
350
- width: string;
351
- transition: string;
352
592
  "& .M4LSideBar-contentDesktop": {
353
593
  "& .M4LSideBar-containerSideBarLogo": {
354
594
  marginTop: string;
@@ -366,9 +606,6 @@ export declare const M4LSideBar: (theme: Theme) => {
366
606
  };
367
607
  };
368
608
  '& .M4LSideBar-wrapperSideBar': {
369
- height: string;
370
- width: string;
371
- transition: string;
372
609
  '& .M4LSideBar-containerSideBarLogo': {
373
610
  display: string;
374
611
  justifyContent: string;
@@ -415,7 +652,6 @@ export declare const M4LSideBar: (theme: Theme) => {
415
652
  };
416
653
  '& .M4LSideBar-wrapperGroup': {
417
654
  height: string;
418
- padding: string;
419
655
  '& .M4LScrollBar-root': {
420
656
  overflow: string;
421
657
  height: string;
@@ -424,11 +660,14 @@ export declare const M4LSideBar: (theme: Theme) => {
424
660
  '& .M4LSideBar-wrapperGroupTitle': {
425
661
  height: string;
426
662
  padding: string;
663
+ display: string;
664
+ alignItems: string;
427
665
  '& .M4LTypography-root': {
428
666
  display: string;
429
667
  width: string;
430
668
  '& .MuiTypography-root': {
431
669
  textTransform: string;
670
+ fontWeight: string;
432
671
  with: string;
433
672
  overflow: string;
434
673
  textOverflow: string;
@@ -457,6 +696,9 @@ export declare const M4LSideBar: (theme: Theme) => {
457
696
  height: string;
458
697
  '& .M4LSideBar-navItemMainRoot': {
459
698
  background: string;
699
+ border: string;
700
+ borderColor: string;
701
+ boxShadow: string;
460
702
  '&:hover': {
461
703
  background: string;
462
704
  cursor: string;
@@ -500,7 +742,6 @@ export declare const M4LSideBar: (theme: Theme) => {
500
742
  '& .M4LSideBar-navItemRootContent': {
501
743
  display: string;
502
744
  padding: string;
503
- justifyContent: string;
504
745
  borderRadius: string;
505
746
  position: string;
506
747
  '& .M4LSideBar-navItemRootContentIconTypo': {
@@ -543,6 +784,7 @@ export declare const M4LSideBar: (theme: Theme) => {
543
784
  gap: string;
544
785
  padding: string;
545
786
  '& .M4LSideBar-navSubItemContentRoot ': {
787
+ padding: string;
546
788
  width: string;
547
789
  height: string;
548
790
  borderRadius: string;
@@ -550,7 +792,10 @@ export declare const M4LSideBar: (theme: Theme) => {
550
792
  '&.M4LSideBar-subItemCollapseActive': {
551
793
  backgroundColor: string;
552
794
  gap: string;
795
+ border: string;
796
+ borderColor: string;
553
797
  "& .MuiButtonBase-root": {
798
+ padding: string;
554
799
  "& .M4LIcon-root": {
555
800
  "& .M4LIcon-icon": {
556
801
  backgroundColor: string;
@@ -560,6 +805,7 @@ export declare const M4LSideBar: (theme: Theme) => {
560
805
  };
561
806
  '& .M4LSideBar-subItemActive': {
562
807
  "& .MuiButtonBase-root": {
808
+ padding: string;
563
809
  "& .M4LIcon-root": {
564
810
  "& .M4LIcon-icon": {};
565
811
  };
@@ -576,6 +822,7 @@ export declare const M4LSideBar: (theme: Theme) => {
576
822
  };
577
823
  '&:hover': {
578
824
  background: string;
825
+ padding: string;
579
826
  };
580
827
  };
581
828
  '& .M4LSideBar-navSubItemContentRoot': {
@@ -617,30 +864,15 @@ export declare const M4LSideBar: (theme: Theme) => {
617
864
  backgroundColor: string;
618
865
  };
619
866
  };
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;
867
+ '& .M4LSideBar-footer': {
632
868
  '& .M4LSideBar-containerLogoButton': {
633
869
  display: string;
634
870
  gap: string;
635
871
  width: string;
636
872
  };
637
873
  '& .M4LSideBar-containerLogoButtonLogo': {
638
- width: string;
874
+ minWidth: string;
639
875
  height: string;
640
- '& .M4LSideBar-containerLogoButtonIcon': {
641
- display: string;
642
- alignItems: string;
643
- };
644
876
  };
645
877
  };
646
878
  };
@@ -656,7 +888,7 @@ export declare const M4LSideBar: (theme: Theme) => {
656
888
  padding?: undefined;
657
889
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
658
890
  '& .M4LSideBar-contentGroups'?: undefined;
659
- '& .M4LSideBar-collapseButton'?: undefined;
891
+ '& .M4LSideBar-footer'?: undefined;
660
892
  } | {
661
893
  "& .M4LSideBar-wrapperSideBar": {
662
894
  width: string;
@@ -681,7 +913,7 @@ export declare const M4LSideBar: (theme: Theme) => {
681
913
  padding?: undefined;
682
914
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
683
915
  '& .M4LSideBar-contentGroups'?: undefined;
684
- '& .M4LSideBar-collapseButton'?: undefined;
916
+ '& .M4LSideBar-footer'?: undefined;
685
917
  } | {
686
918
  width: string;
687
919
  height: string;
@@ -690,10 +922,8 @@ export declare const M4LSideBar: (theme: Theme) => {
690
922
  "& .M4LSideBar-wrapperSideBar"?: undefined;
691
923
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
692
924
  '& .M4LSideBar-contentGroups'?: undefined;
693
- '& .M4LSideBar-collapseButton'?: undefined;
925
+ '& .M4LSideBar-footer'?: undefined;
694
926
  } | {
695
- height: string;
696
- width: string;
697
927
  '& .M4LSideBar-containerSideBarLogo': {
698
928
  display: string;
699
929
  justifyContent: string;
@@ -731,6 +961,7 @@ export declare const M4LSideBar: (theme: Theme) => {
731
961
  flexGrow: string;
732
962
  display: string;
733
963
  flexDirection: string;
964
+ gap: string;
734
965
  '& .M4LSideBar-contentGroupsLine': {
735
966
  display: string;
736
967
  height: string;
@@ -770,7 +1001,10 @@ export declare const M4LSideBar: (theme: Theme) => {
770
1001
  };
771
1002
  };
772
1003
  '&.M4LSideBar-itemMainActive': {
1004
+ background: string;
773
1005
  borderRadius: string;
1006
+ border: string;
1007
+ borderColor: string;
774
1008
  '& .M4LSideBar-navItemMainRoot': {
775
1009
  background: string;
776
1010
  '&:hover': {
@@ -865,6 +1099,8 @@ export declare const M4LSideBar: (theme: Theme) => {
865
1099
  backgroundColor: string;
866
1100
  gap: string;
867
1101
  "& .MuiButtonBase-root": {
1102
+ paddingLeft: string;
1103
+ padding: string;
868
1104
  "& .M4LIcon-root": {
869
1105
  "& .M4LIcon-icon": {
870
1106
  backgroundColor: string;
@@ -874,6 +1110,8 @@ export declare const M4LSideBar: (theme: Theme) => {
874
1110
  };
875
1111
  '& .M4LSideBar-subItemActive': {
876
1112
  "& .MuiButtonBase-root": {
1113
+ paddingLeft: string;
1114
+ padding: string;
877
1115
  "& .M4LIcon-root": {
878
1116
  "& .M4LIcon-icon": {
879
1117
  backgroundColor: string;
@@ -888,6 +1126,7 @@ export declare const M4LSideBar: (theme: Theme) => {
888
1126
  };
889
1127
  };
890
1128
  '&:hover': {
1129
+ padding: string;
891
1130
  background: string;
892
1131
  };
893
1132
  };
@@ -923,26 +1162,14 @@ export declare const M4LSideBar: (theme: Theme) => {
923
1162
  backgroundColor: string;
924
1163
  };
925
1164
  };
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;
1165
+ '& .M4LSideBar-footer': {
939
1166
  '& .M4LSideBar-containerLogoButton': {
940
1167
  display: string;
941
1168
  gap: string;
942
1169
  width: string;
943
1170
  };
944
1171
  '& .M4LSideBar-containerLogoButtonLogo': {
945
- width: string;
1172
+ minWidth: string;
946
1173
  height: string;
947
1174
  '& .M4LSideBar-containerLogoButtonIcon': {
948
1175
  display: string;
@@ -952,6 +1179,8 @@ export declare const M4LSideBar: (theme: Theme) => {
952
1179
  };
953
1180
  '& .M4LIcon-icon'?: undefined;
954
1181
  "& .M4LSideBar-wrapperSideBar"?: undefined;
1182
+ width?: undefined;
1183
+ height?: undefined;
955
1184
  padding?: undefined;
956
1185
  };
957
1186
  '& .M4LSideBar-subItemActive': {
@@ -979,8 +1208,6 @@ export declare const M4LSideBar: (theme: Theme) => {
979
1208
  };
980
1209
  };
981
1210
  '& .M4LSideBar-wrapperSideBar': {
982
- height: string;
983
- width: string;
984
1211
  '& .M4LSideBar-containerSideBarLogo': {
985
1212
  display: string;
986
1213
  justifyContent: string;
@@ -1018,6 +1245,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1018
1245
  flexGrow: string;
1019
1246
  display: string;
1020
1247
  flexDirection: string;
1248
+ gap: string;
1021
1249
  '& .M4LSideBar-contentGroupsLine': {
1022
1250
  display: string;
1023
1251
  height: string;
@@ -1057,7 +1285,10 @@ export declare const M4LSideBar: (theme: Theme) => {
1057
1285
  };
1058
1286
  };
1059
1287
  '&.M4LSideBar-itemMainActive': {
1288
+ background: string;
1060
1289
  borderRadius: string;
1290
+ border: string;
1291
+ borderColor: string;
1061
1292
  '& .M4LSideBar-navItemMainRoot': {
1062
1293
  background: string;
1063
1294
  '&:hover': {
@@ -1152,6 +1383,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1152
1383
  backgroundColor: string;
1153
1384
  gap: string;
1154
1385
  "& .MuiButtonBase-root": {
1386
+ paddingLeft: string;
1387
+ padding: string;
1155
1388
  "& .M4LIcon-root": {
1156
1389
  "& .M4LIcon-icon": {
1157
1390
  backgroundColor: string;
@@ -1161,6 +1394,8 @@ export declare const M4LSideBar: (theme: Theme) => {
1161
1394
  };
1162
1395
  '& .M4LSideBar-subItemActive': {
1163
1396
  "& .MuiButtonBase-root": {
1397
+ paddingLeft: string;
1398
+ padding: string;
1164
1399
  "& .M4LIcon-root": {
1165
1400
  "& .M4LIcon-icon": {
1166
1401
  backgroundColor: string;
@@ -1175,6 +1410,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1175
1410
  };
1176
1411
  };
1177
1412
  '&:hover': {
1413
+ padding: string;
1178
1414
  background: string;
1179
1415
  };
1180
1416
  };
@@ -1210,26 +1446,14 @@ export declare const M4LSideBar: (theme: Theme) => {
1210
1446
  backgroundColor: string;
1211
1447
  };
1212
1448
  };
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;
1449
+ '& .M4LSideBar-footer': {
1226
1450
  '& .M4LSideBar-containerLogoButton': {
1227
1451
  display: string;
1228
1452
  gap: string;
1229
1453
  width: string;
1230
1454
  };
1231
1455
  '& .M4LSideBar-containerLogoButtonLogo': {
1232
- width: string;
1456
+ minWidth: string;
1233
1457
  height: string;
1234
1458
  '& .M4LSideBar-containerLogoButtonIcon': {
1235
1459
  display: string;
@@ -1275,6 +1499,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1275
1499
  '& .M4LSideBar-navListSubItemRoot': {
1276
1500
  '& .M4LSideBar-subItemActive': {
1277
1501
  '& .MuiButtonBase-root': {
1502
+ padding: string;
1278
1503
  '& .M4LIcon-root': {
1279
1504
  '& .M4LIcon-icon': {
1280
1505
  backgroundColor: string;
@@ -1287,6 +1512,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1287
1512
  '& .M4LSideBar-subItemActive': {
1288
1513
  height: string;
1289
1514
  "& .MuiButtonBase-root": {
1515
+ padding: string;
1290
1516
  "& .M4LIcon-root": {
1291
1517
  "& .M4LIcon-icon": {
1292
1518
  backgroundColor: string;
@@ -1306,6 +1532,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1306
1532
  backgroundColor: string;
1307
1533
  };
1308
1534
  '&:hover': {
1535
+ padding: string;
1309
1536
  background: string;
1310
1537
  };
1311
1538
  };
@@ -1344,6 +1571,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1344
1571
  '& .M4LSideBar-navListSubItemRoot': {
1345
1572
  '& .M4LSideBar-subItemActive': {
1346
1573
  '& .MuiButtonBase-root': {
1574
+ padding: string;
1347
1575
  '& .M4LIcon-root': {
1348
1576
  '& .M4LIcon-icon': {
1349
1577
  backgroundColor: string;
@@ -1356,6 +1584,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1356
1584
  '& .M4LSideBar-subItemActive': {
1357
1585
  height: string;
1358
1586
  "& .MuiButtonBase-root": {
1587
+ padding: string;
1359
1588
  "& .M4LIcon-root": {
1360
1589
  "& .M4LIcon-icon": {
1361
1590
  backgroundColor: string;
@@ -1375,6 +1604,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1375
1604
  backgroundColor: string;
1376
1605
  };
1377
1606
  '&:hover': {
1607
+ padding: string;
1378
1608
  background: string;
1379
1609
  };
1380
1610
  };
@@ -1401,7 +1631,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1401
1631
  height: string;
1402
1632
  display: string;
1403
1633
  flexDirection: string;
1404
- paddingTop: string;
1634
+ padding: string;
1405
1635
  '& .M4LSideBar-containerSideBarLogo': {
1406
1636
  display: string;
1407
1637
  justifyContent: string;
@@ -1451,7 +1681,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1451
1681
  };
1452
1682
  '& .M4LSideBar-wrapperGroup': {
1453
1683
  height: string;
1454
- padding: string;
1455
1684
  '& .M4LSideBar-wrapperGroupTitle': {
1456
1685
  height: string;
1457
1686
  padding: string;
@@ -1485,6 +1714,9 @@ export declare const M4LSideBar: (theme: Theme) => {
1485
1714
  };
1486
1715
  '&.M4LSideBar-itemMainActive': {
1487
1716
  borderRadius: string;
1717
+ background: string;
1718
+ border: string;
1719
+ borderColor: string;
1488
1720
  '& .M4LSideBar-navItemMainRoot': {
1489
1721
  background: string;
1490
1722
  '&:hover': {
@@ -1576,10 +1808,13 @@ export declare const M4LSideBar: (theme: Theme) => {
1576
1808
  height: string;
1577
1809
  borderRadius: string;
1578
1810
  gap: string;
1811
+ padding: string;
1579
1812
  '&.M4LSideBar-subItemCollapseActive': {
1580
1813
  backgroundColor: string;
1581
1814
  gap: string;
1815
+ padding: string;
1582
1816
  "& .MuiButtonBase-root": {
1817
+ padding: string;
1583
1818
  "& .M4LIcon-root": {
1584
1819
  "& .M4LIcon-icon": {
1585
1820
  backgroundColor: string;
@@ -1589,6 +1824,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1589
1824
  };
1590
1825
  '& .M4LSideBar-subItemActive': {
1591
1826
  "& .MuiButtonBase-root": {
1827
+ padding: string;
1592
1828
  "& .M4LIcon-root": {
1593
1829
  "& .M4LIcon-icon": {
1594
1830
  backgroundColor: string;
@@ -1603,6 +1839,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1603
1839
  };
1604
1840
  };
1605
1841
  '&:hover': {
1842
+ padding: string;
1606
1843
  background: string;
1607
1844
  };
1608
1845
  };
@@ -1646,25 +1883,14 @@ export declare const M4LSideBar: (theme: Theme) => {
1646
1883
  backgroundColor: string;
1647
1884
  };
1648
1885
  };
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;
1886
+ '& .M4LSideBar-footer': {
1661
1887
  '& .M4LSideBar-containerLogoButton': {
1662
1888
  display: string;
1663
1889
  gap: string;
1664
1890
  width: string;
1665
1891
  };
1666
1892
  '& .M4LSideBar-containerLogoButtonLogo': {
1667
- width: string;
1893
+ minWidth: string;
1668
1894
  height: string;
1669
1895
  '& .M4LSideBar-containerLogoButtonIcon': {
1670
1896
  display: string;
@@ -1759,6 +1985,9 @@ export declare const M4LSideBar: (theme: Theme) => {
1759
1985
  };
1760
1986
  '&.M4LSideBar-itemMainActive': {
1761
1987
  borderRadius: string;
1988
+ background: string;
1989
+ border: string;
1990
+ borderColor: string;
1762
1991
  '& .M4LSideBar-navItemMainRoot': {
1763
1992
  background: string;
1764
1993
  '&:hover': {
@@ -1851,10 +2080,12 @@ export declare const M4LSideBar: (theme: Theme) => {
1851
2080
  height: string;
1852
2081
  borderRadius: string;
1853
2082
  gap: string;
2083
+ padding: string;
1854
2084
  '&.M4LSideBar-subItemCollapseActive': {
1855
2085
  backgroundColor: string;
1856
2086
  gap: string;
1857
2087
  "& .MuiButtonBase-root": {
2088
+ padding: string;
1858
2089
  "& .M4LIcon-root": {
1859
2090
  "& .M4LIcon-icon": {
1860
2091
  backgroundColor: string;
@@ -1864,6 +2095,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1864
2095
  };
1865
2096
  '& .M4LSideBar-subItemActive': {
1866
2097
  "& .MuiButtonBase-root": {
2098
+ padding: string;
1867
2099
  "& .M4LIcon-root": {
1868
2100
  "& .M4LIcon-icon": {
1869
2101
  backgroundColor: string;
@@ -1878,6 +2110,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1878
2110
  };
1879
2111
  };
1880
2112
  '&:hover': {
2113
+ padding: string;
1881
2114
  background: string;
1882
2115
  };
1883
2116
  };
@@ -1997,6 +2230,9 @@ export declare const M4LSideBar: (theme: Theme) => {
1997
2230
  };
1998
2231
  '&.M4LSideBar-itemMainActive': {
1999
2232
  borderRadius: string;
2233
+ background: string;
2234
+ border: string;
2235
+ borderColor: string;
2000
2236
  '& .M4LSideBar-navItemMainRoot': {
2001
2237
  background: string;
2002
2238
  '&:hover': {
@@ -2087,10 +2323,12 @@ export declare const M4LSideBar: (theme: Theme) => {
2087
2323
  height: string;
2088
2324
  borderRadius: string;
2089
2325
  gap: string;
2326
+ padding: string;
2090
2327
  '&.M4LSideBar-subItemCollapseActive': {
2091
2328
  backgroundColor: string;
2092
2329
  gap: string;
2093
2330
  "& .MuiButtonBase-root": {
2331
+ padding: string;
2094
2332
  "& .M4LIcon-root": {
2095
2333
  "& .M4LIcon-icon": {
2096
2334
  backgroundColor: string;
@@ -2100,6 +2338,7 @@ export declare const M4LSideBar: (theme: Theme) => {
2100
2338
  };
2101
2339
  '& .M4LSideBar-subItemActive': {
2102
2340
  "& .MuiButtonBase-root": {
2341
+ padding: string;
2103
2342
  "& .M4LIcon-root": {
2104
2343
  "& .M4LIcon-icon": {
2105
2344
  backgroundColor: string;
@@ -2115,6 +2354,7 @@ export declare const M4LSideBar: (theme: Theme) => {
2115
2354
  };
2116
2355
  '&:hover': {
2117
2356
  background: string;
2357
+ padding: string;
2118
2358
  };
2119
2359
  };
2120
2360
  '& .M4LSideBar-navSubItemContentRoot': {
@@ -2149,25 +2389,14 @@ export declare const M4LSideBar: (theme: Theme) => {
2149
2389
  backgroundColor: string;
2150
2390
  };
2151
2391
  };
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;
2392
+ '& .M4LSideBar-footer': {
2164
2393
  '& .M4LSideBar-containerLogoButton': {
2165
2394
  display: string;
2166
2395
  gap: string;
2167
2396
  width: string;
2168
2397
  };
2169
2398
  '& .M4LSideBar-containerLogoButtonLogo': {
2170
- width: string;
2399
+ minWidth: string;
2171
2400
  height: string;
2172
2401
  '& .M4LSideBar-containerLogoButtonIcon': {
2173
2402
  display: string;
@@ -2184,25 +2413,14 @@ export declare const M4LSideBar: (theme: Theme) => {
2184
2413
  backgroundColor: string;
2185
2414
  };
2186
2415
  };
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;
2416
+ '& .M4LSideBar-footer': {
2199
2417
  '& .M4LSideBar-containerLogoButton': {
2200
2418
  display: string;
2201
2419
  gap: string;
2202
2420
  width: string;
2203
2421
  };
2204
2422
  '& .M4LSideBar-containerLogoButtonLogo': {
2205
- width: string;
2423
+ minWidth: string;
2206
2424
  height: string;
2207
2425
  '& .M4LSideBar-containerLogoButtonIcon': {
2208
2426
  display: string;