@atlaskit/button 16.8.0 → 16.8.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/button
 
+## 16.8.1
+
+### Patch Changes
+
+- [`ba43427b3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba43427b3e8) - Internal changes to account for introduction of shape/radius tokens.
+
 ## 16.8.0
 
 ### Minor Changes

package/dist/cjs/shared/button-base.js

@@ -94,7 +94,7 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(props,
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.8.0",
+    packageVersion: "16.8.1",
     analyticsData: analyticsContext
   });
 

package/dist/cjs/shared/css.js

@@ -15,7 +15,6 @@ var _constants = require("@atlaskit/theme/constants");
 var _colors = _interopRequireDefault(require("./colors"));
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var borderRadius = (0, _constants.borderRadius)();
 var gridSize = (0, _constants.gridSize)();
 var fontSize = (0, _constants.fontSize)();
 
@@ -104,7 +103,7 @@ function getCss(_ref3) {
     // 0px margin added to css-reset
     alignItems: 'baseline',
     borderWidth: 0,
-    borderRadius: borderRadius,
+    borderRadius: "var(--ds-border-radius, 3px)",
     boxSizing: 'border-box',
     display: 'inline-flex',
     fontSize: 'inherit',
@@ -197,7 +196,7 @@ function getIconStyle(_ref4) {
   return (0, _react.css)({
     display: 'flex',
     // icon size cannot grow and shrink
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     margin: spacing === 'none' ? 0 : innerMargin.icon,
     flexGrow: 0,
     flexShrink: 0,
@@ -212,7 +211,7 @@ function getIconStyle(_ref4) {
 function getContentStyle(_ref5) {
   var spacing = _ref5.spacing;
   return (0, _react.css)({
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     margin: spacing === 'none' ? 0 : innerMargin.content,
     // content can grow and shrink
     flexGrow: 1,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/button",
-	"version": "16.8.0",
+	"version": "16.8.1",
 	"sideEffects": false
 }

package/dist/es2019/shared/button-base.js

@@ -80,7 +80,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.8.0",
+    packageVersion: "16.8.1",
     analyticsData: analyticsContext
   });
 

package/dist/es2019/shared/css.js

@@ -1,9 +1,8 @@
 import { css } from '@emotion/react';
-import { borderRadius as getBorderRadius, fontSize as getFontSize,
+import { fontSize as getFontSize,
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 gridSize as getGridSize } from '@atlaskit/theme/constants';
 import colors from './colors';
-const borderRadius = getBorderRadius();
 const gridSize = getGridSize();
 const fontSize = getFontSize();
 
@@ -95,7 +94,7 @@ export function getCss({
     // 0px margin added to css-reset
     alignItems: 'baseline',
     borderWidth: 0,
-    borderRadius,
+    borderRadius: "var(--ds-border-radius, 3px)",
     boxSizing: 'border-box',
     display: 'inline-flex',
     fontSize: 'inherit',
@@ -199,7 +198,7 @@ export function getIconStyle({
   return css({
     display: 'flex',
     // icon size cannot grow and shrink
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     margin: spacing === 'none' ? 0 : innerMargin.icon,
     flexGrow: 0,
     flexShrink: 0,
@@ -215,7 +214,7 @@ export function getContentStyle({
   spacing
 }) {
   return css({
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     margin: spacing === 'none' ? 0 : innerMargin.content,
     // content can grow and shrink
     flexGrow: 1,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/button",
-	"version": "16.8.0",
+	"version": "16.8.1",
 	"sideEffects": false
 }

package/dist/esm/shared/button-base.js

@@ -85,7 +85,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.8.0",
+    packageVersion: "16.8.1",
     analyticsData: analyticsContext
   });
 

package/dist/esm/shared/css.js

@@ -2,11 +2,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { css } from '@emotion/react';
-import { borderRadius as getBorderRadius, fontSize as getFontSize,
+import { fontSize as getFontSize,
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 gridSize as getGridSize } from '@atlaskit/theme/constants';
 import colors from './colors';
-var borderRadius = getBorderRadius();
 var gridSize = getGridSize();
 var fontSize = getFontSize();
 
@@ -95,7 +94,7 @@ export function getCss(_ref3) {
     // 0px margin added to css-reset
     alignItems: 'baseline',
     borderWidth: 0,
-    borderRadius: borderRadius,
+    borderRadius: "var(--ds-border-radius, 3px)",
     boxSizing: 'border-box',
     display: 'inline-flex',
     fontSize: 'inherit',
@@ -188,7 +187,7 @@ export function getIconStyle(_ref4) {
   return css({
     display: 'flex',
     // icon size cannot grow and shrink
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     margin: spacing === 'none' ? 0 : innerMargin.icon,
     flexGrow: 0,
     flexShrink: 0,
@@ -203,7 +202,7 @@ export function getIconStyle(_ref4) {
 export function getContentStyle(_ref5) {
   var spacing = _ref5.spacing;
   return css({
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     margin: spacing === 'none' ? 0 : innerMargin.content,
     // content can grow and shrink
     flexGrow: 1,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/button",
-	"version": "16.8.0",
+	"version": "16.8.1",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/button",
-  "version": "16.8.0",
+  "version": "16.8.1",
   "description": "A button triggers an event or action. They let users know what will happen next.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -51,7 +51,7 @@
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/spinner": "^15.5.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"
   },