@m4l/styles 0.0.24 → 0.0.26

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 (38) hide show
  1. package/index.js +10 -10
  2. package/package.json +1 -1
  3. package/theme/defaultThemeOptions.e09f6ae8.js +30 -0
  4. package/theme/index.e131f0b1.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +2 -4
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +13 -5
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +2 -4
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +14154 -5524
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +26 -15
  10. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +1 -4
  11. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +18 -2
  12. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +0 -3
  13. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +204 -12
  14. package/theme/overrides/M4LExtendedComponents/M4LGridLayout.d.ts +10 -0
  15. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +2 -8
  16. package/theme/overrides/M4LExtendedComponents/M4LNoItemSelected.d.ts +22 -0
  17. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +2 -3
  18. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +5 -1
  19. package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +26 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +179 -84
  21. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +31 -0
  22. package/theme/overrides/M4LExtendedComponents/M4LStack.d.ts +14 -0
  23. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +16 -0
  24. package/theme/overrides/M4LExtendedComponents/{index.83dad55c.js → index.ebc4ec7a.js} +774 -428
  25. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +2 -0
  26. package/theme/overrides/M4LRHFComponents/{index.0e107243.js → index.3df47466.js} +2 -0
  27. package/theme/overrides/MUIComponents/Badge.d.ts +2 -0
  28. package/theme/overrides/MUIComponents/Tabs.d.ts +1 -2
  29. package/theme/overrides/MUIComponents/{index.1489876d.js → index.c5a85efa.js} +24 -23
  30. package/theme/overrides/index.ede1f7a6.js +98 -0
  31. package/theme/{palette.d06284f6.js → palette.b6e02e1c.js} +1 -1
  32. package/theme/{shadows.7ecb0e23.js → shadows.386e7ef4.js} +1 -1
  33. package/theme/{typography.b693a0c9.js → typography.006a6c85.js} +4 -4
  34. package/utils/{getColorPresets.826b8bc5.js → getColorPresets.241c5bac.js} +1 -1
  35. package/utils/{getColorState.c9741929.js → getColorState.f10d3d33.js} +18 -18
  36. package/theme/defaultThemeOptions.d50c50f1.js +0 -30
  37. package/theme/index.5e193e78.js +0 -7
  38. package/theme/overrides/index.03494fe3.js +0 -93
package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts CHANGED
@@ -18,14 +18,8 @@ export declare const M4LMasterDetailLayout: (_theme: Theme) => {
18
18
  borderRadius: string;
19
19
  overFlow: string;
20
20
  };
21
- "& .M4LSplitLayout-secondPart": {
22
- borderRadius: string;
23
- padding: string;
24
- };
25
- "& .layout-pane-primary": {
26
- borderRadius: string;
27
- padding: string;
28
- };
21
+ "& .M4LSplitLayout-secondPart": {};
22
+ "& .layout-pane-primary": {};
29
23
  };
30
24
  };
31
25
  };
