@superdispatch/ui 0.35.0 → 0.35.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.
@@ -13,7 +13,7 @@ export function overrideAvatar(theme) {
13
13
  }),
14
14
  colorDefault: {
15
15
  color: ColorDynamic.Dark300,
16
- backgroundColor: ColorDynamic.Silver300
16
+ backgroundColor: ColorDynamic.Silver400
17
17
  }
18
18
  };
19
19
  }
@@ -1,5 +1,5 @@
1
1
  import { SvgIcon } from '@material-ui/core';
2
- import { ColorDynamic } from "../theme/Color.js";
2
+ import { Color, ColorDynamic } from "../theme/Color.js";
3
3
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
4
  export function overrideCheckbox(theme) {
5
5
  theme.props.MuiCheckbox = {
@@ -24,7 +24,7 @@ export function overrideCheckbox(theme) {
24
24
  fill: "currentColor",
25
25
  rx: "2"
26
26
  }), /*#__PURE__*/_jsx("path", {
27
- fill: ColorDynamic.White,
27
+ fill: Color.White,
28
28
  d: "M15.73 8l-.63.63c-1.43 1.43-2.94 3.05-4.37 4.5l-1.9-1.57-.7-.57L7 12.38l.7.57 2.53 2.09.63.52.58-.58c1.6-1.62 3.35-3.5 4.93-5.08l.63-.63L15.73 8z"
29
29
  })]
30
30
  }),
@@ -1,5 +1,5 @@
1
1
  import { SvgIcon } from '@material-ui/core';
2
- import { ColorDynamic } from "../theme/Color.js";
2
+ import { Color, ColorDynamic } from "../theme/Color.js";
3
3
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
4
  export function overrideRadio(theme) {
5
5
  theme.props.MuiRadio = {
@@ -24,7 +24,7 @@ export function overrideRadio(theme) {
24
24
  cx: "12",
25
25
  cy: "12",
26
26
  r: "4",
27
- fill: ColorDynamic.White
27
+ fill: Color.White
28
28
  })]
29
29
  })
30
30
  };
