@atlaskit/button 16.5.2 → 16.5.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/button
 
+## 16.5.4
+
+### Patch Changes
+
+- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
+
+## 16.5.3
+
+### Patch Changes
+
+- [`f96f3ebd861`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f96f3ebd861) - [ux] Use color.background.neutral.subtle token to represent transparent background.
+
 ## 16.5.2
 
 ### Patch Changes

package/dist/cjs/button-group.js

@@ -1,40 +1,32 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ButtonGroup;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /** @jsx jsx */
+
 var buttonGroupStyles = (0, _react2.css)({
   display: 'inline-flex',
-  // TODO Delete this comment after verifying spacing token -> previous value `4`
-  gap: "var(--ds-scale-050, 4px)",
+  gap: "var(--ds-space-050, 4px)",
   '> *': {
     flex: '1 0 auto'
   }
 });
-
 function ButtonGroup(_ref) {
   var appearance = _ref.appearance,
-      children = _ref.children;
+    children = _ref.children;
   return (0, _react2.jsx)("div", {
     css: buttonGroupStyles
   }, _react.default.Children.map(_react.default.Children.toArray(children), function (child, idx) {
     if (!child) {
       return null;
     }
-
     return (0, _react2.jsx)(_react.Fragment, {
       key: idx
     }, appearance ?

package/dist/cjs/button.js

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _components = require("@atlaskit/theme/components");
-
 var _buttonBase = _interopRequireDefault(require("./shared/button-base"));
-
 var _css = require("./shared/css");
-
 var _getIsOnlySingleIcon = _interopRequireDefault(require("./shared/get-is-only-single-icon"));
-
 var _excluded = ["onMouseDown", "onMouseUp"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
-
 /**
  * __Button__
  *
@@ -46,37 +30,32 @@ var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerC
  */
 var Button = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function Button(_ref, ref) {
   var _ref$onMouseDown = _ref.onMouseDown,
-      providedOnMouseDown = _ref$onMouseDown === void 0 ? _noop.default : _ref$onMouseDown,
-      _ref$onMouseUp = _ref.onMouseUp,
-      providedOnMouseUp = _ref$onMouseUp === void 0 ? _noop.default : _ref$onMouseUp,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    providedOnMouseDown = _ref$onMouseDown === void 0 ? _noop.default : _ref$onMouseDown,
+    _ref$onMouseUp = _ref.onMouseUp,
+    providedOnMouseUp = _ref$onMouseUp === void 0 ? _noop.default : _ref$onMouseUp,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useGlobalTheme = (0, _components.useGlobalTheme)(),
-      mode = _useGlobalTheme.mode;
-
+    mode = _useGlobalTheme.mode;
   var appearance = rest.appearance || 'default';
   var spacing = rest.spacing || 'default';
   var shouldFitContainer = Boolean(rest.shouldFitContainer);
   var isSelected = Boolean(rest.isSelected);
   var isOnlySingleIcon = (0, _getIsOnlySingleIcon.default)(rest);
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isActive = _useState2[0],
-      setIsActive = _useState2[1]; // Wrap onMouseDown / onMouseUp to manually trigger active state
-  //  in Firefox
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isActive = _useState2[0],
+    setIsActive = _useState2[1];
 
+  // Wrap onMouseDown / onMouseUp to manually trigger active state
+  //  in Firefox
   var onMouseDown = (0, _react.useCallback)(function (event) {
     providedOnMouseDown(event);
-
     if (isFirefox) {
       setIsActive(true);
     }
   }, [providedOnMouseDown, setIsActive]);
   var onMouseUp = (0, _react.useCallback)(function (event) {
     providedOnMouseUp(event);
-
     if (isFirefox) {
       setIsActive(false);
     }
@@ -93,16 +72,17 @@ var Button = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
   }, [appearance, spacing, mode, isSelected, shouldFitContainer, isOnlySingleIcon]);
   return /*#__PURE__*/_react.default.createElement(_buttonBase.default, (0, _extends2.default)({}, rest, {
     ref: ref,
-    buttonCss: buttonCss // Due to how click events are set, we need to set active styles
+    buttonCss: buttonCss
+    // Due to how click events are set, we need to set active styles
     //  manually in Firefox and wrap onMouseDown/onMouseUp
     ,
     "data-firefox-is-active": isActive ? true : undefined,
     onMouseDown: onMouseDown,
     onMouseUp: onMouseUp
   }));
-})); // Tools including enzyme rely on components having a display name
-
+}));
 
+// Tools including enzyme rely on components having a display name
 Button.displayName = 'Button';
 var _default = Button;
 exports.default = _default;

package/dist/cjs/custom-theme-button/custom-theme-button.js

@@ -1,91 +1,66 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _components = _interopRequireDefault(require("@atlaskit/theme/components"));
-
 var _buttonBase = _interopRequireDefault(require("../shared/button-base"));
-
 var _getIsOnlySingleIcon = _interopRequireDefault(require("../shared/get-is-only-single-icon"));
-
 var _loadingSpinner = _interopRequireDefault(require("../shared/loading-spinner"));
-
 var _theme = _interopRequireWildcard(require("./theme"));
-
 var _excluded = ["appearance", "autoFocus", "isDisabled", "isSelected", "shouldFitContainer", "spacing", "isLoading", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "theme"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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; }
-
 function getInteractionState(_ref) {
   var _ref$isDisabled = _ref.isDisabled,
-      isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-      _ref$isActive = _ref.isActive,
-      isActive = _ref$isActive === void 0 ? false : _ref$isActive,
-      _ref$isFocus = _ref.isFocus,
-      isFocus = _ref$isFocus === void 0 ? false : _ref$isFocus,
-      _ref$isHover = _ref.isHover,
-      isHover = _ref$isHover === void 0 ? false : _ref$isHover,
-      _ref$isSelected = _ref.isSelected,
-      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-      _ref$isLoading = _ref.isLoading,
-      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
-
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? false : _ref$isActive,
+    _ref$isFocus = _ref.isFocus,
+    isFocus = _ref$isFocus === void 0 ? false : _ref$isFocus,
+    _ref$isHover = _ref.isHover,
+    isHover = _ref$isHover === void 0 ? false : _ref$isHover,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
   if (isDisabled) {
     return 'disabled';
   }
-
   if (isSelected && isFocus) {
     return 'focusSelected';
   }
-
   if (isSelected) {
     return 'selected';
-  } // not allowing active or focus style changes while loading
-
-
+  }
+  // not allowing active or focus style changes while loading
   if (!isLoading && isActive) {
     return 'active';
   }
-
   if (!isLoading && isHover) {
     return 'hover';
   }
-
   if (isFocus) {
     return 'focus';
   }
-
   return 'default';
 }
