@atlaskit/checkbox 12.6.4 → 12.6.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/checkbox
 
+## 12.6.6
+
+### Patch Changes
+
+- [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
+
+## 12.6.5
+
+### Patch Changes
+
+- [`3958636a718`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3958636a718) - update border width with border spacing token
+
 ## 12.6.4
 
 ### Patch Changes

package/dist/cjs/checkbox.js

@@ -43,7 +43,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: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? 1 : 2,
+      strokeWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 2,
       transition: 'stroke 0.2s ease-in-out'
     }
   },
@@ -161,7 +161,7 @@ var Checkbox = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "12.6.4"
+    packageVersion: "12.6.6"
   });
   var internalRef = (0, _react.useRef)(null);
   var mergedRefs = (0, _mergeRefs.default)([internalRef, ref]);

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/checkbox",
-	"version": "12.6.4",
+	"version": "12.6.6",
 	"sideEffects": false
 }

package/dist/es2019/checkbox.js

@@ -33,7 +33,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: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? 1 : 2,
+      strokeWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 2,
       transition: 'stroke 0.2s ease-in-out'
     }
   },
@@ -145,7 +145,7 @@ const Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(pr
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "12.6.4"
+    packageVersion: "12.6.6"
   });
   const internalRef = useRef(null);
   const mergedRefs = mergeRefs([internalRef, ref]);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/checkbox",
-	"version": "12.6.4",
+	"version": "12.6.6",
 	"sideEffects": false
 }

package/dist/esm/checkbox.js

@@ -36,7 +36,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: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? 1 : 2,
+      strokeWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 2,
       transition: 'stroke 0.2s ease-in-out'
     }
   },
@@ -154,7 +154,7 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(prop
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "12.6.4"
+    packageVersion: "12.6.6"
   });
   var internalRef = useRef(null);
   var mergedRefs = mergeRefs([internalRef, ref]);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/checkbox",
-	"version": "12.6.4",
+	"version": "12.6.6",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/checkbox",
-  "version": "12.6.4",
+  "version": "12.6.6",
   "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/"
@@ -39,7 +39,7 @@
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.8.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -47,17 +47,13 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.7.0",
-    "@atlaskit/docs": "*",
-    "@atlaskit/form": "^8.11.0",
-    "@atlaskit/section-message": "^6.4.0",
+    "@af/accessibility-testing": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/feature-flags-test-utils": "*",
     "@testing-library/react": "^12.1.5",
-    "jest-axe": "^4.0.0",
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "storybook-addon-performance": "^0.16.0",

package/tmp/api-report-tmp.d.ts

@@ -1,62 +0,0 @@
-## API Report File for "@atlaskit/checkbox"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-/// <reference types="react" />
-
-import { ForwardRefExoticComponent } from 'react';
-import { InputHTMLAttributes } from 'react';
-import { MemoExoticComponent } from 'react';
-import { default as React_2 } from 'react';
-import { RefAttributes } from 'react';
-import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
-
-// @public
-const Checkbox: MemoExoticComponent<ForwardRefExoticComponent<Omit<Omit<InputHTMLAttributes<HTMLInputElement>, "checked" | "css" | "disabled" | "required">, keyof OwnProps> & OwnProps & RefAttributes<HTMLInputElement>>>;
-export { Checkbox }
-export default Checkbox;
-
-// @public (undocumented)
-export type CheckboxProps = Combine<Omit<React_2.InputHTMLAttributes<HTMLInputElement>,
-/**
-* 'disabled', 'required', and 'checked' are omitted so that
-* consumers must handle state using our props.
-*
-* 'css' is added globally to element attributes by emotion.
-* This was causing a bug, making the css prop required in
-* some cases. We explicitly omit it to avoid that.
-*
-* Because 'className' (which the css prop uses internally)
-* is still available, this should not break existing usage.
-*/
-'checked' | 'css' | 'disabled' | 'required'>, OwnProps>;
-
-// @public (undocumented)
-type Combine<First, Second> = Omit<First, keyof Second> & Second;
-
-// @public
-type OwnProps = {
-    defaultChecked?: boolean;
-    id?: string;
-    isChecked?: boolean;
-    isDisabled?: boolean;
-    isIndeterminate?: boolean;
-    isInvalid?: boolean;
-    isRequired?: boolean;
-    label?: React_2.ReactChild;
-    name?: string;
-    onChange?: (e: React_2.ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    value?: number | string;
-    size?: Size;
-    testId?: string;
-    analyticsContext?: Record<string, any>;
-};
-
-// @public (undocumented)
-type Size = 'large' | 'medium' | 'small' | 'xlarge';
-
-// (No @packageDocumentation comment for this package)
-
-```