@m4l/styles 0.0.21 → 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 (31) hide show
  1. package/index.js +10 -10
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.81e20130.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 +47 -26
  7. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +5604 -190
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +14 -2
  9. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +4 -1
  10. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +4 -0
  11. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +56 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +450 -0
  13. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +21 -2
  14. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +6 -0
  15. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +110 -0
  16. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +4 -0
  17. package/theme/overrides/M4LExtendedComponents/{index.9ecb9eb5.js → index.566e183a.js} +642 -108
  18. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +64 -30
  19. package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.d.ts +1 -0
  20. package/theme/overrides/M4LRHFComponents/{index.e3118e8b.js → index.0e107243.js} +67 -38
  21. package/theme/overrides/MUIComponents/Autocomplete.d.ts +13 -2
  22. package/theme/overrides/MUIComponents/DataGrid.d.ts +1 -1616
  23. package/theme/overrides/MUIComponents/{index.25926753.js → index.b9c696e9.js} +37 -26
  24. package/theme/overrides/index.ed4b5bcb.js +93 -0
  25. package/theme/{palette.ad96498c.js → palette.688aaf56.js} +3 -3
  26. package/theme/{shadows.c56e8ae9.js → shadows.1b2f7a87.js} +1 -1
  27. package/theme/{typography.39389e10.js → typography.86a19de9.js} +4 -4
  28. package/utils/{getColorPresets.82f91ceb.js → getColorPresets.8106cfef.js} +1 -1
  29. package/utils/{getColorState.0e5b3a7c.js → getColorState.7b615773.js} +33 -33
  30. package/theme/index.38ad102a.js +0 -7
  31. package/theme/overrides/index.05460ef6.js +0 -90
package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts CHANGED
@@ -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;
@@ -346,6 +359,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
346
359
  gap: string;
347
360
  widht: string;
348
361
  minWidht: string;
362
+ height: string;
349
363
  '& .M4LDynamicFilter-popoverFilterHeader': {
350
364
  background: string;
351
365
  display: string;
@@ -361,8 +375,13 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
361
375
  };
362
376
  };
363
377
  '& .M4LDynamicFilter-popoverContainerFields': {
378
+ height: string;
364
379
  "& .M4LDynamicFilter-containerStringFilter,\n & .M4LDynamicFilter-containerBooleanFilter,\n & .M4LDynamicFilter-containerNumberFilter,\n & .M4LDynamicFilter-containerDateTimeFilter\n ": {
380
+ [x: string]: string | {
381
+ gap: string;
382
+ };
365
383
  display: string;
384
+ height: string;
366
385
  flexDirection: string;
367
386
  padding: string;
368
387
  gap: string;
package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts CHANGED
@@ -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
  };
package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts ADDED
@@ -0,0 +1,110 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LPager: (theme: Theme) => {
3
+ M4LPager: {
4
+ styleOverrides: {
5
+ '&.M4LPager-root': {
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
+ };
76
+ '& .M4LPager-skeletonRoot': {
77
+ width: string;
78
+ display: string;
79
+ justifyContent: string;
80
+ alignItems: string;
81
+ marginLeft: string;
82
+ '& .M4LPager-skeletonRowsPerPage': {
83
+ display: string;
84
+ gridTemplateColumns: string;
85
+ gridGap: string;
86
+ marginRight: string;
87
+ };
88
+ '& .M4LPager-skeletonButtonContainer': {
89
+ display: string;
90
+ marginLeft: string;
91
+ '& .M4LPager-skeletonIconButton': {
92
+ display: string;
93
+ justifyContent: string;
94
+ alignItems: string;
95
+ width: string;
96
+ height: string;
97
+ };
98
+ };
99
+ };
100
+ };
101
+ };
102
+ };
103
+ M4LPagerMenuPopover: {
104
+ styleOverrides: {
105
+ '&.M4LPager-selectMenuPopover': {
106
+ test: string;
107
+ };
108
+ };
109
+ };
110
+ };
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -99,6 +99,7 @@ export declare const M4LSideBar: (theme: Theme) => {
99
99
  backgroundColor: string;
100
100
  '&:hover': {
101
101
  background: string;
102
+ cursor: string;
102
103
  };
103
104
  };
104
105
  '&.M4LSideBar-itemMainActive': {
@@ -106,6 +107,7 @@ export declare const M4LSideBar: (theme: Theme) => {
106
107
  background: string;
107
108
  '&:hover': {
108
109
  background: string;
110
+ cursor: string;
109
111
  };
110
112
  };
111
113
  '& .M4LSideBar-navItemRootContent': {
@@ -349,6 +351,7 @@ export declare const M4LSideBar: (theme: Theme) => {
349
351
  backgroundColor: string;
350
352
  '&:hover': {
351
353
  background: string;
354
+ cursor: string;
352
355
  };
353
356
  };
354
357
  '&.M4LSideBar-itemMainActive': {
@@ -356,6 +359,7 @@ export declare const M4LSideBar: (theme: Theme) => {
356
359
  background: string;
357
360
  '&:hover': {
358
361
  background: string;
362
+ cursor: string;
359
363
  };
360
364
  };
361
365
  '& .M4LSideBar-navItemRootContent': {