@atlaskit/radio - npm Package Compare versions

Comparing version 5.6.2 to 5.6.3

CHANGELOG.md

 # @atlaskit/radio
 
+## 5.6.3
+
+### Patch Changes
+
+- [`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.
+
 ## 5.6.2
@@ -4,0 +10,0 @@

dist/cjs/radio.js

@@ -22,3 +22,3 @@ "use strict";
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.6.2";
+var packageVersion = "5.6.3";
 var fontFamily = (0, _constants.fontFamily)();
@@ -168,6 +168,3 @@ var noop = _noop.default;
       "data-testid": testId && "".concat(testId, "--radio-label"),
-      "data-disabled": isDisabled ? 'true' : undefined
-      // TODO these will no longer be dynamic styles when legacy theming removed
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
-      ,
+      "data-disabled": isDisabled ? 'true' : undefined,
       css: [labelStyles, mode === 'light' ? lightLabelStyles : darkLabelStyles]
@@ -189,3 +186,3 @@ }, (0, _react2.jsx)("input", (0, _extends2.default)({}, rest, {
       // TODO radioCustomProperties can be defined at top of file when legacy theming removed
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       ,
@@ -192,0 +189,0 @@ css: [radioStyles, radioCustomProperties],

dist/cjs/styles.js

@@ -14,5 +14,5 @@ "use strict";
     backgroundActive: "var(--ds-background-input-pressed, ".concat(_colors.N30, ")"),
-    backgroundChecked: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")"),
-    backgroundCheckedHover: "var(--ds-background-brand-bold-hovered, ".concat(_colors.B300, ")"),
-    backgroundCheckedActive: "var(--ds-background-brand-bold-pressed, ".concat(_colors.B50, ")"),
+    backgroundChecked: "var(--ds-background-selected-bold, ".concat(_colors.B400, ")"),
+    backgroundCheckedHover: "var(--ds-background-selected-bold-hovered, ".concat(_colors.B300, ")"),
+    backgroundCheckedActive: "var(--ds-background-selected-bold-pressed, ".concat(_colors.B50, ")"),
     backgroundDisabled: "var(--ds-background-disabled, ".concat(_colors.N20, ")"),
@@ -31,5 +31,5 @@ dotChecked: "var(--ds-icon-inverse, ".concat(_colors.N10, ")"),
     backgroundActive: "var(--ds-background-input-pressed, ".concat(_colors.B200, ")"),
-    backgroundChecked: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")"),
-    backgroundCheckedHover: "var(--ds-background-brand-bold-hovered, ".concat(_colors.B75, ")"),
-    backgroundCheckedActive: "var(--ds-background-brand-bold-pressed, ".concat(_colors.B200, ")"),
+    backgroundChecked: "var(--ds-background-selected-bold, ".concat(_colors.B400, ")"),
+    backgroundCheckedHover: "var(--ds-background-selected-bold-hovered, ".concat(_colors.B75, ")"),
+    backgroundCheckedActive: "var(--ds-background-selected-bold-pressed, ".concat(_colors.B200, ")"),
     backgroundDisabled: "var(--ds-background-disabled, ".concat(_colors.DN10, ")"),
@@ -36,0 +36,0 @@ dotChecked: "var(--ds-icon-inverse, ".concat(_colors.DN10, ")"),

dist/cjs/version.json

 {
 	"name": "@atlaskit/radio",
-	"version": "5.6.2",
+	"version": "5.6.3",
 	"sideEffects": false
 }

dist/es2019/radio.js

@@ -13,3 +13,3 @@ import _extends from "@babel/runtime/helpers/extends";
 const packageName = "@atlaskit/radio";
-const packageVersion = "5.6.2";
+const packageVersion = "5.6.3";
 const fontFamily = getFontFamily();
@@ -156,6 +156,3 @@ const noop = __noop;
       "data-testid": testId && `${testId}--radio-label`,
-      "data-disabled": isDisabled ? 'true' : undefined
-      // TODO these will no longer be dynamic styles when legacy theming removed
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
-      ,
+      "data-disabled": isDisabled ? 'true' : undefined,
       css: [labelStyles, mode === 'light' ? lightLabelStyles : darkLabelStyles]
@@ -177,3 +174,3 @@ }, jsx("input", _extends({}, rest, {
       // TODO radioCustomProperties can be defined at top of file when legacy theming removed
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       ,
@@ -180,0 +177,0 @@ css: [radioStyles, radioCustomProperties],

dist/es2019/styles.js

@@ -8,5 +8,5 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
     backgroundActive: `var(--ds-background-input-pressed, ${N30})`,
-    backgroundChecked: `var(--ds-background-brand-bold, ${B400})`,
-    backgroundCheckedHover: `var(--ds-background-brand-bold-hovered, ${B300})`,
-    backgroundCheckedActive: `var(--ds-background-brand-bold-pressed, ${B50})`,
+    backgroundChecked: `var(--ds-background-selected-bold, ${B400})`,
+    backgroundCheckedHover: `var(--ds-background-selected-bold-hovered, ${B300})`,
+    backgroundCheckedActive: `var(--ds-background-selected-bold-pressed, ${B50})`,
     backgroundDisabled: `var(--ds-background-disabled, ${N20})`,
@@ -25,5 +25,5 @@ dotChecked: `var(--ds-icon-inverse, ${N10})`,
     backgroundActive: `var(--ds-background-input-pressed, ${B200})`,
-    backgroundChecked: `var(--ds-background-brand-bold, ${B400})`,
-    backgroundCheckedHover: `var(--ds-background-brand-bold-hovered, ${B75})`,
-    backgroundCheckedActive: `var(--ds-background-brand-bold-pressed, ${B200})`,
+    backgroundChecked: `var(--ds-background-selected-bold, ${B400})`,
+    backgroundCheckedHover: `var(--ds-background-selected-bold-hovered, ${B75})`,
+    backgroundCheckedActive: `var(--ds-background-selected-bold-pressed, ${B200})`,
     backgroundDisabled: `var(--ds-background-disabled, ${DN10})`,
@@ -30,0 +30,0 @@ dotChecked: `var(--ds-icon-inverse, ${DN10})`,

dist/es2019/version.json

 {
 	"name": "@atlaskit/radio",
-	"version": "5.6.2",
+	"version": "5.6.3",
 	"sideEffects": false
 }

dist/esm/radio.js

@@ -15,3 +15,3 @@ import _extends from "@babel/runtime/helpers/extends";
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.6.2";
+var packageVersion = "5.6.3";
 var fontFamily = getFontFamily();
@@ -161,6 +161,3 @@ var noop = __noop;
       "data-testid": testId && "".concat(testId, "--radio-label"),
-      "data-disabled": isDisabled ? 'true' : undefined
-      // TODO these will no longer be dynamic styles when legacy theming removed
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
-      ,
+      "data-disabled": isDisabled ? 'true' : undefined,
       css: [labelStyles, mode === 'light' ? lightLabelStyles : darkLabelStyles]
@@ -182,3 +179,3 @@ }, jsx("input", _extends({}, rest, {
       // TODO radioCustomProperties can be defined at top of file when legacy theming removed
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       ,
@@ -185,0 +182,0 @@ css: [radioStyles, radioCustomProperties],

dist/esm/styles.js

@@ -8,5 +8,5 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
     backgroundActive: "var(--ds-background-input-pressed, ".concat(N30, ")"),
-    backgroundChecked: "var(--ds-background-brand-bold, ".concat(B400, ")"),
-    backgroundCheckedHover: "var(--ds-background-brand-bold-hovered, ".concat(B300, ")"),
-    backgroundCheckedActive: "var(--ds-background-brand-bold-pressed, ".concat(B50, ")"),
+    backgroundChecked: "var(--ds-background-selected-bold, ".concat(B400, ")"),
+    backgroundCheckedHover: "var(--ds-background-selected-bold-hovered, ".concat(B300, ")"),
+    backgroundCheckedActive: "var(--ds-background-selected-bold-pressed, ".concat(B50, ")"),
     backgroundDisabled: "var(--ds-background-disabled, ".concat(N20, ")"),
@@ -25,5 +25,5 @@ dotChecked: "var(--ds-icon-inverse, ".concat(N10, ")"),
     backgroundActive: "var(--ds-background-input-pressed, ".concat(B200, ")"),
-    backgroundChecked: "var(--ds-background-brand-bold, ".concat(B400, ")"),
-    backgroundCheckedHover: "var(--ds-background-brand-bold-hovered, ".concat(B75, ")"),
-    backgroundCheckedActive: "var(--ds-background-brand-bold-pressed, ".concat(B200, ")"),
+    backgroundChecked: "var(--ds-background-selected-bold, ".concat(B400, ")"),
+    backgroundCheckedHover: "var(--ds-background-selected-bold-hovered, ".concat(B75, ")"),
+    backgroundCheckedActive: "var(--ds-background-selected-bold-pressed, ".concat(B200, ")"),
     backgroundDisabled: "var(--ds-background-disabled, ".concat(DN10, ")"),
@@ -30,0 +30,0 @@ dotChecked: "var(--ds-icon-inverse, ".concat(DN10, ")"),

dist/esm/version.json

 {
 	"name": "@atlaskit/radio",
-	"version": "5.6.2",
+	"version": "5.6.3",
 	"sideEffects": false
 }

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

@@ -5,5 +5,5 @@ import { ThemeModes } from '@atlaskit/theme/types';
     '--local-background-active': "var(--ds-background-input-pressed)";
-    '--local-background-checked': "var(--ds-background-brand-bold)";
-    '--local-background-checked-active': "var(--ds-background-brand-bold-pressed)";
-    '--local-background-checked-hover': "var(--ds-background-brand-bold-hovered)";
+    '--local-background-checked': "var(--ds-background-selected-bold)";
+    '--local-background-checked-active': "var(--ds-background-selected-bold-pressed)";
+    '--local-background-checked-hover': "var(--ds-background-selected-bold-hovered)";
     '--local-background-disabled': "var(--ds-background-disabled)";
@@ -10,0 +10,0 @@ '--local-background-hover': "var(--ds-background-input-hovered)";

dist/types/styles.d.ts

@@ -5,5 +5,5 @@ import { ThemeModes } from '@atlaskit/theme/types';
     '--local-background-active': "var(--ds-background-input-pressed)";
-    '--local-background-checked': "var(--ds-background-brand-bold)";
-    '--local-background-checked-active': "var(--ds-background-brand-bold-pressed)";
-    '--local-background-checked-hover': "var(--ds-background-brand-bold-hovered)";
+    '--local-background-checked': "var(--ds-background-selected-bold)";
+    '--local-background-checked-active': "var(--ds-background-selected-bold-pressed)";
+    '--local-background-checked-hover': "var(--ds-background-selected-bold-hovered)";
     '--local-background-disabled': "var(--ds-background-disabled)";
@@ -10,0 +10,0 @@ '--local-background-hover': "var(--ds-background-input-hovered)";

package.json

 {
   "name": "@atlaskit/radio",
-  "version": "5.6.2",
+  "version": "5.6.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.",
@@ -47,3 +47,3 @@ "publishConfig": {
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.5.0",
     "@babel/runtime": "^7.0.0",
@@ -50,0 +50,0 @@ "@emotion/react": "^11.7.1"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

130757

decreased by-0.14%

Lines of code

1693

decreased by-0.59%

Dependency changes

• Updated@atlaskit/tokens@^1.5.0