@@ -1,4 +1,4 @@
1
- import { ColorDynamic } from "../theme/Color.js";
1
+ import { Color, ColorDynamic } from "../theme/Color.js";
2
2
  export function overrideSwitch(theme) {
3
3
  var sm = theme.breakpoints.up('sm');
4
4
  theme.props.MuiSwitch = {
@@ -29,7 +29,7 @@ export function overrideSwitch(theme) {
29
29
  }
30
30
  },
31
31
  thumb: {
32
- color: ColorDynamic.White,
32
+ color: Color.White,
33
33
  boxShadow: undefined,
34
34
  width: theme.spacing(3),
35
35
  height: theme.spacing(3),
@@ -17,6 +17,9 @@ export function overrideTabs(theme) {
17
17
  transition: theme.transitions.create('opacity', {
18
18
  duration: theme.transitions.duration.short
19
19
  })
20
+ },
21
+ indicator: {
22
+ backgroundColor: ColorDynamic.Blue500
20
23
  }
21
24
  };
22
25
  theme.overrides.MuiTab = {
@@ -34,7 +37,10 @@ export function overrideTabs(theme) {
34
37
  textColorPrimary: {
35
38
  color: ColorDynamic.Dark500,
36
39
  '&:hover, &:focus': {
37
- color: ColorDynamic.Blue300
40
+ color: ColorDynamic.Blue500
41
+ },
42
+ '&$selected': {
43
+ color: ColorDynamic.Blue500
38
44
  }
39
45
  }
40
46
  };
@@ -5,7 +5,7 @@ import { Typography } from '@material-ui/core';
5
5
  import { makeStyles } from '@material-ui/styles';
6
6
  import cx from 'clsx';
7
7
  import { forwardRef } from 'react';
8
- import { ColorDynamic } from "../theme/Color.js";
8
+ import { Color, ColorDynamic } from "../theme/Color.js";
9
9
  import { jsx as _jsx } from "react/jsx-runtime";
10
10
  var useStyles = /*#__PURE__*/makeStyles(theme => ({
11
11
  root: {
@@ -46,9 +46,10 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
46
46
  }
47
47
  },
48
48
  variantBold: {
49
- color: ColorDynamic.White,
49
+ color: Color.White,
50
50
  '&$colorGrey': {
51
- backgroundColor: ColorDynamic.Dark300
51
+ backgroundColor: ColorDynamic.Dark300,
52
+ color: ColorDynamic.White
52
53
  },
53
54
  '&$colorBlue': {
54
55
  backgroundColor: ColorDynamic.Blue300
package/dist-web/index.js CHANGED
@@ -2530,9 +2530,10 @@ var useStyles$c = /*#__PURE__*/makeStyles(theme => ({
2530
2530
  }
2531
2531
  },
2532
2532
  variantBold: {
2533
- color: ColorDynamic.White,
2533
+ color: Color.White,
2534
2534
  '&$colorGrey': {
2535
- backgroundColor: ColorDynamic.Dark300
2535
+ backgroundColor: ColorDynamic.Dark300,
2536
+ color: ColorDynamic.White
2536
2537
  },
2537
2538
  '&$colorBlue': {
2538
2539
  backgroundColor: ColorDynamic.Blue300
@@ -2686,7 +2687,7 @@ function overrideAvatar(theme) {
2686
2687
  }),
2687
2688
  colorDefault: {
2688
2689
  color: ColorDynamic.Dark300,
2689
- backgroundColor: ColorDynamic.Silver300
2690
+ backgroundColor: ColorDynamic.Silver400
2690
2691
  }
2691
2692
  };
2692
2693
  }
@@ -2961,7 +2962,7 @@ function overrideCheckbox(theme) {
2961
2962
  fill: "currentColor",
2962
2963
  rx: "2"
2963
2964
  }), /*#__PURE__*/jsx("path", {
2964
- fill: ColorDynamic.White,
2965
+ fill: Color.White,
2965
2966
  d: "M15.73 8l-.63.63c-1.43 1.43-2.94 3.05-4.37 4.5l-1.9-1.57-.7-.57L7 12.38l.7.57 2.53 2.09.63.52.58-.58c1.6-1.62 3.35-3.5 4.93-5.08l.63-.63L15.73 8z"
2966
2967
  })]
2967
2968
  }),
@@ -3401,7 +3402,7 @@ function overrideRadio(theme) {
3401
3402
  cx: "12",
3402
3403
  cy: "12",
3403
3404
  r: "4",
3404
- fill: ColorDynamic.White
3405
+ fill: Color.White
3405
3406
  })]
3406
3407
  })
3407
3408
  };
@@ -3521,7 +3522,7 @@ function overrideSwitch(theme) {
3521
3522
  }
3522
3523
  },
3523
3524
  thumb: {
3524
- color: ColorDynamic.White,
3525
+ color: Color.White,
3525
3526
  boxShadow: undefined,
3526
3527
  width: theme.spacing(3),
3527
3528
  height: theme.spacing(3),
@@ -3595,6 +3596,9 @@ function overrideTabs(theme) {
3595
3596
  transition: theme.transitions.create('opacity', {
3596
3597
  duration: theme.transitions.duration.short
3597
3598
  })
3599
+ },
3600
+ indicator: {
3601
+ backgroundColor: ColorDynamic.Blue500
3598
3602
  }
3599
3603
  };
3600
3604
  theme.overrides.MuiTab = {
@@ -3612,7 +3616,10 @@ function overrideTabs(theme) {
3612
3616
  textColorPrimary: {
3613
3617
  color: ColorDynamic.Dark500,
3614
3618
  '&:hover, &:focus': {
3615
- color: ColorDynamic.Blue300
3619
+ color: ColorDynamic.Blue500
3620
+ },
3621
+ '&$selected': {
3622
+ color: ColorDynamic.Blue500
3616
3623
  }
3617
3624
  }
3618
3625
  };