@m4l/styles 0.0.30 → 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 (69) 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/index.d.ts +1 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +22 -15
  7. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +106 -76
  8. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +58 -3
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +6834 -13145
  10. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +171 -977
  11. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +0 -2
  12. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +5 -0
  13. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +56 -57
  14. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +13 -12
  15. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +41 -30
  16. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +78 -85
  17. package/theme/overrides/M4LExtendedComponents/M4LFormatter.d.ts +19 -0
  18. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +2 -2
  19. package/theme/overrides/M4LExtendedComponents/{M4LToolkitPage.d.ts → M4LMFLoader.d.ts} +6 -7
  20. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +13 -2
  21. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +17 -0
  22. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +4 -48
  23. package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts +1 -0
  24. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +0 -2
  25. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +1 -2
  26. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +43 -33
  27. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +12 -0
  28. package/theme/overrides/M4LExtendedComponents/M4LPrintingSystem.d.ts +1000 -0
  29. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +140 -2
  30. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +1 -0
  31. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +91 -48
  32. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +3 -0
  33. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +1 -0
  34. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +16 -0
  35. package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +29 -0
  36. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +0 -4
  37. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +24 -20
  38. package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +881 -0
  39. package/theme/overrides/M4LExtendedComponents/{index.e875a5e1.js → index.15f2650a.js} +1539 -1080
  40. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +102 -4
  41. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +107 -0
  42. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +20 -1
  43. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +5 -0
  44. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +2 -1
  45. package/theme/overrides/M4LRHFComponents/{index.d3125fd8.js → index.e6262889.js} +270 -38
  46. package/theme/overrides/MUIComponents/Accordion.d.ts +34 -17
  47. package/theme/overrides/MUIComponents/ControlLabel.d.ts +34 -17
  48. package/theme/overrides/MUIComponents/Input.d.ts +68 -34
  49. package/theme/overrides/MUIComponents/LoadingButton.d.ts +34 -17
  50. package/theme/overrides/MUIComponents/Table.d.ts +136 -68
  51. package/theme/overrides/MUIComponents/{index.f50cd1c7.js → index.1b2b2be2.js} +59 -138
  52. package/theme/overrides/index.158187f3.js +105 -0
  53. package/theme/{palette.104051a7.js → palette.31d770bc.js} +90 -47
  54. package/theme/palette.d.ts +18 -8
  55. package/theme/{shadows.b036a684.js → shadows.9800d84c.js} +24 -24
  56. package/theme/typography.b14a8e35.js +122 -0
  57. package/theme/typography.d.ts +20 -13
  58. package/types/augmentations.d.ts +1 -1
  59. package/utils/{getColorPresets.2693301f.js → getColorPresets.9fec9cc2.js} +1 -1
  60. package/utils/getColorState.4350ccb4.js +239 -0
  61. package/utils/getColorState.d.ts +5 -0
  62. package/theme/defaultThemeOptions.a8de2e18.js +0 -30
  63. package/theme/index.b0919dac.js +0 -7
  64. package/theme/overrides/M4LExtendedComponents/M4LToolkitDivider.d.ts +0 -18
  65. package/theme/overrides/M4LExtendedComponents/M4LToolkitSection.d.ts +0 -24
  66. package/theme/overrides/MUIComponents/Tabs.d.ts +0 -886
  67. package/theme/overrides/index.cbe0dea7.js +0 -103
  68. package/theme/typography.7591a12b.js +0 -124
  69. package/utils/getColorState.32c050bf.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,11 +8,18 @@ export declare const M4LRHFDateTime: (theme: Theme) => {
8
8
  flexDirection: string;
9
9
  width: string;
10
10
  gap: string;
11
+ '& .MuiFormControl-root': {
12
+ height: string;
13
+ '& .MuiInputBase-root': {
14
+ padding: string;
15
+ minHeight: string;
16
+ };
17
+ };
11
18
  '& .M4LRHFTextField-label': {
12
19
  color: string;
13
20
  transition: string;
14
21
  };
15
- '& .MuiInputBase-root': {
22
+ '& .MuiInputBase-root.MuiInputBase-formControl': {
16
23
  padding: string;
17
24
  '& .MuiInputBase-input': {
18
25
  height: string;
@@ -23,6 +30,18 @@ export declare const M4LRHFDateTime: (theme: Theme) => {
23
30
  '& .MuiInputAdornment-root': {
24
31
  margin: string;
25
32
  padding: string;
33
+ width: string;
34
+ height: string;
35
+ position: string;
36
+ maxWidth: string;
37
+ minWidth: string;
38
+ display: string;
39
+ flex: string;
40
+ overflow: string;
41
+ '& .MuiButtonBase-root': {
42
+ padding: string;
43
+ backgroundColor: string;
44
+ };
26
45
  };
27
46
  '& .M4LIcon-icon': {
28
47
  backgroundColor: string;
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
  };