@m4l/styles 0.0.19 → 0.0.21

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 (31) hide show
  1. package/index.js +19 -19
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.d67fe64c.js → defaultThemeOptions.81e20130.js} +5 -5
  4. package/theme/index.38ad102a.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +237 -67
  6. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +1151 -336
  7. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +116 -63
  8. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +1 -0
  9. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +245 -8
  10. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +46 -12
  11. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +8 -4
  12. package/theme/overrides/M4LExtendedComponents/{index.bd713d88.js → index.9ecb9eb5.js} +524 -289
  13. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +17 -3
  14. package/theme/overrides/M4LRHFComponents/{index.1406e2ed.js → index.e3118e8b.js} +25 -11
  15. package/theme/overrides/MUIComponents/Button.d.ts +3 -1
  16. package/theme/overrides/MUIComponents/Input.d.ts +16 -3
  17. package/theme/overrides/MUIComponents/Tabs.d.ts +2 -0
  18. package/theme/overrides/MUIComponents/{index.e3d060c3.js → index.25926753.js} +50 -32
  19. package/theme/overrides/{index.6b7aec0f.js → index.05460ef6.js} +3 -3
  20. package/theme/{palette.95c4f9c8.js → palette.ad96498c.js} +114 -114
  21. package/theme/palette.d.ts +6 -6
  22. package/theme/{shadows.354bbb03.js → shadows.c56e8ae9.js} +1 -1
  23. package/theme/{typography.61f909b7.js → typography.39389e10.js} +4 -4
  24. package/types/types.d.ts +1 -1
  25. package/utils/getColorPresets.82f91ceb.js +70 -0
  26. package/utils/getColorPresets.d.ts +1 -1
  27. package/utils/getColorState.0e5b3a7c.js +172 -0
  28. package/utils/getColorState.d.ts +1 -0
  29. package/theme/index.efa44d2d.js +0 -7
  30. package/utils/getColorPresets.d73f30ad.js +0 -70
  31. package/utils/getColorState.bde51cf7.js +0 -159
