@m4l/styles 0.0.16 → 0.0.18

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 (45) hide show
  1. package/index.js +10 -10
  2. package/package.json +2 -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 +77 -96
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +206 -59
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +1960 -37
  10. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +10 -0
  11. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +10 -15
  12. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +5 -1
  13. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +9 -10
  14. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +7 -6
  15. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +927 -0
  16. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +42 -0
  17. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +146 -0
  18. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +10 -0
  19. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +13 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +5 -0
  21. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +47 -0
  22. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +26 -0
  23. package/theme/overrides/M4LExtendedComponents/M4LinearProgressIndeterminate.d.ts +56 -0
  24. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +8 -3
  25. package/theme/overrides/M4LExtendedComponents/{index.9d7c79cc.js → index.bd713d88.js} +1198 -226
  26. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +1 -0
  27. package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.d.ts +0 -1
  28. package/theme/overrides/M4LRHFComponents/M4LRHFPeriod.d.ts +10 -0
  29. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +16 -0
  30. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +172 -0
  31. package/theme/overrides/M4LRHFComponents/{index.b7f8e30c.js → index.1406e2ed.js} +209 -11
  32. package/theme/overrides/MUIComponents/Tabs.d.ts +23 -3
  33. package/theme/overrides/MUIComponents/{index.56660771.js → index.e3d060c3.js} +47 -27
  34. package/theme/overrides/index.6b7aec0f.js +90 -0
  35. package/theme/{palette.4b477f9b.js → palette.95c4f9c8.js} +17 -17
  36. package/theme/palette.d.ts +4 -4
  37. package/theme/{shadows.b2f38616.js → shadows.354bbb03.js} +1 -1
  38. package/theme/{typography.1db0276b.js → typography.61f909b7.js} +4 -4
  39. package/types/augmentations.d.ts +3 -1
  40. package/utils/{getColorPresets.f3113d85.js → getColorPresets.d73f30ad.js} +1 -1
  41. package/utils/getColorState.bde51cf7.js +159 -0
  42. package/utils/getColorState.d.ts +2 -0
  43. package/theme/index.cd1bedc8.js +0 -7
  44. package/theme/overrides/index.ff2a1a5a.js +0 -78
  45. package/utils/getColorState.456150fd.js +0 -136
package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts CHANGED
@@ -3,48 +3,114 @@ 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;
17
22
  '& .MuiBox-root'?: undefined;
18
23
  '& .simplebar-content'?: undefined;
19
24
  '& .M4LAreasAdmin-areaChipRoot '?: undefined;
25
+ '& .M4LAreasAdmin-areaContainerChips'?: undefined;
26
+ } | {
27
+ backgroundColor: string;
28
+ '& .M4LIcon-icon': {
29
+ backgroundColor: string;
30
+ };
31
+ height?: undefined;
32
+ background?: undefined;
33
+ boxShadow?: undefined;
34
+ display?: undefined;
35
+ justifyContent?: undefined;
36
+ width?: undefined;
37
+ '& .M4LIcon-root'?: undefined;
38
+ overflow?: undefined;
39
+ gap?: undefined;
40
+ padding?: undefined;
41
+ alignItems?: undefined;
42
+ '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
43
+ '& .M4LAreasAdmin-areaChipMobileIconContainer'?: undefined;
44
+ '& .MuiBox-root'?: undefined;
45
+ '& .simplebar-content'?: undefined;
46
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
47
+ '& .M4LAreasAdmin-areaContainerChips'?: undefined;
20
48
  } | {
21
49
  [x: string]: string | {
22
50
  height: string;
23
51
  width: string;
52
+ } | {
53
+ width: string;
54
+ height?: undefined;
24
55
  };
25
56
  background: string;
57
+ boxShadow: string;
26
58
  display: string;
27
59
  justifyContent: string;
28
60
  width: string;
29
61
  height: string;
62
+ '& .M4LIcon-root': {
63
+ width: string;
64
+ };
65
+ backgroundColor?: undefined;
66
+ '& .M4LIcon-icon'?: undefined;
30
67
  overflow?: undefined;
31
68
  gap?: undefined;
32
69
  padding?: undefined;
33
70
  alignItems?: undefined;
34
- paddingLeft?: undefined;
71
+ '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
72
+ '& .M4LAreasAdmin-areaChipMobileIconContainer'?: undefined;
35
73
  '& .MuiBox-root'?: undefined;
36
74
  '& .simplebar-content'?: undefined;
37
75
  '& .M4LAreasAdmin-areaChipRoot '?: undefined;
76
+ '& .M4LAreasAdmin-areaContainerChips'?: undefined;
38
77
  } | {
39
78
  display: string;
40
79
  overflow: string;
41
80
  gap: string;
42
81
  padding: string;
43
82
  width: string;
44
- justifyContent: string;
45
83
  height: string;
46
84
  alignItems: string;
47
- paddingLeft: string;
85
+ '& .M4LAreasAdmin-areaChipMobileRoot': {
86
+ display: string;
87
+ overflow: string;
88
+ width: string;
89
+ backgroundColor: string;
90
+ borderRadius: string;
91
+ '& .M4LAreasAdmin-areaChipRoot ': {
92
+ margin: string;
93
+ borderRadius: string;
94
+ overflow: string;
95
+ width: string;
96
+ };
97
+ };
98
+ '& .M4LAreasAdmin-areaChipMobileIconContainer': {
99
+ color: string;
100
+ '& .M4LIconButton-root': {
101
+ backgroundColor: string;
102
+ borderLeft: string;
103
+ borderColor: string | undefined;
104
+ borderRadius: string;
105
+ '& .M4LIcon-icon': {
106
+ backgroundColor: string;
107
+ };
108
+ };
109
+ display: string;
110
+ alignItems: string;
111
+ borderRadius: string;
112
+ background: string;
113
+ };
48
114
  '& .MuiBox-root': {
49
115
  display: string;
50
116
  alignItems: string;
@@ -52,11 +118,16 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
52
118
  };
53
119
  '& .simplebar-content': {
54
120
  display: string;
55
- gap: string;
56
121
  alignItems: string;
57
122
  };
58
123
  '& .M4LAreasAdmin-areaChipRoot ': {
59
124
  [x: string]: string | {
125
+ display: string;
126
+ height?: undefined;
127
+ justifyContent?: undefined;
128
+ width?: undefined;
129
+ '&.M4LIconButton-variantPrimary'?: undefined;
130
+ } | {
60
131
  height: string;
61
132
  display?: undefined;
62
133
  justifyContent?: undefined;
@@ -75,22 +146,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
75
146
  };
76
147
  '& .M4LIconButton-root': {
77
148
  '& .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
- };
149
+ backgroundColor: string;
89
150
  };
90
151
  };
