@atlaskit/radio 6.1.2 → 6.1.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/radio
 
+## 6.1.3
+
+### Patch Changes
+
+- [#90003](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/90003) [`31fa4f46303a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/31fa4f46303a) - Internal changes to typography, no visual change.
+
 ## 6.1.2
 
 ### Patch Changes
@@ -26,7 +32,7 @@
 
 ### Patch Changes
 
-- [#78598](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78598) [`cabae83473c3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cabae83473c3) - [ux] Focus styles for Checkbox and Radio components
+- [#78598](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78598) [`cabae83473c3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cabae83473c3) - [ux] Improved visibility of focus styles by adding a gap between the radio and focus ring. This makes the focus ring easier to distinguish to a selected radio, which is also blue.
 
 ## 6.0.2
 

package/dist/cjs/radio.js

@@ -13,12 +13,10 @@ var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatform
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
 var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "name", "onChange", "value", "testId", "analyticsContext"];
 /** @jsx jsx */
 var packageName = "@atlaskit/radio";
-var packageVersion = "6.1.2";
-var fontFamily = (0, _constants.fontFamily)();
+var packageVersion = "6.1.3";
 var noop = _noop.default;
 var labelPaddingStyles = (0, _react2.css)({
   padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)")
@@ -29,7 +27,7 @@ var labelStyles = (0, _react2.css)({
   position: 'relative',
   alignItems: 'flex-start',
   color: "var(--ds-text, ".concat(_colors.N900, ")"),
-  fontFamily: fontFamily,
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '&[data-disabled]': {
     color: "var(--ds-text-disabled, ".concat(_colors.N80, ")"),

package/dist/es2019/radio.js

@@ -6,10 +6,8 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatfor
 import __noop from '@atlaskit/ds-lib/noop';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B200, B300, B400, B50, N10, N100, N20, N30, N40, N70, N80, N900, R300 } from '@atlaskit/theme/colors';
-import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
 const packageName = "@atlaskit/radio";
-const packageVersion = "6.1.2";
-const fontFamily = getFontFamily();
+const packageVersion = "6.1.3";
 const noop = __noop;
 const labelPaddingStyles = css({
   padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-050, 4px)"}`
@@ -20,7 +18,7 @@ const labelStyles = css({
   position: 'relative',
   alignItems: 'flex-start',
   color: `var(--ds-text, ${N900})`,
-  fontFamily: fontFamily,
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '&[data-disabled]': {
     color: `var(--ds-text-disabled, ${N80})`,

package/dist/esm/radio.js

@@ -8,10 +8,8 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatfor
 import __noop from '@atlaskit/ds-lib/noop';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B200, B300, B400, B50, N10, N100, N20, N30, N40, N70, N80, N900, R300 } from '@atlaskit/theme/colors';
-import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
 var packageName = "@atlaskit/radio";
-var packageVersion = "6.1.2";
-var fontFamily = getFontFamily();
+var packageVersion = "6.1.3";
 var noop = __noop;
 var labelPaddingStyles = css({
   padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)")
@@ -22,7 +20,7 @@ var labelStyles = css({
   position: 'relative',
   alignItems: 'flex-start',
   color: "var(--ds-text, ".concat(N900, ")"),
-  fontFamily: fontFamily,
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '&[data-disabled]': {
     color: "var(--ds-text-disabled, ".concat(N80, ")"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/radio",
-  "version": "6.1.2",
+  "version": "6.1.3",
   "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/"
@@ -41,10 +41,10 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.2.0",
-    "@atlaskit/ds-lib": "^2.2.0",
+    "@atlaskit/ds-lib": "^2.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.42.0",
+    "@atlaskit/theme": "^12.7.0",
+    "@atlaskit/tokens": "^1.43.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -54,6 +54,7 @@
   "devDependencies": {
     "@af/accessibility-testing": "*",
     "@af/integration-testing": "*",
+    "@atlaskit/checkbox": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",