@m4l/styles 0.0.22 → 0.0.23

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 (24) hide show
  1. package/index.js +9 -9
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.733652aa.js → defaultThemeOptions.605b5b1a.js} +5 -5
  4. package/theme/index.c8a2f20d.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +1 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +40 -25
  7. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +5604 -190
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +0 -2
  9. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +3 -1
  10. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +4 -0
  11. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +280 -818
  12. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +15 -2
  13. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +6 -0
  14. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +76 -0
  15. package/theme/overrides/M4LExtendedComponents/{index.28d622ba.js → index.566e183a.js} +349 -127
  16. package/theme/overrides/MUIComponents/DataGrid.d.ts +1 -1616
  17. package/theme/overrides/MUIComponents/{index.d308ce65.js → index.b9c696e9.js} +2 -2
  18. package/theme/overrides/{index.76becad2.js → index.ed4b5bcb.js} +2 -2
  19. package/theme/{palette.a914c187.js → palette.688aaf56.js} +1 -1
  20. package/theme/{shadows.3dfe77c2.js → shadows.1b2f7a87.js} +1 -1
  21. package/theme/{typography.dd335f0f.js → typography.86a19de9.js} +4 -4
  22. package/utils/{getColorPresets.9c103b85.js → getColorPresets.8106cfef.js} +1 -1
  23. package/utils/{getColorState.184e9d10.js → getColorState.7b615773.js} +31 -31
  24. package/theme/index.fa6b03ae.js +0 -7
@@ -5,7 +5,8 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
5
5
  '&.M4LDynamicFilter-root': {
6
6
  [x: string]: string | {
7
7
  gap: string;
8
- height?: undefined;
8
+ height: string;
9
+ marginBottom: string;
9
10
  width?: undefined;
10
11
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
11
12
  borderColor?: undefined;
@@ -31,6 +32,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
31
32
  } | {
32
33
  [x: string]: string | {
33
34
  height: string;
35
+ padding: string;
34
36
  };
35
37
  width: string;
36
38
  alignItems: string;
@@ -46,12 +48,14 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
46
48
  '& .M4LDynamicFilter-containerInputFilter': {
47
49
  [x: string]: string | {
48
50
  height: string;
51
+ padding: string;
49
52
  };
50
53
  width: string;
51
54
  alignItems: string;
52
55
  maxWidth: string;
53
56
  };
54
57
  gap?: undefined;
58
+ marginBottom?: undefined;
55
59
  borderColor?: undefined;
56
60
  display?: undefined;
57
61
  flexDirection?: undefined;
@@ -66,6 +70,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
66
70
  borderColor: string;
67
71
  gap?: undefined;
68
72
  height?: undefined;
73
+ marginBottom?: undefined;
69
74
  width?: undefined;
70
75
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
71
76
  display?: undefined;
@@ -88,6 +93,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
88
93
  backgroundColor: string;
89
94
  padding: string;
90
95
  height?: undefined;
96
+ marginBottom?: undefined;
91
97
  width?: undefined;
92
98
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
93
99
  borderColor?: undefined;
@@ -124,6 +130,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
124
130
  outline: string;
125
131
  padding: string;
126
132
  };
133
+ marginBottom?: undefined;
127
134
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
128
135
  borderColor?: undefined;
129
136
  borderLeft?: undefined;
@@ -135,6 +142,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
135
142
  borderLeft: string;
136
143
  height: string;
137
144
  gap?: undefined;
145
+ marginBottom?: undefined;
138
146
  width?: undefined;
139
147
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
140
148
  borderColor?: undefined;
@@ -150,6 +158,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
150
158
  padding: string;
151
159
  gap?: undefined;
152
160
  height?: undefined;
161
+ marginBottom?: undefined;
153
162
  width?: undefined;
154
163
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
155
164
  borderColor?: undefined;
@@ -177,6 +186,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
177
186
  color: string;
178
187
  gap?: undefined;
179
188
  height?: undefined;
189
+ marginBottom?: undefined;
180
190
  width?: undefined;
181
191
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
182
192
  display?: undefined;
@@ -193,9 +203,10 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
193
203
  background: string;
194
204
  boxShadow: string;
195
205
  padding: string;
196
- border: string;
206
+ borderTop: string;
197
207
  borderColor: string;
198
208
  overflow: string;
209
+ height: string;
199
210
  '& .M4LDynamicFilter-containerFistRow': {
200
211
  [x: string]: string | {
201
212
  height: string;
@@ -209,6 +220,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
209
220
  } | {
210
221
  [x: string]: string | {
211
222
  height: string;
223
+ padding: string;
212
224
  };
213
225
  width: string;
214
226
  alignItems: string;
@@ -224,6 +236,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
224
236
  '& .M4LDynamicFilter-containerInputFilter': {
225
237
  [x: string]: string | {
226
238
  height: string;
239
+ padding: string;
227
240
  };
228
241
  width: string;
229
242
  alignItems: string;
@@ -22,11 +22,17 @@ export declare const M4LMasterDetailLayout: (theme: Theme) => {
22
22
  background: string;
23
23
  borderRadius: string;
24
24
  padding: string;
25
+ boxShadow: string;
26
+ borderTop: string;
27
+ borderColor: string;
25
28
  };
26
29
  "& .layout-pane-primary": {
27
30
  background: string;
28
31
  borderRadius: string;
29
32
  padding: string;
33
+ boxShadow: string;
34
+ borderTop: string;
35
+ borderColor: string;
30
36
  };
31
37
  };
32
38
  };
@@ -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
  };