@m4l/styles 0.0.31 → 0.0.32

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 (58) hide show
  1. package/index.js +37 -37
  2. package/package.json +1 -1
  3. package/theme/defaultThemeOptions.b25c825e.js +27 -0
  4. package/theme/index.34d0fdea.js +1 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +22 -15
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +106 -81
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +58 -3
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +636 -475
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +42 -52
  10. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +0 -2
  11. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +5 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +56 -57
  13. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +13 -12
  14. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +14 -6
  15. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +78 -87
  16. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +2 -2
  17. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +2 -1
  18. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +13 -2
  19. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +17 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +2 -4
  21. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +0 -2
  22. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +1 -2
  23. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +43 -33
  24. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +12 -0
  25. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +142 -1
  26. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +1 -0
  27. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +91 -42
  28. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +3 -0
  29. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +1 -0
  30. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +16 -0
  31. package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +29 -0
  32. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +0 -4
  33. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +24 -20
  34. package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +1 -4
  35. package/theme/overrides/M4LExtendedComponents/{index.1cd7b9f2.js → index.15f2650a.js} +1112 -826
  36. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +102 -4
  37. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +107 -0
  38. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +5 -3
  39. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +5 -0
  40. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +2 -1
  41. package/theme/overrides/M4LRHFComponents/{index.2dbe138a.js → index.e6262889.js} +252 -37
  42. package/theme/overrides/MUIComponents/{index.f50cd1c7.js → index.1b2b2be2.js} +59 -138
  43. package/theme/overrides/index.158187f3.js +105 -0
  44. package/theme/{palette.76ca123c.js → palette.31d770bc.js} +84 -42
  45. package/theme/palette.d.ts +16 -6
  46. package/theme/{shadows.1c46a94e.js → shadows.9800d84c.js} +24 -24
  47. package/theme/typography.b14a8e35.js +122 -0
  48. package/theme/typography.d.ts +19 -13
  49. package/types/augmentations.d.ts +1 -1
  50. package/utils/{getColorPresets.5bb0236e.js → getColorPresets.9fec9cc2.js} +1 -1
  51. package/utils/getColorState.4350ccb4.js +239 -0
  52. package/utils/getColorState.d.ts +5 -0
  53. package/theme/defaultThemeOptions.85da8657.js +0 -30
  54. package/theme/index.4dffae0a.js +0 -7
  55. package/theme/overrides/MUIComponents/Tabs.d.ts +0 -903
  56. package/theme/overrides/index.a465322b.js +0 -104
  57. package/theme/typography.89adddae.js +0 -124
  58. package/utils/getColorState.42ed5268.js +0 -208
