@superdispatch/ui 0.24.2 → 0.24.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 (8) hide show
  1. package/dist-node/index.js +45 -22
  2. package/dist-node/index.js.map +1 -1
  3. package/dist-src/link/LinkOverrides.js +31 -16
  4. package/dist-src/text-field/TextFieldOverrides.js +13 -5
  5. package/dist-src/theme/ThemeProvider.js +1 -1
  6. package/dist-web/index.js +45 -22
  7. package/dist-web/index.js.map +1 -1
  8. package/package.json +1 -1
package/dist-src/link/LinkOverrides.js CHANGED
@@ -6,7 +6,7 @@ function line(color) {
6
6
 
7
7
  export function overrideLink(theme) {
8
8
  theme.props.MuiLink = {
9
- underline: 'none',
9
+ underline: 'always',
10
10
  color: 'textPrimary'
11
11
  };
12
12
  theme.overrides.MuiLink = {
@@ -18,30 +18,45 @@ export function overrideLink(theme) {
18
18
  '&:focus': {
19
19
  outline: 'none'
20
20
  },
21
- '&:hover, &:active': {
22
- backgroundImage: line('currentColor')
23
- },
24
- '&.MuiTypography-colorTextPrimary': {
21
+ '&:disabled': {
22
+ color: Color.Dark100,
25
23
  backgroundImage: line(Color.Silver500),
26
24
  '&:focus, &:hover, &:active': {
27
- color: Color.Blue500,
28
- backgroundImage: line(Color.Blue500)
25
+ color: Color.Dark100,
26
+ backgroundImage: line(Color.Silver500)
29
27
  }
30
28
  },
31
- '&.MuiTypography-colorError': {
32
- color: Color.Red500,
29
+ '&.MuiLink-underlineAlways': {
30
+ textDecoration: 'none',
33
31
  backgroundImage: line(Color.Silver500),
32
+ '&:hover, &:active': {
33
+ backgroundImage: line('currentColor')
34
+ }
35
+ },
36
+ '&.MuiLink-underlineHover': {
37
+ backgroundImage: 'none',
38
+ '&:hover, &:active': {
39
+ textDecoration: 'none',
40
+ backgroundImage: line('currentColor')
41
+ }
42
+ },
43
+ '&.MuiLink-underlineNone': {
44
+ backgroundImage: 'none',
34
45
  '&:focus, &:hover, &:active': {
35
- color: Color.Red500,
36
- backgroundImage: line(Color.Red500)
46
+ backgroundImage: 'none'
37
47
  }
38
48
  },
39
- '&.MuiTypography-colorTextSecondary': {
40
- color: Color.Dark100,
41
- backgroundImage: line(Color.Silver500),
49
+ '&.MuiTypography-colorPrimary': {
50
+ backgroundImage: 'none',
51
+ '&:hover, &:active': {
52
+ textDecoration: 'none',
53
+ backgroundImage: line('currentColor')
54
+ }
55
+ },
56
+ '&.MuiTypography-colorTextPrimary, &.MuiTypography-colorTextSecondary': {
42
57
  '&:focus, &:hover, &:active': {
43
- color: Color.Dark100,
44
- backgroundImage: line(Color.Silver500)
58
+ color: Color.Blue500,
59
+ backgroundImage: line(Color.Blue500)
45
60
  }
46
61
  }
47
62
  },
package/dist-src/text-field/TextFieldOverrides.js CHANGED
@@ -23,7 +23,10 @@ export function overrideTextField(theme) {
23
23
  root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
24
24
  color: Color.Dark500,
25
25
  '&.MuiFormLabel-root': {
26
- fontSize: theme.spacing(1.75)
26
+ fontSize: theme.spacing(2),
27
+ [sm]: {
28
+ fontSize: theme.spacing(1.75)
29
+ }
27
30
  },
28
31
  '&$error': {
29
32
  color: undefined
@@ -68,10 +71,12 @@ export function overrideTextField(theme) {
68
71
  input: {
69
72
  textOverflow: 'ellipsis',
70
73
  '&.MuiInputBase-input': {
71
- fontSize: theme.spacing(1.75),
72
- padding: theme.spacing(0.75, 1)
74
+ fontSize: theme.spacing(2),
75
+ [sm]: {
76
+ fontSize: theme.spacing(1.75)
77
+ }
73
78
  },
74
- height: theme.spacing(2.5),
79
+ height: theme.spacing(3),
75
80
  [sm]: {
76
81
  height: theme.spacing(2.5)
77
82
  }
@@ -210,7 +215,10 @@ export function overrideTextField(theme) {
210
215
  color: Color.Red500
211
216
  },
212
217
  '&.MuiFormHelperText-root': {
213
- fontSize: theme.spacing(1.75)
218
+ fontSize: theme.spacing(2),
219
+ [sm]: {
220
+ fontSize: theme.spacing(1.75)
221
+ }
214
222
  }
215
223
  }),
216
224
  contained: {
package/dist-src/theme/ThemeProvider.js CHANGED
@@ -51,7 +51,7 @@ function createSuperDispatchTheme() {
51
51
  },
52
52
  text: {
53
53
  primary: Color.Dark500,
54
- secondary: Color.Dark200,
54
+ secondary: Color.Dark300,
55
55
  hint: Color.Dark100,
56
56
  disabled: Color.Dark100
57
57
  },
package/dist-web/index.js CHANGED
@@ -3032,7 +3032,7 @@ function line(color) {
3032
3032
 
3033
3033
  function overrideLink(theme) {
3034
3034
  theme.props.MuiLink = {
3035
- underline: 'none',
3035
+ underline: 'always',
3036
3036
  color: 'textPrimary'
3037
3037
  };
3038
3038
  theme.overrides.MuiLink = {
@@ -3044,30 +3044,45 @@ function overrideLink(theme) {
3044
3044
  '&:focus': {
3045
3045
  outline: 'none'
3046
3046
  },
3047
- '&:hover, &:active': {
3048
- backgroundImage: line('currentColor')
3049
- },
3050
- '&.MuiTypography-colorTextPrimary': {
3047
+ '&:disabled': {
3048
+ color: Color.Dark100,
3051
3049
  backgroundImage: line(Color.Silver500),
3052
3050
  '&:focus, &:hover, &:active': {
3053
- color: Color.Blue500,
3054
- backgroundImage: line(Color.Blue500)
3051
+ color: Color.Dark100,
3052
+ backgroundImage: line(Color.Silver500)
3055
3053
  }
3056
3054
  },
3057
- '&.MuiTypography-colorError': {
3058
- color: Color.Red500,
3055
+ '&.MuiLink-underlineAlways': {
3056
+ textDecoration: 'none',
3059
3057
  backgroundImage: line(Color.Silver500),
3058
+ '&:hover, &:active': {
3059
+ backgroundImage: line('currentColor')
3060
+ }
3061
+ },
3062
+ '&.MuiLink-underlineHover': {
3063
+ backgroundImage: 'none',
3064
+ '&:hover, &:active': {
3065
+ textDecoration: 'none',
3066
+ backgroundImage: line('currentColor')
3067
+ }
3068
+ },
3069
+ '&.MuiLink-underlineNone': {
3070
+ backgroundImage: 'none',
3060
3071
  '&:focus, &:hover, &:active': {
3061
- color: Color.Red500,
3062
- backgroundImage: line(Color.Red500)
3072
+ backgroundImage: 'none'
3063
3073
  }
3064
3074
  },
3065
- '&.MuiTypography-colorTextSecondary': {
3066
- color: Color.Dark100,
3067
- backgroundImage: line(Color.Silver500),
3075
+ '&.MuiTypography-colorPrimary': {
3076
+ backgroundImage: 'none',
3077
+ '&:hover, &:active': {
3078
+ textDecoration: 'none',
3079
+ backgroundImage: line('currentColor')
3080
+ }
3081
+ },
3082
+ '&.MuiTypography-colorTextPrimary, &.MuiTypography-colorTextSecondary': {
3068
3083
  '&:focus, &:hover, &:active': {
3069
- color: Color.Dark100,
3070
- backgroundImage: line(Color.Silver500)
3084
+ color: Color.Blue500,
3085
+ backgroundImage: line(Color.Blue500)
3071
3086
  }
3072
3087
  }
3073
3088
  },
@@ -3418,7 +3433,10 @@ function overrideTextField(theme) {
3418
3433
  root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
3419
3434
  color: Color.Dark500,
3420
3435
  '&.MuiFormLabel-root': {
3421
- fontSize: theme.spacing(1.75)
3436
+ fontSize: theme.spacing(2),
3437
+ [sm]: {
3438
+ fontSize: theme.spacing(1.75)
3439
+ }
3422
3440
  },
3423
3441
  '&$error': {
3424
3442
  color: undefined
@@ -3463,10 +3481,12 @@ function overrideTextField(theme) {
3463
3481
  input: {
3464
3482
  textOverflow: 'ellipsis',
3465
3483
  '&.MuiInputBase-input': {
3466
- fontSize: theme.spacing(1.75),
3467
- padding: theme.spacing(0.75, 1)
3484
+ fontSize: theme.spacing(2),
3485
+ [sm]: {
3486
+ fontSize: theme.spacing(1.75)
3487
+ }
3468
3488
  },
3469
- height: theme.spacing(2.5),
3489
+ height: theme.spacing(3),
3470
3490
  [sm]: {
3471
3491
  height: theme.spacing(2.5)
3472
3492
  }
@@ -3605,7 +3625,10 @@ function overrideTextField(theme) {
3605
3625
  color: Color.Red500
3606
3626
  },
3607
3627
  '&.MuiFormHelperText-root': {
3608
- fontSize: theme.spacing(1.75)
3628
+ fontSize: theme.spacing(2),
3629
+ [sm]: {
3630
+ fontSize: theme.spacing(1.75)
3631
+ }
3609
3632
  }
3610
3633
  }),
3611
3634
  contained: {
@@ -3795,7 +3818,7 @@ function createSuperDispatchTheme() {
3795
3818
  },
3796
3819
  text: {
3797
3820
  primary: Color.Dark500,
3798
- secondary: Color.Dark200,
3821
+ secondary: Color.Dark300,
3799
3822
  hint: Color.Dark100,
3800
3823
  disabled: Color.Dark100
3801
3824
  },