@atlaskit/checkbox 13.1.3 → 13.1.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/checkbox
 
+## 13.1.5
+
+### Patch Changes
+
+- [#89923](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/89923) [`32bc9f9f09b3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/32bc9f9f09b3) - Internal changes to typography, no visual change.
+
+## 13.1.4
+
+### Patch Changes
+
+- [#84905](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/84905) [`f03cb7163ffc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f03cb7163ffc) - Remove input focus style on `Checkbox` component
+
 ## 13.1.3
 
 ### Patch Changes

package/dist/cjs/checkbox.js

@@ -27,9 +27,6 @@ var checkboxStyles = (0, _react2.css)({
   gridArea: '1 / 1 / 2 / 2',
   opacity: 0,
   outline: 'none',
-  '&:focus': {
-    opacity: 1
-  },
   '& + svg': {
     /**
      *  Change the variables --checkbox-background-color, --checkbox-border-color
@@ -167,7 +164,7 @@ var Checkbox = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "13.1.3"
+    packageVersion: "13.1.5"
   });
   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

@@ -17,9 +17,6 @@ const checkboxStyles = css({
   gridArea: '1 / 1 / 2 / 2',
   opacity: 0,
   outline: 'none',
-  '&:focus': {
-    opacity: 1
-  },
   '& + svg': {
     /**
      *  Change the variables --checkbox-background-color, --checkbox-border-color
@@ -151,7 +148,7 @@ const Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(pr
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "13.1.3"
+    packageVersion: "13.1.5"
   });
   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

@@ -20,9 +20,6 @@ var checkboxStyles = css({
   gridArea: '1 / 1 / 2 / 2',
   opacity: 0,
   outline: 'none',
-  '&:focus': {
-    opacity: 1
-  },
   '& + svg': {
     /**
      *  Change the variables --checkbox-background-color, --checkbox-border-color
@@ -160,7 +157,7 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(prop
     analyticsData: analyticsContext,
     componentName: 'checkbox',
     packageName: "@atlaskit/checkbox",
-    packageVersion: "13.1.3"
+    packageVersion: "13.1.5"
   });
   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.3",
+  "version": "13.1.5",
   "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/"
@@ -41,8 +41,8 @@
     "@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.42.0",
+    "@atlaskit/theme": "^12.7.0",
+    "@atlaskit/tokens": "^1.43.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },

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;