package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts CHANGED
@@ -13,8 +13,10 @@ export declare const M4LRHFAutocomplete: (theme: Theme) => {
13
13
  '& .MuiFormControl-root': {
14
14
  height: string;
15
15
  '& .MuiInputBase-root': {
16
+ borderColor: string;
16
17
  position: string;
17
18
  height: string;
19
+ gap: string;
18
20
  '& .MuiInputBase-input': {
19
21
  boxSizing: string;
20
22
  color: string;
@@ -67,7 +69,7 @@ export declare const M4LRHFAutocomplete: (theme: Theme) => {
67
69
  };
68
70
  };
69
71
  };
70
- "& .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root": {
72
+ '& .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root': {
71
73
  padding: string;
72
74
  };
73
75
  '& .M4LRHFAutocomplete-label': {
@@ -79,7 +81,7 @@ export declare const M4LRHFAutocomplete: (theme: Theme) => {
79
81
  };
80
82
  '& .MuiAutocomplete-root .MuiInputBase-root': {
81
83
  padding: string;
82
- heigth: string;
84
+ height: string;
83
85
  };
84
86
  '&:hover': {
85
87
  '& .M4LRHFAutocomplete-label': {
@@ -102,6 +104,7 @@ export declare const M4LRHFAutocomplete: (theme: Theme) => {
102
104
  };
103
105
  '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
104
106
  transition: string;
107
+ background: string;
105
108
  border: string;
106
109
  borderColor: string;
107
110
  boxShadow: string;
@@ -157,25 +160,120 @@ export declare const M4LRHFAutocomplete: (theme: Theme) => {
157
160
  };
158
161
  '&.M4LRHFAutocomplete-sizeSmall': {
159
162
  "& .M4LRHFAutocomplete-skeleton,\n & .MuiAutocomplete-root": {
163
+ '& .M4LImage-root': {
164
+ width: string;
165
+ height: string;
166
+ marginLeft: string;
167
+ };
160
168
  height: string;
161
169
  };
162
170
  };
163
171
  '&.M4LRHFAutocomplete-sizeMedium': {
164
172
  "& .M4LRHFAutocomplete-skeleton,\n & .MuiAutocomplete-root": {
173
+ '& .M4LImage-root': {
174
+ width: string;
175
+ height: string;
176
+ marginLeft: string;
177
+ };
165
178
  height: string;
166
179
  };
167
180
  };
181
+ '&.M4LRHFAutocomplete-imageWidthDefined': {
182
+ '& .M4LImage-root': {
183
+ '& .M4LImage-img': {
184
+ objectPosition: string;
185
+ };
186
+ };
187
+ };
168
188
  };
169
189
  };
170
190
  };
171
191
  M4LRHFAutocompletePopover: {
172
192
  styleOverrides: {
173
193
  '&.M4LRHFAutocomplete-popper': {
174
- test: string;
175
- position: string;
176
194
  zIndex: string;
195
+ '& .MuiAutocomplete-listbox': {
196
+ padding: string;
197
+ display: string;
198
+ flexDirection: string;
199
+ '& .MuiAutocomplete-option': {
200
+ borderRadius: string;
201
+ };
202
+ '& .M4LRHFAutocomplete-withImage': {
203
+ display: string;
204
+ alignItems: string;
205
+ cursor: string;
206
+ '& .M4LImage-root': {
207
+ height: string;
208
+ width: string;
209
+ alignItems: string;
210
+ };
211
+ };
212
+ };
213
+ '& .M4LRHFAutocomplete-withImage': {
214
+ display: string;
215
+ gap: string;
216
+ '&:hover': {
217
+ color: string;
218
+ backgroundColor: string;
219
+ };
220
+ '& .M4LImage-root': {
221
+ width: string;
222
+ height: string;
223
+ };
224
+ };
225
+ '&.M4LRHFAutocomplete-sizeSmall': {
226
+ '& .MuiAutocomplete-listbox': {
227
+ '& .MuiAutocomplete-option': {
228
+ height: string;
229
+ };
230
+ '& .M4LRHFAutocomplete-withImage': {
231
+ paddingLeft: string;
232
+ height: string;
233
+ display: string;
234
+ alignItems: string;
235
+ gap: string;
236
+ overflow: string;
237
+ '& .M4LImage-img': {
238
+ width: string;
239
+ height: string;
240
+ position: string;
241
+ };
242
+ };
243
+ };
244
+ };
245
+ '&.M4LRHFAutocomplete-sizeMedium': {
246
+ '& .MuiAutocomplete-listbox': {
247
+ '& .MuiAutocomplete-option': {
248
+ height: string;
249
+ };
250
+ };
251
+ '& .M4LRHFAutocomplete-withImage': {
252
+ paddingLeft: string;
253
+ height: string;
254
+ display: string;
255
+ alignItems: string;
256
+ gap: string;
257
+ overflow: string;
258
+ '& .M4LImage-img': {
259
+ width: string;
260
+ height: string;
261
+ position: string;
262
+ };
263
+ };
264
+ };
265
+ '&.M4LRHFAutocomplete-imageWidthDefined': {
266
+ '& .M4LImage-img': {
267
+ minWidth: string;
268
+ objectPostion: string;
269
+ };
270
+ };
177
271
  '& .MuiPaper-root': {
178
272
  boxShadow: string;
273
+ '& .MuiAutocomplete-listbox .MuiAutocomplete-option:hover': {
274
+ color: string;
275
+ backgroundColor: string;
276
+ };
179
277
  };
180
278
  };
181
279
  };
package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts ADDED
@@ -0,0 +1,107 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LRHFColorPicker: (_theme: Theme) => {
3
+ M4LRHFColorPicker: {
4
+ styleOverrides: {
5
+ '&.M4LRHFColorPicker-root': {
6
+ test: string;
7
+ '& .M4LRHFColorPicker-containerFieldColor': {
8
+ display: string;
9
+ alingnItems: string;
10
+ justifyContent: string;
11
+ gap: string;
12
+ padding: string;
13
+ border: string;
14
+ borderColor: string;
15
+ borderRadius: string;
16
+ minHeight: string;
17
+ height: string;
18
+ '& .M4LRHFColorPicker-boxColor': {
19
+ borderRadius: string;
20
+ height: string;
21
+ width: string;
22
+ };
23
+ '& .M4LIcon-root': {
24
+ minHeight: string;
25
+ minWidth: string;
26
+ cursor: string;
27
+ borderRadius: string;
28
+ };
29
+ '& .M4LIcon-root:hover': {
30
+ background: string;
31
+ };
32
+ };
33
+ };
34
+ };
35
+ };
36
+ M4LRHFColorPickerPopoverRoot: {
37
+ styleOverrides: {
38
+ '&.M4LRHFColorPicker-popoverRoot': {
39
+ test: string;
40
+ '& .MuiPaper-root': {
41
+ background: string;
42
+ padding: string;
43
+ border: string;
44
+ borderColor: string;
45
+ borderRadius: string;
46
+ boxShadow: string;
47
+ '& .M4LRHFColorPicker-containerPicker': {
48
+ background: string;
49
+ borderRadius: string;
50
+ display: string;
51
+ flexDirection: string;
52
+ gap: string;
53
+ '& .sketch-picker': {
54
+ background: string;
55
+ boxShadow: string;
56
+ padding: string;
57
+ display: string;
58
+ flexDirection: string;
59
+ gap: string;
60
+ border: string;
61
+ borderColor: string;
62
+ borderRadius: string;
63
+ '& :nth-of-type(-n + 1)': {
64
+ borderRadius: string;
65
+ };
66
+ '& .flexbox-fix': {
67
+ border: string;
68
+ background: string;
69
+ '& > div': {
70
+ '& > div': {
71
+ color: string;
72
+ gap: string;
73
+ padding: string;
74
+ '& > input': {
75
+ color: string;
76
+ display: string;
77
+ textAlign: string;
78
+ border: string;
79
+ borderColor: string;
80
+ borderRadius: string;
81
+ background: string;
82
+ minHeight: string;
83
+ height: string;
84
+ };
85
+ '& > label': {
86
+ color: string;
87
+ padding: string;
88
+ display: string;
89
+ textAlign: string;
90
+ };
91
+ display: string;
92
+ flexDirection: string;
93
+ };
94
+ };
95
+ };
96
+ };
97
+ '& .M4LButton-root': {
98
+ display: string;
99
+ width: string;
100
+ justifyContent: string;
101
+ };
102
+ };
103
+ };
104
+ };
105
+ };
106
+ };
107
+ };
package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts CHANGED
@@ -8,9 +8,11 @@ export declare const M4LRHFDateTime: (theme: Theme) => {
8
8
  flexDirection: string;
9
9
  width: string;
10
10
  gap: string;
11
- '& .MuiTextField-root': {
12
- '& > div:nth-child(1)': {
13
- height: string;
11
+ '& .MuiFormControl-root': {
12
+ height: string;
13
+ '& .MuiInputBase-root': {
14
+ padding: string;
15
+ minHeight: string;
14
16
  };
15
17
  };
16
18
  '& .M4LRHFTextField-label': {
package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts CHANGED
@@ -10,6 +10,7 @@ export declare const M4LRHFTextField: (theme: Theme) => {
10
10
  '&.M4LRHFTextField-variantText': {
11
11
  height: string;
12
12
  '& .MuiFormControl-root': {
13
+ minHeight: string;
13
14
  height: string;
14
15
  '& .MuiInputBase-multiline': {
15
16
  minHeight: string;
@@ -30,6 +31,7 @@ export declare const M4LRHFTextField: (theme: Theme) => {
30
31
  };
31
32
  '& .MuiInputBase-root': {
32
33
  padding: string;
34
+ borderRadius: string;
33
35
  '& .MuiInputBase-input': {
34
36
  color: string;
35
37
  padding: string;
@@ -63,6 +65,7 @@ export declare const M4LRHFTextField: (theme: Theme) => {
63
65
  '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
64
66
  borderColor: string;
65
67
  boxShadow: string;
68
+ background: string;
66
69
  };
67
70
  '& .MuiInputBase-input': {
68
71
  color: string;
@@ -80,6 +83,7 @@ export declare const M4LRHFTextField: (theme: Theme) => {
80
83
  border: string;
81
84
  borderColor: string;
82
85
  boxShadow: string;
86
+ background: string;
83
87
  };
84
88
  '& .MuiInputBase-input': {
85
89
  color: string;
@@ -95,6 +99,7 @@ export declare const M4LRHFTextField: (theme: Theme) => {
95
99
  '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
96
100
  border: string;
97
101
  borderColor: string;
102
+ background: string | undefined;
98
103
  };
99
104
  '& .MuiInputBase-input': {
100
105
  color: string;
package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts CHANGED
@@ -79,6 +79,7 @@ export declare const M4LRHFUploadImage: (theme: Theme) => {
79
79
  height: string;
80
80
  minWidth: string;
81
81
  minHeight: string;
82
+ paddingBottom: string;
82
83
  };
83
84
  '& .M4LRHFUploadImage-containerMessage': {
84
85
  display: string;
@@ -110,7 +111,7 @@ export declare const M4LRHFUploadImage: (theme: Theme) => {
110
111
  "& .M4LButton-root": {
111
112
  display: string;
112
113
  justifyContent: string;
113
- marginTop: string;
114
+ paddingTop: string;
114
115
  };
115
116
  };
116
117
  };