91
152
  background: string;
92
- height?: undefined;
93
153
  display?: undefined;
154
+ height?: undefined;
94
155
  justifyContent?: undefined;
95
156
  width?: undefined;
96
157
  '&.M4LIconButton-variantPrimary'?: undefined;
@@ -117,13 +178,18 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
117
178
  display: string;
118
179
  boxShadow: string;
119
180
  borderRadius: string;
181
+ marginRight: string;
120
182
  height: string;
183
+ width: string;
121
184
  gap: string;
122
185
  paddingLeft: string;
123
186
  alignItems: string;
124
187
  borderTop: string;
125
188
  borderColor: string;
126
189
  background: string;
190
+ '& .M4LAreasAdmin-areaContainerChipEditButton': {
191
+ display: string;
192
+ };
127
193
  '&.M4LAreasAdmin-selected': {
128
194
  color: string;
129
195
  '& .M4LAreasAdmin-areaChipTitle': {
@@ -137,17 +203,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
137
203
  };
138
204
  '& .M4LIconButton-root': {
139
205
  '& .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
- };
206
+ backgroundColor: string;
151
207
  };
152
208
  };
153
209
  background: string;
@@ -171,28 +227,67 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
171
227
  };
172
228
  };
173
229
  };
230
+ backgroundColor?: undefined;
231
+ '& .M4LIcon-icon'?: undefined;
232
+ background?: undefined;
233
+ boxShadow?: undefined;
234
+ justifyContent?: undefined;
235
+ '& .M4LIcon-root'?: undefined;
236
+ '& .M4LAreasAdmin-areaContainerChips'?: undefined;
237
+ } | {
238
+ '& .M4LAreasAdmin-areaContainerChips': {
239
+ width: string;
240
+ };
241
+ height?: undefined;
242
+ backgroundColor?: undefined;
243
+ '& .M4LIcon-icon'?: undefined;
174
244
  background?: undefined;
245
+ boxShadow?: undefined;
246
+ display?: undefined;
247
+ justifyContent?: undefined;
248
+ width?: undefined;
249
+ '& .M4LIcon-root'?: undefined;
250
+ overflow?: undefined;
251
+ gap?: undefined;
252
+ padding?: undefined;
253
+ alignItems?: undefined;
254
+ '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
255
+ '& .M4LAreasAdmin-areaChipMobileIconContainer'?: undefined;
256
+ '& .MuiBox-root'?: undefined;
257
+ '& .simplebar-content'?: undefined;
258
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
175
259
  };
176
- width: string;
260
+ flex: number;
261
+ overflow: string;
177
262
  height: string;
178
- test: string;
179
263
  borderRadius: string;
180
264
  paddingRight: string;
181
265
  alignItems: string;
182
266
  background: string;
183
267
  boxShadow: string;
184
- borderTop: string;
185
- borderColor: string;
268
+ '& .M4LAreasAdmin-areasAddButton': {
269
+ backgroundColor: string;
270
+ '& .M4LIcon-icon': {
271
+ backgroundColor: string;
272
+ };
273
+ };
186
274
  '& .M4LAreasAdmin-areaIconLayer': {
187
275
  [x: string]: string | {
188
276
  height: string;
189
277
  width: string;
278
+ } | {
279
+ width: string;
280
+ height?: undefined;
190
281
  };
191
282
  background: string;
283
+ boxShadow: string;
192
284
  display: string;
193
285
  justifyContent: string;
194
286
  width: string;
195
287
  height: string;
288
+ '& .M4LIcon-root': {
289
+ width: string;
290
+ };
196
291
  };