package/theme/overrides/M4LExtendedComponents/M4LNoItemSelected.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LNoItemSelected: (_theme: Theme) => {
3
+ M4LNoItemSelected: {
4
+ styleOverrides: {
5
+ '&.M4LNoItemSelected-root': {
6
+ width: string;
7
+ height: string;
8
+ maxWidth: string;
9
+ minWidth: string;
10
+ display: string;
11
+ flexDirection: string;
12
+ alignItems: string;
13
+ justifyContent: string;
14
+ padding: string;
15
+ '& .M4LImage-root': {
16
+ minHeight: string;
17
+ maxHeight: string;
18
+ };
19
+ };
20
+ };
21
+ };
22
+ };
package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts CHANGED
@@ -39,10 +39,7 @@ export declare const M4LPager: (theme: Theme) => {
39
39
  gap: string;
40
40
  width: string;
41
41
  background: string;
42
- boxShadow: string;
43
42
  borderRadius: string;
44
- borderTop: string;
45
- borderColor: string;
46
43
  "& .M4LIconButton-root": {
47
44
  [x: string]: string | {
48
45
  width: string;
@@ -71,6 +68,8 @@ export declare const M4LPager: (theme: Theme) => {
71
68
  minWidth: string;
72
69
  "& .MuiSvgIcon-root": {
73
70
  background: string;
71
+ borderRight: string;
72
+ borderColor: string;
74
73
  };
75
74
  };
76
75
  '& .M4LPager-skeletonRoot': {
package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts CHANGED
@@ -3,13 +3,17 @@ export declare const M4LPopover: (theme: Theme) => {
3
3
  M4LPopover: {
4
4
  styleOverrides: {
5
5
  '&.M4LPopover-root': {
6
- zIndex: string;
6
+ minWidth: string;
7
+ minHeight: string;
8
+ width: string;
9
+ height: string;
7
10
  '.MuiPaper-root': {
8
11
  background: string;
9
12
  borderRadius: string;
10
13
  padding: string;
11
14
  boxShadow: string;
12
15
  width: string;
16
+ zIndex: string;
13
17
  };
14
18
  '& .M4LanguagePopover-containerItems': {
15
19
  '& .M4LanguagePopover-labelItem': {
package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LScrollBar: (theme: Theme) => {
3
+ M4LScrollBar: {
4
+ styleOverrides: {
5
+ '&.M4LScrollBar-root': {
6
+ flexGrow: number;
7
+ width: string;
8
+ height: string;
9
+ overflow: string;
10
+ minHeight: string;
11
+ '& .ScrollbarsCustom-Content': {
12
+ position: string;
13
+ };
14
+ '& .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before': {
15
+ background: string;
16
+ borderRadius: string;
17
+ marginBottom: string;
18
+ };
19
+ '& .simplebar-track.simplebar-vertical .simplebar-scrollbar:before': {
20
+ background: string;
21
+ borderRadius: string;
22
+ };
23
+ };
24
+ };
25
+ };
26
+ };
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -4,6 +4,17 @@ export declare const M4LSideBar: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LSideBar-root': {
6
6
  [x: string]: 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
+ } | {
7
18
  "& .M4LSideBar-wrapperSideBar": {
8
19
  width: string;
9
20
  "& .M4LSideBar-contentDesktop": {
@@ -21,28 +32,22 @@ export declare const M4LSideBar: (theme: Theme) => {
21
32
  };
22
33
  };
23
34
  };
35
+ "& .M4LIcon-icon"?: undefined;
24
36
  width?: undefined;
25
37
  height?: undefined;
26
38
  padding?: undefined;
27
39
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
28
40
  '& .M4LSideBar-contentGroups'?: undefined;
29
41
  '& .M4LSideBar-collapseButton'?: undefined;
30
- display?: undefined;
31
- flexDirection?: undefined;
32
- paddingLeft?: undefined;
33
- gap?: undefined;
34
42
  } | {
35
43
  width: string;
36
44
  height: string;
37
45
  padding: string;
46
+ "& .M4LIcon-icon"?: undefined;
38
47
  "& .M4LSideBar-wrapperSideBar"?: undefined;
39
48
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
40
49
  '& .M4LSideBar-contentGroups'?: undefined;
41
50
  '& .M4LSideBar-collapseButton'?: undefined;
42
- display?: undefined;
43
- flexDirection?: undefined;
44
- paddingLeft?: undefined;
45
- gap?: undefined;
46
51
  } | {
47
52
  height: string;
48
53
  width: string;
@@ -207,10 +212,6 @@ export declare const M4LSideBar: (theme: Theme) => {
207
212
  };
208
213
  '& .M4LSideBar-containerListSubItem': {
209
214
  paddingLeft: string;
210
- '&:hover': {
211
- background: string;
212
- borderRadius: string;
213
- };
214
215
  };
215
216
  '& .M4LSideBar-navListSubItemRoot': {
216
217
  gap: string;
@@ -223,8 +224,22 @@ export declare const M4LSideBar: (theme: Theme) => {
223
224
  '&.M4LSideBar-subItemCollapseActive': {
224
225
  backgroundColor: string;
225
226
  gap: string;
227
+ "& .MuiButtonBase-root": {
228
+ "& .M4LIcon-root": {
229
+ "& .M4LIcon-icon": {
230
+ backgroundColor: string;
231
+ };
232
+ };
233
+ };
226
234
  };
227
- '&.M4LSideBar-subItemActive': {
235
+ '& .M4LSideBar-subItemActive': {
236
+ "& .MuiButtonBase-root": {
237
+ "& .M4LIcon-root": {
238
+ "& .M4LIcon-icon": {
239
+ backgroundColor: string;
240
+ };
241
+ };
242
+ };
228
243
  '& .M4LSideBar-navSubItemContentBullet': {
229
244
  height: string;
230
245
  borderRadius: string;
@@ -278,6 +293,9 @@ export declare const M4LSideBar: (theme: Theme) => {
278
293
  marginLeft: string;
279
294
  gap: string;
280
295
  alignItems: string;
296
+ height: string;
297
+ minHeight: string;
298
+ flexDirection: string;
281
299
  '& .M4LSideBar-containerLogoButton': {
282
300
  display: string;
283
301
  gap: string;
@@ -292,43 +310,20 @@ export declare const M4LSideBar: (theme: Theme) => {
292
310
  };
293
311
  };
294
312
  };
313
+ "& .M4LIcon-icon"?: undefined;
295
314
  "& .M4LSideBar-wrapperSideBar"?: undefined;
296
315
  padding?: undefined;
297
- display?: undefined;
298
- flexDirection?: undefined;
299
- paddingLeft?: undefined;
300
- gap?: undefined;
301
- } | {
302
- width: string;
303
- display: string;
304
- flexDirection: string;
305
- paddingLeft: string;
306
- "& .M4LSideBar-wrapperSideBar"?: undefined;
307
- height?: undefined;
308
- padding?: undefined;
309
- '& .M4LSideBar-containerSideBarLogo'?: undefined;
310
- '& .M4LSideBar-contentGroups'?: undefined;
311
- '& .M4LSideBar-collapseButton'?: undefined;
312
- gap?: undefined;
313
- } | {
314
- display: string;
315
- gap: string;
316
- "& .M4LSideBar-wrapperSideBar"?: undefined;
317
- width?: undefined;
318
- height?: undefined;
319
- padding?: undefined;
320
- '& .M4LSideBar-containerSideBarLogo'?: undefined;
321
- '& .M4LSideBar-contentGroups'?: undefined;
322
- '& .M4LSideBar-collapseButton'?: undefined;
323
- flexDirection?: undefined;
324
- paddingLeft?: undefined;
325
316
  };
326
317
  height: string;
327
318
  width: string;
328
319
  background: string;
329
320
  paddingLeft: string;
330
321
  paddingBottom: string;
331
- boxShadow: string;
322
+ '& .M4LSideBar-subItemActive': {
323
+ "& .M4LIcon-icon": {
324
+ backgroundColor: string;
325
+ };
326
+ };
332
327
  '&.M4LSideBar-collapsed': {
333
328
  "& .M4LSideBar-wrapperSideBar": {
334
329
  width: string;
@@ -512,10 +507,6 @@ export declare const M4LSideBar: (theme: Theme) => {
512
507
  };
513
508
  '& .M4LSideBar-containerListSubItem': {
514
509
  paddingLeft: string;
515
- '&:hover': {
516
- background: string;
517
- borderRadius: string;
518
- };
519
510
  };
520
511
  '& .M4LSideBar-navListSubItemRoot': {
521
512
  gap: string;
@@ -528,8 +519,22 @@ export declare const M4LSideBar: (theme: Theme) => {
528
519
  '&.M4LSideBar-subItemCollapseActive': {
529
520
  backgroundColor: string;
530
521
  gap: string;
522
+ "& .MuiButtonBase-root": {
523
+ "& .M4LIcon-root": {
524
+ "& .M4LIcon-icon": {
525
+ backgroundColor: string;
526
+ };
527
+ };
528
+ };
531
529
  };
532
- '&.M4LSideBar-subItemActive': {
530
+ '& .M4LSideBar-subItemActive': {
531
+ "& .MuiButtonBase-root": {
532
+ "& .M4LIcon-root": {
533
+ "& .M4LIcon-icon": {
534
+ backgroundColor: string;
535
+ };
536
+ };
537
+ };
533
538
  '& .M4LSideBar-navSubItemContentBullet': {
534
539
  height: string;
535
540
  borderRadius: string;
@@ -583,6 +588,9 @@ export declare const M4LSideBar: (theme: Theme) => {
583
588
  marginLeft: string;
584
589
  gap: string;
585
590
  alignItems: string;
591
+ height: string;
592
+ minHeight: string;
593
+ flexDirection: string;
586
594
  '& .M4LSideBar-containerLogoButton': {
587
595
  display: string;
588
596
  gap: string;
@@ -598,22 +606,17 @@ export declare const M4LSideBar: (theme: Theme) => {
598
606
  };
599
607
  };
600
608
  };
601
- '& .M4LSideBar-contentMobile': {
602
- width: string;
603
- display: string;
604
- flexDirection: string;
605
- paddingLeft: string;
606
- };
607
- '& .M4LSideBar-contentDesktop': {
608
- display: string;
609
- gap: string;
610
- };
611
609
  };
612
610
  };
613
611
  };
614
612
  M4LSideBarPopover: {
615
613
  styleOverrides: {
616
614
  '&.M4LSideBar-popover': {
615
+ '& .M4LSideBar-subItemActive': {
616
+ "& .M4LIcon-icon": {
617
+ backgroundColor: string;
618
+ };
619
+ };
617
620
  '& .M4LSideBar-navListSubItemRoot': {
618
621
  width: string;
619
622
  height: string;
@@ -636,8 +639,28 @@ export declare const M4LSideBar: (theme: Theme) => {
636
639
  textWrap: string;
637
640
  };
638
641
  };
639
- '&.M4LSideBar-subItemActive': {
642
+ '& .MuiPaper-root': {
643
+ '& .M4LSideBar-navListSubItemRoot': {
644
+ '& .M4LSideBar-subItemActive': {
645
+ '& .MuiButtonBase-root': {
646
+ '& .M4LIcon-root': {
647
+ '& .M4LIcon-icon': {
648
+ backgroundColor: string;
649
+ };
650
+ };
651
+ };
652
+ };
653
+ };
654
+ };
655
+ '& .M4LSideBar-subItemActive': {
640
656
  height: string;
657
+ "& .MuiButtonBase-root": {
658
+ "& .M4LIcon-root": {
659
+ "& .M4LIcon-icon": {
660
+ backgroundColor: string;
661
+ };
662
+ };
663
+ };
641
664
  '& .M4LSideBar-navSubItemContentBullet': {
642
665
  height: string;
643
666
  borderRadius: string;
@@ -661,18 +684,22 @@ export declare const M4LSideBar: (theme: Theme) => {
661
684
  M4LSideBarDrawer: {
662
685
  styleOverrides: {
663
686
  '&.M4LSideBar-drawer': {
687
+ '& .M4LSideBar-subItemActive': {
688
+ "& .M4LIcon-icon": {
689
+ backgroundColor: string;
690
+ };
691
+ };
664
692
  '& .M4LSideBar-contentMobile': {
665
693
  width: string;
666
694
  height: string;
667
695
  display: string;
668
696
  flexDirection: string;
669
697
  '& .M4LSideBar-containerSideBarLogo': {
670
- marginRight: string;
698
+ display: string;
699
+ justifyContent: string;
671
700
  marginTop: string;
672
701
  '& .M4LSideBar-containerLogo': {
673
- height: string;
674
702
  display: string;
675
- flexDirection: string;
676
703
  justifyContent: string;
677
704
  alignItems: string;
678
705
  fitContent: string;
@@ -680,9 +707,9 @@ export declare const M4LSideBar: (theme: Theme) => {
680
707
  paddingTop: string;
681
708
  paddingBottom: string;
682
709
  gap: string;
710
+ paddingLeft: string;
683
711
  '& .M4LTypography-root': {
684
712
  display: string;
685
- justifyContent: string;
686
713
  width: string;
687
714
  '& .MuiTypography-root': {
688
715
  with: string;
@@ -697,6 +724,8 @@ export declare const M4LSideBar: (theme: Theme) => {
697
724
  boxShadow: string;
698
725
  padding: string;
699
726
  borderRadius: string;
727
+ minWidth: string;
728
+ minHeight: string;
700
729
  };
701
730
  };
702
731
  };
@@ -716,7 +745,6 @@ export declare const M4LSideBar: (theme: Theme) => {
716
745
  height: string;
717
746
  paddingLeft: string;
718
747
  '& .M4LSideBar-wrapperGroupTitle': {
719
- padding: string;
720
748
  height: string;
721
749
  '& .M4LTypography-root': {
722
750
  display: string;
@@ -736,41 +764,44 @@ export declare const M4LSideBar: (theme: Theme) => {
736
764
  flexDirection: string;
737
765
  padding: string;
738
766
  gap: string;
739
- '&.M4LSideBar-navItemMainRoot': {
767
+ '& .M4LSideBar-navItemMainRoot': {
768
+ backgroundColor: string;
740
769
  borderRadius: string;
741
- '& .M4LSideBar-navItemMainRoot': {
742
- backgroundColor: string;
743
- '&:hover': {
744
- background: string;
745
- };
770
+ '&:hover': {
771
+ background: string;
772
+ cursor: string;
746
773
  };
747
774
  };
748
775
  '&.M4LSideBar-itemMainActive': {
749
- color: string;
750
- gap: string;
776
+ borderRadius: string;
751
777
  '& .M4LSideBar-navItemMainRoot': {
752
778
  background: string;
753
- padding: string;
754
779
  '&:hover': {
755
780
  background: string;
781
+ cursor: string;
756
782
  };
757
783
  };
758
784
  '& .M4LSideBar-navItemRootContent': {
759
785
  '& .M4LSideBar-navItemRootContentIconTypo': {
760
- display: string;
761
- gap: string;
762
- width: string;
763
- alignItems: string;
764
786
  '& .M4LIcon-icon': {
765
787
  backgroundColor: string;
766
788
  };
767
- '& .MuiTypography-root': {
768
- color: string;
789
+ '& .M4LTypography-root': {
790
+ '& .MuiTypography-root': {
791
+ color: string;
792
+ };
769
793
  };
770
794
  '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
771
795
  backgroundColor: string;
772
796
  };
773
797
  };
798
+ '& .M4LSideBar-arrowIconRoot': {
799
+ "& .M4LIcon-root": {
800
+ "& .M4LIcon-icon": {
801
+ backgroundColor: string;
802
+ };
803
+ };
804
+ };
774
805
  '&::before': {
775
806
  content: string;
776
807
  width: string;
@@ -795,29 +826,68 @@ export declare const M4LSideBar: (theme: Theme) => {
795
826
  width: string;
796
827
  '& .M4LIcon-icon': {
797
828
  backgroundColor: string;
829
+ width: string;
830
+ height: string;
798
831
  };
799
- '& .MuiTypography-root': {
800
- color: string;
801
- textWrap: string;
802
- textOverflow: string;
832
+ '& .M4LTypography-root': {
803
833
  display: string;
834
+ flexGrow: string;
804
835
  overflow: string;
836
+ '& .MuiTypography-root': {
837
+ color: string;
838
+ textWrap: string;
839
+ textOverflow: string;
840
+ display: string;
841
+ overflow: string;
842
+ };
805
843
  };
806
844
  '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
807
845
  backgroundColor: string;
808
846
  };
809
847
  };
848
+ '& .M4LSideBar-arrowIconRoot': {
849
+ "& .M4LIcon-root": {
850
+ "& .M4LIcon-icon": {
851
+ background: string;
852
+ };
853
+ };
854
+ };
855
+ };
856
+ '& .M4LSideBar-containerListSubItem': {
857
+ paddingLeft: string;
810
858
  };
811
859
  '& .M4LSideBar-navListSubItemRoot': {
860
+ gap: string;
861
+ padding: string;
812
862
  '& .M4LSideBar-navSubItemContentRoot ': {
863
+ width: string;
864
+ height: string;
865
+ borderRadius: string;
866
+ gap: string;
813
867
  '&.M4LSideBar-subItemCollapseActive': {
814
868
  backgroundColor: string;
869
+ gap: string;
870
+ "& .MuiButtonBase-root": {
871
+ "& .M4LIcon-root": {
872
+ "& .M4LIcon-icon": {
873
+ backgroundColor: string;
874
+ };
875
+ };
876
+ };
815
877
  };
816
- '&.M4LSideBar-subItemActive': {
878
+ '& .M4LSideBar-subItemActive': {
879
+ "& .MuiButtonBase-root": {
880
+ "& .M4LIcon-root": {
881
+ "& .M4LIcon-icon": {
882
+ backgroundColor: string;
883
+ };
884
+ };
885
+ };
817
886
  '& .M4LSideBar-navSubItemContentBullet': {
818
887
  height: string;
819
888
  borderRadius: string;
820
889
  backgroundColor: string;
890
+ gap: string;
821
891
  };
822
892
  };
823
893
  '&:hover': {
@@ -837,7 +907,6 @@ export declare const M4LSideBar: (theme: Theme) => {
837
907
  '& .M4LTypography-root': {
838
908
  display: string;
839
909
  width: string;
840
- flexGrow: string;
841
910
  '& .MuiTypography-root': {
842
911
  color: string;
843
912
  with: string;
@@ -857,6 +926,32 @@ export declare const M4LSideBar: (theme: Theme) => {
857
926
  backgroundColor: string;
858
927
  };
859
928
  };
929
+ '& .M4LSideBar-collapseButton': {
930
+ display: string;
931
+ paddingTop: string;
932
+ borderTop: string;
933
+ borderColor: string;
934
+ justifyContent: string;
935
+ marginRight: string;
936
+ marginLeft: string;
937
+ gap: string;
938
+ alignItems: string;
939
+ height: string;
940
+ minHeight: string;
941
+ '& .M4LSideBar-containerLogoButton': {
942
+ display: string;
943
+ gap: string;
944
+ width: string;
945
+ };
946
+ '& .M4LSideBar-containerLogoButtonLogo': {
947
+ width: string;
948
+ height: string;
949
+ '& .M4LSideBar-containerLogoButtonIcon': {
950
+ display: string;
951
+ alignItems: string;
952
+ };
953
+ };
954
+ };
860
955
  };
861
956
  };
862
957
  };
package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts CHANGED
@@ -8,6 +8,16 @@ export declare const M4LSplitLayout: (theme: Theme) => {
8
8
  position: string;
9
9
  flexGrow: number;
10
10
  overflow: string;
11
+ '& .M4LSplitLayout-firstPart': {
12
+ position: string;
13
+ width: string;
14
+ height: string;
15
+ };
16
+ '& .M4LSplitLayout-secondPart': {
17
+ position: string;
18
+ width: string;
19
+ height: string;
20
+ };
11
21
  '& .splitter-layout': {
12
22
  position: string;
13
23
  display: string;
@@ -49,6 +59,7 @@ export declare const M4LSplitLayout: (theme: Theme) => {
49
59
  position: string;
50
60
  background: string;
51
61
  borderRadius: string;
62
+ margin: string;
52
63
  };
53
64
  '& .splitter-layout > .layout-splitter:hover': {
54
65
  borderRadius: string;
@@ -74,12 +85,32 @@ export declare const M4LSplitLayout: (theme: Theme) => {
74
85
  top: string;
75
86
  background: string;
76
87
  borderRadius: string;
88
+ zIndex: string;
77
89
  };
78
90
  '& .splitter-layout > .layout-splitter:hover:before, .splitter-layout.layout-changing > .layout-splitter:before': {
79
91
  background: string;
80
92
  };
81
93
  '& .splitter-layout.splitter-layout-vertical': {
82
94
  flexDirection: string;
95
+ position: string;
96
+ '& .layout-splitter:after': {
97
+ content: string;
98
+ height: string;
99
+ left: string;
100
+ right: string;
101
+ position: string;
102
+ background: string;
103
+ };
104
+ };
105
+ '& .splitter-layout:not(.splitter-layout-vertical)': {
106
+ '& .layout-splitter:after': {
107
+ content: string;
108
+ width: string;
109
+ top: string;
110
+ bottom: string;
111
+ position: string;
112
+ background: string;
113
+ };
83
114
  };
84
115
  '& .splitter-layout.splitter-layout-vertical > .layout-splitter:hover': {
85
116
  borderTop: string;
package/theme/overrides/M4LExtendedComponents/M4LStack.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LStack: (_theme: Theme) => {
3
+ M4LStack: {
4
+ styleOverrides: {
5
+ '&.M4LStack-root': {
6
+ width: string;
7
+ height: string;
8
+ position: string;
9
+ overflow: string;
10
+ flex: string;
11
+ };
12
+ };
13
+ };
14
+ };
package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LTabs: (_theme: Theme) => {
3
+ M4LTabs: {
4
+ styleOverrides: {
5
+ '&.M4LTabs-root': {
6
+ width: string;
7
+ height: string;
8
+ position: string;
9
+ minHeight: string;
10
+ '&:not(:last-of-type)': {
11
+ margin: string;
12
+ };
13
+ };
14
+ };
15
+ };
16
+ };