@m4l/styles 0.0.16 → 0.0.17

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 (43) hide show
  1. package/index.js +10 -10
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.364b28b6.js → defaultThemeOptions.d67fe64c.js} +7 -7
  4. package/theme/index.efa44d2d.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +53 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +42 -4
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +72 -96
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +144 -59
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +1959 -37
  10. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +8 -12
  11. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +1 -1
  12. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +9 -10
  13. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +7 -6
  14. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +913 -0
  15. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +43 -0
  16. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +99 -0
  17. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +10 -0
  18. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +13 -0
  19. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +5 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +47 -0
  21. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +26 -0
  22. package/theme/overrides/M4LExtendedComponents/M4LinearProgressIndeterminate.d.ts +56 -0
  23. package/theme/overrides/M4LExtendedComponents/{index.9d7c79cc.js → index.39bae580.js} +1082 -223
  24. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +1 -0
  25. package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.d.ts +0 -1
  26. package/theme/overrides/M4LRHFComponents/M4LRHFPeriod.d.ts +10 -0
  27. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +16 -0
  28. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +172 -0
  29. package/theme/overrides/M4LRHFComponents/{index.b7f8e30c.js → index.1406e2ed.js} +209 -11
  30. package/theme/overrides/MUIComponents/Tabs.d.ts +23 -3
  31. package/theme/overrides/MUIComponents/{index.56660771.js → index.e3d060c3.js} +47 -27
  32. package/theme/overrides/index.2e62f620.js +89 -0
  33. package/theme/{palette.4b477f9b.js → palette.95c4f9c8.js} +17 -17
  34. package/theme/palette.d.ts +4 -4
  35. package/theme/{shadows.b2f38616.js → shadows.354bbb03.js} +1 -1
  36. package/theme/{typography.1db0276b.js → typography.61f909b7.js} +4 -4
  37. package/types/augmentations.d.ts +3 -1
  38. package/utils/{getColorPresets.f3113d85.js → getColorPresets.d73f30ad.js} +1 -1
  39. package/utils/getColorState.bde51cf7.js +159 -0
  40. package/utils/getColorState.d.ts +2 -0
  41. package/theme/index.cd1bedc8.js +0 -7
  42. package/theme/overrides/index.ff2a1a5a.js +0 -78
  43. package/utils/getColorState.456150fd.js +0 -136
