@atlaskit/radio 5.6.4 → 5.6.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/radio
 
+## 5.6.6
+
+### Patch Changes
+
+- [`2e1fa43ac4b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e1fa43ac4b) - update border width to use border spacing token
+
+## 5.6.5
+
+### Patch Changes
+
+- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
+
 ## 5.6.4
 
 ### Patch Changes

package/dist/cjs/radio.js

@@ -19,7 +19,7 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "mode", "name", "onChange", "value", "testId", "analyticsContext"];
 /** @jsx jsx */
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.6.4";
+var packageVersion = "5.6.6";
 var fontFamily = (0, _constants.fontFamily)();
 var noop = _noop.default;
 var labelPaddingStyles = (0, _react2.css)({
@@ -63,8 +63,8 @@ var radioStyles = (0, _react2.css)({
   backgroundColor: 'var(--radio-background-color)',
   /* 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
     inner circle not be centred at various zoom levels */
-  border: "".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? '1px' : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
-  borderRadius: '50%',
+  border: "".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
+  borderRadius: "var(--ds-border-radius-circle, 50%)",
   MozAppearance: 'none',
   outline: 'none',
   /*
@@ -87,7 +87,8 @@ var radioStyles = (0, _react2.css)({
     height: 'calc(4px * 12 / 7)',
     position: 'absolute',
     background: 'var(--radio-dot-color)',
-    borderRadius: '50%',
+    // TODO Delete this comment after verifying spacing token -> previous value `'50%'`
+    borderRadius: "var(--ds-border-radius-circle, 50%)",
     content: "''",
     opacity: 'var(--radio-dot-opacity)',
     transition: 'background-color 0.2s ease-in-out, opacity 0.2s ease-in-out'

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/radio",
-	"version": "5.6.4",
+	"version": "5.6.6",
 	"sideEffects": false
 }

package/dist/es2019/radio.js

@@ -10,7 +10,7 @@ import GlobalTheme from '@atlaskit/theme/components';
 import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
 import getRadioCustomProperties from './styles';
 const packageName = "@atlaskit/radio";
-const packageVersion = "5.6.4";
+const packageVersion = "5.6.6";
 const fontFamily = getFontFamily();
 const noop = __noop;
 const labelPaddingStyles = css({
@@ -54,8 +54,8 @@ const radioStyles = css({
   backgroundColor: 'var(--radio-background-color)',
   /* 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
     inner circle not be centred at various zoom levels */
-  border: `${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? '1px' : 'calc(2px * 12 / 7)'} solid var(--radio-border-color)`,
-  borderRadius: '50%',
+  border: `${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 'calc(2px * 12 / 7)'} solid var(--radio-border-color)`,
+  borderRadius: "var(--ds-border-radius-circle, 50%)",
   MozAppearance: 'none',
   outline: 'none',
   /*
@@ -78,7 +78,8 @@ const radioStyles = css({
     height: 'calc(4px * 12 / 7)',
     position: 'absolute',
     background: 'var(--radio-dot-color)',
-    borderRadius: '50%',
+    // TODO Delete this comment after verifying spacing token -> previous value `'50%'`
+    borderRadius: "var(--ds-border-radius-circle, 50%)",
     content: "''",
     opacity: 'var(--radio-dot-opacity)',
     transition: 'background-color 0.2s ease-in-out, opacity 0.2s ease-in-out'

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/radio",
-	"version": "5.6.4",
+	"version": "5.6.6",
 	"sideEffects": false
 }

package/dist/esm/radio.js

@@ -12,7 +12,7 @@ import GlobalTheme from '@atlaskit/theme/components';
 import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
 import getRadioCustomProperties from './styles';
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.6.4";
+var packageVersion = "5.6.6";
 var fontFamily = getFontFamily();
 var noop = __noop;
 var labelPaddingStyles = css({
@@ -56,8 +56,8 @@ var radioStyles = css({
   backgroundColor: 'var(--radio-background-color)',
   /* 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
     inner circle not be centred at various zoom levels */
-  border: "".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? '1px' : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
-  borderRadius: '50%',
+  border: "".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
+  borderRadius: "var(--ds-border-radius-circle, 50%)",
   MozAppearance: 'none',
   outline: 'none',
   /*
@@ -80,7 +80,8 @@ var radioStyles = css({
     height: 'calc(4px * 12 / 7)',
     position: 'absolute',
     background: 'var(--radio-dot-color)',
-    borderRadius: '50%',
+    // TODO Delete this comment after verifying spacing token -> previous value `'50%'`
+    borderRadius: "var(--ds-border-radius-circle, 50%)",
     content: "''",
     opacity: 'var(--radio-dot-opacity)',
     transition: 'background-color 0.2s ease-in-out, opacity 0.2s ease-in-out'

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/radio",
-	"version": "5.6.4",
+	"version": "5.6.6",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/radio",
-  "version": "5.6.4",
+  "version": "5.6.6",
   "description": "A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.8.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -52,11 +52,6 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.7.0",
-    "@atlaskit/checkbox": "^12.6.0",
-    "@atlaskit/docs": "^9.1.0",
-    "@atlaskit/form": "^8.11.0",
-    "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
@@ -100,4 +95,4 @@
   },
   "homepage": "https://atlassian.design/components/radio/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}

package/extract-react-types/radio-props.tsx

@@ -1,5 +0,0 @@
-import { ExtractReactTypeProps } from '../src/types';
-
-export default function RadioProps(props: ExtractReactTypeProps) {
-  return null;
-}