@atlaskit/button 19.2.1 → 20.1.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/button
 
+## 20.1.0
+
+### Minor Changes
+
+- [#131274](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/131274)
+  [`1a59a1dc3f2f2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1a59a1dc3f2f2) -
+  Correct hover states for old loading button
+
+## 20.0.0
+
+### Major Changes
+
+- [#128880](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128880)
+  [`eb643a54fc192`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/eb643a54fc192) -
+  Removed `link` and `subtle-link` options in the `appearance` prop for the LinkButton. Removed
+  `none` option in the `spacing` prop for the new Buttons.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 19.2.1
 
 ### Patch Changes

package/dist/cjs/new-button/containers/split-button/split-button.js

@@ -17,8 +17,7 @@ var _utils = require("./utils");
 
 var heights = {
   default: "".concat(32 / 14, "em"),
-  compact: "".concat(24 / 14, "em"),
-  none: 'auto'
+  compact: "".concat(24 / 14, "em")
 };
 var baseDividerStyles = (0, _react.css)({
   width: "var(--ds-border-width, 1px)",

package/dist/cjs/new-button/variants/shared/loading-overlay.js

@@ -11,8 +11,6 @@ function getIconSpacing(spacing) {
   switch (spacing) {
     case 'compact':
       return 'small';
-    case 'none':
-      return 'xsmall';
     default:
       return 'medium';
   }

package/dist/cjs/new-button/variants/shared/use-button-base.js

@@ -225,53 +225,6 @@ var subtleInteractiveRefreshedStyles = (0, _primitives.xcss)({
     color: 'color.text.subtle'
   }
 });
-var linkStyles = (0, _primitives.xcss)({
-  // @ts-expect-error
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-link, ".concat(colors.B400, ")"),
-  background: "var(--ds-background-neutral-subtle, transparent)",
-  textDecoration: 'none',
-  ':hover': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-link, ".concat(colors.B300, ")"),
-    background: "var(--ds-background-neutral-subtle, transparent)"
-  },
-  ':active': {
-    // @ts-expect-error
-    color: "var(--ds-link-pressed, #0055CC)",
-    background: "var(--ds-background-neutral-subtle, transparent)"
-  },
-  ':visited': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-link, ".concat(colors.B400, ")")
-  }
-});
-var subtleLinkStyles = (0, _primitives.xcss)({
-  // @ts-expect-error
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-text-subtle, ".concat(colors.N200, ")"),
-  background: "var(--ds-background-neutral-subtle, transparent)",
-  textDecoration: 'none',
-  ':hover': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-text-subtle, ".concat(colors.N90, ")"),
-    background: "var(--ds-background-neutral-subtle, transparent)"
-  },
-  ':active': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-text, ".concat(colors.N400, ")"),
-    background: "var(--ds-background-neutral-subtle, transparent)"
-  },
-  ':visited': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-text-subtle, ".concat(colors.N200, ")")
-  }
-});
 
 // Required due to Jira's AUI CSS reset: https://product-fabric.atlassian.net/browse/DSP-15687
 var linkDecorationUnsetStyles = (0, _primitives.xcss)({
@@ -286,14 +239,6 @@ var linkDecorationUnsetStyles = (0, _primitives.xcss)({
     textDecoration: 'none'
   }
 });
-var linkDecorationStyles = (0, _primitives.xcss)({
-  ':hover': {
-    textDecoration: 'underline'
-  },
-  ':focus': {
-    textDecoration: 'underline'
-  }
-});
 var disabledStyles = (0, _primitives.xcss)({
   cursor: 'not-allowed',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -440,17 +385,6 @@ var baseSpacingCompactStyles = (0, _primitives.xcss)({
 var tokenizedSpacingCompactStyles = (0, _primitives.xcss)({
   paddingBlock: 'space.025'
 });
-var spacingNoneStyles = (0, _primitives.xcss)({
-  columnGap: 'space.0',
-  height: 'auto',
-  lineHeight: 'inherit',
-  paddingInlineEnd: 'space.0',
-  paddingInlineStart: 'space.0',
-  verticalAlign: 'baseline'
-});
-var tokenizedSpacingNoneStyles = (0, _primitives.xcss)({
-  paddingBlock: 'space.0'
-});
 var circleStyles = (0, _primitives.xcss)({
   borderRadius: 'border.radius.circle'
 });
@@ -569,13 +503,13 @@ var useButtonBase = function useButtonBase(_ref) {
   (0, _useAutoFocus.default)(localRef, autoFocus);
   return _objectSpread({
     ref: (0, _mergeRefs.default)([localRef, ref]),
-    xcss: [(0, _platformFeatureFlags.fg)('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedButtonStyles : hardCodedButtonStyles, buttonStyles, appearance === 'default' && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? defaultRefreshedStyles : defaultStyles), appearance === 'default' && isInteractive && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? defaultInteractiveRefreshedStyles : defaultInteractiveStyles), appearance === 'primary' && primaryStyles, appearance === 'primary' && isInteractive && primaryInteractiveStyles, appearance === 'warning' && warningStyles, appearance === 'warning' && isInteractive && warningInteractiveStyles, appearance === 'danger' && dangerStyles, appearance === 'danger' && isInteractive && dangerInteractiveStyles, appearance === 'discovery' && discoveryStyles, appearance === 'discovery' && isInteractive && discoveryInteractiveStyles, appearance === 'subtle' && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? subtleRefreshedStyles : subtleStyles), appearance === 'subtle' && isInteractive && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? subtleInteractiveRefreshedStyles : subtleInteractiveStyles), appearance === 'link' && linkStyles, appearance === 'subtle-link' && subtleLinkStyles, !isSelected && (appearance === 'link' || appearance === 'subtle-link') ? linkDecorationStyles : linkDecorationUnsetStyles, isSelected && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? selectedRefreshedStyles : selectedStyles), isSelected && isSplitButton && selectedInsideSplitButtonStyles, isSelected && isInteractive && selectedInteractiveStyles,
+    xcss: [(0, _platformFeatureFlags.fg)('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedButtonStyles : hardCodedButtonStyles, buttonStyles, appearance === 'default' && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? defaultRefreshedStyles : defaultStyles), appearance === 'default' && isInteractive && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? defaultInteractiveRefreshedStyles : defaultInteractiveStyles), appearance === 'primary' && primaryStyles, appearance === 'primary' && isInteractive && primaryInteractiveStyles, appearance === 'warning' && warningStyles, appearance === 'warning' && isInteractive && warningInteractiveStyles, appearance === 'danger' && dangerStyles, appearance === 'danger' && isInteractive && dangerInteractiveStyles, appearance === 'discovery' && discoveryStyles, appearance === 'discovery' && isInteractive && discoveryInteractiveStyles, appearance === 'subtle' && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? subtleRefreshedStyles : subtleStyles), appearance === 'subtle' && isInteractive && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? subtleInteractiveRefreshedStyles : subtleInteractiveStyles), linkDecorationUnsetStyles, isSelected && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? selectedRefreshedStyles : selectedStyles), isSelected && isSplitButton && selectedInsideSplitButtonStyles, isSelected && isInteractive && selectedInteractiveStyles,
     // TODO: remove me once we kill color fallbacks
     isSelected && appearance === 'danger' && selectedDangerStyles,
     // TODO: remove me once we kill color fallbacks
     isSelected && appearance === 'warning' && selectedWarningStyles,
     // TODO: remove me once we kill color fallbacks
-    isSelected && appearance === 'discovery' && selectedDiscoveryStyles, isDisabled && disabledStyles, isCircle && !isSplitButton && circleStyles, spacing === 'compact' && spacingCompactStyles, spacing === 'compact' && ((0, _platformFeatureFlags.fg)('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedSpacingCompactStyles : baseSpacingCompactStyles), spacing === 'none' && spacingNoneStyles, spacing === 'none' && (0, _platformFeatureFlags.fg)('platform.design-system-team.button-tokenised-typography-styles') && tokenizedSpacingNoneStyles, spacing !== 'none' && hasIconBefore && buttonIconBeforeStyles, spacing !== 'none' && hasIconAfter && buttonIconAfterStyles, isIconButton && iconButtonStyles, isIconButton && spacing === 'compact' && iconButtonCompactStyles, shouldFitContainer && fullWidthStyles, isLoading && loadingStyles, isSplitButton && splitButtonStyles, isNavigationSplitButton && navigationSplitButtonStyles],
+    isSelected && appearance === 'discovery' && selectedDiscoveryStyles, isDisabled && disabledStyles, isCircle && !isSplitButton && circleStyles, spacing === 'compact' && spacingCompactStyles, spacing === 'compact' && ((0, _platformFeatureFlags.fg)('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedSpacingCompactStyles : baseSpacingCompactStyles), hasIconBefore && buttonIconBeforeStyles, hasIconAfter && buttonIconAfterStyles, isIconButton && iconButtonStyles, isIconButton && spacing === 'compact' && iconButtonCompactStyles, shouldFitContainer && fullWidthStyles, isLoading && loadingStyles, isSplitButton && splitButtonStyles, isNavigationSplitButton && navigationSplitButtonStyles],
     isDisabled: isEffectivelyDisabled,
     children: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children, isLoading ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
       as: "span",

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

@@ -133,7 +133,7 @@ var ButtonBase = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(prop
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "19.2.1",
+    packageVersion: "20.1.0",
     analyticsData: analyticsContext
   });
 

package/dist/cjs/old-button/shared/css.js

@@ -83,6 +83,9 @@ var defaultStyles = {
   },
   '&:active': {
     background: "var(--ds-background-neutral-pressed, #091E424F)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: "var(--ds-background-neutral-subtle, #00000000)"
   }
 };
 var primaryStyles = {
@@ -93,6 +96,9 @@ var primaryStyles = {
   },
   '&:active': {
     background: "var(--ds-background-brand-bold-pressed, #09326C)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: "var(--ds-background-brand-bold, #0C66E4)"
   }
 };
 var linkStyles = {
@@ -115,6 +121,9 @@ var subtleStyles = {
   },
   '&:active': {
     background: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: 'transparent'
   }
 };
 var subtleLinkStyles = {
@@ -139,6 +148,9 @@ var warningStyles = {
   },
   '&:active': {
     background: "var(--ds-background-warning-bold-pressed, #CF9F02)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: "var(--ds-background-warning-bold, #F5CD47)"
   }
 };
 var dangerStyles = {
@@ -149,6 +161,9 @@ var dangerStyles = {
   },
   '&:active': {
     background: "var(--ds-background-danger-bold-pressed, #5D1F1A)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: "var(--ds-background-danger-bold, #C9372C)"
   }
 };
 var selectedStyles = {
@@ -280,7 +295,7 @@ function getCss(_ref3) {
       key: isSelected ? 'selected' : 'default',
       mode: mode
     }))
-  })), (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') && (isSelected ? selectedStyles : _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, appearance === 'default' && defaultStyles), appearance === 'primary' && primaryStyles), appearance === 'link' && linkStyles), appearance === 'subtle' && subtleStyles), appearance === 'subtle-link' && subtleLinkStyles), appearance === 'warning' && warningStyles), appearance === 'danger' && dangerStyles), {}, {
+  })), (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') && (isSelected ? selectedStyles : _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, appearance === 'default' && defaultStyles), appearance === 'primary' && primaryStyles), appearance === 'link' && linkStyles), appearance === 'subtle' && subtleStyles), appearance === 'subtle-link' && subtleLinkStyles), appearance === 'warning' && warningStyles), appearance === 'danger' && dangerStyles), {}, {
     '&[disabled]': {
       color: "var(--ds-text-disabled, #091E424F)",
       backgroundColor: HAS_DISABLED_BACKGROUND.includes(appearance) ? "var(--ds-background-disabled, #091E4208)" : 'transparent',
@@ -293,12 +308,7 @@ function getCss(_ref3) {
         backgroundColor: HAS_DISABLED_BACKGROUND.includes(appearance) ? "var(--ds-background-disabled, #091E4208)" : 'transparent'
       }
     }
-  }, hasOverlayStyles), {}, {
-    // disabling hover and active color changes when there is an overlay, but the button is not disabled
-    '&[data-has-overlay="true"]:not([disabled]):hover, &[data-has-overlay="true"]:not([disabled]):active': {
-      background: 'inherit'
-    }
-  }))), {}, {
+  }, hasOverlayStyles))), {}, {
     '&::-moz-focus-inner': {
       border: 0,
       margin: 0,

package/dist/cjs/utils/appearances.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.linkButtonAppearances = exports.iconButtonAppearances = exports.buttonAppearances = void 0;
 var buttonAppearances = exports.buttonAppearances = ['default', 'primary', 'subtle', 'warning', 'danger', 'discovery'];
-var linkButtonAppearances = exports.linkButtonAppearances = ['default', 'primary', 'subtle', 'warning', 'danger', 'discovery', 'link', 'subtle-link'];
+var linkButtonAppearances = exports.linkButtonAppearances = ['default', 'primary', 'subtle', 'warning', 'danger', 'discovery'];
 var iconButtonAppearances = exports.iconButtonAppearances = ['default', 'primary', 'discovery', 'subtle'];

package/dist/cjs/utils/spacing.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.iconButtonSpacing = exports.buttonSpacing = void 0;
-var buttonSpacing = exports.buttonSpacing = ['default', 'compact', 'none'];
+var buttonSpacing = exports.buttonSpacing = ['default', 'compact'];
 var iconButtonSpacing = exports.iconButtonSpacing = ['default', 'compact'];

package/dist/es2019/new-button/containers/split-button/split-button.js

@@ -8,8 +8,7 @@ import { css, jsx } from '@emotion/react';
 import { fg } from '@atlaskit/platform-feature-flags';
 const heights = {
   default: `${32 / 14}em`,
-  compact: `${24 / 14}em`,
-  none: 'auto'
+  compact: `${24 / 14}em`
 };
 import { SplitButtonContext } from './split-button-context';
 import { getActions } from './utils';

package/dist/es2019/new-button/variants/shared/loading-overlay.js

@@ -4,8 +4,6 @@ function getIconSpacing(spacing) {
   switch (spacing) {
     case 'compact':
       return 'small';
-    case 'none':
-      return 'xsmall';
     default:
       return 'medium';
   }

package/dist/es2019/new-button/variants/shared/use-button-base.js

@@ -212,53 +212,6 @@ const subtleInteractiveRefreshedStyles = xcss({
     color: 'color.text.subtle'
   }
 });
-const linkStyles = xcss({
-  // @ts-expect-error
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: `var(--ds-link, ${colors.B400})`,
-  background: "var(--ds-background-neutral-subtle, transparent)",
-  textDecoration: 'none',
-  ':hover': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: `var(--ds-link, ${colors.B300})`,
-    background: "var(--ds-background-neutral-subtle, transparent)"
-  },
-  ':active': {
-    // @ts-expect-error
-    color: "var(--ds-link-pressed, #0055CC)",
-    background: "var(--ds-background-neutral-subtle, transparent)"
-  },
-  ':visited': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: `var(--ds-link, ${colors.B400})`
-  }
-});
-const subtleLinkStyles = xcss({
-  // @ts-expect-error
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: `var(--ds-text-subtle, ${colors.N200})`,
-  background: "var(--ds-background-neutral-subtle, transparent)",
-  textDecoration: 'none',
-  ':hover': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: `var(--ds-text-subtle, ${colors.N90})`,
-    background: "var(--ds-background-neutral-subtle, transparent)"
-  },
-  ':active': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: `var(--ds-text, ${colors.N400})`,
-    background: "var(--ds-background-neutral-subtle, transparent)"
-  },
-  ':visited': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: `var(--ds-text-subtle, ${colors.N200})`
-  }
-});
 
 // Required due to Jira's AUI CSS reset: https://product-fabric.atlassian.net/browse/DSP-15687
 const linkDecorationUnsetStyles = xcss({
@@ -273,14 +226,6 @@ const linkDecorationUnsetStyles = xcss({
     textDecoration: 'none'
   }
 });
-const linkDecorationStyles = xcss({
-  ':hover': {
-    textDecoration: 'underline'
-  },
-  ':focus': {
-    textDecoration: 'underline'
-  }
-});
 const disabledStyles = xcss({
   cursor: 'not-allowed',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -427,17 +372,6 @@ const baseSpacingCompactStyles = xcss({
 const tokenizedSpacingCompactStyles = xcss({
   paddingBlock: 'space.025'
 });
-const spacingNoneStyles = xcss({
-  columnGap: 'space.0',
-  height: 'auto',
-  lineHeight: 'inherit',
-  paddingInlineEnd: 'space.0',
-  paddingInlineStart: 'space.0',
-  verticalAlign: 'baseline'
-});
-const tokenizedSpacingNoneStyles = xcss({
-  paddingBlock: 'space.0'
-});
 const circleStyles = xcss({
   borderRadius: 'border.radius.circle'
 });
@@ -548,13 +482,13 @@ const useButtonBase = ({
   useAutoFocus(localRef, autoFocus);
   return {
     ref: mergeRefs([localRef, ref]),
-    xcss: [fg('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedButtonStyles : hardCodedButtonStyles, buttonStyles, appearance === 'default' && (fg('platform-component-visual-refresh') ? defaultRefreshedStyles : defaultStyles), appearance === 'default' && isInteractive && (fg('platform-component-visual-refresh') ? defaultInteractiveRefreshedStyles : defaultInteractiveStyles), appearance === 'primary' && primaryStyles, appearance === 'primary' && isInteractive && primaryInteractiveStyles, appearance === 'warning' && warningStyles, appearance === 'warning' && isInteractive && warningInteractiveStyles, appearance === 'danger' && dangerStyles, appearance === 'danger' && isInteractive && dangerInteractiveStyles, appearance === 'discovery' && discoveryStyles, appearance === 'discovery' && isInteractive && discoveryInteractiveStyles, appearance === 'subtle' && (fg('platform-component-visual-refresh') ? subtleRefreshedStyles : subtleStyles), appearance === 'subtle' && isInteractive && (fg('platform-component-visual-refresh') ? subtleInteractiveRefreshedStyles : subtleInteractiveStyles), appearance === 'link' && linkStyles, appearance === 'subtle-link' && subtleLinkStyles, !isSelected && (appearance === 'link' || appearance === 'subtle-link') ? linkDecorationStyles : linkDecorationUnsetStyles, isSelected && (fg('platform-component-visual-refresh') ? selectedRefreshedStyles : selectedStyles), isSelected && isSplitButton && selectedInsideSplitButtonStyles, isSelected && isInteractive && selectedInteractiveStyles,
+    xcss: [fg('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedButtonStyles : hardCodedButtonStyles, buttonStyles, appearance === 'default' && (fg('platform-component-visual-refresh') ? defaultRefreshedStyles : defaultStyles), appearance === 'default' && isInteractive && (fg('platform-component-visual-refresh') ? defaultInteractiveRefreshedStyles : defaultInteractiveStyles), appearance === 'primary' && primaryStyles, appearance === 'primary' && isInteractive && primaryInteractiveStyles, appearance === 'warning' && warningStyles, appearance === 'warning' && isInteractive && warningInteractiveStyles, appearance === 'danger' && dangerStyles, appearance === 'danger' && isInteractive && dangerInteractiveStyles, appearance === 'discovery' && discoveryStyles, appearance === 'discovery' && isInteractive && discoveryInteractiveStyles, appearance === 'subtle' && (fg('platform-component-visual-refresh') ? subtleRefreshedStyles : subtleStyles), appearance === 'subtle' && isInteractive && (fg('platform-component-visual-refresh') ? subtleInteractiveRefreshedStyles : subtleInteractiveStyles), linkDecorationUnsetStyles, isSelected && (fg('platform-component-visual-refresh') ? selectedRefreshedStyles : selectedStyles), isSelected && isSplitButton && selectedInsideSplitButtonStyles, isSelected && isInteractive && selectedInteractiveStyles,
     // TODO: remove me once we kill color fallbacks
     isSelected && appearance === 'danger' && selectedDangerStyles,
     // TODO: remove me once we kill color fallbacks
     isSelected && appearance === 'warning' && selectedWarningStyles,
     // TODO: remove me once we kill color fallbacks
-    isSelected && appearance === 'discovery' && selectedDiscoveryStyles, isDisabled && disabledStyles, isCircle && !isSplitButton && circleStyles, spacing === 'compact' && spacingCompactStyles, spacing === 'compact' && (fg('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedSpacingCompactStyles : baseSpacingCompactStyles), spacing === 'none' && spacingNoneStyles, spacing === 'none' && fg('platform.design-system-team.button-tokenised-typography-styles') && tokenizedSpacingNoneStyles, spacing !== 'none' && hasIconBefore && buttonIconBeforeStyles, spacing !== 'none' && hasIconAfter && buttonIconAfterStyles, isIconButton && iconButtonStyles, isIconButton && spacing === 'compact' && iconButtonCompactStyles, shouldFitContainer && fullWidthStyles, isLoading && loadingStyles, isSplitButton && splitButtonStyles, isNavigationSplitButton && navigationSplitButtonStyles],
+    isSelected && appearance === 'discovery' && selectedDiscoveryStyles, isDisabled && disabledStyles, isCircle && !isSplitButton && circleStyles, spacing === 'compact' && spacingCompactStyles, spacing === 'compact' && (fg('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedSpacingCompactStyles : baseSpacingCompactStyles), hasIconBefore && buttonIconBeforeStyles, hasIconAfter && buttonIconAfterStyles, isIconButton && iconButtonStyles, isIconButton && spacing === 'compact' && iconButtonCompactStyles, shouldFitContainer && fullWidthStyles, isLoading && loadingStyles, isSplitButton && splitButtonStyles, isNavigationSplitButton && navigationSplitButtonStyles],
     isDisabled: isEffectivelyDisabled,
     children: /*#__PURE__*/React.createElement(Fragment, null, children, isLoading ? /*#__PURE__*/React.createElement(Box, {
       as: "span",

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

@@ -119,7 +119,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref)
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "19.2.1",
+    packageVersion: "20.1.0",
     analyticsData: analyticsContext
   });
 

package/dist/es2019/old-button/shared/css.js

@@ -73,6 +73,9 @@ const defaultStyles = {
   },
   '&:active': {
     background: "var(--ds-background-neutral-pressed, #091E424F)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: "var(--ds-background-neutral-subtle, #00000000)"
   }
 };
 const primaryStyles = {
@@ -83,6 +86,9 @@ const primaryStyles = {
   },
   '&:active': {
     background: "var(--ds-background-brand-bold-pressed, #09326C)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: "var(--ds-background-brand-bold, #0C66E4)"
   }
 };
 const linkStyles = {
@@ -105,6 +111,9 @@ const subtleStyles = {
   },
   '&:active': {
     background: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: 'transparent'
   }
 };
 const subtleLinkStyles = {
@@ -129,6 +138,9 @@ const warningStyles = {
   },
   '&:active': {
     background: "var(--ds-background-warning-bold-pressed, #CF9F02)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: "var(--ds-background-warning-bold, #F5CD47)"
   }
 };
 const dangerStyles = {
@@ -139,6 +151,9 @@ const dangerStyles = {
   },
   '&:active': {
     background: "var(--ds-background-danger-bold-pressed, #5D1F1A)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: "var(--ds-background-danger-bold, #C9372C)"
   }
 };
 const selectedStyles = {
@@ -309,11 +324,7 @@ export function getCss({
           backgroundColor: HAS_DISABLED_BACKGROUND.includes(appearance) ? "var(--ds-background-disabled, #091E4208)" : 'transparent'
         }
       },
-      ...hasOverlayStyles,
-      // disabling hover and active color changes when there is an overlay, but the button is not disabled
-      '&[data-has-overlay="true"]:not([disabled]):hover, &[data-has-overlay="true"]:not([disabled]):active': {
-        background: 'inherit'
-      }
+      ...hasOverlayStyles
     })),
     '&::-moz-focus-inner': {
       border: 0,

package/dist/es2019/utils/appearances.js

@@ -1,4 +1,4 @@
 const buttonAppearances = ['default', 'primary', 'subtle', 'warning', 'danger', 'discovery'];
-const linkButtonAppearances = ['default', 'primary', 'subtle', 'warning', 'danger', 'discovery', 'link', 'subtle-link'];
+const linkButtonAppearances = ['default', 'primary', 'subtle', 'warning', 'danger', 'discovery'];
 const iconButtonAppearances = ['default', 'primary', 'discovery', 'subtle'];
 export { buttonAppearances, linkButtonAppearances, iconButtonAppearances };

package/dist/es2019/utils/spacing.js

@@ -1,3 +1,3 @@
-const buttonSpacing = ['default', 'compact', 'none'];
+const buttonSpacing = ['default', 'compact'];
 const iconButtonSpacing = ['default', 'compact'];
 export { buttonSpacing, iconButtonSpacing };

package/dist/esm/new-button/containers/split-button/split-button.js

@@ -8,8 +8,7 @@ import { css, jsx } from '@emotion/react';
 import { fg } from '@atlaskit/platform-feature-flags';
 var heights = {
   default: "".concat(32 / 14, "em"),
-  compact: "".concat(24 / 14, "em"),
-  none: 'auto'
+  compact: "".concat(24 / 14, "em")
 };
 import { SplitButtonContext } from './split-button-context';
 import { getActions } from './utils';

package/dist/esm/new-button/variants/shared/loading-overlay.js

@@ -4,8 +4,6 @@ function getIconSpacing(spacing) {
   switch (spacing) {
     case 'compact':
       return 'small';
-    case 'none':
-      return 'xsmall';
     default:
       return 'medium';
   }

package/dist/esm/new-button/variants/shared/use-button-base.js

@@ -215,53 +215,6 @@ var subtleInteractiveRefreshedStyles = xcss({
     color: 'color.text.subtle'
   }
 });
-var linkStyles = xcss({
-  // @ts-expect-error
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-link, ".concat(colors.B400, ")"),
-  background: "var(--ds-background-neutral-subtle, transparent)",
-  textDecoration: 'none',
-  ':hover': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-link, ".concat(colors.B300, ")"),
-    background: "var(--ds-background-neutral-subtle, transparent)"
-  },
-  ':active': {
-    // @ts-expect-error
-    color: "var(--ds-link-pressed, #0055CC)",
-    background: "var(--ds-background-neutral-subtle, transparent)"
-  },
-  ':visited': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-link, ".concat(colors.B400, ")")
-  }
-});
-var subtleLinkStyles = xcss({
-  // @ts-expect-error
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-text-subtle, ".concat(colors.N200, ")"),
-  background: "var(--ds-background-neutral-subtle, transparent)",
-  textDecoration: 'none',
-  ':hover': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-text-subtle, ".concat(colors.N90, ")"),
-    background: "var(--ds-background-neutral-subtle, transparent)"
-  },
-  ':active': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-text, ".concat(colors.N400, ")"),
-    background: "var(--ds-background-neutral-subtle, transparent)"
-  },
-  ':visited': {
-    // @ts-expect-error
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-text-subtle, ".concat(colors.N200, ")")
-  }
-});
 
 // Required due to Jira's AUI CSS reset: https://product-fabric.atlassian.net/browse/DSP-15687
 var linkDecorationUnsetStyles = xcss({
@@ -276,14 +229,6 @@ var linkDecorationUnsetStyles = xcss({
     textDecoration: 'none'
   }
 });
-var linkDecorationStyles = xcss({
-  ':hover': {
-    textDecoration: 'underline'
-  },
-  ':focus': {
-    textDecoration: 'underline'
-  }
-});
 var disabledStyles = xcss({
   cursor: 'not-allowed',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -430,17 +375,6 @@ var baseSpacingCompactStyles = xcss({
 var tokenizedSpacingCompactStyles = xcss({
   paddingBlock: 'space.025'
 });
-var spacingNoneStyles = xcss({
-  columnGap: 'space.0',
-  height: 'auto',
-  lineHeight: 'inherit',
-  paddingInlineEnd: 'space.0',
-  paddingInlineStart: 'space.0',
-  verticalAlign: 'baseline'
-});
-var tokenizedSpacingNoneStyles = xcss({
-  paddingBlock: 'space.0'
-});
 var circleStyles = xcss({
   borderRadius: 'border.radius.circle'
 });
@@ -559,13 +493,13 @@ var useButtonBase = function useButtonBase(_ref) {
   useAutoFocus(localRef, autoFocus);
   return _objectSpread({
     ref: mergeRefs([localRef, ref]),
-    xcss: [fg('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedButtonStyles : hardCodedButtonStyles, buttonStyles, appearance === 'default' && (fg('platform-component-visual-refresh') ? defaultRefreshedStyles : defaultStyles), appearance === 'default' && isInteractive && (fg('platform-component-visual-refresh') ? defaultInteractiveRefreshedStyles : defaultInteractiveStyles), appearance === 'primary' && primaryStyles, appearance === 'primary' && isInteractive && primaryInteractiveStyles, appearance === 'warning' && warningStyles, appearance === 'warning' && isInteractive && warningInteractiveStyles, appearance === 'danger' && dangerStyles, appearance === 'danger' && isInteractive && dangerInteractiveStyles, appearance === 'discovery' && discoveryStyles, appearance === 'discovery' && isInteractive && discoveryInteractiveStyles, appearance === 'subtle' && (fg('platform-component-visual-refresh') ? subtleRefreshedStyles : subtleStyles), appearance === 'subtle' && isInteractive && (fg('platform-component-visual-refresh') ? subtleInteractiveRefreshedStyles : subtleInteractiveStyles), appearance === 'link' && linkStyles, appearance === 'subtle-link' && subtleLinkStyles, !isSelected && (appearance === 'link' || appearance === 'subtle-link') ? linkDecorationStyles : linkDecorationUnsetStyles, isSelected && (fg('platform-component-visual-refresh') ? selectedRefreshedStyles : selectedStyles), isSelected && isSplitButton && selectedInsideSplitButtonStyles, isSelected && isInteractive && selectedInteractiveStyles,
+    xcss: [fg('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedButtonStyles : hardCodedButtonStyles, buttonStyles, appearance === 'default' && (fg('platform-component-visual-refresh') ? defaultRefreshedStyles : defaultStyles), appearance === 'default' && isInteractive && (fg('platform-component-visual-refresh') ? defaultInteractiveRefreshedStyles : defaultInteractiveStyles), appearance === 'primary' && primaryStyles, appearance === 'primary' && isInteractive && primaryInteractiveStyles, appearance === 'warning' && warningStyles, appearance === 'warning' && isInteractive && warningInteractiveStyles, appearance === 'danger' && dangerStyles, appearance === 'danger' && isInteractive && dangerInteractiveStyles, appearance === 'discovery' && discoveryStyles, appearance === 'discovery' && isInteractive && discoveryInteractiveStyles, appearance === 'subtle' && (fg('platform-component-visual-refresh') ? subtleRefreshedStyles : subtleStyles), appearance === 'subtle' && isInteractive && (fg('platform-component-visual-refresh') ? subtleInteractiveRefreshedStyles : subtleInteractiveStyles), linkDecorationUnsetStyles, isSelected && (fg('platform-component-visual-refresh') ? selectedRefreshedStyles : selectedStyles), isSelected && isSplitButton && selectedInsideSplitButtonStyles, isSelected && isInteractive && selectedInteractiveStyles,
     // TODO: remove me once we kill color fallbacks
     isSelected && appearance === 'danger' && selectedDangerStyles,
     // TODO: remove me once we kill color fallbacks
     isSelected && appearance === 'warning' && selectedWarningStyles,
     // TODO: remove me once we kill color fallbacks
-    isSelected && appearance === 'discovery' && selectedDiscoveryStyles, isDisabled && disabledStyles, isCircle && !isSplitButton && circleStyles, spacing === 'compact' && spacingCompactStyles, spacing === 'compact' && (fg('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedSpacingCompactStyles : baseSpacingCompactStyles), spacing === 'none' && spacingNoneStyles, spacing === 'none' && fg('platform.design-system-team.button-tokenised-typography-styles') && tokenizedSpacingNoneStyles, spacing !== 'none' && hasIconBefore && buttonIconBeforeStyles, spacing !== 'none' && hasIconAfter && buttonIconAfterStyles, isIconButton && iconButtonStyles, isIconButton && spacing === 'compact' && iconButtonCompactStyles, shouldFitContainer && fullWidthStyles, isLoading && loadingStyles, isSplitButton && splitButtonStyles, isNavigationSplitButton && navigationSplitButtonStyles],
+    isSelected && appearance === 'discovery' && selectedDiscoveryStyles, isDisabled && disabledStyles, isCircle && !isSplitButton && circleStyles, spacing === 'compact' && spacingCompactStyles, spacing === 'compact' && (fg('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedSpacingCompactStyles : baseSpacingCompactStyles), hasIconBefore && buttonIconBeforeStyles, hasIconAfter && buttonIconAfterStyles, isIconButton && iconButtonStyles, isIconButton && spacing === 'compact' && iconButtonCompactStyles, shouldFitContainer && fullWidthStyles, isLoading && loadingStyles, isSplitButton && splitButtonStyles, isNavigationSplitButton && navigationSplitButtonStyles],
     isDisabled: isEffectivelyDisabled,
     children: /*#__PURE__*/React.createElement(Fragment, null, children, isLoading ? /*#__PURE__*/React.createElement(Box, {
       as: "span",

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

@@ -125,7 +125,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "19.2.1",
+    packageVersion: "20.1.0",
     analyticsData: analyticsContext
   });
 

package/dist/esm/old-button/shared/css.js

@@ -75,6 +75,9 @@ var defaultStyles = {
   },
   '&:active': {
     background: "var(--ds-background-neutral-pressed, #091E424F)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: "var(--ds-background-neutral-subtle, #00000000)"
   }
 };
 var primaryStyles = {
@@ -85,6 +88,9 @@ var primaryStyles = {
   },
   '&:active': {
     background: "var(--ds-background-brand-bold-pressed, #09326C)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: "var(--ds-background-brand-bold, #0C66E4)"
   }
 };
 var linkStyles = {
@@ -107,6 +113,9 @@ var subtleStyles = {
   },
   '&:active': {
     background: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: 'transparent'
   }
 };
 var subtleLinkStyles = {
@@ -131,6 +140,9 @@ var warningStyles = {
   },
   '&:active': {
     background: "var(--ds-background-warning-bold-pressed, #CF9F02)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: "var(--ds-background-warning-bold, #F5CD47)"
   }
 };
 var dangerStyles = {
@@ -141,6 +153,9 @@ var dangerStyles = {
   },
   '&:active': {
     background: "var(--ds-background-danger-bold-pressed, #5D1F1A)"
+  },
+  '&[data-has-overlay="true"]:not([disabled]):hover': {
+    background: "var(--ds-background-danger-bold, #C9372C)"
   }
 };
 var selectedStyles = {
@@ -272,7 +287,7 @@ export function getCss(_ref3) {
       key: isSelected ? 'selected' : 'default',
       mode: mode
     }))
-  })), fg('platform-component-visual-refresh') && (isSelected ? selectedStyles : _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, appearance === 'default' && defaultStyles), appearance === 'primary' && primaryStyles), appearance === 'link' && linkStyles), appearance === 'subtle' && subtleStyles), appearance === 'subtle-link' && subtleLinkStyles), appearance === 'warning' && warningStyles), appearance === 'danger' && dangerStyles), {}, {
+  })), fg('platform-component-visual-refresh') && (isSelected ? selectedStyles : _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, appearance === 'default' && defaultStyles), appearance === 'primary' && primaryStyles), appearance === 'link' && linkStyles), appearance === 'subtle' && subtleStyles), appearance === 'subtle-link' && subtleLinkStyles), appearance === 'warning' && warningStyles), appearance === 'danger' && dangerStyles), {}, {
     '&[disabled]': {
       color: "var(--ds-text-disabled, #091E424F)",
       backgroundColor: HAS_DISABLED_BACKGROUND.includes(appearance) ? "var(--ds-background-disabled, #091E4208)" : 'transparent',
@@ -285,12 +300,7 @@ export function getCss(_ref3) {
         backgroundColor: HAS_DISABLED_BACKGROUND.includes(appearance) ? "var(--ds-background-disabled, #091E4208)" : 'transparent'
       }
     }
-  }, hasOverlayStyles), {}, {
-    // disabling hover and active color changes when there is an overlay, but the button is not disabled
-    '&[data-has-overlay="true"]:not([disabled]):hover, &[data-has-overlay="true"]:not([disabled]):active': {
-      background: 'inherit'
-    }
-  }))), {}, {
+  }, hasOverlayStyles))), {}, {
     '&::-moz-focus-inner': {
       border: 0,
       margin: 0,

package/dist/esm/utils/appearances.js

@@ -1,4 +1,4 @@
 var buttonAppearances = ['default', 'primary', 'subtle', 'warning', 'danger', 'discovery'];
-var linkButtonAppearances = ['default', 'primary', 'subtle', 'warning', 'danger', 'discovery', 'link', 'subtle-link'];
+var linkButtonAppearances = ['default', 'primary', 'subtle', 'warning', 'danger', 'discovery'];
 var iconButtonAppearances = ['default', 'primary', 'discovery', 'subtle'];
 export { buttonAppearances, linkButtonAppearances, iconButtonAppearances };

package/dist/esm/utils/spacing.js

@@ -1,3 +1,3 @@
-var buttonSpacing = ['default', 'compact', 'none'];
+var buttonSpacing = ['default', 'compact'];
 var iconButtonSpacing = ['default', 'compact'];
 export { buttonSpacing, iconButtonSpacing };

package/dist/types/new-button/variants/icon/types.d.ts

@@ -12,7 +12,7 @@ export type CommonIconButtonProps = {
      */
     icon: IconProp;
     /**
-     * Prevent a tooltip from showing. Use sparingly.
+     * Prevents a tooltip with the label text from showing. Use sparingly, as most icon-only buttons benefit from a tooltip or some other text clarifying the action.
      */
     isTooltipDisabled?: boolean;
     /**

package/dist/types/new-button/variants/types.d.ts

@@ -2,10 +2,10 @@ import type React from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type IconProps, type UNSAFE_NewIconProps } from '@atlaskit/icon/types';
 export type ButtonAppearance = 'default' | 'danger' | 'primary' | 'subtle' | 'warning' | 'discovery';
-export type LinkButtonAppearance = 'default' | 'danger' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'warning' | 'discovery';
+export type LinkButtonAppearance = 'default' | 'danger' | 'primary' | 'subtle' | 'warning' | 'discovery';
 export type IconButtonAppearance = 'default' | 'primary' | 'discovery' | 'subtle';
 export type Appearance = ButtonAppearance | LinkButtonAppearance | IconButtonAppearance;
-export type ButtonSpacing = 'compact' | 'default' | 'none';
+export type ButtonSpacing = 'compact' | 'default';
 export type IconButtonSpacing = 'compact' | 'default';
 export type Spacing = ButtonSpacing | IconButtonSpacing;
 export type IconProp = React.ComponentType<IconProps | UNSAFE_NewIconProps>;

package/dist/types-ts4.5/new-button/variants/icon/types.d.ts

@@ -12,7 +12,7 @@ export type CommonIconButtonProps = {
      */
     icon: IconProp;
     /**
-     * Prevent a tooltip from showing. Use sparingly.
+     * Prevents a tooltip with the label text from showing. Use sparingly, as most icon-only buttons benefit from a tooltip or some other text clarifying the action.
      */
     isTooltipDisabled?: boolean;
     /**

package/dist/types-ts4.5/new-button/variants/types.d.ts

@@ -2,10 +2,10 @@ import type React from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type IconProps, type UNSAFE_NewIconProps } from '@atlaskit/icon/types';
 export type ButtonAppearance = 'default' | 'danger' | 'primary' | 'subtle' | 'warning' | 'discovery';
-export type LinkButtonAppearance = 'default' | 'danger' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'warning' | 'discovery';
+export type LinkButtonAppearance = 'default' | 'danger' | 'primary' | 'subtle' | 'warning' | 'discovery';
 export type IconButtonAppearance = 'default' | 'primary' | 'discovery' | 'subtle';
 export type Appearance = ButtonAppearance | LinkButtonAppearance | IconButtonAppearance;
-export type ButtonSpacing = 'compact' | 'default' | 'none';
+export type ButtonSpacing = 'compact' | 'default';
 export type IconButtonSpacing = 'compact' | 'default';
 export type Spacing = ButtonSpacing | IconButtonSpacing;
 export type IconProp = React.ComponentType<IconProps | UNSAFE_NewIconProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/button",
-	"version": "19.2.1",
+	"version": "20.1.0",
 	"description": "A button triggers an event or action. They let users know what will happen next.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -87,9 +87,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/ds-lib": "^2.4.0",
+		"@atlaskit/ds-lib": "^2.5.0",
 		"@atlaskit/focus-ring": "^1.6.0",
-		"@atlaskit/icon": "^22.12.0",
+		"@atlaskit/icon": "^22.13.0",
 		"@atlaskit/interaction-context": "^2.1.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.0.0",