@m4l/styles 0.0.22 → 0.0.24

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 (41) hide show
  1. package/index.js +17 -17
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.733652aa.js → defaultThemeOptions.d50c50f1.js} +5 -5
  4. package/theme/index.5e193e78.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +1 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +85 -25
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +2 -4
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +5965 -218
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +22 -2
  10. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +9 -1
  11. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +26 -1
  12. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +287 -821
  13. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +17 -12
  14. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +1 -3
  15. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +955 -4
  16. package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts +0 -3
  17. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +76 -0
  18. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +14 -1
  19. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +4 -1
  20. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +158 -53
  21. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +2 -1
  22. package/theme/overrides/M4LExtendedComponents/{index.28d622ba.js → index.83dad55c.js} +626 -240
  23. package/theme/overrides/MUIComponents/Avatar.d.ts +2 -0
  24. package/theme/overrides/MUIComponents/Button.d.ts +7 -0
  25. package/theme/overrides/MUIComponents/DataGrid.d.ts +1 -1616
  26. package/theme/overrides/MUIComponents/Input.d.ts +1 -1
  27. package/theme/overrides/MUIComponents/Menu.d.ts +1 -0
  28. package/theme/overrides/MUIComponents/{index.d308ce65.js → index.1489876d.js} +33 -22
  29. package/theme/overrides/{index.76becad2.js → index.03494fe3.js} +3 -3
  30. package/theme/palette.d.ts +10 -6
  31. package/theme/{palette.a914c187.js → palette.d06284f6.js} +53 -33
  32. package/theme/{shadows.3dfe77c2.js → shadows.7ecb0e23.js} +1 -1
  33. package/theme/{typography.dd335f0f.js → typography.b693a0c9.js} +4 -4
  34. package/types/augmentations.d.ts +1 -1
  35. package/types/types.d.ts +1 -1
  36. package/utils/getColorPresets.826b8bc5.js +70 -0
  37. package/utils/getColorPresets.d.ts +1 -1
  38. package/utils/{getColorState.184e9d10.js → getColorState.c9741929.js} +39 -27
  39. package/utils/getColorState.d.ts +1 -0
  40. package/theme/index.fa6b03ae.js +0 -7
  41. package/utils/getColorPresets.9c103b85.js +0 -70
@@ -11,9 +11,6 @@ export declare const M4LModuleLayout: (theme: Theme) => {
11
11
  width: string;
12
12
  height: string;
13
13
  boxShadow: string;
14
- background: string;
15
- border: string;
16
- borderColor: string;
17
14
  borderRadius: string;
18
15
  };
19
16
  };
@@ -4,6 +4,75 @@ export declare const M4LPager: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LPager-root': {
6
6
  test: string;
7
+ display: string;
8
+ flexDirection: string;
9
+ alignItems: string;
10
+ justifyContent: string;
11
+ gap: string;
12
+ whiteSpace: string;
13
+ "& .M4LPager-pagerActions": {
14
+ [x: string]: string | {
15
+ gap: string;
16
+ padding: string;
17
+ width?: undefined;
18
+ height?: undefined;
19
+ minWidth?: undefined;
20
+ minHeight?: undefined;
21
+ } | {
22
+ [x: string]: string | {
23
+ width: string;
24
+ height: string;
25
+ minWidth: string;
26
+ minHeight: string;
27
+ };
28
+ width: string;
29
+ height: string;
30
+ minWidth: string;
31
+ minHeight: string;
32
+ gap?: undefined;
33
+ padding?: undefined;
34
+ };
35
+ display: string;
36
+ padding: string;
37
+ justifyContent: string;
38
+ alignItems: string;
39
+ gap: string;
40
+ width: string;
41
+ background: string;
42
+ boxShadow: string;
43
+ borderRadius: string;
44
+ borderTop: string;
45
+ borderColor: string;
46
+ "& .M4LIconButton-root": {
47
+ [x: string]: string | {
48
+ width: string;
49
+ height: string;
50
+ minWidth: string;
51
+ minHeight: string;
52
+ };
53
+ width: string;
54
+ height: string;
55
+ minWidth: string;
56
+ minHeight: string;
57
+ };
58
+ };
59
+ "& .M4LPager-labelRowsPerPageContainer": {
60
+ display: string;
61
+ flexDirection: string;
62
+ gap: string;
63
+ justifyContent: string;
64
+ alignItems: string;
65
+ };
66
+ "& .MuiInputBase-root": {
67
+ padding: string;
68
+ borderRadius: string;
69
+ background: string;
70
+ overflow: string;
71
+ minWidth: string;
72
+ "& .MuiSvgIcon-root": {
73
+ background: string;
74
+ };
75
+ };
7
76
  '& .M4LPager-skeletonRoot': {
8
77
  width: string;
9
78
  display: string;
@@ -31,4 +100,11 @@ export declare const M4LPager: (theme: Theme) => {
31
100
  };
32
101
  };