package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts CHANGED
@@ -3,17 +3,43 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3
3
  M4LAreasAdmin: {
4
4
  styleOverrides: {
5
5
  '&.M4LAreasAdmin-root': {
6
- [x: string]: string | {
6
+ [x: string]: string | number | {
7
7
  height: string;
8
+ backgroundColor?: undefined;
9
+ '& .M4LIcon-icon'?: undefined;
8
10
  background?: undefined;
11
+ boxShadow?: undefined;
9
12
  display?: undefined;
10
13
  justifyContent?: undefined;
11
14
  width?: undefined;
15
+ '& .M4LIcon-root'?: undefined;
12
16
  overflow?: undefined;
13
17
  gap?: undefined;
14
18
  padding?: undefined;
15
19
  alignItems?: undefined;
16
- paddingLeft?: undefined;
20
+ '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
21
+ '& .M4LAreasAdmin-areaChipMobileIconContainer'?: undefined;
22
+ '& .MuiBox-root'?: undefined;
23
+ '& .simplebar-content'?: undefined;
24
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
25
+ } | {
26
+ backgroundColor: string;
27
+ '& .M4LIcon-icon': {
28
+ backgroundColor: string;
29
+ };
30
+ height?: undefined;
31
+ background?: undefined;
32
+ boxShadow?: undefined;
33
+ display?: undefined;
34
+ justifyContent?: undefined;
35
+ width?: undefined;
36
+ '& .M4LIcon-root'?: undefined;
37
+ overflow?: undefined;
38
+ gap?: undefined;
39
+ padding?: undefined;
40
+ alignItems?: undefined;
41
+ '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
42
+ '& .M4LAreasAdmin-areaChipMobileIconContainer'?: undefined;
17
43
  '& .MuiBox-root'?: undefined;
18
44
  '& .simplebar-content'?: undefined;
19
45
  '& .M4LAreasAdmin-areaChipRoot '?: undefined;
@@ -21,17 +47,27 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
21
47
  [x: string]: string | {
22
48
  height: string;
23
49
  width: string;
50
+ } | {
51
+ width: string;
52
+ height?: undefined;
24
53
  };
25
54
  background: string;
55
+ boxShadow: string;
26
56
  display: string;
27
57
  justifyContent: string;
28
58
  width: string;
29
59
  height: string;
60
+ '& .M4LIcon-root': {
61
+ width: string;
62
+ };
63
+ backgroundColor?: undefined;
64
+ '& .M4LIcon-icon'?: undefined;
30
65
  overflow?: undefined;
31
66
  gap?: undefined;
32
67
  padding?: undefined;
33
68
  alignItems?: undefined;
34
- paddingLeft?: undefined;
69
+ '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
70
+ '& .M4LAreasAdmin-areaChipMobileIconContainer'?: undefined;
35
71
  '& .MuiBox-root'?: undefined;
36
72
  '& .simplebar-content'?: undefined;
37
73
  '& .M4LAreasAdmin-areaChipRoot '?: undefined;
@@ -41,10 +77,32 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
41
77
  gap: string;
42
78
  padding: string;
43
79
  width: string;
44
- justifyContent: string;
45
80
  height: string;
46
81
  alignItems: string;
47
- paddingLeft: string;
82
+ '& .M4LAreasAdmin-areaChipMobileRoot': {
83
+ display: string;
84
+ overflow: string;
85
+ width: string;
86
+ '& .M4LAreasAdmin-areaChipRoot ': {
87
+ margin: string;
88
+ borderRadius: string;
89
+ overflow: string;
90
+ width: string;
91
+ };
92
+ };
93
+ '& .M4LAreasAdmin-areaChipMobileIconContainer': {
94
+ color: string;
95
+ '& .M4LIconButton-root': {
96
+ backgroundColor: string;
97
+ '& .M4LIcon-icon': {
98
+ backgroundColor: string;
99
+ };
100
+ };
101
+ display: string;
102
+ alignItems: string;
103
+ borderRadius: string;
104
+ background: string;
105
+ };
48
106
  '& .MuiBox-root': {
49
107
  display: string;
50
108
  alignItems: string;
@@ -52,11 +110,16 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
52
110
  };
53
111
  '& .simplebar-content': {
54
112
  display: string;
55
- gap: string;
56
113
  alignItems: string;
57
114
  };
58
115
  '& .M4LAreasAdmin-areaChipRoot ': {
59
116
  [x: string]: string | {
117
+ display: string;
118
+ height?: undefined;
119
+ justifyContent?: undefined;
120
+ width?: undefined;
121
+ '&.M4LIconButton-variantPrimary'?: undefined;
122
+ } | {
60
123
  height: string;
61
124
  display?: undefined;
62
125
  justifyContent?: undefined;
@@ -75,22 +138,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
75
138
  };
76
139
  '& .M4LIconButton-root': {
77
140
  '& .M4LIcon-icon': {
78
- backgroundColor: string | undefined;
79
- };
80
- '&:active': {
81
- '& .M4LIcon-icon': {
82
- backgroundColor: string | undefined;
83
- };
84
- };
85
- '&:hover': {
86
- '& .M4LIcon-icon': {
87
- backgroundColor: string | undefined;
88
- };
141
+ backgroundColor: string;
89
142
  };
90
143
  };
91
144
  background: string;
92
- height?: undefined;
93
145
  display?: undefined;
146
+ height?: undefined;
94
147
  justifyContent?: undefined;
95
148
  width?: undefined;
96
149
  '&.M4LIconButton-variantPrimary'?: undefined;
@@ -117,13 +170,18 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
117
170
  display: string;
118
171
  boxShadow: string;
119
172
  borderRadius: string;
173
+ marginRight: string;
120
174
  height: string;
175
+ width: string;
121
176
  gap: string;
122
177
  paddingLeft: string;
123
178
  alignItems: string;
124
179
  borderTop: string;
125
180
  borderColor: string;
126
181
  background: string;
182
+ '& .M4LAreasAdmin-areaContainerChipEditButton': {
183
+ display: string;
184
+ };
127
185
  '&.M4LAreasAdmin-selected': {
128
186
  color: string;
129
187
  '& .M4LAreasAdmin-areaChipTitle': {
@@ -137,17 +195,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
137
195
  };
138
196
  '& .M4LIconButton-root': {
139
197
  '& .M4LIcon-icon': {
140
- backgroundColor: string | undefined;
141
- };
142
- '&:active': {
143
- '& .M4LIcon-icon': {
144
- backgroundColor: string | undefined;
145
- };
146
- };
147
- '&:hover': {
148
- '& .M4LIcon-icon': {
149
- backgroundColor: string | undefined;
150
- };
198
+ backgroundColor: string;
151
199
  };
152
200
  };
153
201
  background: string;
@@ -171,28 +219,44 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
171
219
  };
172
220
  };
173
221
  };
222
+ backgroundColor?: undefined;
223
+ '& .M4LIcon-icon'?: undefined;
174
224
  background?: undefined;
225
+ boxShadow?: undefined;
226
+ justifyContent?: undefined;
227
+ '& .M4LIcon-root'?: undefined;
175
228
  };
176
- width: string;
229
+ flex: number;
230
+ overflow: string;
177
231
  height: string;
178
- test: string;
179
232
  borderRadius: string;
180
233
  paddingRight: string;
181
234
  alignItems: string;
182
235
  background: string;
183
236
  boxShadow: string;
184
- borderTop: string;
185
- borderColor: string;
237
+ '& .M4LAreasAdmin-areasAddButton': {
238
+ backgroundColor: string;
239
+ '& .M4LIcon-icon': {
240
+ backgroundColor: string;
241
+ };
242
+ };
186
243
  '& .M4LAreasAdmin-areaIconLayer': {
187
244
  [x: string]: string | {
188
245
  height: string;
189
246
  width: string;
247
+ } | {
248
+ width: string;
249
+ height?: undefined;
190
250
  };
191
251
  background: string;
252
+ boxShadow: string;
192
253
  display: string;
193
254
  justifyContent: string;
194
255
  width: string;
195
256
  height: string;
257
+ '& .M4LIcon-root': {
258
+ width: string;
259
+ };
196
260
  };
197
261
  '& .M4LAreasAdmin-areaContainerChips': {
198
262
  display: string;
@@ -200,10 +264,32 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
200
264
  gap: string;
201
265
  padding: string;
202
266
  width: string;
203
- justifyContent: string;
204
267
  height: string;
205
268
  alignItems: string;
206
- paddingLeft: string;
269
+ '& .M4LAreasAdmin-areaChipMobileRoot': {
270
+ display: string;
271
+ overflow: string;
272
+ width: string;
273
+ '& .M4LAreasAdmin-areaChipRoot ': {
274
+ margin: string;
275
+ borderRadius: string;
276
+ overflow: string;
277
+ width: string;
278
+ };
279
+ };
280
+ '& .M4LAreasAdmin-areaChipMobileIconContainer': {
281
+ color: string;
282
+ '& .M4LIconButton-root': {
283
+ backgroundColor: string;
284
+ '& .M4LIcon-icon': {
285
+ backgroundColor: string;
286
+ };
287
+ };
288
+ display: string;
289
+ alignItems: string;
290
+ borderRadius: string;
291
+ background: string;
292
+ };
207
293
  '& .MuiBox-root': {
208
294
  display: string;
209
295
  alignItems: string;
@@ -211,11 +297,16 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
211
297
  };
212
298
  '& .simplebar-content': {
213
299
  display: string;
214
- gap: string;
215
300
  alignItems: string;
216
301
  };
217
302
  '& .M4LAreasAdmin-areaChipRoot ': {
218
303
  [x: string]: string | {
304
+ display: string;
305
+ height?: undefined;
306
+ justifyContent?: undefined;
307
+ width?: undefined;
308
+ '&.M4LIconButton-variantPrimary'?: undefined;
309
+ } | {
219
310
  height: string;
220
311
  display?: undefined;
221
312
  justifyContent?: undefined;
@@ -234,22 +325,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
234
325
  };
235
326
  '& .M4LIconButton-root': {
236
327
  '& .M4LIcon-icon': {
237
- backgroundColor: string | undefined;
238
- };
239
- '&:active': {
240
- '& .M4LIcon-icon': {
241
- backgroundColor: string | undefined;
242
- };
243
- };
244
- '&:hover': {
245
- '& .M4LIcon-icon': {
246
- backgroundColor: string | undefined;
247
- };
328
+ backgroundColor: string;
248
329
  };
249
330
  };
250
331
  background: string;
251
- height?: undefined;
252
332
  display?: undefined;
333
+ height?: undefined;
253
334
  justifyContent?: undefined;
254
335
  width?: undefined;
255
336
  '&.M4LIconButton-variantPrimary'?: undefined;
@@ -276,13 +357,18 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
276
357
  display: string;
277
358
  boxShadow: string;
278
359
  borderRadius: string;
360
+ marginRight: string;
279
361
  height: string;
362
+ width: string;
280
363
  gap: string;
281
364
  paddingLeft: string;
282
365
  alignItems: string;
283
366
  borderTop: string;
284
367
  borderColor: string;
285
368
  background: string;
369
+ '& .M4LAreasAdmin-areaContainerChipEditButton': {
370
+ display: string;
371
+ };
286
372
  '&.M4LAreasAdmin-selected': {
287
373
  color: string;
288
374
  '& .M4LAreasAdmin-areaChipTitle': {
@@ -296,17 +382,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
296
382
  };
297
383
  '& .M4LIconButton-root': {
298
384
  '& .M4LIcon-icon': {
299
- backgroundColor: string | undefined;
300
- };
301
- '&:active': {
302
- '& .M4LIcon-icon': {
303
- backgroundColor: string | undefined;
304
- };
305
- };
306
- '&:hover': {
307
- '& .M4LIcon-icon': {
308
- backgroundColor: string | undefined;
309
- };
385
+ backgroundColor: string;
310
386
  };
311
387
  };
312
388
  background: string;
@@ -334,4 +410,13 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
334
410
  };
335
411
  };
336
412
  };
413
+ M4LAreasAdminEditPopover: {
414
+ styleOverrides: {
415
+ '&.M4LAreasAdmin-areaEditPopover': {
416
+ '& .MuiPaper-root': {
417
+ width: string;
418
+ };
419
+ };
420
+ };
421
+ };
337
422
  };