@atlaskit/button 17.17.0 → 17.17.2

package/dist/cjs/new-button/variants/default/button.js

@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _pressable = _interopRequireDefault(require("@atlaskit/primitives/pressable"));
 var _useDefaultButton = _interopRequireDefault(require("./use-default-button"));
-var _excluded = ["analyticsContext", "interactionName", "autoFocus", "appearance", "spacing", "isDisabled", "isSelected", "iconBefore", "isLoading", "UNSAFE_iconAfter_size", "iconAfter", "UNSAFE_iconBefore_size", "children", "shouldFitContainer", "overlay", "onClick", "onMouseDownCapture", "onMouseUpCapture", "onKeyDownCapture", "onKeyUpCapture", "onTouchStartCapture", "onTouchEndCapture", "onPointerDownCapture", "onPointerUpCapture", "onClickCapture", "type", "testId"];
+var _excluded = ["analyticsContext", "appearance", "autoFocus", "children", "iconAfter", "iconBefore", "interactionName", "isDisabled", "isLoading", "isSelected", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "overlay", "shouldFitContainer", "spacing", "testId", "type", "UNSAFE_iconAfter_size", "UNSAFE_iconBefore_size"];
 /**
  * __Button__
  *
@@ -22,33 +22,33 @@ var _excluded = ["analyticsContext", "interactionName", "autoFocus", "appearance
  */
 var Button = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function Button(_ref, ref) {
   var analyticsContext = _ref.analyticsContext,
-    interactionName = _ref.interactionName,
-    autoFocus = _ref.autoFocus,
     appearance = _ref.appearance,
-    spacing = _ref.spacing,
-    isDisabled = _ref.isDisabled,
-    isSelected = _ref.isSelected,
+    autoFocus = _ref.autoFocus,
+    children = _ref.children,
+    iconAfter = _ref.iconAfter,
     iconBefore = _ref.iconBefore,
+    interactionName = _ref.interactionName,
+    isDisabled = _ref.isDisabled,
     isLoading = _ref.isLoading,
-    UNSAFE_iconAfter_size = _ref.UNSAFE_iconAfter_size,
-    iconAfter = _ref.iconAfter,
-    UNSAFE_iconBefore_size = _ref.UNSAFE_iconBefore_size,
-    children = _ref.children,
-    shouldFitContainer = _ref.shouldFitContainer,
-    overlay = _ref.overlay,
+    isSelected = _ref.isSelected,
     onClick = _ref.onClick,
-    onMouseDownCapture = _ref.onMouseDownCapture,
-    onMouseUpCapture = _ref.onMouseUpCapture,
+    onClickCapture = _ref.onClickCapture,
     onKeyDownCapture = _ref.onKeyDownCapture,
     onKeyUpCapture = _ref.onKeyUpCapture,
-    onTouchStartCapture = _ref.onTouchStartCapture,
-    onTouchEndCapture = _ref.onTouchEndCapture,
+    onMouseDownCapture = _ref.onMouseDownCapture,
+    onMouseUpCapture = _ref.onMouseUpCapture,
     onPointerDownCapture = _ref.onPointerDownCapture,
     onPointerUpCapture = _ref.onPointerUpCapture,
-    onClickCapture = _ref.onClickCapture,
+    onTouchEndCapture = _ref.onTouchEndCapture,
+    onTouchStartCapture = _ref.onTouchStartCapture,
+    overlay = _ref.overlay,
+    shouldFitContainer = _ref.shouldFitContainer,
+    spacing = _ref.spacing,
+    testId = _ref.testId,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'button' : _ref$type,
-    testId = _ref.testId,
+    UNSAFE_iconAfter_size = _ref.UNSAFE_iconAfter_size,
+    UNSAFE_iconBefore_size = _ref.UNSAFE_iconBefore_size,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var baseProps = (0, _useDefaultButton.default)({
     analyticsContext: analyticsContext,
@@ -56,28 +56,28 @@ var Button = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
     autoFocus: autoFocus,
     buttonType: 'button',
     children: children,
-    iconBefore: iconBefore,
-    UNSAFE_iconBefore_size: UNSAFE_iconBefore_size,
     iconAfter: iconAfter,
-    UNSAFE_iconAfter_size: UNSAFE_iconAfter_size,
+    iconBefore: iconBefore,
     interactionName: interactionName,
     isDisabled: isDisabled,
-    isSelected: isSelected,
     isLoading: isLoading,
+    isSelected: isSelected,
     onClick: onClick,
-    onMouseDownCapture: onMouseDownCapture,
-    onMouseUpCapture: onMouseUpCapture,
+    onClickCapture: onClickCapture,
     onKeyDownCapture: onKeyDownCapture,
     onKeyUpCapture: onKeyUpCapture,
-    onTouchStartCapture: onTouchStartCapture,
-    onTouchEndCapture: onTouchEndCapture,
+    onMouseDownCapture: onMouseDownCapture,
+    onMouseUpCapture: onMouseUpCapture,
     onPointerDownCapture: onPointerDownCapture,
     onPointerUpCapture: onPointerUpCapture,
-    onClickCapture: onClickCapture,
+    onTouchEndCapture: onTouchEndCapture,
+    onTouchStartCapture: onTouchStartCapture,
     overlay: overlay,
     ref: ref,
     shouldFitContainer: shouldFitContainer,
-    spacing: spacing
+    spacing: spacing,
+    UNSAFE_iconAfter_size: UNSAFE_iconAfter_size,
+    UNSAFE_iconBefore_size: UNSAFE_iconBefore_size
   });
   return /*#__PURE__*/_react.default.createElement(_pressable.default
   // TODO: Remove spread props

package/dist/cjs/new-button/variants/default/link.js

@@ -11,36 +11,36 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _anchor = _interopRequireDefault(require("@atlaskit/primitives/anchor"));
 var _useDefaultButton = _interopRequireDefault(require("./use-default-button"));
-var _excluded = ["analyticsContext", "interactionName", "autoFocus", "appearance", "spacing", "isDisabled", "isSelected", "iconBefore", "UNSAFE_iconBefore_size", "iconAfter", "UNSAFE_iconAfter_size", "children", "shouldFitContainer", "overlay", "onClick", "onMouseDownCapture", "onMouseUpCapture", "onKeyDownCapture", "onKeyUpCapture", "onTouchStartCapture", "onTouchEndCapture", "onPointerDownCapture", "onPointerUpCapture", "onClickCapture", "testId", "href"];
+var _excluded = ["analyticsContext", "appearance", "autoFocus", "children", "href", "iconAfter", "iconBefore", "interactionName", "isDisabled", "isSelected", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "overlay", "shouldFitContainer", "spacing", "testId", "UNSAFE_iconAfter_size", "UNSAFE_iconBefore_size"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var LinkButtonBase = function LinkButtonBase(_ref, ref) {
   var analyticsContext = _ref.analyticsContext,
-    interactionName = _ref.interactionName,
-    autoFocus = _ref.autoFocus,
     appearance = _ref.appearance,
-    spacing = _ref.spacing,
+    autoFocus = _ref.autoFocus,
+    children = _ref.children,
+    href = _ref.href,
+    iconAfter = _ref.iconAfter,
+    iconBefore = _ref.iconBefore,
+    interactionName = _ref.interactionName,
     isDisabled = _ref.isDisabled,
     isSelected = _ref.isSelected,
-    iconBefore = _ref.iconBefore,
-    UNSAFE_iconBefore_size = _ref.UNSAFE_iconBefore_size,
-    iconAfter = _ref.iconAfter,
-    UNSAFE_iconAfter_size = _ref.UNSAFE_iconAfter_size,
-    children = _ref.children,
-    shouldFitContainer = _ref.shouldFitContainer,
-    overlay = _ref.overlay,
     onClick = _ref.onClick,
-    onMouseDownCapture = _ref.onMouseDownCapture,
-    onMouseUpCapture = _ref.onMouseUpCapture,
+    onClickCapture = _ref.onClickCapture,
     onKeyDownCapture = _ref.onKeyDownCapture,
     onKeyUpCapture = _ref.onKeyUpCapture,
-    onTouchStartCapture = _ref.onTouchStartCapture,
-    onTouchEndCapture = _ref.onTouchEndCapture,
+    onMouseDownCapture = _ref.onMouseDownCapture,
+    onMouseUpCapture = _ref.onMouseUpCapture,
     onPointerDownCapture = _ref.onPointerDownCapture,
     onPointerUpCapture = _ref.onPointerUpCapture,
-    onClickCapture = _ref.onClickCapture,
+    onTouchEndCapture = _ref.onTouchEndCapture,
+    onTouchStartCapture = _ref.onTouchStartCapture,
+    overlay = _ref.overlay,
+    shouldFitContainer = _ref.shouldFitContainer,
+    spacing = _ref.spacing,
     testId = _ref.testId,
-    href = _ref.href,
+    UNSAFE_iconAfter_size = _ref.UNSAFE_iconAfter_size,
+    UNSAFE_iconBefore_size = _ref.UNSAFE_iconBefore_size,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var baseProps = (0, _useDefaultButton.default)({
     analyticsContext: analyticsContext,
@@ -48,27 +48,27 @@ var LinkButtonBase = function LinkButtonBase(_ref, ref) {
     autoFocus: autoFocus,
     buttonType: 'link',
     children: children,
-    iconBefore: iconBefore,
-    UNSAFE_iconBefore_size: UNSAFE_iconBefore_size,
     iconAfter: iconAfter,
-    UNSAFE_iconAfter_size: UNSAFE_iconAfter_size,
+    iconBefore: iconBefore,
     interactionName: interactionName,
     isDisabled: isDisabled,
     isSelected: isSelected,
     onClick: onClick,
-    onMouseDownCapture: onMouseDownCapture,
-    onMouseUpCapture: onMouseUpCapture,
+    onClickCapture: onClickCapture,
     onKeyDownCapture: onKeyDownCapture,
     onKeyUpCapture: onKeyUpCapture,
-    onTouchStartCapture: onTouchStartCapture,
-    onTouchEndCapture: onTouchEndCapture,
+    onMouseDownCapture: onMouseDownCapture,
+    onMouseUpCapture: onMouseUpCapture,
     onPointerDownCapture: onPointerDownCapture,
     onPointerUpCapture: onPointerUpCapture,
-    onClickCapture: onClickCapture,
+    onTouchEndCapture: onTouchEndCapture,
+    onTouchStartCapture: onTouchStartCapture,
     overlay: overlay,
     ref: ref,
     shouldFitContainer: shouldFitContainer,
-    spacing: spacing
+    spacing: spacing,
+    UNSAFE_iconAfter_size: UNSAFE_iconAfter_size,
+    UNSAFE_iconBefore_size: UNSAFE_iconBefore_size
   });
   return /*#__PURE__*/_react.default.createElement(_anchor.default
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -109,9 +109,9 @@ var WithRef = /*#__PURE__*/(0, _react.forwardRef)(LinkButtonBase);
  *
  * Renders a link in the style of a button.
  *
- * - [Examples](https://atlassian.design/components/button/examples)
- * - [Code](https://atlassian.design/components/button/code)
- * - [Usage](https://atlassian.design/components/button/usage)
+ * - [Examples](https://atlassian.design/components/link-button/examples)
+ * - [Code](https://atlassian.design/components/link-button/code)
+ * - [Usage](https://atlassian.design/components/link-button/usage)
  */
 var LinkButton = /*#__PURE__*/(0, _react.memo)(WithRef);
 var _default = exports.default = LinkButton;

package/dist/cjs/new-button/variants/default/use-default-button.js

@@ -26,30 +26,30 @@ var useDefaultButton = function useDefaultButton(_ref) {
     appearance = _ref.appearance,
     autoFocus = _ref.autoFocus,
     buttonType = _ref.buttonType,
-    IconBefore = _ref.iconBefore,
-    UNSAFE_iconBefore_size = _ref.UNSAFE_iconBefore_size,
+    children = _ref.children,
     IconAfter = _ref.iconAfter,
-    UNSAFE_iconAfter_size = _ref.UNSAFE_iconAfter_size,
+    IconBefore = _ref.iconBefore,
     interactionName = _ref.interactionName,
     isDisabled = _ref.isDisabled,
-    isSelected = _ref.isSelected,
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    children = _ref.children,
+    isSelected = _ref.isSelected,
     onClick = _ref.onClick,
-    onMouseDownCapture = _ref.onMouseDownCapture,
-    onMouseUpCapture = _ref.onMouseUpCapture,
+    onClickCapture = _ref.onClickCapture,
     onKeyDownCapture = _ref.onKeyDownCapture,
     onKeyUpCapture = _ref.onKeyUpCapture,
-    onTouchStartCapture = _ref.onTouchStartCapture,
-    onTouchEndCapture = _ref.onTouchEndCapture,
+    onMouseDownCapture = _ref.onMouseDownCapture,
+    onMouseUpCapture = _ref.onMouseUpCapture,
     onPointerDownCapture = _ref.onPointerDownCapture,
     onPointerUpCapture = _ref.onPointerUpCapture,
-    onClickCapture = _ref.onClickCapture,
+    onTouchEndCapture = _ref.onTouchEndCapture,
+    onTouchStartCapture = _ref.onTouchStartCapture,
     overlay = _ref.overlay,
     ref = _ref.ref,
     shouldFitContainer = _ref.shouldFitContainer,
-    spacing = _ref.spacing;
+    spacing = _ref.spacing,
+    UNSAFE_iconAfter_size = _ref.UNSAFE_iconAfter_size,
+    UNSAFE_iconBefore_size = _ref.UNSAFE_iconBefore_size;
   var hasOverlay = Boolean(overlay || isLoading);
   var baseProps = (0, _useButtonBase.default)({
     analyticsContext: analyticsContext,

package/dist/cjs/new-button/variants/icon/button.js

@@ -17,9 +17,9 @@ var _excluded = ["aria-label", "analyticsContext", "appearance", "autoFocus", "i
  *
  * TODO: Description
  *
- * - [Examples](https://atlassian.design/components/button/examples)
- * - [Code](https://atlassian.design/components/button/code)
- * - [Usage](https://atlassian.design/components/button/usage)
+ * - [Examples](https://atlassian.design/components/icon-button/examples)
+ * - [Code](https://atlassian.design/components/icon-button/code)
+ * - [Usage](https://atlassian.design/components/icon-button/usage)
  */
 var IconButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function Button(_ref, ref) {
   var preventedAriaLabel = _ref['aria-label'],
@@ -65,19 +65,19 @@ var IconButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     icon: icon,
     interactionName: interactionName,
     isDisabled: isDisabled,
-    isSelected: isSelected,
     isLoading: isLoading,
+    isSelected: isSelected,
     label: label,
     onClick: onClick,
-    onMouseDownCapture: onMouseDownCapture,
-    onMouseUpCapture: onMouseUpCapture,
+    onClickCapture: onClickCapture,
     onKeyDownCapture: onKeyDownCapture,
     onKeyUpCapture: onKeyUpCapture,
-    onTouchStartCapture: onTouchStartCapture,
-    onTouchEndCapture: onTouchEndCapture,
+    onMouseDownCapture: onMouseDownCapture,
+    onMouseUpCapture: onMouseUpCapture,
     onPointerDownCapture: onPointerDownCapture,
     onPointerUpCapture: onPointerUpCapture,
-    onClickCapture: onClickCapture,
+    onTouchEndCapture: onTouchEndCapture,
+    onTouchStartCapture: onTouchStartCapture,
     overlay: overlay,
     ref: ref,
     shape: shape,

package/dist/cjs/new-button/variants/icon/link.js

@@ -56,15 +56,15 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
     isSelected: isSelected,
     label: label,
     onClick: onClick,
-    onMouseDownCapture: onMouseDownCapture,
-    onMouseUpCapture: onMouseUpCapture,
+    onClickCapture: onClickCapture,
     onKeyDownCapture: onKeyDownCapture,
     onKeyUpCapture: onKeyUpCapture,
-    onTouchStartCapture: onTouchStartCapture,
-    onTouchEndCapture: onTouchEndCapture,
+    onMouseDownCapture: onMouseDownCapture,
+    onMouseUpCapture: onMouseUpCapture,
     onPointerDownCapture: onPointerDownCapture,
     onPointerUpCapture: onPointerUpCapture,
-    onClickCapture: onClickCapture,
+    onTouchEndCapture: onTouchEndCapture,
+    onTouchStartCapture: onTouchStartCapture,
     overlay: overlay,
     ref: ref,
     shape: shape,
@@ -203,9 +203,9 @@ var WithRef = /*#__PURE__*/(0, _react.forwardRef)(LinkIconButtonBase);
  *
  * Renders a link in the style of an icon button.
  *
- * - [Examples](https://atlassian.design/components/button/examples)
- * - [Code](https://atlassian.design/components/button/code)
- * - [Usage](https://atlassian.design/components/button/usage)
+ * - [Examples](https://atlassian.design/components/link-icon-button/examples)
+ * - [Code](https://atlassian.design/components/link-icon-button/code)
+ * - [Usage](https://atlassian.design/components/link-icon-button/usage)
  */
 var LinkIconButton = /*#__PURE__*/(0, _react.memo)(WithRef);
 var _default = exports.default = LinkIconButton;

package/dist/cjs/new-button/variants/icon/use-icon-button.js

@@ -27,19 +27,19 @@ var useIconButton = function useIconButton(_ref) {
     Icon = _ref.icon,
     interactionName = _ref.interactionName,
     isDisabled = _ref.isDisabled,
-    isSelected = _ref.isSelected,
     isLoading = _ref.isLoading,
+    isSelected = _ref.isSelected,
     label = _ref.label,
     onClick = _ref.onClick,
-    onMouseDownCapture = _ref.onMouseDownCapture,
-    onMouseUpCapture = _ref.onMouseUpCapture,
+    onClickCapture = _ref.onClickCapture,
     onKeyDownCapture = _ref.onKeyDownCapture,
     onKeyUpCapture = _ref.onKeyUpCapture,
-    onTouchStartCapture = _ref.onTouchStartCapture,
-    onTouchEndCapture = _ref.onTouchEndCapture,
+    onMouseDownCapture = _ref.onMouseDownCapture,
+    onMouseUpCapture = _ref.onMouseUpCapture,
     onPointerDownCapture = _ref.onPointerDownCapture,
     onPointerUpCapture = _ref.onPointerUpCapture,
-    onClickCapture = _ref.onClickCapture,
+    onTouchEndCapture = _ref.onTouchEndCapture,
+    onTouchStartCapture = _ref.onTouchStartCapture,
     overlay = _ref.overlay,
     ref = _ref.ref,
     shape = _ref.shape,

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

@@ -22,11 +22,13 @@ var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerC
 /**
  * __Button__
  *
+ * CAUTION: Legacy buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new`.
+ *
  * A button triggers an event or action. They let users know what will happen next.
  *
- * - [Examples](https://atlassian.design/components/button/examples)
- * - [Code](https://atlassian.design/components/button/code)
- * - [Usage](https://atlassian.design/components/button/usage)
+ * - [Examples](https://atlassian.design/components/button/button-legacy/examples)
+ * - [Code](https://atlassian.design/components/button/button-legacy/code)
+ * - [Usage](https://atlassian.design/components/button/button-legacy/usage)
  */
 var Button = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function Button(_ref, ref) {
   var _ref$appearance = _ref.appearance,

package/dist/cjs/old-button/loading-button.js

@@ -14,6 +14,8 @@ var _excluded = ["appearance", "isDisabled", "isSelected", "isLoading", "spacing
 /**
  * __Loading button__
  *
+ * CAUTION: Legacy loading buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
+ *
  * A small wrapper around Button that allows you to show an @atlaskit/spinner as an overlay on the button when you set an isLoading prop to true.
  *
  * - [Examples](https://atlassian.design/components/button/examples#loading-button)

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

@@ -129,7 +129,7 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "17.17.0",
+    packageVersion: "17.17.2",
     analyticsData: analyticsContext
   });
 
@@ -168,7 +168,9 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
     };
   }
   return (0, _react2.jsx)(_focusRing.default, null, (0, _react2.jsx)(Component, (0, _extends2.default)({}, rest, {
-    ref: setRef,
+    ref: setRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: className,
     css: [buttonCss, isInteractive ? null : noPointerEventsOnChildrenCss]
     // using undefined so that the property doesn't exist when false

package/dist/es2019/new-button/variants/default/button.js

@@ -13,32 +13,32 @@ import useDefaultButton from './use-default-button';
  */
 const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Button({
   analyticsContext,
-  interactionName,
-  autoFocus,
   appearance,
-  spacing,
-  isDisabled,
-  isSelected,
+  autoFocus,
+  children,
+  iconAfter,
   iconBefore,
+  interactionName,
+  isDisabled,
   isLoading,
-  UNSAFE_iconAfter_size,
-  iconAfter,
-  UNSAFE_iconBefore_size,
-  children,
-  shouldFitContainer,
-  overlay,
+  isSelected,
   onClick,
-  onMouseDownCapture,
-  onMouseUpCapture,
+  onClickCapture,
   onKeyDownCapture,
   onKeyUpCapture,
-  onTouchStartCapture,
-  onTouchEndCapture,
+  onMouseDownCapture,
+  onMouseUpCapture,
   onPointerDownCapture,
   onPointerUpCapture,
-  onClickCapture,
-  type = 'button',
+  onTouchEndCapture,
+  onTouchStartCapture,
+  overlay,
+  shouldFitContainer,
+  spacing,
   testId,
+  type = 'button',
+  UNSAFE_iconAfter_size,
+  UNSAFE_iconBefore_size,
   ...rest
 }, ref) {
   const baseProps = useDefaultButton({
@@ -47,28 +47,28 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
     autoFocus,
     buttonType: 'button',
     children,
-    iconBefore,
-    UNSAFE_iconBefore_size,
     iconAfter,
-    UNSAFE_iconAfter_size,
+    iconBefore,
     interactionName,
     isDisabled,
-    isSelected,
     isLoading,
+    isSelected,
     onClick,
-    onMouseDownCapture,
-    onMouseUpCapture,
+    onClickCapture,
     onKeyDownCapture,
     onKeyUpCapture,
-    onTouchStartCapture,
-    onTouchEndCapture,
+    onMouseDownCapture,
+    onMouseUpCapture,
     onPointerDownCapture,
     onPointerUpCapture,
-    onClickCapture,
+    onTouchEndCapture,
+    onTouchStartCapture,
     overlay,
     ref,
     shouldFitContainer,
-    spacing
+    spacing,
+    UNSAFE_iconAfter_size,
+    UNSAFE_iconBefore_size
   });
   return /*#__PURE__*/React.createElement(Pressable
   // TODO: Remove spread props

package/dist/es2019/new-button/variants/default/link.js

@@ -4,31 +4,31 @@ import UNSAFE_ANCHOR from '@atlaskit/primitives/anchor';
 import useDefaultButton from './use-default-button';
 const LinkButtonBase = ({
   analyticsContext,
-  interactionName,
-  autoFocus,
   appearance,
-  spacing,
+  autoFocus,
+  children,
+  href,
+  iconAfter,
+  iconBefore,
+  interactionName,
   isDisabled,
   isSelected,
-  iconBefore,
-  UNSAFE_iconBefore_size,
-  iconAfter,
-  UNSAFE_iconAfter_size,
-  children,
-  shouldFitContainer,
-  overlay,
   onClick,
-  onMouseDownCapture,
-  onMouseUpCapture,
+  onClickCapture,
   onKeyDownCapture,
   onKeyUpCapture,
-  onTouchStartCapture,
-  onTouchEndCapture,
+  onMouseDownCapture,
+  onMouseUpCapture,
   onPointerDownCapture,
   onPointerUpCapture,
-  onClickCapture,
+  onTouchEndCapture,
+  onTouchStartCapture,
+  overlay,
+  shouldFitContainer,
+  spacing,
   testId,
-  href,
+  UNSAFE_iconAfter_size,
+  UNSAFE_iconBefore_size,
   ...rest
 }, ref) => {
   const baseProps = useDefaultButton({
@@ -37,27 +37,27 @@ const LinkButtonBase = ({
     autoFocus,
     buttonType: 'link',
     children,
-    iconBefore,
-    UNSAFE_iconBefore_size,
     iconAfter,
-    UNSAFE_iconAfter_size,
+    iconBefore,
     interactionName,
     isDisabled,
     isSelected,
     onClick,
-    onMouseDownCapture,
-    onMouseUpCapture,
+    onClickCapture,
     onKeyDownCapture,
     onKeyUpCapture,
-    onTouchStartCapture,
-    onTouchEndCapture,
+    onMouseDownCapture,
+    onMouseUpCapture,
     onPointerDownCapture,
     onPointerUpCapture,
-    onClickCapture,
+    onTouchEndCapture,
+    onTouchStartCapture,
     overlay,
     ref,
     shouldFitContainer,
-    spacing
+    spacing,
+    UNSAFE_iconAfter_size,
+    UNSAFE_iconBefore_size
   });
   return /*#__PURE__*/React.createElement(UNSAFE_ANCHOR
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -98,9 +98,9 @@ const WithRef = /*#__PURE__*/forwardRef(LinkButtonBase);
  *
  * Renders a link in the style of a button.
  *
- * - [Examples](https://atlassian.design/components/button/examples)
- * - [Code](https://atlassian.design/components/button/code)
- * - [Usage](https://atlassian.design/components/button/usage)
+ * - [Examples](https://atlassian.design/components/link-button/examples)
+ * - [Code](https://atlassian.design/components/link-button/code)
+ * - [Usage](https://atlassian.design/components/link-button/usage)
  */
 const LinkButton = /*#__PURE__*/memo(WithRef);
 export default LinkButton;

package/dist/es2019/new-button/variants/default/use-default-button.js

@@ -16,29 +16,29 @@ const useDefaultButton = ({
   appearance,
   autoFocus,
   buttonType,
-  iconBefore: IconBefore,
-  UNSAFE_iconBefore_size,
+  children,
   iconAfter: IconAfter,
-  UNSAFE_iconAfter_size,
+  iconBefore: IconBefore,
   interactionName,
   isDisabled,
-  isSelected,
   isLoading = false,
-  children,
+  isSelected,
   onClick,
-  onMouseDownCapture,
-  onMouseUpCapture,
+  onClickCapture,
   onKeyDownCapture,
   onKeyUpCapture,
-  onTouchStartCapture,
-  onTouchEndCapture,
+  onMouseDownCapture,
+  onMouseUpCapture,
   onPointerDownCapture,
   onPointerUpCapture,
-  onClickCapture,
+  onTouchEndCapture,
+  onTouchStartCapture,
   overlay,
   ref,
   shouldFitContainer,
-  spacing
+  spacing,
+  UNSAFE_iconAfter_size,
+  UNSAFE_iconBefore_size
 }) => {
   const hasOverlay = Boolean(overlay || isLoading);
   const baseProps = useButtonBase({