@zesty-io/material 0.6.3 → 0.6.5
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 +22 -16
- package/es/theme/palette.d.ts +2 -0
- package/es/theme/palette.js +22 -10
- package/package.json +1 -1
package/es/theme/index.js
CHANGED
|
@@ -17,17 +17,17 @@ theme = createTheme(theme, {
|
|
|
17
17
|
MuiTab: {
|
|
18
18
|
styleOverrides: {
|
|
19
19
|
root: {
|
|
20
|
-
padding:
|
|
21
|
-
margin:
|
|
22
|
-
borderRadius:
|
|
23
|
-
minHeight:
|
|
24
|
-
minWidth:
|
|
25
|
-
textTransform:
|
|
26
|
-
|
|
20
|
+
padding: "8px",
|
|
21
|
+
margin: "8px",
|
|
22
|
+
borderRadius: "8px",
|
|
23
|
+
minHeight: "unset",
|
|
24
|
+
minWidth: "unset",
|
|
25
|
+
textTransform: "none",
|
|
26
|
+
"&:hover": {
|
|
27
27
|
backgroundColor: theme.palette.grey[100],
|
|
28
28
|
},
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
"&.Mui-selected": {
|
|
30
|
+
"&:hover": {
|
|
31
31
|
backgroundColor: theme.palette.deepOrange[50],
|
|
32
32
|
},
|
|
33
33
|
},
|
|
@@ -103,12 +103,15 @@ theme = createTheme(theme, {
|
|
|
103
103
|
padding: "0px 8px",
|
|
104
104
|
borderRadius: "8px",
|
|
105
105
|
backgroundColor: theme.palette.common.white,
|
|
106
|
-
|
|
106
|
+
"&.Mui-disabled .MuiOutlinedInput-notchedOutline": {
|
|
107
107
|
borderColor: theme.palette.border,
|
|
108
108
|
},
|
|
109
|
-
|
|
109
|
+
"&:hover .MuiOutlinedInput-notchedOutline": {
|
|
110
110
|
borderColor: theme.palette.border,
|
|
111
111
|
},
|
|
112
|
+
"&.Mui-focused:hover .MuiOutlinedInput-notchedOutline": {
|
|
113
|
+
borderColor: theme.palette.primary.main,
|
|
114
|
+
},
|
|
112
115
|
},
|
|
113
116
|
input: {
|
|
114
117
|
padding: "10px 0px",
|
|
@@ -174,7 +177,7 @@ theme = createTheme(theme, {
|
|
|
174
177
|
MuiDialog: {
|
|
175
178
|
styleOverrides: {
|
|
176
179
|
paper: {
|
|
177
|
-
borderRadius:
|
|
180
|
+
borderRadius: "8px",
|
|
178
181
|
},
|
|
179
182
|
paperWidthXs: {
|
|
180
183
|
width: "480px",
|
|
@@ -298,16 +301,19 @@ theme = createTheme(theme, {
|
|
|
298
301
|
},
|
|
299
302
|
cell: {
|
|
300
303
|
borderColor: theme.palette.border,
|
|
301
|
-
padding:
|
|
304
|
+
padding: "0 16px",
|
|
305
|
+
"&:focus": {
|
|
306
|
+
outline: "none",
|
|
307
|
+
},
|
|
302
308
|
},
|
|
303
309
|
columnHeaders: {
|
|
304
310
|
borderColor: theme.palette.border,
|
|
305
311
|
backgroundColor: theme.palette.grey[50],
|
|
306
312
|
},
|
|
307
313
|
columnHeader: {
|
|
308
|
-
padding:
|
|
309
|
-
|
|
310
|
-
outline:
|
|
314
|
+
padding: "0 16px",
|
|
315
|
+
"&:focus": {
|
|
316
|
+
outline: "none",
|
|
311
317
|
},
|
|
312
318
|
},
|
|
313
319
|
columnHeaderTitle: {
|
package/es/theme/palette.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ declare module '@mui/material/styles' {
|
|
|
9
9
|
blue: Color;
|
|
10
10
|
green: Color;
|
|
11
11
|
purple: Color;
|
|
12
|
+
yellow: Color;
|
|
12
13
|
}
|
|
13
14
|
interface PaletteOptions {
|
|
14
15
|
red?: Partial<Color>;
|
|
@@ -18,6 +19,7 @@ declare module '@mui/material/styles' {
|
|
|
18
19
|
blue?: Partial<Color>;
|
|
19
20
|
green?: Partial<Color>;
|
|
20
21
|
purple?: Partial<Color>;
|
|
22
|
+
yellow?: Partial<Color>;
|
|
21
23
|
border?: string;
|
|
22
24
|
}
|
|
23
25
|
}
|
package/es/theme/palette.js
CHANGED
|
@@ -115,16 +115,28 @@ const palette = {
|
|
|
115
115
|
900: '#054F31',
|
|
116
116
|
},
|
|
117
117
|
purple: {
|
|
118
|
-
50: '#
|
|
119
|
-
100: '#
|
|
120
|
-
200: '#
|
|
121
|
-
300: '#
|
|
122
|
-
400: '#
|
|
123
|
-
500: '#
|
|
124
|
-
600: '#
|
|
125
|
-
700: '#
|
|
126
|
-
800: '#
|
|
127
|
-
900: '#
|
|
118
|
+
50: '#F4F3FF',
|
|
119
|
+
100: '#EBE9FE',
|
|
120
|
+
200: '#D9D6FE',
|
|
121
|
+
300: '#BDB4FE',
|
|
122
|
+
400: '#9B8AFB',
|
|
123
|
+
500: '#7A5AF8',
|
|
124
|
+
600: '#6938EF',
|
|
125
|
+
700: '#5925DC',
|
|
126
|
+
800: '#4A1FB8',
|
|
127
|
+
900: '#3E1C96',
|
|
128
|
+
},
|
|
129
|
+
yellow: {
|
|
130
|
+
50: '#FFFCF5',
|
|
131
|
+
100: '#FEF0C7',
|
|
132
|
+
200: '#FEDF89',
|
|
133
|
+
300: '#FEC84B',
|
|
134
|
+
400: '#FDB022',
|
|
135
|
+
500: '#F79009',
|
|
136
|
+
600: '#DC6803',
|
|
137
|
+
700: '#B54708',
|
|
138
|
+
800: '#93370D',
|
|
139
|
+
900: '#7A2E0E',
|
|
128
140
|
},
|
|
129
141
|
border: "#F2F4F7",
|
|
130
142
|
action: {
|