197
292
  '& .M4LAreasAdmin-areaContainerChips': {
198
293
  display: string;
@@ -200,10 +295,37 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
200
295
  gap: string;
201
296
  padding: string;
202
297
  width: string;
203
- justifyContent: string;
204
298
  height: string;
205
299
  alignItems: string;
206
- paddingLeft: string;
300
+ '& .M4LAreasAdmin-areaChipMobileRoot': {
301
+ display: string;
302
+ overflow: string;
303
+ width: string;
304
+ backgroundColor: string;
305
+ borderRadius: string;
306
+ '& .M4LAreasAdmin-areaChipRoot ': {
307
+ margin: string;
308
+ borderRadius: string;
309
+ overflow: string;
310
+ width: string;
311
+ };
312
+ };
313
+ '& .M4LAreasAdmin-areaChipMobileIconContainer': {
314
+ color: string;
315
+ '& .M4LIconButton-root': {
316
+ backgroundColor: string;
317
+ borderLeft: string;
318
+ borderColor: string | undefined;
319
+ borderRadius: string;
320
+ '& .M4LIcon-icon': {
321
+ backgroundColor: string;
322
+ };
323
+ };
324
+ display: string;
325
+ alignItems: string;
326
+ borderRadius: string;
327
+ background: string;
328
+ };
207
329
  '& .MuiBox-root': {
208
330
  display: string;
209
331
  alignItems: string;
@@ -211,11 +333,16 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
211
333
  };
212
334
  '& .simplebar-content': {
213
335
  display: string;
214
- gap: string;
215
336
  alignItems: string;
216
337
  };
217
338
  '& .M4LAreasAdmin-areaChipRoot ': {
218
339
  [x: string]: string | {
340
+ display: string;
341
+ height?: undefined;
342
+ justifyContent?: undefined;
343
+ width?: undefined;
344
+ '&.M4LIconButton-variantPrimary'?: undefined;
345
+ } | {
219
346
  height: string;
220
347
  display?: undefined;
221
348
  justifyContent?: undefined;
@@ -234,22 +361,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
234
361
  };
235
362
  '& .M4LIconButton-root': {
236
363
  '& .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
- };
364
+ backgroundColor: string;
248
365
  };
249
366
  };
250
367
  background: string;
251
- height?: undefined;
252
368
  display?: undefined;
369
+ height?: undefined;
253
370
  justifyContent?: undefined;
254
371
  width?: undefined;
255
372
  '&.M4LIconButton-variantPrimary'?: undefined;
@@ -276,13 +393,18 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
276
393
  display: string;
277
394
  boxShadow: string;
278
395
  borderRadius: string;
396
+ marginRight: string;
279
397
  height: string;
398
+ width: string;
280
399
  gap: string;
281
400
  paddingLeft: string;
282
401
  alignItems: string;
283
402
  borderTop: string;
284
403
  borderColor: string;
285
404
  background: string;
405
+ '& .M4LAreasAdmin-areaContainerChipEditButton': {
406
+ display: string;
407
+ };
286
408
  '&.M4LAreasAdmin-selected': {
287
409
  color: string;
288
410
  '& .M4LAreasAdmin-areaChipTitle': {
@@ -296,17 +418,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
296
418
  };
297
419
  '& .M4LIconButton-root': {
298
420
  '& .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
- };
421
+ backgroundColor: string;
310
422
  };
311
423
  };
312
424
  background: string;
@@ -331,6 +443,41 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
331
443
  };
332
444
  };
333
445
  };
446
+ '&.M4LAreasAdmin-isMobile': {
447
+ '& .M4LAreasAdmin-areaContainerChips': {
448
+ width: string;
449
+ };
450
+ };
451
+ };
452
+ };
453
+ };
454
+ M4LAreasAdminEditPopover: {
455
+ styleOverrides: {
456
+ '&.M4LAreasAdmin-areaEditPopover': {
457
+ '& .MuiPaper-root': {
458
+ width: string;
459
+ };
460
+ };
461
+ };
462
+ };
463
+ M4LAreasAdminMobilePopoverOptions: {
464
+ styleOverrides: {
465
+ '&.M4LAreasAdmin-areasPopoverMobileOptions': {
466
+ '& .MuiPaper-root': {
467
+ '& .M4LButton-root': {
468
+ marginTop: string;
469
+ '& .MuiButtonBase-root': {
470
+ textWrap: string;
471
+ };
472
+ };
473
+ };
474
+ };
475
+ };
476
+ };
477
+ M4LAreasAdminPopoverListWindows: {
478
+ styleOverrides: {
479
+ '&.M4LAreasAdmin-areasPopoverListWindows': {
480
+ test: string;
334
481
  };
335
482
  };
336
483
  };