@m4l/styles 0.0.26 → 0.0.28
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.
- package/index.js +3 -3
- package/package.json +1 -1
- package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +4 -3
- package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +13 -6
- package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +13 -9
- package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +47 -11
- package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +13 -1
- package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +6 -0
- package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +1 -1
- package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +6 -0
- package/theme/overrides/M4LExtendedComponents/M4LToolkitDivider.d.ts +18 -0
- package/theme/overrides/M4LExtendedComponents/M4LToolkitPage.d.ts +16 -0
- package/theme/overrides/M4LExtendedComponents/M4LToolkitSection.d.ts +24 -0
- package/theme/overrides/M4LExtendedComponents/{index.ebc4ec7a.js → index.e4d90ec0.js} +145 -61
- package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +18 -12
- package/theme/overrides/M4LRHFComponents/{index.3df47466.js → index.d3125fd8.js} +17 -11
- package/theme/overrides/index.ab4ad05c.js +101 -0
- package/theme/overrides/index.ede1f7a6.js +0 -98
package/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { d as f } from "./theme/defaultThemeOptions.e09f6ae8.js";
|
|
|
2
2
|
import { c as l, s as g } from "./theme/shadows.386e7ef4.js";
|
|
3
3
|
import { P as u, p as d } from "./theme/palette.b6e02e1c.js";
|
|
4
4
|
import { t as S } from "./theme/typography.006a6c85.js";
|
|
5
|
-
import { f as O } from "./theme/overrides/index.
|
|
5
|
+
import { f as O } from "./theme/overrides/index.ab4ad05c.js";
|
|
6
6
|
import { u as b } from "./utils/useResponsive.2c45e8e0.js";
|
|
7
7
|
import { e as h, b as T, c as v, d as w, g as z, a as y, t as F } from "./utils/getColorPresets.241c5bac.js";
|
|
8
8
|
import { g as k } from "./utils/getColorState.f10d3d33.js";
|
|
@@ -13,8 +13,8 @@ import "@mui/material/useMediaQuery";
|
|
|
13
13
|
import "@mui/system";
|
|
14
14
|
import "@mui/material";
|
|
15
15
|
import "./theme/overrides/MUIComponents/index.c5a85efa.js";
|
|
16
|
-
import "./theme/overrides/M4LExtendedComponents/index.
|
|
17
|
-
import "./theme/overrides/M4LRHFComponents/index.
|
|
16
|
+
import "./theme/overrides/M4LExtendedComponents/index.e4d90ec0.js";
|
|
17
|
+
import "./theme/overrides/M4LRHFComponents/index.d3125fd8.js";
|
|
18
18
|
export {
|
|
19
19
|
u as PATRONUSCOLORS,
|
|
20
20
|
h as blaze,
|
package/package.json
CHANGED
|
@@ -42,9 +42,10 @@ export declare const M4LAccordion: (theme: Theme) => {
|
|
|
42
42
|
borderColor: string;
|
|
43
43
|
borderRadius: string;
|
|
44
44
|
padding: string;
|
|
45
|
-
'& .
|
|
46
|
-
|
|
47
|
-
|
|
45
|
+
'& .M4LAccordion-content': {
|
|
46
|
+
'& .M4LPropertyValue-root:last-of-type': {
|
|
47
|
+
borderBottom: string;
|
|
48
|
+
};
|
|
48
49
|
};
|
|
49
50
|
};
|
|
50
51
|
};
|
|
@@ -57,6 +57,14 @@ export declare const M4LAreasViewer: (theme: Theme) => {
|
|
|
57
57
|
display: string;
|
|
58
58
|
alignItems: string;
|
|
59
59
|
overflow: string;
|
|
60
|
+
width: string;
|
|
61
|
+
padding: string;
|
|
62
|
+
'& .MuiTypography-root': {
|
|
63
|
+
whiteSpace: string;
|
|
64
|
+
overflow: string;
|
|
65
|
+
textOverflow: string;
|
|
66
|
+
width: string;
|
|
67
|
+
};
|
|
60
68
|
};
|
|
61
69
|
};
|
|
62
70
|
"& .M4LTypography-root .MuiTypography-root": {
|
|
@@ -216,7 +224,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
|
|
|
216
224
|
cursor: string;
|
|
217
225
|
height: string;
|
|
218
226
|
"& .M4LTypography-root .MuiTypography-root": {
|
|
219
|
-
|
|
227
|
+
[x: string]: any;
|
|
220
228
|
};
|
|
221
229
|
"& .MuiButtonBase-root": {
|
|
222
230
|
"& .M4LIcon-icon": {
|
|
@@ -236,16 +244,17 @@ export declare const M4LAreasViewer: (theme: Theme) => {
|
|
|
236
244
|
};
|
|
237
245
|
};
|
|
238
246
|
};
|
|
239
|
-
"&.M4LGridLayout-root .M4LGridLayout-maximizeMe
|
|
247
|
+
"&.M4LGridLayout-root .M4LGridLayout-maximizeMe": {
|
|
248
|
+
'& .M4LAreasViewer-windowContent': {
|
|
249
|
+
padding: string;
|
|
250
|
+
};
|
|
240
251
|
"& .M4LAreasViewer-selectedWindow": {
|
|
241
|
-
border: string;
|
|
242
252
|
borderColor: string;
|
|
243
253
|
boxShadow: string;
|
|
244
254
|
};
|
|
245
255
|
};
|
|
246
256
|
"&. M4LGridLayout-colapsed ": {
|
|
247
257
|
"& .M4LAreasViewer-windowRoot": {
|
|
248
|
-
border: string;
|
|
249
258
|
borderColor: string;
|
|
250
259
|
boxShadow: string;
|
|
251
260
|
};
|
|
@@ -300,7 +309,6 @@ export declare const M4LAreasViewer: (theme: Theme) => {
|
|
|
300
309
|
padding: string;
|
|
301
310
|
background: string;
|
|
302
311
|
borderRadius: string;
|
|
303
|
-
border: string;
|
|
304
312
|
borderColor: string;
|
|
305
313
|
'&:not(.M4LAreasViewer-loading)': {
|
|
306
314
|
'& .M4LinearProgressIndeterminate-root': {
|
|
@@ -311,7 +319,6 @@ export declare const M4LAreasViewer: (theme: Theme) => {
|
|
|
311
319
|
backgroundColor: string;
|
|
312
320
|
};
|
|
313
321
|
"&.M4LAreasViewer-selectedWindow": {
|
|
314
|
-
border: string;
|
|
315
322
|
borderColor: string;
|
|
316
323
|
background: string;
|
|
317
324
|
boxShadow: string;
|
|
@@ -6,7 +6,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
6
6
|
background: string;
|
|
7
7
|
boxShadow: string;
|
|
8
8
|
borderRadius: string;
|
|
9
|
-
padding: string;
|
|
10
9
|
display: string;
|
|
11
10
|
position: string;
|
|
12
11
|
flexDirection: string;
|
|
@@ -16,9 +15,11 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
16
15
|
borderColor: string;
|
|
17
16
|
width: string;
|
|
18
17
|
'& .M4LDataGrid-actions': {
|
|
18
|
+
[x: string]: any;
|
|
19
19
|
left: string;
|
|
20
20
|
right: string;
|
|
21
21
|
top: string;
|
|
22
|
+
height: string;
|
|
22
23
|
padding: string;
|
|
23
24
|
display: string;
|
|
24
25
|
flexDirection: string;
|
|
@@ -77,6 +78,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
77
78
|
'& .rdg-cell.rdg-cell-align-right'?: undefined;
|
|
78
79
|
'& .rdg-row .rdg-cell-frozen-last:after'?: undefined;
|
|
79
80
|
'& .rdg-row :last-child:after'?: undefined;
|
|
81
|
+
'& .rdg-header-row'?: undefined;
|
|
80
82
|
'& .rdg-header-row .rdg-cell'?: undefined;
|
|
81
83
|
'& .rdg-header-row :last-child.rdg-cell'?: undefined;
|
|
82
84
|
'& .filter_cell_div'?: undefined;
|
|
@@ -96,7 +98,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
96
98
|
height: string;
|
|
97
99
|
contentVisibility: string;
|
|
98
100
|
overflow: string;
|
|
99
|
-
borderRadius: string;
|
|
100
101
|
padding: string;
|
|
101
102
|
borderColor: string;
|
|
102
103
|
'--rdg-grid-inline-size': string;
|
|
@@ -204,17 +205,20 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
204
205
|
borderRight: string;
|
|
205
206
|
borderColor: string;
|
|
206
207
|
};
|
|
208
|
+
'& .rdg-header-row': {
|
|
209
|
+
backgroundColor: string;
|
|
210
|
+
};
|
|
207
211
|
'& .rdg-header-row .rdg-cell': {
|
|
208
212
|
fontFamily: Record<string, any>;
|
|
209
213
|
fontWeight: Record<string, any>;
|
|
210
214
|
fontSize: Record<string, any>;
|
|
211
215
|
color: string;
|
|
212
216
|
borderRight: string;
|
|
213
|
-
borderColor: string;
|
|
214
217
|
boxShadow: string;
|
|
215
218
|
gridTemplateColumns: string;
|
|
219
|
+
borderBottom: string;
|
|
220
|
+
borderColor: string;
|
|
216
221
|
'&.rdg-cell-frozen-last': {
|
|
217
|
-
borderRight: string;
|
|
218
222
|
borderColor: string;
|
|
219
223
|
'&:after': {
|
|
220
224
|
borderRight: string;
|
|
@@ -258,11 +262,9 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
258
262
|
left: string;
|
|
259
263
|
right: string;
|
|
260
264
|
overflow: string;
|
|
261
|
-
borderRadius: string;
|
|
262
265
|
border: string;
|
|
263
266
|
boxshadow: string;
|
|
264
267
|
background: string;
|
|
265
|
-
padding: string;
|
|
266
268
|
'& .M4LDataGrid-wrapperDataGridCss': {
|
|
267
269
|
position: string;
|
|
268
270
|
height: string;
|
|
@@ -276,7 +278,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
276
278
|
height: string;
|
|
277
279
|
contentVisibility: string;
|
|
278
280
|
overflow: string;
|
|
279
|
-
borderRadius: string;
|
|
280
281
|
padding: string;
|
|
281
282
|
borderColor: string;
|
|
282
283
|
'--rdg-grid-inline-size': string;
|
|
@@ -384,17 +385,20 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
384
385
|
borderRight: string;
|
|
385
386
|
borderColor: string;
|
|
386
387
|
};
|
|
388
|
+
'& .rdg-header-row': {
|
|
389
|
+
backgroundColor: string;
|
|
390
|
+
};
|
|
387
391
|
'& .rdg-header-row .rdg-cell': {
|
|
388
392
|
fontFamily: Record<string, any>;
|
|
389
393
|
fontWeight: Record<string, any>;
|
|
390
394
|
fontSize: Record<string, any>;
|
|
391
395
|
color: string;
|
|
392
396
|
borderRight: string;
|
|
393
|
-
borderColor: string;
|
|
394
397
|
boxShadow: string;
|
|
395
398
|
gridTemplateColumns: string;
|
|
399
|
+
borderBottom: string;
|
|
400
|
+
borderColor: string;
|
|
396
401
|
'&.rdg-cell-frozen-last': {
|
|
397
|
-
borderRight: string;
|
|
398
402
|
borderColor: string;
|
|
399
403
|
'&:after': {
|
|
400
404
|
borderRight: string;
|
|
@@ -4,17 +4,20 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
'&.M4LDynamicFilter-root': {
|
|
6
6
|
[x: string]: string | {
|
|
7
|
-
|
|
7
|
+
minHeight: string;
|
|
8
|
+
height: string;
|
|
8
9
|
'& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
|
|
9
|
-
height?: undefined;
|
|
10
10
|
width?: undefined;
|
|
11
11
|
'& .M4LDynamicFilter-containerInputFilter'?: undefined;
|
|
12
12
|
borderColor?: undefined;
|
|
13
13
|
display?: undefined;
|
|
14
14
|
flexDirection?: undefined;
|
|
15
|
+
gap?: undefined;
|
|
15
16
|
backgroundColor?: undefined;
|
|
16
17
|
padding?: undefined;
|
|
17
18
|
alignItems?: undefined;
|
|
19
|
+
borderTopRightRadius?: undefined;
|
|
20
|
+
borderBottomRightRadius?: undefined;
|
|
18
21
|
'& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
|
|
19
22
|
maxWidth?: undefined;
|
|
20
23
|
borderRadius?: undefined;
|
|
@@ -29,16 +32,19 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
29
32
|
display: string;
|
|
30
33
|
'& .MuiBox-root'?: undefined;
|
|
31
34
|
};
|
|
32
|
-
|
|
35
|
+
minHeight?: undefined;
|
|
33
36
|
height?: undefined;
|
|
34
37
|
width?: undefined;
|
|
35
38
|
'& .M4LDynamicFilter-containerInputFilter'?: undefined;
|
|
36
39
|
borderColor?: undefined;
|
|
37
40
|
display?: undefined;
|
|
38
41
|
flexDirection?: undefined;
|
|
42
|
+
gap?: undefined;
|
|
39
43
|
backgroundColor?: undefined;
|
|
40
44
|
padding?: undefined;
|
|
41
45
|
alignItems?: undefined;
|
|
46
|
+
borderTopRightRadius?: undefined;
|
|
47
|
+
borderBottomRightRadius?: undefined;
|
|
42
48
|
'& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
|
|
43
49
|
maxWidth?: undefined;
|
|
44
50
|
borderRadius?: undefined;
|
|
@@ -62,16 +68,19 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
62
68
|
};
|
|
63
69
|
display?: undefined;
|
|
64
70
|
};
|
|
65
|
-
|
|
71
|
+
minHeight?: undefined;
|
|
66
72
|
height?: undefined;
|
|
67
73
|
width?: undefined;
|
|
68
74
|
'& .M4LDynamicFilter-containerInputFilter'?: undefined;
|
|
69
75
|
borderColor?: undefined;
|
|
70
76
|
display?: undefined;
|
|
71
77
|
flexDirection?: undefined;
|
|
78
|
+
gap?: undefined;
|
|
72
79
|
backgroundColor?: undefined;
|
|
73
80
|
padding?: undefined;
|
|
74
81
|
alignItems?: undefined;
|
|
82
|
+
borderTopRightRadius?: undefined;
|
|
83
|
+
borderBottomRightRadius?: undefined;
|
|
75
84
|
'& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
|
|
76
85
|
maxWidth?: undefined;
|
|
77
86
|
borderRadius?: undefined;
|
|
@@ -83,16 +92,19 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
83
92
|
borderRight?: undefined;
|
|
84
93
|
} | {
|
|
85
94
|
height: string;
|
|
86
|
-
|
|
95
|
+
minHeight?: undefined;
|
|
87
96
|
'& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
|
|
88
97
|
width?: undefined;
|
|
89
98
|
'& .M4LDynamicFilter-containerInputFilter'?: undefined;
|
|
90
99
|
borderColor?: undefined;
|
|
91
100
|
display?: undefined;
|
|
92
101
|
flexDirection?: undefined;
|
|
102
|
+
gap?: undefined;
|
|
93
103
|
backgroundColor?: undefined;
|
|
94
104
|
padding?: undefined;
|
|
95
105
|
alignItems?: undefined;
|
|
106
|
+
borderTopRightRadius?: undefined;
|
|
107
|
+
borderBottomRightRadius?: undefined;
|
|
96
108
|
'& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
|
|
97
109
|
maxWidth?: undefined;
|
|
98
110
|
borderRadius?: undefined;
|
|
@@ -140,14 +152,17 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
140
152
|
maxWidth: string;
|
|
141
153
|
borderRadius: string;
|
|
142
154
|
};
|
|
143
|
-
|
|
155
|
+
minHeight?: undefined;
|
|
144
156
|
'& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
|
|
145
157
|
borderColor?: undefined;
|
|
146
158
|
display?: undefined;
|
|
147
159
|
flexDirection?: undefined;
|
|
160
|
+
gap?: undefined;
|
|
148
161
|
backgroundColor?: undefined;
|
|
149
162
|
padding?: undefined;
|
|
150
163
|
alignItems?: undefined;
|
|
164
|
+
borderTopRightRadius?: undefined;
|
|
165
|
+
borderBottomRightRadius?: undefined;
|
|
151
166
|
'& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
|
|
152
167
|
maxWidth?: undefined;
|
|
153
168
|
borderRadius?: undefined;
|
|
@@ -159,16 +174,19 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
159
174
|
borderRight?: undefined;
|
|
160
175
|
} | {
|
|
161
176
|
borderColor: string;
|
|
162
|
-
|
|
163
|
-
'& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
|
|
177
|
+
minHeight?: undefined;
|
|
164
178
|
height?: undefined;
|
|
179
|
+
'& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
|
|
165
180
|
width?: undefined;
|
|
166
181
|
'& .M4LDynamicFilter-containerInputFilter'?: undefined;
|
|
167
182
|
display?: undefined;
|
|
168
183
|
flexDirection?: undefined;
|
|
184
|
+
gap?: undefined;
|
|
169
185
|
backgroundColor?: undefined;
|
|
170
186
|
padding?: undefined;
|
|
171
187
|
alignItems?: undefined;
|
|
188
|
+
borderTopRightRadius?: undefined;
|
|
189
|
+
borderBottomRightRadius?: undefined;
|
|
172
190
|
'& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
|
|
173
191
|
maxWidth?: undefined;
|
|
174
192
|
borderRadius?: undefined;
|
|
@@ -195,9 +213,12 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
195
213
|
padding: string;
|
|
196
214
|
height: string;
|
|
197
215
|
alignItems: string;
|
|
216
|
+
borderTopRightRadius: string;
|
|
217
|
+
borderBottomRightRadius: string;
|
|
198
218
|
'& .M4LIconButton-root .M4LDynamicFilter-filterButton': {
|
|
199
219
|
background: string;
|
|
200
220
|
};
|
|
221
|
+
minHeight?: undefined;
|
|
201
222
|
'& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
|
|
202
223
|
width?: undefined;
|
|
203
224
|
'& .M4LDynamicFilter-containerInputFilter'?: undefined;
|
|
@@ -244,9 +265,12 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
244
265
|
borderColor: string;
|
|
245
266
|
background: string;
|
|
246
267
|
};
|
|
268
|
+
minHeight?: undefined;
|
|
247
269
|
'& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
|
|
248
270
|
'& .M4LDynamicFilter-containerInputFilter'?: undefined;
|
|
249
271
|
borderColor?: undefined;
|
|
272
|
+
borderTopRightRadius?: undefined;
|
|
273
|
+
borderBottomRightRadius?: undefined;
|
|
250
274
|
'& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
|
|
251
275
|
borderLeft?: undefined;
|
|
252
276
|
margin?: undefined;
|
|
@@ -262,14 +286,17 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
262
286
|
padding: string;
|
|
263
287
|
borderRight: string;
|
|
264
288
|
borderColor: string;
|
|
265
|
-
|
|
289
|
+
minHeight?: undefined;
|
|
266
290
|
'& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
|
|
267
291
|
width?: undefined;
|
|
268
292
|
'& .M4LDynamicFilter-containerInputFilter'?: undefined;
|
|
269
293
|
display?: undefined;
|
|
270
294
|
flexDirection?: undefined;
|
|
295
|
+
gap?: undefined;
|
|
271
296
|
backgroundColor?: undefined;
|
|
272
297
|
alignItems?: undefined;
|
|
298
|
+
borderTopRightRadius?: undefined;
|
|
299
|
+
borderBottomRightRadius?: undefined;
|
|
273
300
|
'& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
|
|
274
301
|
maxWidth?: undefined;
|
|
275
302
|
borderRadius?: undefined;
|
|
@@ -283,6 +310,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
283
310
|
padding: string;
|
|
284
311
|
gap: string;
|
|
285
312
|
height: string;
|
|
313
|
+
minHeight?: undefined;
|
|
286
314
|
'& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
|
|
287
315
|
width?: undefined;
|
|
288
316
|
'& .M4LDynamicFilter-containerInputFilter'?: undefined;
|
|
@@ -291,6 +319,8 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
291
319
|
flexDirection?: undefined;
|
|
292
320
|
backgroundColor?: undefined;
|
|
293
321
|
alignItems?: undefined;
|
|
322
|
+
borderTopRightRadius?: undefined;
|
|
323
|
+
borderBottomRightRadius?: undefined;
|
|
294
324
|
'& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
|
|
295
325
|
maxWidth?: undefined;
|
|
296
326
|
borderRadius?: undefined;
|
|
@@ -316,13 +346,16 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
316
346
|
background: string;
|
|
317
347
|
boxShadow: string;
|
|
318
348
|
color: string;
|
|
319
|
-
|
|
349
|
+
minHeight?: undefined;
|
|
320
350
|
'& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
|
|
321
351
|
width?: undefined;
|
|
322
352
|
'& .M4LDynamicFilter-containerInputFilter'?: undefined;
|
|
323
353
|
flexDirection?: undefined;
|
|
354
|
+
gap?: undefined;
|
|
324
355
|
backgroundColor?: undefined;
|
|
325
356
|
padding?: undefined;
|
|
357
|
+
borderTopRightRadius?: undefined;
|
|
358
|
+
borderBottomRightRadius?: undefined;
|
|
326
359
|
'& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
|
|
327
360
|
maxWidth?: undefined;
|
|
328
361
|
'& > input'?: undefined;
|
|
@@ -334,10 +367,11 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
334
367
|
};
|
|
335
368
|
borderRadius: string;
|
|
336
369
|
background: string;
|
|
337
|
-
boxShadow: string;
|
|
338
370
|
padding: string;
|
|
339
371
|
border: string;
|
|
340
372
|
borderColor: string;
|
|
373
|
+
minHeight: string;
|
|
374
|
+
height: string;
|
|
341
375
|
'&.M4LDynamicFilter-isEmpty.M4LDynamicFilter-isMobile': {
|
|
342
376
|
'& .M4LDynamicFilter-wrapperApplyedFilters': {
|
|
343
377
|
display: string;
|
|
@@ -419,6 +453,8 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
419
453
|
padding: string;
|
|
420
454
|
height: string;
|
|
421
455
|
alignItems: string;
|
|
456
|
+
borderTopRightRadius: string;
|
|
457
|
+
borderBottomRightRadius: string;
|
|
422
458
|
'& .M4LIconButton-root .M4LDynamicFilter-filterButton': {
|
|
423
459
|
background: string;
|
|
424
460
|
};
|
|
@@ -3,7 +3,6 @@ export declare const M4LPaperForm: (theme: Theme) => {
|
|
|
3
3
|
M4LPaperForm: {
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
'&.M4LPaperForm-root': {
|
|
6
|
-
margin: string;
|
|
7
6
|
padding: string;
|
|
8
7
|
borderRadius: string;
|
|
9
8
|
boxShadow: string;
|
|
@@ -13,6 +12,19 @@ export declare const M4LPaperForm: (theme: Theme) => {
|
|
|
13
12
|
width: string;
|
|
14
13
|
height: string;
|
|
15
14
|
"& .M4LPaperForm-headerContainer": {
|
|
15
|
+
[x: string]: string | {
|
|
16
|
+
height: string;
|
|
17
|
+
minHeight: string;
|
|
18
|
+
} | {
|
|
19
|
+
color: string;
|
|
20
|
+
display: string;
|
|
21
|
+
gap: string;
|
|
22
|
+
"& .M4LPaperForm-iconHeaderContainer": {
|
|
23
|
+
margin: string;
|
|
24
|
+
};
|
|
25
|
+
height?: undefined;
|
|
26
|
+
minHeight?: undefined;
|
|
27
|
+
};
|
|
16
28
|
width: string;
|
|
17
29
|
height: string;
|
|
18
30
|
minHeight: string;
|
|
@@ -8,6 +8,12 @@ export declare const M4LScrollBar: (theme: Theme) => {
|
|
|
8
8
|
height: string;
|
|
9
9
|
overflow: string;
|
|
10
10
|
minHeight: string;
|
|
11
|
+
'& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] .simplebar-content': {
|
|
12
|
+
marginRight: string;
|
|
13
|
+
};
|
|
14
|
+
'& .simplebar-content-wrapper[style*="overflow: scroll hidden;"] .simplebar-content': {
|
|
15
|
+
marginBottom: string;
|
|
16
|
+
};
|
|
11
17
|
'& .ScrollbarsCustom-Content': {
|
|
12
18
|
position: string;
|
|
13
19
|
};
|
|
@@ -11,12 +11,12 @@ export declare const M4LTab: (theme: Theme) => {
|
|
|
11
11
|
"& .M4LIcon-root": {
|
|
12
12
|
marginBottom: string;
|
|
13
13
|
};
|
|
14
|
+
height: string;
|
|
14
15
|
borderRadius: string;
|
|
15
16
|
display: string;
|
|
16
17
|
flexDirection: string;
|
|
17
18
|
alignItems: string;
|
|
18
19
|
padding: string;
|
|
19
|
-
height: string;
|
|
20
20
|
width: string;
|
|
21
21
|
minHeight: string;
|
|
22
22
|
minWidth: string;
|
|
@@ -7,6 +7,12 @@ export declare const M4LTabs: (_theme: Theme) => {
|
|
|
7
7
|
height: string;
|
|
8
8
|
position: string;
|
|
9
9
|
minHeight: string;
|
|
10
|
+
'& .MuiTabs-scroller': {
|
|
11
|
+
'& .MuiTabs-flexContainer': {
|
|
12
|
+
padding: string;
|
|
13
|
+
backgroundColor: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
10
16
|
'&:not(:last-of-type)': {
|
|
11
17
|
margin: string;
|
|
12
18
|
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Theme } from '@mui/material/styles';
|
|
2
|
+
export declare const M4LToolkitDivider: (theme: Theme) => {
|
|
3
|
+
M4LToolkitDivider: {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
'&.M4LToolkitDivider-root': {
|
|
6
|
+
backgroundColor: string;
|
|
7
|
+
'&.M4LToolkitDivider-directionHorizontal': {
|
|
8
|
+
width: string;
|
|
9
|
+
height: string;
|
|
10
|
+
};
|
|
11
|
+
'&.M4LToolkitDivider-directionVertical': {
|
|
12
|
+
width: string;
|
|
13
|
+
height: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Theme } from '@mui/material/styles';
|
|
2
|
+
export declare const M4LToolkitPage: (_theme: Theme) => {
|
|
3
|
+
M4LToolkitPage: {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
'&.M4LToolkitPage-root': {
|
|
6
|
+
display: string;
|
|
7
|
+
flexDirection: string;
|
|
8
|
+
overflow: string;
|
|
9
|
+
border: string;
|
|
10
|
+
width: string;
|
|
11
|
+
height: string;
|
|
12
|
+
padding: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Theme } from '@mui/material/styles';
|
|
2
|
+
export declare const M4LToolkitSection: (theme: Theme) => {
|
|
3
|
+
M4LToolkitSection: {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
'&.M4LToolkitSection-root': {
|
|
6
|
+
width: string;
|
|
7
|
+
height: string;
|
|
8
|
+
display: string;
|
|
9
|
+
border: string;
|
|
10
|
+
padding: string;
|
|
11
|
+
gap: string;
|
|
12
|
+
'&.M4LToolkitSection-directionColumn': {
|
|
13
|
+
flexDirection: string;
|
|
14
|
+
};
|
|
15
|
+
'&.M4LToolkitSection-directionRow': {
|
|
16
|
+
flexDirection: string;
|
|
17
|
+
};
|
|
18
|
+
'&.M4LToolkitSection-borderBottom': {
|
|
19
|
+
borderBottomColor: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
};
|