@m4l/styles 0.0.24 → 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 (35) hide show
  1. package/index.js +10 -10
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.d50c50f1.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 +12 -4
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +2 -4
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +12728 -5576
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +19 -7
  10. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +1 -4
  11. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +1 -1
  12. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +0 -3
  13. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +113 -8
  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 +1 -1
  19. package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +17 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +150 -43
  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.a0dbf03e.js} +632 -391
  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/{index.1489876d.js → index.56b4e9b3.js} +9 -9
  28. package/theme/overrides/index.5c0e3013.js +98 -0
  29. package/theme/{palette.d06284f6.js → palette.b6e02e1c.js} +1 -1
  30. package/theme/{shadows.7ecb0e23.js → shadows.386e7ef4.js} +1 -1
  31. package/theme/{typography.b693a0c9.js → typography.248c39d2.js} +4 -4
  32. package/utils/{getColorPresets.826b8bc5.js → getColorPresets.241c5bac.js} +1 -1
  33. package/utils/{getColorState.c9741929.js → getColorState.2c0892d1.js} +18 -18
  34. package/theme/index.5e193e78.js +0 -7
  35. package/theme/overrides/index.03494fe3.js +0 -93
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -4,6 +4,21 @@ 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
+ display?: undefined;
18
+ flexDirection?: undefined;
19
+ paddingLeft?: undefined;
20
+ gap?: undefined;
21
+ } | {
7
22
  "& .M4LSideBar-wrapperSideBar": {
8
23
  width: string;
9
24
  "& .M4LSideBar-contentDesktop": {
@@ -21,6 +36,7 @@ export declare const M4LSideBar: (theme: Theme) => {
21
36
  };
22
37
  };
23
38
  };
39
+ "& .M4LIcon-icon"?: undefined;
24
40
  width?: undefined;
25
41
  height?: undefined;
26
42
  padding?: undefined;
@@ -35,6 +51,7 @@ export declare const M4LSideBar: (theme: Theme) => {
35
51
  width: string;
36
52
  height: string;
37
53
  padding: string;
54
+ "& .M4LIcon-icon"?: undefined;
38
55
  "& .M4LSideBar-wrapperSideBar"?: undefined;
39
56
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
40
57
  '& .M4LSideBar-contentGroups'?: undefined;
@@ -207,10 +224,6 @@ export declare const M4LSideBar: (theme: Theme) => {
207
224
  };
208
225
  '& .M4LSideBar-containerListSubItem': {
209
226
  paddingLeft: string;
210
- '&:hover': {
211
- background: string;
212
- borderRadius: string;
213
- };
214
227
  };
215
228
  '& .M4LSideBar-navListSubItemRoot': {
216
229
  gap: string;
@@ -223,8 +236,22 @@ export declare const M4LSideBar: (theme: Theme) => {
223
236
  '&.M4LSideBar-subItemCollapseActive': {
224
237
  backgroundColor: string;
225
238
  gap: string;
239
+ "& .MuiButtonBase-root": {
240
+ "& .M4LIcon-root": {
241
+ "& .M4LIcon-icon": {
242
+ backgroundColor: string;
243
+ };
244
+ };
245
+ };
226
246
  };
227
- '&.M4LSideBar-subItemActive': {
247
+ '& .M4LSideBar-subItemActive': {
248
+ "& .MuiButtonBase-root": {
249
+ "& .M4LIcon-root": {
250
+ "& .M4LIcon-icon": {
251
+ backgroundColor: string;
252
+ };
253
+ };
254
+ };
228
255
  '& .M4LSideBar-navSubItemContentBullet': {
229
256
  height: string;
230
257
  borderRadius: string;
@@ -278,6 +305,8 @@ export declare const M4LSideBar: (theme: Theme) => {
278
305
  marginLeft: string;
279
306
  gap: string;
280
307
  alignItems: string;
308
+ height: string;
309
+ minHeight: string;
281
310
  '& .M4LSideBar-containerLogoButton': {
282
311
  display: string;
283
312
  gap: string;
@@ -292,6 +321,7 @@ export declare const M4LSideBar: (theme: Theme) => {
292
321
  };
293
322
  };
294
323
  };
324
+ "& .M4LIcon-icon"?: undefined;
295
325
  "& .M4LSideBar-wrapperSideBar"?: undefined;
296
326
  padding?: undefined;
297
327
  display?: undefined;
@@ -303,6 +333,7 @@ export declare const M4LSideBar: (theme: Theme) => {
303
333
  display: string;
304
334
  flexDirection: string;
305
335
  paddingLeft: string;
336
+ "& .M4LIcon-icon"?: undefined;
306
337
  "& .M4LSideBar-wrapperSideBar"?: undefined;
307
338
  height?: undefined;
308
339
  padding?: undefined;
@@ -313,6 +344,7 @@ export declare const M4LSideBar: (theme: Theme) => {
313
344
  } | {
314
345
  display: string;
315
346
  gap: string;
347
+ "& .M4LIcon-icon"?: undefined;
316
348
  "& .M4LSideBar-wrapperSideBar"?: undefined;
317
349
  width?: undefined;
318
350
  height?: undefined;
@@ -328,7 +360,11 @@ export declare const M4LSideBar: (theme: Theme) => {
328
360
  background: string;
329
361
  paddingLeft: string;
330
362
  paddingBottom: string;
331
- boxShadow: string;
363
+ '& .M4LSideBar-subItemActive': {
364
+ "& .M4LIcon-icon": {
365
+ backgroundColor: string;
366
+ };
367
+ };
332
368
  '&.M4LSideBar-collapsed': {
333
369
  "& .M4LSideBar-wrapperSideBar": {
334
370
  width: string;
@@ -512,10 +548,6 @@ export declare const M4LSideBar: (theme: Theme) => {
512
548
  };
513
549
  '& .M4LSideBar-containerListSubItem': {
514
550
  paddingLeft: string;
515
- '&:hover': {
516
- background: string;
517
- borderRadius: string;
518
- };
519
551
  };
520
552
  '& .M4LSideBar-navListSubItemRoot': {
521
553
  gap: string;
@@ -528,8 +560,22 @@ export declare const M4LSideBar: (theme: Theme) => {
528
560
  '&.M4LSideBar-subItemCollapseActive': {
529
561
  backgroundColor: string;
530
562
  gap: string;
563
+ "& .MuiButtonBase-root": {
564
+ "& .M4LIcon-root": {
565
+ "& .M4LIcon-icon": {
566
+ backgroundColor: string;
567
+ };
568
+ };
569
+ };
531
570
  };
532
- '&.M4LSideBar-subItemActive': {
571
+ '& .M4LSideBar-subItemActive': {
572
+ "& .MuiButtonBase-root": {
573
+ "& .M4LIcon-root": {
574
+ "& .M4LIcon-icon": {
575
+ backgroundColor: string;
576
+ };
577
+ };
578
+ };
533
579
  '& .M4LSideBar-navSubItemContentBullet': {
534
580
  height: string;
535
581
  borderRadius: string;
@@ -583,6 +629,8 @@ export declare const M4LSideBar: (theme: Theme) => {
583
629
  marginLeft: string;
584
630
  gap: string;
585
631
  alignItems: string;
632
+ height: string;
633
+ minHeight: string;
586
634
  '& .M4LSideBar-containerLogoButton': {
587
635
  display: string;
588
636
  gap: string;
@@ -636,8 +684,15 @@ export declare const M4LSideBar: (theme: Theme) => {
636
684
  textWrap: string;
637
685
  };
638
686
  };
639
- '&.M4LSideBar-subItemActive': {
687
+ '& .M4LSideBar-subItemActive': {
640
688
  height: string;
689
+ "& .MuiButtonBase-root": {
690
+ "& .M4LIcon-root": {
691
+ "& .M4LIcon-icon": {
692
+ backgroundColor: string;
693
+ };
694
+ };
695
+ };
641
696
  '& .M4LSideBar-navSubItemContentBullet': {
642
697
  height: string;
643
698
  borderRadius: string;
@@ -667,12 +722,11 @@ export declare const M4LSideBar: (theme: Theme) => {
667
722
  display: string;
668
723
  flexDirection: string;
669
724
  '& .M4LSideBar-containerSideBarLogo': {
670
- marginRight: string;
725
+ display: string;
726
+ justifyContent: string;
671
727
  marginTop: string;
672
728
  '& .M4LSideBar-containerLogo': {
673
- height: string;
674
729
  display: string;
675
- flexDirection: string;
676
730
  justifyContent: string;
677
731
  alignItems: string;
678
732
  fitContent: string;
@@ -680,9 +734,9 @@ export declare const M4LSideBar: (theme: Theme) => {
680
734
  paddingTop: string;
681
735
  paddingBottom: string;
682
736
  gap: string;
737
+ paddingLeft: string;
683
738
  '& .M4LTypography-root': {
684
739
  display: string;
685
- justifyContent: string;
686
740
  width: string;
687
741
  '& .MuiTypography-root': {
688
742
  with: string;
@@ -697,6 +751,8 @@ export declare const M4LSideBar: (theme: Theme) => {
697
751
  boxShadow: string;
698
752
  padding: string;
699
753
  borderRadius: string;
754
+ minWidth: string;
755
+ minHeight: string;
700
756
  };
701
757
  };
702
758
  };
@@ -716,7 +772,6 @@ export declare const M4LSideBar: (theme: Theme) => {
716
772
  height: string;
717
773
  paddingLeft: string;
718
774
  '& .M4LSideBar-wrapperGroupTitle': {
719
- padding: string;
720
775
  height: string;
721
776
  '& .M4LTypography-root': {
722
777
  display: string;
@@ -736,41 +791,44 @@ export declare const M4LSideBar: (theme: Theme) => {
736
791
  flexDirection: string;
737
792
  padding: string;
738
793
  gap: string;
739
- '&.M4LSideBar-navItemMainRoot': {
794
+ '& .M4LSideBar-navItemMainRoot': {
795
+ backgroundColor: string;
740
796
  borderRadius: string;
741
- '& .M4LSideBar-navItemMainRoot': {
742
- backgroundColor: string;
743
- '&:hover': {
744
- background: string;
745
- };
797
+ '&:hover': {
798
+ background: string;
799
+ cursor: string;
746
800
  };
747
801
  };
748
802
  '&.M4LSideBar-itemMainActive': {
749
- color: string;
750
- gap: string;
803
+ borderRadius: string;
751
804
  '& .M4LSideBar-navItemMainRoot': {
752
805
  background: string;
753
- padding: string;
754
806
  '&:hover': {
755
807
  background: string;
808
+ cursor: string;
756
809
  };
757
810
  };
758
811
  '& .M4LSideBar-navItemRootContent': {
759
812
  '& .M4LSideBar-navItemRootContentIconTypo': {
760
- display: string;
761
- gap: string;
762
- width: string;
763
- alignItems: string;
764
813
  '& .M4LIcon-icon': {
765
814
  backgroundColor: string;
766
815
  };
767
- '& .MuiTypography-root': {
768
- color: string;
816
+ '& .M4LTypography-root': {
817
+ '& .MuiTypography-root': {
818
+ color: string;
819
+ };
769
820
  };
770
821
  '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
771
822
  backgroundColor: string;
772
823
  };
773
824
  };
825
+ '& .M4LSideBar-arrowIconRoot': {
826
+ "& .M4LIcon-root": {
827
+ "& .M4LIcon-icon": {
828
+ backgroundColor: string;
829
+ };
830
+ };
831
+ };
774
832
  '&::before': {
775
833
  content: string;
776
834
  width: string;
@@ -795,29 +853,53 @@ export declare const M4LSideBar: (theme: Theme) => {
795
853
  width: string;
796
854
  '& .M4LIcon-icon': {
797
855
  backgroundColor: string;
856
+ width: string;
857
+ height: string;
798
858
  };
799
- '& .MuiTypography-root': {
800
- color: string;
801
- textWrap: string;
802
- textOverflow: string;
859
+ '& .M4LTypography-root': {
803
860
  display: string;
861
+ flexGrow: string;
804
862
  overflow: string;
863
+ '& .MuiTypography-root': {
864
+ color: string;
865
+ textWrap: string;
866
+ textOverflow: string;
867
+ display: string;
868
+ overflow: string;
869
+ };
805
870
  };
806
871
  '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
807
872
  backgroundColor: string;
808
873
  };
809
874
  };
875
+ '& .M4LSideBar-arrowIconRoot': {
876
+ "& .M4LIcon-root": {
877
+ "& .M4LIcon-icon": {
878
+ background: string;
879
+ };
880
+ };
881
+ };
882
+ };
883
+ '& .M4LSideBar-containerListSubItem': {
884
+ paddingLeft: string;
810
885
  };
811
886
  '& .M4LSideBar-navListSubItemRoot': {
887
+ gap: string;
888
+ padding: string;
812
889
  '& .M4LSideBar-navSubItemContentRoot ': {
890
+ width: string;
891
+ height: string;
892
+ borderRadius: string;
893
+ gap: string;
813
894
  '&.M4LSideBar-subItemCollapseActive': {
814
895
  backgroundColor: string;
815
- };
816
- '&.M4LSideBar-subItemActive': {
817
- '& .M4LSideBar-navSubItemContentBullet': {
818
- height: string;
819
- borderRadius: string;
820
- backgroundColor: string;
896
+ gap: string;
897
+ "& .MuiButtonBase-root": {
898
+ "& .M4LIcon-root": {
899
+ "& .M4LIcon-icon": {
900
+ backgroundColor: string;
901
+ };
902
+ };
821
903
  };
822
904
  };
823
905
  '&:hover': {
@@ -837,7 +919,6 @@ export declare const M4LSideBar: (theme: Theme) => {
837
919
  '& .M4LTypography-root': {
838
920
  display: string;
839
921
  width: string;
840
- flexGrow: string;
841
922
  '& .MuiTypography-root': {
842
923
  color: string;
843
924
  with: string;
@@ -857,6 +938,32 @@ export declare const M4LSideBar: (theme: Theme) => {
857
938
  backgroundColor: string;
858
939
  };
859
940
  };
941
+ '& .M4LSideBar-collapseButton': {
942
+ display: string;
943
+ paddingTop: string;
944
+ borderTop: string;
945
+ borderColor: string;
946
+ justifyContent: string;
947
+ marginRight: string;
948
+ marginLeft: string;
949
+ gap: string;
950
+ alignItems: string;
951
+ height: string;
952
+ minHeight: string;
953
+ '& .M4LSideBar-containerLogoButton': {
954
+ display: string;
955
+ gap: string;
956
+ width: string;
957
+ };
958
+ '& .M4LSideBar-containerLogoButtonLogo': {
959
+ width: string;
960
+ height: string;
961
+ '& .M4LSideBar-containerLogoButtonIcon': {
962
+ display: string;
963
+ alignItems: string;
964
+ };
965
+ };
966
+ };
860
967
  };
861
968
  };
862
969
  };
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
+ };