@atlaskit/checkbox 13.1.4 → 13.2.0

package/dist/cjs/checkbox.js

@@ -164,7 +164,7 @@ var Checkbox = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "13.1.4"
+    packageVersion: "13.2.0"
   });
   var internalRef = (0, _react.useRef)(null);
   var mergedRefs = (0, _mergeRefs.default)([internalRef, ref]);

package/dist/cjs/internal/label.js

@@ -7,7 +7,6 @@ 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 */
 
 var baseStyles = (0, _react.css)({
@@ -16,7 +15,7 @@ var baseStyles = (0, _react.css)({
   gridAutoRows: 'min-content',
   color: "var(--ds-text, ".concat(_colors.N900, ")"),
   cursor: 'default',
-  fontFamily: "var(--ds-font-family-sans, ".concat(_constants.fontFamily, ")")
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 var textLabelLayoutStyles = (0, _react.css)({
   gap: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-050, 4px)"),

package/dist/es2019/checkbox.js

@@ -148,7 +148,7 @@ const Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(pr
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "13.1.4"
+    packageVersion: "13.2.0"
   });
   const internalRef = useRef(null);
   const mergedRefs = mergeRefs([internalRef, ref]);

package/dist/es2019/internal/label.js

@@ -2,14 +2,13 @@
 import { css, jsx } from '@emotion/react';
 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',
   gridAutoColumns: '1fr',
   gridAutoRows: 'min-content',
   color: `var(--ds-text, ${N900})`,
   cursor: 'default',
-  fontFamily: `var(--ds-font-family-sans, ${fontFamily})`
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 const textLabelLayoutStyles = css({
   gap: `${"var(--ds-space-0, 0px)"} ${"var(--ds-space-050, 4px)"}`,

package/dist/esm/checkbox.js

@@ -157,7 +157,7 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(prop
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "13.1.4"
+    packageVersion: "13.2.0"
   });
   var internalRef = useRef(null);
   var mergedRefs = mergeRefs([internalRef, ref]);

package/dist/esm/internal/label.js

@@ -2,14 +2,13 @@
 import { css, jsx } from '@emotion/react';
 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',
   gridAutoColumns: '1fr',
   gridAutoRows: 'min-content',
   color: "var(--ds-text, ".concat(N900, ")"),
   cursor: 'default',
-  fontFamily: "var(--ds-font-family-sans, ".concat(fontFamily, ")")
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 var textLabelLayoutStyles = css({
   gap: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-050, 4px)"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/checkbox",
-  "version": "13.1.4",
+  "version": "13.2.0",
   "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/"
@@ -31,23 +31,24 @@
     "website": {
       "name": "Checkbox",
       "category": "Components"
-    }
+    },
+    "runReact18": true
   },
   "af:exports": {
     ".": "./src/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.2.0",
-    "@atlaskit/ds-lib": "^2.2.0",
+    "@atlaskit/analytics-next": "^9.3.0",
+    "@atlaskit/ds-lib": "^2.3.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.42.0",
+    "@atlaskit/tokens": "^1.44.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
   },
   "devDependencies": {
     "@af/accessibility-testing": "*",

package/dist/cjs/internal/constants.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fontFamily = void 0;
-var _constants = require("@atlaskit/theme/constants");
-var fontFamily = exports.fontFamily = (0, _constants.fontFamily)();

package/dist/es2019/internal/constants.js

@@ -1,2 +0,0 @@
-import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
-export const fontFamily = getFontFamily();

package/dist/esm/internal/constants.js

@@ -1,2 +0,0 @@
-import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
-export var fontFamily = getFontFamily();

package/dist/types/internal/constants.d.ts

@@ -1 +0,0 @@
-export declare const fontFamily: string;

package/dist/types-ts4.5/internal/constants.d.ts

@@ -1 +0,0 @@
-export declare const fontFamily: string;