@m4l/styles 0.0.20 → 0.0.22
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 +10 -10
- package/package.json +1 -1
- package/theme/{defaultThemeOptions.dd98806d.js → defaultThemeOptions.733652aa.js} +5 -5
- package/theme/index.fa6b03ae.js +7 -0
- package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +8 -2
- package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +237 -67
- package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +1151 -336
- package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +132 -65
- package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +2 -1
- package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +56 -0
- package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +1 -0
- package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +988 -0
- package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +31 -7
- package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +34 -0
- package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +20 -14
- package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +8 -4
- package/theme/overrides/M4LExtendedComponents/{index.ead1a06a.js → index.28d622ba.js} +823 -309
- package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +77 -29
- package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.d.ts +1 -0
- package/theme/overrides/M4LRHFComponents/{index.1406e2ed.js → index.0e107243.js} +79 -36
- package/theme/overrides/MUIComponents/Autocomplete.d.ts +13 -2
- package/theme/overrides/MUIComponents/Button.d.ts +3 -1
- package/theme/overrides/MUIComponents/Input.d.ts +16 -3
- package/theme/overrides/MUIComponents/Tabs.d.ts +2 -0
- package/theme/overrides/MUIComponents/{index.e3d060c3.js → index.d308ce65.js} +68 -39
- package/theme/overrides/index.76becad2.js +93 -0
- package/theme/{palette.6e480083.js → palette.a914c187.js} +5 -5
- package/theme/{shadows.0d04d424.js → shadows.3dfe77c2.js} +1 -1
- package/theme/{typography.8b60719b.js → typography.dd335f0f.js} +4 -4
- package/utils/{getColorPresets.4a88b0ed.js → getColorPresets.9c103b85.js} +1 -1
- package/utils/{getColorState.1cdd7909.js → getColorState.184e9d10.js} +40 -28
- package/utils/getColorState.d.ts +1 -0
- package/theme/index.7512919c.js +0 -7
- package/theme/overrides/index.0d219399.js +0 -90
|
@@ -195,6 +195,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
195
195
|
padding: string;
|
|
196
196
|
border: string;
|
|
197
197
|
borderColor: string;
|
|
198
|
+
overflow: string;
|
|
198
199
|
'& .M4LDynamicFilter-containerFistRow': {
|
|
199
200
|
[x: string]: string | {
|
|
200
201
|
height: string;
|
|
@@ -305,12 +306,27 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
305
306
|
styleOverrides: {
|
|
306
307
|
'&.M4LDynamicFilter-popoverMenuFields': {
|
|
307
308
|
'& .M4LDynamicFilter-popoverMenuFieldsPaper': {
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
309
|
+
display: string;
|
|
310
|
+
flexDirection: string;
|
|
311
|
+
padding: string;
|
|
312
|
+
gap: string;
|
|
313
|
+
borderRadius: string;
|
|
314
|
+
borderTop: string;
|
|
315
|
+
borderColor: string;
|
|
316
|
+
"& .M4LDynamicFilter-popoverMenuFieldsItem": {
|
|
317
|
+
paddingLeft: string;
|
|
318
|
+
paddingRight: string;
|
|
319
|
+
borderRadius: string;
|
|
320
|
+
'& .M4LDynamicFilter-classespopoverLabelMemuItem': {
|
|
321
|
+
color: string;
|
|
322
|
+
};
|
|
323
|
+
'& .M4LDynamicFilter-popoverMenuFieldsItem:hover': {
|
|
324
|
+
color: string;
|
|
325
|
+
background: string;
|
|
326
|
+
borderRadius: string;
|
|
327
|
+
padding: string;
|
|
328
|
+
boxShadow: string;
|
|
329
|
+
};
|
|
314
330
|
};
|
|
315
331
|
};
|
|
316
332
|
};
|
|
@@ -330,6 +346,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
330
346
|
gap: string;
|
|
331
347
|
widht: string;
|
|
332
348
|
minWidht: string;
|
|
349
|
+
height: string;
|
|
333
350
|
'& .M4LDynamicFilter-popoverFilterHeader': {
|
|
334
351
|
background: string;
|
|
335
352
|
display: string;
|
|
@@ -338,19 +355,26 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
338
355
|
borderRadius: string;
|
|
339
356
|
boxShadow: string;
|
|
340
357
|
borderBottom: string;
|
|
358
|
+
borderTop: string;
|
|
359
|
+
borderColor: string;
|
|
341
360
|
'& .MuiTypography-root': {
|
|
342
361
|
color: string;
|
|
343
362
|
};
|
|
344
363
|
};
|
|
345
364
|
'& .M4LDynamicFilter-popoverContainerFields': {
|
|
365
|
+
height: string;
|
|
346
366
|
"& .M4LDynamicFilter-containerStringFilter,\n & .M4LDynamicFilter-containerBooleanFilter,\n & .M4LDynamicFilter-containerNumberFilter,\n & .M4LDynamicFilter-containerDateTimeFilter\n ": {
|
|
367
|
+
[x: string]: string | {
|
|
368
|
+
gap: string;
|
|
369
|
+
};
|
|
347
370
|
display: string;
|
|
371
|
+
height: string;
|
|
348
372
|
flexDirection: string;
|
|
349
373
|
padding: string;
|
|
350
374
|
gap: string;
|
|
351
375
|
};
|
|
352
376
|
};
|
|
353
|
-
'& .M4LCommonActions-
|
|
377
|
+
'& .M4LCommonActions-root': {
|
|
354
378
|
display: string;
|
|
355
379
|
flexDirection: string;
|
|
356
380
|
gap: string;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Theme } from '@mui/material/styles';
|
|
2
|
+
export declare const M4LPager: (theme: Theme) => {
|
|
3
|
+
M4LPager: {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
'&.M4LPager-root': {
|
|
6
|
+
test: string;
|
|
7
|
+
'& .M4LPager-skeletonRoot': {
|
|
8
|
+
width: string;
|
|
9
|
+
display: string;
|
|
10
|
+
justifyContent: string;
|
|
11
|
+
alignItems: string;
|
|
12
|
+
marginLeft: string;
|
|
13
|
+
'& .M4LPager-skeletonRowsPerPage': {
|
|
14
|
+
display: string;
|
|
15
|
+
gridTemplateColumns: string;
|
|
16
|
+
gridGap: string;
|
|
17
|
+
marginRight: string;
|
|
18
|
+
};
|
|
19
|
+
'& .M4LPager-skeletonButtonContainer': {
|
|
20
|
+
display: string;
|
|
21
|
+
marginLeft: string;
|
|
22
|
+
'& .M4LPager-skeletonIconButton': {
|
|
23
|
+
display: string;
|
|
24
|
+
justifyContent: string;
|
|
25
|
+
alignItems: string;
|
|
26
|
+
width: string;
|
|
27
|
+
height: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -94,11 +94,12 @@ export declare const M4LSideBar: (theme: Theme) => {
|
|
|
94
94
|
borderRadius: string;
|
|
95
95
|
justifyContent: string;
|
|
96
96
|
flexDirection: string;
|
|
97
|
-
|
|
97
|
+
padding: string;
|
|
98
98
|
'& .M4LSideBar-navItemMainRoot': {
|
|
99
99
|
backgroundColor: string;
|
|
100
100
|
'&:hover': {
|
|
101
101
|
background: string;
|
|
102
|
+
cursor: string;
|
|
102
103
|
};
|
|
103
104
|
};
|
|
104
105
|
'&.M4LSideBar-itemMainActive': {
|
|
@@ -106,6 +107,7 @@ export declare const M4LSideBar: (theme: Theme) => {
|
|
|
106
107
|
background: string;
|
|
107
108
|
'&:hover': {
|
|
108
109
|
background: string;
|
|
110
|
+
cursor: string;
|
|
109
111
|
};
|
|
110
112
|
};
|
|
111
113
|
'& .M4LSideBar-navItemRootContent': {
|
|
@@ -164,22 +166,24 @@ export declare const M4LSideBar: (theme: Theme) => {
|
|
|
164
166
|
};
|
|
165
167
|
'& .M4LSideBar-navListSubItemRoot': {
|
|
166
168
|
'& .M4LSideBar-navSubItemContentRoot ': {
|
|
169
|
+
width: string;
|
|
170
|
+
height: string;
|
|
171
|
+
borderRadius: string;
|
|
172
|
+
gap: string;
|
|
167
173
|
'&.M4LSideBar-subItemCollapseActive': {
|
|
168
174
|
backgroundColor: string;
|
|
169
|
-
|
|
170
|
-
height: string;
|
|
175
|
+
gap: string;
|
|
171
176
|
};
|
|
172
177
|
'&.M4LSideBar-subItemActive': {
|
|
173
178
|
'& .M4LSideBar-navSubItemContentBullet': {
|
|
174
179
|
height: string;
|
|
175
180
|
borderRadius: string;
|
|
176
181
|
backgroundColor: string;
|
|
182
|
+
gap: string;
|
|
177
183
|
};
|
|
178
184
|
};
|
|
179
185
|
'&:hover': {
|
|
180
186
|
background: string;
|
|
181
|
-
width: string;
|
|
182
|
-
height: string;
|
|
183
187
|
};
|
|
184
188
|
};
|
|
185
189
|
'& .M4LSideBar-navSubItemContentRoot': {
|
|
@@ -342,11 +346,12 @@ export declare const M4LSideBar: (theme: Theme) => {
|
|
|
342
346
|
borderRadius: string;
|
|
343
347
|
justifyContent: string;
|
|
344
348
|
flexDirection: string;
|
|
345
|
-
|
|
349
|
+
padding: string;
|
|
346
350
|
'& .M4LSideBar-navItemMainRoot': {
|
|
347
351
|
backgroundColor: string;
|
|
348
352
|
'&:hover': {
|
|
349
353
|
background: string;
|
|
354
|
+
cursor: string;
|
|
350
355
|
};
|
|
351
356
|
};
|
|
352
357
|
'&.M4LSideBar-itemMainActive': {
|
|
@@ -354,6 +359,7 @@ export declare const M4LSideBar: (theme: Theme) => {
|
|
|
354
359
|
background: string;
|
|
355
360
|
'&:hover': {
|
|
356
361
|
background: string;
|
|
362
|
+
cursor: string;
|
|
357
363
|
};
|
|
358
364
|
};
|
|
359
365
|
'& .M4LSideBar-navItemRootContent': {
|
|
@@ -412,22 +418,24 @@ export declare const M4LSideBar: (theme: Theme) => {
|
|
|
412
418
|
};
|
|
413
419
|
'& .M4LSideBar-navListSubItemRoot': {
|
|
414
420
|
'& .M4LSideBar-navSubItemContentRoot ': {
|
|
421
|
+
width: string;
|
|
422
|
+
height: string;
|
|
423
|
+
borderRadius: string;
|
|
424
|
+
gap: string;
|
|
415
425
|
'&.M4LSideBar-subItemCollapseActive': {
|
|
416
426
|
backgroundColor: string;
|
|
417
|
-
|
|
418
|
-
height: string;
|
|
427
|
+
gap: string;
|
|
419
428
|
};
|
|
420
429
|
'&.M4LSideBar-subItemActive': {
|
|
421
430
|
'& .M4LSideBar-navSubItemContentBullet': {
|
|
422
431
|
height: string;
|
|
423
432
|
borderRadius: string;
|
|
424
433
|
backgroundColor: string;
|
|
434
|
+
gap: string;
|
|
425
435
|
};
|
|
426
436
|
};
|
|
427
437
|
'&:hover': {
|
|
428
438
|
background: string;
|
|
429
|
-
width: string;
|
|
430
|
-
height: string;
|
|
431
439
|
};
|
|
432
440
|
};
|
|
433
441
|
'& .M4LSideBar-navSubItemContentRoot': {
|
|
@@ -500,7 +508,7 @@ export declare const M4LSideBar: (theme: Theme) => {
|
|
|
500
508
|
styleOverrides: {
|
|
501
509
|
'&.M4LSideBar-popover': {
|
|
502
510
|
'& .M4LSideBar-navListSubItemRoot': {
|
|
503
|
-
'& .M4LSideBar-navSubItemContentRoot
|
|
511
|
+
'& .M4LSideBar-navSubItemContentRoot': {
|
|
504
512
|
gap: string;
|
|
505
513
|
margin: string;
|
|
506
514
|
padding: string;
|
|
@@ -533,8 +541,6 @@ export declare const M4LSideBar: (theme: Theme) => {
|
|
|
533
541
|
};
|
|
534
542
|
'&:hover': {
|
|
535
543
|
background: string;
|
|
536
|
-
width: string;
|
|
537
|
-
height: string;
|
|
538
544
|
};
|
|
539
545
|
};
|
|
540
546
|
};
|
|
@@ -614,7 +620,7 @@ export declare const M4LSideBar: (theme: Theme) => {
|
|
|
614
620
|
borderRadius: string;
|
|
615
621
|
justifyContent: string;
|
|
616
622
|
flexDirection: string;
|
|
617
|
-
|
|
623
|
+
padding: string;
|
|
618
624
|
'& .M4LSideBar-navItemMainRoot': {
|
|
619
625
|
backgroundColor: string;
|
|
620
626
|
'&:hover': {
|
|
@@ -3,8 +3,10 @@ export declare const M4LTab: (theme: Theme) => {
|
|
|
3
3
|
M4LTab: {
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
'&.M4LTab-root': {
|
|
6
|
+
width: string;
|
|
6
7
|
"& .MuiButtonBase-root": {
|
|
7
8
|
color: string;
|
|
9
|
+
lineHeight: string;
|
|
8
10
|
"& .M4LIcon-root": {
|
|
9
11
|
marginBottom: string;
|
|
10
12
|
};
|
|
@@ -27,10 +29,8 @@ export declare const M4LTab: (theme: Theme) => {
|
|
|
27
29
|
};
|
|
28
30
|
};
|
|
29
31
|
"& .Mui-selected": {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
borderColor: string;
|
|
33
|
-
boxShadow: string;
|
|
32
|
+
color: string;
|
|
33
|
+
lineHeight: string;
|
|
34
34
|
'&::before': {
|
|
35
35
|
content: string;
|
|
36
36
|
width: string;
|
|
@@ -40,6 +40,10 @@ export declare const M4LTab: (theme: Theme) => {
|
|
|
40
40
|
borderRadius: string;
|
|
41
41
|
position: string;
|
|
42
42
|
};
|
|
43
|
+
background: string;
|
|
44
|
+
border: string;
|
|
45
|
+
borderColor: string;
|
|
46
|
+
boxShadow: string;
|
|
43
47
|
};
|
|
44
48
|
};
|
|
45
49
|
};
|