@zesty-io/material 0.6.0 → 0.6.2
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 +43 -2
- package/es/theme/palette.d.ts +9 -0
- package/package.json +1 -1
package/es/theme/index.js
CHANGED
|
@@ -91,6 +91,10 @@ theme = createTheme(theme, {
|
|
|
91
91
|
root: {
|
|
92
92
|
padding: "0px 8px",
|
|
93
93
|
borderRadius: "8px",
|
|
94
|
+
backgroundColor: theme.palette.common.white,
|
|
95
|
+
'&.Mui-disabled .MuiOutlinedInput-notchedOutline': {
|
|
96
|
+
borderColor: theme.palette.border,
|
|
97
|
+
},
|
|
94
98
|
},
|
|
95
99
|
input: {
|
|
96
100
|
padding: "10px 0px",
|
|
@@ -104,8 +108,15 @@ theme = createTheme(theme, {
|
|
|
104
108
|
},
|
|
105
109
|
},
|
|
106
110
|
notchedOutline: {
|
|
107
|
-
|
|
108
|
-
|
|
111
|
+
borderColor: theme.palette.border,
|
|
112
|
+
},
|
|
113
|
+
},
|
|
114
|
+
},
|
|
115
|
+
MuiFormHelperText: {
|
|
116
|
+
styleOverrides: {
|
|
117
|
+
root: {
|
|
118
|
+
...theme.typography.body2,
|
|
119
|
+
margin: "4px 0px 0px 0px",
|
|
109
120
|
},
|
|
110
121
|
},
|
|
111
122
|
},
|
|
@@ -115,6 +126,7 @@ theme = createTheme(theme, {
|
|
|
115
126
|
...theme.typography.body2,
|
|
116
127
|
"::placeholder": {
|
|
117
128
|
color: theme.palette.text.disabled,
|
|
129
|
+
opacity: 1,
|
|
118
130
|
},
|
|
119
131
|
},
|
|
120
132
|
},
|
|
@@ -147,6 +159,9 @@ theme = createTheme(theme, {
|
|
|
147
159
|
},
|
|
148
160
|
MuiDialog: {
|
|
149
161
|
styleOverrides: {
|
|
162
|
+
paper: {
|
|
163
|
+
borderRadius: '8px',
|
|
164
|
+
},
|
|
150
165
|
paperWidthXs: {
|
|
151
166
|
width: "480px",
|
|
152
167
|
maxWidth: "480px",
|
|
@@ -247,6 +262,18 @@ theme = createTheme(theme, {
|
|
|
247
262
|
color: theme.palette.common.black,
|
|
248
263
|
},
|
|
249
264
|
},
|
|
265
|
+
standardInfo: {
|
|
266
|
+
backgroundColor: alpha(theme.palette.blue[500], 0.1),
|
|
267
|
+
" .MuiAlert-icon": {
|
|
268
|
+
color: theme.palette.info.main,
|
|
269
|
+
},
|
|
270
|
+
},
|
|
271
|
+
standardError: {
|
|
272
|
+
backgroundColor: alpha(theme.palette.error.main, 0.1),
|
|
273
|
+
" .MuiAlert-icon": {
|
|
274
|
+
color: theme.palette.error.main,
|
|
275
|
+
},
|
|
276
|
+
},
|
|
250
277
|
},
|
|
251
278
|
},
|
|
252
279
|
MuiDataGrid: {
|
|
@@ -257,9 +284,23 @@ theme = createTheme(theme, {
|
|
|
257
284
|
},
|
|
258
285
|
cell: {
|
|
259
286
|
borderColor: theme.palette.border,
|
|
287
|
+
padding: '0 16px',
|
|
260
288
|
},
|
|
261
289
|
columnHeaders: {
|
|
262
290
|
borderColor: theme.palette.border,
|
|
291
|
+
backgroundColor: theme.palette.grey[50],
|
|
292
|
+
},
|
|
293
|
+
columnHeader: {
|
|
294
|
+
padding: '0 16px',
|
|
295
|
+
'&:focus': {
|
|
296
|
+
outline: 'unset',
|
|
297
|
+
},
|
|
298
|
+
},
|
|
299
|
+
columnHeaderTitle: {
|
|
300
|
+
fontWeight: 600,
|
|
301
|
+
},
|
|
302
|
+
columnSeparator: {
|
|
303
|
+
visibility: "hidden",
|
|
263
304
|
},
|
|
264
305
|
},
|
|
265
306
|
},
|
package/es/theme/palette.d.ts
CHANGED
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
import { Color } from '@mui/material';
|
|
2
2
|
import { PaletteOptions } from '@mui/material/styles';
|
|
3
3
|
declare module '@mui/material/styles' {
|
|
4
|
+
interface Palette {
|
|
5
|
+
red: Color;
|
|
6
|
+
deepPurple: Color;
|
|
7
|
+
deepOrange: Color;
|
|
8
|
+
pink: Color;
|
|
9
|
+
blue: Color;
|
|
10
|
+
green: Color;
|
|
11
|
+
purple: Color;
|
|
12
|
+
}
|
|
4
13
|
interface PaletteOptions {
|
|
5
14
|
red?: Partial<Color>;
|
|
6
15
|
deepPurple?: Partial<Color>;
|