@atlaskit/button 17.17.0 → 17.17.2

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

@@ -8,9 +8,9 @@ import useIconButton from './use-icon-button';
  *
  * 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)
  */
 const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Button({
   // Prevent duplicate labels being added.
@@ -56,19 +56,19 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     icon,
     interactionName,
     isDisabled,
-    isSelected,
     isLoading,
+    isSelected,
     label,
     onClick,
-    onMouseDownCapture,
-    onMouseUpCapture,
+    onClickCapture,
     onKeyDownCapture,
     onKeyUpCapture,
-    onTouchStartCapture,
-    onTouchEndCapture,
+    onMouseDownCapture,
+    onMouseUpCapture,
     onPointerDownCapture,
     onPointerUpCapture,
-    onClickCapture,
+    onTouchEndCapture,
+    onTouchStartCapture,
     overlay,
     ref,
     shape,

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

@@ -45,15 +45,15 @@ const LinkIconButtonBase = ({
     isSelected,
     label,
     onClick,
-    onMouseDownCapture,
-    onMouseUpCapture,
+    onClickCapture,
     onKeyDownCapture,
     onKeyUpCapture,
-    onTouchStartCapture,
-    onTouchEndCapture,
+    onMouseDownCapture,
+    onMouseUpCapture,
     onPointerDownCapture,
     onPointerUpCapture,
-    onClickCapture,
+    onTouchEndCapture,
+    onTouchStartCapture,
     overlay,
     ref,
     shape,
@@ -190,9 +190,9 @@ const WithRef = /*#__PURE__*/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)
  */
 const LinkIconButton = /*#__PURE__*/memo(WithRef);
 export default LinkIconButton;

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

@@ -20,19 +20,19 @@ const useIconButton = ({
   icon: Icon,
   interactionName,
   isDisabled,
-  isSelected,
   isLoading,
+  isSelected,
   label,
   onClick,
-  onMouseDownCapture,
-  onMouseUpCapture,
+  onClickCapture,
   onKeyDownCapture,
   onKeyUpCapture,
-  onTouchStartCapture,
-  onTouchEndCapture,
+  onMouseDownCapture,
+  onMouseUpCapture,
   onPointerDownCapture,
   onPointerUpCapture,
-  onClickCapture,
+  onTouchEndCapture,
+  onTouchStartCapture,
   overlay,
   ref,
   shape,

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

@@ -9,11 +9,13 @@ const isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowe
 /**
  * __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)
  */
 const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Button({
   appearance = 'default',

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

@@ -5,6 +5,8 @@ import LoadingSpinner from './shared/loading-spinner';
 /**
  * __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/es2019/old-button/shared/button-base.js

@@ -114,7 +114,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "17.17.0",
+    packageVersion: "17.17.2",
     analyticsData: analyticsContext
   });
 
@@ -153,7 +153,9 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     };
   }
   return jsx(FocusRing, null, jsx(Component, _extends({}, 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/esm/new-button/variants/default/button.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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"];
 import React from 'react';
 import Pressable from '@atlaskit/primitives/pressable';
 import useDefaultButton from './use-default-button';
@@ -15,33 +15,33 @@ import useDefaultButton from './use-default-button';
  */
 var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.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 = _objectWithoutProperties(_ref, _excluded);
   var baseProps = useDefaultButton({
     analyticsContext: analyticsContext,
@@ -49,28 +49,28 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function But
     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.createElement(Pressable
   // TODO: Remove spread props

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

@@ -1,36 +1,36 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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"];
 import React, { forwardRef, memo } from 'react';
 import UNSAFE_ANCHOR from '@atlaskit/primitives/anchor';
 import useDefaultButton from './use-default-button';
 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 = _objectWithoutProperties(_ref, _excluded);
   var baseProps = useDefaultButton({
     analyticsContext: analyticsContext,
@@ -38,27 +38,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.createElement(UNSAFE_ANCHOR
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -99,9 +99,9 @@ var 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)
  */
 var LinkButton = /*#__PURE__*/memo(WithRef);
 export default LinkButton;

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

@@ -16,30 +16,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 = useButtonBase({
     analyticsContext: analyticsContext,

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

@@ -10,9 +10,9 @@ import useIconButton from './use-icon-button';
  *
  * 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.memo( /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
   var preventedAriaLabel = _ref['aria-label'],
@@ -58,19 +58,19 @@ var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     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/esm/new-button/variants/icon/link.js

@@ -46,15 +46,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,
@@ -193,9 +193,9 @@ var WithRef = /*#__PURE__*/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__*/memo(WithRef);
 export default LinkIconButton;

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

@@ -20,19 +20,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/esm/old-button/button.js

@@ -12,11 +12,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.memo( /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
   var _ref$appearance = _ref.appearance,

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

@@ -7,6 +7,8 @@ import LoadingSpinner from './shared/loading-spinner';
 /**
  * __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/esm/old-button/shared/button-base.js

@@ -120,7 +120,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "17.17.0",
+    packageVersion: "17.17.2",
     analyticsData: analyticsContext
   });
 
@@ -159,7 +159,9 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     };
   }
   return jsx(FocusRing, null, jsx(Component, _extends({}, 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/types/new-button/containers/split-button/index.d.ts

@@ -1,3 +1,3 @@
-export { SplitButton, SplitButtonWithSlots, Divider, SplitButtonContainer, } from './split-button';
+export { SplitButton, SplitButtonWithSlots, Divider, SplitButtonContainer } from './split-button';
 export { getActions } from './utils';
-export { SplitButtonContext, useSplitButtonContext, } from './split-button-context';
+export { SplitButtonContext, useSplitButtonContext } from './split-button-context';

package/dist/types/new-button/containers/split-button/split-button.d.ts

@@ -10,7 +10,7 @@ type DividerProps = {
 /**
  * TODO: Add JSDoc
  */
-export declare const Divider: ({ appearance, spacing, isDisabled, }: DividerProps) => jsx.JSX.Element;
+export declare const Divider: ({ appearance, spacing, isDisabled }: DividerProps) => jsx.JSX.Element;
 /**
  * TODO: Add JSdoc
  */

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

@@ -2,15 +2,15 @@ import { type Ref } from 'react';
 import { type AdditionalDefaultLinkVariantProps, type CommonLinkVariantProps } from '../types';
 import { type CommonDefaultButtonProps } from './types';
 export type LinkButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonDefaultButtonProps & CommonLinkVariantProps<RouterLinkConfig> & AdditionalDefaultLinkVariantProps;
-declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ 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, ...rest }: LinkButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
+declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ 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, ...rest }: LinkButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Link Button__
  *
  * 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)
  */
 declare const LinkButton: <RouterLinkConfig extends Record<string, any> = never>(props: LinkButtonProps<RouterLinkConfig> & {
     ref?: Ref<HTMLAnchorElement>;

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

@@ -11,5 +11,5 @@ type UseButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>
  *
  * @private
  */
-declare const useDefaultButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, iconBefore: IconBefore, UNSAFE_iconBefore_size, iconAfter: IconAfter, UNSAFE_iconAfter_size, interactionName, isDisabled, isSelected, isLoading, children, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing, }: UseDefaultButtonArgs<TagName>) => UseButtonReturn<TagName>;
+declare const useDefaultButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, children, iconAfter: IconAfter, iconBefore: IconBefore, interactionName, isDisabled, isLoading, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shouldFitContainer, spacing, UNSAFE_iconAfter_size, UNSAFE_iconBefore_size, }: UseDefaultButtonArgs<TagName>) => UseButtonReturn<TagName>;
 export default useDefaultButton;

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

@@ -7,9 +7,9 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
  *
  * 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)
  */
 declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & import("../types").AdditionalButtonVariantProps & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
 export default IconButton;

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

@@ -8,9 +8,9 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
  *
  * 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)
  */
 declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: LinkIconButtonProps<RouterLinkConfig> & {
     ref?: Ref<HTMLAnchorElement>;

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

@@ -11,5 +11,5 @@ type UseIconButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagN
  *
  * @private
  */
-declare const useIconButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, icon: Icon, interactionName, isDisabled, isSelected, isLoading, label, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shape, shouldFitContainer, spacing, UNSAFE_size, }: UseIconButtonArgs<TagName>) => UseIconButtonReturn<TagName>;
+declare const useIconButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, icon: Icon, interactionName, isDisabled, isLoading, isSelected, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shape, shouldFitContainer, spacing, UNSAFE_size, }: UseIconButtonArgs<TagName>) => UseIconButtonReturn<TagName>;
 export default useIconButton;