@m4l/styles 0.0.16 → 0.0.18
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 +2 -1
- package/theme/{defaultThemeOptions.364b28b6.js → defaultThemeOptions.d67fe64c.js} +7 -7
- package/theme/index.efa44d2d.js +7 -0
- package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +53 -0
- package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +42 -4
- package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +77 -96
- package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +206 -59
- package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +1960 -37
- package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +10 -0
- package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +10 -15
- package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +5 -1
- package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +9 -10
- package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +7 -6
- package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +927 -0
- package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +42 -0
- package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +146 -0
- package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +10 -0
- package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +13 -0
- package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +5 -0
- package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +47 -0
- package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +26 -0
- package/theme/overrides/M4LExtendedComponents/M4LinearProgressIndeterminate.d.ts +56 -0
- package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +8 -3
- package/theme/overrides/M4LExtendedComponents/{index.9d7c79cc.js → index.bd713d88.js} +1198 -226
- package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +1 -0
- package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.d.ts +0 -1
- package/theme/overrides/M4LRHFComponents/M4LRHFPeriod.d.ts +10 -0
- package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +16 -0
- package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +172 -0
- package/theme/overrides/M4LRHFComponents/{index.b7f8e30c.js → index.1406e2ed.js} +209 -11
- package/theme/overrides/MUIComponents/Tabs.d.ts +23 -3
- package/theme/overrides/MUIComponents/{index.56660771.js → index.e3d060c3.js} +47 -27
- package/theme/overrides/index.6b7aec0f.js +90 -0
- package/theme/{palette.4b477f9b.js → palette.95c4f9c8.js} +17 -17
- package/theme/palette.d.ts +4 -4
- package/theme/{shadows.b2f38616.js → shadows.354bbb03.js} +1 -1
- package/theme/{typography.1db0276b.js → typography.61f909b7.js} +4 -4
- package/types/augmentations.d.ts +3 -1
- package/utils/{getColorPresets.f3113d85.js → getColorPresets.d73f30ad.js} +1 -1
- package/utils/getColorState.bde51cf7.js +159 -0
- package/utils/getColorState.d.ts +2 -0
- package/theme/index.cd1bedc8.js +0 -7
- package/theme/overrides/index.ff2a1a5a.js +0 -78
- package/utils/getColorState.456150fd.js +0 -136
|
@@ -3,9 +3,6 @@ export declare const M4LButton: (theme: Theme) => {
|
|
|
3
3
|
M4LButton: {
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
'&.M4LButton-root': {
|
|
6
|
-
width: string;
|
|
7
|
-
display: string;
|
|
8
|
-
justifyContent: string;
|
|
9
6
|
'& .M4LButton-skeleton ': {
|
|
10
7
|
height: string;
|
|
11
8
|
borderRadius: string;
|
|
@@ -77,18 +74,20 @@ export declare const M4LButton: (theme: Theme) => {
|
|
|
77
74
|
};
|
|
78
75
|
};
|
|
79
76
|
'&.M4LButton-sizeSmall': {
|
|
80
|
-
height: string;
|
|
81
77
|
'& .MuiButtonBase-root': {
|
|
82
78
|
padding: string;
|
|
79
|
+
height: string;
|
|
80
|
+
minHeight: string;
|
|
83
81
|
};
|
|
84
82
|
'&.M4LButton-skeleton': {
|
|
85
83
|
height: string;
|
|
86
84
|
};
|
|
87
85
|
};
|
|
88
86
|
'&.M4LButton-sizeMedium': {
|
|
89
|
-
height: string;
|
|
90
87
|
'& .MuiButtonBase-root': {
|
|
91
88
|
padding: string;
|
|
89
|
+
height: string;
|
|
90
|
+
minHeight: string;
|
|
92
91
|
};
|
|
93
92
|
'&.M4LButton-skeleton': {
|
|
94
93
|
height: string;
|
|
@@ -97,11 +96,11 @@ export declare const M4LButton: (theme: Theme) => {
|
|
|
97
96
|
'&.M4LButton-variantContained': {
|
|
98
97
|
'& .MuiButtonBase-root': {
|
|
99
98
|
backgroundColor: string;
|
|
100
|
-
color: string;
|
|
101
|
-
boxShadow: string;
|
|
99
|
+
color: string | undefined;
|
|
100
|
+
boxShadow: string | undefined;
|
|
102
101
|
position: string;
|
|
103
102
|
'& .M4LIcon-icon': {
|
|
104
|
-
backgroundColor: string;
|
|
103
|
+
backgroundColor: string | undefined;
|
|
105
104
|
};
|
|
106
105
|
'&:hover': {
|
|
107
106
|
backgroundColor: string;
|
|
@@ -110,13 +109,6 @@ export declare const M4LButton: (theme: Theme) => {
|
|
|
110
109
|
backgroundColor: string | undefined;
|
|
111
110
|
};
|
|
112
111
|
};
|
|
113
|
-
'&:active': {
|
|
114
|
-
backgroundColor: string;
|
|
115
|
-
color: string | undefined;
|
|
116
|
-
'& .M4LIcon-icon': {
|
|
117
|
-
backgroundColor: string | undefined;
|
|
118
|
-
};
|
|
119
|
-
};
|
|
120
112
|
'&.Mui-focusVisible': {
|
|
121
113
|
backgroundColor: string;
|
|
122
114
|
color: string | undefined;
|
|
@@ -198,6 +190,9 @@ export declare const M4LButton: (theme: Theme) => {
|
|
|
198
190
|
};
|
|
199
191
|
};
|
|
200
192
|
};
|
|
193
|
+
width: string;
|
|
194
|
+
display: string;
|
|
195
|
+
justifyContent: string;
|
|
201
196
|
};
|
|
202
197
|
};
|
|
203
198
|
};
|
|
@@ -3,7 +3,11 @@ export declare const M4LCommonActions: (_theme: Theme) => {
|
|
|
3
3
|
M4LCommonActions: {
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
'&.M4LCommonActions-root': {
|
|
6
|
-
|
|
6
|
+
padding: string;
|
|
7
|
+
display: string;
|
|
8
|
+
gap: string;
|
|
9
|
+
justifyContent: string;
|
|
10
|
+
width: string;
|
|
7
11
|
};
|
|
8
12
|
};
|
|
9
13
|
};
|
|
@@ -9,7 +9,6 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
9
9
|
padding: string;
|
|
10
10
|
border: string;
|
|
11
11
|
borderColor: string;
|
|
12
|
-
overflow: string;
|
|
13
12
|
'& .M4LDynamicFilter-containerFistRow': {
|
|
14
13
|
height: string;
|
|
15
14
|
width: string;
|
|
@@ -44,12 +43,14 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
44
43
|
padding: string;
|
|
45
44
|
width: string;
|
|
46
45
|
height: string;
|
|
47
|
-
|
|
46
|
+
borderRadius: string;
|
|
48
47
|
border: string;
|
|
48
|
+
borderColor: string;
|
|
49
49
|
background: string;
|
|
50
50
|
};
|
|
51
51
|
'& input:focus-visible': {
|
|
52
52
|
border: string;
|
|
53
|
+
borderColor: string;
|
|
53
54
|
background: string;
|
|
54
55
|
BorderRadius: string;
|
|
55
56
|
outline: string;
|
|
@@ -85,16 +86,12 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
85
86
|
styleOverrides: {
|
|
86
87
|
'&.M4LDynamicFilter-popoverMenuFields': {
|
|
87
88
|
'& .M4LDynamicFilter-popoverMenuFieldsPaper': {
|
|
88
|
-
padding: string;
|
|
89
|
-
gap: string;
|
|
90
89
|
'& .M4LDynamicFilter-classespopoverLabelMemuItem': {
|
|
91
90
|
color: string;
|
|
92
|
-
borderRadius: string;
|
|
93
91
|
};
|
|
94
92
|
'& .M4LDynamicFilter-popoverMenuFieldsItem:hover': {
|
|
95
93
|
color: string;
|
|
96
94
|
background: string;
|
|
97
|
-
borderRadius: string;
|
|
98
95
|
};
|
|
99
96
|
};
|
|
100
97
|
};
|
|
@@ -103,14 +100,17 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
103
100
|
M4LDynamicFilterPopoverFilter: {
|
|
104
101
|
styleOverrides: {
|
|
105
102
|
'&.M4LDynamicFilter-popoverFilter': {
|
|
103
|
+
width: string;
|
|
106
104
|
'& .M4LDynamicFilter-popoverFilterPaper': {
|
|
107
105
|
padding: string;
|
|
106
|
+
width: string;
|
|
108
107
|
"& .M4LPopover-arrowStyle": {
|
|
109
108
|
background: string;
|
|
110
109
|
};
|
|
111
|
-
'& .
|
|
110
|
+
'& .M4LRHFormProvider-root': {
|
|
112
111
|
gap: string;
|
|
113
|
-
|
|
112
|
+
widht: string;
|
|
113
|
+
minWidht: string;
|
|
114
114
|
'& .M4LDynamicFilter-popoverFilterHeader': {
|
|
115
115
|
background: string;
|
|
116
116
|
display: string;
|
|
@@ -131,12 +131,11 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
|
|
|
131
131
|
gap: string;
|
|
132
132
|
};
|
|
133
133
|
};
|
|
134
|
-
'& .M4LCommonActions-
|
|
134
|
+
'& .M4LCommonActions-wrapperActions': {
|
|
135
135
|
display: string;
|
|
136
136
|
flexDirection: string;
|
|
137
137
|
gap: string;
|
|
138
138
|
padding: string;
|
|
139
|
-
margin: string;
|
|
140
139
|
'.M4LButton-root': {
|
|
141
140
|
width: string;
|
|
142
141
|
};
|
|
@@ -18,14 +18,15 @@ export declare const M4LMasterDetailLayout: (theme: Theme) => {
|
|
|
18
18
|
borderRadius: string;
|
|
19
19
|
overFlow: string;
|
|
20
20
|
};
|
|
21
|
-
"& .
|
|
22
|
-
|
|
23
|
-
border: string;
|
|
24
|
-
borderColor: string;
|
|
21
|
+
"& .M4LSplitLayout-secondPart": {
|
|
22
|
+
background: string;
|
|
25
23
|
borderRadius: string;
|
|
24
|
+
padding: string;
|
|
26
25
|
};
|
|
27
|
-
"
|
|
28
|
-
|
|
26
|
+
"& .layout-pane-primary": {
|
|
27
|
+
background: string;
|
|
28
|
+
borderRadius: string;
|
|
29
|
+
padding: string;
|
|
29
30
|
};
|
|
30
31
|
};
|
|
31
32
|
};
|