@m4l/styles 0.0.28 → 0.0.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/index.js +9 -9
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.e09f6ae8.js → defaultThemeOptions.a8de2e18.js} +5 -5
  4. package/theme/index.b0919dac.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +4 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +2 -1
  7. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +922 -534
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +203 -103
  9. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +2 -0
  10. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +0 -1
  11. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +39 -50
  12. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +33 -56
  13. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +15 -0
  14. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +58 -1655
  15. package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts +1 -2
  16. package/theme/overrides/M4LExtendedComponents/M4LNoItemSelected.d.ts +2 -2
  17. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +4 -1
  18. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +3 -0
  19. package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +3 -1
  20. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +0 -6
  21. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +2 -5
  22. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +18 -0
  23. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +1 -0
  24. package/theme/overrides/M4LExtendedComponents/{index.e4d90ec0.js → index.e875a5e1.js} +234 -155
  25. package/theme/overrides/MUIComponents/Badge.d.ts +2 -3
  26. package/theme/overrides/MUIComponents/{index.c5a85efa.js → index.f50cd1c7.js} +4 -5
  27. package/theme/overrides/{index.ab4ad05c.js → index.cbe0dea7.js} +29 -27
  28. package/theme/{palette.b6e02e1c.js → palette.104051a7.js} +14 -14
  29. package/theme/{shadows.386e7ef4.js → shadows.b036a684.js} +1 -1
  30. package/theme/{typography.006a6c85.js → typography.7591a12b.js} +4 -4
  31. package/types/augmentations.d.ts +4 -0
  32. package/utils/{getColorPresets.241c5bac.js → getColorPresets.2693301f.js} +1 -1
  33. package/utils/{getColorState.f10d3d33.js → getColorState.32c050bf.js} +52 -28
  34. package/utils/getColorState.d.ts +2 -0
  35. package/theme/index.e131f0b1.js +0 -7
package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts CHANGED
@@ -12,12 +12,14 @@ export declare const M4LBadge: (theme: Theme) => {
12
12
  fontWeight: string;
13
13
  fontSize: string;
14
14
  minWidth: string;
15
+ width: string;
15
16
  lineHeight: string;
16
17
  textAlign: string;
17
18
  backgroundColor: string;
18
19
  height: string;
19
20
  top: string;
20
21
  right: string;
22
+ color: string | undefined;
21
23
  };
22
24
  };
23
25
  };
package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts CHANGED
@@ -207,7 +207,6 @@ export declare const M4LButton: (theme: Theme) => {
207
207
  };
208
208
  '&.M4LButton-colorError .MuiButtonBase-root': {
209
209
  backgroundColor: string;
210
- test: string;
211
210
  };
212
211
  "&.M4LButton-colorWarning .MuiButtonBase-root": {
213
212
  backgroundColor: string;
package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts CHANGED
@@ -58,6 +58,9 @@ export declare const M4LDataGrid: (theme: Theme) => {
58
58
  '& .M4LDataGrid-actionFilter': {};
59
59
  '& .M4LDataGrid-actionSettings': {};
60
60
  };
61
+ '& .M4LDataGrid-tableContaniner:not(.M4LDataGrid-withActions)': {
62
+ top: string;
63
+ };
61
64
  '& .M4LDataGrid-tableContaniner': {
62
65
  [x: string]: string | {
63
66
  top: string;
@@ -65,13 +68,11 @@ export declare const M4LDataGrid: (theme: Theme) => {
65
68
  height?: undefined;
66
69
  overflow?: undefined;
67
70
  '& .rdg '?: undefined;
68
- '& .rdg::-webkit-scrollbar'?: undefined;
69
- '& .rdg::-webkit-scrollbar-track'?: undefined;
70
- '& .rdg::-webkit-scrollbar-corner'?: undefined;
71
- '& ::-webkit-scrollbar-thumb'?: undefined;
72
71
  '& [role="columnheader"]'?: undefined;
73
72
  "& .rdg-row"?: undefined;
74
73
  '& .rdg-cell'?: undefined;
74
+ '& .rdg-cell[role="gridcell"]'?: undefined;
75
+ '& .rdg-cell[role="columnheader"] .rdg-header-sort-name'?: undefined;
75
76
  '& [aria-selected=true]'?: undefined;
76
77
  '& .rdg-cell.rdg-cell-align-left'?: undefined;
77
78
  '& .rdg-cell.rdg-cell-align-center'?: undefined;
@@ -110,24 +111,11 @@ export declare const M4LDataGrid: (theme: Theme) => {
110
111
  '--rdg-checkbox-color': string;
111
112
  '--rdg-checkbox-focus-color': string;
112
113
  '--rdg-border-color': string;
113
- };
114
- '& .rdg::-webkit-scrollbar': {
115
- width: string;
116
- height: string;
117
- borderRadius: string;
118
- backgroundColor: string;
119
- };
120
- '& .rdg::-webkit-scrollbar-track': {
121
- backgroundColor: string;
122
- border: string;
123
- };
124
- '& .rdg::-webkit-scrollbar-corner': {
125
- backgroundColor: string;
126
- };
127
- '& ::-webkit-scrollbar-thumb': {
128
- borderRadius: string;
129
- backgroundColor: string;
130
- border: string;
114
+ '&:last-child .rdg-cell': {
115
+ borderBottom: string;
116
+ borderColor: string;
117
+ test: string;
118
+ };
131
119
  };
132
120
  '& [role="columnheader"]': {
133
121
  justifyContent: string;
@@ -148,18 +136,17 @@ export declare const M4LDataGrid: (theme: Theme) => {
148
136
  '&:hover': {
149
137
  '& .rdg-cell': {
150
138
  backgroundColor: string;
139
+ transition: string;
151
140
  };
152
141
  };
153
142
  backgroundColor: string;
154
143
  };
155
144
  '& .rdg-cell': {
156
- fontFamily: import("csstype").Property.FontFamily | undefined;
157
- fontWeight: import("csstype").Property.FontWeight | undefined;
158
- fontSize: import("csstype").Property.FontSize<string | number> | undefined;
159
- color: string;
145
+ transition: string;
160
146
  borderBottom: string;
161
147
  borderRight: string;
162
148
  borderColor: string;
149
+ color: string;
163
150
  display: string;
164
151
  justifyContent: string;
165
152
  alignItems: string;
@@ -169,6 +156,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
169
156
  display: string;
170
157
  justifyContent: string;
171
158
  alignItems: string;
159
+ boxShadow: string;
172
160
  };
173
161
  '&:after': {
174
162
  content: string;
@@ -181,6 +169,12 @@ export declare const M4LDataGrid: (theme: Theme) => {
181
169
  height: string;
182
170
  };
183
171
  };
172
+ '& .rdg-cell[role="gridcell"]': {
173
+ lineHeight: string;
174
+ };
175
+ '& .rdg-cell[role="columnheader"] .rdg-header-sort-name': {
176
+ lineHeight: string;
177
+ };
184
178
  '& [aria-selected=true]': {
185
179
  backgroundColor: string;
186
180
  color: string;
@@ -193,13 +187,13 @@ export declare const M4LDataGrid: (theme: Theme) => {
193
187
  };
194
188
  '& .rdg-cell.rdg-cell-align-center': {
195
189
  textAlign: string;
190
+ display: string;
196
191
  };
197
192
  '& .rdg-cell.rdg-cell-align-right': {
198
193
  textAlign: string;
199
194
  };
200
195
  '& .rdg-row .rdg-cell-frozen-last:after': {
201
196
  borderRight: string;
202
- boxShadow: string;
203
197
  };
204
198
  '& .rdg-row :last-child:after': {
205
199
  borderRight: string;
@@ -245,6 +239,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
245
239
  width: string;
246
240
  flexGrow: string;
247
241
  alignItems: string;
242
+ color: string;
248
243
  };
249
244
  '& [aria-columnsort="ASC"]': {
250
245
  borderTop: string;
@@ -290,24 +285,11 @@ export declare const M4LDataGrid: (theme: Theme) => {
290
285
  '--rdg-checkbox-color': string;
291
286
  '--rdg-checkbox-focus-color': string;
292
287
  '--rdg-border-color': string;
293
- };
294
- '& .rdg::-webkit-scrollbar': {
295
- width: string;
296
- height: string;
297
- borderRadius: string;
298
- backgroundColor: string;
299
- };
300
- '& .rdg::-webkit-scrollbar-track': {
301
- backgroundColor: string;
302
- border: string;
303
- };
304
- '& .rdg::-webkit-scrollbar-corner': {
305
- backgroundColor: string;
306
- };
307
- '& ::-webkit-scrollbar-thumb': {
308
- borderRadius: string;
309
- backgroundColor: string;
310
- border: string;
288
+ '&:last-child .rdg-cell': {
289
+ borderBottom: string;
290
+ borderColor: string;
291
+ test: string;
292
+ };
311
293
  };
312
294
  '& [role="columnheader"]': {
313
295
  justifyContent: string;
@@ -328,18 +310,17 @@ export declare const M4LDataGrid: (theme: Theme) => {
328
310
  '&:hover': {
329
311
  '& .rdg-cell': {
330
312
  backgroundColor: string;
313
+ transition: string;
331
314
  };
332
315
  };
333
316
  backgroundColor: string;
334
317
  };
335
318
  '& .rdg-cell': {
336
- fontFamily: import("csstype").Property.FontFamily | undefined;
337
- fontWeight: import("csstype").Property.FontWeight | undefined;
338
- fontSize: import("csstype").Property.FontSize<string | number> | undefined;
339
- color: string;
319
+ transition: string;
340
320
  borderBottom: string;
341
321
  borderRight: string;
342
322
  borderColor: string;
323
+ color: string;
343
324
  display: string;
344
325
  justifyContent: string;
345
326
  alignItems: string;
@@ -349,6 +330,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
349
330
  display: string;
350
331
  justifyContent: string;
351
332
  alignItems: string;
333
+ boxShadow: string;
352
334
  };
353
335
  '&:after': {
354
336
  content: string;
@@ -361,6 +343,12 @@ export declare const M4LDataGrid: (theme: Theme) => {
361
343
  height: string;
362
344
  };
363
345
  };
346
+ '& .rdg-cell[role="gridcell"]': {
347
+ lineHeight: string;
348
+ };
349
+ '& .rdg-cell[role="columnheader"] .rdg-header-sort-name': {
350
+ lineHeight: string;
351
+ };
364
352
  '& [aria-selected=true]': {
365
353
  backgroundColor: string;
366
354
  color: string;
@@ -373,13 +361,13 @@ export declare const M4LDataGrid: (theme: Theme) => {
373
361
  };
374
362
  '& .rdg-cell.rdg-cell-align-center': {
375
363
  textAlign: string;
364
+ display: string;
376
365
  };
377
366
  '& .rdg-cell.rdg-cell-align-right': {
378
367
  textAlign: string;
379
368
  };
380
369
  '& .rdg-row .rdg-cell-frozen-last:after': {
381
370
  borderRight: string;
382
- boxShadow: string;
383
371
  };
384
372
  '& .rdg-row :last-child:after': {
385
373
  borderRight: string;
@@ -425,6 +413,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
425
413
  width: string;
426
414
  flexGrow: string;
427
415
  alignItems: string;
416
+ color: string;
428
417
  };
429
418
  '& [aria-columnsort="ASC"]': {
430
419
  borderTop: string;
package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts CHANGED
@@ -20,13 +20,13 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
20
20
  borderBottomRightRadius?: undefined;
21
21
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
22
22
  maxWidth?: undefined;
23
- borderRadius?: undefined;
23
+ borderTopLeftRadius?: undefined;
24
+ borderBottomLeftRadius?: undefined;
24
25
  '& > input'?: undefined;
25
26
  '& input:focus-visible'?: undefined;
26
27
  '& input:hover'?: undefined;
27
28
  borderLeft?: undefined;
28
29
  margin?: undefined;
29
- borderRight?: undefined;
30
30
  } | {
31
31
  '& .M4LDynamicFilter-wrapperApplyedFilters': {
32
32
  display: string;
@@ -47,13 +47,13 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
47
47
  borderBottomRightRadius?: undefined;
48
48
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
49
49
  maxWidth?: undefined;
50
- borderRadius?: undefined;
50
+ borderTopLeftRadius?: undefined;
51
+ borderBottomLeftRadius?: undefined;
51
52
  '& > input'?: undefined;
52
53
  '& input:focus-visible'?: undefined;
53
54
  '& input:hover'?: undefined;
54
55
  borderLeft?: undefined;
55
56
  margin?: undefined;
56
- borderRight?: undefined;
57
57
  } | {
58
58
  '& .M4LDynamicFilter-wrapperApplyedFilters': {
59
59
  [x: string]: {
@@ -83,13 +83,13 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
83
83
  borderBottomRightRadius?: undefined;
84
84
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
85
85
  maxWidth?: undefined;
86
- borderRadius?: undefined;
86
+ borderTopLeftRadius?: undefined;
87
+ borderBottomLeftRadius?: undefined;
87
88
  '& > input'?: undefined;
88
89
  '& input:focus-visible'?: undefined;
89
90
  '& input:hover'?: undefined;
90
91
  borderLeft?: undefined;
91
92
  margin?: undefined;
92
- borderRight?: undefined;
93
93
  } | {
94
94
  height: string;
95
95
  minHeight?: undefined;
@@ -107,13 +107,13 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
107
107
  borderBottomRightRadius?: undefined;
108
108
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
109
109
  maxWidth?: undefined;
110
- borderRadius?: undefined;
110
+ borderTopLeftRadius?: undefined;
111
+ borderBottomLeftRadius?: undefined;
111
112
  '& > input'?: undefined;
112
113
  '& input:focus-visible'?: undefined;
113
114
  '& input:hover'?: undefined;
114
115
  borderLeft?: undefined;
115
116
  margin?: undefined;
116
- borderRight?: undefined;
117
117
  } | {
118
118
  [x: string]: string | {
119
119
  height: string;
@@ -124,7 +124,6 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
124
124
  justifyContent: string;
125
125
  width?: undefined;
126
126
  maxWidth?: undefined;
127
- borderRadius?: undefined;
128
127
  } | {
129
128
  [x: string]: string | {
130
129
  height: string;
@@ -133,7 +132,6 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
133
132
  width: string;
134
133
  alignItems: string;
135
134
  maxWidth: string;
136
- borderRadius: string;
137
135
  height?: undefined;
138
136
  background?: undefined;
139
137
  display?: undefined;
@@ -150,7 +148,6 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
150
148
  width: string;
151
149
  alignItems: string;
152
150
  maxWidth: string;
153
- borderRadius: string;
154
151
  };
155
152
  minHeight?: undefined;
156
153
  '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
@@ -165,13 +162,13 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
165
162
  borderBottomRightRadius?: undefined;
166
163
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
167
164
  maxWidth?: undefined;
168
- borderRadius?: undefined;
165
+ borderTopLeftRadius?: undefined;
166
+ borderBottomLeftRadius?: undefined;
169
167
  '& > input'?: undefined;
170
168
  '& input:focus-visible'?: undefined;
171
169
  '& input:hover'?: undefined;
172
170
  borderLeft?: undefined;
173
171
  margin?: undefined;
174
- borderRight?: undefined;
175
172
  } | {
176
173
  borderColor: string;
177
174
  minHeight?: undefined;
@@ -189,23 +186,14 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
189
186
  borderBottomRightRadius?: undefined;
190
187
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
191
188
  maxWidth?: undefined;
192
- borderRadius?: undefined;
189
+ borderTopLeftRadius?: undefined;
190
+ borderBottomLeftRadius?: undefined;
193
191
  '& > input'?: undefined;
194
192
  '& input:focus-visible'?: undefined;
195
193
  '& input:hover'?: undefined;
196
194
  borderLeft?: undefined;
197
195
  margin?: undefined;
198
- borderRight?: undefined;
199
196
  } | {
200
- [x: string]: string | {
201
- gap: string;
202
- padding: string;
203
- background?: undefined;
204
- } | {
205
- background: string;
206
- gap?: undefined;
207
- padding?: undefined;
208
- };
209
197
  display: string;
210
198
  flexDirection: string;
211
199
  gap: string;
@@ -224,13 +212,13 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
224
212
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
225
213
  borderColor?: undefined;
226
214
  maxWidth?: undefined;
227
- borderRadius?: undefined;
215
+ borderTopLeftRadius?: undefined;
216
+ borderBottomLeftRadius?: undefined;
228
217
  '& > input'?: undefined;
229
218
  '& input:focus-visible'?: undefined;
230
219
  '& input:hover'?: undefined;
231
220
  borderLeft?: undefined;
232
221
  margin?: undefined;
233
- borderRight?: undefined;
234
222
  } | {
235
223
  display: string;
236
224
  flexDirection: string;
@@ -241,7 +229,8 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
241
229
  maxWidth: string;
242
230
  width: string;
243
231
  alignItems: string;
244
- borderRadius: string;
232
+ borderTopLeftRadius: string;
233
+ borderBottomLeftRadius: string;
245
234
  '& > input': {
246
235
  color: string;
247
236
  padding: string;
@@ -249,7 +238,9 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
249
238
  height: string;
250
239
  borderRadius: string;
251
240
  border: string;
252
- borderColor: string;
241
+ '&::placeholder': {
242
+ color: string;
243
+ };
253
244
  background: string;
254
245
  };
255
246
  '& input:focus-visible': {
@@ -274,7 +265,6 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
274
265
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
275
266
  borderLeft?: undefined;
276
267
  margin?: undefined;
277
- borderRight?: undefined;
278
268
  } | {
279
269
  [x: string]: string | {
280
270
  height: string;
@@ -284,12 +274,11 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
284
274
  height: string;
285
275
  margin: string;
286
276
  padding: string;
287
- borderRight: string;
288
- borderColor: string;
289
277
  minHeight?: undefined;
290
278
  '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
291
279
  width?: undefined;
292
280
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
281
+ borderColor?: undefined;
293
282
  display?: undefined;
294
283
  flexDirection?: undefined;
295
284
  gap?: undefined;
@@ -299,7 +288,8 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
299
288
  borderBottomRightRadius?: undefined;
300
289
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
301
290
  maxWidth?: undefined;
302
- borderRadius?: undefined;
291
+ borderTopLeftRadius?: undefined;
292
+ borderBottomLeftRadius?: undefined;
303
293
  '& > input'?: undefined;
304
294
  '& input:focus-visible'?: undefined;
305
295
  '& input:hover'?: undefined;
@@ -323,13 +313,13 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
323
313
  borderBottomRightRadius?: undefined;
324
314
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
325
315
  maxWidth?: undefined;
326
- borderRadius?: undefined;
316
+ borderTopLeftRadius?: undefined;
317
+ borderBottomLeftRadius?: undefined;
327
318
  '& > input'?: undefined;
328
319
  '& input:focus-visible'?: undefined;
329
320
  '& input:hover'?: undefined;
330
321
  borderLeft?: undefined;
331
322
  margin?: undefined;
332
- borderRight?: undefined;
333
323
  } | {
334
324
  border: string;
335
325
  borderColor: string;
@@ -344,7 +334,6 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
344
334
  alignItems: string;
345
335
  borderRadius: string;
346
336
  background: string;
347
- boxShadow: string;
348
337
  color: string;
349
338
  minHeight?: undefined;
350
339
  '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
@@ -358,12 +347,13 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
358
347
  borderBottomRightRadius?: undefined;
359
348
  '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
360
349
  maxWidth?: undefined;
350
+ borderTopLeftRadius?: undefined;
351
+ borderBottomLeftRadius?: undefined;
361
352
  '& > input'?: undefined;
362
353
  '& input:focus-visible'?: undefined;
363
354
  '& input:hover'?: undefined;
364
355
  borderLeft?: undefined;
365
356
  margin?: undefined;
366
- borderRight?: undefined;
367
357
  };
368
358
  borderRadius: string;
369
359
  background: string;
@@ -404,7 +394,6 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
404
394
  justifyContent: string;
405
395
  width?: undefined;
406
396
  maxWidth?: undefined;
407
- borderRadius?: undefined;
408
397
  } | {
409
398
  [x: string]: string | {
410
399
  height: string;
@@ -413,7 +402,6 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
413
402
  width: string;
414
403
  alignItems: string;
415
404
  maxWidth: string;
416
- borderRadius: string;
417
405
  height?: undefined;
418
406
  background?: undefined;
419
407
  display?: undefined;
@@ -430,22 +418,12 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
430
418
  width: string;
431
419
  alignItems: string;
432
420
  maxWidth: string;
433
- borderRadius: string;
434
421
  };
435
422
  };
436
423
  '&.M4LDynamicFilter-isInvalid': {
437
424
  borderColor: string;
438
425
  };
439
426
  '& .M4LDynamicFilter-containerClearFilter': {
440
- [x: string]: string | {
441
- gap: string;
442
- padding: string;
443
- background?: undefined;
444
- } | {
445
- background: string;
446
- gap?: undefined;
447
- padding?: undefined;
448
- };
449
427
  display: string;
450
428
  flexDirection: string;
451
429
  gap: string;
@@ -469,7 +447,8 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
469
447
  maxWidth: string;
470
448
  width: string;
471
449
  alignItems: string;
472
- borderRadius: string;
450
+ borderTopLeftRadius: string;
451
+ borderBottomLeftRadius: string;
473
452
  '& > input': {
474
453
  color: string;
475
454
  padding: string;
@@ -477,7 +456,9 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
477
456
  height: string;
478
457
  borderRadius: string;
479
458
  border: string;
480
- borderColor: string;
459
+ '&::placeholder': {
460
+ color: string;
461
+ };
481
462
  background: string;
482
463
  };
483
464
  '& input:focus-visible': {
@@ -503,8 +484,6 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
503
484
  height: string;
504
485
  margin: string;
505
486
  padding: string;
506
- borderRight: string;
507
- borderColor: string;
508
487
  };
509
488
  '& .M4LDynamicFilter-containerApplyedFilters': {
510
489
  [x: string]: string | {
@@ -528,7 +507,6 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
528
507
  alignItems: string;
529
508
  borderRadius: string;
530
509
  background: string;
531
- boxShadow: string;
532
510
  color: string;
533
511
  };
534
512
  };
@@ -585,11 +563,10 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
585
563
  display: string;
586
564
  gap: string;
587
565
  padding: string;
588
- borderRadius: string;
566
+ borderTopLeftRadius: string;
567
+ borderTopRightRadius: string;
589
568
  boxShadow: string;
590
569
  borderBottom: string;
591
- borderTop: string;
592
- borderColor: string;
593
570
  '& .MuiTypography-root': {
594
571
  color: string;
595
572
  };
package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LMenuActions: (theme: Theme) => {
3
+ M4LMenuActions: {
4
+ styleOverrides: {
5
+ '&.M4LMenuActions-root': {
6
+ '& .M4LMenuActions-itemDelete': {
7
+ color: string;
8
+ '& .M4LIcon-root .M4LIcon-icon': {
9
+ backgroundColor: string;
10
+ };
11
+ };
12
+ };
13
+ };
14
+ };
15
+ };