@atlaskit/checkbox 13.1.0 → 13.1.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/checkbox
 
+## 13.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
+
 ## 13.1.0
 
 ### Minor Changes

package/dist/cjs/checkbox.js

@@ -12,6 +12,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _internal = require("./internal");
 var _excluded = ["isChecked", "isDisabled", "isInvalid", "defaultChecked", "isIndeterminate", "size", "onChange", "analyticsContext", "label", "name", "value", "isRequired", "testId"];
@@ -46,7 +47,7 @@ var checkboxStyles = (0, _react2.css)({
     transition: 'color 0.2s ease-in-out, fill 0.2s ease-in-out',
     'rect:first-of-type': {
       stroke: 'var(--checkbox-border-color)',
-      strokeWidth: "var(--ds-border-width, 1px)",
+      strokeWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-width, 1px)" : 2,
       transition: 'stroke 0.2s ease-in-out'
     }
   },
@@ -166,7 +167,7 @@ var Checkbox = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "13.1.0"
+    packageVersion: "13.1.1"
   });
   var internalRef = (0, _react.useRef)(null);
   var mergedRefs = (0, _mergeRefs.default)([internalRef, ref]);

package/dist/cjs/internal/label.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Label;
 var _react = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("./constants");
 /** @jsx jsx */
@@ -38,14 +39,14 @@ var labelStyles = (0, _react.css)({
   /**
    * Border
    */
-  '--local-border': "var(--ds-border-input, ".concat(_colors.N100, ")"),
+  '--local-border': (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, ")"),
   '--local-border-active': "var(--ds-border, ".concat(_colors.B50, ")"),
   '--local-border-checked': "var(--ds-background-selected-bold, ".concat(_colors.B400, ")"),
   '--local-border-checked-hover': "var(--ds-background-selected-bold-hovered, ".concat(_colors.B300, ")"),
   '--local-border-checked-invalid': "var(--ds-border-danger, ".concat(_colors.R300, ")"),
   '--local-border-disabled': "var(--ds-background-disabled, ".concat(_colors.N20, ")"),
   '--local-border-focus': "var(--ds-border-focused, ".concat(_colors.B200, ")"),
-  '--local-border-hover': "var(--ds-border-input, ".concat(_colors.N100, ")"),
+  '--local-border-hover': (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, ")"),
   '--local-border-invalid': "var(--ds-border-danger, ".concat(_colors.R300, ")"),
   /**
    * Tick

package/dist/es2019/checkbox.js

@@ -4,6 +4,7 @@ import { forwardRef, memo, useCallback, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B200 } from '@atlaskit/theme/colors';
 import { CheckboxIcon, Label, LabelText, RequiredIndicator } from './internal';
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
@@ -36,7 +37,7 @@ const checkboxStyles = css({
     transition: 'color 0.2s ease-in-out, fill 0.2s ease-in-out',
     'rect:first-of-type': {
       stroke: 'var(--checkbox-border-color)',
-      strokeWidth: "var(--ds-border-width, 1px)",
+      strokeWidth: getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-width, 1px)" : 2,
       transition: 'stroke 0.2s ease-in-out'
     }
   },
@@ -150,7 +151,7 @@ const Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(pr
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "13.1.0"
+    packageVersion: "13.1.1"
   });
   const internalRef = useRef(null);
   const mergedRefs = mergeRefs([internalRef, ref]);

package/dist/es2019/internal/label.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-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 } from './constants';
 const baseStyles = css({
   display: 'grid',
@@ -31,14 +32,14 @@ const labelStyles = css({
   /**
    * Border
    */
-  '--local-border': `var(--ds-border-input, ${N100})`,
+  '--local-border': getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? `var(--ds-border-bold, ${N100})` : `var(--ds-border-input, ${N40})`,
   '--local-border-active': `var(--ds-border, ${B50})`,
   '--local-border-checked': `var(--ds-background-selected-bold, ${B400})`,
   '--local-border-checked-hover': `var(--ds-background-selected-bold-hovered, ${B300})`,
   '--local-border-checked-invalid': `var(--ds-border-danger, ${R300})`,
   '--local-border-disabled': `var(--ds-background-disabled, ${N20})`,
   '--local-border-focus': `var(--ds-border-focused, ${B200})`,
-  '--local-border-hover': `var(--ds-border-input, ${N100})`,
+  '--local-border-hover': getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? `var(--ds-border-bold, ${N100})` : `var(--ds-border-input, ${N40})`,
   '--local-border-invalid': `var(--ds-border-danger, ${R300})`,
   /**
    * Tick

package/dist/esm/checkbox.js

@@ -7,6 +7,7 @@ import { forwardRef, memo, useCallback, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B200 } from '@atlaskit/theme/colors';
 import { CheckboxIcon, Label, LabelText, RequiredIndicator } from './internal';
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
@@ -39,7 +40,7 @@ var checkboxStyles = css({
     transition: 'color 0.2s ease-in-out, fill 0.2s ease-in-out',
     'rect:first-of-type': {
       stroke: 'var(--checkbox-border-color)',
-      strokeWidth: "var(--ds-border-width, 1px)",
+      strokeWidth: getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-width, 1px)" : 2,
       transition: 'stroke 0.2s ease-in-out'
     }
   },
@@ -159,7 +160,7 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(prop
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "13.1.0"
+    packageVersion: "13.1.1"
   });
   var internalRef = useRef(null);
   var mergedRefs = mergeRefs([internalRef, ref]);

package/dist/esm/internal/label.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-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 } from './constants';
 var baseStyles = css({
   display: 'grid',
@@ -31,14 +32,14 @@ var labelStyles = css({
   /**
    * Border
    */
-  '--local-border': "var(--ds-border-input, ".concat(N100, ")"),
+  '--local-border': getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(N100, ")") : "var(--ds-border-input, ".concat(N40, ")"),
   '--local-border-active': "var(--ds-border, ".concat(B50, ")"),
   '--local-border-checked': "var(--ds-background-selected-bold, ".concat(B400, ")"),
   '--local-border-checked-hover': "var(--ds-background-selected-bold-hovered, ".concat(B300, ")"),
   '--local-border-checked-invalid': "var(--ds-border-danger, ".concat(R300, ")"),
   '--local-border-disabled': "var(--ds-background-disabled, ".concat(N20, ")"),
   '--local-border-focus': "var(--ds-border-focused, ".concat(B200, ")"),
-  '--local-border-hover': "var(--ds-border-input, ".concat(N100, ")"),
+  '--local-border-hover': getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(N100, ")") : "var(--ds-border-input, ".concat(N40, ")"),
   '--local-border-invalid': "var(--ds-border-danger, ".concat(R300, ")"),
   /**
    * Tick

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/checkbox",
-  "version": "13.1.0",
+  "version": "13.1.1",
   "description": "A checkbox is an input control that allows a user to select one or more options from a number of choices.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,6 +40,7 @@
     "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/icon": "^22.1.0",
+    "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.41.0",
     "@babel/runtime": "^7.0.0",
@@ -88,6 +89,11 @@
       ]
     }
   },
+  "platform-feature-flags": {
+    "platform.design-system-team.update-border-radio-checkbox_7askv": {
+      "type": "boolean"
+    }
+  },
   "homepage": "https://atlassian.design/components/checkbox/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }