@m4l/styles 0.0.23 → 0.0.25

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 (50) hide show
  1. package/index.js +18 -18
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.605b5b1a.js → defaultThemeOptions.ce206b4e.js} +5 -5
  4. package/theme/index.8bbc9635.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +2 -4
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +64 -11
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +4 -8
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +12705 -5220
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +41 -7
  10. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +4 -1
  11. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +1 -1
  12. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +22 -1
  13. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +11 -10
  14. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +122 -25
  15. package/theme/overrides/M4LExtendedComponents/M4LGridLayout.d.ts +10 -0
  16. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +3 -17
  17. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +955 -4
  18. package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts +0 -3
  19. package/theme/overrides/M4LExtendedComponents/M4LNoItemSelected.d.ts +22 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +2 -3
  21. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +14 -1
  22. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +4 -1
  23. package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +17 -0
  24. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +265 -53
  25. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +31 -0
  26. package/theme/overrides/M4LExtendedComponents/M4LStack.d.ts +14 -0
  27. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +2 -1
  28. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +16 -0
  29. package/theme/overrides/M4LExtendedComponents/{index.566e183a.js → index.a0dbf03e.js} +896 -491
  30. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +2 -0
  31. package/theme/overrides/M4LRHFComponents/{index.0e107243.js → index.3df47466.js} +2 -0
  32. package/theme/overrides/MUIComponents/Avatar.d.ts +2 -0
  33. package/theme/overrides/MUIComponents/Button.d.ts +7 -0
  34. package/theme/overrides/MUIComponents/Input.d.ts +1 -1
  35. package/theme/overrides/MUIComponents/Menu.d.ts +1 -0
  36. package/theme/overrides/MUIComponents/{index.b9c696e9.js → index.56b4e9b3.js} +40 -29
  37. package/theme/overrides/index.5c0e3013.js +98 -0
  38. package/theme/{palette.688aaf56.js → palette.b6e02e1c.js} +53 -33
  39. package/theme/palette.d.ts +10 -6
  40. package/theme/{shadows.1b2f7a87.js → shadows.386e7ef4.js} +1 -1
  41. package/theme/{typography.86a19de9.js → typography.248c39d2.js} +4 -4
  42. package/types/augmentations.d.ts +1 -1
  43. package/types/types.d.ts +1 -1
  44. package/utils/getColorPresets.241c5bac.js +70 -0
  45. package/utils/getColorPresets.d.ts +1 -1
  46. package/utils/{getColorState.7b615773.js → getColorState.2c0892d1.js} +66 -54
  47. package/utils/getColorState.d.ts +1 -0
  48. package/theme/index.c8a2f20d.js +0 -7
  49. package/theme/overrides/index.ed4b5bcb.js +0 -93
  50. package/utils/getColorPresets.8106cfef.js +0 -70
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -4,11 +4,39 @@ export declare const M4LSideBar: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LSideBar-root': {
6
6
  [x: string]: string | {
7
- '& .M4LImage-root': {
8
- minWidth: string;
9
- minHeight: string;
10
- background: string;
7
+ "& .M4LIcon-icon": {
8
+ backgroundColor: string;
9
+ };
10
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
11
+ width?: undefined;
12
+ height?: undefined;
13
+ padding?: undefined;
14
+ '& .M4LSideBar-containerSideBarLogo'?: undefined;
15
+ '& .M4LSideBar-contentGroups'?: undefined;
16
+ '& .M4LSideBar-collapseButton'?: undefined;
17
+ display?: undefined;
18
+ flexDirection?: undefined;
19
+ paddingLeft?: undefined;
20
+ gap?: undefined;
21
+ } | {
22
+ "& .M4LSideBar-wrapperSideBar": {
23
+ width: string;
24
+ "& .M4LSideBar-contentDesktop": {
25
+ "& .M4LSideBar-containerSideBarLogo": {
26
+ marginTop: string;
27
+ "& .M4LSideBar-containerLogo": {
28
+ gap: string;
29
+ paddingLeft: string;
30
+ width: string;
31
+ '& .M4LImage-root': {
32
+ minWidth: string;
33
+ minHeight: string;
34
+ };
35
+ };
36
+ };
37
+ };
11
38
  };
39
+ "& .M4LIcon-icon"?: undefined;
12
40
  width?: undefined;
13
41
  height?: undefined;
14
42
  padding?: undefined;
@@ -18,22 +46,27 @@ export declare const M4LSideBar: (theme: Theme) => {
18
46
  display?: undefined;
19
47
  flexDirection?: undefined;
20
48
  paddingLeft?: undefined;
49
+ gap?: undefined;
21
50
  } | {
22
51
  width: string;
23
52
  height: string;
24
53
  padding: string;
25
- '& .M4LImage-root'?: undefined;
54
+ "& .M4LIcon-icon"?: undefined;
55
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
26
56
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
27
57
  '& .M4LSideBar-contentGroups'?: undefined;
28
58
  '& .M4LSideBar-collapseButton'?: undefined;
29
59
  display?: undefined;
30
60
  flexDirection?: undefined;
31
61
  paddingLeft?: undefined;
62
+ gap?: undefined;
32
63
  } | {
33
64
  height: string;
65
+ width: string;
34
66
  '& .M4LSideBar-containerSideBarLogo': {
35
67
  display: string;
36
68
  justifyContent: string;
69
+ marginTop: string;
37
70
  '& .M4LSideBar-containerLogo': {
38
71
  display: string;
39
72
  justifyContent: string;
@@ -43,6 +76,7 @@ export declare const M4LSideBar: (theme: Theme) => {
43
76
  paddingTop: string;
44
77
  paddingBottom: string;
45
78
  gap: string;
79
+ paddingLeft: string;
46
80
  '& .M4LTypography-root': {
47
81
  display: string;
48
82
  width: string;
@@ -59,6 +93,8 @@ export declare const M4LSideBar: (theme: Theme) => {
59
93
  boxShadow: string;
60
94
  padding: string;
61
95
  borderRadius: string;
96
+ minWidth: string;
97
+ minHeight: string;
62
98
  };
63
99
  };
64
100
  };
@@ -71,12 +107,13 @@ export declare const M4LSideBar: (theme: Theme) => {
71
107
  display: string;
72
108
  height: string;
73
109
  marginRight: string;
110
+ marginLeft: string;
74
111
  backgroundColor: string;
75
112
  };
76
113
  '& .M4LSideBar-wrapperGroup': {
77
114
  height: string;
115
+ paddingLeft: string;
78
116
  '& .M4LSideBar-wrapperGroupTitle': {
79
- padding: string;
80
117
  height: string;
81
118
  '& .M4LTypography-root': {
82
119
  display: string;
@@ -95,14 +132,17 @@ export declare const M4LSideBar: (theme: Theme) => {
95
132
  justifyContent: string;
96
133
  flexDirection: string;
97
134
  padding: string;
135
+ gap: string;
98
136
  '& .M4LSideBar-navItemMainRoot': {
99
137
  backgroundColor: string;
138
+ borderRadius: string;
100
139
  '&:hover': {
101
140
  background: string;
102
141
  cursor: string;
103
142
  };
104
143
  };
105
144
  '&.M4LSideBar-itemMainActive': {
145
+ borderRadius: string;
106
146
  '& .M4LSideBar-navItemMainRoot': {
107
147
  background: string;
108
148
  '&:hover': {
@@ -115,13 +155,22 @@ export declare const M4LSideBar: (theme: Theme) => {
115
155
  '& .M4LIcon-icon': {
116
156
  backgroundColor: string;
117
157
  };
118
- '& .MuiTypography-root': {
119
- color: string;
158
+ '& .M4LTypography-root': {
159
+ '& .MuiTypography-root': {
160
+ color: string;
161
+ };
120
162
  };
121
163
  '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
122
164
  backgroundColor: string;
123
165
  };
124
166
  };
167
+ '& .M4LSideBar-arrowIconRoot': {
168
+ "& .M4LIcon-root": {
169
+ "& .M4LIcon-icon": {
170
+ backgroundColor: string;
171
+ };
172
+ };
173
+ };
125
174
  '&::before': {
126
175
  content: string;
127
176
  width: string;
@@ -146,6 +195,8 @@ export declare const M4LSideBar: (theme: Theme) => {
146
195
  width: string;
147
196
  '& .M4LIcon-icon': {
148
197
  backgroundColor: string;
198
+ width: string;
199
+ height: string;
149
200
  };
150
201
  '& .M4LTypography-root': {
151
202
  display: string;
@@ -163,8 +214,20 @@ export declare const M4LSideBar: (theme: Theme) => {
163
214
  backgroundColor: string;
164
215
  };
165
216
  };
217
+ '& .M4LSideBar-arrowIconRoot': {
218
+ "& .M4LIcon-root": {
219
+ "& .M4LIcon-icon": {
220
+ background: string;
221
+ };
222
+ };
223
+ };
224
+ };
225
+ '& .M4LSideBar-containerListSubItem': {
226
+ paddingLeft: string;
166
227
  };
167
228
  '& .M4LSideBar-navListSubItemRoot': {
229
+ gap: string;
230
+ padding: string;
168
231
  '& .M4LSideBar-navSubItemContentRoot ': {
169
232
  width: string;
170
233
  height: string;
@@ -173,8 +236,22 @@ export declare const M4LSideBar: (theme: Theme) => {
173
236
  '&.M4LSideBar-subItemCollapseActive': {
174
237
  backgroundColor: string;
175
238
  gap: string;
239
+ "& .MuiButtonBase-root": {
240
+ "& .M4LIcon-root": {
241
+ "& .M4LIcon-icon": {
242
+ backgroundColor: string;
243
+ };
244
+ };
245
+ };
176
246
  };
177
- '&.M4LSideBar-subItemActive': {
247
+ '& .M4LSideBar-subItemActive': {
248
+ "& .MuiButtonBase-root": {
249
+ "& .M4LIcon-root": {
250
+ "& .M4LIcon-icon": {
251
+ backgroundColor: string;
252
+ };
253
+ };
254
+ };
178
255
  '& .M4LSideBar-navSubItemContentBullet': {
179
256
  height: string;
180
257
  borderRadius: string;
@@ -225,40 +302,50 @@ export declare const M4LSideBar: (theme: Theme) => {
225
302
  borderColor: string;
226
303
  justifyContent: string;
227
304
  marginRight: string;
305
+ marginLeft: string;
228
306
  gap: string;
307
+ alignItems: string;
308
+ height: string;
309
+ minHeight: string;
229
310
  '& .M4LSideBar-containerLogoButton': {
230
311
  display: string;
231
312
  gap: string;
232
- '& .M4LSideBar-containerLogoButtonLogo': {
233
- width: string;
234
- height: string;
235
- };
313
+ width: string;
314
+ };
315
+ '& .M4LSideBar-containerLogoButtonLogo': {
316
+ width: string;
317
+ height: string;
236
318
  '& .M4LSideBar-containerLogoButtonIcon': {
237
319
  display: string;
238
320
  alignItems: string;
239
321
  };
240
322
  };
241
323
  };
242
- '& .M4LImage-root'?: undefined;
243
- width?: undefined;
324
+ "& .M4LIcon-icon"?: undefined;
325
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
244
326
  padding?: undefined;
245
327
  display?: undefined;
246
328
  flexDirection?: undefined;
247
329
  paddingLeft?: undefined;
330
+ gap?: undefined;
248
331
  } | {
249
332
  width: string;
250
333
  display: string;
251
334
  flexDirection: string;
252
335
  paddingLeft: string;
253
- '& .M4LImage-root'?: undefined;
336
+ "& .M4LIcon-icon"?: undefined;
337
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
254
338
  height?: undefined;
255
339
  padding?: undefined;
256
340
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
257
341
  '& .M4LSideBar-contentGroups'?: undefined;
258
342
  '& .M4LSideBar-collapseButton'?: undefined;
343
+ gap?: undefined;
259
344
  } | {
260
345
  display: string;
261
- '& .M4LImage-root'?: undefined;
346
+ gap: string;
347
+ "& .M4LIcon-icon"?: undefined;
348
+ "& .M4LSideBar-wrapperSideBar"?: undefined;
262
349
  width?: undefined;
263
350
  height?: undefined;
264
351
  padding?: undefined;
@@ -273,19 +360,37 @@ export declare const M4LSideBar: (theme: Theme) => {
273
360
  background: string;
274
361
  paddingLeft: string;
275
362
  paddingBottom: string;
276
- boxShadow: string;
363
+ '& .M4LSideBar-subItemActive': {
364
+ "& .M4LIcon-icon": {
365
+ backgroundColor: string;
366
+ };
367
+ };
277
368
  '&.M4LSideBar-collapsed': {
278
- '& .M4LImage-root': {
279
- minWidth: string;
280
- minHeight: string;
281
- background: string;
369
+ "& .M4LSideBar-wrapperSideBar": {
370
+ width: string;
371
+ "& .M4LSideBar-contentDesktop": {
372
+ "& .M4LSideBar-containerSideBarLogo": {
373
+ marginTop: string;
374
+ "& .M4LSideBar-containerLogo": {
375
+ gap: string;
376
+ paddingLeft: string;
377
+ width: string;
378
+ '& .M4LImage-root': {
379
+ minWidth: string;
380
+ minHeight: string;
381
+ };
382
+ };
383
+ };
384
+ };
282
385
  };
283
386
  };
284
387
  '& .M4LSideBar-wrapperSideBar': {
285
388
  height: string;
389
+ width: string;
286
390
  '& .M4LSideBar-containerSideBarLogo': {
287
391
  display: string;
288
392
  justifyContent: string;
393
+ marginTop: string;
289
394
  '& .M4LSideBar-containerLogo': {
290
395
  display: string;
291
396
  justifyContent: string;
@@ -295,6 +400,7 @@ export declare const M4LSideBar: (theme: Theme) => {
295
400
  paddingTop: string;
296
401
  paddingBottom: string;
297
402
  gap: string;
403
+ paddingLeft: string;
298
404
  '& .M4LTypography-root': {
299
405
  display: string;
300
406
  width: string;
@@ -311,6 +417,8 @@ export declare const M4LSideBar: (theme: Theme) => {
311
417
  boxShadow: string;
312
418
  padding: string;
313
419
  borderRadius: string;
420
+ minWidth: string;
421
+ minHeight: string;
314
422
  };
315
423
  };
316
424
  };
@@ -323,12 +431,13 @@ export declare const M4LSideBar: (theme: Theme) => {
323
431
  display: string;
324
432
  height: string;
325
433
  marginRight: string;
434
+ marginLeft: string;
326
435
  backgroundColor: string;
327
436
  };
328
437
  '& .M4LSideBar-wrapperGroup': {
329
438
  height: string;
439
+ paddingLeft: string;
330
440
  '& .M4LSideBar-wrapperGroupTitle': {
331
- padding: string;
332
441
  height: string;
333
442
  '& .M4LTypography-root': {
334
443
  display: string;
@@ -347,14 +456,17 @@ export declare const M4LSideBar: (theme: Theme) => {
347
456
  justifyContent: string;
348
457
  flexDirection: string;
349
458
  padding: string;
459
+ gap: string;
350
460
  '& .M4LSideBar-navItemMainRoot': {
351
461
  backgroundColor: string;
462
+ borderRadius: string;
352
463
  '&:hover': {
353
464
  background: string;
354
465
  cursor: string;
355
466
  };
356
467
  };
357
468
  '&.M4LSideBar-itemMainActive': {
469
+ borderRadius: string;
358
470
  '& .M4LSideBar-navItemMainRoot': {
359
471
  background: string;
360
472
  '&:hover': {
@@ -367,13 +479,22 @@ export declare const M4LSideBar: (theme: Theme) => {
367
479
  '& .M4LIcon-icon': {
368
480
  backgroundColor: string;
369
481
  };
370
- '& .MuiTypography-root': {
371
- color: string;
482
+ '& .M4LTypography-root': {
483
+ '& .MuiTypography-root': {
484
+ color: string;
485
+ };
372
486
  };
373
487
  '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
374
488
  backgroundColor: string;
375
489
  };
376
490
  };
491
+ '& .M4LSideBar-arrowIconRoot': {
492
+ "& .M4LIcon-root": {
493
+ "& .M4LIcon-icon": {
494
+ backgroundColor: string;
495
+ };
496
+ };
497
+ };
377
498
  '&::before': {
378
499
  content: string;
379
500
  width: string;
@@ -398,6 +519,8 @@ export declare const M4LSideBar: (theme: Theme) => {
398
519
  width: string;
399
520
  '& .M4LIcon-icon': {
400
521
  backgroundColor: string;
522
+ width: string;
523
+ height: string;
401
524
  };
402
525
  '& .M4LTypography-root': {
403
526
  display: string;
@@ -415,8 +538,20 @@ export declare const M4LSideBar: (theme: Theme) => {
415
538
  backgroundColor: string;
416
539
  };
417
540
  };
541
+ '& .M4LSideBar-arrowIconRoot': {
542
+ "& .M4LIcon-root": {
543
+ "& .M4LIcon-icon": {
544
+ background: string;
545
+ };
546
+ };
547
+ };
548
+ };
549
+ '& .M4LSideBar-containerListSubItem': {
550
+ paddingLeft: string;
418
551
  };
419
552
  '& .M4LSideBar-navListSubItemRoot': {
553
+ gap: string;
554
+ padding: string;
420
555
  '& .M4LSideBar-navSubItemContentRoot ': {
421
556
  width: string;
422
557
  height: string;
@@ -425,8 +560,22 @@ export declare const M4LSideBar: (theme: Theme) => {
425
560
  '&.M4LSideBar-subItemCollapseActive': {
426
561
  backgroundColor: string;
427
562
  gap: string;
563
+ "& .MuiButtonBase-root": {
564
+ "& .M4LIcon-root": {
565
+ "& .M4LIcon-icon": {
566
+ backgroundColor: string;
567
+ };
568
+ };
569
+ };
428
570
  };
429
- '&.M4LSideBar-subItemActive': {
571
+ '& .M4LSideBar-subItemActive': {
572
+ "& .MuiButtonBase-root": {
573
+ "& .M4LIcon-root": {
574
+ "& .M4LIcon-icon": {
575
+ backgroundColor: string;
576
+ };
577
+ };
578
+ };
430
579
  '& .M4LSideBar-navSubItemContentBullet': {
431
580
  height: string;
432
581
  borderRadius: string;
@@ -477,14 +626,19 @@ export declare const M4LSideBar: (theme: Theme) => {
477
626
  borderColor: string;
478
627
  justifyContent: string;
479
628
  marginRight: string;
629
+ marginLeft: string;
480
630
  gap: string;
631
+ alignItems: string;
632
+ height: string;
633
+ minHeight: string;
481
634
  '& .M4LSideBar-containerLogoButton': {
482
635
  display: string;
483
636
  gap: string;
484
- '& .M4LSideBar-containerLogoButtonLogo': {
485
- width: string;
486
- height: string;
487
- };
637
+ width: string;
638
+ };
639
+ '& .M4LSideBar-containerLogoButtonLogo': {
640
+ width: string;
641
+ height: string;
488
642
  '& .M4LSideBar-containerLogoButtonIcon': {
489
643
  display: string;
490
644
  alignItems: string;
@@ -500,6 +654,7 @@ export declare const M4LSideBar: (theme: Theme) => {
500
654
  };
501
655
  '& .M4LSideBar-contentDesktop': {
502
656
  display: string;
657
+ gap: string;
503
658
  };
504
659
  };
505
660
  };
@@ -508,10 +663,13 @@ export declare const M4LSideBar: (theme: Theme) => {
508
663
  styleOverrides: {
509
664
  '&.M4LSideBar-popover': {
510
665
  '& .M4LSideBar-navListSubItemRoot': {
666
+ width: string;
667
+ height: string;
511
668
  '& .M4LSideBar-navSubItemContentRoot': {
512
669
  gap: string;
513
- margin: string;
514
670
  padding: string;
671
+ height: string;
672
+ borderRadius: string;
515
673
  '&.M4LSideBar-subItemCollapseActive': {
516
674
  backgroundColor: string;
517
675
  };
@@ -526,7 +684,15 @@ export declare const M4LSideBar: (theme: Theme) => {
526
684
  textWrap: string;
527
685
  };
528
686
  };
529
- '&.M4LSideBar-subItemActive': {
687
+ '& .M4LSideBar-subItemActive': {
688
+ height: string;
689
+ "& .MuiButtonBase-root": {
690
+ "& .M4LIcon-root": {
691
+ "& .M4LIcon-icon": {
692
+ backgroundColor: string;
693
+ };
694
+ };
695
+ };
530
696
  '& .M4LSideBar-navSubItemContentBullet': {
531
697
  height: string;
532
698
  borderRadius: string;
@@ -556,11 +722,11 @@ export declare const M4LSideBar: (theme: Theme) => {
556
722
  display: string;
557
723
  flexDirection: string;
558
724
  '& .M4LSideBar-containerSideBarLogo': {
559
- marginRight: string;
725
+ display: string;
726
+ justifyContent: string;
727
+ marginTop: string;
560
728
  '& .M4LSideBar-containerLogo': {
561
- height: string;
562
729
  display: string;
563
- flexDirection: string;
564
730
  justifyContent: string;
565
731
  alignItems: string;
566
732
  fitContent: string;
@@ -568,9 +734,9 @@ export declare const M4LSideBar: (theme: Theme) => {
568
734
  paddingTop: string;
569
735
  paddingBottom: string;
570
736
  gap: string;
737
+ paddingLeft: string;
571
738
  '& .M4LTypography-root': {
572
739
  display: string;
573
- justifyContent: string;
574
740
  width: string;
575
741
  '& .MuiTypography-root': {
576
742
  with: string;
@@ -585,6 +751,8 @@ export declare const M4LSideBar: (theme: Theme) => {
585
751
  boxShadow: string;
586
752
  padding: string;
587
753
  borderRadius: string;
754
+ minWidth: string;
755
+ minHeight: string;
588
756
  };
589
757
  };
590
758
  };
@@ -597,12 +765,13 @@ export declare const M4LSideBar: (theme: Theme) => {
597
765
  display: string;
598
766
  height: string;
599
767
  marginRight: string;
768
+ marginLeft: string;
600
769
  backgroundColor: string;
601
770
  };
602
771
  '& .M4LSideBar-wrapperGroup': {
603
772
  height: string;
773
+ paddingLeft: string;
604
774
  '& .M4LSideBar-wrapperGroupTitle': {
605
- padding: string;
606
775
  height: string;
607
776
  '& .M4LTypography-root': {
608
777
  display: string;
@@ -621,17 +790,22 @@ export declare const M4LSideBar: (theme: Theme) => {
621
790
  justifyContent: string;
622
791
  flexDirection: string;
623
792
  padding: string;
793
+ gap: string;
624
794
  '& .M4LSideBar-navItemMainRoot': {
625
795
  backgroundColor: string;
796
+ borderRadius: string;
626
797
  '&:hover': {
627
798
  background: string;
799
+ cursor: string;
628
800
  };
629
801
  };
630
802
  '&.M4LSideBar-itemMainActive': {
803
+ borderRadius: string;
631
804
  '& .M4LSideBar-navItemMainRoot': {
632
805
  background: string;
633
806
  '&:hover': {
634
807
  background: string;
808
+ cursor: string;
635
809
  };
636
810
  };
637
811
  '& .M4LSideBar-navItemRootContent': {
@@ -639,13 +813,22 @@ export declare const M4LSideBar: (theme: Theme) => {
639
813
  '& .M4LIcon-icon': {
640
814
  backgroundColor: string;
641
815
  };
642
- '& .MuiTypography-root': {
643
- color: string;
816
+ '& .M4LTypography-root': {
817
+ '& .MuiTypography-root': {
818
+ color: string;
819
+ };
644
820
  };
645
821
  '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
646
822
  backgroundColor: string;
647
823
  };
648
824
  };
825
+ '& .M4LSideBar-arrowIconRoot': {
826
+ "& .M4LIcon-root": {
827
+ "& .M4LIcon-icon": {
828
+ backgroundColor: string;
829
+ };
830
+ };
831
+ };
649
832
  '&::before': {
650
833
  content: string;
651
834
  width: string;
@@ -670,29 +853,53 @@ export declare const M4LSideBar: (theme: Theme) => {
670
853
  width: string;
671
854
  '& .M4LIcon-icon': {
672
855
  backgroundColor: string;
856
+ width: string;
857
+ height: string;
673
858
  };
674
- '& .MuiTypography-root': {
675
- color: string;
676
- textWrap: string;
677
- textOverflow: string;
859
+ '& .M4LTypography-root': {
678
860
  display: string;
861
+ flexGrow: string;
679
862
  overflow: string;
863
+ '& .MuiTypography-root': {
864
+ color: string;
865
+ textWrap: string;
866
+ textOverflow: string;
867
+ display: string;
868
+ overflow: string;
869
+ };
680
870
  };
681
871
  '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
682
872
  backgroundColor: string;
683
873
  };
684
874
  };
875
+ '& .M4LSideBar-arrowIconRoot': {
876
+ "& .M4LIcon-root": {
877
+ "& .M4LIcon-icon": {
878
+ background: string;
879
+ };
880
+ };
881
+ };
882
+ };
883
+ '& .M4LSideBar-containerListSubItem': {
884
+ paddingLeft: string;
685
885
  };
686
886
  '& .M4LSideBar-navListSubItemRoot': {
887
+ gap: string;
888
+ padding: string;
687
889
  '& .M4LSideBar-navSubItemContentRoot ': {
890
+ width: string;
891
+ height: string;
892
+ borderRadius: string;
893
+ gap: string;
688
894
  '&.M4LSideBar-subItemCollapseActive': {
689
895
  backgroundColor: string;
690
- };
691
- '&.M4LSideBar-subItemActive': {
692
- '& .M4LSideBar-navSubItemContentBullet': {
693
- height: string;
694
- borderRadius: string;
695
- backgroundColor: string;
896
+ gap: string;
897
+ "& .MuiButtonBase-root": {
898
+ "& .M4LIcon-root": {
899
+ "& .M4LIcon-icon": {
900
+ backgroundColor: string;
901
+ };
902
+ };
696
903
  };
697
904
  };
698
905
  '&:hover': {
@@ -738,14 +945,19 @@ export declare const M4LSideBar: (theme: Theme) => {
738
945
  borderColor: string;
739
946
  justifyContent: string;
740
947
  marginRight: string;
948
+ marginLeft: string;
741
949
  gap: string;
950
+ alignItems: string;
951
+ height: string;
952
+ minHeight: string;
742
953
  '& .M4LSideBar-containerLogoButton': {
743
954
  display: string;
744
955
  gap: string;
745
- '& .M4LSideBar-containerLogoButtonLogo': {
746
- width: string;
747
- height: string;
748
- };
956
+ width: string;
957
+ };
958
+ '& .M4LSideBar-containerLogoButtonLogo': {
959
+ width: string;
960
+ height: string;
749
961
  '& .M4LSideBar-containerLogoButtonIcon': {
750
962
  display: string;
751
963
  alignItems: string;