-
 var initial = {
   isHover: false,
   isActive: false,
   isFocus: false
 };
+
 /**
  * __Custom theme button__
  *
@@ -93,32 +68,30 @@ var initial = {
  *
  * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)
  */
-
 var CustomThemeButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function CustomThemeButton(_ref2, ref) {
   var _ref2$appearance = _ref2.appearance,
-      appearance = _ref2$appearance === void 0 ? 'default' : _ref2$appearance,
-      _ref2$autoFocus = _ref2.autoFocus,
-      autoFocus = _ref2$autoFocus === void 0 ? false : _ref2$autoFocus,
-      _ref2$isDisabled = _ref2.isDisabled,
-      isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
-      _ref2$isSelected = _ref2.isSelected,
-      isSelected = _ref2$isSelected === void 0 ? false : _ref2$isSelected,
-      _ref2$shouldFitContai = _ref2.shouldFitContainer,
-      shouldFitContainer = _ref2$shouldFitContai === void 0 ? false : _ref2$shouldFitContai,
-      _ref2$spacing = _ref2.spacing,
-      spacing = _ref2$spacing === void 0 ? 'default' : _ref2$spacing,
-      _ref2$isLoading = _ref2.isLoading,
-      isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading,
-      providedOnMouseEnter = _ref2.onMouseEnter,
-      providedOnMouseLeave = _ref2.onMouseLeave,
-      providedOnMouseDown = _ref2.onMouseDown,
-      providedOnMouseUp = _ref2.onMouseUp,
-      providedOnFocus = _ref2.onFocus,
-      providedOnBlur = _ref2.onBlur,
-      _ref2$theme = _ref2.theme,
-      theme = _ref2$theme === void 0 ? _theme.defaultThemeFn : _ref2$theme,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-
+    appearance = _ref2$appearance === void 0 ? 'default' : _ref2$appearance,
+    _ref2$autoFocus = _ref2.autoFocus,
+    autoFocus = _ref2$autoFocus === void 0 ? false : _ref2$autoFocus,
+    _ref2$isDisabled = _ref2.isDisabled,
+    isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
+    _ref2$isSelected = _ref2.isSelected,
+    isSelected = _ref2$isSelected === void 0 ? false : _ref2$isSelected,
+    _ref2$shouldFitContai = _ref2.shouldFitContainer,
+    shouldFitContainer = _ref2$shouldFitContai === void 0 ? false : _ref2$shouldFitContai,
+    _ref2$spacing = _ref2.spacing,
+    spacing = _ref2$spacing === void 0 ? 'default' : _ref2$spacing,
+    _ref2$isLoading = _ref2.isLoading,
+    isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading,
+    providedOnMouseEnter = _ref2.onMouseEnter,
+    providedOnMouseLeave = _ref2.onMouseLeave,
+    providedOnMouseDown = _ref2.onMouseDown,
+    providedOnMouseUp = _ref2.onMouseUp,
+    providedOnFocus = _ref2.onFocus,
+    providedOnBlur = _ref2.onBlur,
+    _ref2$theme = _ref2.theme,
+    theme = _ref2$theme === void 0 ? _theme.defaultThemeFn : _ref2$theme,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   // TODO is there a nicer way to do this?
   // Add default props back into object for spreading
   var restProps = _objectSpread({
@@ -129,19 +102,16 @@ var CustomThemeButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
     shouldFitContainer: shouldFitContainer,
     spacing: spacing
   }, rest);
-
   var _useState = (0, _react.useState)(initial),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var onMouseEnter = (0, _react.useCallback)(function (event) {
     setState(function (current) {
       return _objectSpread(_objectSpread({}, current), {}, {
         isHover: true
       });
     });
-
     if (providedOnMouseEnter) {
       providedOnMouseEnter(event);
     }
@@ -153,7 +123,6 @@ var CustomThemeButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
         isActive: false
       });
     });
