@m4l/styles 0.0.31 → 0.0.32

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 (58) hide show
  1. package/index.js +37 -37
  2. package/package.json +1 -1
  3. package/theme/defaultThemeOptions.b25c825e.js +27 -0
  4. package/theme/index.34d0fdea.js +1 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +22 -15
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +106 -81
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +58 -3
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +636 -475
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +42 -52
  10. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +0 -2
  11. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +5 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +56 -57
  13. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +13 -12
  14. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +14 -6
  15. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +78 -87
  16. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +2 -2
  17. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +2 -1
  18. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +13 -2
  19. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +17 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +2 -4
  21. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +0 -2
  22. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +1 -2
  23. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +43 -33
  24. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +12 -0
  25. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +142 -1
  26. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +1 -0
  27. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +91 -42
  28. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +3 -0
  29. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +1 -0
  30. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +16 -0
  31. package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +29 -0
  32. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +0 -4
  33. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +24 -20
  34. package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +1 -4
  35. package/theme/overrides/M4LExtendedComponents/{index.1cd7b9f2.js → index.15f2650a.js} +1112 -826
  36. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +102 -4
  37. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +107 -0
  38. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +5 -3
  39. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +5 -0
  40. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +2 -1
  41. package/theme/overrides/M4LRHFComponents/{index.2dbe138a.js → index.e6262889.js} +252 -37
  42. package/theme/overrides/MUIComponents/{index.f50cd1c7.js → index.1b2b2be2.js} +59 -138
  43. package/theme/overrides/index.158187f3.js +105 -0
  44. package/theme/{palette.76ca123c.js → palette.31d770bc.js} +84 -42
  45. package/theme/palette.d.ts +16 -6
  46. package/theme/{shadows.1c46a94e.js → shadows.9800d84c.js} +24 -24
  47. package/theme/typography.b14a8e35.js +122 -0
  48. package/theme/typography.d.ts +19 -13
  49. package/types/augmentations.d.ts +1 -1
  50. package/utils/{getColorPresets.5bb0236e.js → getColorPresets.9fec9cc2.js} +1 -1
  51. package/utils/getColorState.4350ccb4.js +239 -0
  52. package/utils/getColorState.d.ts +5 -0
  53. package/theme/defaultThemeOptions.85da8657.js +0 -30
  54. package/theme/index.4dffae0a.js +0 -7
  55. package/theme/overrides/MUIComponents/Tabs.d.ts +0 -903
  56. package/theme/overrides/index.a465322b.js +0 -104
  57. package/theme/typography.89adddae.js +0 -124
  58. package/utils/getColorState.42ed5268.js +0 -208
@@ -13,19 +13,17 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
13
13
  display?: undefined;
14
14
  flexDirection?: undefined;
15
15
  gap?: undefined;
16
- backgroundColor?: undefined;
17
16
  padding?: undefined;
18
17
  alignItems?: undefined;
19
18
  borderTopRightRadius?: undefined;
20
19
  borderBottomRightRadius?: undefined;
20
+ borderLeft?: undefined;
21
21
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
22
22
  maxWidth?: undefined;
23
23
  borderTopLeftRadius?: undefined;
24
24
  borderBottomLeftRadius?: undefined;
25
+ borderRight?: undefined;
25
26
  '& > input'?: undefined;
26
- '& input:focus-visible'?: undefined;
27
- '& input:hover'?: undefined;
28
- borderLeft?: undefined;
29
27
  margin?: undefined;
