@atlaskit/radio - npm Package Compare versions

Comparing version 6.1.0 to 6.1.1

CHANGELOG.md

 # @atlaskit/radio
 
+## 6.1.1
+
+### Patch Changes
+
+- [#81644](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81644) [`8ab7a816dca7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8ab7a816dca7) - Revert input border change from the previous version
+
 ## 6.1.0
@@ -4,0 +10,0 @@

dist/cjs/radio.js

@@ -14,2 +14,3 @@ "use strict";
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
@@ -20,3 +21,3 @@ var _constants = require("@atlaskit/theme/constants");
 var packageName = "@atlaskit/radio";
-var packageVersion = "6.1.0";
+var packageVersion = "6.1.1";
 var fontFamily = (0, _constants.fontFamily)();
@@ -60,3 +61,3 @@ var noop = _noop.default;
     inner circle not be centred at various zoom levels */
-  border: "var(--ds-border-width, 1px)".concat(" solid var(--radio-border-color)"),
+  border: "".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-width, 1px)" : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
   borderRadius: "var(--ds-border-radius-circle, 50%)",
@@ -71,3 +72,3 @@ MozAppearance: 'none',
   '--radio-background-color': "var(--ds-background-input, ".concat(_colors.N10, ")"),
-  '--radio-border-color': "var(--ds-border-input, ".concat(_colors.N100, ")"),
+  '--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, ")"),
@@ -94,3 +95,3 @@ '--radio-dot-opacity': 0,
     '--radio-background-color': "var(--ds-background-input-hovered, ".concat(_colors.N30, ")"),
-    '--radio-border-color': "var(--ds-border-input, ".concat(_colors.N100, ")")
+    '--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, ")")
   },
@@ -115,3 +116,3 @@ '&:active': {
     '--radio-background-color': "var(--ds-background-selected-bold-pressed, ".concat(_colors.B50, ")"),
-    '--radio-border-color': "var(--ds-border-input, ".concat(_colors.N100, ")"),
+    '--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, ")")
@@ -118,0 +119,0 @@ },

dist/es2019/radio.js

@@ -7,6 +7,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import __noop from '@atlaskit/ds-lib/noop';
-import { B200, B300, B400, B50, N10, N100, N20, N30, N70, N80, N900, R300 } from '@atlaskit/theme/colors';
+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.0";
+const packageVersion = "6.1.1";
 const fontFamily = getFontFamily();
@@ -50,3 +51,3 @@ const noop = __noop;
     inner circle not be centred at various zoom levels */
-  border: `${"var(--ds-border-width, 1px)"} solid var(--radio-border-color)`,
+  border: `${getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-width, 1px)" : 'calc(2px * 12 / 7)'} solid var(--radio-border-color)`,
   borderRadius: "var(--ds-border-radius-circle, 50%)",
@@ -61,3 +62,3 @@ MozAppearance: 'none',
   '--radio-background-color': `var(--ds-background-input, ${N10})`,
-  '--radio-border-color': `var(--ds-border-input, ${N100})`,
+  '--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})`,
@@ -84,3 +85,3 @@ '--radio-dot-opacity': 0,
     '--radio-background-color': `var(--ds-background-input-hovered, ${N30})`,
-    '--radio-border-color': `var(--ds-border-input, ${N100})`
+    '--radio-border-color': getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? `var(--ds-border-bold, ${N100})` : `var(--ds-border-input, ${N40})`
   },
@@ -105,3 +106,3 @@ '&:active': {
     '--radio-background-color': `var(--ds-background-selected-bold-pressed, ${B50})`,
-    '--radio-border-color': `var(--ds-border-input, ${N100})`,
+    '--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})`
@@ -108,0 +109,0 @@ },

dist/esm/radio.js

@@ -9,6 +9,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import __noop from '@atlaskit/ds-lib/noop';
-import { B200, B300, B400, B50, N10, N100, N20, N30, N70, N80, N900, R300 } from '@atlaskit/theme/colors';
+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.0";
+var packageVersion = "6.1.1";
 var fontFamily = getFontFamily();
@@ -52,3 +53,3 @@ var noop = __noop;
     inner circle not be centred at various zoom levels */
-  border: "var(--ds-border-width, 1px)".concat(" solid var(--radio-border-color)"),
+  border: "".concat(getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-width, 1px)" : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
   borderRadius: "var(--ds-border-radius-circle, 50%)",
@@ -63,3 +64,3 @@ MozAppearance: 'none',
   '--radio-background-color': "var(--ds-background-input, ".concat(N10, ")"),
-  '--radio-border-color': "var(--ds-border-input, ".concat(N100, ")"),
+  '--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, ")"),
@@ -86,3 +87,3 @@ '--radio-dot-opacity': 0,
     '--radio-background-color': "var(--ds-background-input-hovered, ".concat(N30, ")"),
-    '--radio-border-color': "var(--ds-border-input, ".concat(N100, ")")
+    '--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, ")")
   },
@@ -107,3 +108,3 @@ '&:active': {
     '--radio-background-color': "var(--ds-background-selected-bold-pressed, ".concat(B50, ")"),
-    '--radio-border-color': "var(--ds-border-input, ".concat(N100, ")"),
+    '--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, ")")
@@ -110,0 +111,0 @@ },

package.json

 {
   "name": "@atlaskit/radio",
-  "version": "6.1.0",
+  "version": "6.1.1",
   "description": "A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.",
@@ -45,2 +45,3 @@ "publishConfig": {
     "@atlaskit/ds-lib": "^2.2.0",
+    "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/theme": "^12.6.0",
@@ -91,4 +92,9 @@ "@atlaskit/tokens": "^1.41.0",
   },
+  "platform-feature-flags": {
+    "platform.design-system-team.update-border-radio-checkbox_7askv": {
+      "type": "boolean"
+    }
+  },
   "homepage": "https://atlassian.design/components/radio/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.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

Improved metrics

Total package byte prevSize

118569

increased by1.93%

Lines of code

1346

increased by0.22%

Worsened metrics

Dependency count

8

increased by14.29%

Dependency changes

• + Added@atlaskit/platform-feature-flags@^0.2.0

• + Added@atlaskit/platform-feature-flags@0.2.6(transitive)