@m4l/styles 0.0.23 → 0.0.25

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 (50) hide show
  1. package/index.js +18 -18
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.605b5b1a.js → defaultThemeOptions.ce206b4e.js} +5 -5
  4. package/theme/index.8bbc9635.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +2 -4
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +64 -11
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +4 -8
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +12705 -5220
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +41 -7
  10. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +4 -1
  11. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +1 -1
  12. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +22 -1
  13. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +11 -10
  14. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +122 -25
  15. package/theme/overrides/M4LExtendedComponents/M4LGridLayout.d.ts +10 -0
  16. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +3 -17
  17. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +955 -4
  18. package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts +0 -3
  19. package/theme/overrides/M4LExtendedComponents/M4LNoItemSelected.d.ts +22 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +2 -3
  21. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +14 -1
  22. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +4 -1
  23. package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +17 -0
  24. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +265 -53
  25. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +31 -0
  26. package/theme/overrides/M4LExtendedComponents/M4LStack.d.ts +14 -0
  27. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +2 -1
  28. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +16 -0
  29. package/theme/overrides/M4LExtendedComponents/{index.566e183a.js → index.a0dbf03e.js} +896 -491
  30. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +2 -0
  31. package/theme/overrides/M4LRHFComponents/{index.0e107243.js → index.3df47466.js} +2 -0
  32. package/theme/overrides/MUIComponents/Avatar.d.ts +2 -0
  33. package/theme/overrides/MUIComponents/Button.d.ts +7 -0
  34. package/theme/overrides/MUIComponents/Input.d.ts +1 -1
  35. package/theme/overrides/MUIComponents/Menu.d.ts +1 -0
  36. package/theme/overrides/MUIComponents/{index.b9c696e9.js → index.56b4e9b3.js} +40 -29
  37. package/theme/overrides/index.5c0e3013.js +98 -0
  38. package/theme/{palette.688aaf56.js → palette.b6e02e1c.js} +53 -33
  39. package/theme/palette.d.ts +10 -6
  40. package/theme/{shadows.1b2f7a87.js → shadows.386e7ef4.js} +1 -1
  41. package/theme/{typography.86a19de9.js → typography.248c39d2.js} +4 -4
  42. package/types/augmentations.d.ts +1 -1
  43. package/types/types.d.ts +1 -1
  44. package/utils/getColorPresets.241c5bac.js +70 -0
  45. package/utils/getColorPresets.d.ts +1 -1
  46. package/utils/{getColorState.7b615773.js → getColorState.2c0892d1.js} +66 -54
  47. package/utils/getColorState.d.ts +1 -0
  48. package/theme/index.c8a2f20d.js +0 -7
  49. package/theme/overrides/index.ed4b5bcb.js +0 -93
  50. package/utils/getColorPresets.8106cfef.js +0 -70
package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts CHANGED
@@ -6,6 +6,13 @@ export declare const M4LAreasViewer: (theme: Theme) => {
6
6
  test: string;
7
7
  background: string;
8
8
  '& .M4LAreasViewer-areaGridLayout': {
9
+ '& .M4LAreasViewer-resizeHandle': {
10
+ test: string;
11
+ '& .M4LImage-root .M4LImage-img': {
12
+ opacity: string;
13
+ filter: string;
14
+ };
15
+ };
9
16
  "& .M4LAreasViewer-windowRoot": {
10
17
  background: string;
11
18
  border: string;
@@ -179,18 +186,21 @@ export declare const M4LAreasViewer: (theme: Theme) => {
179
186
  };
180
187
  };
181
188
  "& .M4LAreasViewer-windowContent": {
182
- margin: string;
183
- background: string;
184
- borderRadius: string;
189
+ padding: string;
190
+ backgroundColor: string;
185
191
  display: string;
186
192
  flexDirection: string;
187
193
  alignItems: string;
188
194
  justifyContent: string;
195
+ width: string;
196
+ flex: string;
197
+ overflow: string;
189
198
  };
190
199
  "&.M4LAreasViewer-selectedWindow": {
191
200
  border: string;
192
201
  borderColor: string;
193
202
  boxShadow: string | undefined;
203
+ backdropFilter: string;
194
204
  "& .M4LAreasViewer-windowHeader": {
195
205
  display: string;
196
206
  flexDirection: string;
@@ -227,6 +237,23 @@ export declare const M4LAreasViewer: (theme: Theme) => {
227
237
  };
228
238
  };
229
239
  };
240
+ "&.M4LGridLayout-root .M4LGridLayout-maximizeMe ": {
241
+ "& .M4LAreasViewer-selectedWindow": {
242
+ border: string;
243
+ borderColor: string;
244
+ boxShadow: string;
245
+ };
246
+ };
247
+ "&. M4LGridLayout-colapsed ": {
248
+ "& .M4LAreasViewer-windowRoot": {
249
+ border: string;
250
+ borderColor: string;
251
+ boxShadow: string;
252
+ };
253
+ };
254
+ "&. react-draggable": {
255
+ background: string;
256
+ };
230
257
  "& .M4LAreasViewer-windowPopupRoot": {
231
258
  boxShadow: string;
232
259
  padding: string;
@@ -257,6 +284,10 @@ export declare const M4LAreasViewer: (theme: Theme) => {
257
284
  background: string;
258
285
  "& .M4LIcon-root": {
259
286
  "& .M4LIcon-icon": {
287
+ width: string;
288
+ height: string;
289
+ minWidth: string;
290
+ minHeight: string;
260
291
  backgroundColor: string;
261
292
  };
262
293
  };
@@ -271,7 +302,6 @@ export declare const M4LAreasViewer: (theme: Theme) => {
271
302
  borderRadius: string;
272
303
  border: string;
273
304
  borderColor: string;
274
- backdropFilter: string;
275
305
  '&:not(.M4LAreasViewer-loading)': {
276
306
  '& .M4LinearProgressIndeterminate-root': {
277
307
  opacity: number;
@@ -337,10 +367,8 @@ export declare const M4LAreasViewer: (theme: Theme) => {
337
367
  '& .M4LAreasViewer-panelWindowsRoot': {
338
368
  background: string;
339
369
  boxShadow: string;
340
- borderRadius: string;
341
370
  display: string;
342
371
  alignItems: string;
343
- margin: string;
344
372
  padding: string;
345
373
  gap: string;
346
374
  '& .M4LAreasViewer-panelWindowsButtonContainer': {
@@ -349,7 +377,13 @@ export declare const M4LAreasViewer: (theme: Theme) => {
349
377
  boxShadow: string;
350
378
  '&.M4LAreasViewer-selected': {
351
379
  background: string;
352
- boxShadow: string;
380
+ '& .M4LIconButton-root': {
381
+ '& .M4LIcon-root': {
382
+ '& .M4LIcon-icon': {
383
+ backgroundColor: string;
384
+ };
385
+ };
386
+ };
353
387
  };
354
388
  };
355
389
  };
package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts CHANGED
@@ -4,12 +4,15 @@ export declare const M4LAvatar: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LAvatar-root': {
6
6
  '& .MuiAvatar-root': {
7
+ borderColor: string;
7
8
  width: string;
8
9
  height: string;
9
10
  borderRadius: string;
10
11
  padding: string;
11
12
  background: string;
12
- color: string | undefined;
13
+ color: string;
14
+ boxShadow: string;
15
+ borderTop: string;
13
16
  };
14
17
  test: string;
15
18
  };
package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts CHANGED
@@ -2,7 +2,7 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LBadge: (_theme: Theme) => {
3
3
  M4LBadge: {
4
4
  styleOverrides: {
5
- '& .M4LBadge-root': {
5
+ '&.M4LBadge-root': {
6
6
  test: string;
7
7
  };
8
8
  };
package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts CHANGED
@@ -97,7 +97,7 @@ export declare const M4LButton: (theme: Theme) => {
97
97
  '& .MuiButtonBase-root': {
98
98
  backgroundColor: string;
99
99
  color: string | undefined;
100
- boxShadow: string | undefined;
100
+ boxShadow: string;
101
101
  position: string;
102
102
  '& .M4LIcon-icon': {
103
103
  backgroundColor: string | undefined;
@@ -190,10 +190,31 @@ export declare const M4LButton: (theme: Theme) => {
190
190
  };
191
191
  };
192
192
  };
193
+ "& .M4LButton-colorWarning": {
194
+ backgroundColor: import("../..").StateDefault;
195
+ color: string | undefined;
196
+ boxShadow: string;
197
+ };
198
+ "& .M4LButton-colorError": {
199
+ backgroundColor: import("../..").StateDefault;
200
+ color: string | undefined;
201
+ boxShadow: string;
202
+ };
203
+ "& .M4LButton-colorSuccess": {
204
+ backgroundColor: import("../..").StateDefault;
205
+ color: string | undefined;
206
+ boxShadow: string;
207
+ };
193
208
  '&.M4LButton-colorError .MuiButtonBase-root': {
194
209
  backgroundColor: string;
195
210
  test: string;
196
211
  };
212
+ "&.M4LButton-colorWarning .MuiButtonBase-root": {
213
+ backgroundColor: string;
214
+ };
215
+ "&.M4LButton-colorSuccess .MuiButtonBase-root": {
216
+ backgroundColor: string;
217
+ };
197
218
  width: string;
198
219
  display: string;
199
220
  justifyContent: string;
package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts CHANGED
@@ -32,23 +32,26 @@ export declare const M4LDataGrid: (theme: Theme) => {
32
32
  display: string;
33
33
  flexDirection: string;
34
34
  gap: string;
35
+ marginLeft: string;
35
36
  "& .M4LIconButton-root": {
36
37
  background: string;
37
- boxShadow: string;
38
- borderTop: string;
39
- borderColor: string;
40
38
  };
41
39
  };
42
40
  '& .M4LDataGrid-rowsCount': {
43
41
  display: string;
44
- '& .M4LDataGrid-rowsCountLabel': {};
42
+ gap: string;
43
+ alignItems: string;
44
+ '& .M4LDataGrid-rowsCountLabel': {
45
+ color: string;
46
+ heigth: string;
47
+ };
45
48
  '& .M4LDataGrid-rowsCountValue': {
46
- marginLeft: string;
47
49
  paddingTop: string;
48
50
  paddingBottom: string;
49
51
  paddingLeft: string;
50
52
  paddingRight: string;
51
- border: string;
53
+ background: string;
54
+ borderRadius: string;
52
55
  };
53
56
  };
54
57
  '& .M4LDataGrid-actionFilter': {};
@@ -133,7 +136,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
133
136
  '&[aria-selected="false"] .rdg-cell': {
134
137
  backgroundColor: string;
135
138
  };
136
- '&:nth-child(odd)': {
139
+ '&:nth-of-type(odd)': {
137
140
  '& .rdg-cell': {
138
141
  backgroundColor: string;
139
142
  };
@@ -156,7 +159,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
156
159
  borderBottom: string;
157
160
  borderRight: string;
158
161
  borderColor: string;
159
- borderRadius: string;
160
162
  display: string;
161
163
  justifyContent: string;
162
164
  alignItems: string;
@@ -314,7 +316,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
314
316
  '&[aria-selected="false"] .rdg-cell': {
315
317
  backgroundColor: string;
316
318
  };
317
- '&:nth-child(odd)': {
319
+ '&:nth-of-type(odd)': {
318
320
  '& .rdg-cell': {
319
321
  backgroundColor: string;
320
322
  };
@@ -337,7 +339,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
337
339
  borderBottom: string;
338
340
  borderRight: string;
339
341
  borderColor: string;
340
- borderRadius: string;
341
342
  display: string;
342
343
  justifyContent: string;
343
344
  alignItems: string;
package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts CHANGED
@@ -6,7 +6,8 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
6
6
  [x: string]: string | {
7
7
  gap: string;
8
8
  height: string;
9
- marginBottom: string;
9
+ minHeight: string;
10
+ overflow: string;
10
11
  width?: undefined;
11
12
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
12
13
  borderColor?: undefined;
@@ -14,11 +15,36 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
14
15
  flexDirection?: undefined;
15
16
  backgroundColor?: undefined;
16
17
  padding?: undefined;
18
+ alignItems?: undefined;
19
+ "& .M4LIconButton-root .M4LDynamicFilter-filterButton"?: undefined;
17
20
  maxWidth?: undefined;
21
+ '& > input'?: undefined;
22
+ '& input:focus-visible'?: undefined;
23
+ '& input:hover'?: undefined;
24
+ borderLeft?: undefined;
25
+ margin?: undefined;
26
+ borderRight?: undefined;
27
+ } | {
28
+ height: string;
29
+ gap?: undefined;
30
+ minHeight?: undefined;
31
+ overflow?: undefined;
32
+ width?: undefined;
33
+ '& .M4LDynamicFilter-containerInputFilter'?: undefined;
34
+ borderColor?: undefined;
35
+ display?: undefined;
36
+ flexDirection?: undefined;
37
+ backgroundColor?: undefined;
38
+ padding?: undefined;
18
39
  alignItems?: undefined;
40
+ "& .M4LIconButton-root .M4LDynamicFilter-filterButton"?: undefined;
41
+ maxWidth?: undefined;
19
42
  '& > input'?: undefined;
20
43
  '& input:focus-visible'?: undefined;
44
+ '& input:hover'?: undefined;
21
45
  borderLeft?: undefined;
46
+ margin?: undefined;
47
+ borderRight?: undefined;
22
48
  } | {
23
49
  [x: string]: string | {
24
50
  height: string;
@@ -55,53 +81,75 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
55
81
  maxWidth: string;
56
82
  };
57
83
  gap?: undefined;
58
- marginBottom?: undefined;
84
+ minHeight?: undefined;
85
+ overflow?: undefined;
59
86
  borderColor?: undefined;
60
87
  display?: undefined;
61
88
  flexDirection?: undefined;
62
89
  backgroundColor?: undefined;
63
90
  padding?: undefined;
64
- maxWidth?: undefined;
65
91
  alignItems?: undefined;
92
+ "& .M4LIconButton-root .M4LDynamicFilter-filterButton"?: undefined;
93
+ maxWidth?: undefined;
66
94
  '& > input'?: undefined;
67
95
  '& input:focus-visible'?: undefined;
96
+ '& input:hover'?: undefined;
68
97
  borderLeft?: undefined;
98
+ margin?: undefined;
99
+ borderRight?: undefined;
69
100
  } | {
70
101
  borderColor: string;
71
102
  gap?: undefined;
72
103
  height?: undefined;
73
- marginBottom?: undefined;
104
+ minHeight?: undefined;
105
+ overflow?: undefined;
74
106
  width?: undefined;
75
107
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
76
108
  display?: undefined;
77
109
  flexDirection?: undefined;
78
110
  backgroundColor?: undefined;
79
111
  padding?: undefined;
80
- maxWidth?: undefined;
81
112
  alignItems?: undefined;
113
+ "& .M4LIconButton-root .M4LDynamicFilter-filterButton"?: undefined;
114
+ maxWidth?: undefined;
82
115
  '& > input'?: undefined;
83
116
  '& input:focus-visible'?: undefined;
117
+ '& input:hover'?: undefined;
84
118
  borderLeft?: undefined;
119
+ margin?: undefined;
120
+ borderRight?: undefined;
85
121
  } | {
86
122
  [x: string]: string | {
87
123
  gap: string;
88
124
  padding: string;
125
+ background?: undefined;
126
+ } | {
127
+ background: string;
128
+ gap?: undefined;
129
+ padding?: undefined;
89
130
  };
90
131
  display: string;
91
132
  flexDirection: string;
92
133
  gap: string;
93
134
  backgroundColor: string;
94
135
  padding: string;
95
- height?: undefined;
96
- marginBottom?: undefined;
136
+ height: string;
137
+ alignItems: string;
138
+ "& .M4LIconButton-root .M4LDynamicFilter-filterButton": {
139
+ background: string;
140
+ };
141
+ minHeight?: undefined;
142
+ overflow?: undefined;
97
143
  width?: undefined;
98
144
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
99
145
  borderColor?: undefined;
100
146
  maxWidth?: undefined;
101
- alignItems?: undefined;
102
147
  '& > input'?: undefined;
103
148
  '& input:focus-visible'?: undefined;
149
+ '& input:hover'?: undefined;
104
150
  borderLeft?: undefined;
151
+ margin?: undefined;
152
+ borderRight?: undefined;
105
153
  } | {
106
154
  display: string;
107
155
  flexDirection: string;
@@ -130,10 +178,19 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
130
178
  outline: string;
131
179
  padding: string;
132
180
  };
133
- marginBottom?: undefined;
181
+ '& input:hover': {
182
+ border: string;
183
+ borderColor: string;
184
+ background: string;
185
+ };
186
+ minHeight?: undefined;
187
+ overflow?: undefined;
134
188
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
135
189
  borderColor?: undefined;
190
+ "& .M4LIconButton-root .M4LDynamicFilter-filterButton"?: undefined;
136
191
  borderLeft?: undefined;
192
+ margin?: undefined;
193
+ borderRight?: undefined;
137
194
  } | {
138
195
  [x: string]: string | {
139
196
  height: string;
@@ -141,38 +198,47 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
141
198
  };
142
199
  borderLeft: string;
143
200
  height: string;
201
+ margin: string;
202
+ padding: string;
203
+ borderRight: string;
204
+ borderColor: string;
144
205
  gap?: undefined;
145
- marginBottom?: undefined;
206
+ minHeight?: undefined;
207
+ overflow?: undefined;
146
208
  width?: undefined;
147
209
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
148
- borderColor?: undefined;
149
210
  display?: undefined;
150
211
  flexDirection?: undefined;
151
212
  backgroundColor?: undefined;
152
- padding?: undefined;
153
- maxWidth?: undefined;
154
213
  alignItems?: undefined;
214
+ "& .M4LIconButton-root .M4LDynamicFilter-filterButton"?: undefined;
215
+ maxWidth?: undefined;
155
216
  '& > input'?: undefined;
156
217
  '& input:focus-visible'?: undefined;
218
+ '& input:hover'?: undefined;
157
219
  } | {
158
220
  padding: string;
159
- gap?: undefined;
160
- height?: undefined;
161
- marginBottom?: undefined;
221
+ gap: string;
222
+ height: string;
223
+ minHeight?: undefined;
224
+ overflow?: undefined;
162
225
  width?: undefined;
163
226
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
164
227
  borderColor?: undefined;
165
228
  display?: undefined;
166
229
  flexDirection?: undefined;
167
230
  backgroundColor?: undefined;
168
- maxWidth?: undefined;
169
231
  alignItems?: undefined;
232
+ "& .M4LIconButton-root .M4LDynamicFilter-filterButton"?: undefined;
233
+ maxWidth?: undefined;
170
234
  '& > input'?: undefined;
171
235
  '& input:focus-visible'?: undefined;
236
+ '& input:hover'?: undefined;
172
237
  borderLeft?: undefined;
238
+ margin?: undefined;
239
+ borderRight?: undefined;
173
240
  } | {
174
241
  border: string;
175
- borderTop: string;
176
242
  borderColor: string;
177
243
  '& .css-5ca9fi': {
178
244
  [x: string]: any;
@@ -180,33 +246,40 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
180
246
  '& .css-1wytxsy': {
181
247
  [x: string]: any;
182
248
  };
249
+ height: string;
250
+ display: string;
251
+ alignItems: string;
183
252
  borderRadius: string;
184
253
  background: string;
185
254
  boxShadow: string;
186
255
  color: string;
187
256
  gap?: undefined;
188
- height?: undefined;
189
- marginBottom?: undefined;
257
+ minHeight?: undefined;
258
+ overflow?: undefined;
190
259
  width?: undefined;
191
260
  '& .M4LDynamicFilter-containerInputFilter'?: undefined;
192
- display?: undefined;
193
261
  flexDirection?: undefined;
194
262
  backgroundColor?: undefined;
195
263
  padding?: undefined;
264
+ "& .M4LIconButton-root .M4LDynamicFilter-filterButton"?: undefined;
196
265
  maxWidth?: undefined;
197
- alignItems?: undefined;
198
266
  '& > input'?: undefined;
199
267
  '& input:focus-visible'?: undefined;
268
+ '& input:hover'?: undefined;
200
269
  borderLeft?: undefined;
270
+ margin?: undefined;
271
+ borderRight?: undefined;
201
272
  };
202
273
  borderRadius: string;
203
274
  background: string;
204
275
  boxShadow: string;
205
276
  padding: string;
206
- borderTop: string;
207
- borderColor: string;
277
+ border: string;
208
278
  overflow: string;
209
279
  height: string;
280
+ "& .simplebar-content": {
281
+ height: string;
282
+ };
210
283
  '& .M4LDynamicFilter-containerFistRow': {
211
284
  [x: string]: string | {
212
285
  height: string;
@@ -250,12 +323,22 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
250
323
  [x: string]: string | {
251
324
  gap: string;
252
325
  padding: string;
326
+ background?: undefined;
327
+ } | {
328
+ background: string;
329
+ gap?: undefined;
330
+ padding?: undefined;
253
331
  };
254
332
  display: string;
255
333
  flexDirection: string;
256
334
  gap: string;
257
335
  backgroundColor: string;
258
336
  padding: string;
337
+ height: string;
338
+ alignItems: string;
339
+ "& .M4LIconButton-root .M4LDynamicFilter-filterButton": {
340
+ background: string;
341
+ };
259
342
  };
260
343
  '& .M4LDynamicFilter-containerInputFilter': {
261
344
  display: string;
@@ -285,6 +368,11 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
285
368
  outline: string;
286
369
  padding: string;
287
370
  };
371
+ '& input:hover': {
372
+ border: string;
373
+ borderColor: string;
374
+ background: string;
375
+ };
288
376
  };
289
377
  '& .M4LDynamicFilter-wrapperApplyedFilters': {
290
378
  [x: string]: string | {
@@ -293,13 +381,18 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
293
381
  };
294
382
  borderLeft: string;
295
383
  height: string;
384
+ margin: string;
385
+ padding: string;
386
+ borderRight: string;
387
+ borderColor: string;
296
388
  };
297
389
  '& .M4LDynamicFilter-containerApplyedFilters': {
298
390
  padding: string;
391
+ gap: string;
392
+ height: string;
299
393
  };
300
394
  '& .M4LDynamicFilter-applyedFilter': {
301
395
  border: string;
302
- borderTop: string;
303
396
  borderColor: string;
304
397
  '& .css-5ca9fi': {
305
398
  [x: string]: any;
@@ -307,6 +400,9 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
307
400
  '& .css-1wytxsy': {
308
401
  [x: string]: any;
309
402
  };
403
+ height: string;
404
+ display: string;
405
+ alignItems: string;
310
406
  borderRadius: string;
311
407
  background: string;
312
408
  boxShadow: string;
@@ -352,6 +448,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
352
448
  '& .M4LDynamicFilter-popoverFilterPaper': {
353
449
  padding: string;
354
450
  minWidth: string;
451
+ minHeight: string;
355
452
  "& .M4LPopover-arrowStyle": {
356
453
  background: string;
357
454
  };
package/theme/overrides/M4LExtendedComponents/M4LGridLayout.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LGridLayout: (_theme: Theme) => {
3
+ M4LGridLayout: {
4
+ styleOverrides: {
5
+ '&.M4LGridLayout-root': {
6
+ test: string;
7
+ };
8
+ };
9
+ };
10
+ };
package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Theme } from '@mui/material/styles';
2
- export declare const M4LMasterDetailLayout: (theme: Theme) => {
2
+ export declare const M4LMasterDetailLayout: (_theme: Theme) => {
3
3
  M4LMasterDetailLayout: {
4
4
  styleOverrides: {
5
5
  '&.M4LMasterDetailLayout-root': {
@@ -18,22 +18,8 @@ export declare const M4LMasterDetailLayout: (theme: Theme) => {
18
18
  borderRadius: string;
19
19
  overFlow: string;
20
20
  };
21
- "& .M4LSplitLayout-secondPart": {
22
- background: string;
23
- borderRadius: string;
24
- padding: string;
25
- boxShadow: string;
26
- borderTop: string;
27
- borderColor: string;
28
- };
29
- "& .layout-pane-primary": {
30
- background: string;
31
- borderRadius: string;
32
- padding: string;
33
- boxShadow: string;
34
- borderTop: string;
35
- borderColor: string;
36
- };
21
+ "& .M4LSplitLayout-secondPart": {};
22
+ "& .layout-pane-primary": {};
37
23
  };
38
24
  };
39
25
  };