@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.
- package/index.js +37 -37
- package/package.json +1 -1
- package/theme/defaultThemeOptions.b25c825e.js +27 -0
- package/theme/index.34d0fdea.js +1 -0
- package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +22 -15
- package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +106 -81
- package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +58 -3
- package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +636 -475
- package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +42 -52
- package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +0 -2
- package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +5 -0
- package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +56 -57
- package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +13 -12
- package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +14 -6
- package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +78 -87
- package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +2 -2
- package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +2 -1
- package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +13 -2
- package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +17 -0
- package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +2 -4
- package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +0 -2
- package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +1 -2
- package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +43 -33
- package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +12 -0
- package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +142 -1
- package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +1 -0
- package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +91 -42
- package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +3 -0
- package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +1 -0
- package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +16 -0
- package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +29 -0
- package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +0 -4
- package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +24 -20
- package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +1 -4
- package/theme/overrides/M4LExtendedComponents/{index.1cd7b9f2.js → index.15f2650a.js} +1112 -826
- package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +102 -4
- package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +107 -0
- package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +5 -3
- package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +5 -0
- package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +2 -1
- package/theme/overrides/M4LRHFComponents/{index.2dbe138a.js → index.e6262889.js} +252 -37
- package/theme/overrides/MUIComponents/{index.f50cd1c7.js → index.1b2b2be2.js} +59 -138
- package/theme/overrides/index.158187f3.js +105 -0
- package/theme/{palette.76ca123c.js → palette.31d770bc.js} +84 -42
- package/theme/palette.d.ts +16 -6
- package/theme/{shadows.1c46a94e.js → shadows.9800d84c.js} +24 -24
- package/theme/typography.b14a8e35.js +122 -0
- package/theme/typography.d.ts +19 -13
- package/types/augmentations.d.ts +1 -1
- package/utils/{getColorPresets.5bb0236e.js → getColorPresets.9fec9cc2.js} +1 -1
- package/utils/getColorState.4350ccb4.js +239 -0
- package/utils/getColorState.d.ts +5 -0
- package/theme/defaultThemeOptions.85da8657.js +0 -30
- package/theme/index.4dffae0a.js +0 -7
- package/theme/overrides/MUIComponents/Tabs.d.ts +0 -903
- package/theme/overrides/index.a465322b.js +0 -104
- package/theme/typography.89adddae.js +0 -124
- 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
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
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
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
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
|
-
|
|
561
|
-
|
|
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': {
|
|
@@ -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;
|
|
@@ -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
|
};
|