package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts CHANGED
@@ -5,259 +5,670 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5
5
  '&.M4LAreasAdmin-root': {
6
6
  [x: string]: string | number | {
7
7
  height: string;
8
+ background: string;
9
+ width: string;
10
+ maxWidth: string;
11
+ position?: undefined;
12
+ zIndex?: undefined;
13
+ borderRadius?: undefined;
14
+ display?: undefined;
15
+ flexDirection?: undefined;
16
+ overflow?: undefined;
17
+ borderRight?: undefined;
18
+ borderColor?: undefined;
19
+ '& .M4LAreasAdmin-areaIconLayer'?: undefined;
20
+ '& .M4LAreasAdmin-areaContainerChips'?: undefined;
8
21
  backgroundColor?: undefined;
9
22
  '& .M4LIcon-icon'?: undefined;
10
- background?: undefined;
11
23
  boxShadow?: undefined;
24
+ } | {
25
+ width: string;
26
+ maxWidth: string;
27
+ height: string;
28
+ background: string;
29
+ position: string;
30
+ zIndex: string;
31
+ borderRadius?: undefined;
12
32
  display?: undefined;
13
- justifyContent?: undefined;
14
- width?: undefined;
15
- '& .M4LIcon-root'?: undefined;
33
+ flexDirection?: undefined;
16
34
  overflow?: undefined;
17
- gap?: undefined;
18
- padding?: undefined;
19
- alignItems?: undefined;
20
- '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
21
- '& .M4LAreasAdmin-areaChipMobileIconContainer'?: undefined;
22
- '& .MuiBox-root'?: undefined;
23
- '& .simplebar-content'?: undefined;
24
- '& .M4LAreasAdmin-areaChipRoot '?: undefined;
35
+ borderRight?: undefined;
36
+ borderColor?: undefined;
37
+ '& .M4LAreasAdmin-areaIconLayer'?: undefined;
25
38
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
39
+ backgroundColor?: undefined;
40
+ '& .M4LIcon-icon'?: undefined;
41
+ boxShadow?: undefined;
26
42
  } | {
27
- backgroundColor: string;
28
- '& .M4LIcon-icon': {
29
- backgroundColor: string;
30
- };
43
+ background: string;
44
+ position: string;
45
+ borderRadius: string;
46
+ zIndex: string;
31
47
  height?: undefined;
32
- background?: undefined;
33
- boxShadow?: undefined;
34
- display?: undefined;
35
- justifyContent?: undefined;
36
48
  width?: undefined;
37
- '& .M4LIcon-root'?: undefined;
49
+ maxWidth?: undefined;
50
+ display?: undefined;
51
+ flexDirection?: undefined;
38
52
  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;
53
+ borderRight?: undefined;
54
+ borderColor?: undefined;
55
+ '& .M4LAreasAdmin-areaIconLayer'?: undefined;
47
56
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
48
- } | {
49
- [x: string]: string | {
50
- height: string;
51
- width: string;
52
- } | {
53
- width: string;
54
- height?: undefined;
55
- };
56
- background: string;
57
- boxShadow: string;
58
- display: string;
59
- justifyContent: string;
60
- width: string;
61
- height: string;
62
- '& .M4LIcon-root': {
63
- width: string;
64
- };
65
57
  backgroundColor?: undefined;
66
58
  '& .M4LIcon-icon'?: undefined;
67
- overflow?: undefined;
68
- gap?: undefined;
69
- padding?: undefined;
70
- alignItems?: undefined;
71
- '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
72
- '& .M4LAreasAdmin-areaChipMobileIconContainer'?: undefined;
73
- '& .MuiBox-root'?: undefined;
74
- '& .simplebar-content'?: undefined;
75
- '& .M4LAreasAdmin-areaChipRoot '?: undefined;
76
- '& .M4LAreasAdmin-areaContainerChips'?: undefined;
59
+ boxShadow?: undefined;
77
60
  } | {
78
61
  display: string;
79
- overflow: string;
80
- gap: string;
81
- padding: string;
62
+ flexDirection: string;
82
63
  width: string;
64
+ overflow: string;
83
65
  height: string;
84
- alignItems: 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;
66
+ borderRight: string;
67
+ borderColor: string;
68
+ '& .M4LAreasAdmin-areaIconLayer': {
69
+ [x: string]: string | {
70
+ height: string;
95
71
  width: string;
96
72
  };
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
73
  background: string;
113
- };
114
- '& .MuiBox-root': {
74
+ boxShadow: string;
115
75
  display: string;
116
- alignItems: string;
76
+ justifyContent: string;
77
+ width: string;
117
78
  height: string;
79
+ '& .M4LIcon-root': {
80
+ width: string;
81
+ height: string;
82
+ };
118
83
  };
119
- '& .simplebar-content': {
84
+ '& .M4LAreasAdmin-areaContainerChips': {
120
85
  display: string;
86
+ overflow: string;
87
+ gap: string;
88
+ padding: string;
89
+ width: string;
90
+ height: string;
121
91
  alignItems: string;
122
- };
123
- '& .M4LAreasAdmin-areaChipRoot ': {
124
- [x: string]: string | {
125
- display: string;
126
- height?: undefined;
127
- justifyContent?: undefined;
128
- width?: undefined;
129
- '&.M4LIconButton-variantPrimary'?: undefined;
130
- } | {
131
- height: string;
132
- display?: undefined;
133
- justifyContent?: undefined;
134
- width?: undefined;
135
- '&.M4LIconButton-variantPrimary'?: undefined;
136
- } | {
137
- color: string;
138
- '& .M4LAreasAdmin-areaChipTitle': {
92
+ "& .M4LAreasAdmin-areaContainerContentChips": {
93
+ [x: string]: string | {
94
+ justifyContent: string;
95
+ width: string;
96
+ "& .css-16ugaun"?: undefined;
97
+ "& .simplebar-wrapper"?: undefined;
98
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
99
+ display?: undefined;
100
+ overflow?: undefined;
101
+ backgroundColor?: undefined;
102
+ borderRadius?: undefined;
103
+ alignItems?: undefined;
104
+ height?: undefined;
105
+ boxShadow?: undefined;
106
+ marginRight?: undefined;
107
+ gap?: undefined;
108
+ paddingLeft?: undefined;
109
+ border?: undefined;
110
+ borderColor?: undefined;
111
+ background?: undefined;
112
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
113
+ '&.M4LAreasAdmin-selected'?: undefined;
114
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
115
+ '& .M4LIconButton-root'?: undefined;
116
+ } | {
117
+ "& .css-16ugaun": {};
118
+ "& .simplebar-wrapper": {
119
+ width: string;
120
+ maxWidth: string;
121
+ "& .simplebar-height-auto-observer-wrapper": {
122
+ width: string;
123
+ maxWidth: string;
124
+ overflow: string;
125
+ };
126
+ "& .simplebar-mask": {
127
+ "& .simplebar-offset": {
128
+ "& .simplebar-content-wrapper": {
129
+ width: string;
130
+ maxWidth: string;
131
+ overflow: string;
132
+ "& .simplebar-content": {
133
+ width: string;
134
+ overflow: string;
135
+ gap: string;
136
+ };
137
+ };
138
+ };
139
+ };
140
+ };
141
+ justifyContent?: undefined;
142
+ width?: undefined;
143
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
144
+ display?: undefined;
145
+ overflow?: undefined;
146
+ backgroundColor?: undefined;
147
+ borderRadius?: undefined;
148
+ alignItems?: undefined;
149
+ height?: undefined;
150
+ boxShadow?: undefined;
151
+ marginRight?: undefined;
152
+ gap?: undefined;
153
+ paddingLeft?: undefined;
154
+ border?: undefined;
155
+ borderColor?: undefined;
156
+ background?: undefined;
157
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
158
+ '&.M4LAreasAdmin-selected'?: undefined;
159
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
160
+ '& .M4LIconButton-root'?: undefined;
161
+ } | {
162
+ width: string;
163
+ '& .M4LAreasAdmin-areaChipRoot ': {
164
+ margin: string;
165
+ borderRadius: string;
166
+ overflow: string;
167
+ width: string;
168
+ };
169
+ justifyContent?: undefined;
170
+ "& .css-16ugaun"?: undefined;
171
+ "& .simplebar-wrapper"?: undefined;
172
+ display?: undefined;
173
+ overflow?: undefined;
174
+ backgroundColor?: undefined;
175
+ borderRadius?: undefined;
176
+ alignItems?: undefined;
177
+ height?: undefined;
178
+ boxShadow?: undefined;
179
+ marginRight?: undefined;
180
+ gap?: undefined;
181
+ paddingLeft?: undefined;
182
+ border?: undefined;
183
+ borderColor?: undefined;
184
+ background?: undefined;
185
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
186
+ '&.M4LAreasAdmin-selected'?: undefined;
187
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
188
+ '& .M4LIconButton-root'?: undefined;
189
+ } | {
190
+ display: string;
191
+ overflow: string;
192
+ width: string;
139
193
  backgroundColor: string;
140
- border: string;
141
- textWrap: string;
194
+ borderRadius: string;
195
+ '& .M4LAreasAdmin-areaChipRoot ': {
196
+ margin: string;
197
+ borderRadius: string;
198
+ overflow: string;
199
+ width: string;
200
+ };
201
+ justifyContent?: undefined;
202
+ "& .css-16ugaun"?: undefined;
203
+ "& .simplebar-wrapper"?: undefined;
204
+ alignItems?: undefined;
205
+ height?: undefined;
206
+ boxShadow?: undefined;
207
+ marginRight?: undefined;
208
+ gap?: undefined;
209
+ paddingLeft?: undefined;
210
+ border?: undefined;
211
+ borderColor?: undefined;
212
+ background?: undefined;
213
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
214
+ '&.M4LAreasAdmin-selected'?: undefined;
215
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
216
+ '& .M4LIconButton-root'?: undefined;
217
+ } | {
218
+ color: string;
219
+ '& .M4LIconButton-root': {
220
+ backgroundColor: string;
221
+ borderLeft: string;
222
+ borderColor: string | undefined;
223
+ borderRadius: string;
224
+ '& .M4LIcon-icon': {
225
+ backgroundColor: string;
226
+ };
227
+ display?: undefined;
228
+ justifyContent?: undefined;
229
+ width?: undefined;
230
+ height?: undefined;
231
+ '&.M4LIconButton-variantPrimary'?: undefined;
232
+ };
233
+ display: string;
142
234
  width: string;
235
+ alignItems: string;
236
+ borderRadius: string;
237
+ background: string;
238
+ justifyContent?: undefined;
239
+ "& .css-16ugaun"?: undefined;
240
+ "& .simplebar-wrapper"?: undefined;
241
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
242
+ overflow?: undefined;
243
+ backgroundColor?: undefined;
244
+ height?: undefined;
245
+ boxShadow?: undefined;
246
+ marginRight?: undefined;
247
+ gap?: undefined;
248
+ paddingLeft?: undefined;
249
+ border?: undefined;
250
+ borderColor?: undefined;
251
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
252
+ '&.M4LAreasAdmin-selected'?: undefined;
253
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
254
+ } | {
143
255
  display: string;
144
256
  alignItems: string;
145
- color: string | undefined;
146
- };
147
- '& .M4LIconButton-root': {
148
- '& .M4LIcon-icon': {
257
+ height: string;
258
+ justifyContent?: undefined;
259
+ width?: undefined;
260
+ "& .css-16ugaun"?: undefined;
261
+ "& .simplebar-wrapper"?: undefined;
262
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
263
+ overflow?: undefined;
264
+ backgroundColor?: undefined;
265
+ borderRadius?: undefined;
266
+ boxShadow?: undefined;
267
+ marginRight?: undefined;
268
+ gap?: undefined;
269
+ paddingLeft?: undefined;
270
+ border?: undefined;
271
+ borderColor?: undefined;
272
+ background?: undefined;
273
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
274
+ '&.M4LAreasAdmin-selected'?: undefined;
275
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
276
+ '& .M4LIconButton-root'?: undefined;
277
+ } | {
278
+ display: string;
279
+ alignItems: string;
280
+ justifyContent?: undefined;
281
+ width?: undefined;
282
+ "& .css-16ugaun"?: undefined;
283
+ "& .simplebar-wrapper"?: undefined;
284
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
285
+ overflow?: undefined;
286
+ backgroundColor?: undefined;
287
+ borderRadius?: undefined;
288
+ height?: undefined;
289
+ boxShadow?: undefined;
290
+ marginRight?: undefined;
291
+ gap?: undefined;
292
+ paddingLeft?: undefined;
293
+ border?: undefined;
294
+ borderColor?: undefined;
295
+ background?: undefined;
296
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
297
+ '&.M4LAreasAdmin-selected'?: undefined;
298
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
299
+ '& .M4LIconButton-root'?: undefined;
300
+ } | {
301
+ [x: string]: string | {
302
+ display: string;
303
+ width: string;
304
+ height?: undefined;
305
+ justifyContent?: undefined;
306
+ '&.M4LIconButton-variantPrimary'?: undefined;
307
+ } | {
308
+ height: string;
309
+ display?: undefined;
310
+ width?: undefined;
311
+ justifyContent?: undefined;
312
+ '&.M4LIconButton-variantPrimary'?: undefined;
313
+ } | {
314
+ color: string;
315
+ height: string;
316
+ '& .M4LAreasAdmin-areaChipTitle': {
317
+ backgroundColor: string;
318
+ border: string;
319
+ textWrap: string;
320
+ width: string;
321
+ display: string;
322
+ alignItems: string;
323
+ color: string | undefined;
324
+ };
325
+ '& .M4LIconButton-root': {
326
+ '& .M4LIcon-icon': {
327
+ backgroundColor: string;
328
+ };
329
+ };
330
+ background: string;
331
+ display?: undefined;
332
+ width?: undefined;
333
+ justifyContent?: undefined;
334
+ '&.M4LIconButton-variantPrimary'?: undefined;
335
+ } | {
336
+ backgroundColor: string;
337
+ border: string;
338
+ textWrap: string;
339
+ width: string;
340
+ display: string;
341
+ alignItems: string;
342
+ color: string;
343
+ height?: undefined;
344
+ justifyContent?: undefined;
345
+ '&.M4LIconButton-variantPrimary'?: undefined;
346
+ } | {
347
+ display: string;
348
+ justifyContent: string;
349
+ width: string;
350
+ height: string;
351
+ '&.M4LIconButton-variantPrimary': {
352
+ background: string;
353
+ };
354
+ };
355
+ display: string;
356
+ boxShadow: string;
357
+ borderRadius: string;
358
+ marginRight: string;
359
+ height: string;
360
+ width: string;
361
+ gap: string;
362
+ paddingLeft: string;
363
+ alignItems: string;
364
+ border: string;
365
+ borderColor: string;
366
+ background: string;
367
+ '& .M4LAreasAdmin-areaContainerChipEditButton': {
368
+ display: string;
369
+ width: string;
370
+ };
371
+ '&.M4LAreasAdmin-selected': {
372
+ color: string;
373
+ height: string;
374
+ '& .M4LAreasAdmin-areaChipTitle': {
375
+ backgroundColor: string;
376
+ border: string;
377
+ textWrap: string;
378
+ width: string;
379
+ display: string;
380
+ alignItems: string;
381
+ color: string | undefined;
382
+ };
383
+ '& .M4LIconButton-root': {
384
+ '& .M4LIcon-icon': {
385
+ backgroundColor: string;
386
+ };
387
+ };
388
+ background: string;
389
+ };
390
+ '& .M4LAreasAdmin-areaChipTitle': {
149
391
  backgroundColor: string;
392
+ border: string;
393
+ textWrap: string;
394
+ width: string;
395
+ display: string;
396
+ alignItems: string;
397
+ color: string;
398
+ };
399
+ '& .M4LIconButton-root': {
400
+ display: string;
401
+ justifyContent: string;
402
+ width: string;
403
+ height: string;
404
+ '&.M4LIconButton-variantPrimary': {
405
+ background: string;
406
+ };
407
+ backgroundColor?: undefined;
408
+ borderLeft?: undefined;
409
+ borderColor?: undefined;
410
+ borderRadius?: undefined;
411
+ '& .M4LIcon-icon'?: undefined;
150
412
  };
413
+ justifyContent?: undefined;
414
+ "& .css-16ugaun"?: undefined;
415
+ "& .simplebar-wrapper"?: undefined;
416
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
417
+ overflow?: undefined;
418
+ backgroundColor?: undefined;
151
419
  };
152
- background: string;
153
- display?: undefined;
154
- height?: undefined;
155
- justifyContent?: undefined;
156
- width?: undefined;
157
- '&.M4LIconButton-variantPrimary'?: undefined;
158
- } | {
159
- backgroundColor: string;
160
- border: string;
161
- textWrap: string;
162
- width: string;
163
- display: string;
164
- alignItems: string;
165
- color: string;
166
- height?: undefined;
167
- justifyContent?: undefined;
168
- '&.M4LIconButton-variantPrimary'?: undefined;
169
- } | {
170
420
  display: string;
171
- justifyContent: string;
421
+ flexDirection: string;
172
422
  width: string;
173
- height: string;
174
- '&.M4LIconButton-variantPrimary': {
175
- background: string;
423
+ justifyContent: string;
424
+ "& .css-jjtu05": {
425
+ "& .css-16ugaun": {};
426
+ "& .simplebar-wrapper": {
427
+ width: string;
428
+ maxWidth: string;
429
+ "& .simplebar-height-auto-observer-wrapper": {
430
+ width: string;
431
+ maxWidth: string;
432
+ overflow: string;
433
+ };
434
+ "& .simplebar-mask": {
435
+ "& .simplebar-offset": {
436
+ "& .simplebar-content-wrapper": {
437
+ width: string;
438
+ maxWidth: string;
439
+ overflow: string;
440
+ "& .simplebar-content": {
441
+ width: string;
442
+ overflow: string;
443
+ gap: string;
444
+ };
445
+ };
446
+ };
447
+ };
448
+ };
176
449
  };
177
- };
178
- display: string;
179
- boxShadow: string;
180
- borderRadius: string;
181
- marginRight: string;
182
- height: string;
183
- width: string;
184
- gap: string;
185
- paddingLeft: string;
186
- alignItems: string;
187
- borderTop: string;
188
- borderColor: string;
189
- background: string;
190
- '& .M4LAreasAdmin-areaContainerChipEditButton': {
191
- display: string;
192
- };
193
- '&.M4LAreasAdmin-selected': {
194
- color: string;
195
- '& .M4LAreasAdmin-areaChipTitle': {
450
+ "& .simplebar-content-wrapper": {
451
+ width: string;
452
+ '& .M4LAreasAdmin-areaChipRoot ': {
453
+ margin: string;
454
+ borderRadius: string;
455
+ overflow: string;
456
+ width: string;
457
+ };
458
+ };
459
+ '& .M4LAreasAdmin-areaChipMobileRoot': {
460
+ display: string;
461
+ overflow: string;
462
+ width: string;
196
463
  backgroundColor: string;
197
- border: string;
198
- textWrap: string;
464
+ borderRadius: string;
465
+ '& .M4LAreasAdmin-areaChipRoot ': {
466
+ margin: string;
467
+ borderRadius: string;
468
+ overflow: string;
469
+ width: string;
470
+ };
471
+ };
472
+ '& .M4LAreasAdmin-areaChipMobileIconContainer': {
473
+ color: string;
474
+ '& .M4LIconButton-root': {
475
+ backgroundColor: string;
476
+ borderLeft: string;
477
+ borderColor: string | undefined;
478
+ borderRadius: string;
479
+ '& .M4LIcon-icon': {
480
+ backgroundColor: string;
481
+ };
482
+ };
483
+ display: string;
199
484
  width: string;
485
+ alignItems: string;
486
+ borderRadius: string;
487
+ background: string;
488
+ };
489
+ '& .MuiBox-root': {
490
+ display: string;
491
+ alignItems: string;
492
+ height: string;
493
+ };
494
+ '& .simplebar-content': {
200
495
  display: string;
201
496
  alignItems: string;
202
- color: string | undefined;
203
497
  };
204
- '& .M4LIconButton-root': {
205
- '& .M4LIcon-icon': {
498
+ '& .M4LAreasAdmin-areaChipRoot ': {
499
+ [x: string]: string | {
500
+ display: string;
501
+ width: string;
502
+ height?: undefined;
503
+ justifyContent?: undefined;
504
+ '&.M4LIconButton-variantPrimary'?: undefined;
505
+ } | {
506
+ height: string;
507
+ display?: undefined;
508
+ width?: undefined;
509
+ justifyContent?: undefined;
510
+ '&.M4LIconButton-variantPrimary'?: undefined;
511
+ } | {
512
+ color: string;
513
+ height: string;
514
+ '& .M4LAreasAdmin-areaChipTitle': {
515
+ backgroundColor: string;
516
+ border: string;
517
+ textWrap: string;
518
+ width: string;
519
+ display: string;
520
+ alignItems: string;
521
+ color: string | undefined;
522
+ };
523
+ '& .M4LIconButton-root': {
524
+ '& .M4LIcon-icon': {
525
+ backgroundColor: string;
526
+ };
527
+ };
528
+ background: string;
529
+ display?: undefined;
530
+ width?: undefined;
531
+ justifyContent?: undefined;
532
+ '&.M4LIconButton-variantPrimary'?: undefined;
533
+ } | {
206
534
  backgroundColor: string;
535
+ border: string;
536
+ textWrap: string;
537
+ width: string;
538
+ display: string;
539
+ alignItems: string;
540
+ color: string;
541
+ height?: undefined;
542
+ justifyContent?: undefined;
543
+ '&.M4LIconButton-variantPrimary'?: undefined;
544
+ } | {
545
+ display: string;
546
+ justifyContent: string;
547
+ width: string;
548
+ height: string;
549
+ '&.M4LIconButton-variantPrimary': {
550
+ background: string;
551
+ };
207
552
  };
208
- };
209
- background: string;
210
- };
211
- '& .M4LAreasAdmin-areaChipTitle': {
212
- backgroundColor: string;
213
- border: string;
214
- textWrap: string;
215
- width: string;
216
- display: string;
217
- alignItems: string;
218
- color: string;
219
- };
220
- '& .M4LIconButton-root': {
221
- display: string;
222
- justifyContent: string;
223
- width: string;
224
- height: string;
225
- '&.M4LIconButton-variantPrimary': {
553
+ display: string;
554
+ boxShadow: string;
555
+ borderRadius: string;
556
+ marginRight: string;
557
+ height: string;
558
+ width: string;
559
+ gap: string;
560
+ paddingLeft: string;
561
+ alignItems: string;
562
+ border: string;
563
+ borderColor: string;
226
564
  background: string;
565
+ '& .M4LAreasAdmin-areaContainerChipEditButton': {
566
+ display: string;
567
+ width: string;
568
+ };
569
+ '&.M4LAreasAdmin-selected': {
570
+ color: string;
571
+ height: string;
572
+ '& .M4LAreasAdmin-areaChipTitle': {
573
+ backgroundColor: string;
574
+ border: string;
575
+ textWrap: string;
576
+ width: string;
577
+ display: string;
578
+ alignItems: string;
579
+ color: string | undefined;
580
+ };
581
+ '& .M4LIconButton-root': {
582
+ '& .M4LIcon-icon': {
583
+ backgroundColor: string;
584
+ };
585
+ };
586
+ background: string;
587
+ };
588
+ '& .M4LAreasAdmin-areaChipTitle': {
589
+ backgroundColor: string;
590
+ border: string;
591
+ textWrap: string;
592
+ width: string;
593
+ display: string;
594
+ alignItems: string;
595
+ color: string;
596
+ };
597
+ '& .M4LIconButton-root': {
598
+ display: string;
599
+ justifyContent: string;
600
+ width: string;
601
+ height: string;
602
+ '&.M4LIconButton-variantPrimary': {
603
+ background: string;
604
+ };
605
+ };
227
606
  };
228
607
  };
608
+ background?: undefined;
609
+ boxShadow?: undefined;
229
610
  };
611
+ background?: undefined;
612
+ maxWidth?: undefined;
613
+ position?: undefined;
614
+ zIndex?: undefined;
615
+ borderRadius?: undefined;
230
616
  backgroundColor?: undefined;
231
617
  '& .M4LIcon-icon'?: undefined;
232
- background?: undefined;
233
618
  boxShadow?: undefined;
234
- justifyContent?: undefined;
235
- '& .M4LIcon-root'?: undefined;
619
+ } | {
620
+ backgroundColor: string;
621
+ '& .M4LIcon-icon': {
622
+ backgroundColor: string;
623
+ };
624
+ height?: undefined;
625
+ background?: undefined;
626
+ width?: undefined;
627
+ maxWidth?: undefined;
628
+ position?: undefined;
629
+ zIndex?: undefined;
630
+ borderRadius?: undefined;
631
+ display?: undefined;
632
+ flexDirection?: undefined;
633
+ overflow?: undefined;
634
+ borderRight?: undefined;
635
+ borderColor?: undefined;
636
+ '& .M4LAreasAdmin-areaIconLayer'?: undefined;
236
637
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
638
+ boxShadow?: undefined;
237
639
  } | {
640
+ overflow: string;
641
+ boxShadow: string;
642
+ width: string;
238
643
  '& .M4LAreasAdmin-areaContainerChips': {
239
644
  width: string;
645
+ overflow: string;
646
+ background: string;
647
+ boxShadow: string;
648
+ display?: undefined;
649
+ gap?: undefined;
650
+ padding?: undefined;
651
+ height?: undefined;
652
+ alignItems?: undefined;
653
+ "& .M4LAreasAdmin-areaContainerContentChips"?: undefined;
240
654
  };
241
655
  height?: undefined;
242
- backgroundColor?: undefined;
243
- '& .M4LIcon-icon'?: undefined;
244
656
  background?: undefined;
245
- boxShadow?: undefined;
657
+ maxWidth?: undefined;
658
+ position?: undefined;
659
+ zIndex?: undefined;
660
+ borderRadius?: undefined;
246
661
  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;
662
+ flexDirection?: undefined;
663
+ borderRight?: undefined;
664
+ borderColor?: undefined;
665
+ '& .M4LAreasAdmin-areaIconLayer'?: undefined;
666
+ backgroundColor?: undefined;
667
+ '& .M4LIcon-icon'?: undefined;
259
668
  };
260
669
  flex: number;
670
+ display: string;
671
+ flexDirection: string;
261
672
  overflow: string;
262
673
  height: string;
263
674
  borderRadius: string;
@@ -265,187 +676,591 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
265
676
  alignItems: string;
266
677
  background: string;
267
678
  boxShadow: string;
268
- '& .M4LAreasAdmin-areasAddButton': {
269
- backgroundColor: string;
270
- '& .M4LIcon-icon': {
271
- backgroundColor: string;
272
- };
273
- };
274
- '& .M4LAreasAdmin-areaIconLayer': {
275
- [x: string]: string | {
276
- height: string;
277
- width: string;
278
- } | {
279
- width: string;
280
- height?: undefined;
281
- };
282
- background: string;
283
- boxShadow: string;
284
- display: string;
285
- justifyContent: string;
679
+ justifyContent: string;
680
+ width: string;
681
+ maxWidth: string;
682
+ gap: string;
683
+ borderTop: string;
684
+ borderColor: string;
685
+ "*::-webkit-scrollbar": {
286
686
  width: string;
687
+ maxWidth: string;
287
688
  height: string;
288
- '& .M4LIcon-root': {
289
- width: string;
290
- };
689
+ background: string;
690
+ position: string;
691
+ zIndex: string;
692
+ };
693
+ "*::-webkit-scrollbar-thumb": {
694
+ background: string;
695
+ position: string;
696
+ borderRadius: string;
697
+ zIndex: string;
291
698
  };
292
- '& .M4LAreasAdmin-areaContainerChips': {
699
+ "& .M4LAreasAdmin-areaContainerChipsIcon": {
293
700
  display: string;
294
- overflow: string;
295
- gap: string;
296
- padding: string;
701
+ flexDirection: string;
297
702
  width: string;
703
+ overflow: string;
298
704
  height: string;
299
- alignItems: 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;
705
+ borderRight: string;
706
+ borderColor: string;
707
+ '& .M4LAreasAdmin-areaIconLayer': {
708
+ [x: string]: string | {
709
+ height: string;
310
710
  width: string;
311
711
  };
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
712
  background: string;
328
- };
329
- '& .MuiBox-root': {
713
+ boxShadow: string;
330
714
  display: string;
331
- alignItems: string;
715
+ justifyContent: string;
716
+ width: string;
332
717
  height: string;
718
+ '& .M4LIcon-root': {
719
+ width: string;
720
+ height: string;
721
+ };
333
722
  };
334
- '& .simplebar-content': {
723
+ '& .M4LAreasAdmin-areaContainerChips': {
335
724
  display: string;
725
+ overflow: string;
726
+ gap: string;
727
+ padding: string;
728
+ width: string;
729
+ height: string;
336
730
  alignItems: string;
337
- };
338
- '& .M4LAreasAdmin-areaChipRoot ': {
339
- [x: string]: string | {
340
- display: string;
341
- height?: undefined;
342
- justifyContent?: undefined;
343
- width?: undefined;
344
- '&.M4LIconButton-variantPrimary'?: undefined;
345
- } | {
346
- height: string;
347
- display?: undefined;
348
- justifyContent?: undefined;
349
- width?: undefined;
350
- '&.M4LIconButton-variantPrimary'?: undefined;
351
- } | {
352
- color: string;
353
- '& .M4LAreasAdmin-areaChipTitle': {
731
+ "& .M4LAreasAdmin-areaContainerContentChips": {
732
+ [x: string]: string | {
733
+ justifyContent: string;
734
+ width: string;
735
+ "& .css-16ugaun"?: undefined;
736
+ "& .simplebar-wrapper"?: undefined;
737
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
738
+ display?: undefined;
739
+ overflow?: undefined;
740
+ backgroundColor?: undefined;
741
+ borderRadius?: undefined;
742
+ alignItems?: undefined;
743
+ height?: undefined;
744
+ boxShadow?: undefined;
745
+ marginRight?: undefined;
746
+ gap?: undefined;
747
+ paddingLeft?: undefined;
748
+ border?: undefined;
749
+ borderColor?: undefined;
750
+ background?: undefined;
751
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
752
+ '&.M4LAreasAdmin-selected'?: undefined;
753
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
754
+ '& .M4LIconButton-root'?: undefined;
755
+ } | {
756
+ "& .css-16ugaun": {};
757
+ "& .simplebar-wrapper": {
758
+ width: string;
759
+ maxWidth: string;
760
+ "& .simplebar-height-auto-observer-wrapper": {
761
+ width: string;
762
+ maxWidth: string;
763
+ overflow: string;
764
+ };
765
+ "& .simplebar-mask": {
766
+ "& .simplebar-offset": {
767
+ "& .simplebar-content-wrapper": {
768
+ width: string;
769
+ maxWidth: string;
770
+ overflow: string;
771
+ "& .simplebar-content": {
772
+ width: string;
773
+ overflow: string;
774
+ gap: string;
775
+ };
776
+ };
777
+ };
778
+ };
779
+ };
780
+ justifyContent?: undefined;
781
+ width?: undefined;
782
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
783
+ display?: undefined;
784
+ overflow?: undefined;
785
+ backgroundColor?: undefined;
786
+ borderRadius?: undefined;
787
+ alignItems?: undefined;
788
+ height?: undefined;
789
+ boxShadow?: undefined;
790
+ marginRight?: undefined;
791
+ gap?: undefined;
792
+ paddingLeft?: undefined;
793
+ border?: undefined;
794
+ borderColor?: undefined;
795
+ background?: undefined;
796
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
797
+ '&.M4LAreasAdmin-selected'?: undefined;
798
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
799
+ '& .M4LIconButton-root'?: undefined;
800
+ } | {
801
+ width: string;
802
+ '& .M4LAreasAdmin-areaChipRoot ': {
803
+ margin: string;
804
+ borderRadius: string;
805
+ overflow: string;
806
+ width: string;
807
+ };
808
+ justifyContent?: undefined;
809
+ "& .css-16ugaun"?: undefined;
810
+ "& .simplebar-wrapper"?: undefined;
811
+ display?: undefined;
812
+ overflow?: undefined;
813
+ backgroundColor?: undefined;
814
+ borderRadius?: undefined;
815
+ alignItems?: undefined;
816
+ height?: undefined;
817
+ boxShadow?: undefined;
818
+ marginRight?: undefined;
819
+ gap?: undefined;
820
+ paddingLeft?: undefined;
821
+ border?: undefined;
822
+ borderColor?: undefined;
823
+ background?: undefined;
824
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
825
+ '&.M4LAreasAdmin-selected'?: undefined;
826
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
827
+ '& .M4LIconButton-root'?: undefined;
828
+ } | {
829
+ display: string;
830
+ overflow: string;
831
+ width: string;
354
832
  backgroundColor: string;
355
- border: string;
356
- textWrap: string;
833
+ borderRadius: string;
834
+ '& .M4LAreasAdmin-areaChipRoot ': {
835
+ margin: string;
836
+ borderRadius: string;
837
+ overflow: string;
838
+ width: string;
839
+ };
840
+ justifyContent?: undefined;
841
+ "& .css-16ugaun"?: undefined;
842
+ "& .simplebar-wrapper"?: undefined;
843
+ alignItems?: undefined;
844
+ height?: undefined;
845
+ boxShadow?: undefined;
846
+ marginRight?: undefined;
847
+ gap?: undefined;
848
+ paddingLeft?: undefined;
849
+ border?: undefined;
850
+ borderColor?: undefined;
851
+ background?: undefined;
852
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
853
+ '&.M4LAreasAdmin-selected'?: undefined;
854
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
855
+ '& .M4LIconButton-root'?: undefined;
856
+ } | {
857
+ color: string;
858
+ '& .M4LIconButton-root': {
859
+ backgroundColor: string;
860
+ borderLeft: string;
861
+ borderColor: string | undefined;
862
+ borderRadius: string;
863
+ '& .M4LIcon-icon': {
864
+ backgroundColor: string;
865
+ };
866
+ display?: undefined;
867
+ justifyContent?: undefined;
868
+ width?: undefined;
869
+ height?: undefined;
870
+ '&.M4LIconButton-variantPrimary'?: undefined;
871
+ };
872
+ display: string;
357
873
  width: string;
874
+ alignItems: string;
875
+ borderRadius: string;
876
+ background: string;
877
+ justifyContent?: undefined;
878
+ "& .css-16ugaun"?: undefined;
879
+ "& .simplebar-wrapper"?: undefined;
880
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
881
+ overflow?: undefined;
882
+ backgroundColor?: undefined;
883
+ height?: undefined;
884
+ boxShadow?: undefined;
885
+ marginRight?: undefined;
886
+ gap?: undefined;
887
+ paddingLeft?: undefined;
888
+ border?: undefined;
889
+ borderColor?: undefined;
890
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
891
+ '&.M4LAreasAdmin-selected'?: undefined;
892
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
893
+ } | {
358
894
  display: string;
359
895
  alignItems: string;
360
- color: string | undefined;
361
- };
362
- '& .M4LIconButton-root': {
363
- '& .M4LIcon-icon': {
896
+ height: string;
897
+ justifyContent?: undefined;
898
+ width?: undefined;
899
+ "& .css-16ugaun"?: undefined;
900
+ "& .simplebar-wrapper"?: undefined;
901
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
902
+ overflow?: undefined;
903
+ backgroundColor?: undefined;
904
+ borderRadius?: undefined;
905
+ boxShadow?: undefined;
906
+ marginRight?: undefined;
907
+ gap?: undefined;
908
+ paddingLeft?: undefined;
909
+ border?: undefined;
910
+ borderColor?: undefined;
911
+ background?: undefined;
912
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
913
+ '&.M4LAreasAdmin-selected'?: undefined;
914
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
915
+ '& .M4LIconButton-root'?: undefined;
916
+ } | {
917
+ display: string;
918
+ alignItems: string;
919
+ justifyContent?: undefined;
920
+ width?: undefined;
921
+ "& .css-16ugaun"?: undefined;
922
+ "& .simplebar-wrapper"?: undefined;
923
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
924
+ overflow?: undefined;
925
+ backgroundColor?: undefined;
926
+ borderRadius?: undefined;
927
+ height?: undefined;
928
+ boxShadow?: undefined;
929
+ marginRight?: undefined;
930
+ gap?: undefined;
931
+ paddingLeft?: undefined;
932
+ border?: undefined;
933
+ borderColor?: undefined;
934
+ background?: undefined;
935
+ '& .M4LAreasAdmin-areaContainerChipEditButton'?: undefined;
936
+ '&.M4LAreasAdmin-selected'?: undefined;
937
+ '& .M4LAreasAdmin-areaChipTitle'?: undefined;
938
+ '& .M4LIconButton-root'?: undefined;
939
+ } | {
940
+ [x: string]: string | {
941
+ display: string;
942
+ width: string;
943
+ height?: undefined;
944
+ justifyContent?: undefined;
945
+ '&.M4LIconButton-variantPrimary'?: undefined;
946
+ } | {
947
+ height: string;
948
+ display?: undefined;
949
+ width?: undefined;
950
+ justifyContent?: undefined;
951
+ '&.M4LIconButton-variantPrimary'?: undefined;
952
+ } | {
953
+ color: string;
954
+ height: string;
955
+ '& .M4LAreasAdmin-areaChipTitle': {
956
+ backgroundColor: string;
957
+ border: string;
958
+ textWrap: string;
959
+ width: string;
960
+ display: string;
961
+ alignItems: string;
962
+ color: string | undefined;
963
+ };
964
+ '& .M4LIconButton-root': {
965
+ '& .M4LIcon-icon': {
966
+ backgroundColor: string;
967
+ };
968
+ };
969
+ background: string;
970
+ display?: undefined;
971
+ width?: undefined;
972
+ justifyContent?: undefined;
973
+ '&.M4LIconButton-variantPrimary'?: undefined;
974
+ } | {
975
+ backgroundColor: string;
976
+ border: string;
977
+ textWrap: string;
978
+ width: string;
979
+ display: string;
980
+ alignItems: string;
981
+ color: string;
982
+ height?: undefined;
983
+ justifyContent?: undefined;
984
+ '&.M4LIconButton-variantPrimary'?: undefined;
985
+ } | {
986
+ display: string;
987
+ justifyContent: string;
988
+ width: string;
989
+ height: string;
990
+ '&.M4LIconButton-variantPrimary': {
991
+ background: string;
992
+ };
993
+ };
994
+ display: string;
995
+ boxShadow: string;
996
+ borderRadius: string;
997
+ marginRight: string;
998
+ height: string;
999
+ width: string;
1000
+ gap: string;
1001
+ paddingLeft: string;
1002
+ alignItems: string;
1003
+ border: string;
1004
+ borderColor: string;
1005
+ background: string;
1006
+ '& .M4LAreasAdmin-areaContainerChipEditButton': {
1007
+ display: string;
1008
+ width: string;
1009
+ };
1010
+ '&.M4LAreasAdmin-selected': {
1011
+ color: string;
1012
+ height: string;
1013
+ '& .M4LAreasAdmin-areaChipTitle': {
1014
+ backgroundColor: string;
1015
+ border: string;
1016
+ textWrap: string;
1017
+ width: string;
1018
+ display: string;
1019
+ alignItems: string;
1020
+ color: string | undefined;
1021
+ };
1022
+ '& .M4LIconButton-root': {
1023
+ '& .M4LIcon-icon': {
1024
+ backgroundColor: string;
1025
+ };
1026
+ };
1027
+ background: string;
1028
+ };
1029
+ '& .M4LAreasAdmin-areaChipTitle': {
364
1030
  backgroundColor: string;
1031
+ border: string;
1032
+ textWrap: string;
1033
+ width: string;
1034
+ display: string;
1035
+ alignItems: string;
1036
+ color: string;
1037
+ };
1038
+ '& .M4LIconButton-root': {
1039
+ display: string;
1040
+ justifyContent: string;
1041
+ width: string;
1042
+ height: string;
1043
+ '&.M4LIconButton-variantPrimary': {
1044
+ background: string;
1045
+ };
1046
+ backgroundColor?: undefined;
1047
+ borderLeft?: undefined;
1048
+ borderColor?: undefined;
1049
+ borderRadius?: undefined;
1050
+ '& .M4LIcon-icon'?: undefined;
365
1051
  };
1052
+ justifyContent?: undefined;
1053
+ "& .css-16ugaun"?: undefined;
1054
+ "& .simplebar-wrapper"?: undefined;
1055
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
1056
+ overflow?: undefined;
1057
+ backgroundColor?: undefined;
366
1058
  };
367
- background: string;
368
- display?: undefined;
369
- height?: undefined;
370
- justifyContent?: undefined;
371
- width?: undefined;
372
- '&.M4LIconButton-variantPrimary'?: undefined;
373
- } | {
374
- backgroundColor: string;
375
- border: string;
376
- textWrap: string;
377
- width: string;
378
1059
  display: string;
379
- alignItems: string;
380
- color: string;
381
- height?: undefined;
382
- justifyContent?: undefined;
383
- '&.M4LIconButton-variantPrimary'?: undefined;
384
- } | {
385
- display: string;
386
- justifyContent: string;
1060
+ flexDirection: string;
387
1061
  width: string;
388
- height: string;
389
- '&.M4LIconButton-variantPrimary': {
390
- background: string;
1062
+ justifyContent: string;
1063
+ "& .css-jjtu05": {
1064
+ "& .css-16ugaun": {};
1065
+ "& .simplebar-wrapper": {
1066
+ width: string;
1067
+ maxWidth: string;
1068
+ "& .simplebar-height-auto-observer-wrapper": {
1069
+ width: string;
1070
+ maxWidth: string;
1071
+ overflow: string;
1072
+ };
1073
+ "& .simplebar-mask": {
1074
+ "& .simplebar-offset": {
1075
+ "& .simplebar-content-wrapper": {
1076
+ width: string;
1077
+ maxWidth: string;
1078
+ overflow: string;
1079
+ "& .simplebar-content": {
1080
+ width: string;
1081
+ overflow: string;
1082
+ gap: string;
1083
+ };
1084
+ };
1085
+ };
1086
+ };
1087
+ };
391
1088
  };
392
- };
393
- display: string;
394
- boxShadow: string;
395
- borderRadius: string;
396
- marginRight: string;
397
- height: string;
398
- width: string;
399
- gap: string;
400
- paddingLeft: string;
401
- alignItems: string;
402
- borderTop: string;
403
- borderColor: string;
404
- background: string;
405
- '& .M4LAreasAdmin-areaContainerChipEditButton': {
406
- display: string;
407
- };
408
- '&.M4LAreasAdmin-selected': {
409
- color: string;
410
- '& .M4LAreasAdmin-areaChipTitle': {
1089
+ "& .simplebar-content-wrapper": {
1090
+ width: string;
1091
+ '& .M4LAreasAdmin-areaChipRoot ': {
1092
+ margin: string;
1093
+ borderRadius: string;
1094
+ overflow: string;
1095
+ width: string;
1096
+ };
1097
+ };
1098
+ '& .M4LAreasAdmin-areaChipMobileRoot': {
1099
+ display: string;
1100
+ overflow: string;
1101
+ width: string;
411
1102
  backgroundColor: string;
412
- border: string;
413
- textWrap: string;
1103
+ borderRadius: string;
1104
+ '& .M4LAreasAdmin-areaChipRoot ': {
1105
+ margin: string;
1106
+ borderRadius: string;
1107
+ overflow: string;
1108
+ width: string;
1109
+ };
1110
+ };
1111
+ '& .M4LAreasAdmin-areaChipMobileIconContainer': {
1112
+ color: string;
1113
+ '& .M4LIconButton-root': {
1114
+ backgroundColor: string;
1115
+ borderLeft: string;
1116
+ borderColor: string | undefined;
1117
+ borderRadius: string;
1118
+ '& .M4LIcon-icon': {
1119
+ backgroundColor: string;
1120
+ };
1121
+ };
1122
+ display: string;
414
1123
  width: string;
1124
+ alignItems: string;
1125
+ borderRadius: string;
1126
+ background: string;
1127
+ };
1128
+ '& .MuiBox-root': {
415
1129
  display: string;
416
1130
  alignItems: string;
417
- color: string | undefined;
1131
+ height: string;
418
1132
  };
419
- '& .M4LIconButton-root': {
420
- '& .M4LIcon-icon': {
1133
+ '& .simplebar-content': {
1134
+ display: string;
1135
+ alignItems: string;
1136
+ };
1137
+ '& .M4LAreasAdmin-areaChipRoot ': {
1138
+ [x: string]: string | {
1139
+ display: string;
1140
+ width: string;
1141
+ height?: undefined;
1142
+ justifyContent?: undefined;
1143
+ '&.M4LIconButton-variantPrimary'?: undefined;
1144
+ } | {
1145
+ height: string;
1146
+ display?: undefined;
1147
+ width?: undefined;
1148
+ justifyContent?: undefined;
1149
+ '&.M4LIconButton-variantPrimary'?: undefined;
1150
+ } | {
1151
+ color: string;
1152
+ height: string;
1153
+ '& .M4LAreasAdmin-areaChipTitle': {
1154
+ backgroundColor: string;
1155
+ border: string;
1156
+ textWrap: string;
1157
+ width: string;
1158
+ display: string;
1159
+ alignItems: string;
1160
+ color: string | undefined;
1161
+ };
1162
+ '& .M4LIconButton-root': {
1163
+ '& .M4LIcon-icon': {
1164
+ backgroundColor: string;
1165
+ };
1166
+ };
1167
+ background: string;
1168
+ display?: undefined;
1169
+ width?: undefined;
1170
+ justifyContent?: undefined;
1171
+ '&.M4LIconButton-variantPrimary'?: undefined;
1172
+ } | {
421
1173
  backgroundColor: string;
1174
+ border: string;
1175
+ textWrap: string;
1176
+ width: string;
1177
+ display: string;
1178
+ alignItems: string;
1179
+ color: string;
1180
+ height?: undefined;
1181
+ justifyContent?: undefined;
1182
+ '&.M4LIconButton-variantPrimary'?: undefined;
1183
+ } | {
1184
+ display: string;
1185
+ justifyContent: string;
1186
+ width: string;
1187
+ height: string;
1188
+ '&.M4LIconButton-variantPrimary': {
1189
+ background: string;
1190
+ };
422
1191
  };
423
- };
424
- background: string;
425
- };
426
- '& .M4LAreasAdmin-areaChipTitle': {
427
- backgroundColor: string;
428
- border: string;
429
- textWrap: string;
430
- width: string;
431
- display: string;
432
- alignItems: string;
433
- color: string;
434
- };
435
- '& .M4LIconButton-root': {
436
- display: string;
437
- justifyContent: string;
438
- width: string;
439
- height: string;
440
- '&.M4LIconButton-variantPrimary': {
1192
+ display: string;
1193
+ boxShadow: string;
1194
+ borderRadius: string;
1195
+ marginRight: string;
1196
+ height: string;
1197
+ width: string;
1198
+ gap: string;
1199
+ paddingLeft: string;
1200
+ alignItems: string;
1201
+ border: string;
1202
+ borderColor: string;
441
1203
  background: string;
1204
+ '& .M4LAreasAdmin-areaContainerChipEditButton': {
1205
+ display: string;
1206
+ width: string;
1207
+ };
1208
+ '&.M4LAreasAdmin-selected': {
1209
+ color: string;
1210
+ height: string;
1211
+ '& .M4LAreasAdmin-areaChipTitle': {
1212
+ backgroundColor: string;
1213
+ border: string;
1214
+ textWrap: string;
1215
+ width: string;
1216
+ display: string;
1217
+ alignItems: string;
1218
+ color: string | undefined;
1219
+ };
1220
+ '& .M4LIconButton-root': {
1221
+ '& .M4LIcon-icon': {
1222
+ backgroundColor: string;
1223
+ };
1224
+ };
1225
+ background: string;
1226
+ };
1227
+ '& .M4LAreasAdmin-areaChipTitle': {
1228
+ backgroundColor: string;
1229
+ border: string;
1230
+ textWrap: string;
1231
+ width: string;
1232
+ display: string;
1233
+ alignItems: string;
1234
+ color: string;
1235
+ };
1236
+ '& .M4LIconButton-root': {
1237
+ display: string;
1238
+ justifyContent: string;
1239
+ width: string;
1240
+ height: string;
1241
+ '&.M4LIconButton-variantPrimary': {
1242
+ background: string;
1243
+ };
1244
+ };
442
1245
  };
443
1246
  };
444
1247
  };
445
1248
  };
1249
+ '& .M4LAreasAdmin-areasAddButton': {
1250
+ backgroundColor: string;
1251
+ '& .M4LIcon-icon': {
1252
+ backgroundColor: string;
1253
+ };
1254
+ };
446
1255
  '&.M4LAreasAdmin-isMobile': {
1256
+ overflow: string;
1257
+ boxShadow: string;
1258
+ width: string;
447
1259
  '& .M4LAreasAdmin-areaContainerChips': {
448
1260
  width: string;
1261
+ overflow: string;
1262
+ background: string;
1263
+ boxShadow: string;
449
1264
  };
450
1265
  };
451
1266
  };