@atlaskit/radio 5.3.4 → 5.3.7

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 (13) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/Radio.js +5 -5
  3. package/dist/cjs/index.js +4 -4
  4. package/dist/cjs/styles.js +25 -25
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/Radio.js +3 -3
  7. package/dist/es2019/styles.js +25 -25
  8. package/dist/es2019/version.json +1 -1
  9. package/dist/esm/Radio.js +5 -4
  10. package/dist/esm/styles.js +25 -25
  11. package/dist/esm/version.json +1 -1
  12. package/dist/types/styles.d.ts +13 -13
  13. package/package.json +5 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @atlaskit/radio
2
2
 
3
+ ## 5.3.7
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 5.3.6
10
+
11
+ ### Patch Changes
12
+
13
+ - [`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.
14
+ - [`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.
15
+ - Updated dependencies
16
+
17
+ ## 5.3.5
18
+
19
+ ### Patch Changes
20
+
21
+ - Updated dependencies
22
+
3
23
  ## 5.3.4
4
24
 
5
25
  ### Patch Changes
package/dist/cjs/Radio.js CHANGED
@@ -25,9 +25,9 @@ var _constants = require("@atlaskit/theme/constants");
25
25
 
26
26
  var _styles = _interopRequireDefault(require("./styles"));
27
27
 
28
- /** @jsx jsx */
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.4";
30
+ var packageVersion = "5.3.7";
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',
@@ -163,7 +163,7 @@ var RadioWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, re
163
163
  value = props.value,
164
164
  testId = props.testId,
165
165
  analyticsContext = props.analyticsContext,
166
- rest = (0, _objectWithoutProperties2.default)(props, ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "mode", "name", "onChange", "value", "testId", "analyticsContext"]);
166
+ rest = (0, _objectWithoutProperties2.default)(props, _excluded);
167
167
  var onChangeAnalytics = (0, _usePlatformLeafEventHandler.usePlatformLeafEventHandler)({
168
168
  fn: onChange,
169
169
  action: 'changed',
package/dist/cjs/index.js CHANGED
@@ -5,16 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- Object.defineProperty(exports, "RadioGroup", {
8
+ Object.defineProperty(exports, "Radio", {
9
9
  enumerable: true,
10
10
  get: function get() {
11
- return _RadioGroup.default;
11
+ return _Radio.default;
12
12
  }
13
13
  });
14
- Object.defineProperty(exports, "Radio", {
14
+ Object.defineProperty(exports, "RadioGroup", {
15
15
  enumerable: true,
16
16
  get: function get() {
17
- return _Radio.default;
17
+ return _RadioGroup.default;
18
18
  }
19
19
  });
20
20
 
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.4",
3
+ "version": "5.3.7",
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.4";
12
+ const packageVersion = "5.3.7";
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.4",
3
+ "version": "5.3.7",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/Radio.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "mode", "name", "onChange", "value", "testId", "analyticsContext"];
3
4
 
4
5
  /** @jsx jsx */
5
6
  import { forwardRef, memo, useMemo } from 'react';
@@ -10,7 +11,7 @@ import GlobalTheme from '@atlaskit/theme/components';
10
11
  import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
11
12
  import getRadioCustomProperties from './styles';
12
13
  var packageName = "@atlaskit/radio";
13
- var packageVersion = "5.3.4";
14
+ var packageVersion = "5.3.7";
14
15
  var fontFamily = getFontFamily();
15
16
 
16
17
  var noop = function noop() {};
@@ -31,10 +32,10 @@ var labelStyles = css({
31
32
  }
32
33
  });
33
34
  var lightLabelStyles = css({
34
- color: "var(--ds-text-highEmphasis, ".concat(N900, ")")
35
+ color: "var(--ds-text, ".concat(N900, ")")
35
36
  });
36
37
  var darkLabelStyles = css({
37
- color: "var(--ds-text-highEmphasis, ".concat(DN600, ")")
38
+ color: "var(--ds-text, ".concat(DN600, ")")
38
39
  });
39
40
  var radioStyles = css({
40
41
  display: 'flex',
@@ -146,7 +147,7 @@ var RadioWithMode = /*#__PURE__*/forwardRef(function Radio(props, ref) {
146
147
  value = props.value,
147
148
  testId = props.testId,
148
149
  analyticsContext = props.analyticsContext,
149
- rest = _objectWithoutProperties(props, ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "mode", "name", "onChange", "value", "testId", "analyticsContext"]);
150
+ rest = _objectWithoutProperties(props, _excluded);
150
151
 
151
152
  var onChangeAnalytics = usePlatformLeafEventHandler({
152
153
  fn: onChange,
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.4",
3
+ "version": "5.3.7",
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.4",
3
+ "version": "5.3.7",
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/"
@@ -16,7 +16,6 @@
16
16
  "atlaskit:src": "src/index.ts",
17
17
  "atlassian": {
18
18
  "team": "Design System Team",
19
- "inPublicMirror": true,
20
19
  "releaseModel": "scheduled",
21
20
  "website": {
22
21
  "name": "Radio"
@@ -30,8 +29,8 @@
30
29
  },
31
30
  "dependencies": {
32
31
  "@atlaskit/analytics-next": "^8.0.0",
33
- "@atlaskit/theme": "^12.0.0",
34
- "@atlaskit/tokens": "^0.4.0",
32
+ "@atlaskit/theme": "^12.1.0",
33
+ "@atlaskit/tokens": "^0.7.0",
35
34
  "@babel/runtime": "^7.0.0",
36
35
  "@emotion/core": "^10.0.9"
37
36
  },
@@ -39,11 +38,10 @@
39
38
  "react": "^16.8.0"
40
39
  },
41
40
  "devDependencies": {
42
- "@atlaskit/build-utils": "*",
43
- "@atlaskit/button": "^16.1.0",
41
+ "@atlaskit/button": "^16.2.0",
44
42
  "@atlaskit/checkbox": "^12.3.0",
45
43
  "@atlaskit/docs": "^9.0.0",
46
- "@atlaskit/form": "^8.4.0",
44
+ "@atlaskit/form": "^8.5.0",
47
45
  "@atlaskit/section-message": "^6.1.0",
48
46
  "@atlaskit/ssr": "*",
49
47
  "@atlaskit/visual-regression": "*",