@m4l/styles 7.1.28 → 7.1.29-16062025.beta.1

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 (27) hide show
  1. package/index.js +55 -47
  2. package/package.json +1 -1
  3. package/theme/overrides/MUIComponents/ControlLabel.d.ts +1 -1
  4. package/theme/overrides/MUIComponents/TreeView.d.ts +1 -1
  5. package/theme/overrides/index.js +79 -83
  6. package/theme/palette/baseChipsPalette.js +58 -58
  7. package/theme/palette/baseColors.js +30 -30
  8. package/theme/palette/baseOpacityColors.js +5 -5
  9. package/theme/palette/defaultColors.js +33 -20
  10. package/theme/palette/index.d.ts +4 -0
  11. package/theme/palette/presetColors.js +154 -93
  12. package/theme/palette/semanticColors.js +104 -54
  13. package/theme/shadows.js +52 -60
  14. package/theme/sizes/size.js +3 -3
  15. package/theme/typography/baseWeight.js +3 -4
  16. package/theme/typography/types.d.ts +3 -4
  17. package/theme/typography/typography.js +3 -3
  18. package/theme/typography/typographySizes.js +108 -108
  19. package/types/augmentations.d.ts +2 -0
  20. package/types/types.d.ts +10 -0
  21. package/utils/getPaletteByPreset.d.ts +26 -2
  22. package/utils/getPaletteByPreset.js +99 -103
  23. package/utils/getUserThemeOptions.js +20 -18
  24. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +0 -358
  25. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.js +0 -393
  26. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +0 -2441
  27. package/theme/overrides/M4LExtendedComponents/M4LSideBar.js +0 -1747
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts DELETED
@@ -1,2441 +0,0 @@
1
- import { Theme, CssVarsTheme } from '@mui/material/styles';
2
- /**
3
- * M4LSideBar overrides
4
- */
5
- export declare const M4LSideBar: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
6
- M4LSideBar: {
7
- styleOverrides: {
8
- '&.M4LSideBar-root': {
9
- '&.M4LSideBar-collapsed': {};
10
- '& .M4LSideBar-wrapperSideBar': {
11
- height: string;
12
- transition: string;
13
- width: string;
14
- '& .M4LSideBar-areaExpandMenu': {
15
- position: string;
16
- zIndex: string;
17
- height: string;
18
- transition: string;
19
- width: string;
20
- '& .M4LSideBar-contentDesktop': {
21
- display: string;
22
- width: string;
23
- height: string;
24
- boxShadow: string;
25
- transition: string;
26
- '& .M4LSideBar-containerContentGroupsFooter': {
27
- flexGrow: string;
28
- display: string;
29
- flexDirection: string;
30
- height: string;
31
- position: string;
32
- borderRight: string;
33
- borderColor: string;
34
- backgroundColor: string;
35
- '& .M4LSideBar-contentGroups': {
36
- padding: string;
37
- '& .M4LSideBar-wrapperGroup': {
38
- overflow: string;
39
- padding: string;
40
- borderTop: string;
41
- borderBottom: string;
42
- borderColor: string;
43
- height: string;
44
- width: string;
45
- '& .M4LSideBar-navItemRootContent': {
46
- overflow: string;
47
- height: string;
48
- padding: string;
49
- display: string;
50
- alignItems: string;
51
- };
52
- };
53
- };
54
- '& .M4LSideBar-footer': {
55
- display: string;
56
- padding: string;
57
- borderTop: string;
58
- borderColor: string;
59
- justifyContent: string;
60
- gap: string;
61
- alignItems: string;
62
- height: string;
63
- minHeight: string;
64
- flexDirection: string;
65
- overflow: string;
66
- '& .M4LSideBar-wrapperLogoFooter': {
67
- width: string;
68
- height: string;
69
- '& .M4LSideBar-containerLogoButtonLogo': {
70
- display: string;
71
- justifyContent: string;
72
- alignItems: string;
73
- };
74
- };
75
- };
76
- };
77
- '& .M4LSideBar-collapseButtonSecondary': {
78
- height: string;
79
- cursor: string;
80
- };
81
- };
82
- };
83
- };
84
- };
85
- '&.M4LSideBar-root.M4LSideBar-variantDefault': {
86
- [x: string]: string | {
87
- width: string;
88
- height: string;
89
- minWidth: string;
90
- minHeight: string;
91
- '& .MuiButtonBase-root': {
92
- padding: string;
93
- width: string;
94
- height: string;
95
- };
96
- '& .M4LSideBar-collapseButton'?: undefined;
97
- position?: undefined;
98
- top?: undefined;
99
- right?: undefined;
100
- borderRadius?: undefined;
101
- backgroundColor?: undefined;
102
- transition?: undefined;
103
- boxShadow?: undefined;
104
- zIndex?: undefined;
105
- opacity?: undefined;
106
- padding?: undefined;
107
- '& .M4LIcon-icon'?: undefined;
108
- '& .M4LSideBar-wrapperSideBar'?: undefined;
109
- '& .M4LSideBar-containerSideBarLogo'?: undefined;
110
- '& .M4LSideBar-contentGroups'?: undefined;
111
- '& .M4LSideBar-footer'?: undefined;
112
- } | {
113
- '& .M4LSideBar-collapseButton': {
114
- opacity: string;
115
- transition: string;
116
- };
117
- width?: undefined;
118
- height?: undefined;
119
- minWidth?: undefined;
120
- minHeight?: undefined;
121
- '& .MuiButtonBase-root'?: undefined;
122
- position?: undefined;
123
- top?: undefined;
124
- right?: undefined;
125
- borderRadius?: undefined;
126
- backgroundColor?: undefined;
127
- transition?: undefined;
128
- boxShadow?: undefined;
129
- zIndex?: undefined;
130
- opacity?: undefined;
131
- padding?: undefined;
132
- '& .M4LIcon-icon'?: undefined;
133
- '& .M4LSideBar-wrapperSideBar'?: undefined;
134
- '& .M4LSideBar-containerSideBarLogo'?: undefined;
135
- '& .M4LSideBar-contentGroups'?: undefined;
136
- '& .M4LSideBar-footer'?: undefined;
137
- } | {
138
- position: string;
139
- top: string;
140
- right: string;
141
- borderRadius: string;
142
- backgroundColor: string;
143
- transition: string;
144
- boxShadow: string;
145
- zIndex: string;
146
- width?: undefined;
147
- height?: undefined;
148
- minWidth?: undefined;
149
- minHeight?: undefined;
150
- '& .MuiButtonBase-root'?: undefined;
151
- '& .M4LSideBar-collapseButton'?: undefined;
152
- opacity?: undefined;
153
- padding?: undefined;
154
- '& .M4LIcon-icon'?: undefined;
155
- '& .M4LSideBar-wrapperSideBar'?: undefined;
156
- '& .M4LSideBar-containerSideBarLogo'?: undefined;
157
- '& .M4LSideBar-contentGroups'?: undefined;
158
- '& .M4LSideBar-footer'?: undefined;
159
- } | {
160
- opacity: number;
161
- transition: string;
162
- width?: undefined;
163
- height?: undefined;
164
- minWidth?: undefined;
165
- minHeight?: undefined;
166
- '& .MuiButtonBase-root'?: undefined;
167
- '& .M4LSideBar-collapseButton'?: undefined;
168
- position?: undefined;
169
- top?: undefined;
170
- right?: undefined;
171
- borderRadius?: undefined;
172
- backgroundColor?: undefined;
173
- boxShadow?: undefined;
174
- zIndex?: undefined;
175
- padding?: undefined;
176
- '& .M4LIcon-icon'?: undefined;
177
- '& .M4LSideBar-wrapperSideBar'?: undefined;
178
- '& .M4LSideBar-containerSideBarLogo'?: undefined;
179
- '& .M4LSideBar-contentGroups'?: undefined;
180
- '& .M4LSideBar-footer'?: undefined;
181
- } | {
182
- padding: string;
183
- '& .M4LIcon-icon': {
184
- backgroundColor: string;
185
- };
186
- width?: undefined;
187
- height?: undefined;
188
- minWidth?: undefined;
189
- minHeight?: undefined;
190
- '& .MuiButtonBase-root'?: undefined;
191
- '& .M4LSideBar-collapseButton'?: undefined;
192
- position?: undefined;
193
- top?: undefined;
194
- right?: undefined;
195
- borderRadius?: undefined;
196
- backgroundColor?: undefined;
197
- transition?: undefined;
198
- boxShadow?: undefined;
199
- zIndex?: undefined;
200
- opacity?: undefined;
201
- '& .M4LSideBar-wrapperSideBar'?: undefined;
202
- '& .M4LSideBar-containerSideBarLogo'?: undefined;
203
- '& .M4LSideBar-contentGroups'?: undefined;
204
- '& .M4LSideBar-footer'?: undefined;
205
- } | {
206
- '& .M4LSideBar-wrapperSideBar': {
207
- '& .M4LSideBar-contentDesktop': {
208
- '& .M4LSideBar-containerSideBarLogo': {
209
- marginTop: string;
210
- '& .M4LSideBar-containerLogo': {
211
- gap: string;
212
- paddingLeft: string;
213
- width: string;
214
- '& .M4LImage-root': {
215
- minWidth: string;
216
- minHeight: string;
217
- };
218
- };
219
- };
220
- };
221
- };
222
- width?: undefined;
223
- height?: undefined;
224
- minWidth?: undefined;
225
- minHeight?: undefined;
226
- '& .MuiButtonBase-root'?: undefined;
227
- '& .M4LSideBar-collapseButton'?: undefined;
228
- position?: undefined;
229
- top?: undefined;
230
- right?: undefined;
231
- borderRadius?: undefined;
232
- backgroundColor?: undefined;
233
- transition?: undefined;
234
- boxShadow?: undefined;
235
- zIndex?: undefined;
236
- opacity?: undefined;
237
- padding?: undefined;
238
- '& .M4LIcon-icon'?: undefined;
239
- '& .M4LSideBar-containerSideBarLogo'?: undefined;
240
- '& .M4LSideBar-contentGroups'?: undefined;
241
- '& .M4LSideBar-footer'?: undefined;
242
- } | {
243
- width: string;
244
- height: string;
245
- padding: string;
246
- minWidth?: undefined;
247
- minHeight?: undefined;
248
- '& .MuiButtonBase-root'?: undefined;
249
- '& .M4LSideBar-collapseButton'?: undefined;
250
- position?: undefined;
251
- top?: undefined;
252
- right?: undefined;
253
- borderRadius?: undefined;
254
- backgroundColor?: undefined;
255
- transition?: undefined;
256
- boxShadow?: undefined;
257
- zIndex?: undefined;
258
- opacity?: undefined;
259
- '& .M4LIcon-icon'?: undefined;
260
- '& .M4LSideBar-wrapperSideBar'?: undefined;
261
- '& .M4LSideBar-containerSideBarLogo'?: undefined;
262
- '& .M4LSideBar-contentGroups'?: undefined;
263
- '& .M4LSideBar-footer'?: undefined;
264
- } | {
265
- '& .M4LSideBar-containerSideBarLogo': {
266
- display: string;
267
- justifyContent: string;
268
- marginTop: string;
269
- '& .M4LSideBar-containerLogo': {
270
- display: string;
271
- justifyContent: string;
272
- alignItems: string;
273
- fitContent: string;
274
- boxSizing: string;
275
- paddingTop: string;
276
- paddingBottom: string;
277
- gap: string;
278
- paddingLeft: string;
279
- '& .M4LTypography-root': {
280
- display: string;
281
- width: string;
282
- '& .MuiTypography-root': {
283
- with: string;
284
- overflow: string;
285
- textOverflow: string;
286
- textWrap: string;
287
- };
288
- };
289
- '& .M4LImage-root': {
290
- position: string;
291
- padding: string;
292
- minWidth: string;
293
- minHeight: string;
294
- };
295
- };
296
- };
297
- '& .M4LSideBar-contentGroups': {
298
- overflow: string;
299
- flexGrow: string;
300
- display: string;
301
- flexDirection: string;
302
- '& .M4LSideBar-contentGroupsLine': {
303
- display: string;
304
- height: string;
305
- marginRight: string;
306
- marginLeft: string;
307
- backgroundColor: string;
308
- };
309
- '& .M4LSideBar-wrapperGroup': {
310
- height: string;
311
- '& .M4LScrollBar-root': {
312
- overflow: string;
313
- height: string;
314
- gap: string;
315
- };
316
- '& .M4LSideBar-wrapperGroupTitle': {
317
- height: string;
318
- padding: string;
319
- display: string;
320
- alignItems: string;
321
- '& .M4LTypography-root': {
322
- display: string;
323
- width: string;
324
- '& .MuiTypography-root': {
325
- textTransform: string;
326
- fontWeight: string;
327
- with: string;
328
- overflow: string;
329
- textOverflow: string;
330
- textWrap: string;
331
- };
332
- };
333
- };
334
- '& .M4LSideBar-itemListMainRoot': {
335
- display: string;
336
- borderRadius: string;
337
- justifyContent: string;
338
- flexDirection: string;
339
- gap: string;
340
- height: string;
341
- marginBottom: string;
342
- '& .M4LSideBar-navItemMainRoot': {
343
- backgroundColor: string;
344
- borderRadius: string;
345
- '&:hover': {
346
- background: string;
347
- cursor: string;
348
- };
349
- };
350
- '&.M4LSideBar-itemMainActive': {
351
- borderRadius: string;
352
- height: string;
353
- overflow: string;
354
- '& .M4LSideBar-navItemMainRoot': {
355
- background: string;
356
- border: string;
357
- borderColor: string;
358
- boxShadow: string;
359
- '&:hover': {
360
- background: string;
361
- cursor: string;
362
- };
363
- };
364
- '& .M4LSideBar-navItemRootContent': {
365
- '& .M4LSideBar-navItemRootContentIconTypo': {
366
- alignItems: string;
367
- '& .M4LIcon-icon': {
368
- backgroundColor: string;
369
- };
370
- '& .M4LTypography-root': {
371
- '& .MuiTypography-root': {
372
- color: string;
373
- };
374
- };
375
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
376
- backgroundColor: string;
377
- };
378
- };
379
- '& .M4LSideBar-arrowIconRoot': {
380
- '& .M4LIcon-root': {
381
- '& .M4LIcon-icon': {
382
- backgroundColor: string;
383
- };
384
- };
385
- };
386
- '&::before': {
387
- content: string;
388
- width: string;
389
- height: string;
390
- top: string;
391
- bottom: string;
392
- left: string;
393
- backgroundColor: string;
394
- borderRadius: string;
395
- position: string;
396
- };
397
- };
398
- };
399
- '& .M4LSideBar-navItemRootContent': {
400
- display: string;
401
- padding: string;
402
- borderRadius: string;
403
- position: string;
404
- '& .M4LSideBar-navItemRootContentIconTypo': {
405
- display: string;
406
- gap: string;
407
- width: string;
408
- '& .M4LIcon-icon': {
409
- backgroundColor: string;
410
- width: string;
411
- height: string;
412
- };
413
- '& .M4LTypography-root': {
414
- display: string;
415
- flexGrow: string;
416
- overflow: string;
417
- '& .MuiTypography-root': {
418
- color: string;
419
- textWrap: string;
420
- textOverflow: string;
421
- display: string;
422
- overflow: string;
423
- };
424
- };
425
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
426
- backgroundColor: string;
427
- };
428
- };
429
- '& .M4LSideBar-arrowIconRoot': {
430
- '& .M4LIcon-root': {
431
- '& .M4LIcon-icon': {
432
- background: string;
433
- };
434
- };
435
- };
436
- };
437
- '& .M4LSideBar-containerListSubItem': {
438
- paddingLeft: string;
439
- };
440
- '& .M4LSideBar-navListSubItemRoot': {
441
- gap: string;
442
- padding: string;
443
- '& .M4LSideBar-navSubItemContentRoot ': {
444
- padding: string;
445
- width: string;
446
- height: string;
447
- borderRadius: string;
448
- gap: string;
449
- '&.M4LSideBar-subItemCollapseActive': {
450
- backgroundColor: string;
451
- gap: string;
452
- border: string;
453
- borderColor: string;
454
- '& .MuiButtonBase-root': {
455
- padding: string;
456
- '& .M4LIcon-root': {
457
- '& .M4LIcon-icon': {
458
- backgroundColor: string;
459
- };
460
- };
461
- };
462
- };
463
- '& .M4LSideBar-subItemActive': {
464
- '& .MuiButtonBase-root': {
465
- padding: string;
466
- '& .M4LIcon-root': {
467
- '& .M4LIcon-icon': {};
468
- };
469
- '& .M4LTypography-root': {
470
- '& .MuiTypography-root': {};
471
- };
472
- };
473
- '& .M4LSideBar-navSubItemContentBullet': {
474
- height: string;
475
- borderRadius: string;
476
- backgroundColor: string;
477
- gap: string;
478
- };
479
- };
480
- '&:hover': {
481
- background: string;
482
- padding: string;
483
- };
484
- };
485
- '& .M4LSideBar-navSubItemContentRoot': {
486
- gap: string;
487
- margin: string;
488
- '& .M4LSideBar-navSubItemContentBullet': {
489
- minWidth: string;
490
- minHeight: string;
491
- borderRadius: string;
492
- backgroundColor: string;
493
- };
494
- '& .M4LTypography-root': {
495
- display: string;
496
- width: string;
497
- '& .MuiTypography-root': {
498
- color: string;
499
- with: string;
500
- overflow: string;
501
- textOverflow: string;
502
- textWrap: string;
503
- };
504
- };
505
- '&.M4LSideBar-subItemActive.M4LSideBar-navSubItemContentRoot': {
506
- '& .M4LTypography-root': {
507
- color: string;
508
- '& .MuiTypography-root': {
509
- color: string;
510
- };
511
- };
512
- };
513
- };
514
- };
515
- '& .MuiCollapse-root': {
516
- marginLeft: string;
517
- };
518
- };
519
- };
520
- '& .M4LIcon-root .M4LIcon-icon': {
521
- backgroundColor: string;
522
- };
523
- };
524
- '& .M4LSideBar-footer': {
525
- '& .M4LSideBar-containerLogoButton': {
526
- display: string;
527
- gap: string;
528
- width: string;
529
- };
530
- '& .M4LSideBar-containerLogoButtonLogo': {
531
- minWidth: string;
532
- height: string;
533
- };
534
- };
535
- width?: undefined;
536
- height?: undefined;
537
- minWidth?: undefined;
538
- minHeight?: undefined;
539
- '& .MuiButtonBase-root'?: undefined;
540
- '& .M4LSideBar-collapseButton'?: undefined;
541
- position?: undefined;
542
- top?: undefined;
543
- right?: undefined;
544
- borderRadius?: undefined;
545
- backgroundColor?: undefined;
546
- transition?: undefined;
547
- boxShadow?: undefined;
548
- zIndex?: undefined;
549
- opacity?: undefined;
550
- padding?: undefined;
551
- '& .M4LIcon-icon'?: undefined;
552
- '& .M4LSideBar-wrapperSideBar'?: undefined;
553
- };
554
- height: string;
555
- background: string;
556
- position: string;
557
- '& .M4LIconButton-sizeSmall': {
558
- width: string;
559
- height: string;
560
- minWidth: string;
561
- minHeight: string;
562
- '& .MuiButtonBase-root': {
563
- padding: string;
564
- width: string;
565
- height: string;
566
- };
567
- };
568
- '&:hover': {
569
- '& .M4LSideBar-collapseButton': {
570
- opacity: string;
571
- transition: string;
572
- };
573
- };
574
- '& .M4LSideBar-collapseButton': {
575
- position: string;
576
- top: string;
577
- right: string;
578
- borderRadius: string;
579
- backgroundColor: string;
580
- transition: string;
581
- boxShadow: string;
582
- zIndex: string;
583
- };
584
- '&:not(.M4LSideBar-collapsed) .M4LSideBar-collapseButton': {
585
- opacity: number;
586
- transition: string;
587
- };
588
- '& .M4LSideBar-subItemActive': {
589
- padding: string;
590
- '& .M4LIcon-icon': {
591
- backgroundColor: string;
592
- };
593
- };
594
- '&.M4LSideBar-collapsed': {
595
- '& .M4LSideBar-wrapperSideBar': {
596
- '& .M4LSideBar-contentDesktop': {
597
- '& .M4LSideBar-containerSideBarLogo': {
598
- marginTop: string;
599
- '& .M4LSideBar-containerLogo': {
600
- gap: string;
601
- paddingLeft: string;
602
- width: string;
603
- '& .M4LImage-root': {
604
- minWidth: string;
605
- minHeight: string;
606
- };
607
- };
608
- };
609
- };
610
- };
611
- };
612
- '& .M4LSideBar-wrapperSideBar': {
613
- '& .M4LSideBar-containerSideBarLogo': {
614
- display: string;
615
- justifyContent: string;
616
- marginTop: string;
617
- '& .M4LSideBar-containerLogo': {
618
- display: string;
619
- justifyContent: string;
620
- alignItems: string;
621
- fitContent: string;
622
- boxSizing: string;
623
- paddingTop: string;
624
- paddingBottom: string;
625
- gap: string;
626
- paddingLeft: string;
627
- '& .M4LTypography-root': {
628
- display: string;
629
- width: string;
630
- '& .MuiTypography-root': {
631
- with: string;
632
- overflow: string;
633
- textOverflow: string;
634
- textWrap: string;
635
- };
636
- };
637
- '& .M4LImage-root': {
638
- position: string;
639
- padding: string;
640
- minWidth: string;
641
- minHeight: string;
642
- };
643
- };
644
- };
645
- '& .M4LSideBar-contentGroups': {
646
- overflow: string;
647
- flexGrow: string;
648
- display: string;
649
- flexDirection: string;
650
- '& .M4LSideBar-contentGroupsLine': {
651
- display: string;
652
- height: string;
653
- marginRight: string;
654
- marginLeft: string;
655
- backgroundColor: string;
656
- };
657
- '& .M4LSideBar-wrapperGroup': {
658
- height: string;
659
- '& .M4LScrollBar-root': {
660
- overflow: string;
661
- height: string;
662
- gap: string;
663
- };
664
- '& .M4LSideBar-wrapperGroupTitle': {
665
- height: string;
666
- padding: string;
667
- display: string;
668
- alignItems: string;
669
- '& .M4LTypography-root': {
670
- display: string;
671
- width: string;
672
- '& .MuiTypography-root': {
673
- textTransform: string;
674
- fontWeight: string;
675
- with: string;
676
- overflow: string;
677
- textOverflow: string;
678
- textWrap: string;
679
- };
680
- };
681
- };
682
- '& .M4LSideBar-itemListMainRoot': {
683
- display: string;
684
- borderRadius: string;
685
- justifyContent: string;
686
- flexDirection: string;
687
- gap: string;
688
- height: string;
689
- marginBottom: string;
690
- '& .M4LSideBar-navItemMainRoot': {
691
- backgroundColor: string;
692
- borderRadius: string;
693
- '&:hover': {
694
- background: string;
695
- cursor: string;
696
- };
697
- };
698
- '&.M4LSideBar-itemMainActive': {
699
- borderRadius: string;
700
- height: string;
701
- overflow: string;
702
- '& .M4LSideBar-navItemMainRoot': {
703
- background: string;
704
- border: string;
705
- borderColor: string;
706
- boxShadow: string;
707
- '&:hover': {
708
- background: string;
709
- cursor: string;
710
- };
711
- };
712
- '& .M4LSideBar-navItemRootContent': {
713
- '& .M4LSideBar-navItemRootContentIconTypo': {
714
- alignItems: string;
715
- '& .M4LIcon-icon': {
716
- backgroundColor: string;
717
- };
718
- '& .M4LTypography-root': {
719
- '& .MuiTypography-root': {
720
- color: string;
721
- };
722
- };
723
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
724
- backgroundColor: string;
725
- };
726
- };
727
- '& .M4LSideBar-arrowIconRoot': {
728
- '& .M4LIcon-root': {
729
- '& .M4LIcon-icon': {
730
- backgroundColor: string;
731
- };
732
- };
733
- };
734
- '&::before': {
735
- content: string;
736
- width: string;
737
- height: string;
738
- top: string;
739
- bottom: string;
740
- left: string;
741
- backgroundColor: string;
742
- borderRadius: string;
743
- position: string;
744
- };
745
- };
746
- };
747
- '& .M4LSideBar-navItemRootContent': {
748
- display: string;
749
- padding: string;
750
- borderRadius: string;
751
- position: string;
752
- '& .M4LSideBar-navItemRootContentIconTypo': {
753
- display: string;
754
- gap: string;
755
- width: string;
756
- '& .M4LIcon-icon': {
757
- backgroundColor: string;
758
- width: string;
759
- height: string;
760
- };
761
- '& .M4LTypography-root': {
762
- display: string;
763
- flexGrow: string;
764
- overflow: string;
765
- '& .MuiTypography-root': {
766
- color: string;
767
- textWrap: string;
768
- textOverflow: string;
769
- display: string;
770
- overflow: string;
771
- };
772
- };
773
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
774
- backgroundColor: string;
775
- };
776
- };
777
- '& .M4LSideBar-arrowIconRoot': {
778
- '& .M4LIcon-root': {
779
- '& .M4LIcon-icon': {
780
- background: string;
781
- };
782
- };
783
- };
784
- };
785
- '& .M4LSideBar-containerListSubItem': {
786
- paddingLeft: string;
787
- };
788
- '& .M4LSideBar-navListSubItemRoot': {
789
- gap: string;
790
- padding: string;
791
- '& .M4LSideBar-navSubItemContentRoot ': {
792
- padding: string;
793
- width: string;
794
- height: string;
795
- borderRadius: string;
796
- gap: string;
797
- '&.M4LSideBar-subItemCollapseActive': {
798
- backgroundColor: string;
799
- gap: string;
800
- border: string;
801
- borderColor: string;
802
- '& .MuiButtonBase-root': {
803
- padding: string;
804
- '& .M4LIcon-root': {
805
- '& .M4LIcon-icon': {
806
- backgroundColor: string;
807
- };
808
- };
809
- };
810
- };
811
- '& .M4LSideBar-subItemActive': {
812
- '& .MuiButtonBase-root': {
813
- padding: string;
814
- '& .M4LIcon-root': {
815
- '& .M4LIcon-icon': {};
816
- };
817
- '& .M4LTypography-root': {
818
- '& .MuiTypography-root': {};
819
- };
820
- };
821
- '& .M4LSideBar-navSubItemContentBullet': {
822
- height: string;
823
- borderRadius: string;
824
- backgroundColor: string;
825
- gap: string;
826
- };
827
- };
828
- '&:hover': {
829
- background: string;
830
- padding: string;
831
- };
832
- };
833
- '& .M4LSideBar-navSubItemContentRoot': {
834
- gap: string;
835
- margin: string;
836
- '& .M4LSideBar-navSubItemContentBullet': {
837
- minWidth: string;
838
- minHeight: string;
839
- borderRadius: string;
840
- backgroundColor: string;
841
- };
842
- '& .M4LTypography-root': {
843
- display: string;
844
- width: string;
845
- '& .MuiTypography-root': {
846
- color: string;
847
- with: string;
848
- overflow: string;
849
- textOverflow: string;
850
- textWrap: string;
851
- };
852
- };
853
- '&.M4LSideBar-subItemActive.M4LSideBar-navSubItemContentRoot': {
854
- '& .M4LTypography-root': {
855
- color: string;
856
- '& .MuiTypography-root': {
857
- color: string;
858
- };
859
- };
860
- };
861
- };
862
- };
863
- '& .MuiCollapse-root': {
864
- marginLeft: string;
865
- };
866
- };
867
- };
868
- '& .M4LIcon-root .M4LIcon-icon': {
869
- backgroundColor: string;
870
- };
871
- };
872
- '& .M4LSideBar-footer': {
873
- '& .M4LSideBar-containerLogoButton': {
874
- display: string;
875
- gap: string;
876
- width: string;
877
- };
878
- '& .M4LSideBar-containerLogoButtonLogo': {
879
- minWidth: string;
880
- height: string;
881
- };
882
- };
883
- };
884
- };
885
- '&.M4LSideBar-root.M4LSideBar-variantComercial': {
886
- [x: string]: {
887
- '& .M4LIcon-icon': {
888
- backgroundColor: string;
889
- };
890
- '& .M4LSideBar-wrapperSideBar'?: undefined;
891
- width?: undefined;
892
- height?: undefined;
893
- padding?: undefined;
894
- '& .M4LSideBar-containerSideBarLogo'?: undefined;
895
- '& .M4LSideBar-contentGroups'?: undefined;
896
- '& .M4LSideBar-footer'?: undefined;
897
- } | {
898
- '& .M4LSideBar-wrapperSideBar': {
899
- width: string;
900
- '& .M4LSideBar-contentDesktop': {
901
- '& .M4LSideBar-containerSideBarLogo': {
902
- marginTop: string;
903
- '& .M4LSideBar-containerLogo': {
904
- gap: string;
905
- paddingLeft: string;
906
- width: string;
907
- '& .M4LImage-root': {
908
- minWidth: string;
909
- minHeight: string;
910
- };
911
- };
912
- };
913
- };
914
- };
915
- '& .M4LIcon-icon'?: undefined;
916
- width?: undefined;
917
- height?: undefined;
918
- padding?: undefined;
919
- '& .M4LSideBar-containerSideBarLogo'?: undefined;
920
- '& .M4LSideBar-contentGroups'?: undefined;
921
- '& .M4LSideBar-footer'?: undefined;
922
- } | {
923
- width: string;
924
- height: string;
925
- padding: string;
926
- '& .M4LIcon-icon'?: undefined;
927
- '& .M4LSideBar-wrapperSideBar'?: undefined;
928
- '& .M4LSideBar-containerSideBarLogo'?: undefined;
929
- '& .M4LSideBar-contentGroups'?: undefined;
930
- '& .M4LSideBar-footer'?: undefined;
931
- } | {
932
- '& .M4LSideBar-containerSideBarLogo': {
933
- display: string;
934
- justifyContent: string;
935
- marginTop: string;
936
- '& .M4LSideBar-containerLogo': {
937
- display: string;
938
- justifyContent: string;
939
- alignItems: string;
940
- fitContent: string;
941
- boxSizing: string;
942
- paddingTop: string;
943
- paddingBottom: string;
944
- gap: string;
945
- paddingLeft: string;
946
- '& .M4LTypography-root': {
947
- display: string;
948
- width: string;
949
- '& .MuiTypography-root': {
950
- with: string;
951
- overflow: string;
952
- textOverflow: string;
953
- textWrap: string;
954
- };
955
- };
956
- '& .M4LImage-root': {
957
- position: string;
958
- padding: string;
959
- minWidth: string;
960
- minHeight: string;
961
- };
962
- };
963
- };
964
- '& .M4LSideBar-contentGroups': {
965
- overflow: string;
966
- flexGrow: string;
967
- display: string;
968
- flexDirection: string;
969
- gap: string;
970
- '& .M4LSideBar-contentGroupsLine': {
971
- display: string;
972
- height: string;
973
- marginRight: string;
974
- marginLeft: string;
975
- backgroundColor: string;
976
- };
977
- '& .M4LSideBar-wrapperGroup': {
978
- height: string;
979
- '& .M4LSideBar-wrapperGroupTitle': {
980
- height: string;
981
- paddingLeft: string;
982
- '& .M4LTypography-root': {
983
- display: string;
984
- width: string;
985
- '& .MuiTypography-root': {
986
- with: string;
987
- overflow: string;
988
- textOverflow: string;
989
- textWrap: string;
990
- };
991
- };
992
- };
993
- '& .M4LSideBar-itemListMainRoot': {
994
- display: string;
995
- borderRadius: string;
996
- justifyContent: string;
997
- flexDirection: string;
998
- padding: string;
999
- gap: string;
1000
- '& .M4LSideBar-navItemMainRoot': {
1001
- backgroundColor: string;
1002
- borderRadius: string;
1003
- '&:hover': {
1004
- background: string;
1005
- cursor: string;
1006
- };
1007
- };
1008
- '&.M4LSideBar-itemMainActive': {
1009
- background: string;
1010
- borderRadius: string;
1011
- border: string;
1012
- borderColor: string;
1013
- '& .M4LSideBar-navItemMainRoot': {
1014
- background: string;
1015
- '&:hover': {
1016
- background: string;
1017
- cursor: string;
1018
- };
1019
- };
1020
- '& .M4LSideBar-navItemRootContent': {
1021
- '& .M4LSideBar-navItemRootContentIconTypo': {
1022
- '& .M4LIcon-icon': {
1023
- backgroundColor: string;
1024
- };
1025
- '& .M4LTypography-root': {
1026
- '& .MuiTypography-root': {
1027
- color: string;
1028
- };
1029
- };
1030
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
1031
- backgroundColor: string;
1032
- };
1033
- };
1034
- '& .M4LSideBar-arrowIconRoot': {
1035
- '& .M4LIcon-root': {
1036
- '& .M4LIcon-icon': {
1037
- backgroundColor: string;
1038
- };
1039
- };
1040
- };
1041
- '&::before': {
1042
- content: string;
1043
- width: string;
1044
- top: string;
1045
- bottom: string;
1046
- right: string;
1047
- backgroundColor: string;
1048
- borderRadius: string;
1049
- position: string;
1050
- };
1051
- };
1052
- };
1053
- '& .M4LSideBar-navItemRootContent': {
1054
- display: string;
1055
- padding: string;
1056
- justifyContent: string;
1057
- borderRadius: string;
1058
- position: string;
1059
- '& .M4LSideBar-navItemRootContentIconTypo': {
1060
- display: string;
1061
- gap: string;
1062
- width: string;
1063
- '& .M4LIcon-icon': {
1064
- backgroundColor: string;
1065
- width: string;
1066
- height: string;
1067
- };
1068
- '& .M4LTypography-root': {
1069
- display: string;
1070
- flexGrow: string;
1071
- overflow: string;
1072
- '& .MuiTypography-root': {
1073
- color: string;
1074
- textWrap: string;
1075
- textOverflow: string;
1076
- display: string;
1077
- overflow: string;
1078
- };
1079
- };
1080
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
1081
- backgroundColor: string;
1082
- };
1083
- };
1084
- '& .M4LSideBar-arrowIconRoot': {
1085
- '& .M4LIcon-root': {
1086
- '& .M4LIcon-icon': {
1087
- background: string;
1088
- };
1089
- };
1090
- };
1091
- };
1092
- '& .M4LSideBar-containerListSubItem': {
1093
- paddingLeft: string;
1094
- };
1095
- '& .M4LSideBar-navListSubItemRoot': {
1096
- gap: string;
1097
- padding: string;
1098
- '& .M4LSideBar-navSubItemContentRoot ': {
1099
- width: string;
1100
- height: string;
1101
- borderRadius: string;
1102
- gap: string;
1103
- '&.M4LSideBar-subItemCollapseActive': {
1104
- backgroundColor: string;
1105
- gap: string;
1106
- '& .MuiButtonBase-root': {
1107
- paddingLeft: string;
1108
- padding: string;
1109
- '& .M4LIcon-root': {
1110
- '& .M4LIcon-icon': {
1111
- backgroundColor: string;
1112
- };
1113
- };
1114
- };
1115
- };
1116
- '& .M4LSideBar-subItemActive': {
1117
- '& .MuiButtonBase-root': {
1118
- paddingLeft: string;
1119
- padding: string;
1120
- '& .M4LIcon-root': {
1121
- '& .M4LIcon-icon': {
1122
- backgroundColor: string;
1123
- };
1124
- };
1125
- };
1126
- '& .M4LSideBar-navSubItemContentBullet': {
1127
- height: string;
1128
- borderRadius: string;
1129
- backgroundColor: string;
1130
- gap: string;
1131
- };
1132
- };
1133
- '&:hover': {
1134
- padding: string;
1135
- background: string;
1136
- };
1137
- };
1138
- '& .M4LSideBar-navSubItemContentRoot': {
1139
- gap: string;
1140
- margin: string;
1141
- padding: string;
1142
- '& .M4LSideBar-navSubItemContentBullet': {
1143
- minWidth: string;
1144
- minHeight: string;
1145
- borderRadius: string;
1146
- backgroundColor: string;
1147
- };
1148
- '& .M4LTypography-root': {
1149
- display: string;
1150
- width: string;
1151
- '& .MuiTypography-root': {
1152
- color: string;
1153
- with: string;
1154
- overflow: string;
1155
- textOverflow: string;
1156
- textWrap: string;
1157
- };
1158
- };
1159
- };
1160
- };
1161
- '& .MuiCollapse-root': {
1162
- marginLeft: string;
1163
- };
1164
- };
1165
- };
1166
- '& .M4LIcon-root .M4LIcon-icon': {
1167
- backgroundColor: string;
1168
- };
1169
- };
1170
- '& .M4LSideBar-footer': {
1171
- '& .M4LSideBar-containerLogoButton': {
1172
- display: string;
1173
- gap: string;
1174
- width: string;
1175
- };
1176
- '& .M4LSideBar-containerLogoButtonLogo': {
1177
- minWidth: string;
1178
- height: string;
1179
- '& .M4LSideBar-containerLogoButtonIcon': {
1180
- display: string;
1181
- alignItems: string;
1182
- };
1183
- };
1184
- };
1185
- '& .M4LIcon-icon'?: undefined;
1186
- '& .M4LSideBar-wrapperSideBar'?: undefined;
1187
- width?: undefined;
1188
- height?: undefined;
1189
- padding?: undefined;
1190
- };
1191
- '& .M4LSideBar-subItemActive': {
1192
- '& .M4LIcon-icon': {
1193
- backgroundColor: string;
1194
- };
1195
- };
1196
- '&.M4LSideBar-collapsed': {
1197
- '& .M4LSideBar-wrapperSideBar': {
1198
- width: string;
1199
- '& .M4LSideBar-contentDesktop': {
1200
- '& .M4LSideBar-containerSideBarLogo': {
1201
- marginTop: string;
1202
- '& .M4LSideBar-containerLogo': {
1203
- gap: string;
1204
- paddingLeft: string;
1205
- width: string;
1206
- '& .M4LImage-root': {
1207
- minWidth: string;
1208
- minHeight: string;
1209
- };
1210
- };
1211
- };
1212
- };
1213
- };
1214
- };
1215
- '& .M4LSideBar-wrapperSideBar': {
1216
- '& .M4LSideBar-containerSideBarLogo': {
1217
- display: string;
1218
- justifyContent: string;
1219
- marginTop: string;
1220
- '& .M4LSideBar-containerLogo': {
1221
- display: string;
1222
- justifyContent: string;
1223
- alignItems: string;
1224
- fitContent: string;
1225
- boxSizing: string;
1226
- paddingTop: string;
1227
- paddingBottom: string;
1228
- gap: string;
1229
- paddingLeft: string;
1230
- '& .M4LTypography-root': {
1231
- display: string;
1232
- width: string;
1233
- '& .MuiTypography-root': {
1234
- with: string;
1235
- overflow: string;
1236
- textOverflow: string;
1237
- textWrap: string;
1238
- };
1239
- };
1240
- '& .M4LImage-root': {
1241
- position: string;
1242
- padding: string;
1243
- minWidth: string;
1244
- minHeight: string;
1245
- };
1246
- };
1247
- };
1248
- '& .M4LSideBar-contentGroups': {
1249
- overflow: string;
1250
- flexGrow: string;
1251
- display: string;
1252
- flexDirection: string;
1253
- gap: string;
1254
- '& .M4LSideBar-contentGroupsLine': {
1255
- display: string;
1256
- height: string;
1257
- marginRight: string;
1258
- marginLeft: string;
1259
- backgroundColor: string;
1260
- };
1261
- '& .M4LSideBar-wrapperGroup': {
1262
- height: string;
1263
- '& .M4LSideBar-wrapperGroupTitle': {
1264
- height: string;
1265
- paddingLeft: string;
1266
- '& .M4LTypography-root': {
1267
- display: string;
1268
- width: string;
1269
- '& .MuiTypography-root': {
1270
- with: string;
1271
- overflow: string;
1272
- textOverflow: string;
1273
- textWrap: string;
1274
- };
1275
- };
1276
- };
1277
- '& .M4LSideBar-itemListMainRoot': {
1278
- display: string;
1279
- borderRadius: string;
1280
- justifyContent: string;
1281
- flexDirection: string;
1282
- padding: string;
1283
- gap: string;
1284
- '& .M4LSideBar-navItemMainRoot': {
1285
- backgroundColor: string;
1286
- borderRadius: string;
1287
- '&:hover': {
1288
- background: string;
1289
- cursor: string;
1290
- };
1291
- };
1292
- '&.M4LSideBar-itemMainActive': {
1293
- background: string;
1294
- borderRadius: string;
1295
- border: string;
1296
- borderColor: string;
1297
- '& .M4LSideBar-navItemMainRoot': {
1298
- background: string;
1299
- '&:hover': {
1300
- background: string;
1301
- cursor: string;
1302
- };
1303
- };
1304
- '& .M4LSideBar-navItemRootContent': {
1305
- '& .M4LSideBar-navItemRootContentIconTypo': {
1306
- '& .M4LIcon-icon': {
1307
- backgroundColor: string;
1308
- };
1309
- '& .M4LTypography-root': {
1310
- '& .MuiTypography-root': {
1311
- color: string;
1312
- };
1313
- };
1314
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
1315
- backgroundColor: string;
1316
- };
1317
- };
1318
- '& .M4LSideBar-arrowIconRoot': {
1319
- '& .M4LIcon-root': {
1320
- '& .M4LIcon-icon': {
1321
- backgroundColor: string;
1322
- };
1323
- };
1324
- };
1325
- '&::before': {
1326
- content: string;
1327
- width: string;
1328
- top: string;
1329
- bottom: string;
1330
- right: string;
1331
- backgroundColor: string;
1332
- borderRadius: string;
1333
- position: string;
1334
- };
1335
- };
1336
- };
1337
- '& .M4LSideBar-navItemRootContent': {
1338
- display: string;
1339
- padding: string;
1340
- justifyContent: string;
1341
- borderRadius: string;
1342
- position: string;
1343
- '& .M4LSideBar-navItemRootContentIconTypo': {
1344
- display: string;
1345
- gap: string;
1346
- width: string;
1347
- '& .M4LIcon-icon': {
1348
- backgroundColor: string;
1349
- width: string;
1350
- height: string;
1351
- };
1352
- '& .M4LTypography-root': {
1353
- display: string;
1354
- flexGrow: string;
1355
- overflow: string;
1356
- '& .MuiTypography-root': {
1357
- color: string;
1358
- textWrap: string;
1359
- textOverflow: string;
1360
- display: string;
1361
- overflow: string;
1362
- };
1363
- };
1364
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
1365
- backgroundColor: string;
1366
- };
1367
- };
1368
- '& .M4LSideBar-arrowIconRoot': {
1369
- '& .M4LIcon-root': {
1370
- '& .M4LIcon-icon': {
1371
- background: string;
1372
- };
1373
- };
1374
- };
1375
- };
1376
- '& .M4LSideBar-containerListSubItem': {
1377
- paddingLeft: string;
1378
- };
1379
- '& .M4LSideBar-navListSubItemRoot': {
1380
- gap: string;
1381
- padding: string;
1382
- '& .M4LSideBar-navSubItemContentRoot ': {
1383
- width: string;
1384
- height: string;
1385
- borderRadius: string;
1386
- gap: string;
1387
- '&.M4LSideBar-subItemCollapseActive': {
1388
- backgroundColor: string;
1389
- gap: string;
1390
- '& .MuiButtonBase-root': {
1391
- paddingLeft: string;
1392
- padding: string;
1393
- '& .M4LIcon-root': {
1394
- '& .M4LIcon-icon': {
1395
- backgroundColor: string;
1396
- };
1397
- };
1398
- };
1399
- };
1400
- '& .M4LSideBar-subItemActive': {
1401
- '& .MuiButtonBase-root': {
1402
- paddingLeft: string;
1403
- padding: string;
1404
- '& .M4LIcon-root': {
1405
- '& .M4LIcon-icon': {
1406
- backgroundColor: string;
1407
- };
1408
- };
1409
- };
1410
- '& .M4LSideBar-navSubItemContentBullet': {
1411
- height: string;
1412
- borderRadius: string;
1413
- backgroundColor: string;
1414
- gap: string;
1415
- };
1416
- };
1417
- '&:hover': {
1418
- padding: string;
1419
- background: string;
1420
- };
1421
- };
1422
- '& .M4LSideBar-navSubItemContentRoot': {
1423
- gap: string;
1424
- margin: string;
1425
- padding: string;
1426
- '& .M4LSideBar-navSubItemContentBullet': {
1427
- minWidth: string;
1428
- minHeight: string;
1429
- borderRadius: string;
1430
- backgroundColor: string;
1431
- };
1432
- '& .M4LTypography-root': {
1433
- display: string;
1434
- width: string;
1435
- '& .MuiTypography-root': {
1436
- color: string;
1437
- with: string;
1438
- overflow: string;
1439
- textOverflow: string;
1440
- textWrap: string;
1441
- };
1442
- };
1443
- };
1444
- };
1445
- '& .MuiCollapse-root': {
1446
- marginLeft: string;
1447
- };
1448
- };
1449
- };
1450
- '& .M4LIcon-root .M4LIcon-icon': {
1451
- backgroundColor: string;
1452
- };
1453
- };
1454
- '& .M4LSideBar-footer': {
1455
- '& .M4LSideBar-containerLogoButton': {
1456
- display: string;
1457
- gap: string;
1458
- width: string;
1459
- };
1460
- '& .M4LSideBar-containerLogoButtonLogo': {
1461
- minWidth: string;
1462
- height: string;
1463
- '& .M4LSideBar-containerLogoButtonIcon': {
1464
- display: string;
1465
- alignItems: string;
1466
- };
1467
- };
1468
- };
1469
- };
1470
- };
1471
- };
1472
- };
1473
- M4LSideBarPopover: {
1474
- styleOverrides: {
1475
- '&.M4LSideBar-popover.M4LSideBar-variantDefault': {
1476
- '& .M4LSideBar-subItemActive': {
1477
- '& .M4LIcon-icon': {
1478
- backgroundColor: string;
1479
- };
1480
- };
1481
- '& .M4LSideBar-navListSubItemRoot': {
1482
- width: string;
1483
- height: string;
1484
- '& .M4LSideBar-navSubItemContentRoot': {
1485
- gap: string;
1486
- padding: string;
1487
- height: string;
1488
- borderRadius: string;
1489
- '&.M4LSideBar-subItemCollapseActive': {
1490
- backgroundColor: string;
1491
- };
1492
- '& .M4LTypography-root': {
1493
- display: string;
1494
- width: string;
1495
- '& .MuiTypography-root': {
1496
- color: string;
1497
- with: string;
1498
- overflow: string;
1499
- textOverflow: string;
1500
- textWrap: string;
1501
- };
1502
- };
1503
- '& .MuiPaper-root': {
1504
- '& .M4LSideBar-navListSubItemRoot': {
1505
- '& .M4LSideBar-subItemActive': {
1506
- '& .MuiButtonBase-root': {
1507
- padding: string;
1508
- '& .M4LIcon-root': {
1509
- '& .M4LIcon-icon': {
1510
- backgroundColor: string;
1511
- };
1512
- };
1513
- };
1514
- };
1515
- };
1516
- };
1517
- '& .M4LSideBar-subItemActive': {
1518
- height: string;
1519
- '& .MuiButtonBase-root': {
1520
- padding: string;
1521
- '& .M4LIcon-root': {
1522
- '& .M4LIcon-icon': {
1523
- backgroundColor: string;
1524
- };
1525
- };
1526
- };
1527
- '& .M4LSideBar-navSubItemContentBullet': {
1528
- height: string;
1529
- borderRadius: string;
1530
- backgroundColor: string;
1531
- };
1532
- };
1533
- '& .M4LSideBar-navSubItemContentBullet': {
1534
- minWidth: string;
1535
- minHeight: string;
1536
- borderRadius: string;
1537
- backgroundColor: string;
1538
- };
1539
- '&:hover': {
1540
- padding: string;
1541
- background: string;
1542
- };
1543
- };
1544
- };
1545
- };
1546
- '&.M4LSideBar-popover.M4LSideBar-variantComercial': {
1547
- '& .M4LSideBar-subItemActive': {
1548
- '& .M4LIcon-icon': {
1549
- backgroundColor: string;
1550
- };
1551
- };
1552
- '& .M4LSideBar-navListSubItemRoot': {
1553
- width: string;
1554
- height: string;
1555
- '& .M4LSideBar-navSubItemContentRoot': {
1556
- gap: string;
1557
- padding: string;
1558
- height: string;
1559
- borderRadius: string;
1560
- '&.M4LSideBar-subItemCollapseActive': {
1561
- backgroundColor: string;
1562
- Text: string;
1563
- };
1564
- '& .M4LTypography-root': {
1565
- display: string;
1566
- width: string;
1567
- '& .MuiTypography-root': {
1568
- color: string;
1569
- with: string;
1570
- overflow: string;
1571
- textOverflow: string;
1572
- textWrap: string;
1573
- };
1574
- };
1575
- '& .MuiPaper-root': {
1576
- '& .M4LSideBar-navListSubItemRoot': {
1577
- '& .M4LSideBar-subItemActive': {
1578
- '& .MuiButtonBase-root': {
1579
- padding: string;
1580
- '& .M4LIcon-root': {
1581
- '& .M4LIcon-icon': {
1582
- backgroundColor: string;
1583
- };
1584
- };
1585
- };
1586
- };
1587
- };
1588
- };
1589
- '& .M4LSideBar-subItemActive': {
1590
- height: string;
1591
- '& .MuiButtonBase-root': {
1592
- padding: string;
1593
- '& .M4LIcon-root': {
1594
- '& .M4LIcon-icon': {
1595
- backgroundColor: string;
1596
- };
1597
- };
1598
- };
1599
- '& .M4LSideBar-navSubItemContentBullet': {
1600
- height: string;
1601
- borderRadius: string;
1602
- backgroundColor: string;
1603
- };
1604
- };
1605
- '& .M4LSideBar-navSubItemContentBullet': {
1606
- minWidth: string;
1607
- minHeight: string;
1608
- borderRadius: string;
1609
- backgroundColor: string;
1610
- };
1611
- '&:hover': {
1612
- padding: string;
1613
- background: string;
1614
- };
1615
- };
1616
- };
1617
- };
1618
- };
1619
- };
1620
- M4LSideBarDrawer: {
1621
- styleOverrides: {
1622
- '&.M4LSideBar-drawer': {
1623
- '&.M4LSideBar-variantDefault': {
1624
- '& .M4LSideBar-subItemActive': {
1625
- '& .M4LIcon-icon': {
1626
- backgroundColor: string;
1627
- };
1628
- '& .M4LTypography-root': {
1629
- '& .MuiTypography-root': {
1630
- color: string;
1631
- };
1632
- };
1633
- };
1634
- '& .M4LSideBar-contentMobile': {
1635
- width: string;
1636
- height: string;
1637
- display: string;
1638
- flexDirection: string;
1639
- padding: string;
1640
- '& .M4LSideBar-containerSideBarLogo': {
1641
- display: string;
1642
- justifyContent: string;
1643
- marginTop: string;
1644
- '& .M4LSideBar-containerLogo': {
1645
- display: string;
1646
- justifyContent: string;
1647
- alignItems: string;
1648
- fitContent: string;
1649
- boxSizing: string;
1650
- paddingTop: string;
1651
- paddingBottom: string;
1652
- gap: string;
1653
- paddingLeft: string;
1654
- '& .M4LTypography-root': {
1655
- display: string;
1656
- width: string;
1657
- '& .MuiTypography-root': {
1658
- with: string;
1659
- overflow: string;
1660
- textOverflow: string;
1661
- textWrap: string;
1662
- };
1663
- };
1664
- '& .M4LImage-root': {
1665
- position: string;
1666
- background: string;
1667
- boxShadow: string;
1668
- padding: string;
1669
- borderRadius: string;
1670
- minWidth: string;
1671
- minHeight: string;
1672
- };
1673
- };
1674
- };
1675
- '& .M4LSideBar-contentGroups': {
1676
- overflow: string;
1677
- flexGrow: string;
1678
- display: string;
1679
- flexDirection: string;
1680
- '& .M4LSideBar-contentGroupsLine': {
1681
- display: string;
1682
- height: string;
1683
- marginRight: string;
1684
- marginLeft: string;
1685
- backgroundColor: string;
1686
- };
1687
- '& .M4LSideBar-wrapperGroup': {
1688
- height: string;
1689
- '& .M4LSideBar-wrapperGroupTitle': {
1690
- height: string;
1691
- padding: string;
1692
- '& .M4LTypography-root': {
1693
- display: string;
1694
- width: string;
1695
- '& .MuiTypography-root': {
1696
- textTransform: string;
1697
- with: string;
1698
- overflow: string;
1699
- textOverflow: string;
1700
- textWrap: string;
1701
- };
1702
- };
1703
- };
1704
- '& .M4LSideBar-itemListMainRoot': {
1705
- display: string;
1706
- borderRadius: string;
1707
- justifyContent: string;
1708
- flexDirection: string;
1709
- paddingBottom: string;
1710
- gap: string;
1711
- height: string;
1712
- '& .M4LSideBar-navItemMainRoot': {
1713
- backgroundColor: string;
1714
- borderRadius: string;
1715
- '&:hover': {
1716
- background: string;
1717
- cursor: string;
1718
- };
1719
- };
1720
- '&.M4LSideBar-itemMainActive': {
1721
- borderRadius: string;
1722
- background: string;
1723
- border: string;
1724
- borderColor: string;
1725
- '& .M4LSideBar-navItemMainRoot': {
1726
- background: string;
1727
- '&:hover': {
1728
- background: string;
1729
- cursor: string;
1730
- };
1731
- };
1732
- '& .M4LSideBar-navItemRootContent': {
1733
- '& .M4LSideBar-navItemRootContentIconTypo': {
1734
- alignItems: string;
1735
- '& .M4LIcon-icon': {
1736
- backgroundColor: string;
1737
- };
1738
- '& .M4LTypography-root': {
1739
- '& .MuiTypography-root': {
1740
- color: string;
1741
- };
1742
- };
1743
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
1744
- backgroundColor: string;
1745
- };
1746
- };
1747
- '& .M4LSideBar-arrowIconRoot': {
1748
- '& .M4LIcon-root': {
1749
- '& .M4LIcon-icon': {
1750
- backgroundColor: string;
1751
- };
1752
- };
1753
- };
1754
- '&::before': {
1755
- content: string;
1756
- width: string;
1757
- top: string;
1758
- bottom: string;
1759
- left: string;
1760
- backgroundColor: string;
1761
- borderRadius: string;
1762
- position: string;
1763
- };
1764
- };
1765
- };
1766
- '& .M4LSideBar-navItemRootContent': {
1767
- display: string;
1768
- padding: string;
1769
- justifyContent: string;
1770
- borderRadius: string;
1771
- position: string;
1772
- '& .M4LSideBar-navItemRootContentIconTypo': {
1773
- display: string;
1774
- gap: string;
1775
- width: string;
1776
- '& .M4LIcon-icon': {
1777
- backgroundColor: string;
1778
- width: string;
1779
- height: string;
1780
- };
1781
- '& .M4LTypography-root': {
1782
- display: string;
1783
- flexGrow: string;
1784
- overflow: string;
1785
- '& .MuiTypography-root': {
1786
- color: string;
1787
- textWrap: string;
1788
- textOverflow: string;
1789
- display: string;
1790
- overflow: string;
1791
- };
1792
- };
1793
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
1794
- backgroundColor: string;
1795
- };
1796
- };
1797
- '& .M4LSideBar-arrowIconRoot': {
1798
- '& .M4LIcon-root': {
1799
- '& .M4LIcon-icon': {
1800
- background: string;
1801
- };
1802
- };
1803
- };
1804
- };
1805
- '& .M4LSideBar-containerListSubItem': {
1806
- paddingLeft: string;
1807
- };
1808
- '& .M4LSideBar-navListSubItemRoot': {
1809
- gap: string;
1810
- padding: string;
1811
- '& .M4LSideBar-navSubItemContentRoot ': {
1812
- width: string;
1813
- height: string;
1814
- borderRadius: string;
1815
- gap: string;
1816
- padding: string;
1817
- '&.M4LSideBar-subItemCollapseActive': {
1818
- backgroundColor: string;
1819
- gap: string;
1820
- padding: string;
1821
- '& .MuiButtonBase-root': {
1822
- padding: string;
1823
- '& .M4LIcon-root': {
1824
- '& .M4LIcon-icon': {
1825
- backgroundColor: string;
1826
- };
1827
- };
1828
- };
1829
- };
1830
- '& .M4LSideBar-subItemActive': {
1831
- '& .MuiButtonBase-root': {
1832
- padding: string;
1833
- '& .M4LIcon-root': {
1834
- '& .M4LIcon-icon': {
1835
- backgroundColor: string;
1836
- };
1837
- };
1838
- };
1839
- '& .M4LSideBar-navSubItemContentBullet': {
1840
- height: string;
1841
- borderRadius: string;
1842
- backgroundColor: string;
1843
- gap: string;
1844
- };
1845
- };
1846
- '&:hover': {
1847
- padding: string;
1848
- background: string;
1849
- };
1850
- };
1851
- '& .M4LSideBar-navSubItemContentRoot': {
1852
- gap: string;
1853
- margin: string;
1854
- padding: string;
1855
- '& .M4LIcon-root': {
1856
- minHeight: string;
1857
- minWwidth: string;
1858
- '& .M4LIcon-icon': {
1859
- minHeight: string;
1860
- minWidth: string;
1861
- };
1862
- };
1863
- '& .M4LSideBar-navSubItemContentBullet': {
1864
- minWidth: string;
1865
- minHeight: string;
1866
- borderRadius: string;
1867
- backgroundColor: string;
1868
- };
1869
- '& .M4LTypography-root': {
1870
- display: string;
1871
- width: string;
1872
- '& .MuiTypography-root': {
1873
- color: string;
1874
- with: string;
1875
- overflow: string;
1876
- textOverflow: string;
1877
- textWrap: string;
1878
- };
1879
- };
1880
- };
1881
- };
1882
- '& .MuiCollapse-root': {
1883
- marginLeft: string;
1884
- };
1885
- };
1886
- };
1887
- '& .M4LIcon-root .M4LIcon-icon': {
1888
- backgroundColor: string;
1889
- };
1890
- };
1891
- '& .M4LSideBar-footer': {
1892
- '& .M4LSideBar-containerLogoButton': {
1893
- display: string;
1894
- gap: string;
1895
- width: string;
1896
- };
1897
- '& .M4LSideBar-containerLogoButtonLogo': {
1898
- minWidth: string;
1899
- height: string;
1900
- '& .M4LSideBar-containerLogoButtonIcon': {
1901
- display: string;
1902
- alignItems: string;
1903
- };
1904
- };
1905
- };
1906
- };
1907
- };
1908
- '&.M4LSideBar-variantComercial': {
1909
- '& .M4LSideBar-contentMobile': {
1910
- width: string;
1911
- height: string;
1912
- display: string;
1913
- flexDirection: string;
1914
- '& .M4LSideBar-containerSideBarLogo': {
1915
- display: string;
1916
- justifyContent: string;
1917
- marginTop: string;
1918
- '& .M4LSideBar-containerLogo': {
1919
- display: string;
1920
- justifyContent: string;
1921
- alignItems: string;
1922
- fitContent: string;
1923
- boxSizing: string;
1924
- paddingTop: string;
1925
- paddingBottom: string;
1926
- gap: string;
1927
- paddingLeft: string;
1928
- '& .M4LTypography-root': {
1929
- display: string;
1930
- width: string;
1931
- '& .MuiTypography-root': {
1932
- with: string;
1933
- overflow: string;
1934
- textOverflow: string;
1935
- textWrap: string;
1936
- };
1937
- };
1938
- '& .M4LImage-root': {
1939
- position: string;
1940
- padding: string;
1941
- borderRadius: string;
1942
- minWidth: string;
1943
- minHeight: string;
1944
- };
1945
- };
1946
- };
1947
- '& .M4LSideBar-contentGroups': {
1948
- overflow: string;
1949
- flexGrow: string;
1950
- display: string;
1951
- flexDirection: string;
1952
- '& .M4LSideBar-contentGroupsLine': {
1953
- display: string;
1954
- height: string;
1955
- marginRight: string;
1956
- marginLeft: string;
1957
- backgroundColor: string;
1958
- };
1959
- '& .M4LSideBar-wrapperGroup': {
1960
- height: string;
1961
- paddingLeft: string;
1962
- '& .M4LSideBar-wrapperGroupTitle': {
1963
- '& .M4LTypography-root': {
1964
- display: string;
1965
- width: string;
1966
- '& .MuiTypography-root': {
1967
- with: string;
1968
- overflow: string;
1969
- textOverflow: string;
1970
- textWrap: string;
1971
- fontWeight: string;
1972
- fontSize: string;
1973
- };
1974
- };
1975
- };
1976
- '& .M4LSideBar-itemListMainRoot': {
1977
- display: string;
1978
- borderRadius: string;
1979
- justifyContent: string;
1980
- flexDirection: string;
1981
- padding: string;
1982
- gap: string;
1983
- '& .M4LSideBar-navItemMainRoot': {
1984
- backgroundColor: string;
1985
- borderRadius: string;
1986
- '&:hover': {
1987
- background: string;
1988
- cursor: string;
1989
- };
1990
- };
1991
- '&.M4LSideBar-itemMainActive': {
1992
- borderRadius: string;
1993
- background: string;
1994
- border: string;
1995
- borderColor: string;
1996
- '& .M4LSideBar-navItemMainRoot': {
1997
- background: string;
1998
- '&:hover': {
1999
- background: string;
2000
- cursor: string;
2001
- };
2002
- };
2003
- '& .M4LSideBar-navItemRootContent': {
2004
- '& .M4LSideBar-navItemRootContentIconTypo': {
2005
- fontSize: string;
2006
- '& .M4LIcon-icon': {
2007
- backgroundColor: string;
2008
- };
2009
- '& .M4LTypography-root': {
2010
- '& .MuiTypography-root': {
2011
- color: string;
2012
- };
2013
- };
2014
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
2015
- backgroundColor: string;
2016
- };
2017
- };
2018
- '& .M4LSideBar-arrowIconRoot': {
2019
- '& .M4LIcon-root': {
2020
- '& .M4LIcon-icon': {
2021
- backgroundColor: string;
2022
- };
2023
- };
2024
- };
2025
- '&::before': {
2026
- content: string;
2027
- width: string;
2028
- top: string;
2029
- bottom: string;
2030
- right: string;
2031
- backgroundColor: string;
2032
- borderRadius: string;
2033
- position: string;
2034
- };
2035
- };
2036
- };
2037
- '& .M4LSideBar-navItemRootContent': {
2038
- display: string;
2039
- padding: string;
2040
- justifyContent: string;
2041
- borderRadius: string;
2042
- position: string;
2043
- '& .M4LSideBar-navItemRootContentIconTypo': {
2044
- display: string;
2045
- gap: string;
2046
- width: string;
2047
- '& .M4LIcon-icon': {
2048
- backgroundColor: string;
2049
- width: string;
2050
- height: string;
2051
- };
2052
- '& .M4LTypography-root': {
2053
- display: string;
2054
- flexGrow: string;
2055
- overflow: string;
2056
- '& .MuiTypography-root': {
2057
- color: string;
2058
- textWrap: string;
2059
- textOverflow: string;
2060
- display: string;
2061
- overflow: string;
2062
- fontSize: string;
2063
- };
2064
- };
2065
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
2066
- backgroundColor: string;
2067
- };
2068
- };
2069
- '& .M4LSideBar-arrowIconRoot': {
2070
- '& .M4LIcon-root': {
2071
- '& .M4LIcon-icon': {
2072
- background: string;
2073
- };
2074
- };
2075
- };
2076
- };
2077
- '& .M4LSideBar-containerListSubItem': {
2078
- paddingLeft: string;
2079
- };
2080
- '& .M4LSideBar-navListSubItemRoot': {
2081
- gap: string;
2082
- padding: string;
2083
- '& .M4LSideBar-navSubItemContentRoot ': {
2084
- width: string;
2085
- height: string;
2086
- borderRadius: string;
2087
- gap: string;
2088
- padding: string;
2089
- '&.M4LSideBar-subItemCollapseActive': {
2090
- backgroundColor: string;
2091
- gap: string;
2092
- '& .MuiButtonBase-root': {
2093
- padding: string;
2094
- '& .M4LIcon-root': {
2095
- '& .M4LIcon-icon': {
2096
- backgroundColor: string;
2097
- };
2098
- };
2099
- };
2100
- };
2101
- '& .M4LSideBar-subItemActive': {
2102
- '& .MuiButtonBase-root': {
2103
- padding: string;
2104
- '& .M4LIcon-root': {
2105
- '& .M4LIcon-icon': {
2106
- backgroundColor: string;
2107
- };
2108
- };
2109
- };
2110
- '& .M4LSideBar-navSubItemContentBullet': {
2111
- height: string;
2112
- borderRadius: string;
2113
- backgroundColor: string;
2114
- gap: string;
2115
- };
2116
- };
2117
- '&:hover': {
2118
- padding: string;
2119
- background: string;
2120
- };
2121
- };
2122
- '& .M4LSideBar-navSubItemContentRoot': {
2123
- gap: string;
2124
- margin: string;
2125
- padding: string;
2126
- '& .M4LSideBar-navSubItemContentBullet': {
2127
- minWidth: string;
2128
- minHeight: string;
2129
- borderRadius: string;
2130
- backgroundColor: string;
2131
- };
2132
- '& .M4LTypography-root': {
2133
- display: string;
2134
- width: string;
2135
- '& .MuiTypography-root': {
2136
- color: string;
2137
- with: string;
2138
- overflow: string;
2139
- textOverflow: string;
2140
- textWrap: string;
2141
- fontSize: string;
2142
- };
2143
- };
2144
- };
2145
- };
2146
- '& .MuiCollapse-root': {
2147
- marginLeft: string;
2148
- '&.M4LSideBar-drawer.M4LSideBar-variantComercial': {
2149
- '& .M4LSideBar-subItemActive': {
2150
- '& .M4LIcon-icon': {
2151
- backgroundColor: string;
2152
- };
2153
- };
2154
- '& .M4LSideBar-contentMobile': {
2155
- width: string;
2156
- height: string;
2157
- display: string;
2158
- flexDirection: string;
2159
- '& .M4LSideBar-containerSideBarLogo': {
2160
- display: string;
2161
- justifyContent: string;
2162
- marginTop: string;
2163
- '& .M4LSideBar-containerLogo': {
2164
- display: string;
2165
- justifyContent: string;
2166
- alignItems: string;
2167
- fitContent: string;
2168
- boxSizing: string;
2169
- paddingTop: string;
2170
- paddingBottom: string;
2171
- gap: string;
2172
- paddingLeft: string;
2173
- '& .M4LTypography-root': {
2174
- display: string;
2175
- width: string;
2176
- '& .MuiTypography-root': {
2177
- with: string;
2178
- overflow: string;
2179
- textOverflow: string;
2180
- textWrap: string;
2181
- };
2182
- };
2183
- '& .M4LImage-root': {
2184
- position: string;
2185
- background: string;
2186
- boxShadow: string;
2187
- padding: string;
2188
- borderRadius: string;
2189
- minWidth: string;
2190
- minHeight: string;
2191
- };
2192
- };
2193
- };
2194
- '& .M4LSideBar-contentGroups': {
2195
- overflow: string;
2196
- flexGrow: string;
2197
- display: string;
2198
- flexDirection: string;
2199
- '& .M4LSideBar-contentGroupsLine': {
2200
- display: string;
2201
- height: string;
2202
- marginRight: string;
2203
- marginLeft: string;
2204
- backgroundColor: string;
2205
- };
2206
- '& .M4LSideBar-wrapperGroup': {
2207
- height: string;
2208
- paddingLeft: string;
2209
- '& .M4LSideBar-wrapperGroupTitle': {
2210
- '& .M4LTypography-root': {
2211
- display: string;
2212
- width: string;
2213
- '& .MuiTypography-root': {
2214
- with: string;
2215
- overflow: string;
2216
- textOverflow: string;
2217
- textWrap: string;
2218
- };
2219
- };
2220
- };
2221
- '& .M4LSideBar-itemListMainRoot': {
2222
- display: string;
2223
- borderRadius: string;
2224
- justifyContent: string;
2225
- flexDirection: string;
2226
- padding: string;
2227
- gap: string;
2228
- '& .M4LSideBar-navItemMainRoot': {
2229
- backgroundColor: string;
2230
- borderRadius: string;
2231
- '&:hover': {
2232
- background: string;
2233
- cursor: string;
2234
- };
2235
- };
2236
- '&.M4LSideBar-itemMainActive': {
2237
- borderRadius: string;
2238
- background: string;
2239
- border: string;
2240
- borderColor: string;
2241
- '& .M4LSideBar-navItemMainRoot': {
2242
- background: string;
2243
- '&:hover': {
2244
- background: string;
2245
- cursor: string;
2246
- };
2247
- };
2248
- '& .M4LSideBar-navItemRootContent': {
2249
- '& .M4LSideBar-navItemRootContentIconTypo': {
2250
- '& .M4LIcon-icon': {
2251
- backgroundColor: string;
2252
- };
2253
- '& .M4LTypography-root': {
2254
- '& .MuiTypography-root': {
2255
- color: string;
2256
- };
2257
- };
2258
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
2259
- backgroundColor: string;
2260
- };
2261
- };
2262
- '& .M4LSideBar-arrowIconRoot': {
2263
- '& .M4LIcon-root': {
2264
- '& .M4LIcon-icon': {
2265
- backgroundColor: string;
2266
- };
2267
- };
2268
- };
2269
- '&::before': {
2270
- content: string;
2271
- width: string;
2272
- top: string;
2273
- bottom: string;
2274
- right: string;
2275
- backgroundColor: string;
2276
- borderRadius: string;
2277
- position: string;
2278
- };
2279
- };
2280
- };
2281
- '& .M4LSideBar-navItemRootContent': {
2282
- display: string;
2283
- padding: string;
2284
- justifyContent: string;
2285
- borderRadius: string;
2286
- position: string;
2287
- '& .M4LSideBar-navItemRootContentIconTypo': {
2288
- display: string;
2289
- gap: string;
2290
- width: string;
2291
- '& .M4LIcon-icon': {
2292
- backgroundColor: string;
2293
- width: string;
2294
- height: string;
2295
- };
2296
- '& .M4LTypography-root': {
2297
- display: string;
2298
- flexGrow: string;
2299
- overflow: string;
2300
- '& .MuiTypography-root': {
2301
- color: string;
2302
- textWrap: string;
2303
- textOverflow: string;
2304
- display: string;
2305
- overflow: string;
2306
- };
2307
- };
2308
- '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
2309
- backgroundColor: string;
2310
- };
2311
- };
2312
- '& .M4LSideBar-arrowIconRoot': {
2313
- '& .M4LIcon-root': {
2314
- '& .M4LIcon-icon': {
2315
- background: string;
2316
- };
2317
- };
2318
- };
2319
- };
2320
- '& .M4LSideBar-containerListSubItem': {
2321
- paddingLeft: string;
2322
- };
2323
- '& .M4LSideBar-navListSubItemRoot': {
2324
- gap: string;
2325
- padding: string;
2326
- '& .M4LSideBar-navSubItemContentRoot ': {
2327
- width: string;
2328
- height: string;
2329
- borderRadius: string;
2330
- gap: string;
2331
- padding: string;
2332
- '&.M4LSideBar-subItemCollapseActive': {
2333
- backgroundColor: string;
2334
- gap: string;
2335
- '& .MuiButtonBase-root': {
2336
- padding: string;
2337
- '& .M4LIcon-root': {
2338
- '& .M4LIcon-icon': {
2339
- backgroundColor: string;
2340
- };
2341
- };
2342
- };
2343
- };
2344
- '& .M4LSideBar-subItemActive': {
2345
- '& .MuiButtonBase-root': {
2346
- padding: string;
2347
- '& .M4LIcon-root': {
2348
- '& .M4LIcon-icon': {
2349
- backgroundColor: string;
2350
- };
2351
- };
2352
- };
2353
- '& .M4LSideBar-navSubItemContentBullet': {
2354
- height: string;
2355
- borderRadius: string;
2356
- backgroundColor: string;
2357
- gap: string;
2358
- };
2359
- };
2360
- '&:hover': {
2361
- background: string;
2362
- padding: string;
2363
- };
2364
- };
2365
- '& .M4LSideBar-navSubItemContentRoot': {
2366
- gap: string;
2367
- margin: string;
2368
- padding: string;
2369
- '& .M4LSideBar-navSubItemContentBullet': {
2370
- minWidth: string;
2371
- minHeight: string;
2372
- borderRadius: string;
2373
- backgroundColor: string;
2374
- };
2375
- '& .M4LTypography-root': {
2376
- display: string;
2377
- width: string;
2378
- '& .MuiTypography-root': {
2379
- color: string;
2380
- with: string;
2381
- overflow: string;
2382
- textOverflow: string;
2383
- textWrap: string;
2384
- };
2385
- };
2386
- };
2387
- };
2388
- '& .MuiCollapse-root': {
2389
- marginLeft: string;
2390
- };
2391
- };
2392
- };
2393
- '& .M4LIcon-root .M4LIcon-icon': {
2394
- backgroundColor: string;
2395
- };
2396
- };
2397
- '& .M4LSideBar-footer': {
2398
- '& .M4LSideBar-containerLogoButton': {
2399
- display: string;
2400
- gap: string;
2401
- width: string;
2402
- };
2403
- '& .M4LSideBar-containerLogoButtonLogo': {
2404
- minWidth: string;
2405
- height: string;
2406
- '& .M4LSideBar-containerLogoButtonIcon': {
2407
- display: string;
2408
- alignItems: string;
2409
- };
2410
- };
2411
- };
2412
- };
2413
- };
2414
- };
2415
- };
2416
- };
2417
- '& .M4LIcon-root .M4LIcon-icon': {
2418
- backgroundColor: string;
2419
- };
2420
- };
2421
- '& .M4LSideBar-footer': {
2422
- '& .M4LSideBar-containerLogoButton': {
2423
- display: string;
2424
- gap: string;
2425
- width: string;
2426
- };
2427
- '& .M4LSideBar-containerLogoButtonLogo': {
2428
- minWidth: string;
2429
- height: string;
2430
- '& .M4LSideBar-containerLogoButtonIcon': {
2431
- display: string;
2432
- alignItems: string;
2433
- };
2434
- };
2435
- };
2436
- };
2437
- };
2438
- };
2439
- };
2440
- };
2441
- };