-
     if (providedOnMouseLeave) {
       providedOnMouseLeave(event);
     }
@@ -164,7 +133,6 @@ var CustomThemeButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
         isActive: true
       });
     });
-
     if (providedOnMouseDown) {
       providedOnMouseDown(event);
     }
@@ -175,7 +143,6 @@ var CustomThemeButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
         isActive: false
       });
     });
-
     if (providedOnMouseUp) {
       providedOnMouseUp(event);
     }
@@ -186,7 +153,6 @@ var CustomThemeButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
         isFocus: true
       });
     });
-
     if (providedOnFocus) {
       providedOnFocus(event);
     }
@@ -197,7 +163,6 @@ var CustomThemeButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
         isFocus: false
       });
     });
-
     if (providedOnBlur) {
       providedOnBlur(event);
     }
@@ -230,9 +195,9 @@ var CustomThemeButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
       }));
     });
   }));
-})); // Tools including enzyme rely on components having a display name
-
+}));
 
+// Tools including enzyme rely on components having a display name
 CustomThemeButton.displayName = 'CustomThemeButton';
 var _default = CustomThemeButton;
 exports.default = _default;

package/dist/cjs/custom-theme-button/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "default", {
     return _customThemeButton.default;
   }
 });
-
 var _customThemeButton = _interopRequireDefault(require("./custom-theme-button"));
-
 var _theme = _interopRequireDefault(require("./theme"));

package/dist/cjs/custom-theme-button/theme.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,43 +8,38 @@ exports.default = void 0;
 exports.defaultThemeFn = defaultThemeFn;
 exports.getCustomCss = getCustomCss;
 exports.getSpecifiers = getSpecifiers;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _components = require("@atlaskit/theme/components");
-
 var _css = require("../shared/css");
-
 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 stateToSelectorMap = {
   focus: '&:focus',
   focusSelected: '&:focus',
   hover: '&:hover',
   active: '&:active',
   disabled: '&[disabled]'
-}; // Mapping the new clean css back to the legacy theme format.
+};
+
+// Mapping the new clean css back to the legacy theme format.
 // The legacy theme format has all styles at the top level (no nested selectors)
 // and uses `getSpecifiers()` to apply the style to all pseudo states
-
 function getCustomCss(_ref) {
   var _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
-      _ref$spacing = _ref.spacing,
-      spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'light' : _ref$mode,
-      _ref$isSelected = _ref.isSelected,
-      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-      _ref$shouldFitContain = _ref.shouldFitContainer,
-      shouldFitContainer = _ref$shouldFitContain === void 0 ? false : _ref$shouldFitContain,
-      _ref$iconIsOnlyChild = _ref.iconIsOnlyChild,
-      iconIsOnlyChild = _ref$iconIsOnlyChild === void 0 ? false : _ref$iconIsOnlyChild,
-      _ref$isLoading = _ref.isLoading,
-      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-      state = _ref.state;
+    appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'light' : _ref$mode,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    _ref$shouldFitContain = _ref.shouldFitContainer,
+    shouldFitContainer = _ref$shouldFitContain === void 0 ? false : _ref$shouldFitContain,
+    _ref$iconIsOnlyChild = _ref.iconIsOnlyChild,
+    iconIsOnlyChild = _ref$iconIsOnlyChild === void 0 ? false : _ref$iconIsOnlyChild,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    state = _ref.state;
   var result = (0, _css.getCss)({
     appearance: appearance,
     spacing: spacing,
@@ -53,48 +47,46 @@ function getCustomCss(_ref) {
     isSelected: isSelected,
     shouldFitContainer: shouldFitContainer,
     isOnlySingleIcon: iconIsOnlyChild
-  }); // we need to disable the default browser focus styles always
-  // this is because we are not expressing that we can have two pseudo states at a time
+  });
 
-  result.outline = 'none'; // Pulling relevant styles up to the top level
+  // we need to disable the default browser focus styles always
+  // this is because we are not expressing that we can have two pseudo states at a time
+  result.outline = 'none';
 
+  // Pulling relevant styles up to the top level
   var selector = stateToSelectorMap[state];
-
   if (selector) {
     result = _objectSpread(_objectSpread({}, result), result[selector]);
   }
-
   if (isLoading) {
     result = _objectSpread(_objectSpread({}, result), result['&[data-has-overlay="true"]']);
-  } // Delete all selectors and just keep root styles
-
+  }
 
+  // Delete all selectors and just keep root styles
   Object.keys(result).forEach(function (key) {
     // want to keep this one
     if (key === '&::-moz-focus-inner') {
       return;
-    } // Not using .startsWith for ie11
-
+    }
 
+    // Not using .startsWith for ie11
     if (key.indexOf('&') === 0) {
       delete result[key];
     }
   });
   return result;
-} // This styling approach works by generating a 'style' and applying with maximum specificity
-// To do this we are overwriting all pseudo selectors
-
+}
 
+// This styling approach works by generating a 'style' and applying with maximum specificity
+// To do this we are overwriting all pseudo selectors
 function getSpecifiers(styles) {
   return {
     '&, &:hover, &:active, &:focus, &:visited, &:disabled, &[disabled]': styles
   };
 }
-
 function defaultThemeFn(current, values) {
   return current(values);
 }
-
 var Theme = (0, _components.createTheme)(function (themeProps) {
   return {
     buttonStyles: getCustomCss(themeProps),
@@ -103,7 +95,8 @@ var Theme = (0, _components.createTheme)(function (themeProps) {
     // that we are changing theme soon there is no point
     spinnerStyles: {}
   };
-}); // eslint-disable-next-line @repo/internal/react/require-jsdoc
+});
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = Theme;
 exports.default = _default;

package/dist/cjs/entry-points/button-group.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _buttonGroup.default;
   }
 });
-
 var _buttonGroup = _interopRequireDefault(require("../button-group"));

package/dist/cjs/entry-points/custom-theme-button.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,9 +16,6 @@ Object.defineProperty(exports, "default", {
     return _customThemeButton.default;
   }
 });
-
 var _customThemeButton = _interopRequireWildcard(require("../custom-theme-button"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/cjs/entry-points/loading-button.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _loadingButton.default;
   }
 });
-
 var _loadingButton = _interopRequireDefault(require("../loading-button"));

package/dist/cjs/entry-points/standard-button.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,7 +10,5 @@ Object.defineProperty(exports, "default", {
     return _button.default;
   }
 });
-
 require("@emotion/react");
-
 var _button = _interopRequireDefault(require("../button"));

package/dist/cjs/index.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -37,15 +35,9 @@ Object.defineProperty(exports, "default", {
     return _standardButton.default;
   }
 });
-
 var _standardButton = _interopRequireDefault(require("./entry-points/standard-button"));
-
 var _loadingButton = _interopRequireDefault(require("./entry-points/loading-button"));
-
 var _customThemeButton = _interopRequireWildcard(require("./entry-points/custom-theme-button"));
-
 var _buttonGroup = _interopRequireDefault(require("./entry-points/button-group"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }