@atlaskit/radio 5.3.5 → 5.3.8

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 (12) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/Radio.js +3 -3
  3. package/dist/cjs/styles.js +25 -25
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/Radio.js +3 -3
  6. package/dist/es2019/styles.js +25 -25
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/Radio.js +3 -3
  9. package/dist/esm/styles.js +25 -25
  10. package/dist/esm/version.json +1 -1
  11. package/dist/types/styles.d.ts +13 -13
  12. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @atlaskit/radio
2
2
 
3
+ ## 5.3.8
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 5.3.7
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 5.3.6
16
+
17
+ ### Patch Changes
18
+
19
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
20
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
21
+ - Updated dependencies
22
+
3
23
  ## 5.3.5
4
24
 
5
25
  ### Patch Changes
package/dist/cjs/Radio.js CHANGED
@@ -27,7 +27,7 @@ var _styles = _interopRequireDefault(require("./styles"));
27
27
 
28
28
  var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "mode", "name", "onChange", "value", "testId", "analyticsContext"];
29
29
  var packageName = "@atlaskit/radio";
30
- var packageVersion = "5.3.5";
30
+ var packageVersion = "5.3.8";
31
31
  var fontFamily = (0, _constants.fontFamily)();
32
32
 
33
33
  var noop = function noop() {};
@@ -48,10 +48,10 @@ var labelStyles = (0, _core.css)({
48
48
  }
49
49
  });
50
50
  var lightLabelStyles = (0, _core.css)({
51
- color: "var(--ds-text-highEmphasis, ".concat(_colors.N900, ")")
51
+ color: "var(--ds-text, ".concat(_colors.N900, ")")
52
52
  });
53
53
  var darkLabelStyles = (0, _core.css)({
54
- color: "var(--ds-text-highEmphasis, ".concat(_colors.DN600, ")")
54
+ color: "var(--ds-text, ".concat(_colors.DN600, ")")
55
55
  });
