@m4l/styles 0.0.28 → 0.0.30

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 (35) hide show
  1. package/index.js +9 -9
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.e09f6ae8.js → defaultThemeOptions.a8de2e18.js} +5 -5
  4. package/theme/index.b0919dac.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +4 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +2 -1
  7. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +922 -534
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +203 -103
  9. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +2 -0
  10. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +0 -1
  11. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +39 -50
  12. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +33 -56
  13. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +15 -0
  14. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +58 -1655
  15. package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts +1 -2
  16. package/theme/overrides/M4LExtendedComponents/M4LNoItemSelected.d.ts +2 -2
  17. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +4 -1
  18. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +3 -0
  19. package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +3 -1
  20. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +0 -6
  21. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +2 -5
  22. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +18 -0
  23. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +1 -0
  24. package/theme/overrides/M4LExtendedComponents/{index.e4d90ec0.js → index.e875a5e1.js} +234 -155
  25. package/theme/overrides/MUIComponents/Badge.d.ts +2 -3
  26. package/theme/overrides/MUIComponents/{index.c5a85efa.js → index.f50cd1c7.js} +4 -5
  27. package/theme/overrides/{index.ab4ad05c.js → index.cbe0dea7.js} +29 -27
  28. package/theme/{palette.b6e02e1c.js → palette.104051a7.js} +14 -14
  29. package/theme/{shadows.386e7ef4.js → shadows.b036a684.js} +1 -1
  30. package/theme/{typography.006a6c85.js → typography.7591a12b.js} +4 -4
  31. package/types/augmentations.d.ts +4 -0
  32. package/utils/{getColorPresets.241c5bac.js → getColorPresets.2693301f.js} +1 -1
  33. package/utils/{getColorState.f10d3d33.js → getColorState.32c050bf.js} +52 -28
  34. package/utils/getColorState.d.ts +2 -0
  35. package/theme/index.e131f0b1.js +0 -7
package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts CHANGED
@@ -5,6 +5,14 @@ export declare const M4LAreasViewer: (theme: Theme) => {
5
5
  '&.M4LAreasViewer-root': {
6
6
  test: string;
7
7
  background: string;
8
+ '& .M4LGridLayout-gridItemRoot.M4LGridLayout-colapsed-40 .M4LAreasViewer-windowHeader': {
9
+ minHeight: string;
10
+ height: string;
11
+ };
12
+ '& .M4LGridLayout-gridItemRoot.M4LGridLayout-colapsed-48 .M4LAreasViewer-windowHeader': {
13
+ minHeight: string;
14
+ height: string;
15
+ };
8
16
  '& .M4LAreasViewer-areaGridLayout': {
9
17
  '& .M4LAreasViewer-resizeHandle': {
10
18
  test: string;
@@ -13,7 +21,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
13
21
  filter: string;
14
22
  };
15
23
  };
16
- "& .M4LAreasViewer-windowRoot": {
24
+ '& .M4LAreasViewer-windowRoot': {
17
25
  background: string;
18
26
  border: string;
19
27
  borderColor: string;
@@ -28,26 +36,59 @@ export declare const M4LAreasViewer: (theme: Theme) => {
28
36
  '& .react-resizable-handle': {
29
37
  backgroundColor: string;
30
38
  };
31
- "&.react-colapsed": {
39
+ '&.react-colapsed': {
32
40
  border: string;
33
41
  borderColor: string;
34
42
  };
35
- "& .M4LAreasViewer-windowRootContainer": {
43
+ '& .M4LAreasViewer-windowRootContainer': {
36
44
  display: string;
37
45
  flexDirection: string;
38
46
  width: string;
39
47
  height: string;
48
+ overflow: string;
40
49
  };
41
- "& .M4LAreasViewer-windowHeader": {
50
+ '& .M4LAreasViewer-windowHeader': {
51
+ [x: string]: string | {
52
+ height: string;
53
+ display?: undefined;
54
+ width?: undefined;
55
+ alignItems?: undefined;
56
+ '& .M4LAreasViewer-windowHeaderTitle'?: undefined;
57
+ } | {
58
+ display: string;
59
+ width: string;
60
+ height: string;
61
+ alignItems: string;
62
+ '& .M4LAreasViewer-windowHeaderTitle': {
63
+ display: string;
64
+ alignItems: string;
65
+ overflow: string;
66
+ width: string;
67
+ padding: string;
68
+ height: string;
69
+ '& .MuiTypography-root': {
70
+ whiteSpace: string;
71
+ overflow: string;
72
+ textOverflow: string;
73
+ width: string;
74
+ };
75
+ };
76
+ } | {
77
+ color: string;
78
+ overflow: string;
79
+ height?: undefined;
80
+ display?: undefined;
81
+ width?: undefined;
82
+ alignItems?: undefined;
83
+ '& .M4LAreasViewer-windowHeaderTitle'?: undefined;
84
+ };
42
85
  display: string;
43
86
  flexDirection: string;
44
87
  background: string;
45
88
  padding: string;
46
- height: string;
47
- minHeight: string;
48
- borderRadius: string;
49
89
  border: string;
50
90
  boxShadow: string;
91
+ height: string;
51
92
  '& .M4LAreasViewer-windowHeaderContent': {
52
93
  display: string;
53
94
  width: string;
@@ -59,6 +100,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
59
100
  overflow: string;
60
101
  width: string;
61
102
  padding: string;
103
+ height: string;
62
104
  '& .MuiTypography-root': {
63
105
  whiteSpace: string;
64
106
  overflow: string;
@@ -67,12 +109,12 @@ export declare const M4LAreasViewer: (theme: Theme) => {
67
109
  };
68
110
  };
69
111
  };
70
- "& .M4LTypography-root .MuiTypography-root": {
112
+ '& .M4LTypography-root .MuiTypography-root': {
71
113
  color: string;
72
114
  overflow: string;
73
115
  };
74
116
  };
75
- "& .M4LAreasViewer-windowToastiesContainer": {
117
+ '& .M4LAreasViewer-windowToastiesContainer': {
76
118
  padding: string;
77
119
  top: string;
78
120
  position: string;
@@ -84,14 +126,14 @@ export declare const M4LAreasViewer: (theme: Theme) => {
84
126
  gap: string;
85
127
  background: string;
86
128
  boxShadow: string;
87
- "& .M4LAreasViewer-windowToastiesContainerTostys": {
129
+ '& .M4LAreasViewer-windowToastiesContainerTostys': {
88
130
  boxSizing: string;
89
131
  overflow: string;
90
132
  display: string;
91
133
  flexDirection: string;
92
134
  width: string;
93
135
  maxHeight: string;
94
- "& .M4LAreasViewer-windowToastyContainer": {
136
+ '& .M4LAreasViewer-windowToastyContainer': {
95
137
  background: string | undefined;
96
138
  borderRadius: string;
97
139
  padding: string;
@@ -99,23 +141,23 @@ export declare const M4LAreasViewer: (theme: Theme) => {
99
141
  boxShadow: string;
100
142
  gap: string;
101
143
  position: string;
102
- "& .M4LAreasViewer-windowToastyButtonsContainer": {
144
+ '& .M4LAreasViewer-windowToastyButtonsContainer': {
103
145
  padding: string;
104
146
  display: string;
105
147
  flexDirection: string;
106
148
  gap: string;
107
149
  borderRadius: string;
108
150
  };
109
- "& .M4LAreasViewer-windowToastyMessage": {
151
+ '& .M4LAreasViewer-windowToastyMessage': {
110
152
  color: string | undefined;
111
153
  position: string;
112
- "& .MuiLinearProgress-root": {
154
+ '& .MuiLinearProgress-root': {
113
155
  position: string;
114
156
  width: string;
115
157
  top: string;
116
158
  left: string;
117
159
  background: string;
118
- "& .MuiLinearProgress-bar1Determinate .MuiLinearProgress-barColorPrimary": {
160
+ '& .MuiLinearProgress-bar1Determinate .MuiLinearProgress-barColorPrimary': {
119
161
  transform: string;
120
162
  };
121
163
  };
@@ -123,70 +165,70 @@ export declare const M4LAreasViewer: (theme: Theme) => {
123
165
  alignItems: string;
124
166
  padding: string;
125
167
  };
126
- "&.M4LAreasViewer-error": {
168
+ '&.M4LAreasViewer-error': {
127
169
  background: string | undefined;
128
- "& .M4LAreasViewer-windowToastyButtonsContainer": {
170
+ '& .M4LAreasViewer-windowToastyButtonsContainer': {
129
171
  background: string;
130
- "& .M4LIcon-icon": {
172
+ '& .M4LIcon-icon': {
131
173
  backgroundColor: string | undefined;
132
174
  };
133
- "& .M4LAreasViewer-pinIn": {
175
+ '& .M4LAreasViewer-pinIn': {
134
176
  background: string;
135
177
  boxShadow: string;
136
178
  border: string;
137
179
  };
138
- "& .M4LIconButton-root:hover": {
180
+ '& .M4LIconButton-root:hover': {
139
181
  background: string;
140
182
  };
141
183
  };
142
184
  };
143
- "&.M4LAreasViewer-info": {
185
+ '&.M4LAreasViewer-info': {
144
186
  background: string | undefined;
145
- "& .M4LAreasViewer-windowToastyButtonsContainer": {
187
+ '& .M4LAreasViewer-windowToastyButtonsContainer': {
146
188
  background: string;
147
- "& .M4LIcon-icon": {
189
+ '& .M4LIcon-icon': {
148
190
  backgroundColor: string | undefined;
149
191
  };
150
- "& .M4LAreasViewer-pinIn": {
192
+ '& .M4LAreasViewer-pinIn': {
151
193
  background: string;
152
194
  boxShadow: string;
153
195
  border: string;
154
196
  };
155
- "& .M4LIconButton-root:hover": {
197
+ '& .M4LIconButton-root:hover': {
156
198
  background: string;
157
199
  };
158
200
  };
159
201
  };
160
- "&.M4LAreasViewer-warning": {
202
+ '&.M4LAreasViewer-warning': {
161
203
  background: string | undefined;
162
- "& .M4LAreasViewer-windowToastyButtonsContainer": {
204
+ '& .M4LAreasViewer-windowToastyButtonsContainer': {
163
205
  background: string;
164
- "& .M4LIcon-icon": {
206
+ '& .M4LIcon-icon': {
165
207
  backgroundColor: string | undefined;
166
208
  };
167
- "& .M4LAreasViewer-pinIn": {
209
+ '& .M4LAreasViewer-pinIn': {
168
210
  background: string;
169
211
  boxShadow: string;
170
212
  border: string;
171
213
  };
172
- "& .M4LIconButton-root:hover": {
214
+ '& .M4LIconButton-root:hover': {
173
215
  background: string;
174
216
  };
175
217
  };
176
218
  };
177
- "&.M4LAreasViewer-success ": {
219
+ '&.M4LAreasViewer-success ': {
178
220
  background: string | undefined;
179
- "& .M4LAreasViewer-windowToastyButtonsContainer": {
221
+ '& .M4LAreasViewer-windowToastyButtonsContainer': {
180
222
  background: string;
181
- "& .M4LIcon-icon": {
223
+ '& .M4LIcon-icon': {
182
224
  backgroundColor: string | undefined;
183
225
  };
184
- "& .M4LAreasViewer-pinIn": {
226
+ '& .M4LAreasViewer-pinIn': {
185
227
  background: string;
186
228
  boxShadow: string;
187
229
  border: string;
188
230
  };
189
- "& .M4LIconButton-root:hover": {
231
+ '& .M4LIconButton-root:hover': {
190
232
  background: string;
191
233
  };
192
234
  };
@@ -194,7 +236,24 @@ export declare const M4LAreasViewer: (theme: Theme) => {
194
236
  };
195
237
  };
196
238
  };
197
- "& .M4LAreasViewer-windowContent": {
239
+ '& .M4LAreasViewer-windowContent': {
240
+ [x: string]: string | {
241
+ padding: string;
242
+ width?: undefined;
243
+ height?: undefined;
244
+ display?: undefined;
245
+ alignItems?: undefined;
246
+ '& .MuiLinearProgress-root'?: undefined;
247
+ } | {
248
+ width: string;
249
+ height: string;
250
+ display: string;
251
+ alignItems: string;
252
+ padding: string;
253
+ '& .MuiLinearProgress-root': {
254
+ background: string;
255
+ };
256
+ };
198
257
  padding: string;
199
258
  background: string;
200
259
  display: string;
@@ -204,13 +263,23 @@ export declare const M4LAreasViewer: (theme: Theme) => {
204
263
  width: string;
205
264
  flex: string;
206
265
  overflow: string;
266
+ '& .M4LAreasViewer-containerLinearProgress': {
267
+ width: string;
268
+ height: string;
269
+ display: string;
270
+ alignItems: string;
271
+ padding: string;
272
+ '& .MuiLinearProgress-root': {
273
+ background: string;
274
+ };
275
+ };
207
276
  };
208
- "&.M4LAreasViewer-selectedWindow": {
277
+ '&.M4LAreasViewer-selectedWindow': {
209
278
  border: string;
210
279
  borderColor: string;
211
280
  boxShadow: string | undefined;
212
281
  backdropFilter: string;
213
- "& .M4LAreasViewer-windowHeader": {
282
+ '& .M4LAreasViewer-windowHeader': {
214
283
  display: string;
215
284
  flexDirection: string;
216
285
  background: string;
@@ -219,50 +288,50 @@ export declare const M4LAreasViewer: (theme: Theme) => {
219
288
  position: string;
220
289
  padding: string;
221
290
  justifyContent: string;
222
- minHeight: string;
223
291
  overflow: string;
224
292
  cursor: string;
225
- height: string;
226
- "& .M4LTypography-root .MuiTypography-root": {
293
+ '& .M4LTypography-root .MuiTypography-root': {
227
294
  [x: string]: any;
228
295
  };
229
- "& .MuiButtonBase-root": {
230
- "& .M4LIcon-icon": {
296
+ '& .MuiButtonBase-root': {
297
+ '& .M4LIcon-icon': {
231
298
  backgroundColor: string;
232
299
  };
233
300
  };
234
- "& .Mui-disabled": {
235
- "& .M4LIcon-icon": {
301
+ '& .Mui-disabled': {
302
+ '& .M4LIcon-icon': {
236
303
  backgroundColor: string;
237
304
  };
238
305
  };
239
- "& .MuiButtonBase-root:hover": {
240
- "& .M4LIcon-icon": {
306
+ '& .MuiButtonBase-root:hover': {
307
+ '& .M4LIcon-icon': {
241
308
  backgroundColor: string;
242
309
  };
243
310
  };
244
311
  };
245
312
  };
246
313
  };
247
- "&.M4LGridLayout-root .M4LGridLayout-maximizeMe": {
314
+ '&.M4LGridLayout-root .M4LGridLayout-maximizeMe': {
248
315
  '& .M4LAreasViewer-windowContent': {
249
316
  padding: string;
250
317
  };
251
- "& .M4LAreasViewer-selectedWindow": {
318
+ '& .M4LAreasViewer-selectedWindow': {
252
319
  borderColor: string;
253
320
  boxShadow: string;
321
+ padding: string;
322
+ border: string;
254
323
  };
255
324
  };
256
- "&. M4LGridLayout-colapsed ": {
257
- "& .M4LAreasViewer-windowRoot": {
325
+ '&. M4LGridLayout-colapsed ': {
326
+ '& .M4LAreasViewer-windowRoot': {
258
327
  borderColor: string;
259
328
  boxShadow: string;
260
329
  };
261
330
  };
262
- "&. react-draggable": {
331
+ '&. react-draggable': {
263
332
  background: string;
264
333
  };
265
- "& .M4LAreasViewer-windowPopupRoot": {
334
+ '& .M4LAreasViewer-windowPopupRoot': {
266
335
  boxShadow: string;
267
336
  padding: string;
268
337
  background: string;
@@ -270,8 +339,8 @@ export declare const M4LAreasViewer: (theme: Theme) => {
270
339
  border: string;
271
340
  borderColor: string;
272
341
  backdropFilter: string;
273
- "& .M4LIcon-root.custom-handle": {
274
- "& .M4LIcon-icon": {
342
+ '& .M4LIcon-root.custom-handle': {
343
+ '& .M4LIcon-icon': {
275
344
  backgroundColor: string;
276
345
  width: string;
277
346
  height: string;
@@ -282,16 +351,14 @@ export declare const M4LAreasViewer: (theme: Theme) => {
282
351
  borderColor: string;
283
352
  };
284
353
  };
285
- "& .M4LAreasViewer-windowRootContainer": {
354
+ '& .M4LAreasViewer-windowRootContainer': {
286
355
  background: string;
287
356
  borderRadius: string;
288
- "& .M4LAreasViewer-windowHeader": {
289
- height: string;
290
- minHeight: string;
357
+ '& .M4LAreasViewer-windowHeader': {
291
358
  boxShadow: string;
292
359
  background: string;
293
- "& .M4LIcon-root": {
294
- "& .M4LIcon-icon": {
360
+ '& .M4LIcon-root': {
361
+ '& .M4LIcon-icon': {
295
362
  width: string;
296
363
  height: string;
297
364
  minWidth: string;
@@ -299,13 +366,13 @@ export declare const M4LAreasViewer: (theme: Theme) => {
299
366
  backgroundColor: string;
300
367
  };
301
368
  };
302
- "& .M4LTypography-root .MuiTypography-root": {
369
+ '& .M4LTypography-root .MuiTypography-root': {
303
370
  color: string;
304
371
  overflow: string;
305
372
  };
306
373
  };
307
374
  };
308
- "& .M4LAreasViewer-windowRoot": {
375
+ '& .M4LAreasViewer-windowRoot': {
309
376
  padding: string;
310
377
  background: string;
311
378
  borderRadius: string;
@@ -318,23 +385,22 @@ export declare const M4LAreasViewer: (theme: Theme) => {
318
385
  '& > .react-resizable-handle': {
319
386
  backgroundColor: string;
320
387
  };
321
- "&.M4LAreasViewer-selectedWindow": {
388
+ '&.M4LAreasViewer-selectedWindow': {
322
389
  borderColor: string;
323
390
  background: string;
324
391
  boxShadow: string;
325
392
  padding: string;
326
- "& .M4LAreasViewer-windowRootContainer": {
327
- "& .M4LAreasViewer-windowHeader": {
393
+ '& .M4LAreasViewer-windowRootContainer': {
394
+ '& .M4LAreasViewer-windowHeader': {
328
395
  background: string;
329
- height: string;
330
396
  borderRadius: string;
331
397
  boxShadow: string;
332
- "& .M4LIcon-root": {
333
- "& .M4LIcon-icon": {
398
+ '& .M4LIcon-root': {
399
+ '& .M4LIcon-icon': {
334
400
  backgroundColor: string;
335
401
  };
336
402
  };
337
- "& .M4LTypography-root .MuiTypography-root": {
403
+ '& .M4LTypography-root .MuiTypography-root': {
338
404
  color: string;
339
405
  overflow: string;
340
406
  };
@@ -342,25 +408,46 @@ export declare const M4LAreasViewer: (theme: Theme) => {
342
408
  };
343
409
  };
344
410
  };
345
- "&.M4LAreasViewer-selectedWindow": {
411
+ '&.M4LAreasViewer-selectedWindow': {
412
+ [x: string]: string | {
413
+ padding: string;
414
+ boxShadow?: undefined;
415
+ '& .M4LAreasViewer-windowHeader'?: undefined;
416
+ } | {
417
+ boxShadow: string;
418
+ '& .M4LAreasViewer-windowHeader': {
419
+ background: import("../..").StateSkeleton;
420
+ borderRadius: string;
421
+ boxShadow: string;
422
+ '& .M4LIcon-root': {
423
+ '& .M4LIcon-icon': {
424
+ backgroundColor: string;
425
+ };
426
+ };
427
+ '& .M4LTypography-root .MuiTypography-root': {
428
+ color: string;
429
+ overflow: string;
430
+ };
431
+ };
432
+ padding?: undefined;
433
+ };
346
434
  border: string;
347
435
  borderColor: string;
348
436
  background: string;
349
437
  boxShadow: string;
350
438
  padding: string;
351
- "& .M4LAreasViewer-windowRootContainer": {
439
+ '& .M4LAreasViewer-windowRootContainer': {
352
440
  boxShadow: string;
353
- "& .M4LAreasViewer-windowHeader": {
441
+ '& .M4LAreasViewer-windowHeader': {
354
442
  background: import("../..").StateSkeleton;
355
- height: string;
356
443
  borderRadius: string;
357
444
  boxShadow: string;
358
- "& .M4LIcon-root": {
359
- "& .M4LIcon-icon": {
445
+ '& .M4LIcon-root': {
446
+ '& .M4LIcon-icon': {
360
447
  backgroundColor: string;
361
448
  };
362
449
  };
363
- "& .M4LTypography-root .MuiTypography-root": {
450
+ '& .M4LTypography-root .MuiTypography-root': {
364
451
  color: string;
365
452
  overflow: string;
366
453
  };
@@ -392,7 +479,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
392
479
  };
393
480
  };
394
481
  };
395
- "& .M4LAreasViewer-areasLoadingErrorRoot": {
482
+ '& .M4LAreasViewer-areasLoadingErrorRoot': {
396
483
  display: string;
397
484
  flexDirection: string;
398
485
  justifyContent: string;
@@ -402,7 +489,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
402
489
  overflow: string;
403
490
  width: string;
404
491
  height: string;
405
- "& .M4LAreasViewer-areasLoadingError": {
492
+ '& .M4LAreasViewer-areasLoadingError': {
406
493
  display: string;
407
494
  padding: string;
408
495
  flexDirection: string;
@@ -411,17 +498,17 @@ export declare const M4LAreasViewer: (theme: Theme) => {
411
498
  gap: string;
412
499
  position: string;
413
500
  inset: string;
414
- "& .M4LIcon-root": {
501
+ '& .M4LIcon-root': {
415
502
  display: string;
416
503
  padding: string;
417
504
  marginBottom: string;
418
- " .M4LIcon-icon": {
505
+ ' .M4LIcon-icon': {
419
506
  width: string;
420
507
  height: string;
421
508
  backgroundColor: string;
422
509
  };
423
510
  };
424
- "& .M4LAreasViewer-areasLoadingErrorTitle": {
511
+ '& .M4LAreasViewer-areasLoadingErrorTitle': {
425
512
  [x: string]: unknown;
426
513
  color: string;
427
514
  '@font-face'?: import("@mui/material/styles/createTypography").Fontface | import("@mui/material/styles/createTypography").Fontface[] | undefined;
@@ -1233,18 +1320,18 @@ export declare const M4LAreasViewer: (theme: Theme) => {
1233
1320
  textAnchor?: import("csstype").Property.TextAnchor | undefined;
1234
1321
  vectorEffect?: import("csstype").Property.VectorEffect | undefined;
1235
1322
  };
1236
- "& .M4LAreasViewer-areasLoadingErrorDescription": {
1323
+ '& .M4LAreasViewer-areasLoadingErrorDescription': {
1237
1324
  color: string;
1238
1325
  };
1239
- "& .M4LAreasViewer-areasLoadingErrorDivider": {
1326
+ '& .M4LAreasViewer-areasLoadingErrorDivider': {
1240
1327
  width: string;
1241
1328
  height: string;
1242
1329
  background: string;
1243
1330
  };
1244
- "& .MuiTypography-paragraph": {
1331
+ '& .MuiTypography-paragraph': {
1245
1332
  color: string;
1246
1333
  };
1247
- "& .MuiButtonBase-root": {
1334
+ '& .MuiButtonBase-root': {
1248
1335
  marginTop: string;
1249
1336
  };
1250
1337
  };
@@ -1254,7 +1341,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
1254
1341
  };
1255
1342
  M4LAreasViewerModal: {
1256
1343
  styleOverrides: {
1257
- "&.M4LAreasViewer-windowModalRoot .M4LAreasViewer-windowRoot": {
1344
+ '&.M4LAreasViewer-windowModalRoot .M4LAreasViewer-windowRoot': {
1258
1345
  borderRadius: string;
1259
1346
  boxShadow: string;
1260
1347
  background: string;
@@ -1263,7 +1350,21 @@ export declare const M4LAreasViewer: (theme: Theme) => {
1263
1350
  boxShadow: string;
1264
1351
  background: string;
1265
1352
  };
1266
- "& .M4LAreasViewer-areasLoadingErrorRoot": {
1353
+ '& .M4LAreasViewer-windowHeaderTitle': {
1354
+ display: string;
1355
+ alignItems: string;
1356
+ overflow: string;
1357
+ width: string;
1358
+ padding: string;
1359
+ height: string;
1360
+ '& .MuiTypography-root': {
1361
+ whiteSpace: string;
1362
+ overflow: string;
1363
+ textOverflow: string;
1364
+ width: string;
1365
+ };
1366
+ };
1367
+ '& .M4LAreasViewer-areasLoadingErrorRoot': {
1267
1368
  display: string;
1268
1369
  flexDirection: string;
1269
1370
  justifyContent: string;
@@ -1273,7 +1374,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
1273
1374
  overflow: string;
1274
1375
  width: string;
1275
1376
  height: string;
1276
- "& .M4LAreasViewer-areasLoadingError": {
1377
+ '& .M4LAreasViewer-areasLoadingError': {
1277
1378
  display: string;
1278
1379
  padding: string;
1279
1380
  flexDirection: string;
@@ -1282,17 +1383,17 @@ export declare const M4LAreasViewer: (theme: Theme) => {
1282
1383
  gap: string;
1283
1384
  position: string;
1284
1385
  inset: string;
1285
- "& .M4LIcon-root": {
1386
+ '& .M4LIcon-root': {
1286
1387
  display: string;
1287
1388
  padding: string;
1288
1389
  marginBottom: string;
1289
- " .M4LIcon-icon": {
1390
+ ' .M4LIcon-icon': {
1290
1391
  width: string;
1291
1392
  height: string;
1292
1393
  backgroundColor: string;
1293
1394
  };
1294
1395
  };
1295
- "& .M4LAreasViewer-areasLoadingErrorTitle": {
1396
+ '& .M4LAreasViewer-areasLoadingErrorTitle': {
1296
1397
  [x: string]: unknown;
1297
1398
  color: string;
1298
1399
  '@font-face'?: import("@mui/material/styles/createTypography").Fontface | import("@mui/material/styles/createTypography").Fontface[] | undefined;
@@ -2104,18 +2205,18 @@ export declare const M4LAreasViewer: (theme: Theme) => {
2104
2205
  textAnchor?: import("csstype").Property.TextAnchor | undefined;
2105
2206
  vectorEffect?: import("csstype").Property.VectorEffect | undefined;
2106
2207
  };
2107
- "& .M4LAreasViewer-areasLoadingErrorDescription": {
2208
+ '& .M4LAreasViewer-areasLoadingErrorDescription': {
2108
2209
  color: string;
2109
2210
  };
2110
- "& .M4LAreasViewer-areasLoadingErrorDivider": {
2211
+ '& .M4LAreasViewer-areasLoadingErrorDivider': {
2111
2212
  width: string;
2112
2213
  height: string;
2113
2214
  background: string;
2114
2215
  };
2115
- "& .MuiTypography-paragraph": {
2216
+ '& .MuiTypography-paragraph': {
2116
2217
  color: string;
2117
2218
  };
2118
- "& .MuiButtonBase-root": {
2219
+ '& .MuiButtonBase-root': {
2119
2220
  marginTop: string;
2120
2221
  };
2121
2222
  };
@@ -2138,16 +2239,15 @@ export declare const M4LAreasViewer: (theme: Theme) => {
2138
2239
  background: string;
2139
2240
  borderRadius: string;
2140
2241
  boxShadow: string;
2141
- "& .M4LAreasViewer-windowHeader": {
2242
+ overflow: string;
2243
+ '& .M4LAreasViewer-windowHeader': {
2142
2244
  cursor: string;
2143
2245
  display: string;
2144
2246
  flexDirection: string;
2145
2247
  padding: string;
2146
- height: string;
2147
- minHeight: string;
2148
2248
  borderRadius: string;
2149
2249
  border: string;
2150
- "& .M4LTypography-root .MuiTypography-root": {
2250
+ '& .M4LTypography-root .MuiTypography-root': {
2151
2251
  color: string;
2152
2252
  overflow: string;
2153
2253
  };
@@ -2157,7 +2257,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
2157
2257
  height: string;
2158
2258
  };
2159
2259
  };
2160
- "& .M4LAreasViewer-windowContent": {
2260
+ '& .M4LAreasViewer-windowContent': {
2161
2261
  margin: string;
2162
2262
  background: string;
2163
2263
  borderRadius: string;
@@ -2170,8 +2270,8 @@ export declare const M4LAreasViewer: (theme: Theme) => {
2170
2270
  };
2171
2271
  };
2172
2272
  };
2173
- "& .M4LIcon-root.custom-handle": {
2174
- "& .M4LIcon-icon": {
2273
+ '& .M4LIcon-root.custom-handle': {
2274
+ '& .M4LIcon-icon': {
2175
2275
  backgroundColor: string;
2176
2276
  width: string;
2177
2277
  height: string;