@zesty-io/material 0.6.1 → 0.6.3
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 +36 -5
- package/es/theme/palette.d.ts +9 -0
- package/package.json +1 -1
package/es/theme/index.js
CHANGED
|
@@ -17,9 +17,20 @@ theme = createTheme(theme, {
|
|
|
17
17
|
MuiTab: {
|
|
18
18
|
styleOverrides: {
|
|
19
19
|
root: {
|
|
20
|
-
padding: '
|
|
20
|
+
padding: '8px',
|
|
21
|
+
margin: '8px',
|
|
22
|
+
borderRadius: '8px',
|
|
21
23
|
minHeight: 'unset',
|
|
24
|
+
minWidth: 'unset',
|
|
22
25
|
textTransform: 'none',
|
|
26
|
+
'&:hover': {
|
|
27
|
+
backgroundColor: theme.palette.grey[100],
|
|
28
|
+
},
|
|
29
|
+
'&.Mui-selected': {
|
|
30
|
+
'&:hover': {
|
|
31
|
+
backgroundColor: theme.palette.deepOrange[50],
|
|
32
|
+
},
|
|
33
|
+
},
|
|
23
34
|
},
|
|
24
35
|
},
|
|
25
36
|
},
|
|
@@ -95,6 +106,9 @@ theme = createTheme(theme, {
|
|
|
95
106
|
'&.Mui-disabled .MuiOutlinedInput-notchedOutline': {
|
|
96
107
|
borderColor: theme.palette.border,
|
|
97
108
|
},
|
|
109
|
+
'&:hover .MuiOutlinedInput-notchedOutline': {
|
|
110
|
+
borderColor: theme.palette.border,
|
|
111
|
+
},
|
|
98
112
|
},
|
|
99
113
|
input: {
|
|
100
114
|
padding: "10px 0px",
|
|
@@ -112,12 +126,21 @@ theme = createTheme(theme, {
|
|
|
112
126
|
},
|
|
113
127
|
},
|
|
114
128
|
},
|
|
129
|
+
MuiFormHelperText: {
|
|
130
|
+
styleOverrides: {
|
|
131
|
+
root: {
|
|
132
|
+
...theme.typography.body2,
|
|
133
|
+
margin: "4px 0px 0px 0px",
|
|
134
|
+
},
|
|
135
|
+
},
|
|
136
|
+
},
|
|
115
137
|
MuiInputBase: {
|
|
116
138
|
styleOverrides: {
|
|
117
139
|
input: {
|
|
118
140
|
...theme.typography.body2,
|
|
119
141
|
"::placeholder": {
|
|
120
142
|
color: theme.palette.text.disabled,
|
|
143
|
+
opacity: 1,
|
|
121
144
|
},
|
|
122
145
|
},
|
|
123
146
|
},
|
|
@@ -150,6 +173,9 @@ theme = createTheme(theme, {
|
|
|
150
173
|
},
|
|
151
174
|
MuiDialog: {
|
|
152
175
|
styleOverrides: {
|
|
176
|
+
paper: {
|
|
177
|
+
borderRadius: '8px',
|
|
178
|
+
},
|
|
153
179
|
paperWidthXs: {
|
|
154
180
|
width: "480px",
|
|
155
181
|
maxWidth: "480px",
|
|
@@ -251,7 +277,7 @@ theme = createTheme(theme, {
|
|
|
251
277
|
},
|
|
252
278
|
},
|
|
253
279
|
standardInfo: {
|
|
254
|
-
backgroundColor: alpha(theme.palette.
|
|
280
|
+
backgroundColor: alpha(theme.palette.blue[500], 0.1),
|
|
255
281
|
" .MuiAlert-icon": {
|
|
256
282
|
color: theme.palette.info.main,
|
|
257
283
|
},
|
|
@@ -272,12 +298,14 @@ theme = createTheme(theme, {
|
|
|
272
298
|
},
|
|
273
299
|
cell: {
|
|
274
300
|
borderColor: theme.palette.border,
|
|
301
|
+
padding: '0 16px',
|
|
275
302
|
},
|
|
276
303
|
columnHeaders: {
|
|
277
304
|
borderColor: theme.palette.border,
|
|
278
305
|
backgroundColor: theme.palette.grey[50],
|
|
279
306
|
},
|
|
280
307
|
columnHeader: {
|
|
308
|
+
padding: '0 16px',
|
|
281
309
|
'&:focus': {
|
|
282
310
|
outline: 'unset',
|
|
283
311
|
},
|
|
@@ -333,20 +361,23 @@ theme = createTheme(theme, {
|
|
|
333
361
|
root: {
|
|
334
362
|
color: theme.palette.info.dark,
|
|
335
363
|
textDecorationColor: theme.palette.info.main,
|
|
336
|
-
|
|
364
|
+
"&:hover": {
|
|
337
365
|
textDecorationColor: theme.palette.info.dark,
|
|
338
366
|
},
|
|
339
367
|
},
|
|
340
368
|
},
|
|
369
|
+
defaultProps: {
|
|
370
|
+
underline: "hover",
|
|
371
|
+
},
|
|
341
372
|
},
|
|
342
373
|
MuiTooltip: {
|
|
343
374
|
styleOverrides: {
|
|
344
375
|
popper: {
|
|
345
|
-
maxWidth:
|
|
376
|
+
maxWidth: "240px",
|
|
346
377
|
},
|
|
347
378
|
tooltip: {
|
|
348
379
|
...theme.typography.body3,
|
|
349
|
-
}
|
|
380
|
+
},
|
|
350
381
|
},
|
|
351
382
|
},
|
|
352
383
|
MuiTreeItem: {
|
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>;
|