@m4l/styles 0.0.29 → 0.0.31
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 +9 -9
- package/package.json +1 -1
- package/theme/{defaultThemeOptions.b3a908dd.js → defaultThemeOptions.85da8657.js} +5 -5
- package/theme/index.4dffae0a.js +7 -0
- package/theme/index.d.ts +1 -0
- package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +5 -0
- package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +5989 -12461
- package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +114 -907
- package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +31 -28
- package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +2 -0
- package/theme/overrides/M4LExtendedComponents/M4LFormatter.d.ts +19 -0
- package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +14 -0
- package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +6 -38
- package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts +1 -0
- package/theme/overrides/M4LExtendedComponents/M4LPrintingSystem.d.ts +1000 -0
- package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +1 -4
- package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +0 -6
- package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +884 -0
- package/theme/overrides/M4LExtendedComponents/{index.c76da8b1.js → index.1cd7b9f2.js} +512 -329
- package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +18 -1
- package/theme/overrides/M4LRHFComponents/{index.d3125fd8.js → index.2dbe138a.js} +24 -7
- package/theme/overrides/MUIComponents/Accordion.d.ts +34 -17
- package/theme/overrides/MUIComponents/ControlLabel.d.ts +34 -17
- package/theme/overrides/MUIComponents/Input.d.ts +68 -34
- package/theme/overrides/MUIComponents/LoadingButton.d.ts +34 -17
- package/theme/overrides/MUIComponents/Table.d.ts +136 -68
- package/theme/overrides/MUIComponents/Tabs.d.ts +34 -17
- package/theme/overrides/index.a465322b.js +104 -0
- package/theme/{palette.18138191.js → palette.76ca123c.js} +25 -24
- package/theme/palette.d.ts +2 -2
- package/theme/{shadows.6e84fd80.js → shadows.1c46a94e.js} +1 -1
- package/theme/{typography.05534ee9.js → typography.89adddae.js} +4 -4
- package/theme/typography.d.ts +1 -0
- package/utils/{getColorPresets.60a0f2ca.js → getColorPresets.5bb0236e.js} +1 -1
- package/utils/{getColorState.e6b609a7.js → getColorState.42ed5268.js} +6 -6
- package/theme/index.30213ab6.js +0 -7
- package/theme/overrides/M4LExtendedComponents/M4LToolkitDivider.d.ts +0 -18
- package/theme/overrides/M4LExtendedComponents/M4LToolkitPage.d.ts +0 -16
- package/theme/overrides/M4LExtendedComponents/M4LToolkitSection.d.ts +0 -24
- package/theme/overrides/index.04787df9.js +0 -103
|
@@ -6,13 +6,14 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
6
6
|
background: string;
|
|
7
7
|
boxShadow: string;
|
|
8
8
|
borderRadius: string;
|
|
9
|
+
border: string;
|
|
10
|
+
borderColor: string;
|
|
9
11
|
display: string;
|
|
10
12
|
position: string;
|
|
11
13
|
flexDirection: string;
|
|
12
14
|
gap: string;
|
|
13
15
|
height: string;
|
|
14
16
|
borderTop: string;
|
|
15
|
-
borderColor: string;
|
|
16
17
|
width: string;
|
|
17
18
|
'& .M4LDataGrid-actions': {
|
|
18
19
|
[x: string]: any;
|
|
@@ -29,12 +30,12 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
29
30
|
background: string;
|
|
30
31
|
position: string;
|
|
31
32
|
gap: string;
|
|
32
|
-
|
|
33
|
+
'& .M4LDataGrid-actionsConfigContainer': {
|
|
33
34
|
display: string;
|
|
34
35
|
flexDirection: string;
|
|
35
36
|
gap: string;
|
|
36
37
|
marginLeft: string;
|
|
37
|
-
|
|
38
|
+
'& .M4LIconButton-root': {
|
|
38
39
|
background: string;
|
|
39
40
|
};
|
|
40
41
|
};
|
|
@@ -69,7 +70,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
69
70
|
overflow?: undefined;
|
|
70
71
|
'& .rdg '?: undefined;
|
|
71
72
|
'& [role="columnheader"]'?: undefined;
|
|
72
|
-
|
|
73
|
+
'& .rdg-row'?: undefined;
|
|
73
74
|
'& .rdg-cell'?: undefined;
|
|
74
75
|
'& .rdg-cell[role="gridcell"]'?: undefined;
|
|
75
76
|
'& .rdg-cell[role="columnheader"] .rdg-header-sort-name'?: undefined;
|
|
@@ -84,8 +85,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
84
85
|
'& .rdg-header-row :last-child.rdg-cell'?: undefined;
|
|
85
86
|
'& .filter_cell_div'?: undefined;
|
|
86
87
|
'& .rdg-header-sort-cell'?: undefined;
|
|
87
|
-
'& [aria-columnsort="ASC"]'?: undefined;
|
|
88
|
-
'& [aria-columnsort="DESC"]'?: undefined;
|
|
89
88
|
} | {
|
|
90
89
|
position: string;
|
|
91
90
|
height: string;
|
|
@@ -93,6 +92,8 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
93
92
|
'& .rdg ': {
|
|
94
93
|
border: string;
|
|
95
94
|
background: string;
|
|
95
|
+
borderTop: string;
|
|
96
|
+
borderColor: string;
|
|
96
97
|
gridColumnGap: string;
|
|
97
98
|
gridRowGap: string;
|
|
98
99
|
userSelect: string;
|
|
@@ -100,7 +101,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
100
101
|
contentVisibility: string;
|
|
101
102
|
overflow: string;
|
|
102
103
|
padding: string;
|
|
103
|
-
borderColor: string;
|
|
104
104
|
'--rdg-grid-inline-size': string;
|
|
105
105
|
'--rdg-header-background-color': string;
|
|
106
106
|
'--rdg-row-selected-background-color': string;
|
|
@@ -121,7 +121,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
121
121
|
justifyContent: string;
|
|
122
122
|
alignItems: string;
|
|
123
123
|
};
|
|
124
|
-
|
|
124
|
+
'& .rdg-row': {
|
|
125
125
|
'&[aria-selected="false"] .rdg-cell': {
|
|
126
126
|
backgroundColor: string;
|
|
127
127
|
};
|
|
@@ -220,10 +220,17 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
220
220
|
};
|
|
221
221
|
boxShadow: string;
|
|
222
222
|
};
|
|
223
|
-
'& .rdg-sort-
|
|
224
|
-
|
|
225
|
-
|
|
223
|
+
'& .rdg-header-sort-cell': {
|
|
224
|
+
'& .rdg-header-sort-name + span': {
|
|
225
|
+
position: string;
|
|
226
|
+
margin: string;
|
|
227
|
+
right: string;
|
|
228
|
+
'& .rdg-sort-arrow': {
|
|
229
|
+
width: string;
|
|
230
|
+
};
|
|
231
|
+
};
|
|
226
232
|
};
|
|
233
|
+
'& .rdg-sort-arrow': {};
|
|
227
234
|
};
|
|
228
235
|
'& .rdg-header-row :last-child.rdg-cell': {
|
|
229
236
|
borderTopRightRadius: string;
|
|
@@ -241,12 +248,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
241
248
|
alignItems: string;
|
|
242
249
|
color: string;
|
|
243
250
|
};
|
|
244
|
-
'& [aria-columnsort="ASC"]': {
|
|
245
|
-
borderTop: string;
|
|
246
|
-
};
|
|
247
|
-
'& [aria-columnsort="DESC"]': {
|
|
248
|
-
borderBottom: string;
|
|
249
|
-
};
|
|
250
251
|
top?: undefined;
|
|
251
252
|
};
|
|
252
253
|
display: string;
|
|
@@ -267,6 +268,8 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
267
268
|
'& .rdg ': {
|
|
268
269
|
border: string;
|
|
269
270
|
background: string;
|
|
271
|
+
borderTop: string;
|
|
272
|
+
borderColor: string;
|
|
270
273
|
gridColumnGap: string;
|
|
271
274
|
gridRowGap: string;
|
|
272
275
|
userSelect: string;
|
|
@@ -274,7 +277,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
274
277
|
contentVisibility: string;
|
|
275
278
|
overflow: string;
|
|
276
279
|
padding: string;
|
|
277
|
-
borderColor: string;
|
|
278
280
|
'--rdg-grid-inline-size': string;
|
|
279
281
|
'--rdg-header-background-color': string;
|
|
280
282
|
'--rdg-row-selected-background-color': string;
|
|
@@ -295,7 +297,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
295
297
|
justifyContent: string;
|
|
296
298
|
alignItems: string;
|
|
297
299
|
};
|
|
298
|
-
|
|
300
|
+
'& .rdg-row': {
|
|
299
301
|
'&[aria-selected="false"] .rdg-cell': {
|
|
300
302
|
backgroundColor: string;
|
|
301
303
|
};
|
|
@@ -394,10 +396,17 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
394
396
|
};
|
|
395
397
|
boxShadow: string;
|
|
396
398
|
};
|
|
397
|
-
'& .rdg-sort-
|
|
398
|
-
|
|
399
|
-
|
|
399
|
+
'& .rdg-header-sort-cell': {
|
|
400
|
+
'& .rdg-header-sort-name + span': {
|
|
401
|
+
position: string;
|
|
402
|
+
margin: string;
|
|
403
|
+
right: string;
|
|
404
|
+
'& .rdg-sort-arrow': {
|
|
405
|
+
width: string;
|
|
406
|
+
};
|
|
407
|
+
};
|
|
400
408
|
};
|
|
409
|
+
'& .rdg-sort-arrow': {};
|
|
401
410
|
};
|
|
402
411
|
'& .rdg-header-row :last-child.rdg-cell': {
|
|
403
412
|
borderTopRightRadius: string;
|
|
@@ -415,12 +424,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
|
|
|
415
424
|
alignItems: string;
|
|
416
425
|
color: string;
|
|
417
426
|
};
|
|
418
|
-
'& [aria-columnsort="ASC"]': {
|
|
419
|
-
borderTop: string;
|
|
420
|
-
};
|
|
421
|
-
'& [aria-columnsort="DESC"]': {
|
|
422
|
-
borderBottom: string;
|
|
423
|
-
};
|
|
424
427
|
};
|
|
425
428
|
};
|
|
426
429
|
'&.M4LDataGrid-withNoPager': {};
|
|
@@ -238,6 +238,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
238
238
|
height: string;
|
|
239
239
|
borderRadius: string;
|
|
240
240
|
border: string;
|
|
241
|
+
borderColor: string;
|
|
241
242
|
'&::placeholder': {
|
|
242
243
|
color: string;
|
|
243
244
|
};
|
|
@@ -456,6 +457,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
456
457
|
height: string;
|
|
457
458
|
borderRadius: string;
|
|
458
459
|
border: string;
|
|
460
|
+
borderColor: string;
|
|
459
461
|
'&::placeholder': {
|
|
460
462
|
color: string;
|
|
461
463
|
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Theme } from '@mui/material/styles';
|
|
2
|
+
export declare const M4LFormatter: (theme: Theme) => {
|
|
3
|
+
M4LFormatter: {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
'&.M4LFormatter-root': {
|
|
6
|
+
'& .M4LFormatter-booleanFormatterIcon': {
|
|
7
|
+
'& .M4LIcon-icon': {
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
};
|
|
10
|
+
'&.M4LFormatter-booleanFormatterCheck': {
|
|
11
|
+
'& .M4LIcon-icon': {
|
|
12
|
+
backgroundColor: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Theme } from '@mui/material/styles';
|
|
2
|
+
export declare const M4LMFLoader: (_theme: Theme) => {
|
|
3
|
+
M4LMFLoader: {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
'&.M4LMFLoader-root': {
|
|
6
|
+
width: string;
|
|
7
|
+
height: string;
|
|
8
|
+
display: string;
|
|
9
|
+
justifyContent: string;
|
|
10
|
+
alignItems: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
@@ -22,7 +22,6 @@ export declare const M4LModalDialog: (theme: Theme) => {
|
|
|
22
22
|
'& .M4LModal-containerMassageIlustration'?: undefined;
|
|
23
23
|
'& .M4LModal-headerContainer'?: undefined;
|
|
24
24
|
'& .M4LModal-windowContent'?: undefined;
|
|
25
|
-
'& .M4LIcon-root'?: undefined;
|
|
26
25
|
} | {
|
|
27
26
|
display: string;
|
|
28
27
|
flexDirection: string;
|
|
@@ -40,7 +39,6 @@ export declare const M4LModalDialog: (theme: Theme) => {
|
|
|
40
39
|
'& .M4LModal-containerMassageIlustration'?: undefined;
|
|
41
40
|
'& .M4LModal-headerContainer'?: undefined;
|
|
42
41
|
'& .M4LModal-windowContent'?: undefined;
|
|
43
|
-
'& .M4LIcon-root'?: undefined;
|
|
44
42
|
} | {
|
|
45
43
|
display: string;
|
|
46
44
|
flexDirection: string;
|
|
@@ -71,6 +69,7 @@ export declare const M4LModalDialog: (theme: Theme) => {
|
|
|
71
69
|
width: string;
|
|
72
70
|
padding: string;
|
|
73
71
|
background: string;
|
|
72
|
+
overflow: string;
|
|
74
73
|
'& .M4LModal-modalContent': {
|
|
75
74
|
display: string;
|
|
76
75
|
flexDirection: string;
|
|
@@ -122,33 +121,11 @@ export declare const M4LModalDialog: (theme: Theme) => {
|
|
|
122
121
|
height: string;
|
|
123
122
|
display: string;
|
|
124
123
|
flexDirection: string;
|
|
124
|
+
flex: string;
|
|
125
|
+
overflow: string;
|
|
125
126
|
};
|
|
126
127
|
maxHeight?: undefined;
|
|
127
128
|
borderColor?: undefined;
|
|
128
|
-
'& .M4LIcon-root'?: undefined;
|
|
129
|
-
} | {
|
|
130
|
-
display: string;
|
|
131
|
-
flexDirection: string;
|
|
132
|
-
justifyContent: string;
|
|
133
|
-
alignItems: string;
|
|
134
|
-
'& .M4LIcon-root': {
|
|
135
|
-
'& .M4LIcon-icon': {
|
|
136
|
-
background: string;
|
|
137
|
-
boxShadow: string;
|
|
138
|
-
};
|
|
139
|
-
};
|
|
140
|
-
width?: undefined;
|
|
141
|
-
height?: undefined;
|
|
142
|
-
maxHeight?: undefined;
|
|
143
|
-
borderColor?: undefined;
|
|
144
|
-
overflow?: undefined;
|
|
145
|
-
background?: undefined;
|
|
146
|
-
boxShadow?: undefined;
|
|
147
|
-
borderRadius?: undefined;
|
|
148
|
-
'& .M4LCommonActions-root'?: undefined;
|
|
149
|
-
'& .M4LModal-containerMassageIlustration'?: undefined;
|
|
150
|
-
'& .M4LModal-headerContainer'?: undefined;
|
|
151
|
-
'& .M4LModal-windowContent'?: undefined;
|
|
152
129
|
};
|
|
153
130
|
display: string;
|
|
154
131
|
flexDirection: string;
|
|
@@ -199,6 +176,7 @@ export declare const M4LModalDialog: (theme: Theme) => {
|
|
|
199
176
|
width: string;
|
|
200
177
|
padding: string;
|
|
201
178
|
background: string;
|
|
179
|
+
overflow: string;
|
|
202
180
|
'& .M4LModal-modalContent': {
|
|
203
181
|
display: string;
|
|
204
182
|
flexDirection: string;
|
|
@@ -250,18 +228,8 @@ export declare const M4LModalDialog: (theme: Theme) => {
|
|
|
250
228
|
height: string;
|
|
251
229
|
display: string;
|
|
252
230
|
flexDirection: string;
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
'& .react-resizable': {
|
|
256
|
-
display: string;
|
|
257
|
-
flexDirection: string;
|
|
258
|
-
justifyContent: string;
|
|
259
|
-
alignItems: string;
|
|
260
|
-
'& .M4LIcon-root': {
|
|
261
|
-
'& .M4LIcon-icon': {
|
|
262
|
-
background: string;
|
|
263
|
-
boxShadow: string;
|
|
264
|
-
};
|
|
231
|
+
flex: string;
|
|
232
|
+
overflow: string;
|
|
265
233
|
};
|
|
266
234
|
};
|
|
267
235
|
};
|