@atlaskit/radio - npm Package Compare versions

Comparing version 5.6.10 to 6.0.0

CHANGELOG.md

 # @atlaskit/radio
 
+## 6.0.0
+
+### Major Changes
+
+- [#41866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41866) [`ed8b6957789`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed8b6957789) - Removes any usage of deprecated legacy theming APIs. These have been superseeded by design tokens.
+
 ## 5.6.10
@@ -7,3 +13,3 @@
 
-- [`d6eab5e857c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6eab5e857c) - Fix loose inequality check in determining if a radio button is checked or not.
+- [#39802](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39802) [`d6eab5e857c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6eab5e857c) - Fix loose inequality check in determining if a radio button is checked or not.
 
@@ -14,3 +20,3 @@ ## 5.6.9
 
-- [`9af31f3c1ae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9af31f3c1ae) - Delete version.json
+- [#38731](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38731) [`9af31f3c1ae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9af31f3c1ae) - Delete version.json
 
@@ -21,3 +27,3 @@ ## 5.6.8
 
-- [`931210a5b65`](https://bitbucket.org/atlassian/atlassian-frontend/commits/931210a5b65) - use new feature flag for border contrast update
+- [#37455](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37455) [`931210a5b65`](https://bitbucket.org/atlassian/atlassian-frontend/commits/931210a5b65) - use new feature flag for border contrast update
 
@@ -28,3 +34,3 @@ ## 5.6.7
 
-- [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
+- [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754) [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
 
@@ -35,3 +41,3 @@ ## 5.6.6
 
-- [`2e1fa43ac4b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e1fa43ac4b) - update border width to use border spacing token
+- [#36664](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36664) [`2e1fa43ac4b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e1fa43ac4b) - update border width to use border spacing token
 
@@ -42,3 +48,3 @@ ## 5.6.5
 
-- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
+- [#35441](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35441) [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
 
@@ -49,3 +55,3 @@ ## 5.6.4
 
-- [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
+- [#35111](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35111) [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
 
@@ -56,3 +62,3 @@ ## 5.6.3
 
-- [`53ffecf71cb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53ffecf71cb) - Updated selected radio to use `color.background.selected.bold` instead of `color.background.brand.bold`. There's no visual change as these tokens have same hex value in both light and dark mode.
+- [#35194](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35194) [`53ffecf71cb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53ffecf71cb) - Updated selected radio to use `color.background.selected.bold` instead of `color.background.brand.bold`. There's no visual change as these tokens have same hex value in both light and dark mode.
 
@@ -63,3 +69,3 @@ ## 5.6.2
 
-- [`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
+- [#32935](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32935) [`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
 
@@ -70,3 +76,3 @@ ## 5.6.1
 
-- [`77766ad157d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/77766ad157d) - Enrol packages to push-model consumption in Jira.
+- [#34124](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34124) [`77766ad157d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/77766ad157d) - Enrol packages to push-model consumption in Jira.
 
@@ -77,3 +83,3 @@ ## 5.6.0
 
-- [`b257978b66a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b257978b66a) - [ux] reduce the border from 2px to 1px
+- [#33476](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33476) [`b257978b66a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b257978b66a) - [ux] reduce the border from 2px to 1px
 
@@ -84,3 +90,3 @@ ## 5.5.2
 
-- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
 
@@ -91,3 +97,3 @@ ## 5.5.1
 
-- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
 
@@ -98,3 +104,3 @@ ## 5.5.0
 
-- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
 
@@ -121,3 +127,3 @@ ### Patch Changes
 
-- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
+- [#29390](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29390) [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
 
@@ -128,3 +134,3 @@ ## 5.4.6
 
-- [`22d4be4674b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22d4be4674b) - Fixes issue where disabled radios were using the wrong background and border tokens
+- [#28090](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28090) [`22d4be4674b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22d4be4674b) - Fixes issue where disabled radios were using the wrong background and border tokens
 - [`8e6acf8f038`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e6acf8f038) - Updates tokens used for border and dot, improved tokens appearance when radio is both checked and disabled
@@ -154,3 +160,3 @@
 
-- [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
+- [#26303](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26303) [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
 
@@ -161,3 +167,3 @@ ## 5.4.1
 
-- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
 
@@ -168,3 +174,3 @@ ## 5.4.0
 
-- [`54a5b7576a6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a5b7576a6) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
+- [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004) [`54a5b7576a6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a5b7576a6) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
 
@@ -179,3 +185,3 @@ ### Patch Changes
 
-- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
 
@@ -186,3 +192,3 @@ ## 5.3.12
 
-- [`72cfbe1a536`](https://bitbucket.org/atlassian/atlassian-frontend/commits/72cfbe1a536) - Internal code change turning on new linting rules.
+- [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381) [`72cfbe1a536`](https://bitbucket.org/atlassian/atlassian-frontend/commits/72cfbe1a536) - Internal code change turning on new linting rules.
 - [`fe575d49d66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe575d49d66) - Updated styles to use new input design tokens
@@ -201,3 +207,3 @@ - Updated dependencies
 
-- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
 
@@ -226,4 +232,4 @@ ## 5.3.9
 
+- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`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.
 - [`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.
-- [`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.
 - Updated dependencies
@@ -241,3 +247,3 @@
 
-- [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
+- [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
 - Updated dependencies
@@ -267,3 +273,3 @@
 
-- [`f276913fa2c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f276913fa2c) - Instrumented Radio with the new theming package, `@atlaskit/tokens`.
+- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`f276913fa2c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f276913fa2c) - Instrumented Radio with the new theming package, `@atlaskit/tokens`.
 
@@ -283,3 +289,3 @@ New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
 
-- [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
+- [#12880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12880) [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
 
@@ -290,3 +296,3 @@ ## 5.2.0
 
-- [`5c4717067dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c4717067dd) - [ux] Add aria-labelledby prop to RadioGroup
+- [#11649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11649) [`5c4717067dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c4717067dd) - [ux] Add aria-labelledby prop to RadioGroup
 
@@ -297,3 +303,3 @@ ## 5.1.1
 
-- [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
+- [#12167](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12167) [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
 
@@ -304,3 +310,3 @@ ## 5.1.0
 
-- [`7af2427f3a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7af2427f3a8) - [ux] Update form field examples for validation and add a new prop to RadioGroup component
+- [#11113](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11113) [`7af2427f3a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7af2427f3a8) - [ux] Update form field examples for validation and add a new prop to RadioGroup component
 
@@ -311,3 +317,3 @@ ## 5.0.4
 
-- [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
+- [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644) [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
 
@@ -318,3 +324,3 @@ ## 5.0.3
 
-- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
+- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
 
@@ -325,3 +331,3 @@ ## 5.0.2
 
-- [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
+- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
   This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
@@ -340,3 +346,3 @@ Also add `typescript` to `devDependencies` to denote version that the package was built with.
 
-- [`44ef6437cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/44ef6437cd) - In this version, we made radio dramatically faster and lighter 😍
+- [#4749](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4749) [`44ef6437cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/44ef6437cd) - In this version, we made radio dramatically faster and lighter 😍
 
@@ -366,3 +372,3 @@ ### Changes
 
-- [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
+- [#4707](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4707) [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
 
@@ -373,3 +379,3 @@ ## 4.0.5
 
-- [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
+- [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
 
@@ -383,3 +389,3 @@ Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
 
-- [`76165ad82f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76165ad82f) - Bump required because of conflicts on wadmal release
+- [#4393](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4393) [`76165ad82f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76165ad82f) - Bump required because of conflicts on wadmal release
 
@@ -390,3 +396,3 @@ ## 4.0.3
 
-- [`e99262c6f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99262c6f0) - All form elements now have a default font explicitly set
+- [#3823](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3823) [`e99262c6f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99262c6f0) - All form elements now have a default font explicitly set
 
@@ -397,3 +403,3 @@ ## 4.0.2
 
-- [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
+- [#3293](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3293) [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
 
@@ -404,3 +410,3 @@ ## 4.0.1
 
-- [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all the theme imports to be tree-shakable
+- [#3428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3428) [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all the theme imports to be tree-shakable
 
@@ -411,3 +417,3 @@ ## 4.0.0
 
-- [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
+- [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
   For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
@@ -423,3 +429,3 @@
 
-- [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
+- [#2866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2866) [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
 
@@ -436,3 +442,3 @@ ## 3.2.2
 
-- [`966efe3f95`](https://bitbucket.org/atlassian/atlassian-frontend/commits/966efe3f95) - Change imports to comply with Atlassian conventions- Updated dependencies
+- [#1868](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/1868) [`966efe3f95`](https://bitbucket.org/atlassian/atlassian-frontend/commits/966efe3f95) - Change imports to comply with Atlassian conventions- Updated dependencies
 
@@ -439,0 +445,0 @@ ## 3.2.0

dist/cjs/radio.js

@@ -16,9 +16,7 @@ "use strict";
 var _colors = require("@atlaskit/theme/colors");
-var _components = _interopRequireDefault(require("@atlaskit/theme/components"));
 var _constants = require("@atlaskit/theme/constants");
-var _styles = _interopRequireDefault(require("./styles"));
-var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "mode", "name", "onChange", "value", "testId", "analyticsContext"];
+var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "name", "onChange", "value", "testId", "analyticsContext"];
 /** @jsx jsx */
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.6.10";
+var packageVersion = "6.0.0";
 var fontFamily = (0, _constants.fontFamily)();
@@ -34,2 +32,3 @@ var noop = _noop.default;
   alignItems: 'flex-start',
+  color: "var(--ds-text, ".concat(_colors.N900, ")"),
   fontFamily: fontFamily,
@@ -42,8 +41,2 @@ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
 });
-var lightLabelStyles = (0, _react2.css)({
-  color: "var(--ds-text, ".concat(_colors.N900, ")")
-});
-var darkLabelStyles = (0, _react2.css)({
-  color: "var(--ds-text, ".concat(_colors.DN600, ")")
-});
 var radioStyles = (0, _react2.css)({
@@ -78,5 +71,5 @@ display: 'flex',
   */
-  '--radio-background-color': 'var(--local-background)',
-  '--radio-border-color': 'var(--local-border)',
-  '--radio-dot-color': 'var(--local-dot-checked)',
+  '--radio-background-color': "var(--ds-background-input, ".concat(_colors.N10, ")"),
+  '--radio-border-color': (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(_colors.N100, ")") : "var(--ds-border-input, ".concat(_colors.N40, ")"),
+  '--radio-dot-color': "var(--ds-icon-inverse, ".concat(_colors.N10, ")"),
   '--radio-dot-opacity': 0,
@@ -101,40 +94,40 @@ /* 24px * 7 / 12 === 14px height and width */
   '&:hover': {
-    '--radio-background-color': 'var(--local-background-hover)',
-    '--radio-border-color': 'var(local-border-hover)'
+    '--radio-background-color': "var(--ds-background-input-hovered, ".concat(_colors.N30, ")"),
+    '--radio-border-color': (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(_colors.N100, ")") : "var(--ds-border-input, ".concat(_colors.N40, ")")
   },
   '&:active': {
-    '--radio-background-color': 'var(--local-background-active)'
+    '--radio-background-color': "var(--ds-background-input-pressed, ".concat(_colors.N30, ")")
   },
   '&:focus': {
-    '--radio-border-color': 'var(--local-border-focus)'
+    '--radio-border-color': "var(--ds-border-focused, ".concat(_colors.B100, ")")
   },
   '&:checked': {
-    '--radio-background-color': 'var(--local-background-checked)',
-    '--radio-border-color': 'var(--local-background-checked)',
+    '--radio-background-color': "var(--ds-background-selected-bold, ".concat(_colors.B400, ")"),
+    '--radio-border-color': "var(--ds-background-selected-bold, ".concat(_colors.B400, ")"),
     '--radio-dot-opacity': 1
   },
   '&:checked:hover': {
-    '--radio-background-color': 'var(--local-background-checked-hover)',
-    '--radio-border-color': 'var(--local-background-checked-hover)'
+    '--radio-background-color': "var(--ds-background-selected-bold-hovered, ".concat(_colors.B300, ")"),
+    '--radio-border-color': "var(--ds-background-selected-bold-hovered, ".concat(_colors.B300, ")")
   },
   '&:checked:active': {
-    '--radio-background-color': 'var(--local-background-checked-active)',
-    '--radio-border-color': 'var(--local-border-hover)',
-    '--radio-dot-color': 'var(--local-dot-active)'
+    '--radio-background-color': "var(--ds-background-selected-bold-pressed, ".concat(_colors.B50, ")"),
+    '--radio-border-color': (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(_colors.N100, ")") : "var(--ds-border-input, ".concat(_colors.N40, ")"),
+    '--radio-dot-color': "var(--ds-icon-inverse, ".concat(_colors.B400, ")")
   },
   '&:checked:focus': {
-    '--radio-border-color': 'var(--local-border-focus)'
+    '--radio-border-color': "var(--ds-border-focused, ".concat(_colors.B100, ")")
   },
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '&[data-invalid], &:checked[data-invalid]': {
-    '--radio-border-color': 'var(--local-invalid)'
+    '--radio-border-color': "var(--ds-icon-danger, ".concat(_colors.R300, ")")
   },
   '&:disabled, &:disabled:hover, &:disabled:focus, &:disabled:active, &:disabled[data-invalid]': {
     cursor: 'not-allowed',
-    '--radio-background-color': 'var(--local-background-disabled)',
-    '--radio-border-color': 'var(--local-border-disabled)',
-    '--radio-dot-color': 'var(--local-dot-disabled)'
+    '--radio-background-color': "var(--ds-background-disabled, ".concat(_colors.N20, ")"),
+    '--radio-border-color': "var(--ds-border-disabled, ".concat(_colors.N20, ")"),
+    '--radio-dot-color': "var(--ds-icon-disabled, ".concat(_colors.N70, ")")
   }
 });
-var RadioWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, ref) {
+var InnerRadio = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, ref) {
   var ariaLabel = props.ariaLabel,
@@ -149,3 +142,2 @@ _props$isDisabled = props.isDisabled,
     label = props.label,
-    mode = props.mode,
     name = props.name,
@@ -166,9 +158,6 @@ _props$onChange = props.onChange,
   });
-  var radioCustomProperties = (0, _react.useMemo)(function () {
-    return (0, _react2.css)((0, _styles.default)(mode));
-  }, [mode]);
   return (0, _react2.jsx)("label", {
     "data-testid": testId && "".concat(testId, "--radio-label"),
     "data-disabled": isDisabled ? 'true' : undefined,
-    css: [labelStyles, mode === 'light' ? lightLabelStyles : darkLabelStyles]
+    css: labelStyles
   }, (0, _react2.jsx)("input", (0, _extends2.default)({}, rest, {
@@ -187,7 +176,4 @@ "aria-label": ariaLabel,
     ,
-    "data-invalid": isInvalid ? 'true' : undefined
-    // TODO radioCustomProperties can be defined at top of file when legacy theming removed
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    ,
-    css: [radioStyles, radioCustomProperties],
+    "data-invalid": isInvalid ? 'true' : undefined,
+    css: radioStyles,
     ref: ref
@@ -209,11 +195,6 @@ })), label ? (0, _react2.jsx)("span", {
 var Radio = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, ref) {
-  return (0, _react2.jsx)(_components.default.Consumer, null, function (_ref) {
-    var mode = _ref.mode;
-    return (0, _react2.jsx)(RadioWithMode, (0, _extends2.default)({}, props, {
-      ref: ref,
-      mode: mode
-    }));
-  });
+  return (0, _react2.jsx)(InnerRadio, (0, _extends2.default)({}, props, {
+    ref: ref
+  }));
 }));
-var _default = Radio;
-exports.default = _default;
+var _default = exports.default = Radio;

dist/es2019/radio.js

 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { forwardRef, memo, useMemo } from 'react';
+import { forwardRef, memo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -8,8 +8,6 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { DN600, N80, N900 } from '@atlaskit/theme/colors';
-import GlobalTheme from '@atlaskit/theme/components';
+import { B100, B300, B400, B50, N10, N100, N20, N30, N40, N70, N80, N900, R300 } from '@atlaskit/theme/colors';
 import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
-import getRadioCustomProperties from './styles';
 const packageName = "@atlaskit/radio";
-const packageVersion = "5.6.10";
+const packageVersion = "6.0.0";
 const fontFamily = getFontFamily();
@@ -25,2 +23,3 @@ const noop = __noop;
   alignItems: 'flex-start',
+  color: `var(--ds-text, ${N900})`,
   fontFamily: fontFamily,
@@ -33,8 +32,2 @@ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
 });
-const lightLabelStyles = css({
-  color: `var(--ds-text, ${N900})`
-});
-const darkLabelStyles = css({
-  color: `var(--ds-text, ${DN600})`
-});
 const radioStyles = css({
@@ -69,5 +62,5 @@ display: 'flex',
   */
-  '--radio-background-color': 'var(--local-background)',
-  '--radio-border-color': 'var(--local-border)',
-  '--radio-dot-color': 'var(--local-dot-checked)',
+  '--radio-background-color': `var(--ds-background-input, ${N10})`,
+  '--radio-border-color': getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? `var(--ds-border-bold, ${N100})` : `var(--ds-border-input, ${N40})`,
+  '--radio-dot-color': `var(--ds-icon-inverse, ${N10})`,
   '--radio-dot-opacity': 0,
@@ -92,40 +85,40 @@ /* 24px * 7 / 12 === 14px height and width */
   '&:hover': {
-    '--radio-background-color': 'var(--local-background-hover)',
-    '--radio-border-color': 'var(local-border-hover)'
+    '--radio-background-color': `var(--ds-background-input-hovered, ${N30})`,
+    '--radio-border-color': getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? `var(--ds-border-bold, ${N100})` : `var(--ds-border-input, ${N40})`
   },
   '&:active': {
-    '--radio-background-color': 'var(--local-background-active)'
+    '--radio-background-color': `var(--ds-background-input-pressed, ${N30})`
   },
   '&:focus': {
-    '--radio-border-color': 'var(--local-border-focus)'
+    '--radio-border-color': `var(--ds-border-focused, ${B100})`
   },
   '&:checked': {
-    '--radio-background-color': 'var(--local-background-checked)',
-    '--radio-border-color': 'var(--local-background-checked)',
+    '--radio-background-color': `var(--ds-background-selected-bold, ${B400})`,
+    '--radio-border-color': `var(--ds-background-selected-bold, ${B400})`,
     '--radio-dot-opacity': 1
   },
   '&:checked:hover': {
-    '--radio-background-color': 'var(--local-background-checked-hover)',
-    '--radio-border-color': 'var(--local-background-checked-hover)'
+    '--radio-background-color': `var(--ds-background-selected-bold-hovered, ${B300})`,
+    '--radio-border-color': `var(--ds-background-selected-bold-hovered, ${B300})`
   },
   '&:checked:active': {
-    '--radio-background-color': 'var(--local-background-checked-active)',
-    '--radio-border-color': 'var(--local-border-hover)',
-    '--radio-dot-color': 'var(--local-dot-active)'
+    '--radio-background-color': `var(--ds-background-selected-bold-pressed, ${B50})`,
+    '--radio-border-color': getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? `var(--ds-border-bold, ${N100})` : `var(--ds-border-input, ${N40})`,
+    '--radio-dot-color': `var(--ds-icon-inverse, ${B400})`
   },
   '&:checked:focus': {
-    '--radio-border-color': 'var(--local-border-focus)'
+    '--radio-border-color': `var(--ds-border-focused, ${B100})`
   },
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '&[data-invalid], &:checked[data-invalid]': {
-    '--radio-border-color': 'var(--local-invalid)'
+    '--radio-border-color': `var(--ds-icon-danger, ${R300})`
   },
   '&:disabled, &:disabled:hover, &:disabled:focus, &:disabled:active, &:disabled[data-invalid]': {
     cursor: 'not-allowed',
-    '--radio-background-color': 'var(--local-background-disabled)',
-    '--radio-border-color': 'var(--local-border-disabled)',
-    '--radio-dot-color': 'var(--local-dot-disabled)'
+    '--radio-background-color': `var(--ds-background-disabled, ${N20})`,
+    '--radio-border-color': `var(--ds-border-disabled, ${N20})`,
+    '--radio-dot-color': `var(--ds-icon-disabled, ${N70})`
   }
 });
-const RadioWithMode = /*#__PURE__*/forwardRef(function Radio(props, ref) {
+const InnerRadio = /*#__PURE__*/forwardRef(function Radio(props, ref) {
   const {
@@ -138,3 +131,2 @@ ariaLabel,
     label,
-    mode,
     name,
@@ -156,7 +148,6 @@ onChange = noop,
   });
-  const radioCustomProperties = useMemo(() => css(getRadioCustomProperties(mode)), [mode]);
   return jsx("label", {
     "data-testid": testId && `${testId}--radio-label`,
     "data-disabled": isDisabled ? 'true' : undefined,
-    css: [labelStyles, mode === 'light' ? lightLabelStyles : darkLabelStyles]
+    css: labelStyles
   }, jsx("input", _extends({}, rest, {
@@ -175,7 +166,4 @@ "aria-label": ariaLabel,
     ,
-    "data-invalid": isInvalid ? 'true' : undefined
-    // TODO radioCustomProperties can be defined at top of file when legacy theming removed
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    ,
-    css: [radioStyles, radioCustomProperties],
+    "data-invalid": isInvalid ? 'true' : undefined,
+    css: radioStyles,
     ref: ref
@@ -197,9 +185,6 @@ })), label ? jsx("span", {
 const Radio = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Radio(props, ref) {
-  return jsx(GlobalTheme.Consumer, null, ({
-    mode
-  }) => jsx(RadioWithMode, _extends({}, props, {
-    ref: ref,
-    mode: mode
-  })));
+  return jsx(InnerRadio, _extends({}, props, {
+    ref: ref
+  }));
 }));
 export default Radio;

dist/esm/radio.js

 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "mode", "name", "onChange", "value", "testId", "analyticsContext"];
+var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "name", "onChange", "value", "testId", "analyticsContext"];
 /** @jsx jsx */
-import { forwardRef, memo, useMemo } from 'react';
+import { forwardRef, memo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -10,8 +10,6 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { DN600, N80, N900 } from '@atlaskit/theme/colors';
-import GlobalTheme from '@atlaskit/theme/components';
+import { B100, B300, B400, B50, N10, N100, N20, N30, N40, N70, N80, N900, R300 } from '@atlaskit/theme/colors';
 import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
-import getRadioCustomProperties from './styles';
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.6.10";
+var packageVersion = "6.0.0";
 var fontFamily = getFontFamily();
@@ -27,2 +25,3 @@ var noop = __noop;
   alignItems: 'flex-start',
+  color: "var(--ds-text, ".concat(N900, ")"),
   fontFamily: fontFamily,
@@ -35,8 +34,2 @@ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
 });
-var lightLabelStyles = css({
-  color: "var(--ds-text, ".concat(N900, ")")
-});
-var darkLabelStyles = css({
-  color: "var(--ds-text, ".concat(DN600, ")")
-});
 var radioStyles = css({
@@ -71,5 +64,5 @@ display: 'flex',
   */
-  '--radio-background-color': 'var(--local-background)',
-  '--radio-border-color': 'var(--local-border)',
-  '--radio-dot-color': 'var(--local-dot-checked)',
+  '--radio-background-color': "var(--ds-background-input, ".concat(N10, ")"),
+  '--radio-border-color': getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(N100, ")") : "var(--ds-border-input, ".concat(N40, ")"),
+  '--radio-dot-color': "var(--ds-icon-inverse, ".concat(N10, ")"),
   '--radio-dot-opacity': 0,
@@ -94,40 +87,40 @@ /* 24px * 7 / 12 === 14px height and width */
   '&:hover': {
-    '--radio-background-color': 'var(--local-background-hover)',
-    '--radio-border-color': 'var(local-border-hover)'
+    '--radio-background-color': "var(--ds-background-input-hovered, ".concat(N30, ")"),
+    '--radio-border-color': getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(N100, ")") : "var(--ds-border-input, ".concat(N40, ")")
   },
   '&:active': {
-    '--radio-background-color': 'var(--local-background-active)'
+    '--radio-background-color': "var(--ds-background-input-pressed, ".concat(N30, ")")
   },
   '&:focus': {
-    '--radio-border-color': 'var(--local-border-focus)'
+    '--radio-border-color': "var(--ds-border-focused, ".concat(B100, ")")
   },
   '&:checked': {
-    '--radio-background-color': 'var(--local-background-checked)',
-    '--radio-border-color': 'var(--local-background-checked)',
+    '--radio-background-color': "var(--ds-background-selected-bold, ".concat(B400, ")"),
+    '--radio-border-color': "var(--ds-background-selected-bold, ".concat(B400, ")"),
     '--radio-dot-opacity': 1
   },
   '&:checked:hover': {
-    '--radio-background-color': 'var(--local-background-checked-hover)',
-    '--radio-border-color': 'var(--local-background-checked-hover)'
+    '--radio-background-color': "var(--ds-background-selected-bold-hovered, ".concat(B300, ")"),
+    '--radio-border-color': "var(--ds-background-selected-bold-hovered, ".concat(B300, ")")
   },
   '&:checked:active': {
-    '--radio-background-color': 'var(--local-background-checked-active)',
-    '--radio-border-color': 'var(--local-border-hover)',
-    '--radio-dot-color': 'var(--local-dot-active)'
+    '--radio-background-color': "var(--ds-background-selected-bold-pressed, ".concat(B50, ")"),
+    '--radio-border-color': getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(N100, ")") : "var(--ds-border-input, ".concat(N40, ")"),
+    '--radio-dot-color': "var(--ds-icon-inverse, ".concat(B400, ")")
   },
   '&:checked:focus': {
-    '--radio-border-color': 'var(--local-border-focus)'
+    '--radio-border-color': "var(--ds-border-focused, ".concat(B100, ")")
   },
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '&[data-invalid], &:checked[data-invalid]': {
-    '--radio-border-color': 'var(--local-invalid)'
+    '--radio-border-color': "var(--ds-icon-danger, ".concat(R300, ")")
   },
   '&:disabled, &:disabled:hover, &:disabled:focus, &:disabled:active, &:disabled[data-invalid]': {
     cursor: 'not-allowed',
-    '--radio-background-color': 'var(--local-background-disabled)',
-    '--radio-border-color': 'var(--local-border-disabled)',
-    '--radio-dot-color': 'var(--local-dot-disabled)'
+    '--radio-background-color': "var(--ds-background-disabled, ".concat(N20, ")"),
+    '--radio-border-color': "var(--ds-border-disabled, ".concat(N20, ")"),
+    '--radio-dot-color': "var(--ds-icon-disabled, ".concat(N70, ")")
   }
 });
-var RadioWithMode = /*#__PURE__*/forwardRef(function Radio(props, ref) {
+var InnerRadio = /*#__PURE__*/forwardRef(function Radio(props, ref) {
   var ariaLabel = props.ariaLabel,
@@ -142,3 +135,2 @@ _props$isDisabled = props.isDisabled,
     label = props.label,
-    mode = props.mode,
     name = props.name,
@@ -159,9 +151,6 @@ _props$onChange = props.onChange,
   });
-  var radioCustomProperties = useMemo(function () {
-    return css(getRadioCustomProperties(mode));
-  }, [mode]);
   return jsx("label", {
     "data-testid": testId && "".concat(testId, "--radio-label"),
     "data-disabled": isDisabled ? 'true' : undefined,
-    css: [labelStyles, mode === 'light' ? lightLabelStyles : darkLabelStyles]
+    css: labelStyles
   }, jsx("input", _extends({}, rest, {
@@ -180,7 +169,4 @@ "aria-label": ariaLabel,
     ,
-    "data-invalid": isInvalid ? 'true' : undefined
-    // TODO radioCustomProperties can be defined at top of file when legacy theming removed
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    ,
-    css: [radioStyles, radioCustomProperties],
+    "data-invalid": isInvalid ? 'true' : undefined,
+    css: radioStyles,
     ref: ref
@@ -202,10 +188,6 @@ })), label ? jsx("span", {
 var Radio = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Radio(props, ref) {
-  return jsx(GlobalTheme.Consumer, null, function (_ref) {
-    var mode = _ref.mode;
-    return jsx(RadioWithMode, _extends({}, props, {
-      ref: ref,
-      mode: mode
-    }));
-  });
+  return jsx(InnerRadio, _extends({}, props, {
+    ref: ref
+  }));
 }));
 export default Radio;

dist/types-ts4.5/radio-group.d.ts

@@ -6,7 +6,7 @@ import React, { SyntheticEvent } from 'react';
     /**
-     * Once set, controls the selected value on the `RadioGroup`
+     * Once set, controls the selected value on the `RadioGroup`.
      */
     value?: RadioValue | null;
     /**
-     * Sets the initial selected value on the `RadioGroup`
+     * Sets the initial selected value on the `RadioGroup`.
      */
@@ -19,7 +19,7 @@ defaultValue?: RadioValue | null;
     /**
-     * Sets the required state of all `Radio` elements in the group
+     * Sets the required state of all `Radio` elements in the group.
      */
     isRequired?: boolean;
     /**
-     * Sets the invalid state of all `Radio` elements in the group
+     * Sets the invalid state of all `Radio` elements in the group.
      */
@@ -32,19 +32,19 @@ isInvalid?: boolean;
     /**
-     * Function that gets fired after each invalid event
+     * Function that gets fired after each invalid event.
      */
     onInvalid?: (event: SyntheticEvent<any>) => void;
     /**
-     * Function that gets after each change event
+     * Function that gets after each change event.
      */
     onChange?: (e: React.ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void;
     /**
-     * Sets the `name` prop on each of the `Radio` elements in the group
+     * Sets the `name` prop on each of the `Radio` elements in the group.
      */
     name?: string;
     /**
-     * Additional information to be included in the `context` of analytics events that come from radio
+     * Additional information to be included in the `context` of analytics events that come from radio.
      */
     analyticsContext?: Record<string, any>;
     /**
-     * The id of the element that links to this radiogroup.
+     * The id of the element that links to this radio group.
      */
@@ -51,0 +51,0 @@ 'aria-labelledby'?: string;

dist/types-ts4.5/types.d.ts

@@ -14,3 +14,3 @@ import { ReactNode, SyntheticEvent } from 'react';
     /**
-     * the aria-label attribute associated with the radio element
+     * The aria-label attribute associated with the radio element.
      */
@@ -23,23 +23,23 @@ ariaLabel?: string;
     /**
-     * Marks this as a required field
+     * Marks this as a required field.
      */
     isRequired?: boolean;
     /**
-     * Field is invalid
+     * Marks this as an invalid field.
      */
     isInvalid?: boolean;
     /**
-     * Set the field as checked
+     * Set the field as checked.
      */
     isChecked?: boolean;
     /**
-     * The label value for the input rendered to the dom
+     * The label value for the input rendered to the DOM.
      */
     label?: ReactNode;
     /**
-     * onChange event handler, passed into the props of each `Radio` Component instantiated within `RadioGroup`
+     * onChange event handler, passed into the props of each `Radio` Component instantiated within `RadioGroup`.
      */
     onChange?: (e: React.ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void;
     /**
-     * Field value
+     * Field value.
      */
@@ -51,7 +51,7 @@ value?: RadioValue;
      * - `{testId}--radio-input` to check if it got changed to checked/unchecked.
-     * - `{testId}--radio-label` to click the input
+     * - `{testId}--radio-label` to click the input.
      */
     testId?: string;
     /**
-     * Additional information to be included in the `context` of analytics events that come from radio
+     * Additional information to be included in the `context` of analytics events that come from radio.
      */
@@ -64,31 +64,31 @@ analyticsContext?: Record<string, any>;
     /**
-     * the aria-label attribute associated with the radio element
+     * The aria-label attribute associated with the radio element.
      */
     ariaLabel?: string;
     /**
-     * Field disabled
+     * Marks this as a disabled field.
      */
     isDisabled?: boolean;
     /**
-     * Marks this as a required field
+     * Marks this as a required field.
      */
     isRequired?: boolean;
     /**
-     * Field is invalid
+     * Marks this as an invalid field.
      */
     isInvalid?: boolean;
     /**
-     * Set the field as checked
+     * Set the field as checked.
      */
     isChecked?: boolean;
     /**
-     * The label value for the input rendered to the dom
+     * The label value for the input rendered to the DOM.
      */
     label?: ReactNode;
     /**
-     * Field name, must be unique to the radio group
+     * Field name, must be unique to the radio group.
      */
     name?: string;
     /**
-     * `onChange` event handler, passed into the props of each `Radio` Component instantiated within RadioGroup
+     * `onChange` event handler, passed into the props of each `Radio` Component instantiated within RadioGroup.
      */
@@ -103,7 +103,7 @@ onChange?: (e: React.ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void;
     /**
-     * `onInvalid` event handler, passed into the props of each `Radio` component instantiated within `RadioGroup`
+     * `onInvalid` event handler, passed into the props of each `Radio` component instantiated within `RadioGroup`.
      */
     onInvalid?: (e: SyntheticEvent<any>) => void;
     /**
-     * Field value
+     * Field value.
      */
@@ -119,3 +119,3 @@ value?: RadioValue;
     /**
-     * Additional information to be included in the `context` of analytics events that come from radio
+     * Additional information to be included in the `context` of analytics events that come from radio.
      */
@@ -122,0 +122,0 @@ analyticsContext?: Record<string, any>;

dist/types/radio-group.d.ts

@@ -6,7 +6,7 @@ import React, { SyntheticEvent } from 'react';
     /**
-     * Once set, controls the selected value on the `RadioGroup`
+     * Once set, controls the selected value on the `RadioGroup`.
      */
     value?: RadioValue | null;
     /**
-     * Sets the initial selected value on the `RadioGroup`
+     * Sets the initial selected value on the `RadioGroup`.
      */
@@ -19,7 +19,7 @@ defaultValue?: RadioValue | null;
     /**
-     * Sets the required state of all `Radio` elements in the group
+     * Sets the required state of all `Radio` elements in the group.
      */
     isRequired?: boolean;
     /**
-     * Sets the invalid state of all `Radio` elements in the group
+     * Sets the invalid state of all `Radio` elements in the group.
      */
@@ -32,19 +32,19 @@ isInvalid?: boolean;
     /**
-     * Function that gets fired after each invalid event
+     * Function that gets fired after each invalid event.
      */
     onInvalid?: (event: SyntheticEvent<any>) => void;
     /**
-     * Function that gets after each change event
+     * Function that gets after each change event.
      */
     onChange?: (e: React.ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void;
     /**
-     * Sets the `name` prop on each of the `Radio` elements in the group
+     * Sets the `name` prop on each of the `Radio` elements in the group.
      */
     name?: string;
     /**
-     * Additional information to be included in the `context` of analytics events that come from radio
+     * Additional information to be included in the `context` of analytics events that come from radio.
      */
     analyticsContext?: Record<string, any>;
     /**
-     * The id of the element that links to this radiogroup.
+     * The id of the element that links to this radio group.
      */
@@ -51,0 +51,0 @@ 'aria-labelledby'?: string;

dist/types/types.d.ts

@@ -14,3 +14,3 @@ import { ReactNode, SyntheticEvent } from 'react';
     /**
-     * the aria-label attribute associated with the radio element
+     * The aria-label attribute associated with the radio element.
      */
@@ -23,23 +23,23 @@ ariaLabel?: string;
     /**
-     * Marks this as a required field
+     * Marks this as a required field.
      */
     isRequired?: boolean;
     /**
-     * Field is invalid
+     * Marks this as an invalid field.
      */
     isInvalid?: boolean;
     /**
-     * Set the field as checked
+     * Set the field as checked.
      */
     isChecked?: boolean;
     /**
-     * The label value for the input rendered to the dom
+     * The label value for the input rendered to the DOM.
      */
     label?: ReactNode;
     /**
-     * onChange event handler, passed into the props of each `Radio` Component instantiated within `RadioGroup`
+     * onChange event handler, passed into the props of each `Radio` Component instantiated within `RadioGroup`.
      */
     onChange?: (e: React.ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void;
     /**
-     * Field value
+     * Field value.
      */
@@ -51,7 +51,7 @@ value?: RadioValue;
      * - `{testId}--radio-input` to check if it got changed to checked/unchecked.
-     * - `{testId}--radio-label` to click the input
+     * - `{testId}--radio-label` to click the input.
      */
     testId?: string;
     /**
-     * Additional information to be included in the `context` of analytics events that come from radio
+     * Additional information to be included in the `context` of analytics events that come from radio.
      */
@@ -64,31 +64,31 @@ analyticsContext?: Record<string, any>;
     /**
-     * the aria-label attribute associated with the radio element
+     * The aria-label attribute associated with the radio element.
      */
     ariaLabel?: string;
     /**
-     * Field disabled
+     * Marks this as a disabled field.
      */
     isDisabled?: boolean;
     /**
-     * Marks this as a required field
+     * Marks this as a required field.
      */
     isRequired?: boolean;
     /**
-     * Field is invalid
+     * Marks this as an invalid field.
      */
     isInvalid?: boolean;
     /**
-     * Set the field as checked
+     * Set the field as checked.
      */
     isChecked?: boolean;
     /**
-     * The label value for the input rendered to the dom
+     * The label value for the input rendered to the DOM.
      */
     label?: ReactNode;
     /**
-     * Field name, must be unique to the radio group
+     * Field name, must be unique to the radio group.
      */
     name?: string;
     /**
-     * `onChange` event handler, passed into the props of each `Radio` Component instantiated within RadioGroup
+     * `onChange` event handler, passed into the props of each `Radio` Component instantiated within RadioGroup.
      */
@@ -103,7 +103,7 @@ onChange?: (e: React.ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void;
     /**
-     * `onInvalid` event handler, passed into the props of each `Radio` component instantiated within `RadioGroup`
+     * `onInvalid` event handler, passed into the props of each `Radio` component instantiated within `RadioGroup`.
      */
     onInvalid?: (e: SyntheticEvent<any>) => void;
     /**
-     * Field value
+     * Field value.
      */
@@ -119,3 +119,3 @@ value?: RadioValue;
     /**
-     * Additional information to be included in the `context` of analytics events that come from radio
+     * Additional information to be included in the `context` of analytics events that come from radio.
      */
@@ -122,0 +122,0 @@ analyticsContext?: Record<string, any>;

package.json

 {
   "name": "@atlaskit/radio",
-  "version": "5.6.10",
+  "version": "6.0.0",
   "description": "A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.",
@@ -47,3 +47,3 @@ "publishConfig": {
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.21.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@babel/runtime": "^7.0.0",
@@ -50,0 +50,0 @@ "@emotion/react": "^11.7.1"

No alert changes

Worsened metrics

Total package byte prevSize

122776

decreased by-7%

Number of package files

31

decreased by-13.89%

Lines of code

1407

decreased by-15.5%

Dependency changes

• Updated@atlaskit/tokens@^1.28.0