@atlaskit/radio 5.6.3 → 5.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 (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/radio.js +2 -2
  3. package/dist/cjs/styles.js +3 -3
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/radio.js +2 -2
  6. package/dist/es2019/styles.js +3 -3
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/radio.js +2 -2
  9. package/dist/esm/styles.js +3 -3
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/radio
2
2
 
3
+ ## 5.6.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
8
+
3
9
  ## 5.6.3
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/radio.js CHANGED
@@ -19,7 +19,7 @@ var _styles = _interopRequireDefault(require("./styles"));
19
19
  var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "mode", "name", "onChange", "value", "testId", "analyticsContext"];
20
20
  /** @jsx jsx */
21
21
  var packageName = "@atlaskit/radio";
22
- var packageVersion = "5.6.3";
22
+ var packageVersion = "5.6.4";
23
23
  var fontFamily = (0, _constants.fontFamily)();
24
24
  var noop = _noop.default;
25
25
  var labelPaddingStyles = (0, _react2.css)({
@@ -63,7 +63,7 @@ var radioStyles = (0, _react2.css)({
63
63
  backgroundColor: 'var(--radio-background-color)',
64
64
  /* Border should multiply by 24/14 to offset scale, a scale of 12 / 7 is to fix a Chrome bug that makes the circle become an oval and the
65
65
  inner circle not be centred at various zoom levels */
66
- border: "".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? '1px' : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
66
+ border: "".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? '1px' : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
67
67
  borderRadius: '50%',
68
68
  MozAppearance: 'none',
69
69
  outline: 'none',
package/dist/cjs/styles.js CHANGED
@@ -18,8 +18,8 @@ var radioThemeColors = {
18
18
  dotChecked: "var(--ds-icon-inverse, ".concat(_colors.N10, ")"),
19
19
  dotDisabled: "var(--ds-icon-disabled, ".concat(_colors.N70, ")"),
20
20
  dotActive: "var(--ds-icon-inverse, ".concat(_colors.B400, ")"),
21
- border: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? _colors.N100 : _colors.N40, ")"),
22
- borderHover: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? _colors.N100 : _colors.N40, ")"),
21
+ border: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N40, ")"),
22
+ borderHover: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N40, ")"),
23
23
  borderDisabled: "var(--ds-border-disabled, ".concat(_colors.N20, ")"),
24
24
  borderFocus: "var(--ds-border-focused, ".concat(_colors.B100, ")")
25
25
  },
@@ -34,7 +34,7 @@ var radioThemeColors = {
34
34
  dotChecked: "var(--ds-icon-inverse, ".concat(_colors.DN10, ")"),
35
35
  dotDisabled: "var(--ds-icon-disabled, ".concat(_colors.DN90, ")"),
36
36
  dotActive: "var(--ds-icon-inverse, ".concat(_colors.DN10, ")"),
37
- border: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? _colors.DN200 : _colors.DN80, ")"),
37
+ border: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.DN200 : _colors.DN80, ")"),
38
38
  borderHover: "var(--ds-border-input, ".concat(_colors.DN200, ")"),
39
39
  borderDisabled: "var(--ds-border-disabled, ".concat(_colors.DN10, ")"),
40
40
  borderFocus: "var(--ds-border-focused, ".concat(_colors.B75, ")")
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/radio",
3
- "version": "5.6.3",
3
+ "version": "5.6.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/radio.js CHANGED
@@ -10,7 +10,7 @@ import GlobalTheme from '@atlaskit/theme/components';
10
10
  import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
11
11
  import getRadioCustomProperties from './styles';
12
12
  const packageName = "@atlaskit/radio";
13
- const packageVersion = "5.6.3";
13
+ const packageVersion = "5.6.4";
14
14
  const fontFamily = getFontFamily();
15
15
  const noop = __noop;
16
16
  const labelPaddingStyles = css({
@@ -54,7 +54,7 @@ const radioStyles = css({
54
54
  backgroundColor: 'var(--radio-background-color)',
55
55
  /* Border should multiply by 24/14 to offset scale, a scale of 12 / 7 is to fix a Chrome bug that makes the circle become an oval and the
56
56
  inner circle not be centred at various zoom levels */
57
- border: `${getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? '1px' : 'calc(2px * 12 / 7)'} solid var(--radio-border-color)`,
57
+ border: `${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? '1px' : 'calc(2px * 12 / 7)'} solid var(--radio-border-color)`,
58
58
  borderRadius: '50%',
59
59
  MozAppearance: 'none',
60
60
  outline: 'none',
package/dist/es2019/styles.js CHANGED
@@ -12,8 +12,8 @@ const radioThemeColors = {
12
12
  dotChecked: `var(--ds-icon-inverse, ${N10})`,
13
13
  dotDisabled: `var(--ds-icon-disabled, ${N70})`,
14
14
  dotActive: `var(--ds-icon-inverse, ${B400})`,
15
- border: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N40})`,
16
- borderHover: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N40})`,
15
+ border: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40})`,
16
+ borderHover: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40})`,
17
17
  borderDisabled: `var(--ds-border-disabled, ${N20})`,
18
18
  borderFocus: `var(--ds-border-focused, ${B100})`
19
19
  },
