@atlaskit/radio - npm Package Compare versions

Comparing version 5.3.5 to 5.3.6

CHANGELOG.md

 # @atlaskit/radio
 
+## 5.3.6
+
+### Patch Changes
+
+- [`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
+
 ## 5.3.5
@@ -4,0 +12,0 @@

dist/cjs/Radio.js

@@ -30,3 +30,3 @@ "use strict";
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.3.5";
+var packageVersion = "5.3.6";
 var fontFamily = (0, _constants.fontFamily)();
@@ -52,6 +52,6 @@
 var lightLabelStyles = (0, _core.css)({
-  color: "var(--ds-text-highEmphasis, ".concat(_colors.N900, ")")
+  color: "var(--ds-text, ".concat(_colors.N900, ")")
 });
 var darkLabelStyles = (0, _core.css)({
-  color: "var(--ds-text-highEmphasis, ".concat(_colors.DN600, ")")
+  color: "var(--ds-text, ".concat(_colors.DN600, ")")
 });
@@ -58,0 +58,0 @@ var radioStyles = (0, _core.css)({

dist/cjs/styles.js

@@ -12,32 +12,32 @@ "use strict";
   light: {
-    background: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(_colors.N10, ")"),
-    backgroundHover: "var(--ds-background-default, ".concat(_colors.N30, ")"),
-    backgroundActive: "var(--ds-background-subtleBorderedNeutral-pressed, ".concat(_colors.N30, ")"),
-    backgroundChecked: "var(--ds-background-boldBrand-resting, ".concat(_colors.B400, ")"),
-    backgroundCheckedHover: "var(--ds-background-boldBrand-hover, ".concat(_colors.B300, ")"),
-    backgroundCheckedActive: "var(--ds-background-boldBrand-pressed, ".concat(_colors.B50, ")"),
-    backgroundDisabled: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(_colors.N20, ")"),
-    dotChecked: "var(--ds-text-onBold, ".concat(_colors.N10, ")"),
+    background: "var(--ds-background-input, ".concat(_colors.N10, ")"),
+    backgroundHover: "var(--ds-surface, ".concat(_colors.N30, ")"),
+    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, ")"),
+    backgroundDisabled: "var(--ds-background-input, ".concat(_colors.N20, ")"),
+    dotChecked: "var(--ds-text-inverse, ".concat(_colors.N10, ")"),
     dotDisabled: "var(--ds-text-disabled, ".concat(_colors.N70, ")"),
-    dotActive: "var(--ds-text-onBold, ".concat(_colors.B400, ")"),
-    border: "var(--ds-border-neutral, ".concat(_colors.N40, ")"),
-    borderHover: "var(--ds-border-neutral, ".concat(_colors.N40, ")"),
+    dotActive: "var(--ds-text-inverse, ".concat(_colors.B400, ")"),
+    border: "var(--ds-border, ".concat(_colors.N40, ")"),
+    borderHover: "var(--ds-border, ".concat(_colors.N40, ")"),
     borderDisabled: "var(--ds-background-disabled, ".concat(_colors.N20, ")"),
-    borderFocus: "var(--ds-border-focus, ".concat(_colors.B100, ")")
+    borderFocus: "var(--ds-border-focused, ".concat(_colors.B100, ")")
   },
   dark: {
-    background: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(_colors.DN10, ")"),
-    backgroundHover: "var(--ds-background-default, ".concat(_colors.DN30, ")"),
-    backgroundActive: "var(--ds-background-subtleBorderedNeutral-pressed, ".concat(_colors.B200, ")"),
-    backgroundChecked: "var(--ds-background-boldBrand-resting, ".concat(_colors.B400, ")"),
-    backgroundCheckedHover: "var(--ds-background-boldBrand-hover, ".concat(_colors.B75, ")"),
-    backgroundCheckedActive: "var(--ds-background-boldBrand-pressed, ".concat(_colors.B200, ")"),
-    backgroundDisabled: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(_colors.DN10, ")"),
-    dotChecked: "var(--ds-text-onBold, ".concat(_colors.DN10, ")"),
+    background: "var(--ds-background-input, ".concat(_colors.DN10, ")"),
+    backgroundHover: "var(--ds-surface, ".concat(_colors.DN30, ")"),
+    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, ")"),
+    backgroundDisabled: "var(--ds-background-input, ".concat(_colors.DN10, ")"),
+    dotChecked: "var(--ds-text-inverse, ".concat(_colors.DN10, ")"),
     dotDisabled: "var(--ds-text-disabled, ".concat(_colors.DN90, ")"),
-    dotActive: "var(--ds-text-onBold, ".concat(_colors.DN10, ")"),
-    border: "var(--ds-border-neutral, ".concat(_colors.DN80, ")"),
-    borderHover: "var(--ds-border-neutral, ".concat(_colors.DN200, ")"),
+    dotActive: "var(--ds-text-inverse, ".concat(_colors.DN10, ")"),
+    border: "var(--ds-border, ".concat(_colors.DN80, ")"),
+    borderHover: "var(--ds-border, ".concat(_colors.DN200, ")"),
     borderDisabled: "var(--ds-background-disabled, ".concat(_colors.DN10, ")"),
-    borderFocus: "var(--ds-border-focus, ".concat(_colors.B75, ")")
+    borderFocus: "var(--ds-border-focused, ".concat(_colors.B75, ")")
   }
@@ -63,4 +63,4 @@ };
     '--local-dot-disabled': radioColors.dotDisabled,
-    '--local-invalid': "var(--ds-iconBorder-danger, ".concat(_colors.R300, ")")
+    '--local-invalid': "var(--ds-icon-danger, ".concat(_colors.R300, ")")
   };
 }

dist/cjs/version.json

 {
 	"name": "@atlaskit/radio",
-	"version": "5.3.5",
+	"version": "5.3.6",
 	"sideEffects": false
 }

dist/es2019/Radio.js

@@ -12,3 +12,3 @@ import _extends from "@babel/runtime/helpers/extends";
 const packageName = "@atlaskit/radio";
-const packageVersion = "5.3.5";
+const packageVersion = "5.3.6";
 const fontFamily = getFontFamily();
@@ -34,6 +34,6 @@
 const lightLabelStyles = css({
-  color: `var(--ds-text-highEmphasis, ${N900})`
+  color: `var(--ds-text, ${N900})`
 });
 const darkLabelStyles = css({
-  color: `var(--ds-text-highEmphasis, ${DN600})`
+  color: `var(--ds-text, ${DN600})`
 });
@@ -40,0 +40,0 @@ const radioStyles = css({

dist/es2019/styles.js

 import { B100, B200, B300, B400, B50, B75, DN10, DN200, DN30, DN80, DN90, N10, N20, N30, N40, N70, R300 } from '@atlaskit/theme/colors';
 const radioThemeColors = {
   light: {
-    background: `var(--ds-background-subtleBorderedNeutral-resting, ${N10})`,
-    backgroundHover: `var(--ds-background-default, ${N30})`,
-    backgroundActive: `var(--ds-background-subtleBorderedNeutral-pressed, ${N30})`,
-    backgroundChecked: `var(--ds-background-boldBrand-resting, ${B400})`,
-    backgroundCheckedHover: `var(--ds-background-boldBrand-hover, ${B300})`,
-    backgroundCheckedActive: `var(--ds-background-boldBrand-pressed, ${B50})`,
-    backgroundDisabled: `var(--ds-background-subtleBorderedNeutral-resting, ${N20})`,
-    dotChecked: `var(--ds-text-onBold, ${N10})`,
+    background: `var(--ds-background-input, ${N10})`,
+    backgroundHover: `var(--ds-surface, ${N30})`,
+    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})`,
+    backgroundDisabled: `var(--ds-background-input, ${N20})`,
+    dotChecked: `var(--ds-text-inverse, ${N10})`,
     dotDisabled: `var(--ds-text-disabled, ${N70})`,
-    dotActive: `var(--ds-text-onBold, ${B400})`,
-    border: `var(--ds-border-neutral, ${N40})`,
-    borderHover: `var(--ds-border-neutral, ${N40})`,
+    dotActive: `var(--ds-text-inverse, ${B400})`,
+    border: `var(--ds-border, ${N40})`,
+    borderHover: `var(--ds-border, ${N40})`,
     borderDisabled: `var(--ds-background-disabled, ${N20})`,
-    borderFocus: `var(--ds-border-focus, ${B100})`
+    borderFocus: `var(--ds-border-focused, ${B100})`
   },
   dark: {
-    background: `var(--ds-background-subtleBorderedNeutral-resting, ${DN10})`,
-    backgroundHover: `var(--ds-background-default, ${DN30})`,
-    backgroundActive: `var(--ds-background-subtleBorderedNeutral-pressed, ${B200})`,
-    backgroundChecked: `var(--ds-background-boldBrand-resting, ${B400})`,
-    backgroundCheckedHover: `var(--ds-background-boldBrand-hover, ${B75})`,
-    backgroundCheckedActive: `var(--ds-background-boldBrand-pressed, ${B200})`,
-    backgroundDisabled: `var(--ds-background-subtleBorderedNeutral-resting, ${DN10})`,
-    dotChecked: `var(--ds-text-onBold, ${DN10})`,
+    background: `var(--ds-background-input, ${DN10})`,
+    backgroundHover: `var(--ds-surface, ${DN30})`,
+    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})`,
+    backgroundDisabled: `var(--ds-background-input, ${DN10})`,
+    dotChecked: `var(--ds-text-inverse, ${DN10})`,
     dotDisabled: `var(--ds-text-disabled, ${DN90})`,
-    dotActive: `var(--ds-text-onBold, ${DN10})`,
-    border: `var(--ds-border-neutral, ${DN80})`,
-    borderHover: `var(--ds-border-neutral, ${DN200})`,
+    dotActive: `var(--ds-text-inverse, ${DN10})`,
+    border: `var(--ds-border, ${DN80})`,
+    borderHover: `var(--ds-border, ${DN200})`,
     borderDisabled: `var(--ds-background-disabled, ${DN10})`,
-    borderFocus: `var(--ds-border-focus, ${B75})`
+    borderFocus: `var(--ds-border-focused, ${B75})`
   }
@@ -53,4 +53,4 @@ };
     '--local-dot-disabled': radioColors.dotDisabled,
-    '--local-invalid': `var(--ds-iconBorder-danger, ${R300})`
+    '--local-invalid': `var(--ds-icon-danger, ${R300})`
   };
 }

dist/es2019/version.json

 {
 	"name": "@atlaskit/radio",
-	"version": "5.3.5",
+	"version": "5.3.6",
 	"sideEffects": false
 }

dist/esm/Radio.js

@@ -14,3 +14,3 @@ import _extends from "@babel/runtime/helpers/extends";
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.3.5";
+var packageVersion = "5.3.6";
 var fontFamily = getFontFamily();
@@ -36,6 +36,6 @@
 var lightLabelStyles = css({
-  color: "var(--ds-text-highEmphasis, ".concat(N900, ")")
+  color: "var(--ds-text, ".concat(N900, ")")
 });
 var darkLabelStyles = css({
-  color: "var(--ds-text-highEmphasis, ".concat(DN600, ")")
+  color: "var(--ds-text, ".concat(DN600, ")")
 });
@@ -42,0 +42,0 @@ var radioStyles = css({

dist/esm/styles.js

 import { B100, B200, B300, B400, B50, B75, DN10, DN200, DN30, DN80, DN90, N10, N20, N30, N40, N70, R300 } from '@atlaskit/theme/colors';
 var radioThemeColors = {
   light: {
-    background: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(N10, ")"),
-    backgroundHover: "var(--ds-background-default, ".concat(N30, ")"),
-    backgroundActive: "var(--ds-background-subtleBorderedNeutral-pressed, ".concat(N30, ")"),
-    backgroundChecked: "var(--ds-background-boldBrand-resting, ".concat(B400, ")"),
-    backgroundCheckedHover: "var(--ds-background-boldBrand-hover, ".concat(B300, ")"),
-    backgroundCheckedActive: "var(--ds-background-boldBrand-pressed, ".concat(B50, ")"),
-    backgroundDisabled: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(N20, ")"),
-    dotChecked: "var(--ds-text-onBold, ".concat(N10, ")"),
+    background: "var(--ds-background-input, ".concat(N10, ")"),
+    backgroundHover: "var(--ds-surface, ".concat(N30, ")"),
+    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, ")"),
+    backgroundDisabled: "var(--ds-background-input, ".concat(N20, ")"),
+    dotChecked: "var(--ds-text-inverse, ".concat(N10, ")"),
     dotDisabled: "var(--ds-text-disabled, ".concat(N70, ")"),
-    dotActive: "var(--ds-text-onBold, ".concat(B400, ")"),
-    border: "var(--ds-border-neutral, ".concat(N40, ")"),
-    borderHover: "var(--ds-border-neutral, ".concat(N40, ")"),
+    dotActive: "var(--ds-text-inverse, ".concat(B400, ")"),
+    border: "var(--ds-border, ".concat(N40, ")"),
+    borderHover: "var(--ds-border, ".concat(N40, ")"),
     borderDisabled: "var(--ds-background-disabled, ".concat(N20, ")"),
-    borderFocus: "var(--ds-border-focus, ".concat(B100, ")")
+    borderFocus: "var(--ds-border-focused, ".concat(B100, ")")
   },
   dark: {
-    background: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(DN10, ")"),
-    backgroundHover: "var(--ds-background-default, ".concat(DN30, ")"),
-    backgroundActive: "var(--ds-background-subtleBorderedNeutral-pressed, ".concat(B200, ")"),
-    backgroundChecked: "var(--ds-background-boldBrand-resting, ".concat(B400, ")"),
-    backgroundCheckedHover: "var(--ds-background-boldBrand-hover, ".concat(B75, ")"),
-    backgroundCheckedActive: "var(--ds-background-boldBrand-pressed, ".concat(B200, ")"),
-    backgroundDisabled: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(DN10, ")"),
-    dotChecked: "var(--ds-text-onBold, ".concat(DN10, ")"),
+    background: "var(--ds-background-input, ".concat(DN10, ")"),
+    backgroundHover: "var(--ds-surface, ".concat(DN30, ")"),
+    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, ")"),
+    backgroundDisabled: "var(--ds-background-input, ".concat(DN10, ")"),
+    dotChecked: "var(--ds-text-inverse, ".concat(DN10, ")"),
     dotDisabled: "var(--ds-text-disabled, ".concat(DN90, ")"),
-    dotActive: "var(--ds-text-onBold, ".concat(DN10, ")"),
-    border: "var(--ds-border-neutral, ".concat(DN80, ")"),
-    borderHover: "var(--ds-border-neutral, ".concat(DN200, ")"),
+    dotActive: "var(--ds-text-inverse, ".concat(DN10, ")"),
+    border: "var(--ds-border, ".concat(DN80, ")"),
+    borderHover: "var(--ds-border, ".concat(DN200, ")"),
     borderDisabled: "var(--ds-background-disabled, ".concat(DN10, ")"),
-    borderFocus: "var(--ds-border-focus, ".concat(B75, ")")
+    borderFocus: "var(--ds-border-focused, ".concat(B75, ")")
   }
@@ -53,4 +53,4 @@ };
     '--local-dot-disabled': radioColors.dotDisabled,
-    '--local-invalid': "var(--ds-iconBorder-danger, ".concat(R300, ")")
+    '--local-invalid': "var(--ds-icon-danger, ".concat(R300, ")")
   };
 }

dist/esm/version.json

 {
 	"name": "@atlaskit/radio",
-	"version": "5.3.5",
+	"version": "5.3.6",
 	"sideEffects": false
 }

dist/types/styles.d.ts

 import { ThemeModes } from '@atlaskit/theme/types';
 export default function getRadioCustomProperties(mode: ThemeModes): {
-    '--local-background': "var(--ds-background-subtleBorderedNeutral-resting)";
-    '--local-background-active': "var(--ds-background-subtleBorderedNeutral-pressed)";
-    '--local-background-checked': "var(--ds-background-boldBrand-resting)";
-    '--local-background-checked-active': "var(--ds-background-boldBrand-pressed)";
-    '--local-background-checked-hover': "var(--ds-background-boldBrand-hover)";
-    '--local-background-disabled': "var(--ds-background-subtleBorderedNeutral-resting)";
-    '--local-background-hover': "var(--ds-background-default)";
-    '--local-border': "var(--ds-border-neutral)";
+    '--local-background': "var(--ds-background-input)";
+    '--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-disabled': "var(--ds-background-input)";
+    '--local-background-hover': "var(--ds-surface)";
+    '--local-border': "var(--ds-border)";
     '--local-border-disabled': "var(--ds-background-disabled)";
-    '--local-border-hover': "var(--ds-border-neutral)";
-    '--local-border-focus': "var(--ds-border-focus)";
-    '--local-dot-active': "var(--ds-text-onBold)";
-    '--local-dot-checked': "var(--ds-text-onBold)";
+    '--local-border-hover': "var(--ds-border)";
+    '--local-border-focus': "var(--ds-border-focused)";
+    '--local-dot-active': "var(--ds-text-inverse)";
+    '--local-dot-checked': "var(--ds-text-inverse)";
     '--local-dot-disabled': "var(--ds-text-disabled)";
-    '--local-invalid': "var(--ds-iconBorder-danger)";
+    '--local-invalid': "var(--ds-icon-danger)";
 };

package.json

 {
   "name": "@atlaskit/radio",
-  "version": "5.3.5",
+  "version": "5.3.6",
   "description": "A radio input allows people to select only one option from a number of choices. Radio is generally displayed in a radio group.",
@@ -33,3 +33,3 @@ "publishConfig": {
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.5.0",
+    "@atlaskit/tokens": "^0.6.0",
     "@babel/runtime": "^7.0.0",
@@ -36,0 +36,0 @@ "@emotion/core": "^10.0.9"

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

87360

decreased by-0.24%

Dependency changes

• + Added@atlaskit/ds-lib@1.4.2(transitive)

• + Added@atlaskit/tokens@0.6.3(transitive)

• - Removed@atlaskit/tokens@0.5.0(transitive)

• Updated@atlaskit/tokens@^0.6.0