@zesty-io/material 0.3.0 → 0.3.1
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/es/theme/index.js +73 -6
- package/package.json +1 -1
package/es/theme/index.js
CHANGED
|
@@ -18,7 +18,7 @@ theme = createTheme(theme, {
|
|
|
18
18
|
styleOverrides: {
|
|
19
19
|
root: {
|
|
20
20
|
borderBottom: 2,
|
|
21
|
-
borderColor: theme
|
|
21
|
+
borderColor: theme.palette.grey[100],
|
|
22
22
|
borderStyle: "solid",
|
|
23
23
|
},
|
|
24
24
|
},
|
|
@@ -41,7 +41,23 @@ theme = createTheme(theme, {
|
|
|
41
41
|
},
|
|
42
42
|
},
|
|
43
43
|
MuiButton: {
|
|
44
|
-
styleOverrides: {
|
|
44
|
+
styleOverrides: {
|
|
45
|
+
root: {
|
|
46
|
+
textTransform: 'none',
|
|
47
|
+
},
|
|
48
|
+
sizeSmall: {
|
|
49
|
+
fontSize: '14px',
|
|
50
|
+
},
|
|
51
|
+
outlined: {
|
|
52
|
+
borderColor: theme.palette.border,
|
|
53
|
+
},
|
|
54
|
+
containedInherit: {
|
|
55
|
+
backgroundColor: theme.palette.grey[100],
|
|
56
|
+
},
|
|
57
|
+
textInherit: {
|
|
58
|
+
color: theme.palette.text.secondary,
|
|
59
|
+
}
|
|
60
|
+
},
|
|
45
61
|
defaultProps: {
|
|
46
62
|
disableElevation: true,
|
|
47
63
|
},
|
|
@@ -71,11 +87,20 @@ theme = createTheme(theme, {
|
|
|
71
87
|
input: {
|
|
72
88
|
...theme.typography.body2,
|
|
73
89
|
'::placeholder': {
|
|
74
|
-
color: theme
|
|
90
|
+
color: theme.palette.text.disabled
|
|
75
91
|
}
|
|
76
92
|
}
|
|
77
93
|
}
|
|
78
94
|
},
|
|
95
|
+
MuiInputLabel: {
|
|
96
|
+
styleOverrides: {
|
|
97
|
+
root: {
|
|
98
|
+
...theme.typography.body2,
|
|
99
|
+
color: theme.palette.text.primary,
|
|
100
|
+
marginBottom: '4px',
|
|
101
|
+
},
|
|
102
|
+
},
|
|
103
|
+
},
|
|
79
104
|
MuiInputAdornment: {
|
|
80
105
|
styleOverrides: {
|
|
81
106
|
root: {
|
|
@@ -92,11 +117,28 @@ theme = createTheme(theme, {
|
|
|
92
117
|
}
|
|
93
118
|
}
|
|
94
119
|
},
|
|
120
|
+
MuiDialog: {
|
|
121
|
+
styleOverrides: {
|
|
122
|
+
paperWidthXs: {
|
|
123
|
+
width: '480px',
|
|
124
|
+
maxWidth: '480px',
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
},
|
|
95
128
|
MuiDialogTitle: {
|
|
96
129
|
styleOverrides: {
|
|
97
130
|
root: {
|
|
98
131
|
...theme.typography.h5,
|
|
99
132
|
fontWeight: 600,
|
|
133
|
+
padding: '20px',
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
MuiDialogContent: {
|
|
138
|
+
styleOverrides: {
|
|
139
|
+
root: {
|
|
140
|
+
padding: '20px',
|
|
141
|
+
paddingTop: 0,
|
|
100
142
|
}
|
|
101
143
|
}
|
|
102
144
|
},
|
|
@@ -107,6 +149,31 @@ theme = createTheme(theme, {
|
|
|
107
149
|
}
|
|
108
150
|
}
|
|
109
151
|
},
|
|
152
|
+
MuiDialogActions: {
|
|
153
|
+
styleOverrides: {
|
|
154
|
+
root: {
|
|
155
|
+
padding: '20px',
|
|
156
|
+
paddingTop: 0,
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
},
|
|
160
|
+
MuiBackdrop: {
|
|
161
|
+
styleOverrides: {
|
|
162
|
+
root: {
|
|
163
|
+
backgroundColor: alpha(theme.palette.grey[900], 0.5),
|
|
164
|
+
},
|
|
165
|
+
invisible: {
|
|
166
|
+
backgroundColor: 'transparent',
|
|
167
|
+
}
|
|
168
|
+
},
|
|
169
|
+
},
|
|
170
|
+
MuiMenu: {
|
|
171
|
+
styleOverrides: {
|
|
172
|
+
list: {
|
|
173
|
+
minWidth: '240px',
|
|
174
|
+
}
|
|
175
|
+
},
|
|
176
|
+
},
|
|
110
177
|
MuiTreeItem: {
|
|
111
178
|
styleOverrides: {
|
|
112
179
|
content: {
|
|
@@ -117,12 +184,12 @@ theme = createTheme(theme, {
|
|
|
117
184
|
borderRadius: 4,
|
|
118
185
|
width: "unset",
|
|
119
186
|
'&.Mui-selected': {
|
|
120
|
-
background: alpha(theme
|
|
187
|
+
background: alpha(theme.palette.primary.main, 0.04),
|
|
121
188
|
' .MuiTreeItem-label .MuiSvgIcon-root': {
|
|
122
|
-
color: theme
|
|
189
|
+
color: theme.palette.primary.main,
|
|
123
190
|
},
|
|
124
191
|
' .MuiTypography-root': {
|
|
125
|
-
color: theme
|
|
192
|
+
color: theme.palette.primary.dark,
|
|
126
193
|
}
|
|
127
194
|
}
|
|
128
195
|
},
|