@@ -28,7 +28,7 @@ const radioThemeColors = {
28
28
  dotChecked: `var(--ds-icon-inverse, ${DN10})`,
29
29
  dotDisabled: `var(--ds-icon-disabled, ${DN90})`,
30
30
  dotActive: `var(--ds-icon-inverse, ${DN10})`,
31
- border: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? DN200 : DN80})`,
31
+ border: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? DN200 : DN80})`,
32
32
  borderHover: `var(--ds-border-input, ${DN200})`,
33
33
  borderDisabled: `var(--ds-border-disabled, ${DN10})`,
34
34
  borderFocus: `var(--ds-border-focused, ${B75})`
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/radio",
3
- "version": "5.6.3",
3
+ "version": "5.6.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/radio.js CHANGED
@@ -12,7 +12,7 @@ import GlobalTheme from '@atlaskit/theme/components';
12
12
  import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
13
13
  import getRadioCustomProperties from './styles';
14
14
  var packageName = "@atlaskit/radio";
15
- var packageVersion = "5.6.3";
15
+ var packageVersion = "5.6.4";
16
16
  var fontFamily = getFontFamily();
17
17
  var noop = __noop;
18
18
  var labelPaddingStyles = css({
@@ -56,7 +56,7 @@ var radioStyles = css({
56
56
  backgroundColor: 'var(--radio-background-color)',
57
57
  /* Border should multiply by 24/14 to offset scale, a scale of 12 / 7 is to fix a Chrome bug that makes the circle become an oval and the
58
58
  inner circle not be centred at various zoom levels */
59
- border: "".concat(getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? '1px' : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
59
+ border: "".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? '1px' : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
60
60
  borderRadius: '50%',
61
61
  MozAppearance: 'none',
62
62
  outline: 'none',
package/dist/esm/styles.js CHANGED
@@ -12,8 +12,8 @@ var radioThemeColors = {
12
12
  dotChecked: "var(--ds-icon-inverse, ".concat(N10, ")"),
13
13
  dotDisabled: "var(--ds-icon-disabled, ".concat(N70, ")"),
14
14
  dotActive: "var(--ds-icon-inverse, ".concat(B400, ")"),
15
- border: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N40, ")"),
16
- borderHover: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N40, ")"),
15
+ border: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40, ")"),
16
+ borderHover: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40, ")"),
17
17
  borderDisabled: "var(--ds-border-disabled, ".concat(N20, ")"),
18
18
  borderFocus: "var(--ds-border-focused, ".concat(B100, ")")
19
19
  },
@@ -28,7 +28,7 @@ var radioThemeColors = {
28
28
  dotChecked: "var(--ds-icon-inverse, ".concat(DN10, ")"),
29
29
  dotDisabled: "var(--ds-icon-disabled, ".concat(DN90, ")"),
30
30
  dotActive: "var(--ds-icon-inverse, ".concat(DN10, ")"),
31
- border: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? DN200 : DN80, ")"),
31
+ border: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? DN200 : DN80, ")"),
32
32
  borderHover: "var(--ds-border-input, ".concat(DN200, ")"),
33
33
  borderDisabled: "var(--ds-border-disabled, ".concat(DN10, ")"),
34
34
  borderFocus: "var(--ds-border-focused, ".concat(B75, ")")
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/radio",
3
- "version": "5.6.3",
3
+ "version": "5.6.4",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/radio",
3
- "version": "5.6.3",
3
+ "version": "5.6.4",
4
4
  "description": "A radio input allows users 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/"
@@ -44,7 +44,7 @@
44
44
  "@atlaskit/ds-lib": "^2.2.0",
45
45
  "@atlaskit/platform-feature-flags": "^0.2.0",
46
46
  "@atlaskit/theme": "^12.5.0",
47
- "@atlaskit/tokens": "^1.5.0",
47
+ "@atlaskit/tokens": "^1.8.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@emotion/react": "^11.7.1"
50
50
  },
@@ -94,7 +94,7 @@
94
94
  }
95
95
  },
96
96
  "platform-feature-flags": {
97
- "platform.design-system-team.update-border-input_ff9l1": {
97
+ "platform.design-system-team.border-checkbox_nyoiu": {
98
98
  "type": "boolean"
99
99
  }
100
100
  },