56
56
  var radioStyles = (0, _core.css)({
57
57
  display: 'flex',
package/dist/cjs/styles.js CHANGED
@@ -9,36 +9,36 @@ var _colors = require("@atlaskit/theme/colors");
9
9
 
10
10
  var radioThemeColors = {
11
11
  light: {
12
- background: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(_colors.N10, ")"),
13
- backgroundHover: "var(--ds-background-default, ".concat(_colors.N30, ")"),
14
- backgroundActive: "var(--ds-background-subtleBorderedNeutral-pressed, ".concat(_colors.N30, ")"),
15
- backgroundChecked: "var(--ds-background-boldBrand-resting, ".concat(_colors.B400, ")"),
16
- backgroundCheckedHover: "var(--ds-background-boldBrand-hover, ".concat(_colors.B300, ")"),
17
- backgroundCheckedActive: "var(--ds-background-boldBrand-pressed, ".concat(_colors.B50, ")"),
18
- backgroundDisabled: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(_colors.N20, ")"),
19
- dotChecked: "var(--ds-text-onBold, ".concat(_colors.N10, ")"),
12
+ background: "var(--ds-background-input, ".concat(_colors.N10, ")"),
13
+ backgroundHover: "var(--ds-surface, ".concat(_colors.N30, ")"),
14
+ backgroundActive: "var(--ds-background-input-pressed, ".concat(_colors.N30, ")"),
15
+ backgroundChecked: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")"),
16
+ backgroundCheckedHover: "var(--ds-background-brand-bold-hovered, ".concat(_colors.B300, ")"),
17
+ backgroundCheckedActive: "var(--ds-background-brand-bold-pressed, ".concat(_colors.B50, ")"),
18
+ backgroundDisabled: "var(--ds-background-input, ".concat(_colors.N20, ")"),
19
+ dotChecked: "var(--ds-text-inverse, ".concat(_colors.N10, ")"),
20
20
  dotDisabled: "var(--ds-text-disabled, ".concat(_colors.N70, ")"),
21
- dotActive: "var(--ds-text-onBold, ".concat(_colors.B400, ")"),
22
- border: "var(--ds-border-neutral, ".concat(_colors.N40, ")"),
23
- borderHover: "var(--ds-border-neutral, ".concat(_colors.N40, ")"),
21
+ dotActive: "var(--ds-text-inverse, ".concat(_colors.B400, ")"),
22
+ border: "var(--ds-border, ".concat(_colors.N40, ")"),
23
+ borderHover: "var(--ds-border, ".concat(_colors.N40, ")"),
24
24
  borderDisabled: "var(--ds-background-disabled, ".concat(_colors.N20, ")"),
25
- borderFocus: "var(--ds-border-focus, ".concat(_colors.B100, ")")
25
+ borderFocus: "var(--ds-border-focused, ".concat(_colors.B100, ")")
26
26
  },
27
27
  dark: {
28
- background: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(_colors.DN10, ")"),
29
- backgroundHover: "var(--ds-background-default, ".concat(_colors.DN30, ")"),
30
- backgroundActive: "var(--ds-background-subtleBorderedNeutral-pressed, ".concat(_colors.B200, ")"),
31
- backgroundChecked: "var(--ds-background-boldBrand-resting, ".concat(_colors.B400, ")"),
32
- backgroundCheckedHover: "var(--ds-background-boldBrand-hover, ".concat(_colors.B75, ")"),
33
- backgroundCheckedActive: "var(--ds-background-boldBrand-pressed, ".concat(_colors.B200, ")"),
34
- backgroundDisabled: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(_colors.DN10, ")"),
35
- dotChecked: "var(--ds-text-onBold, ".concat(_colors.DN10, ")"),
28
+ background: "var(--ds-background-input, ".concat(_colors.DN10, ")"),
29
+ backgroundHover: "var(--ds-surface, ".concat(_colors.DN30, ")"),
30
+ backgroundActive: "var(--ds-background-input-pressed, ".concat(_colors.B200, ")"),
31
+ backgroundChecked: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")"),
32
+ backgroundCheckedHover: "var(--ds-background-brand-bold-hovered, ".concat(_colors.B75, ")"),
33
+ backgroundCheckedActive: "var(--ds-background-brand-bold-pressed, ".concat(_colors.B200, ")"),
34
+ backgroundDisabled: "var(--ds-background-input, ".concat(_colors.DN10, ")"),
35
+ dotChecked: "var(--ds-text-inverse, ".concat(_colors.DN10, ")"),
36
36
  dotDisabled: "var(--ds-text-disabled, ".concat(_colors.DN90, ")"),
37
- dotActive: "var(--ds-text-onBold, ".concat(_colors.DN10, ")"),
38
- border: "var(--ds-border-neutral, ".concat(_colors.DN80, ")"),
39
- borderHover: "var(--ds-border-neutral, ".concat(_colors.DN200, ")"),
37
+ dotActive: "var(--ds-text-inverse, ".concat(_colors.DN10, ")"),
38
+ border: "var(--ds-border, ".concat(_colors.DN80, ")"),
39
+ borderHover: "var(--ds-border, ".concat(_colors.DN200, ")"),
40
40
  borderDisabled: "var(--ds-background-disabled, ".concat(_colors.DN10, ")"),
41
- borderFocus: "var(--ds-border-focus, ".concat(_colors.B75, ")")
41
+ borderFocus: "var(--ds-border-focused, ".concat(_colors.B75, ")")
42
42
  }
43
43
  };
44
44
 
@@ -59,6 +59,6 @@ function getRadioCustomProperties(mode) {
59
59
  '--local-dot-active': radioColors.dotActive,
60
60
  '--local-dot-checked': radioColors.dotChecked,
61
61
  '--local-dot-disabled': radioColors.dotDisabled,
62
- '--local-invalid': "var(--ds-iconBorder-danger, ".concat(_colors.R300, ")")
62
+ '--local-invalid': "var(--ds-icon-danger, ".concat(_colors.R300, ")")
63
63
  };
64
64
  }
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/radio",
3
- "version": "5.3.5",
3
+ "version": "5.3.8",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/Radio.js CHANGED
@@ -9,7 +9,7 @@ import GlobalTheme from '@atlaskit/theme/components';
9
9
  import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
10
10
  import getRadioCustomProperties from './styles';
11
11
  const packageName = "@atlaskit/radio";
12
- const packageVersion = "5.3.5";
12
+ const packageVersion = "5.3.8";
13
13
  const fontFamily = getFontFamily();
14
14
 
15
15
  const noop = () => {};
@@ -30,10 +30,10 @@ const labelStyles = css({
30
30
  }
31
31
  });
32
32
  const lightLabelStyles = css({
33
- color: `var(--ds-text-highEmphasis, ${N900})`
33
+ color: `var(--ds-text, ${N900})`
34
34
  });
35
35
  const darkLabelStyles = css({
36
- color: `var(--ds-text-highEmphasis, ${DN600})`
36
+ color: `var(--ds-text, ${DN600})`
37
37
  });
38
38
  const radioStyles = css({
39
39
  display: 'flex',
package/dist/es2019/styles.js CHANGED
@@ -1,36 +1,36 @@
1
1
  import { B100, B200, B300, B400, B50, B75, DN10, DN200, DN30, DN80, DN90, N10, N20, N30, N40, N70, R300 } from '@atlaskit/theme/colors';
2
2
  const radioThemeColors = {
3
3
  light: {
4
- background: `var(--ds-background-subtleBorderedNeutral-resting, ${N10})`,
5
- backgroundHover: `var(--ds-background-default, ${N30})`,
6
- backgroundActive: `var(--ds-background-subtleBorderedNeutral-pressed, ${N30})`,
7
- backgroundChecked: `var(--ds-background-boldBrand-resting, ${B400})`,
8
- backgroundCheckedHover: `var(--ds-background-boldBrand-hover, ${B300})`,
9
- backgroundCheckedActive: `var(--ds-background-boldBrand-pressed, ${B50})`,
10
- backgroundDisabled: `var(--ds-background-subtleBorderedNeutral-resting, ${N20})`,
11
- dotChecked: `var(--ds-text-onBold, ${N10})`,
4
+ background: `var(--ds-background-input, ${N10})`,
5
+ backgroundHover: `var(--ds-surface, ${N30})`,
6
+ backgroundActive: `var(--ds-background-input-pressed, ${N30})`,
7
+ backgroundChecked: `var(--ds-background-brand-bold, ${B400})`,
8
+ backgroundCheckedHover: `var(--ds-background-brand-bold-hovered, ${B300})`,
9
+ backgroundCheckedActive: `var(--ds-background-brand-bold-pressed, ${B50})`,
10
+ backgroundDisabled: `var(--ds-background-input, ${N20})`,
11
+ dotChecked: `var(--ds-text-inverse, ${N10})`,
12
12
  dotDisabled: `var(--ds-text-disabled, ${N70})`,
13
- dotActive: `var(--ds-text-onBold, ${B400})`,
14
- border: `var(--ds-border-neutral, ${N40})`,
15
- borderHover: `var(--ds-border-neutral, ${N40})`,
13
+ dotActive: `var(--ds-text-inverse, ${B400})`,
14
+ border: `var(--ds-border, ${N40})`,
15
+ borderHover: `var(--ds-border, ${N40})`,
16
16
  borderDisabled: `var(--ds-background-disabled, ${N20})`,
17
- borderFocus: `var(--ds-border-focus, ${B100})`
17
+ borderFocus: `var(--ds-border-focused, ${B100})`
18
18
  },
19
19
  dark: {
20
- background: `var(--ds-background-subtleBorderedNeutral-resting, ${DN10})`,
21
- backgroundHover: `var(--ds-background-default, ${DN30})`,
22
- backgroundActive: `var(--ds-background-subtleBorderedNeutral-pressed, ${B200})`,
23
- backgroundChecked: `var(--ds-background-boldBrand-resting, ${B400})`,
24
- backgroundCheckedHover: `var(--ds-background-boldBrand-hover, ${B75})`,
25
- backgroundCheckedActive: `var(--ds-background-boldBrand-pressed, ${B200})`,
26
- backgroundDisabled: `var(--ds-background-subtleBorderedNeutral-resting, ${DN10})`,
27
- dotChecked: `var(--ds-text-onBold, ${DN10})`,
20
+ background: `var(--ds-background-input, ${DN10})`,
21
+ backgroundHover: `var(--ds-surface, ${DN30})`,
22
+ backgroundActive: `var(--ds-background-input-pressed, ${B200})`,
23
+ backgroundChecked: `var(--ds-background-brand-bold, ${B400})`,
24
+ backgroundCheckedHover: `var(--ds-background-brand-bold-hovered, ${B75})`,
25
+ backgroundCheckedActive: `var(--ds-background-brand-bold-pressed, ${B200})`,
26
+ backgroundDisabled: `var(--ds-background-input, ${DN10})`,
27
+ dotChecked: `var(--ds-text-inverse, ${DN10})`,
28
28
  dotDisabled: `var(--ds-text-disabled, ${DN90})`,
29
- dotActive: `var(--ds-text-onBold, ${DN10})`,
30
- border: `var(--ds-border-neutral, ${DN80})`,
31
- borderHover: `var(--ds-border-neutral, ${DN200})`,
29
+ dotActive: `var(--ds-text-inverse, ${DN10})`,
30
+ border: `var(--ds-border, ${DN80})`,
31
+ borderHover: `var(--ds-border, ${DN200})`,
32
32
  borderDisabled: `var(--ds-background-disabled, ${DN10})`,
33
- borderFocus: `var(--ds-border-focus, ${B75})`
33
+ borderFocus: `var(--ds-border-focused, ${B75})`
34
34
  }
35
35
  };
36
36
  export default function getRadioCustomProperties(mode) {
@@ -50,6 +50,6 @@ export default function getRadioCustomProperties(mode) {
50
50
  '--local-dot-active': radioColors.dotActive,
51
51
  '--local-dot-checked': radioColors.dotChecked,
52
52
  '--local-dot-disabled': radioColors.dotDisabled,
53
- '--local-invalid': `var(--ds-iconBorder-danger, ${R300})`
53
+ '--local-invalid': `var(--ds-icon-danger, ${R300})`
54
54
  };
55
55
  }
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/radio",
3
- "version": "5.3.5",
3
+ "version": "5.3.8",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/Radio.js CHANGED
@@ -11,7 +11,7 @@ import GlobalTheme from '@atlaskit/theme/components';
11
11
  import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
12
12
  import getRadioCustomProperties from './styles';
13
13
  var packageName = "@atlaskit/radio";
14
- var packageVersion = "5.3.5";
14
+ var packageVersion = "5.3.8";
15
15
  var fontFamily = getFontFamily();
16
16
 
17
17
  var noop = function noop() {};
@@ -32,10 +32,10 @@ var labelStyles = css({
32
32
  }
33
33
  });
34
34
  var lightLabelStyles = css({
35
- color: "var(--ds-text-highEmphasis, ".concat(N900, ")")
35
+ color: "var(--ds-text, ".concat(N900, ")")
36
36
  });
37
37
  var darkLabelStyles = css({
38
- color: "var(--ds-text-highEmphasis, ".concat(DN600, ")")
38
+ color: "var(--ds-text, ".concat(DN600, ")")
39
39
  });
40
40
  var radioStyles = css({
41
41
  display: 'flex',
package/dist/esm/styles.js CHANGED
@@ -1,36 +1,36 @@
1
1
  import { B100, B200, B300, B400, B50, B75, DN10, DN200, DN30, DN80, DN90, N10, N20, N30, N40, N70, R300 } from '@atlaskit/theme/colors';
2
2
  var radioThemeColors = {
3
3
  light: {
4
- background: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(N10, ")"),
5
- backgroundHover: "var(--ds-background-default, ".concat(N30, ")"),
6
- backgroundActive: "var(--ds-background-subtleBorderedNeutral-pressed, ".concat(N30, ")"),
7
- backgroundChecked: "var(--ds-background-boldBrand-resting, ".concat(B400, ")"),
8
- backgroundCheckedHover: "var(--ds-background-boldBrand-hover, ".concat(B300, ")"),
9
- backgroundCheckedActive: "var(--ds-background-boldBrand-pressed, ".concat(B50, ")"),
10
- backgroundDisabled: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(N20, ")"),
11
- dotChecked: "var(--ds-text-onBold, ".concat(N10, ")"),
4
+ background: "var(--ds-background-input, ".concat(N10, ")"),
5
+ backgroundHover: "var(--ds-surface, ".concat(N30, ")"),
6
+ backgroundActive: "var(--ds-background-input-pressed, ".concat(N30, ")"),
7
+ backgroundChecked: "var(--ds-background-brand-bold, ".concat(B400, ")"),
8
+ backgroundCheckedHover: "var(--ds-background-brand-bold-hovered, ".concat(B300, ")"),
9
+ backgroundCheckedActive: "var(--ds-background-brand-bold-pressed, ".concat(B50, ")"),
10
+ backgroundDisabled: "var(--ds-background-input, ".concat(N20, ")"),
11
+ dotChecked: "var(--ds-text-inverse, ".concat(N10, ")"),
12
12
  dotDisabled: "var(--ds-text-disabled, ".concat(N70, ")"),
13
- dotActive: "var(--ds-text-onBold, ".concat(B400, ")"),
14
- border: "var(--ds-border-neutral, ".concat(N40, ")"),
15
- borderHover: "var(--ds-border-neutral, ".concat(N40, ")"),
13
+ dotActive: "var(--ds-text-inverse, ".concat(B400, ")"),
14
+ border: "var(--ds-border, ".concat(N40, ")"),
15
+ borderHover: "var(--ds-border, ".concat(N40, ")"),
16
16
  borderDisabled: "var(--ds-background-disabled, ".concat(N20, ")"),
17
- borderFocus: "var(--ds-border-focus, ".concat(B100, ")")
17
+ borderFocus: "var(--ds-border-focused, ".concat(B100, ")")
18
18
  },
19
19
  dark: {
20
- background: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(DN10, ")"),
21
- backgroundHover: "var(--ds-background-default, ".concat(DN30, ")"),
22
- backgroundActive: "var(--ds-background-subtleBorderedNeutral-pressed, ".concat(B200, ")"),
23
- backgroundChecked: "var(--ds-background-boldBrand-resting, ".concat(B400, ")"),
24
- backgroundCheckedHover: "var(--ds-background-boldBrand-hover, ".concat(B75, ")"),
25
- backgroundCheckedActive: "var(--ds-background-boldBrand-pressed, ".concat(B200, ")"),
26
- backgroundDisabled: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(DN10, ")"),
27
- dotChecked: "var(--ds-text-onBold, ".concat(DN10, ")"),
20
+ background: "var(--ds-background-input, ".concat(DN10, ")"),
21
+ backgroundHover: "var(--ds-surface, ".concat(DN30, ")"),
22
+ backgroundActive: "var(--ds-background-input-pressed, ".concat(B200, ")"),
23
+ backgroundChecked: "var(--ds-background-brand-bold, ".concat(B400, ")"),
24
+ backgroundCheckedHover: "var(--ds-background-brand-bold-hovered, ".concat(B75, ")"),
25
+ backgroundCheckedActive: "var(--ds-background-brand-bold-pressed, ".concat(B200, ")"),
26
+ backgroundDisabled: "var(--ds-background-input, ".concat(DN10, ")"),
27
+ dotChecked: "var(--ds-text-inverse, ".concat(DN10, ")"),
28
28
  dotDisabled: "var(--ds-text-disabled, ".concat(DN90, ")"),
29
- dotActive: "var(--ds-text-onBold, ".concat(DN10, ")"),
30
- border: "var(--ds-border-neutral, ".concat(DN80, ")"),
31
- borderHover: "var(--ds-border-neutral, ".concat(DN200, ")"),
29
+ dotActive: "var(--ds-text-inverse, ".concat(DN10, ")"),
30
+ border: "var(--ds-border, ".concat(DN80, ")"),
31
+ borderHover: "var(--ds-border, ".concat(DN200, ")"),
32
32
  borderDisabled: "var(--ds-background-disabled, ".concat(DN10, ")"),
33
- borderFocus: "var(--ds-border-focus, ".concat(B75, ")")
33
+ borderFocus: "var(--ds-border-focused, ".concat(B75, ")")
34
34
  }
35
35
  };
36
36
  export default function getRadioCustomProperties(mode) {
@@ -50,6 +50,6 @@ export default function getRadioCustomProperties(mode) {
50
50
  '--local-dot-active': radioColors.dotActive,
51
51
  '--local-dot-checked': radioColors.dotChecked,
52
52
  '--local-dot-disabled': radioColors.dotDisabled,
53
- '--local-invalid': "var(--ds-iconBorder-danger, ".concat(R300, ")")
53
+ '--local-invalid': "var(--ds-icon-danger, ".concat(R300, ")")
54
54
  };
55
55
  }
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/radio",
3
- "version": "5.3.5",
3
+ "version": "5.3.8",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/styles.d.ts CHANGED
@@ -1,18 +1,18 @@
1
1
  import { ThemeModes } from '@atlaskit/theme/types';
2
2
  export default function getRadioCustomProperties(mode: ThemeModes): {
3
- '--local-background': "var(--ds-background-subtleBorderedNeutral-resting)";
4
- '--local-background-active': "var(--ds-background-subtleBorderedNeutral-pressed)";
5
- '--local-background-checked': "var(--ds-background-boldBrand-resting)";
6
- '--local-background-checked-active': "var(--ds-background-boldBrand-pressed)";
7
- '--local-background-checked-hover': "var(--ds-background-boldBrand-hover)";
8
- '--local-background-disabled': "var(--ds-background-subtleBorderedNeutral-resting)";
9
- '--local-background-hover': "var(--ds-background-default)";
10
- '--local-border': "var(--ds-border-neutral)";
3
+ '--local-background': "var(--ds-background-input)";
4
+ '--local-background-active': "var(--ds-background-input-pressed)";
5
+ '--local-background-checked': "var(--ds-background-brand-bold)";
6
+ '--local-background-checked-active': "var(--ds-background-brand-bold-pressed)";
7
+ '--local-background-checked-hover': "var(--ds-background-brand-bold-hovered)";
8
+ '--local-background-disabled': "var(--ds-background-input)";
9
+ '--local-background-hover': "var(--ds-surface)";
10
+ '--local-border': "var(--ds-border)";
11
11
  '--local-border-disabled': "var(--ds-background-disabled)";
12
- '--local-border-hover': "var(--ds-border-neutral)";
13
- '--local-border-focus': "var(--ds-border-focus)";
14
- '--local-dot-active': "var(--ds-text-onBold)";
15
- '--local-dot-checked': "var(--ds-text-onBold)";
12
+ '--local-border-hover': "var(--ds-border)";
13
+ '--local-border-focus': "var(--ds-border-focused)";
14
+ '--local-dot-active': "var(--ds-text-inverse)";
15
+ '--local-dot-checked': "var(--ds-text-inverse)";
16
16
  '--local-dot-disabled': "var(--ds-text-disabled)";
17
- '--local-invalid': "var(--ds-iconBorder-danger)";
17
+ '--local-invalid': "var(--ds-icon-danger)";
18
18
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/radio",
3
- "version": "5.3.5",
3
+ "version": "5.3.8",
4
4
  "description": "A radio input allows people to select only one option from a number of choices. Radio is generally displayed in a radio group.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
30
30
  "dependencies": {
31
31
  "@atlaskit/analytics-next": "^8.0.0",
32
32
  "@atlaskit/theme": "^12.1.0",
33
- "@atlaskit/tokens": "^0.5.0",
33
+ "@atlaskit/tokens": "^0.8.0",
34
34
  "@babel/runtime": "^7.0.0",
35
35
  "@emotion/core": "^10.0.9"
36
36
  },
@@ -38,10 +38,10 @@
38
38
  "react": "^16.8.0"
39
39
  },
40
40
  "devDependencies": {
41
- "@atlaskit/button": "^16.1.0",
41
+ "@atlaskit/button": "^16.2.0",
42
42
  "@atlaskit/checkbox": "^12.3.0",
43
43
  "@atlaskit/docs": "^9.0.0",
44
- "@atlaskit/form": "^8.4.0",
44
+ "@atlaskit/form": "^8.5.0",
45
45
  "@atlaskit/section-message": "^6.1.0",
46
46
  "@atlaskit/ssr": "*",
47
47
  "@atlaskit/visual-regression": "*",