@m4l/styles 0.0.28 → 0.0.29

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