30
28
  } | {
31
29
  '& .M4LDynamicFilter-wrapperApplyedFilters': {
@@ -40,19 +38,17 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
40
38
  display?: undefined;
41
39
  flexDirection?: undefined;
42
40
  gap?: undefined;
43
- backgroundColor?: undefined;
44
41
  padding?: undefined;
45
42
  alignItems?: undefined;
46
43
  borderTopRightRadius?: undefined;
47
44
  borderBottomRightRadius?: undefined;
45
+ borderLeft?: undefined;
48
46
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
49
47
  maxWidth?: undefined;
50
48
  borderTopLeftRadius?: undefined;
51
49
  borderBottomLeftRadius?: undefined;
50
+ borderRight?: undefined;
52
51
  '& > input'?: undefined;
53
- '& input:focus-visible'?: undefined;
54
- '& input:hover'?: undefined;
55
- borderLeft?: undefined;
56
52
  margin?: undefined;
57
53
  } | {
58
54
  '& .M4LDynamicFilter-wrapperApplyedFilters': {
@@ -76,19 +72,17 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
76
72
  display?: undefined;
77
73
  flexDirection?: undefined;
78
74
  gap?: undefined;
79
- backgroundColor?: undefined;
80
75
  padding?: undefined;
81
76
  alignItems?: undefined;
82
77
  borderTopRightRadius?: undefined;
83
78
  borderBottomRightRadius?: undefined;
79
+ borderLeft?: undefined;
84
80
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
85
81
  maxWidth?: undefined;
86
82
  borderTopLeftRadius?: undefined;
87
83
  borderBottomLeftRadius?: undefined;
84
+ borderRight?: undefined;
88
85
  '& > input'?: undefined;
89
- '& input:focus-visible'?: undefined;
90
- '& input:hover'?: undefined;
91
- borderLeft?: undefined;
92
86
  margin?: undefined;
93
87
  } | {
94
88
  height: string;
@@ -100,30 +94,30 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
100
94
  display?: undefined;
101
95
  flexDirection?: undefined;
102
96
  gap?: undefined;
103
- backgroundColor?: undefined;
104
97
  padding?: undefined;
105
98
  alignItems?: undefined;
106
99
  borderTopRightRadius?: undefined;
107
100
  borderBottomRightRadius?: undefined;
101
+ borderLeft?: undefined;
108
102
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
109
103
  maxWidth?: undefined;
110
104
  borderTopLeftRadius?: undefined;
111
105
  borderBottomLeftRadius?: undefined;
106
+ borderRight?: undefined;
112
107
  '& > input'?: undefined;
113
- '& input:focus-visible'?: undefined;
114
- '& input:hover'?: undefined;
115
- borderLeft?: undefined;
116
108
  margin?: undefined;
117
109
  } | {
118
110
  [x: string]: string | {
119
111
  height: string;
120
- background: string;
121
112
  display: string;
122
113
  flexDirection: string;
123
114
  alignItems: string;
124
115
  justifyContent: string;
125
116
  width?: undefined;
126
117
  maxWidth?: undefined;
118
+ color?: undefined;
119
+ border?: undefined;
120
+ borderColor?: undefined;
127
121
  } | {
128
122
  [x: string]: string | {
129
123
  height: string;
@@ -132,8 +126,10 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
132
126
  width: string;
133
127
  alignItems: string;
134
128
  maxWidth: string;
129
+ color: string;
130
+ border: string;
131
+ borderColor: string;
135
132
  height?: undefined;
136
- background?: undefined;
137
133
  display?: undefined;
138
134
  flexDirection?: undefined;
139
135
  justifyContent?: undefined;
@@ -148,6 +144,9 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
148
144
  width: string;
149
145
  alignItems: string;
150
146
  maxWidth: string;
147
+ color: string;
148
+ border: string;
149
+ borderColor: string;
151
150
  };
152
151
  minHeight?: undefined;
153
152
  '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
@@ -155,19 +154,17 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
155
154
  display?: undefined;
156
155
  flexDirection?: undefined;
157
156
  gap?: undefined;
158
- backgroundColor?: undefined;
159
157
  padding?: undefined;
160
158
  alignItems?: undefined;
161
159
  borderTopRightRadius?: undefined;
162
160
  borderBottomRightRadius?: undefined;
161
+ borderLeft?: undefined;
163
162
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
164
163
  maxWidth?: undefined;
165
164
  borderTopLeftRadius?: undefined;
166
165
  borderBottomLeftRadius?: undefined;
166
+ borderRight?: undefined;
167
167
  '& > input'?: undefined;
168
- '& input:focus-visible'?: undefined;
169
- '& input:hover'?: undefined;
170
- borderLeft?: undefined;
171
168
  margin?: undefined;
172
169
  } | {
173
170
  borderColor: string;
@@ -179,30 +176,29 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
179
176
  display?: undefined;
180
177
  flexDirection?: undefined;
181
178
  gap?: undefined;
182
- backgroundColor?: undefined;
183
179
  padding?: undefined;
184
180
  alignItems?: undefined;
185
181
  borderTopRightRadius?: undefined;
186
182
  borderBottomRightRadius?: undefined;
183
+ borderLeft?: undefined;
187
184
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
188
185
  maxWidth?: undefined;
189
186
  borderTopLeftRadius?: undefined;
190
187
  borderBottomLeftRadius?: undefined;
188
+ borderRight?: undefined;
191
189
  '& > input'?: undefined;
192
- '& input:focus-visible'?: undefined;
193
- '& input:hover'?: undefined;
194
- borderLeft?: undefined;
195
190
  margin?: undefined;
196
191
  } | {
197
192
  display: string;
198
193
  flexDirection: string;
199
194
  gap: string;
200
- backgroundColor: string;
201
195
  padding: string;
202
196
  height: string;
203
197
  alignItems: string;
204
198
  borderTopRightRadius: string;
205
199
  borderBottomRightRadius: string;
200
+ borderLeft: string;
201
+ borderColor: string;
206
202
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton': {
207
203
  background: string;
208
204
  };
@@ -210,61 +206,56 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
210
206
  '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
211
207
  width?: undefined;
212
208
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
213
- borderColor?: undefined;
214
209
  maxWidth?: undefined;
215
210
  borderTopLeftRadius?: undefined;
216
211
  borderBottomLeftRadius?: undefined;
212
+ borderRight?: undefined;
217
213
  '& > input'?: undefined;
218
- '& input:focus-visible'?: undefined;
219
- '& input:hover'?: undefined;
220
- borderLeft?: undefined;
221
214
  margin?: undefined;
222
215
  } | {
223
216
  display: string;
224
217
  flexDirection: string;
225
218
  gap: string;
226
219
  padding: string;
227
- backgroundColor: string;
228
220
  height: string;
229
221
  maxWidth: string;
230
222
  width: string;
231
223
  alignItems: string;
232
224
  borderTopLeftRadius: string;
233
225
  borderBottomLeftRadius: string;
226
+ borderRight: string;
227
+ borderColor: string;
234
228
  '& > input': {
235
229
  color: string;
230
+ border: string;
231
+ borderColor: string;
236
232
  padding: string;
237
233
  width: string;
238
234
  height: string;
239
- borderRadius: string;
240
- border: string;
241
- borderColor: string;
242
235
  '&::placeholder': {
243
236
  color: string;
244
237
  };
245
- background: string;
246
- };
247
- '& input:focus-visible': {
248
- border: string;
249
- borderColor: string;
250
- background: string;
251
- BorderRadius: string;
252
- outline: string;
253
- padding: string;
254
- };
255
- '& input:hover': {
256
- border: string;
257
- borderColor: string;
238
+ '&:focus-visible': {
239
+ color: string;
240
+ border: string;
241
+ borderColor: string;
242
+ background: string;
243
+ BorderRadius: string;
244
+ outline: string;
245
+ };
246
+ '&:hover': {
247
+ borderColor: string;
248
+ background: string;
249
+ };
258
250
  background: string;
259
251
  };
260
252
  minHeight?: undefined;
261
253
  '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
262
254
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
263
- borderColor?: undefined;
264
255
  borderTopRightRadius?: undefined;
265
256
  borderBottomRightRadius?: undefined;
266
- '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
267
257
  borderLeft?: undefined;
258
+ '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
268
259
  margin?: undefined;
269
260
  } | {
270
261
  [x: string]: string | {
@@ -283,7 +274,6 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
283
274
  display?: undefined;
284
275
  flexDirection?: undefined;
285
276
  gap?: undefined;
286
- backgroundColor?: undefined;
287
277
  alignItems?: undefined;
288
278
  borderTopRightRadius?: undefined;
289
279
  borderBottomRightRadius?: undefined;
@@ -291,9 +281,8 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
291
281
  maxWidth?: undefined;
292
282
  borderTopLeftRadius?: undefined;
293
283
  borderBottomLeftRadius?: undefined;
284
+ borderRight?: undefined;
294
285
  '& > input'?: undefined;
295
- '& input:focus-visible'?: undefined;
296
- '& input:hover'?: undefined;
297
286
  } | {
298
287
  [x: string]: string | {
299
288
  padding: string;
@@ -308,28 +297,25 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
308
297
  borderColor?: undefined;
309
298
  display?: undefined;
310
299
  flexDirection?: undefined;
311
- backgroundColor?: undefined;
312
300
  alignItems?: undefined;
313
301
  borderTopRightRadius?: undefined;
314
302
  borderBottomRightRadius?: undefined;
303
+ borderLeft?: undefined;
315
304
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
316
305
  maxWidth?: undefined;
317
306
  borderTopLeftRadius?: undefined;
318
307
  borderBottomLeftRadius?: undefined;
308
+ borderRight?: undefined;
319
309
  '& > input'?: undefined;
320
- '& input:focus-visible'?: undefined;
321
- '& input:hover'?: undefined;
322
- borderLeft?: undefined;
323
310
  margin?: undefined;
324
311
  } | {
325
- border: string;
326
- borderColor: string;
327
312
  '& .css-5ca9fi': {
328
313
  [x: string]: any;
329
314
  };
330
315
  '& .css-1wytxsy': {
331
316
  [x: string]: any;
332
317
  };
318
+ border: string;
333
319
  height: string;
334
320
  display: string;
335
321
  alignItems: string;
@@ -340,20 +326,19 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
340
326
  '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
341
327
  width?: undefined;
342
328
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
329
+ borderColor?: undefined;
343
330
  flexDirection?: undefined;
344
331
  gap?: undefined;
345
- backgroundColor?: undefined;
346
332
  padding?: undefined;
347
333
  borderTopRightRadius?: undefined;
348
334
  borderBottomRightRadius?: undefined;
335
+ borderLeft?: undefined;
349
336
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
350
337
  maxWidth?: undefined;
351
338
  borderTopLeftRadius?: undefined;
352
339
  borderBottomLeftRadius?: undefined;
340
+ borderRight?: undefined;
353
341
  '& > input'?: undefined;
354
- '& input:focus-visible'?: undefined;
355
- '& input:hover'?: undefined;
356
- borderLeft?: undefined;
357
342
  margin?: undefined;
358
343
  };
359
344
  borderRadius: string;
@@ -388,13 +373,15 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
388
373
  '& .M4LDynamicFilter-containerFistRow': {
389
374
  [x: string]: string | {
390
375
  height: string;
391
- background: string;
392
376
  display: string;
393
377
  flexDirection: string;
394
378
  alignItems: string;
395
379
  justifyContent: string;
396
380
  width?: undefined;
397
381
  maxWidth?: undefined;
382
+ color?: undefined;
383
+ border?: undefined;
384
+ borderColor?: undefined;
398
385
  } | {
399
386
  [x: string]: string | {
400
387
  height: string;
@@ -403,8 +390,10 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
403
390
  width: string;
404
391
  alignItems: string;
405
392
  maxWidth: string;
393
+ color: string;
394
+ border: string;
395
+ borderColor: string;
406
396
  height?: undefined;
407
- background?: undefined;
408
397
  display?: undefined;
409
398
  flexDirection?: undefined;
410
399
  justifyContent?: undefined;
@@ -419,6 +408,9 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
419
408
  width: string;
420
409
  alignItems: string;
421
410
  maxWidth: string;
411
+ color: string;
412
+ border: string;
413
+ borderColor: string;
422
414
  };
423
415
  };
424
416
  '&.M4LDynamicFilter-isInvalid': {
@@ -428,12 +420,13 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
428
420
  display: string;
429
421
  flexDirection: string;
430
422
  gap: string;
431
- backgroundColor: string;
432
423
  padding: string;
433
424
  height: string;
434
425
  alignItems: string;
435
426
  borderTopRightRadius: string;
436
427
  borderBottomRightRadius: string;
428
+ borderLeft: string;
429
+ borderColor: string;
437
430
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton': {
438
431
  background: string;
439
432
  };
@@ -443,37 +436,36 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
443
436
  flexDirection: string;
444
437
  gap: string;
445
438
  padding: string;
446
- backgroundColor: string;
447
439
  height: string;
448
440
  maxWidth: string;
449
441
  width: string;
450
442
  alignItems: string;
451
443
  borderTopLeftRadius: string;
452
444
  borderBottomLeftRadius: string;
445
+ borderRight: string;
446
+ borderColor: string;
453
447
  '& > input': {
454
448
  color: string;
449
+ border: string;
450
+ borderColor: string;
455
451
  padding: string;
456
452
  width: string;
457
453
  height: string;
458
- borderRadius: string;
459
- border: string;
460
- borderColor: string;
461
454
  '&::placeholder': {
462
455
  color: string;
463
456
  };
464
- background: string;
465
- };
466
- '& input:focus-visible': {
467
- border: string;
468
- borderColor: string;
469
- background: string;
470
- BorderRadius: string;
471
- outline: string;
472
- padding: string;
473
- };
474
- '& input:hover': {
475
- border: string;
476
- borderColor: string;
457
+ '&:focus-visible': {
458
+ color: string;
459
+ border: string;
460
+ borderColor: string;
461
+ background: string;
462
+ BorderRadius: string;
463
+ outline: string;
464
+ };
465
+ '&:hover': {
466
+ borderColor: string;
467
+ background: string;
468
+ };
477
469
  background: string;
478
470
  };
479
471
  };
@@ -496,14 +488,13 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
496
488
  height: string;
497
489
  };
498
490
  '& .M4LDynamicFilter-applyedFilter': {
499
- border: string;
500
- borderColor: string;
501
491
  '& .css-5ca9fi': {
502
492
  [x: string]: any;
503
493
  };
504
494
  '& .css-1wytxsy': {
505
495
  [x: string]: any;
506
496
  };
497
+ border: string;
507
498
  height: string;
508
499
  display: string;
509
500
  alignItems: string;
@@ -557,8 +548,8 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
557
548
  };
558
549
  '& .M4LRHFormProvider-root': {
559
550
  gap: string;
560
- widht: string;
561
- minWidht: string;
551
+ width: string;
552
+ minWidth: string;
562
553
  height: string;
563
554
  '& .M4LDynamicFilter-popoverFilterHeader': {
564
555
  background: string;
@@ -67,14 +67,14 @@ export declare const M4LIconButton: (theme: Theme) => {
67
67
  '&:hover': {
68
68
  backgroundColor: string;
69
69
  '& .M4LIcon-icon': {
70
- backgroundColor: string;
70
+ backgroundColor: string | undefined;
71
71
  };
72
72
  };
73
73
  '&:active': {
74
74
  backgroundColor: string;
75
75
  transition: string;
76
76
  '& .M4LIcon-icon': {
77
- backgroundColor: string;
77
+ backgroundColor: string | undefined;
78
78
  };
79
79
  };
80
80
  '&.M4LIconButton-isFocus': {
@@ -6,8 +6,9 @@ export declare const M4LMFLoader: (_theme: Theme) => {
6
6
  width: string;
7
7
  height: string;
8
8
  display: string;
9
- justifyContent: string;
9
+ flexDirection: string;
10
10
  alignItems: string;
11
+ overflow: string;
11
12
  };
12
13
  };
13
14
  };
@@ -17,9 +17,20 @@ export declare const M4LMasterDetailLayout: (_theme: Theme) => {
17
17
  borderColor: string;
18
18
  borderRadius: string;
19
19
  overFlow: string;
20
+ '& .splitter-layout': {
21
+ gap: string;
22
+ };
23
+ };
24
+ "& .M4LSplitLayout-secondPart": {
25
+ background: string;
26
+ borderRadius: string;
27
+ padding: string;
28
+ };
29
+ "& .layout-pane-primary": {
30
+ background: string;
31
+ borderRadius: string;
32
+ padding: string;
20
33
  };
21
- "& .M4LSplitLayout-secondPart": {};
22
- "& .layout-pane-primary": {};
23
34
  };
24
35
  };
25
36
  };
@@ -3,6 +3,23 @@ export declare const M4LMenuActions: (theme: Theme) => {
3
3
  M4LMenuActions: {
4
4
  styleOverrides: {
5
5
  '&.M4LMenuActions-root': {
6
+ '& .MuiPaper-root': {
7
+ display: string;
8
+ flexDirection: string;
9
+ background: string;
10
+ gap: string;
11
+ '& .MuiButtonBase-root': {
12
+ display: string;
13
+ justifyContent: string;
14
+ minHeight: string;
15
+ minWidth: string;
16
+ padding: string;
17
+ '& .M4LIcon-root': {};
18
+ '& .css-hgjo64': {
19
+ margin: string;
20
+ };
21
+ };
22
+ };
6
23
  '& .M4LMenuActions-itemDelete': {
7
24
  color: string;
8
25
  '& .M4LIcon-root .M4LIcon-icon': {
@@ -67,9 +67,8 @@ export declare const M4LModalDialog: (theme: Theme) => {
67
67
  alignItems: string;
68
68
  height: string;
69
69
  width: string;
70
- padding: string;
71
- background: string;
72
70
  overflow: string;
71
+ gap: string;
73
72
  '& .M4LModal-modalContent': {
74
73
  display: string;
75
74
  flexDirection: string;
@@ -174,9 +173,8 @@ export declare const M4LModalDialog: (theme: Theme) => {
174
173
  alignItems: string;
175
174
  height: string;
176
175
  width: string;
177
- padding: string;
178
- background: string;
179
176
  overflow: string;
177
+ gap: string;
180
178
  '& .M4LModal-modalContent': {
181
179
  display: string;
182
180
  flexDirection: string;
@@ -68,8 +68,6 @@ export declare const M4LPager: (theme: Theme) => {
68
68
  minWidth: string;
69
69
  "& .MuiSvgIcon-root": {
70
70
  background: string;
71
- borderRight: string;
72
- borderColor: string;
73
71
  };
74
72
  };
75
73
  '& .M4LPager-skeletonRoot': {
@@ -5,7 +5,6 @@ export declare const M4LPaperForm: (theme: Theme) => {
5
5
  '&.M4LPaperForm-root': {
6
6
  padding: string;
7
7
  borderRadius: string;
8
- boxShadow: string;
9
8
  background: string;
10
9
  border: string;
11
10
  borderColor: string;
@@ -32,7 +31,6 @@ export declare const M4LPaperForm: (theme: Theme) => {
32
31
  margin: string;
33
32
  borderRadius: string;
34
33
  background: string;
35
- boxShadow: string;
36
34
  borderBottom: string;
37
35
  "& .M4LPaperForm-iconTitleContainer": {
38
36
  color: string;
@@ -47,6 +45,7 @@ export declare const M4LPaperForm: (theme: Theme) => {
47
45
  height: string;
48
46
  width: string;
49
47
  padding: string;
48
+ color: string;
50
49
  };
51
50
  };
52
51
  };