@atlaskit/button 19.0.0 → 19.1.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/button
 
+## 19.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 19.1.0
+
+### Minor Changes
+
+- [#123598](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/123598)
+  [`83919d6adb836`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/83919d6adb836) -
+  Remove unsafe spread on new buttons.
+
 ## 19.0.0
 
 ### Major Changes

package/dist/cjs/containers/button-group.js

@@ -11,8 +11,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -10,8 +10,8 @@ var _splitButtonContext = require("./split-button-context");
 var _utils = require("./utils");
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _pressable = _interopRequireDefault(require("@atlaskit/primitives/pressable"));
 var _useDefaultButton = _interopRequireDefault(require("./use-default-button"));
 var _excluded = ["analyticsContext", "appearance", "aria-label", "aria-labelledby", "autoFocus", "children", "iconAfter", "iconBefore", "interactionName", "isDisabled", "isLoading", "isSelected", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "shouldFitContainer", "spacing", "testId", "type"],
@@ -57,7 +56,6 @@ var Button = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
     _as = unsafeRest.as,
     _style = unsafeRest.style,
     saferRest = (0, _objectWithoutProperties2.default)(unsafeRest, _excluded2);
-  var rest = (0, _platformFeatureFlags.fg)('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
   var baseProps = (0, _useDefaultButton.default)({
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
@@ -89,7 +87,7 @@ var Button = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
   });
   return /*#__PURE__*/_react.default.createElement(_pressable.default
   // TODO: Remove spread props
-  , (0, _extends2.default)({}, rest, {
+  , (0, _extends2.default)({}, saferRest, {
     "aria-label": baseProps['aria-label'],
     "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,

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

@@ -9,7 +9,6 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _anchor = _interopRequireDefault(require("@atlaskit/primitives/anchor"));
 var _useDefaultButton = _interopRequireDefault(require("./use-default-button"));
 var _excluded = ["analyticsContext", "appearance", "aria-label", "aria-labelledby", "autoFocus", "children", "href", "iconAfter", "iconBefore", "interactionName", "isDisabled", "isSelected", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "shouldFitContainer", "spacing", "testId"],
@@ -49,7 +48,6 @@ var LinkButtonBase = function LinkButtonBase(_ref, ref) {
     _as = unsafeRest.as,
     _style = unsafeRest.style,
     saferRest = (0, _objectWithoutProperties2.default)(unsafeRest, _excluded2);
-  var rest = (0, _platformFeatureFlags.fg)('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
   var baseProps = (0, _useDefaultButton.default)({
     analyticsContext: analyticsContext,
     appearance: appearance,
@@ -80,7 +78,7 @@ var LinkButtonBase = function LinkButtonBase(_ref, ref) {
   });
   return /*#__PURE__*/_react.default.createElement(_anchor.default
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  , (0, _extends2.default)({}, rest, {
+  , (0, _extends2.default)({}, saferRest, {
     "aria-label": baseProps['aria-label'],
     "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,

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

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _pressable = _interopRequireDefault(require("@atlaskit/primitives/pressable"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _useIconButton = _interopRequireDefault(require("./use-icon-button"));
@@ -60,7 +59,6 @@ var IconButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     _as = unsafeRest.as,
     _style = unsafeRest.style,
     saferRest = (0, _objectWithoutProperties2.default)(unsafeRest, _excluded2);
-  var rest = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
 
   /**
    * TODO: At some stage I'll look into re-using more logic across 'default' and 'icon'
@@ -111,7 +109,7 @@ var IconButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       hideTooltipOnClick: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnClick,
       hideTooltipOnMouseDown: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnMouseDown
     }, function (triggerProps) {
-      return /*#__PURE__*/_react.default.createElement(_pressable.default, (0, _extends2.default)({}, rest, {
+      return /*#__PURE__*/_react.default.createElement(_pressable.default, (0, _extends2.default)({}, saferRest, {
         // Top level props
         "aria-labelledby": baseProps['aria-labelledby'],
         type: type,
@@ -122,34 +120,34 @@ var IconButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         // Shared between tooltip and native props
         ,
         onMouseOver: function onMouseOver(e) {
-          var _triggerProps$onMouse, _rest$onMouseOver;
+          var _triggerProps$onMouse, _saferRest$onMouseOve;
           (_triggerProps$onMouse = triggerProps.onMouseOver) === null || _triggerProps$onMouse === void 0 || _triggerProps$onMouse.call(triggerProps, e);
-          (_rest$onMouseOver = rest.onMouseOver) === null || _rest$onMouseOver === void 0 || _rest$onMouseOver.call(rest, e);
+          (_saferRest$onMouseOve = saferRest.onMouseOver) === null || _saferRest$onMouseOve === void 0 || _saferRest$onMouseOve.call(saferRest, e);
         },
         onMouseOut: function onMouseOut(e) {
-          var _triggerProps$onMouse2, _rest$onMouseOut;
+          var _triggerProps$onMouse2, _saferRest$onMouseOut;
           (_triggerProps$onMouse2 = triggerProps.onMouseOut) === null || _triggerProps$onMouse2 === void 0 || _triggerProps$onMouse2.call(triggerProps, e);
-          (_rest$onMouseOut = rest.onMouseOut) === null || _rest$onMouseOut === void 0 || _rest$onMouseOut.call(rest, e);
+          (_saferRest$onMouseOut = saferRest.onMouseOut) === null || _saferRest$onMouseOut === void 0 || _saferRest$onMouseOut.call(saferRest, e);
         },
         onMouseMove: function onMouseMove(e) {
-          var _triggerProps$onMouse3, _rest$onMouseMove;
+          var _triggerProps$onMouse3, _saferRest$onMouseMov;
           (_triggerProps$onMouse3 = triggerProps.onMouseMove) === null || _triggerProps$onMouse3 === void 0 || _triggerProps$onMouse3.call(triggerProps, e);
-          (_rest$onMouseMove = rest.onMouseMove) === null || _rest$onMouseMove === void 0 || _rest$onMouseMove.call(rest, e);
+          (_saferRest$onMouseMov = saferRest.onMouseMove) === null || _saferRest$onMouseMov === void 0 || _saferRest$onMouseMov.call(saferRest, e);
         },
         onMouseDown: function onMouseDown(e) {
-          var _triggerProps$onMouse4, _rest$onMouseDown;
+          var _triggerProps$onMouse4, _saferRest$onMouseDow;
           (_triggerProps$onMouse4 = triggerProps.onMouseDown) === null || _triggerProps$onMouse4 === void 0 || _triggerProps$onMouse4.call(triggerProps, e);
-          (_rest$onMouseDown = rest.onMouseDown) === null || _rest$onMouseDown === void 0 || _rest$onMouseDown.call(rest, e);
+          (_saferRest$onMouseDow = saferRest.onMouseDown) === null || _saferRest$onMouseDow === void 0 || _saferRest$onMouseDow.call(saferRest, e);
         },
         onFocus: function onFocus(e) {
-          var _triggerProps$onFocus, _rest$onFocus;
+          var _triggerProps$onFocus, _saferRest$onFocus;
           (_triggerProps$onFocus = triggerProps.onFocus) === null || _triggerProps$onFocus === void 0 || _triggerProps$onFocus.call(triggerProps, e);
-          (_rest$onFocus = rest.onFocus) === null || _rest$onFocus === void 0 || _rest$onFocus.call(rest, e);
+          (_saferRest$onFocus = saferRest.onFocus) === null || _saferRest$onFocus === void 0 || _saferRest$onFocus.call(saferRest, e);
         },
         onBlur: function onBlur(e) {
-          var _triggerProps$onBlur, _rest$onBlur;
+          var _triggerProps$onBlur, _saferRest$onBlur;
           (_triggerProps$onBlur = triggerProps.onBlur) === null || _triggerProps$onBlur === void 0 || _triggerProps$onBlur.call(triggerProps, e);
-          (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 || _rest$onBlur.call(rest, e);
+          (_saferRest$onBlur = saferRest.onBlur) === null || _saferRest$onBlur === void 0 || _saferRest$onBlur.call(saferRest, e);
         }
         // Shared between tooltip and base props
         ,
@@ -179,7 +177,7 @@ var IconButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       }), baseProps.children);
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_pressable.default, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/_react.default.createElement(_pressable.default, (0, _extends2.default)({}, saferRest, {
     "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,
     xcss: baseProps.xcss,

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

@@ -9,7 +9,6 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _anchor = _interopRequireDefault(require("@atlaskit/primitives/anchor"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _useIconButton = _interopRequireDefault(require("./use-icon-button"));
@@ -52,7 +51,6 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
     _as = unsafeRest.as,
     _style = unsafeRest.style,
     saferRest = (0, _objectWithoutProperties2.default)(unsafeRest, _excluded2);
-  var rest = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
   var baseProps = (0, _useIconButton.default)({
     analyticsContext: analyticsContext,
     appearance: appearance,
@@ -99,7 +97,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
     }, function (triggerProps) {
       return /*#__PURE__*/_react.default.createElement(_anchor.default
       // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-      , (0, _extends2.default)({}, rest, {
+      , (0, _extends2.default)({}, saferRest, {
         "aria-labelledby": baseProps['aria-labelledby'],
         testId: testId,
         componentName: "LinkIconButton",
@@ -108,34 +106,34 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
         // Shared between tooltip and native props
         ,
         onMouseOver: function onMouseOver(e) {
-          var _triggerProps$onMouse, _rest$onMouseOver;
+          var _triggerProps$onMouse, _saferRest$onMouseOve;
           (_triggerProps$onMouse = triggerProps.onMouseOver) === null || _triggerProps$onMouse === void 0 || _triggerProps$onMouse.call(triggerProps, e);
-          (_rest$onMouseOver = rest.onMouseOver) === null || _rest$onMouseOver === void 0 || _rest$onMouseOver.call(rest, e);
+          (_saferRest$onMouseOve = saferRest.onMouseOver) === null || _saferRest$onMouseOve === void 0 || _saferRest$onMouseOve.call(saferRest, e);
         },
         onMouseOut: function onMouseOut(e) {
-          var _triggerProps$onMouse2, _rest$onMouseOut;
+          var _triggerProps$onMouse2, _saferRest$onMouseOut;
           (_triggerProps$onMouse2 = triggerProps.onMouseOut) === null || _triggerProps$onMouse2 === void 0 || _triggerProps$onMouse2.call(triggerProps, e);
-          (_rest$onMouseOut = rest.onMouseOut) === null || _rest$onMouseOut === void 0 || _rest$onMouseOut.call(rest, e);
+          (_saferRest$onMouseOut = saferRest.onMouseOut) === null || _saferRest$onMouseOut === void 0 || _saferRest$onMouseOut.call(saferRest, e);
         },
         onMouseMove: function onMouseMove(e) {
-          var _triggerProps$onMouse3, _rest$onMouseMove;
+          var _triggerProps$onMouse3, _saferRest$onMouseMov;
           (_triggerProps$onMouse3 = triggerProps.onMouseMove) === null || _triggerProps$onMouse3 === void 0 || _triggerProps$onMouse3.call(triggerProps, e);
-          (_rest$onMouseMove = rest.onMouseMove) === null || _rest$onMouseMove === void 0 || _rest$onMouseMove.call(rest, e);
+          (_saferRest$onMouseMov = saferRest.onMouseMove) === null || _saferRest$onMouseMov === void 0 || _saferRest$onMouseMov.call(saferRest, e);
         },
         onMouseDown: function onMouseDown(e) {
-          var _triggerProps$onMouse4, _rest$onMouseDown;
+          var _triggerProps$onMouse4, _saferRest$onMouseDow;
           (_triggerProps$onMouse4 = triggerProps.onMouseDown) === null || _triggerProps$onMouse4 === void 0 || _triggerProps$onMouse4.call(triggerProps, e);
-          (_rest$onMouseDown = rest.onMouseDown) === null || _rest$onMouseDown === void 0 || _rest$onMouseDown.call(rest, e);
+          (_saferRest$onMouseDow = saferRest.onMouseDown) === null || _saferRest$onMouseDow === void 0 || _saferRest$onMouseDow.call(saferRest, e);
         },
         onFocus: function onFocus(e) {
-          var _triggerProps$onFocus, _rest$onFocus;
+          var _triggerProps$onFocus, _saferRest$onFocus;
           (_triggerProps$onFocus = triggerProps.onFocus) === null || _triggerProps$onFocus === void 0 || _triggerProps$onFocus.call(triggerProps, e);
-          (_rest$onFocus = rest.onFocus) === null || _rest$onFocus === void 0 || _rest$onFocus.call(rest, e);
+          (_saferRest$onFocus = saferRest.onFocus) === null || _saferRest$onFocus === void 0 || _saferRest$onFocus.call(saferRest, e);
         },
         onBlur: function onBlur(e) {
-          var _triggerProps$onBlur, _rest$onBlur;
+          var _triggerProps$onBlur, _saferRest$onBlur;
           (_triggerProps$onBlur = triggerProps.onBlur) === null || _triggerProps$onBlur === void 0 || _triggerProps$onBlur.call(triggerProps, e);
-          (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 || _rest$onBlur.call(rest, e);
+          (_saferRest$onBlur = saferRest.onBlur) === null || _saferRest$onBlur === void 0 || _saferRest$onBlur.call(saferRest, e);
         }
         // Shared between tooltip and base props
         ,
@@ -175,7 +173,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
   }
   return /*#__PURE__*/_react.default.createElement(_anchor.default
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  , (0, _extends2.default)({}, rest, {
+  , (0, _extends2.default)({}, saferRest, {
     "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,
     xcss: baseProps.xcss,

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

@@ -22,7 +22,9 @@ 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`.
+ * @deprecated Legacy buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new`
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
  *
  * A button triggers an event or action. They let users know what will happen next.
  *

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

@@ -64,6 +64,10 @@ var initial = {
 /**
  * __Custom theme button__
  *
+ * @deprecated Legacy buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new`
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
+ *
  * A custom theme button. Avoid using this component. It exists for those already using custom theming, which is hard to use and has performance issues.
  *
  * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)

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

@@ -14,7 +14,9 @@ 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.
+ * @deprecated Legacy loading buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
  *
  * 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.
  *

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

@@ -23,8 +23,8 @@ var _excluded = ["analyticsContext", "appearance", "autoFocus", "buttonCss", "ch
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line no-duplicate-imports
 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); }
@@ -133,7 +133,7 @@ var ButtonBase = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(prop
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "19.0.0",
+    packageVersion: "19.1.1",
     analyticsData: analyticsContext
   });
 

package/dist/es2019/containers/button-group.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React, { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Pressable from '@atlaskit/primitives/pressable';
 import useDefaultButton from './use-default-button';
 /**
@@ -49,7 +48,6 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
     style: _style,
     ...saferRest
   } = unsafeRest;
-  const rest = fg('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
   const baseProps = useDefaultButton({
     ariaLabel,
     ariaLabelledBy,
@@ -81,7 +79,7 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
   });
   return /*#__PURE__*/React.createElement(Pressable
   // TODO: Remove spread props
-  , _extends({}, rest, {
+  , _extends({}, saferRest, {
     "aria-label": baseProps['aria-label'],
     "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, memo } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Anchor from '@atlaskit/primitives/anchor';
 import useDefaultButton from './use-default-button';
 const LinkButtonBase = ({
@@ -39,7 +38,6 @@ const LinkButtonBase = ({
     style: _style,
     ...saferRest
   } = unsafeRest;
-  const rest = fg('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
   const baseProps = useDefaultButton({
     analyticsContext,
     appearance,
@@ -70,7 +68,7 @@ const LinkButtonBase = ({
   });
   return /*#__PURE__*/React.createElement(Anchor
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  , _extends({}, rest, {
+  , _extends({}, saferRest, {
     "aria-label": baseProps['aria-label'],
     "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Pressable from '@atlaskit/primitives/pressable';
 import Tooltip from '@atlaskit/tooltip';
 import useIconButton from './use-icon-button';
@@ -52,7 +51,6 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     style: _style,
     ...saferRest
   } = unsafeRest;
-  const rest = getBooleanFF('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
 
   /**
    * TODO: At some stage I'll look into re-using more logic across 'default' and 'icon'
@@ -102,7 +100,7 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       component: tooltip === null || tooltip === void 0 ? void 0 : tooltip.component,
       hideTooltipOnClick: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnClick,
       hideTooltipOnMouseDown: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnMouseDown
-    }, triggerProps => /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
+    }, triggerProps => /*#__PURE__*/React.createElement(Pressable, _extends({}, saferRest, {
       // Top level props
       "aria-labelledby": baseProps['aria-labelledby'],
       type: type,
@@ -113,34 +111,34 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       // Shared between tooltip and native props
       ,
       onMouseOver: e => {
-        var _triggerProps$onMouse, _rest$onMouseOver;
+        var _triggerProps$onMouse, _saferRest$onMouseOve;
         (_triggerProps$onMouse = triggerProps.onMouseOver) === null || _triggerProps$onMouse === void 0 ? void 0 : _triggerProps$onMouse.call(triggerProps, e);
-        (_rest$onMouseOver = rest.onMouseOver) === null || _rest$onMouseOver === void 0 ? void 0 : _rest$onMouseOver.call(rest, e);
+        (_saferRest$onMouseOve = saferRest.onMouseOver) === null || _saferRest$onMouseOve === void 0 ? void 0 : _saferRest$onMouseOve.call(saferRest, e);
       },
       onMouseOut: e => {
-        var _triggerProps$onMouse2, _rest$onMouseOut;
+        var _triggerProps$onMouse2, _saferRest$onMouseOut;
         (_triggerProps$onMouse2 = triggerProps.onMouseOut) === null || _triggerProps$onMouse2 === void 0 ? void 0 : _triggerProps$onMouse2.call(triggerProps, e);
-        (_rest$onMouseOut = rest.onMouseOut) === null || _rest$onMouseOut === void 0 ? void 0 : _rest$onMouseOut.call(rest, e);
+        (_saferRest$onMouseOut = saferRest.onMouseOut) === null || _saferRest$onMouseOut === void 0 ? void 0 : _saferRest$onMouseOut.call(saferRest, e);
       },
       onMouseMove: e => {
-        var _triggerProps$onMouse3, _rest$onMouseMove;
+        var _triggerProps$onMouse3, _saferRest$onMouseMov;
         (_triggerProps$onMouse3 = triggerProps.onMouseMove) === null || _triggerProps$onMouse3 === void 0 ? void 0 : _triggerProps$onMouse3.call(triggerProps, e);
-        (_rest$onMouseMove = rest.onMouseMove) === null || _rest$onMouseMove === void 0 ? void 0 : _rest$onMouseMove.call(rest, e);
+        (_saferRest$onMouseMov = saferRest.onMouseMove) === null || _saferRest$onMouseMov === void 0 ? void 0 : _saferRest$onMouseMov.call(saferRest, e);
       },
       onMouseDown: e => {
-        var _triggerProps$onMouse4, _rest$onMouseDown;
+        var _triggerProps$onMouse4, _saferRest$onMouseDow;
         (_triggerProps$onMouse4 = triggerProps.onMouseDown) === null || _triggerProps$onMouse4 === void 0 ? void 0 : _triggerProps$onMouse4.call(triggerProps, e);
-        (_rest$onMouseDown = rest.onMouseDown) === null || _rest$onMouseDown === void 0 ? void 0 : _rest$onMouseDown.call(rest, e);
+        (_saferRest$onMouseDow = saferRest.onMouseDown) === null || _saferRest$onMouseDow === void 0 ? void 0 : _saferRest$onMouseDow.call(saferRest, e);
       },
       onFocus: e => {
-        var _triggerProps$onFocus, _rest$onFocus;
+        var _triggerProps$onFocus, _saferRest$onFocus;
         (_triggerProps$onFocus = triggerProps.onFocus) === null || _triggerProps$onFocus === void 0 ? void 0 : _triggerProps$onFocus.call(triggerProps, e);
-        (_rest$onFocus = rest.onFocus) === null || _rest$onFocus === void 0 ? void 0 : _rest$onFocus.call(rest, e);
+        (_saferRest$onFocus = saferRest.onFocus) === null || _saferRest$onFocus === void 0 ? void 0 : _saferRest$onFocus.call(saferRest, e);
       },
       onBlur: e => {
-        var _triggerProps$onBlur, _rest$onBlur;
+        var _triggerProps$onBlur, _saferRest$onBlur;
         (_triggerProps$onBlur = triggerProps.onBlur) === null || _triggerProps$onBlur === void 0 ? void 0 : _triggerProps$onBlur.call(triggerProps, e);
-        (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 ? void 0 : _rest$onBlur.call(rest, e);
+        (_saferRest$onBlur = saferRest.onBlur) === null || _saferRest$onBlur === void 0 ? void 0 : _saferRest$onBlur.call(saferRest, e);
       }
       // Shared between tooltip and base props
       ,
@@ -169,7 +167,7 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       onClickCapture: baseProps.onClickCapture
     }), baseProps.children));
   }
-  return /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Pressable, _extends({}, saferRest, {
     "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,
     xcss: baseProps.xcss,

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, memo } from 'react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Anchor from '@atlaskit/primitives/anchor';
 import Tooltip from '@atlaskit/tooltip';
 import useIconButton from './use-icon-button';
@@ -42,7 +41,6 @@ const LinkIconButtonBase = ({
     style: _style,
     ...saferRest
   } = unsafeRest;
-  const rest = getBooleanFF('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
   const baseProps = useIconButton({
     analyticsContext,
     appearance,
@@ -88,7 +86,7 @@ const LinkIconButtonBase = ({
       hideTooltipOnMouseDown: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnMouseDown
     }, triggerProps => /*#__PURE__*/React.createElement(Anchor
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    , _extends({}, rest, {
+    , _extends({}, saferRest, {
       "aria-labelledby": baseProps['aria-labelledby'],
       testId: testId,
       componentName: "LinkIconButton",
@@ -97,34 +95,34 @@ const LinkIconButtonBase = ({
       // Shared between tooltip and native props
       ,
       onMouseOver: e => {
-        var _triggerProps$onMouse, _rest$onMouseOver;
+        var _triggerProps$onMouse, _saferRest$onMouseOve;
         (_triggerProps$onMouse = triggerProps.onMouseOver) === null || _triggerProps$onMouse === void 0 ? void 0 : _triggerProps$onMouse.call(triggerProps, e);
-        (_rest$onMouseOver = rest.onMouseOver) === null || _rest$onMouseOver === void 0 ? void 0 : _rest$onMouseOver.call(rest, e);
+        (_saferRest$onMouseOve = saferRest.onMouseOver) === null || _saferRest$onMouseOve === void 0 ? void 0 : _saferRest$onMouseOve.call(saferRest, e);
       },
       onMouseOut: e => {
-        var _triggerProps$onMouse2, _rest$onMouseOut;
+        var _triggerProps$onMouse2, _saferRest$onMouseOut;
         (_triggerProps$onMouse2 = triggerProps.onMouseOut) === null || _triggerProps$onMouse2 === void 0 ? void 0 : _triggerProps$onMouse2.call(triggerProps, e);
-        (_rest$onMouseOut = rest.onMouseOut) === null || _rest$onMouseOut === void 0 ? void 0 : _rest$onMouseOut.call(rest, e);
+        (_saferRest$onMouseOut = saferRest.onMouseOut) === null || _saferRest$onMouseOut === void 0 ? void 0 : _saferRest$onMouseOut.call(saferRest, e);
       },
       onMouseMove: e => {
-        var _triggerProps$onMouse3, _rest$onMouseMove;
+        var _triggerProps$onMouse3, _saferRest$onMouseMov;
         (_triggerProps$onMouse3 = triggerProps.onMouseMove) === null || _triggerProps$onMouse3 === void 0 ? void 0 : _triggerProps$onMouse3.call(triggerProps, e);
-        (_rest$onMouseMove = rest.onMouseMove) === null || _rest$onMouseMove === void 0 ? void 0 : _rest$onMouseMove.call(rest, e);
+        (_saferRest$onMouseMov = saferRest.onMouseMove) === null || _saferRest$onMouseMov === void 0 ? void 0 : _saferRest$onMouseMov.call(saferRest, e);
       },
       onMouseDown: e => {
-        var _triggerProps$onMouse4, _rest$onMouseDown;
+        var _triggerProps$onMouse4, _saferRest$onMouseDow;
         (_triggerProps$onMouse4 = triggerProps.onMouseDown) === null || _triggerProps$onMouse4 === void 0 ? void 0 : _triggerProps$onMouse4.call(triggerProps, e);
-        (_rest$onMouseDown = rest.onMouseDown) === null || _rest$onMouseDown === void 0 ? void 0 : _rest$onMouseDown.call(rest, e);
+        (_saferRest$onMouseDow = saferRest.onMouseDown) === null || _saferRest$onMouseDow === void 0 ? void 0 : _saferRest$onMouseDow.call(saferRest, e);
       },
       onFocus: e => {
-        var _triggerProps$onFocus, _rest$onFocus;
+        var _triggerProps$onFocus, _saferRest$onFocus;
         (_triggerProps$onFocus = triggerProps.onFocus) === null || _triggerProps$onFocus === void 0 ? void 0 : _triggerProps$onFocus.call(triggerProps, e);
-        (_rest$onFocus = rest.onFocus) === null || _rest$onFocus === void 0 ? void 0 : _rest$onFocus.call(rest, e);
+        (_saferRest$onFocus = saferRest.onFocus) === null || _saferRest$onFocus === void 0 ? void 0 : _saferRest$onFocus.call(saferRest, e);
       },
       onBlur: e => {
-        var _triggerProps$onBlur, _rest$onBlur;
+        var _triggerProps$onBlur, _saferRest$onBlur;
         (_triggerProps$onBlur = triggerProps.onBlur) === null || _triggerProps$onBlur === void 0 ? void 0 : _triggerProps$onBlur.call(triggerProps, e);
-        (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 ? void 0 : _rest$onBlur.call(rest, e);
+        (_saferRest$onBlur = saferRest.onBlur) === null || _saferRest$onBlur === void 0 ? void 0 : _saferRest$onBlur.call(saferRest, e);
       }
       // Shared between tooltip and base props
       ,
@@ -163,7 +161,7 @@ const LinkIconButtonBase = ({
   }
   return /*#__PURE__*/React.createElement(Anchor
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  , _extends({}, rest, {
+  , _extends({}, saferRest, {
     "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,
     xcss: baseProps.xcss,

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

@@ -12,7 +12,9 @@ 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`.
+ * @deprecated Legacy buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new`
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
  *
  * A button triggers an event or action. They let users know what will happen next.
  *

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

@@ -46,6 +46,10 @@ const initial = {
 /**
  * __Custom theme button__
  *
+ * @deprecated Legacy buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new`
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
+ *
  * A custom theme button. Avoid using this component. It exists for those already using custom theming, which is hard to use and has performance issues.
  *
  * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)

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

@@ -5,7 +5,9 @@ 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.
+ * @deprecated Legacy loading buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
  *
  * 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.
  *

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

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React, { useCallback, useContext, useEffect, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -119,7 +119,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref)
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "19.0.0",
+    packageVersion: "19.1.1",
     analyticsData: analyticsContext
   });
 

package/dist/esm/containers/button-group.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React, { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

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

@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["analyticsContext", "appearance", "aria-label", "aria-labelledby", "autoFocus", "children", "iconAfter", "iconBefore", "interactionName", "isDisabled", "isLoading", "isSelected", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "shouldFitContainer", "spacing", "testId", "type"],
   _excluded2 = ["className", "css", "as", "style"];
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Pressable from '@atlaskit/primitives/pressable';
 import useDefaultButton from './use-default-button';
 /**
@@ -50,7 +49,6 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function But
     _as = unsafeRest.as,
     _style = unsafeRest.style,
     saferRest = _objectWithoutProperties(unsafeRest, _excluded2);
-  var rest = fg('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
   var baseProps = useDefaultButton({
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
@@ -82,7 +80,7 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function But
   });
   return /*#__PURE__*/React.createElement(Pressable
   // TODO: Remove spread props
-  , _extends({}, rest, {
+  , _extends({}, saferRest, {
     "aria-label": baseProps['aria-label'],
     "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,

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

@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["analyticsContext", "appearance", "aria-label", "aria-labelledby", "autoFocus", "children", "href", "iconAfter", "iconBefore", "interactionName", "isDisabled", "isSelected", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "shouldFitContainer", "spacing", "testId"],
   _excluded2 = ["className", "css", "as", "style"];
 import React, { forwardRef, memo } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Anchor from '@atlaskit/primitives/anchor';
 import useDefaultButton from './use-default-button';
 var LinkButtonBase = function LinkButtonBase(_ref, ref) {
@@ -39,7 +38,6 @@ var LinkButtonBase = function LinkButtonBase(_ref, ref) {
     _as = unsafeRest.as,
     _style = unsafeRest.style,
     saferRest = _objectWithoutProperties(unsafeRest, _excluded2);
-  var rest = fg('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
   var baseProps = useDefaultButton({
     analyticsContext: analyticsContext,
     appearance: appearance,
@@ -70,7 +68,7 @@ var LinkButtonBase = function LinkButtonBase(_ref, ref) {
   });
   return /*#__PURE__*/React.createElement(Anchor
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  , _extends({}, rest, {
+  , _extends({}, saferRest, {
     "aria-label": baseProps['aria-label'],
     "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,

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

@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["aria-label", "aria-labelledby", "analyticsContext", "appearance", "autoFocus", "icon", "interactionName", "isDisabled", "isLoading", "isSelected", "isTooltipDisabled", "label", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "shape", "spacing", "testId", "tooltip", "type"],
   _excluded2 = ["className", "css", "as", "style"];
 import React from 'react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Pressable from '@atlaskit/primitives/pressable';
 import Tooltip from '@atlaskit/tooltip';
 import useIconButton from './use-icon-button';
@@ -53,7 +52,6 @@ var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     _as = unsafeRest.as,
     _style = unsafeRest.style,
     saferRest = _objectWithoutProperties(unsafeRest, _excluded2);
-  var rest = getBooleanFF('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
 
   /**
    * TODO: At some stage I'll look into re-using more logic across 'default' and 'icon'
@@ -104,7 +102,7 @@ var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       hideTooltipOnClick: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnClick,
       hideTooltipOnMouseDown: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnMouseDown
     }, function (triggerProps) {
-      return /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
+      return /*#__PURE__*/React.createElement(Pressable, _extends({}, saferRest, {
         // Top level props
         "aria-labelledby": baseProps['aria-labelledby'],
         type: type,
@@ -115,34 +113,34 @@ var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         // Shared between tooltip and native props
         ,
         onMouseOver: function onMouseOver(e) {
-          var _triggerProps$onMouse, _rest$onMouseOver;
+          var _triggerProps$onMouse, _saferRest$onMouseOve;
           (_triggerProps$onMouse = triggerProps.onMouseOver) === null || _triggerProps$onMouse === void 0 || _triggerProps$onMouse.call(triggerProps, e);
-          (_rest$onMouseOver = rest.onMouseOver) === null || _rest$onMouseOver === void 0 || _rest$onMouseOver.call(rest, e);
+          (_saferRest$onMouseOve = saferRest.onMouseOver) === null || _saferRest$onMouseOve === void 0 || _saferRest$onMouseOve.call(saferRest, e);
         },
         onMouseOut: function onMouseOut(e) {
-          var _triggerProps$onMouse2, _rest$onMouseOut;
+          var _triggerProps$onMouse2, _saferRest$onMouseOut;
           (_triggerProps$onMouse2 = triggerProps.onMouseOut) === null || _triggerProps$onMouse2 === void 0 || _triggerProps$onMouse2.call(triggerProps, e);
-          (_rest$onMouseOut = rest.onMouseOut) === null || _rest$onMouseOut === void 0 || _rest$onMouseOut.call(rest, e);
+          (_saferRest$onMouseOut = saferRest.onMouseOut) === null || _saferRest$onMouseOut === void 0 || _saferRest$onMouseOut.call(saferRest, e);
         },
         onMouseMove: function onMouseMove(e) {
-          var _triggerProps$onMouse3, _rest$onMouseMove;
+          var _triggerProps$onMouse3, _saferRest$onMouseMov;
           (_triggerProps$onMouse3 = triggerProps.onMouseMove) === null || _triggerProps$onMouse3 === void 0 || _triggerProps$onMouse3.call(triggerProps, e);
-          (_rest$onMouseMove = rest.onMouseMove) === null || _rest$onMouseMove === void 0 || _rest$onMouseMove.call(rest, e);
+          (_saferRest$onMouseMov = saferRest.onMouseMove) === null || _saferRest$onMouseMov === void 0 || _saferRest$onMouseMov.call(saferRest, e);
         },
         onMouseDown: function onMouseDown(e) {
-          var _triggerProps$onMouse4, _rest$onMouseDown;
+          var _triggerProps$onMouse4, _saferRest$onMouseDow;
           (_triggerProps$onMouse4 = triggerProps.onMouseDown) === null || _triggerProps$onMouse4 === void 0 || _triggerProps$onMouse4.call(triggerProps, e);
-          (_rest$onMouseDown = rest.onMouseDown) === null || _rest$onMouseDown === void 0 || _rest$onMouseDown.call(rest, e);
+          (_saferRest$onMouseDow = saferRest.onMouseDown) === null || _saferRest$onMouseDow === void 0 || _saferRest$onMouseDow.call(saferRest, e);
         },
         onFocus: function onFocus(e) {
-          var _triggerProps$onFocus, _rest$onFocus;
+          var _triggerProps$onFocus, _saferRest$onFocus;
           (_triggerProps$onFocus = triggerProps.onFocus) === null || _triggerProps$onFocus === void 0 || _triggerProps$onFocus.call(triggerProps, e);
-          (_rest$onFocus = rest.onFocus) === null || _rest$onFocus === void 0 || _rest$onFocus.call(rest, e);
+          (_saferRest$onFocus = saferRest.onFocus) === null || _saferRest$onFocus === void 0 || _saferRest$onFocus.call(saferRest, e);
         },
         onBlur: function onBlur(e) {
-          var _triggerProps$onBlur, _rest$onBlur;
+          var _triggerProps$onBlur, _saferRest$onBlur;
           (_triggerProps$onBlur = triggerProps.onBlur) === null || _triggerProps$onBlur === void 0 || _triggerProps$onBlur.call(triggerProps, e);
-          (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 || _rest$onBlur.call(rest, e);
+          (_saferRest$onBlur = saferRest.onBlur) === null || _saferRest$onBlur === void 0 || _saferRest$onBlur.call(saferRest, e);
         }
         // Shared between tooltip and base props
         ,
@@ -172,7 +170,7 @@ var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }), baseProps.children);
     });
   }
-  return /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Pressable, _extends({}, saferRest, {
     "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,
     xcss: baseProps.xcss,

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

@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["aria-label", "aria-labelledby", "analyticsContext", "appearance", "autoFocus", "href", "icon", "interactionName", "isDisabled", "isSelected", "isTooltipDisabled", "label", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "shape", "spacing", "testId", "tooltip"],
   _excluded2 = ["className", "css", "as", "style"];
 import React, { forwardRef, memo } from 'react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Anchor from '@atlaskit/primitives/anchor';
 import Tooltip from '@atlaskit/tooltip';
 import useIconButton from './use-icon-button';
@@ -42,7 +41,6 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
     _as = unsafeRest.as,
     _style = unsafeRest.style,
     saferRest = _objectWithoutProperties(unsafeRest, _excluded2);
-  var rest = getBooleanFF('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
   var baseProps = useIconButton({
     analyticsContext: analyticsContext,
     appearance: appearance,
@@ -89,7 +87,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
     }, function (triggerProps) {
       return /*#__PURE__*/React.createElement(Anchor
       // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-      , _extends({}, rest, {
+      , _extends({}, saferRest, {
         "aria-labelledby": baseProps['aria-labelledby'],
         testId: testId,
         componentName: "LinkIconButton",
@@ -98,34 +96,34 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
         // Shared between tooltip and native props
         ,
         onMouseOver: function onMouseOver(e) {
-          var _triggerProps$onMouse, _rest$onMouseOver;
+          var _triggerProps$onMouse, _saferRest$onMouseOve;
           (_triggerProps$onMouse = triggerProps.onMouseOver) === null || _triggerProps$onMouse === void 0 || _triggerProps$onMouse.call(triggerProps, e);
-          (_rest$onMouseOver = rest.onMouseOver) === null || _rest$onMouseOver === void 0 || _rest$onMouseOver.call(rest, e);
+          (_saferRest$onMouseOve = saferRest.onMouseOver) === null || _saferRest$onMouseOve === void 0 || _saferRest$onMouseOve.call(saferRest, e);
         },
         onMouseOut: function onMouseOut(e) {
-          var _triggerProps$onMouse2, _rest$onMouseOut;
+          var _triggerProps$onMouse2, _saferRest$onMouseOut;
           (_triggerProps$onMouse2 = triggerProps.onMouseOut) === null || _triggerProps$onMouse2 === void 0 || _triggerProps$onMouse2.call(triggerProps, e);
-          (_rest$onMouseOut = rest.onMouseOut) === null || _rest$onMouseOut === void 0 || _rest$onMouseOut.call(rest, e);
+          (_saferRest$onMouseOut = saferRest.onMouseOut) === null || _saferRest$onMouseOut === void 0 || _saferRest$onMouseOut.call(saferRest, e);
         },
         onMouseMove: function onMouseMove(e) {
-          var _triggerProps$onMouse3, _rest$onMouseMove;
+          var _triggerProps$onMouse3, _saferRest$onMouseMov;
           (_triggerProps$onMouse3 = triggerProps.onMouseMove) === null || _triggerProps$onMouse3 === void 0 || _triggerProps$onMouse3.call(triggerProps, e);
-          (_rest$onMouseMove = rest.onMouseMove) === null || _rest$onMouseMove === void 0 || _rest$onMouseMove.call(rest, e);
+          (_saferRest$onMouseMov = saferRest.onMouseMove) === null || _saferRest$onMouseMov === void 0 || _saferRest$onMouseMov.call(saferRest, e);
         },
         onMouseDown: function onMouseDown(e) {
-          var _triggerProps$onMouse4, _rest$onMouseDown;
+          var _triggerProps$onMouse4, _saferRest$onMouseDow;
           (_triggerProps$onMouse4 = triggerProps.onMouseDown) === null || _triggerProps$onMouse4 === void 0 || _triggerProps$onMouse4.call(triggerProps, e);
-          (_rest$onMouseDown = rest.onMouseDown) === null || _rest$onMouseDown === void 0 || _rest$onMouseDown.call(rest, e);
+          (_saferRest$onMouseDow = saferRest.onMouseDown) === null || _saferRest$onMouseDow === void 0 || _saferRest$onMouseDow.call(saferRest, e);
         },
         onFocus: function onFocus(e) {
-          var _triggerProps$onFocus, _rest$onFocus;
+          var _triggerProps$onFocus, _saferRest$onFocus;
           (_triggerProps$onFocus = triggerProps.onFocus) === null || _triggerProps$onFocus === void 0 || _triggerProps$onFocus.call(triggerProps, e);
-          (_rest$onFocus = rest.onFocus) === null || _rest$onFocus === void 0 || _rest$onFocus.call(rest, e);
+          (_saferRest$onFocus = saferRest.onFocus) === null || _saferRest$onFocus === void 0 || _saferRest$onFocus.call(saferRest, e);
         },
         onBlur: function onBlur(e) {
-          var _triggerProps$onBlur, _rest$onBlur;
+          var _triggerProps$onBlur, _saferRest$onBlur;
           (_triggerProps$onBlur = triggerProps.onBlur) === null || _triggerProps$onBlur === void 0 || _triggerProps$onBlur.call(triggerProps, e);
-          (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 || _rest$onBlur.call(rest, e);
+          (_saferRest$onBlur = saferRest.onBlur) === null || _saferRest$onBlur === void 0 || _saferRest$onBlur.call(saferRest, e);
         }
         // Shared between tooltip and base props
         ,
@@ -165,7 +163,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
   }
   return /*#__PURE__*/React.createElement(Anchor
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  , _extends({}, rest, {
+  , _extends({}, saferRest, {
     "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,
     xcss: baseProps.xcss,

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

@@ -15,7 +15,9 @@ 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`.
+ * @deprecated Legacy buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new`
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
  *
  * A button triggers an event or action. They let users know what will happen next.
  *

package/dist/esm/old-button/custom-theme-button/custom-theme-button.js

@@ -57,6 +57,10 @@ var initial = {
 /**
  * __Custom theme button__
  *
+ * @deprecated Legacy buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new`
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
+ *
  * A custom theme button. Avoid using this component. It exists for those already using custom theming, which is hard to use and has performance issues.
  *
  * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)

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

@@ -7,7 +7,9 @@ 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.
+ * @deprecated Legacy loading buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
  *
  * 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.
  *

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

@@ -4,8 +4,8 @@ var _excluded = ["analyticsContext", "appearance", "autoFocus", "buttonCss", "ch
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React, { useCallback, useContext, useEffect, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -125,7 +125,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "19.0.0",
+    packageVersion: "19.1.1",
     analyticsData: analyticsContext
   });
 

package/dist/types/containers/button-group.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
 export type ButtonGroupProps = {

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import type { SplitButtonAppearance, SplitButtonContextAppearance, SplitButtonProps, SplitButtonSpacing } from './types';

package/dist/types/old-button/button.d.ts

@@ -5,7 +5,9 @@ export interface ButtonProps extends BaseProps {
 /**
  * __Button__
  *
- * CAUTION: Legacy buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new`.
+ * @deprecated Legacy buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new`
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
  *
  * A button triggers an event or action. They let users know what will happen next.
  *

package/dist/types/old-button/custom-theme-button/custom-theme-button.d.ts

@@ -2,6 +2,10 @@ import React from 'react';
 /**
  * __Custom theme button__
  *
+ * @deprecated Legacy buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new`
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
+ *
  * A custom theme button. Avoid using this component. It exists for those already using custom theming, which is hard to use and has performance issues.
  *
  * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)

package/dist/types/old-button/loading-button.d.ts

@@ -7,7 +7,9 @@ export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnPr
 /**
  * __Loading button__
  *
- * CAUTION: Legacy loading buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
+ * @deprecated Legacy loading buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
  *
  * 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.
  *

package/dist/types/old-button/shared/button-base.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React from 'react';
 import { type CSSObject } from '@emotion/react';
 declare const ButtonBase: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.AllHTMLAttributes<HTMLElement>, "disabled">, "data-testid" | "data-has-overlay"> & {

package/dist/types-ts4.5/containers/button-group.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
 export type ButtonGroupProps = {

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import type { SplitButtonAppearance, SplitButtonContextAppearance, SplitButtonProps, SplitButtonSpacing } from './types';

package/dist/types-ts4.5/old-button/button.d.ts

@@ -5,7 +5,9 @@ export interface ButtonProps extends BaseProps {
 /**
  * __Button__
  *
- * CAUTION: Legacy buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new`.
+ * @deprecated Legacy buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new`
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
  *
  * A button triggers an event or action. They let users know what will happen next.
  *

package/dist/types-ts4.5/old-button/custom-theme-button/custom-theme-button.d.ts

@@ -2,6 +2,10 @@ import React from 'react';
 /**
  * __Custom theme button__
  *
+ * @deprecated Legacy buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new`
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
+ *
  * A custom theme button. Avoid using this component. It exists for those already using custom theming, which is hard to use and has performance issues.
  *
  * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)

package/dist/types-ts4.5/old-button/loading-button.d.ts

@@ -7,7 +7,9 @@ export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnPr
 /**
  * __Loading button__
  *
- * CAUTION: Legacy loading buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
+ * @deprecated Legacy loading buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
  *
  * 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.
  *

package/dist/types-ts4.5/old-button/shared/button-base.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React from 'react';
 import { type CSSObject } from '@emotion/react';
 declare const ButtonBase: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.AllHTMLAttributes<HTMLElement>, "disabled">, "data-testid" | "data-has-overlay"> & {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/button",
-	"version": "19.0.0",
+	"version": "19.1.1",
 	"description": "A button triggers an event or action. They let users know what will happen next.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,68 +31,25 @@
 		"website": {
 			"name": "Button",
 			"category": "Components",
-			"status": {
-				"type": "beta",
-				"description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
-				"actions": [
-					{
-						"text": "View the migration guide",
-						"href": "/components/button/button-legacy/migration-guide"
-					}
-				]
-			},
 			"subPages": [
 				{
 					"title": "Icon button",
 					"id": "icon-button",
-					"status": {
-						"type": "beta",
-						"description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
-						"actions": [
-							{
-								"text": "View the migration guide",
-								"href": "/components/button/button-legacy/migration-guide"
-							}
-						]
-					},
 					"sortKey": 1
 				},
 				{
 					"title": "Link button",
 					"id": "link-button",
-					"status": {
-						"type": "beta",
-						"description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
-						"actions": [
-							{
-								"text": "View the migration guide",
-								"href": "/components/button/button-legacy/migration-guide"
-							}
-						]
-					},
 					"sortKey": 2
 				},
 				{
 					"title": "Link icon button",
 					"id": "link-icon-button",
-					"status": {
-						"type": "beta",
-						"description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
-						"actions": [
-							{
-								"text": "View the migration guide",
-								"href": "/components/button/button-legacy/migration-guide"
-							}
-						]
-					},
 					"sortKey": 3
 				},
 				{
 					"title": "Split button",
 					"id": "split-button",
-					"status": {
-						"type": "beta"
-					},
 					"sortKey": 4
 				},
 				{
@@ -129,16 +86,16 @@
 		".": "./src/index.tsx"
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^9.3.0",
+		"@atlaskit/analytics-next": "^10.0.0",
 		"@atlaskit/ds-lib": "^2.3.0",
 		"@atlaskit/focus-ring": "^1.5.0",
-		"@atlaskit/icon": "^22.6.0",
+		"@atlaskit/icon": "^22.10.0",
 		"@atlaskit/interaction-context": "^2.1.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/primitives": "^11.0.0",
+		"@atlaskit/primitives": "^11.1.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.56.0",
+		"@atlaskit/tokens": "^1.57.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@atlaskit/visually-hidden": "^1.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -153,9 +110,9 @@
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
 		"@atlaskit/app-provider": "^1.3.0",
-		"@atlaskit/calendar": "^14.3.0",
-		"@atlaskit/checkbox": "^13.5.0",
-		"@atlaskit/dropdown-menu": "^12.14.0",
+		"@atlaskit/calendar": "^14.4.0",
+		"@atlaskit/checkbox": "^13.6.0",
+		"@atlaskit/dropdown-menu": "^12.15.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/toggle": "^13.2.0",
 		"@atlaskit/visual-regression": "*",
@@ -183,9 +140,6 @@
 		},
 		"platform-component-visual-refresh": {
 			"type": "boolean"
-		},
-		"platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw": {
-			"type": "boolean"
 		}
 	}
 }