33
102
  };
103
+ M4LPagerMenuPopover: {
104
+ styleOverrides: {
105
+ '&.M4LPager-selectMenuPopover': {
106
+ test: string;
107
+ };
108
+ };
109
+ };
34
110
  };
@@ -5,7 +5,6 @@ export declare const M4LPeriod: (theme: Theme) => {
5
5
  '&.M4LPeriod-root': {
6
6
  border: string;
7
7
  borderColor: string;
8
- boxShadow: string;
9
8
  display: string;
10
9
  width: string;
11
10
  gap: string;
@@ -26,6 +25,7 @@ export declare const M4LPeriod: (theme: Theme) => {
26
25
  padding: string;
27
26
  };
28
27
  '& .M4LPeriod-containerDateValue': {
28
+ display: string;
29
29
  width: string;
30
30
  borderRadius: string;
31
31
  border: string;
@@ -38,10 +38,19 @@ export declare const M4LPeriod: (theme: Theme) => {
38
38
  width: string;
39
39
  borderRadius: string;
40
40
  borderColor: string;
41
+ "& .MuiFormControl-root": {
42
+ width: string;
43
+ border: string;
44
+ borderColor: string;
45
+ };
41
46
  '& .MuiInputBase-root': {
47
+ width: string;
42
48
  borderRadius: string;
43
49
  paddingLeft: string;
44
50
  background: string;
51
+ "& .MuiInputBase-input": {
52
+ padding: string;
53
+ };
45
54
  };
46
55
  };
47
56
  '& .MuiTextField-root': {
@@ -60,9 +69,11 @@ export declare const M4LPeriod: (theme: Theme) => {
60
69
  borderColor: string;
61
70
  };
62
71
  '& .MuiInputBase-root:hover': {
72
+ height: string;
63
73
  borderRadius: string;
64
74
  paddingLeft: string;
65
75
  background: string;
76
+ padding: string;
66
77
  };
67
78
  };
68
79
  "&:hover": {
@@ -81,11 +92,13 @@ export declare const M4LPeriod: (theme: Theme) => {
81
92
  boxShadow: string;
82
93
  };
83
94
  "& .MuiTextField-root:hover": {
95
+ width: string;
84
96
  background: string;
85
97
  '& .MuiInputBase-root:hover': {
86
98
  borderRadius: string;
87
99
  paddingLeft: string;
88
100
  background: string;
101
+ height: string;
89
102
  };
90
103
  };
91
104
  };
@@ -2,7 +2,8 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LPopover: (theme: Theme) => {
3
3
  M4LPopover: {
4
4
  styleOverrides: {
5
- "&.M4LPopover-root": {
5
+ '&.M4LPopover-root': {
6
+ zIndex: string;
6
7
  '.MuiPaper-root': {
7
8
  background: string;
8
9
  borderRadius: string;
@@ -13,9 +14,11 @@ export declare const M4LPopover: (theme: Theme) => {
13
14
  '& .M4LanguagePopover-containerItems': {
14
15
  '& .M4LanguagePopover-labelItem': {
15
16
  color: string;
17
+ borderRadius: string;
16
18
  };
17
19
  '& .MuiButtonBase-root:hover': {
18
20
  backgroundColor: string;
21
+ borderRadius: string;
19
22
  };
20
23
  '& .MuiButtonBase-root.Mui-selected': {
21
24
  backgroundColor: string;