@atlaskit/radio - npm Package Compare versions

Comparing version 6.0.3 to 6.1.0

CHANGELOG.md

 # @atlaskit/radio
 
+## 6.1.0
+
+### Minor Changes
+
+- [#80805](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80805) [`427c2dd9e0d6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/427c2dd9e0d6) - [ux] update border with from 2px to 1px with darker color to meet 3:1 color contrast for accessibility improvement
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.0.3
@@ -4,0 +14,0 @@

dist/cjs/radio-group.js

@@ -15,4 +15,4 @@ "use strict";
 var _radio = _interopRequireDefault(require("./radio"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var noOptions = [];
@@ -19,0 +19,0 @@ function RadioGroup(props) {

dist/cjs/radio.js

@@ -14,3 +14,2 @@ "use strict";
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
@@ -21,3 +20,3 @@ var _constants = require("@atlaskit/theme/constants");
 var packageName = "@atlaskit/radio";
-var packageVersion = "6.0.3";
+var packageVersion = "6.1.0";
 var fontFamily = (0, _constants.fontFamily)();
@@ -61,3 +60,3 @@ var noop = _noop.default;
     inner circle not be centred at various zoom levels */
-  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)"),
+  border: "var(--ds-border-width, 1px)".concat(" solid var(--radio-border-color)"),
   borderRadius: "var(--ds-border-radius-circle, 50%)",
@@ -72,3 +71,3 @@ MozAppearance: 'none',
   '--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-border-color': "var(--ds-border-input, ".concat(_colors.N100, ")"),
   '--radio-dot-color': "var(--ds-icon-inverse, ".concat(_colors.N10, ")"),
@@ -95,3 +94,3 @@ '--radio-dot-opacity': 0,
     '--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, ")")
+    '--radio-border-color': "var(--ds-border-input, ".concat(_colors.N100, ")")
   },
@@ -116,3 +115,3 @@ '&: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-border-color': "var(--ds-border-input, ".concat(_colors.N100, ")"),
     '--radio-dot-color': "var(--ds-icon-inverse, ".concat(_colors.B400, ")")
@@ -119,0 +118,0 @@ },

dist/es2019/radio.js

@@ -7,7 +7,6 @@ import _extends from "@babel/runtime/helpers/extends";
 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 { B200, B300, B400, B50, N10, N100, N20, N30, N70, N80, N900, R300 } from '@atlaskit/theme/colors';
 import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
 const packageName = "@atlaskit/radio";
-const packageVersion = "6.0.3";
+const packageVersion = "6.1.0";
 const fontFamily = getFontFamily();
@@ -51,3 +50,3 @@ const noop = __noop;
     inner circle not be centred at various zoom levels */
-  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)`,
+  border: `${"var(--ds-border-width, 1px)"} solid var(--radio-border-color)`,
   borderRadius: "var(--ds-border-radius-circle, 50%)",
@@ -62,3 +61,3 @@ MozAppearance: 'none',
   '--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-border-color': `var(--ds-border-input, ${N100})`,
   '--radio-dot-color': `var(--ds-icon-inverse, ${N10})`,
@@ -85,3 +84,3 @@ '--radio-dot-opacity': 0,
     '--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})`
+    '--radio-border-color': `var(--ds-border-input, ${N100})`
   },
@@ -106,3 +105,3 @@ '&: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-border-color': `var(--ds-border-input, ${N100})`,
     '--radio-dot-color': `var(--ds-icon-inverse, ${B400})`
@@ -109,0 +108,0 @@ },

dist/esm/radio.js

@@ -9,7 +9,6 @@ import _extends from "@babel/runtime/helpers/extends";
 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 { B200, B300, B400, B50, N10, N100, N20, N30, N70, N80, N900, R300 } from '@atlaskit/theme/colors';
 import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
 var packageName = "@atlaskit/radio";
-var packageVersion = "6.0.3";
+var packageVersion = "6.1.0";
 var fontFamily = getFontFamily();
@@ -53,3 +52,3 @@ var noop = __noop;
     inner circle not be centred at various zoom levels */
-  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)"),
+  border: "var(--ds-border-width, 1px)".concat(" solid var(--radio-border-color)"),
   borderRadius: "var(--ds-border-radius-circle, 50%)",
@@ -64,3 +63,3 @@ MozAppearance: 'none',
   '--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-border-color': "var(--ds-border-input, ".concat(N100, ")"),
   '--radio-dot-color': "var(--ds-icon-inverse, ".concat(N10, ")"),
@@ -87,3 +86,3 @@ '--radio-dot-opacity': 0,
     '--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, ")")
+    '--radio-border-color': "var(--ds-border-input, ".concat(N100, ")")
   },
@@ -108,3 +107,3 @@ '&: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-border-color': "var(--ds-border-input, ".concat(N100, ")"),
     '--radio-dot-color': "var(--ds-icon-inverse, ".concat(B400, ")")
@@ -111,0 +110,0 @@ },

package.json

 {
   "name": "@atlaskit/radio",
-  "version": "6.0.3",
+  "version": "6.1.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.",
@@ -45,5 +45,4 @@ "publishConfig": {
     "@atlaskit/ds-lib": "^2.2.0",
-    "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.39.0",
+    "@atlaskit/tokens": "^1.41.0",
     "@babel/runtime": "^7.0.0",
@@ -92,9 +91,4 @@ "@emotion/react": "^11.7.1"
   },
-  "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

Dependency count

7

decreased by-12.5%

Worsened metrics

Total package byte prevSize

116320

decreased by-1.57%

Lines of code

1343

decreased by-0.37%

Dependency changes

• - Removed@atlaskit/platform-feature-flags@^0.2.0

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

• Updated@atlaskit/tokens@^1.41.0