@atlaskit/button 16.5.2 → 16.5.4

package/dist/esm/shared/colors.js

@@ -111,8 +111,8 @@ var values = {
     },
     link: {
       default: {
-        light: 'none',
-        dark: 'none'
+        light: "var(--ds-background-neutral-subtle, none)",
+        dark: "var(--ds-background-neutral-subtle, none)"
       },
       selected: {
         light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
@@ -125,8 +125,8 @@ var values = {
     },
     subtle: {
       default: {
-        light: 'none',
-        dark: 'none'
+        light: "var(--ds-background-neutral-subtle, none)",
+        dark: "var(--ds-background-neutral-subtle, none)"
       },
       hover: {
         light: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30A, ")"),
@@ -137,8 +137,8 @@ var values = {
         dark: "var(--ds-background-neutral-subtle-pressed, ".concat(colors.B75, ")")
       },
       disabled: {
-        light: 'none',
-        dark: 'none'
+        light: "var(--ds-background-neutral-subtle, none)",
+        dark: "var(--ds-background-neutral-subtle, none)"
       },
       selected: {
         light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
@@ -151,8 +151,8 @@ var values = {
     },
     'subtle-link': {
       default: {
-        light: 'none',
-        dark: 'none'
+        light: "var(--ds-background-neutral-subtle, none)",
+        dark: "var(--ds-background-neutral-subtle, none)"
       },
       selected: {
         light: "var(--ds-background-selected, ".concat(colors.N700, ")"),

package/dist/esm/shared/css.js

@@ -1,15 +1,14 @@
 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, gridSize as getGridSize } from '@atlaskit/theme/constants';
 import colors from './colors';
 var borderRadius = getBorderRadius();
 var gridSize = getGridSize();
-var fontSize = getFontSize(); // ## Button layout
+var fontSize = getFontSize();
+
+// ## Button layout
 //
 // /------------------------------------------------------------------------------------------------------------------\
 // |       →  |  ←      |          |      →  |  ←      |           |      →  |  ←      |         |      →  |  ←       |
@@ -21,7 +20,6 @@ var fontSize = getFontSize(); // ## Button layout
 //                                           ↑                               ↑
 //                                        Margins don't collapse with inline-flex
 //
-
 var heights = {
   default: "".concat(gridSize * 4 / fontSize, "em"),
   // 32px
@@ -54,19 +52,17 @@ var innerMargin = {
   content: "0 ".concat(gridSize / 4, "px"),
   icon: "0 ".concat(gridSize / 4, "px")
 };
-
 function getColor(_ref) {
   var group = _ref.group,
-      key = _ref.key,
-      mode = _ref.mode;
+    key = _ref.key,
+    mode = _ref.mode;
   var rule = group[key] || group.default;
   return rule[mode];
 }
-
 function getColors(_ref2) {
   var appearance = _ref2.appearance,
-      key = _ref2.key,
-      mode = _ref2.mode;
+    key = _ref2.key,
+    mode = _ref2.mode;
   return {
     background: getColor({
       group: colors.background[appearance],
@@ -81,14 +77,13 @@ function getColors(_ref2) {
     }), " !important")
   };
 }
-
 export function getCss(_ref3) {
   var appearance = _ref3.appearance,
-      spacing = _ref3.spacing,
-      mode = _ref3.mode,
-      isSelected = _ref3.isSelected,
-      shouldFitContainer = _ref3.shouldFitContainer,
-      isOnlySingleIcon = _ref3.isOnlySingleIcon;
+    spacing = _ref3.spacing,
+    mode = _ref3.mode,
+    isSelected = _ref3.isSelected,
+    shouldFitContainer = _ref3.shouldFitContainer,
+    isOnlySingleIcon = _ref3.isOnlySingleIcon;
   var baseColors = getColors({
     appearance: appearance,
     key: isSelected ? 'selected' : 'default',
@@ -125,6 +120,7 @@ export function getCss(_ref3) {
     justifyContent: 'center',
     // Note: we cannot disable pointer events when there is an overlay.
     // That would be easy for styling, but it would start letting events through on disabled buttons
+
     // Disabling visited styles (just using the base colors)
     '&:visited': _objectSpread({}, baseColors),
     '&:hover': _objectSpread(_objectSpread({}, getColors({
@@ -193,8 +189,9 @@ export function getCss(_ref3) {
       padding: 0
     }
   });
-} // inline-flex child
+}
 
+// inline-flex child
 export function getIconStyle(_ref4) {
   var spacing = _ref4.spacing;
   return css({
@@ -208,8 +205,9 @@ export function getIconStyle(_ref4) {
     lineHeight: 0,
     userSelect: 'none'
   });
-} // inline-flex child
+}
 
+// inline-flex child
 export function getContentStyle(_ref5) {
   var spacing = _ref5.spacing;
   return css({

package/dist/esm/shared/get-is-only-single-icon.js

@@ -1,19 +1,15 @@
 export default function getIsOnlySingleIcon(_ref) {
   var children = _ref.children,
-      iconBefore = _ref.iconBefore,
-      iconAfter = _ref.iconAfter;
-
+    iconBefore = _ref.iconBefore,
+    iconAfter = _ref.iconAfter;
   if (children) {
     return false;
   }
-
   if (iconBefore && !iconAfter) {
     return true;
   }
-
   if (!iconBefore && iconAfter) {
     return true;
   }
-
   return false;
 }

package/dist/esm/shared/loading-spinner.js

@@ -2,32 +2,25 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["spacing"];
 import React from 'react';
 import Spinner from '@atlaskit/spinner';
-
 function getSpinnerAppearance(_ref) {
   var appearance = _ref.appearance,
-      isDisabled = _ref.isDisabled,
-      isSelected = _ref.isSelected;
-
+    isDisabled = _ref.isDisabled,
+    isSelected = _ref.isSelected;
   if (isDisabled) {
     return 'inherit';
   }
-
   if (isSelected) {
     return 'invert';
   }
-
   if (appearance === 'primary' || appearance === 'danger') {
     return 'invert';
   }
-
   return 'inherit';
 }
-
 export default function LoadingSpinner(_ref2) {
   var _ref2$spacing = _ref2.spacing,
-      spacing = _ref2$spacing === void 0 ? 'default' : _ref2$spacing,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    spacing = _ref2$spacing === void 0 ? 'default' : _ref2$spacing,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var size = spacing === 'default' ? 'medium' : 'small';
   return /*#__PURE__*/React.createElement(Spinner, {
     size: size,

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/button",
-  "version": "16.5.2",
+  "version": "16.5.4",
   "description": "A button triggers an event or action. They let users know what will happen next.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -50,7 +50,7 @@
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/logo": "^13.10.0",
     "@atlaskit/section-message": "^6.3.0",
-    "@atlaskit/select": "^16.0.0",
+    "@atlaskit/select": "^16.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",

package/report.api.md

@@ -1,4 +1,4 @@
-<!-- API Report Version: 2.2 -->
+<!-- API Report Version: 2.3 -->
 
 ## API Report File for "@atlaskit/button"
 
@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -190,3 +191,15 @@ export type ThemeTokens = {
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->