@zesty-io/material 0.6.2 → 0.6.4

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.
Files changed (2) hide show
  1. package/es/theme/index.js +35 -12
  2. 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: '14px',
21
- minHeight: 'unset',
22
- textTransform: 'none',
20
+ padding: "8px",
21
+ margin: "8px",
22
+ borderRadius: "8px",
23
+ minHeight: "unset",
24
+ minWidth: "unset",
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
  },
@@ -92,9 +103,15 @@ theme = createTheme(theme, {
92
103
  padding: "0px 8px",
93
104
  borderRadius: "8px",
94
105
  backgroundColor: theme.palette.common.white,
95
- '&.Mui-disabled .MuiOutlinedInput-notchedOutline': {
106
+ "&.Mui-disabled .MuiOutlinedInput-notchedOutline": {
107
+ borderColor: theme.palette.border,
108
+ },
109
+ "&:hover .MuiOutlinedInput-notchedOutline": {
96
110
  borderColor: theme.palette.border,
97
111
  },
112
+ "&.Mui-focused:hover .MuiOutlinedInput-notchedOutline": {
113
+ borderColor: theme.palette.primary.main,
114
+ },
98
115
  },
99
116
  input: {
100
117
  padding: "10px 0px",
@@ -160,7 +177,7 @@ theme = createTheme(theme, {
160
177
  MuiDialog: {
161
178
  styleOverrides: {
162
179
  paper: {
163
- borderRadius: '8px',
180
+ borderRadius: "8px",
164
181
  },
165
182
  paperWidthXs: {
166
183
  width: "480px",
@@ -284,16 +301,19 @@ theme = createTheme(theme, {
284
301
  },
285
302
  cell: {
286
303
  borderColor: theme.palette.border,
287
- padding: '0 16px',
304
+ padding: "0 16px",
305
+ "&:focus": {
306
+ outline: "none",
307
+ },
288
308
  },
289
309
  columnHeaders: {
290
310
  borderColor: theme.palette.border,
291
311
  backgroundColor: theme.palette.grey[50],
292
312
  },
293
313
  columnHeader: {
294
- padding: '0 16px',
295
- '&:focus': {
296
- outline: 'unset',
314
+ padding: "0 16px",
315
+ "&:focus": {
316
+ outline: "none",
297
317
  },
298
318
  },
299
319
  columnHeaderTitle: {
@@ -347,20 +367,23 @@ theme = createTheme(theme, {
347
367
  root: {
348
368
  color: theme.palette.info.dark,
349
369
  textDecorationColor: theme.palette.info.main,
350
- '&:hover': {
370
+ "&:hover": {
351
371
  textDecorationColor: theme.palette.info.dark,
352
372
  },
353
373
  },
354
374
  },
375
+ defaultProps: {
376
+ underline: "hover",
377
+ },
355
378
  },
356
379
  MuiTooltip: {
357
380
  styleOverrides: {
358
381
  popper: {
359
- maxWidth: '240px',
382
+ maxWidth: "240px",
360
383
  },
361
384
  tooltip: {
362
385
  ...theme.typography.body3,
363
- }
386
+ },
364
387
  },
365
388
  },
366
389
  MuiTreeItem: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zesty-io/material",
3
- "version": "0.6.2",
3
+ "version": "0.6.4",
4
4
  "description": "Contains custom components which are in addition to the @mui design-system",
5
5
  "author": "Zesty.io",
6
6
  "license": "MIT",