@atlaskit/button 19.0.0 → 19.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/containers/button-group.js +1 -1
  3. package/dist/cjs/new-button/containers/split-button/split-button.js +1 -1
  4. package/dist/cjs/new-button/variants/default/button.js +1 -3
  5. package/dist/cjs/new-button/variants/default/link.js +1 -3
  6. package/dist/cjs/new-button/variants/icon/button.js +14 -16
  7. package/dist/cjs/new-button/variants/icon/link.js +14 -16
  8. package/dist/cjs/old-button/button.js +3 -1
  9. package/dist/cjs/old-button/custom-theme-button/custom-theme-button.js +4 -0
  10. package/dist/cjs/old-button/loading-button.js +3 -1
  11. package/dist/cjs/old-button/shared/button-base.js +2 -2
  12. package/dist/es2019/containers/button-group.js +1 -1
  13. package/dist/es2019/new-button/containers/split-button/split-button.js +1 -1
  14. package/dist/es2019/new-button/variants/default/button.js +1 -3
  15. package/dist/es2019/new-button/variants/default/link.js +1 -3
  16. package/dist/es2019/new-button/variants/icon/button.js +14 -16
  17. package/dist/es2019/new-button/variants/icon/link.js +14 -16
  18. package/dist/es2019/old-button/button.js +3 -1
  19. package/dist/es2019/old-button/custom-theme-button/custom-theme-button.js +4 -0
  20. package/dist/es2019/old-button/loading-button.js +3 -1
  21. package/dist/es2019/old-button/shared/button-base.js +2 -2
  22. package/dist/esm/containers/button-group.js +1 -1
  23. package/dist/esm/new-button/containers/split-button/split-button.js +1 -1
  24. package/dist/esm/new-button/variants/default/button.js +1 -3
  25. package/dist/esm/new-button/variants/default/link.js +1 -3
  26. package/dist/esm/new-button/variants/icon/button.js +14 -16
  27. package/dist/esm/new-button/variants/icon/link.js +14 -16
  28. package/dist/esm/old-button/button.js +3 -1
  29. package/dist/esm/old-button/custom-theme-button/custom-theme-button.js +4 -0
  30. package/dist/esm/old-button/loading-button.js +3 -1
  31. package/dist/esm/old-button/shared/button-base.js +2 -2
  32. package/dist/types/containers/button-group.d.ts +1 -1
  33. package/dist/types/new-button/containers/split-button/split-button.d.ts +1 -1
  34. package/dist/types/old-button/button.d.ts +3 -1
  35. package/dist/types/old-button/custom-theme-button/custom-theme-button.d.ts +4 -0
  36. package/dist/types/old-button/loading-button.d.ts +3 -1
  37. package/dist/types/old-button/shared/button-base.d.ts +1 -1
  38. package/dist/types-ts4.5/containers/button-group.d.ts +1 -1
  39. package/dist/types-ts4.5/new-button/containers/split-button/split-button.d.ts +1 -1
  40. package/dist/types-ts4.5/old-button/button.d.ts +3 -1
  41. package/dist/types-ts4.5/old-button/custom-theme-button/custom-theme-button.d.ts +4 -0
  42. package/dist/types-ts4.5/old-button/loading-button.d.ts +3 -1
  43. package/dist/types-ts4.5/old-button/shared/button-base.d.ts +1 -1
  44. package/package.json +2 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/button
2
2
 
3
+ ## 19.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#123598](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/123598)
8
+ [`83919d6adb836`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/83919d6adb836) -
9
+ Remove unsafe spread on new buttons.
10
+
3
11
  ## 19.0.0
4
12
 
5
13
  ### Major Changes
@@ -11,8 +11,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
11
11
  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; }
12
12
  /**
13
13
  * @jsxRuntime classic
14
+ * @jsx jsx
14
15
  */
15
- /** @jsx jsx */
16
16
 
17
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
18
18
 
@@ -10,8 +10,8 @@ var _splitButtonContext = require("./split-button-context");
10
10
  var _utils = require("./utils");
11
11
  /**
12
12
  * @jsxRuntime classic
13
+ * @jsx jsx
13
14
  */
14
- /** @jsx jsx */
15
15
 
16
16
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
17
17
 
@@ -8,7 +8,6 @@ exports.default = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
10
  var _react = _interopRequireDefault(require("react"));
11
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
11
  var _pressable = _interopRequireDefault(require("@atlaskit/primitives/pressable"));
13
12
  var _useDefaultButton = _interopRequireDefault(require("./use-default-button"));
14
13
  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
57
56
  _as = unsafeRest.as,
58
57
  _style = unsafeRest.style,
59
58
  saferRest = (0, _objectWithoutProperties2.default)(unsafeRest, _excluded2);
60
- var rest = (0, _platformFeatureFlags.fg)('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
61
59
  var baseProps = (0, _useDefaultButton.default)({
62
60
  ariaLabel: ariaLabel,
63
61
  ariaLabelledBy: ariaLabelledBy,
@@ -89,7 +87,7 @@ var Button = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
89
87
  });
90
88
  return /*#__PURE__*/_react.default.createElement(_pressable.default
91
89
  // TODO: Remove spread props
92
- , (0, _extends2.default)({}, rest, {
90
+ , (0, _extends2.default)({}, saferRest, {
93
91
  "aria-label": baseProps['aria-label'],
94
92
  "aria-labelledby": baseProps['aria-labelledby'],
95
93
  ref: baseProps.ref,
@@ -9,7 +9,6 @@ exports.default = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
12
  var _anchor = _interopRequireDefault(require("@atlaskit/primitives/anchor"));
14
13
  var _useDefaultButton = _interopRequireDefault(require("./use-default-button"));
15
14
  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) {
49
48
  _as = unsafeRest.as,
50
49
  _style = unsafeRest.style,
51
50
  saferRest = (0, _objectWithoutProperties2.default)(unsafeRest, _excluded2);
52
- var rest = (0, _platformFeatureFlags.fg)('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
53
51
  var baseProps = (0, _useDefaultButton.default)({
54
52
  analyticsContext: analyticsContext,
55
53
  appearance: appearance,
@@ -80,7 +78,7 @@ var LinkButtonBase = function LinkButtonBase(_ref, ref) {
80
78
  });
81
79
  return /*#__PURE__*/_react.default.createElement(_anchor.default
82
80
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
83
- , (0, _extends2.default)({}, rest, {
81
+ , (0, _extends2.default)({}, saferRest, {
84
82
  "aria-label": baseProps['aria-label'],
85
83
  "aria-labelledby": baseProps['aria-labelledby'],
86
84
  ref: baseProps.ref,
@@ -8,7 +8,6 @@ exports.default = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
10
  var _react = _interopRequireDefault(require("react"));
11
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
11
  var _pressable = _interopRequireDefault(require("@atlaskit/primitives/pressable"));
13
12
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
14
13
  var _useIconButton = _interopRequireDefault(require("./use-icon-button"));
@@ -60,7 +59,6 @@ var IconButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
60
59
  _as = unsafeRest.as,
61
60
  _style = unsafeRest.style,
62
61
  saferRest = (0, _objectWithoutProperties2.default)(unsafeRest, _excluded2);
63
- var rest = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
64
62
 
65
63
  /**
66
64
  * 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
111
109
  hideTooltipOnClick: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnClick,
112
110
  hideTooltipOnMouseDown: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnMouseDown
113
111
  }, function (triggerProps) {
114
- return /*#__PURE__*/_react.default.createElement(_pressable.default, (0, _extends2.default)({}, rest, {
112
+ return /*#__PURE__*/_react.default.createElement(_pressable.default, (0, _extends2.default)({}, saferRest, {
115
113
  // Top level props
116
114
  "aria-labelledby": baseProps['aria-labelledby'],
117
115
  type: type,
@@ -122,34 +120,34 @@ var IconButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
122
120
  // Shared between tooltip and native props
123
121
  ,
124
122
  onMouseOver: function onMouseOver(e) {
125
- var _triggerProps$onMouse, _rest$onMouseOver;
123
+ var _triggerProps$onMouse, _saferRest$onMouseOve;
126
124
  (_triggerProps$onMouse = triggerProps.onMouseOver) === null || _triggerProps$onMouse === void 0 || _triggerProps$onMouse.call(triggerProps, e);
127
- (_rest$onMouseOver = rest.onMouseOver) === null || _rest$onMouseOver === void 0 || _rest$onMouseOver.call(rest, e);
125
+ (_saferRest$onMouseOve = saferRest.onMouseOver) === null || _saferRest$onMouseOve === void 0 || _saferRest$onMouseOve.call(saferRest, e);
128
126
  },
129
127
  onMouseOut: function onMouseOut(e) {
130
- var _triggerProps$onMouse2, _rest$onMouseOut;
128
+ var _triggerProps$onMouse2, _saferRest$onMouseOut;
131
129
  (_triggerProps$onMouse2 = triggerProps.onMouseOut) === null || _triggerProps$onMouse2 === void 0 || _triggerProps$onMouse2.call(triggerProps, e);
132
- (_rest$onMouseOut = rest.onMouseOut) === null || _rest$onMouseOut === void 0 || _rest$onMouseOut.call(rest, e);
130
+ (_saferRest$onMouseOut = saferRest.onMouseOut) === null || _saferRest$onMouseOut === void 0 || _saferRest$onMouseOut.call(saferRest, e);
133
131
  },
134
132
  onMouseMove: function onMouseMove(e) {
135
- var _triggerProps$onMouse3, _rest$onMouseMove;
133
+ var _triggerProps$onMouse3, _saferRest$onMouseMov;
136
134
  (_triggerProps$onMouse3 = triggerProps.onMouseMove) === null || _triggerProps$onMouse3 === void 0 || _triggerProps$onMouse3.call(triggerProps, e);
137
- (_rest$onMouseMove = rest.onMouseMove) === null || _rest$onMouseMove === void 0 || _rest$onMouseMove.call(rest, e);
135
+ (_saferRest$onMouseMov = saferRest.onMouseMove) === null || _saferRest$onMouseMov === void 0 || _saferRest$onMouseMov.call(saferRest, e);
138
136
  },
139
137
  onMouseDown: function onMouseDown(e) {
140
- var _triggerProps$onMouse4, _rest$onMouseDown;
138
+ var _triggerProps$onMouse4, _saferRest$onMouseDow;
141
139
  (_triggerProps$onMouse4 = triggerProps.onMouseDown) === null || _triggerProps$onMouse4 === void 0 || _triggerProps$onMouse4.call(triggerProps, e);
142
- (_rest$onMouseDown = rest.onMouseDown) === null || _rest$onMouseDown === void 0 || _rest$onMouseDown.call(rest, e);
140
+ (_saferRest$onMouseDow = saferRest.onMouseDown) === null || _saferRest$onMouseDow === void 0 || _saferRest$onMouseDow.call(saferRest, e);
143
141
  },
144
142
  onFocus: function onFocus(e) {
145
- var _triggerProps$onFocus, _rest$onFocus;
143
+ var _triggerProps$onFocus, _saferRest$onFocus;
146
144
  (_triggerProps$onFocus = triggerProps.onFocus) === null || _triggerProps$onFocus === void 0 || _triggerProps$onFocus.call(triggerProps, e);
147
- (_rest$onFocus = rest.onFocus) === null || _rest$onFocus === void 0 || _rest$onFocus.call(rest, e);
145
+ (_saferRest$onFocus = saferRest.onFocus) === null || _saferRest$onFocus === void 0 || _saferRest$onFocus.call(saferRest, e);
148
146
  },
149
147
  onBlur: function onBlur(e) {
150
- var _triggerProps$onBlur, _rest$onBlur;
148
+ var _triggerProps$onBlur, _saferRest$onBlur;
151
149
  (_triggerProps$onBlur = triggerProps.onBlur) === null || _triggerProps$onBlur === void 0 || _triggerProps$onBlur.call(triggerProps, e);
152
- (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 || _rest$onBlur.call(rest, e);
150
+ (_saferRest$onBlur = saferRest.onBlur) === null || _saferRest$onBlur === void 0 || _saferRest$onBlur.call(saferRest, e);
153
151
  }
154
152
  // Shared between tooltip and base props
155
153
  ,
@@ -179,7 +177,7 @@ var IconButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
179
177
  }), baseProps.children);
180
178
  });
181
179
  }
182
- return /*#__PURE__*/_react.default.createElement(_pressable.default, (0, _extends2.default)({}, rest, {
180
+ return /*#__PURE__*/_react.default.createElement(_pressable.default, (0, _extends2.default)({}, saferRest, {
183
181
  "aria-labelledby": baseProps['aria-labelledby'],
184
182
  ref: baseProps.ref,
185
183
  xcss: baseProps.xcss,
@@ -9,7 +9,6 @@ exports.default = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
12
  var _anchor = _interopRequireDefault(require("@atlaskit/primitives/anchor"));
14
13
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
15
14
  var _useIconButton = _interopRequireDefault(require("./use-icon-button"));
@@ -52,7 +51,6 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
52
51
  _as = unsafeRest.as,
53
52
  _style = unsafeRest.style,
54
53
  saferRest = (0, _objectWithoutProperties2.default)(unsafeRest, _excluded2);
55
- var rest = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
56
54
  var baseProps = (0, _useIconButton.default)({
57
55
  analyticsContext: analyticsContext,
58
56
  appearance: appearance,
@@ -99,7 +97,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
99
97
  }, function (triggerProps) {
100
98
  return /*#__PURE__*/_react.default.createElement(_anchor.default
101
99
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
102
- , (0, _extends2.default)({}, rest, {
100
+ , (0, _extends2.default)({}, saferRest, {
103
101
  "aria-labelledby": baseProps['aria-labelledby'],
104
102
  testId: testId,
105
103
  componentName: "LinkIconButton",
@@ -108,34 +106,34 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
108
106
  // Shared between tooltip and native props
109
107
  ,
110
108
  onMouseOver: function onMouseOver(e) {
111
- var _triggerProps$onMouse, _rest$onMouseOver;
109
+ var _triggerProps$onMouse, _saferRest$onMouseOve;
112
110
  (_triggerProps$onMouse = triggerProps.onMouseOver) === null || _triggerProps$onMouse === void 0 || _triggerProps$onMouse.call(triggerProps, e);
113
- (_rest$onMouseOver = rest.onMouseOver) === null || _rest$onMouseOver === void 0 || _rest$onMouseOver.call(rest, e);
111
+ (_saferRest$onMouseOve = saferRest.onMouseOver) === null || _saferRest$onMouseOve === void 0 || _saferRest$onMouseOve.call(saferRest, e);
114
112
  },
115
113
  onMouseOut: function onMouseOut(e) {
116
- var _triggerProps$onMouse2, _rest$onMouseOut;
114
+ var _triggerProps$onMouse2, _saferRest$onMouseOut;
117
115
  (_triggerProps$onMouse2 = triggerProps.onMouseOut) === null || _triggerProps$onMouse2 === void 0 || _triggerProps$onMouse2.call(triggerProps, e);
118
- (_rest$onMouseOut = rest.onMouseOut) === null || _rest$onMouseOut === void 0 || _rest$onMouseOut.call(rest, e);
116
+ (_saferRest$onMouseOut = saferRest.onMouseOut) === null || _saferRest$onMouseOut === void 0 || _saferRest$onMouseOut.call(saferRest, e);
119
117
  },
120
118
  onMouseMove: function onMouseMove(e) {
121
- var _triggerProps$onMouse3, _rest$onMouseMove;
119
+ var _triggerProps$onMouse3, _saferRest$onMouseMov;
122
120
  (_triggerProps$onMouse3 = triggerProps.onMouseMove) === null || _triggerProps$onMouse3 === void 0 || _triggerProps$onMouse3.call(triggerProps, e);
123
- (_rest$onMouseMove = rest.onMouseMove) === null || _rest$onMouseMove === void 0 || _rest$onMouseMove.call(rest, e);
121
+ (_saferRest$onMouseMov = saferRest.onMouseMove) === null || _saferRest$onMouseMov === void 0 || _saferRest$onMouseMov.call(saferRest, e);
124
122
  },
125
123
  onMouseDown: function onMouseDown(e) {
126
- var _triggerProps$onMouse4, _rest$onMouseDown;
124
+ var _triggerProps$onMouse4, _saferRest$onMouseDow;
127
125
  (_triggerProps$onMouse4 = triggerProps.onMouseDown) === null || _triggerProps$onMouse4 === void 0 || _triggerProps$onMouse4.call(triggerProps, e);
128
- (_rest$onMouseDown = rest.onMouseDown) === null || _rest$onMouseDown === void 0 || _rest$onMouseDown.call(rest, e);
126
+ (_saferRest$onMouseDow = saferRest.onMouseDown) === null || _saferRest$onMouseDow === void 0 || _saferRest$onMouseDow.call(saferRest, e);
129
127
  },
130
128
  onFocus: function onFocus(e) {
131
- var _triggerProps$onFocus, _rest$onFocus;
129
+ var _triggerProps$onFocus, _saferRest$onFocus;
132
130
  (_triggerProps$onFocus = triggerProps.onFocus) === null || _triggerProps$onFocus === void 0 || _triggerProps$onFocus.call(triggerProps, e);
133
- (_rest$onFocus = rest.onFocus) === null || _rest$onFocus === void 0 || _rest$onFocus.call(rest, e);
131
+ (_saferRest$onFocus = saferRest.onFocus) === null || _saferRest$onFocus === void 0 || _saferRest$onFocus.call(saferRest, e);
134
132
  },
135
133
  onBlur: function onBlur(e) {
136
- var _triggerProps$onBlur, _rest$onBlur;
134
+ var _triggerProps$onBlur, _saferRest$onBlur;
137
135
  (_triggerProps$onBlur = triggerProps.onBlur) === null || _triggerProps$onBlur === void 0 || _triggerProps$onBlur.call(triggerProps, e);
138
- (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 || _rest$onBlur.call(rest, e);
136
+ (_saferRest$onBlur = saferRest.onBlur) === null || _saferRest$onBlur === void 0 || _saferRest$onBlur.call(saferRest, e);
139
137
  }
140
138
  // Shared between tooltip and base props
141
139
  ,
@@ -175,7 +173,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
175
173
  }
176
174
  return /*#__PURE__*/_react.default.createElement(_anchor.default
177
175
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
178
- , (0, _extends2.default)({}, rest, {
176
+ , (0, _extends2.default)({}, saferRest, {
179
177
  "aria-labelledby": baseProps['aria-labelledby'],
180
178
  ref: baseProps.ref,
181
179
  xcss: baseProps.xcss,
@@ -22,7 +22,9 @@ var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerC
22
22
  /**
23
23
  * __Button__
24
24
  *
25
- * CAUTION: Legacy buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new`.
25
+ * @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`
26
+ *
27
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
26
28
  *
27
29
  * A button triggers an event or action. They let users know what will happen next.
28
30
  *
@@ -64,6 +64,10 @@ var initial = {
64
64
  /**
65
65
  * __Custom theme button__
66
66
  *
67
+ * @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`
68
+ *
69
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
70
+ *
67
71
  * 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.
68
72
  *
69
73
  * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)
@@ -14,7 +14,9 @@ var _excluded = ["appearance", "isDisabled", "isSelected", "isLoading", "spacing
14
14
  /**
15
15
  * __Loading button__
16
16
  *
17
- * CAUTION: Legacy loading buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
17
+ * @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.
18
+ *
19
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
18
20
  *
19
21
  * 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.
20
22
  *
@@ -23,8 +23,8 @@ var _excluded = ["analyticsContext", "appearance", "autoFocus", "buttonCss", "ch
23
23
  /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
24
24
  /**
25
25
  * @jsxRuntime classic
26
+ * @jsx jsx
26
27
  */
27
- /** @jsx jsx */
28
28
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
29
29
  // eslint-disable-next-line no-duplicate-imports
30
30
  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
133
133
  action: 'clicked',
134
134
  componentName: 'button',
135
135
  packageName: "@atlaskit/button",
136
- packageVersion: "19.0.0",
136
+ packageVersion: "19.1.0",
137
137
  analyticsData: analyticsContext
138
138
  });
139
139
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import React, { Fragment } from 'react';
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
@@ -1,6 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
- import { fg } from '@atlaskit/platform-feature-flags';
4
3
  import Pressable from '@atlaskit/primitives/pressable';
5
4
  import useDefaultButton from './use-default-button';
6
5
  /**
@@ -49,7 +48,6 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
49
48
  style: _style,
50
49
  ...saferRest
51
50
  } = unsafeRest;
52
- const rest = fg('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
53
51
  const baseProps = useDefaultButton({
54
52
  ariaLabel,
55
53
  ariaLabelledBy,
@@ -81,7 +79,7 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
81
79
  });
82
80
  return /*#__PURE__*/React.createElement(Pressable
83
81
  // TODO: Remove spread props
84
- , _extends({}, rest, {
82
+ , _extends({}, saferRest, {
85
83
  "aria-label": baseProps['aria-label'],
86
84
  "aria-labelledby": baseProps['aria-labelledby'],
87
85
  ref: baseProps.ref,
@@ -1,6 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { forwardRef, memo } from 'react';
3
- import { fg } from '@atlaskit/platform-feature-flags';
4
3
  import Anchor from '@atlaskit/primitives/anchor';
5
4
  import useDefaultButton from './use-default-button';
6
5
  const LinkButtonBase = ({
@@ -39,7 +38,6 @@ const LinkButtonBase = ({
39
38
  style: _style,
40
39
  ...saferRest
41
40
  } = unsafeRest;
42
- const rest = fg('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
43
41
  const baseProps = useDefaultButton({
44
42
  analyticsContext,
45
43
  appearance,
@@ -70,7 +68,7 @@ const LinkButtonBase = ({
70
68
  });
71
69
  return /*#__PURE__*/React.createElement(Anchor
72
70
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
73
- , _extends({}, rest, {
71
+ , _extends({}, saferRest, {
74
72
  "aria-label": baseProps['aria-label'],
75
73
  "aria-labelledby": baseProps['aria-labelledby'],
76
74
  ref: baseProps.ref,
@@ -1,6 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
4
3
  import Pressable from '@atlaskit/primitives/pressable';
5
4
  import Tooltip from '@atlaskit/tooltip';
6
5
  import useIconButton from './use-icon-button';
@@ -52,7 +51,6 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
52
51
  style: _style,
53
52
  ...saferRest
54
53
  } = unsafeRest;
55
- const rest = getBooleanFF('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
56
54
 
57
55
  /**
58
56
  * 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
102
100
  component: tooltip === null || tooltip === void 0 ? void 0 : tooltip.component,
103
101
  hideTooltipOnClick: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnClick,
104
102
  hideTooltipOnMouseDown: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnMouseDown
105
- }, triggerProps => /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
103
+ }, triggerProps => /*#__PURE__*/React.createElement(Pressable, _extends({}, saferRest, {
106
104
  // Top level props
107
105
  "aria-labelledby": baseProps['aria-labelledby'],
108
106
  type: type,
@@ -113,34 +111,34 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
113
111
  // Shared between tooltip and native props
114
112
  ,
115
113
  onMouseOver: e => {
116
- var _triggerProps$onMouse, _rest$onMouseOver;
114
+ var _triggerProps$onMouse, _saferRest$onMouseOve;
117
115
  (_triggerProps$onMouse = triggerProps.onMouseOver) === null || _triggerProps$onMouse === void 0 ? void 0 : _triggerProps$onMouse.call(triggerProps, e);
118
- (_rest$onMouseOver = rest.onMouseOver) === null || _rest$onMouseOver === void 0 ? void 0 : _rest$onMouseOver.call(rest, e);
116
+ (_saferRest$onMouseOve = saferRest.onMouseOver) === null || _saferRest$onMouseOve === void 0 ? void 0 : _saferRest$onMouseOve.call(saferRest, e);
119
117
  },
120
118
  onMouseOut: e => {
121
- var _triggerProps$onMouse2, _rest$onMouseOut;
119
+ var _triggerProps$onMouse2, _saferRest$onMouseOut;
122
120
  (_triggerProps$onMouse2 = triggerProps.onMouseOut) === null || _triggerProps$onMouse2 === void 0 ? void 0 : _triggerProps$onMouse2.call(triggerProps, e);
123
- (_rest$onMouseOut = rest.onMouseOut) === null || _rest$onMouseOut === void 0 ? void 0 : _rest$onMouseOut.call(rest, e);
121
+ (_saferRest$onMouseOut = saferRest.onMouseOut) === null || _saferRest$onMouseOut === void 0 ? void 0 : _saferRest$onMouseOut.call(saferRest, e);
124
122
  },
125
123
  onMouseMove: e => {
126
- var _triggerProps$onMouse3, _rest$onMouseMove;
124
+ var _triggerProps$onMouse3, _saferRest$onMouseMov;
127
125
  (_triggerProps$onMouse3 = triggerProps.onMouseMove) === null || _triggerProps$onMouse3 === void 0 ? void 0 : _triggerProps$onMouse3.call(triggerProps, e);
128
- (_rest$onMouseMove = rest.onMouseMove) === null || _rest$onMouseMove === void 0 ? void 0 : _rest$onMouseMove.call(rest, e);
126
+ (_saferRest$onMouseMov = saferRest.onMouseMove) === null || _saferRest$onMouseMov === void 0 ? void 0 : _saferRest$onMouseMov.call(saferRest, e);
129
127
  },
130
128
  onMouseDown: e => {
131
- var _triggerProps$onMouse4, _rest$onMouseDown;
129
+ var _triggerProps$onMouse4, _saferRest$onMouseDow;
132
130
  (_triggerProps$onMouse4 = triggerProps.onMouseDown) === null || _triggerProps$onMouse4 === void 0 ? void 0 : _triggerProps$onMouse4.call(triggerProps, e);
133
- (_rest$onMouseDown = rest.onMouseDown) === null || _rest$onMouseDown === void 0 ? void 0 : _rest$onMouseDown.call(rest, e);
131
+ (_saferRest$onMouseDow = saferRest.onMouseDown) === null || _saferRest$onMouseDow === void 0 ? void 0 : _saferRest$onMouseDow.call(saferRest, e);
134
132
  },
135
133
  onFocus: e => {
136
- var _triggerProps$onFocus, _rest$onFocus;
134
+ var _triggerProps$onFocus, _saferRest$onFocus;
137
135
  (_triggerProps$onFocus = triggerProps.onFocus) === null || _triggerProps$onFocus === void 0 ? void 0 : _triggerProps$onFocus.call(triggerProps, e);
138
- (_rest$onFocus = rest.onFocus) === null || _rest$onFocus === void 0 ? void 0 : _rest$onFocus.call(rest, e);
136
+ (_saferRest$onFocus = saferRest.onFocus) === null || _saferRest$onFocus === void 0 ? void 0 : _saferRest$onFocus.call(saferRest, e);
139
137
  },
140
138
  onBlur: e => {
141
- var _triggerProps$onBlur, _rest$onBlur;
139
+ var _triggerProps$onBlur, _saferRest$onBlur;
142
140
  (_triggerProps$onBlur = triggerProps.onBlur) === null || _triggerProps$onBlur === void 0 ? void 0 : _triggerProps$onBlur.call(triggerProps, e);
143
- (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 ? void 0 : _rest$onBlur.call(rest, e);
141
+ (_saferRest$onBlur = saferRest.onBlur) === null || _saferRest$onBlur === void 0 ? void 0 : _saferRest$onBlur.call(saferRest, e);
144
142
  }
145
143
  // Shared between tooltip and base props
146
144
  ,
@@ -169,7 +167,7 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
169
167
  onClickCapture: baseProps.onClickCapture
170
168
  }), baseProps.children));
171
169
  }
172
- return /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
170
+ return /*#__PURE__*/React.createElement(Pressable, _extends({}, saferRest, {
173
171
  "aria-labelledby": baseProps['aria-labelledby'],
174
172
  ref: baseProps.ref,
175
173
  xcss: baseProps.xcss,
@@ -1,6 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { forwardRef, memo } from 'react';
3
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
4
3
  import Anchor from '@atlaskit/primitives/anchor';
5
4
  import Tooltip from '@atlaskit/tooltip';
6
5
  import useIconButton from './use-icon-button';
@@ -42,7 +41,6 @@ const LinkIconButtonBase = ({
42
41
  style: _style,
43
42
  ...saferRest
44
43
  } = unsafeRest;
45
- const rest = getBooleanFF('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
46
44
  const baseProps = useIconButton({
47
45
  analyticsContext,
48
46
  appearance,
@@ -88,7 +86,7 @@ const LinkIconButtonBase = ({
88
86
  hideTooltipOnMouseDown: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnMouseDown
89
87
  }, triggerProps => /*#__PURE__*/React.createElement(Anchor
90
88
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
91
- , _extends({}, rest, {
89
+ , _extends({}, saferRest, {
92
90
  "aria-labelledby": baseProps['aria-labelledby'],
93
91
  testId: testId,
94
92
  componentName: "LinkIconButton",
@@ -97,34 +95,34 @@ const LinkIconButtonBase = ({
97
95
  // Shared between tooltip and native props
98
96
  ,
99
97
  onMouseOver: e => {
100
- var _triggerProps$onMouse, _rest$onMouseOver;
98
+ var _triggerProps$onMouse, _saferRest$onMouseOve;
101
99
  (_triggerProps$onMouse = triggerProps.onMouseOver) === null || _triggerProps$onMouse === void 0 ? void 0 : _triggerProps$onMouse.call(triggerProps, e);
102
- (_rest$onMouseOver = rest.onMouseOver) === null || _rest$onMouseOver === void 0 ? void 0 : _rest$onMouseOver.call(rest, e);
100
+ (_saferRest$onMouseOve = saferRest.onMouseOver) === null || _saferRest$onMouseOve === void 0 ? void 0 : _saferRest$onMouseOve.call(saferRest, e);
103
101
  },
104
102
  onMouseOut: e => {
105
- var _triggerProps$onMouse2, _rest$onMouseOut;
103
+ var _triggerProps$onMouse2, _saferRest$onMouseOut;
106
104
  (_triggerProps$onMouse2 = triggerProps.onMouseOut) === null || _triggerProps$onMouse2 === void 0 ? void 0 : _triggerProps$onMouse2.call(triggerProps, e);
107
- (_rest$onMouseOut = rest.onMouseOut) === null || _rest$onMouseOut === void 0 ? void 0 : _rest$onMouseOut.call(rest, e);
105
+ (_saferRest$onMouseOut = saferRest.onMouseOut) === null || _saferRest$onMouseOut === void 0 ? void 0 : _saferRest$onMouseOut.call(saferRest, e);
108
106
  },
109
107
  onMouseMove: e => {
110
- var _triggerProps$onMouse3, _rest$onMouseMove;
108
+ var _triggerProps$onMouse3, _saferRest$onMouseMov;
111
109
  (_triggerProps$onMouse3 = triggerProps.onMouseMove) === null || _triggerProps$onMouse3 === void 0 ? void 0 : _triggerProps$onMouse3.call(triggerProps, e);
112
- (_rest$onMouseMove = rest.onMouseMove) === null || _rest$onMouseMove === void 0 ? void 0 : _rest$onMouseMove.call(rest, e);
110
+ (_saferRest$onMouseMov = saferRest.onMouseMove) === null || _saferRest$onMouseMov === void 0 ? void 0 : _saferRest$onMouseMov.call(saferRest, e);
113
111
  },
114
112
  onMouseDown: e => {
115
- var _triggerProps$onMouse4, _rest$onMouseDown;
113
+ var _triggerProps$onMouse4, _saferRest$onMouseDow;
116
114
  (_triggerProps$onMouse4 = triggerProps.onMouseDown) === null || _triggerProps$onMouse4 === void 0 ? void 0 : _triggerProps$onMouse4.call(triggerProps, e);
117
- (_rest$onMouseDown = rest.onMouseDown) === null || _rest$onMouseDown === void 0 ? void 0 : _rest$onMouseDown.call(rest, e);
115
+ (_saferRest$onMouseDow = saferRest.onMouseDown) === null || _saferRest$onMouseDow === void 0 ? void 0 : _saferRest$onMouseDow.call(saferRest, e);
118
116
  },
119
117
  onFocus: e => {
120
- var _triggerProps$onFocus, _rest$onFocus;
118
+ var _triggerProps$onFocus, _saferRest$onFocus;
121
119
  (_triggerProps$onFocus = triggerProps.onFocus) === null || _triggerProps$onFocus === void 0 ? void 0 : _triggerProps$onFocus.call(triggerProps, e);
122
- (_rest$onFocus = rest.onFocus) === null || _rest$onFocus === void 0 ? void 0 : _rest$onFocus.call(rest, e);
120
+ (_saferRest$onFocus = saferRest.onFocus) === null || _saferRest$onFocus === void 0 ? void 0 : _saferRest$onFocus.call(saferRest, e);
123
121
  },
124
122
  onBlur: e => {
125
- var _triggerProps$onBlur, _rest$onBlur;
123
+ var _triggerProps$onBlur, _saferRest$onBlur;
126
124
  (_triggerProps$onBlur = triggerProps.onBlur) === null || _triggerProps$onBlur === void 0 ? void 0 : _triggerProps$onBlur.call(triggerProps, e);
127
- (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 ? void 0 : _rest$onBlur.call(rest, e);
125
+ (_saferRest$onBlur = saferRest.onBlur) === null || _saferRest$onBlur === void 0 ? void 0 : _saferRest$onBlur.call(saferRest, e);
128
126
  }
129
127
  // Shared between tooltip and base props
130
128
  ,
@@ -163,7 +161,7 @@ const LinkIconButtonBase = ({
163
161
  }
164
162
  return /*#__PURE__*/React.createElement(Anchor
165
163
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
166
- , _extends({}, rest, {
164
+ , _extends({}, saferRest, {
167
165
  "aria-labelledby": baseProps['aria-labelledby'],
168
166
  ref: baseProps.ref,
169
167
  xcss: baseProps.xcss,
@@ -12,7 +12,9 @@ const isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowe
12
12
  /**
13
13
  * __Button__
14
14
  *
15
- * CAUTION: Legacy buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new`.
15
+ * @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`
16
+ *
17
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
16
18
  *
17
19
  * A button triggers an event or action. They let users know what will happen next.
18
20
  *
@@ -46,6 +46,10 @@ const initial = {
46
46
  /**
47
47
  * __Custom theme button__
48
48
  *
49
+ * @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`
50
+ *
51
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
52
+ *
49
53
  * 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.
50
54
  *
51
55
  * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)
@@ -5,7 +5,9 @@ import LoadingSpinner from './shared/loading-spinner';
5
5
  /**
6
6
  * __Loading button__
7
7
  *
8
- * CAUTION: Legacy loading buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
8
+ * @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.
9
+ *
10
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
9
11
  *
10
12
  * 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.
11
13
  *
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
3
3
  /**
4
4
  * @jsxRuntime classic
5
+ * @jsx jsx
5
6
  */
6
- /** @jsx jsx */
7
7
  import React, { useCallback, useContext, useEffect, useRef } from 'react';
8
8
 
9
9
  // 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)
119
119
  action: 'clicked',
120
120
  componentName: 'button',
121
121
  packageName: "@atlaskit/button",
122
- packageVersion: "19.0.0",
122
+ packageVersion: "19.1.0",
123
123
  analyticsData: analyticsContext
124
124
  });
125
125
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import React, { Fragment } from 'react';
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  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"],
4
4
  _excluded2 = ["className", "css", "as", "style"];
5
5
  import React from 'react';
6
- import { fg } from '@atlaskit/platform-feature-flags';
7
6
  import Pressable from '@atlaskit/primitives/pressable';
8
7
  import useDefaultButton from './use-default-button';
9
8
  /**
@@ -50,7 +49,6 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function But
50
49
  _as = unsafeRest.as,
51
50
  _style = unsafeRest.style,
52
51
  saferRest = _objectWithoutProperties(unsafeRest, _excluded2);
53
- var rest = fg('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
54
52
  var baseProps = useDefaultButton({
55
53
  ariaLabel: ariaLabel,
56
54
  ariaLabelledBy: ariaLabelledBy,
@@ -82,7 +80,7 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function But
82
80
  });
83
81
  return /*#__PURE__*/React.createElement(Pressable
84
82
  // TODO: Remove spread props
85
- , _extends({}, rest, {
83
+ , _extends({}, saferRest, {
86
84
  "aria-label": baseProps['aria-label'],
87
85
  "aria-labelledby": baseProps['aria-labelledby'],
88
86
  ref: baseProps.ref,
@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  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"],
4
4
  _excluded2 = ["className", "css", "as", "style"];
5
5
  import React, { forwardRef, memo } from 'react';
6
- import { fg } from '@atlaskit/platform-feature-flags';
7
6
  import Anchor from '@atlaskit/primitives/anchor';
8
7
  import useDefaultButton from './use-default-button';
9
8
  var LinkButtonBase = function LinkButtonBase(_ref, ref) {
@@ -39,7 +38,6 @@ var LinkButtonBase = function LinkButtonBase(_ref, ref) {
39
38
  _as = unsafeRest.as,
40
39
  _style = unsafeRest.style,
41
40
  saferRest = _objectWithoutProperties(unsafeRest, _excluded2);
42
- var rest = fg('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
43
41
  var baseProps = useDefaultButton({
44
42
  analyticsContext: analyticsContext,
45
43
  appearance: appearance,
@@ -70,7 +68,7 @@ var LinkButtonBase = function LinkButtonBase(_ref, ref) {
70
68
  });
71
69
  return /*#__PURE__*/React.createElement(Anchor
72
70
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
73
- , _extends({}, rest, {
71
+ , _extends({}, saferRest, {
74
72
  "aria-label": baseProps['aria-label'],
75
73
  "aria-labelledby": baseProps['aria-labelledby'],
76
74
  ref: baseProps.ref,
@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  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"],
4
4
  _excluded2 = ["className", "css", "as", "style"];
5
5
  import React from 'react';
6
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
7
6
  import Pressable from '@atlaskit/primitives/pressable';
8
7
  import Tooltip from '@atlaskit/tooltip';
9
8
  import useIconButton from './use-icon-button';
@@ -53,7 +52,6 @@ var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
53
52
  _as = unsafeRest.as,
54
53
  _style = unsafeRest.style,
55
54
  saferRest = _objectWithoutProperties(unsafeRest, _excluded2);
56
- var rest = getBooleanFF('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
57
55
 
58
56
  /**
59
57
  * 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
104
102
  hideTooltipOnClick: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnClick,
105
103
  hideTooltipOnMouseDown: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnMouseDown
106
104
  }, function (triggerProps) {
107
- return /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
105
+ return /*#__PURE__*/React.createElement(Pressable, _extends({}, saferRest, {
108
106
  // Top level props
109
107
  "aria-labelledby": baseProps['aria-labelledby'],
110
108
  type: type,
@@ -115,34 +113,34 @@ var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
115
113
  // Shared between tooltip and native props
116
114
  ,
117
115
  onMouseOver: function onMouseOver(e) {
118
- var _triggerProps$onMouse, _rest$onMouseOver;
116
+ var _triggerProps$onMouse, _saferRest$onMouseOve;
119
117
  (_triggerProps$onMouse = triggerProps.onMouseOver) === null || _triggerProps$onMouse === void 0 || _triggerProps$onMouse.call(triggerProps, e);
120
- (_rest$onMouseOver = rest.onMouseOver) === null || _rest$onMouseOver === void 0 || _rest$onMouseOver.call(rest, e);
118
+ (_saferRest$onMouseOve = saferRest.onMouseOver) === null || _saferRest$onMouseOve === void 0 || _saferRest$onMouseOve.call(saferRest, e);
121
119
  },
122
120
  onMouseOut: function onMouseOut(e) {
123
- var _triggerProps$onMouse2, _rest$onMouseOut;
121
+ var _triggerProps$onMouse2, _saferRest$onMouseOut;
124
122
  (_triggerProps$onMouse2 = triggerProps.onMouseOut) === null || _triggerProps$onMouse2 === void 0 || _triggerProps$onMouse2.call(triggerProps, e);
125
- (_rest$onMouseOut = rest.onMouseOut) === null || _rest$onMouseOut === void 0 || _rest$onMouseOut.call(rest, e);
123
+ (_saferRest$onMouseOut = saferRest.onMouseOut) === null || _saferRest$onMouseOut === void 0 || _saferRest$onMouseOut.call(saferRest, e);
126
124
  },
127
125
  onMouseMove: function onMouseMove(e) {
128
- var _triggerProps$onMouse3, _rest$onMouseMove;
126
+ var _triggerProps$onMouse3, _saferRest$onMouseMov;
129
127
  (_triggerProps$onMouse3 = triggerProps.onMouseMove) === null || _triggerProps$onMouse3 === void 0 || _triggerProps$onMouse3.call(triggerProps, e);
130
- (_rest$onMouseMove = rest.onMouseMove) === null || _rest$onMouseMove === void 0 || _rest$onMouseMove.call(rest, e);
128
+ (_saferRest$onMouseMov = saferRest.onMouseMove) === null || _saferRest$onMouseMov === void 0 || _saferRest$onMouseMov.call(saferRest, e);
131
129
  },
132
130
  onMouseDown: function onMouseDown(e) {
133
- var _triggerProps$onMouse4, _rest$onMouseDown;
131
+ var _triggerProps$onMouse4, _saferRest$onMouseDow;
134
132
  (_triggerProps$onMouse4 = triggerProps.onMouseDown) === null || _triggerProps$onMouse4 === void 0 || _triggerProps$onMouse4.call(triggerProps, e);
135
- (_rest$onMouseDown = rest.onMouseDown) === null || _rest$onMouseDown === void 0 || _rest$onMouseDown.call(rest, e);
133
+ (_saferRest$onMouseDow = saferRest.onMouseDown) === null || _saferRest$onMouseDow === void 0 || _saferRest$onMouseDow.call(saferRest, e);
136
134
  },
137
135
  onFocus: function onFocus(e) {
138
- var _triggerProps$onFocus, _rest$onFocus;
136
+ var _triggerProps$onFocus, _saferRest$onFocus;
139
137
  (_triggerProps$onFocus = triggerProps.onFocus) === null || _triggerProps$onFocus === void 0 || _triggerProps$onFocus.call(triggerProps, e);
140
- (_rest$onFocus = rest.onFocus) === null || _rest$onFocus === void 0 || _rest$onFocus.call(rest, e);
138
+ (_saferRest$onFocus = saferRest.onFocus) === null || _saferRest$onFocus === void 0 || _saferRest$onFocus.call(saferRest, e);
141
139
  },
142
140
  onBlur: function onBlur(e) {
143
- var _triggerProps$onBlur, _rest$onBlur;
141
+ var _triggerProps$onBlur, _saferRest$onBlur;
144
142
  (_triggerProps$onBlur = triggerProps.onBlur) === null || _triggerProps$onBlur === void 0 || _triggerProps$onBlur.call(triggerProps, e);
145
- (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 || _rest$onBlur.call(rest, e);
143
+ (_saferRest$onBlur = saferRest.onBlur) === null || _saferRest$onBlur === void 0 || _saferRest$onBlur.call(saferRest, e);
146
144
  }
147
145
  // Shared between tooltip and base props
148
146
  ,
@@ -172,7 +170,7 @@ var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
172
170
  }), baseProps.children);
173
171
  });
174
172
  }
175
- return /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
173
+ return /*#__PURE__*/React.createElement(Pressable, _extends({}, saferRest, {
176
174
  "aria-labelledby": baseProps['aria-labelledby'],
177
175
  ref: baseProps.ref,
178
176
  xcss: baseProps.xcss,
@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  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"],
4
4
  _excluded2 = ["className", "css", "as", "style"];
5
5
  import React, { forwardRef, memo } from 'react';
6
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
7
6
  import Anchor from '@atlaskit/primitives/anchor';
8
7
  import Tooltip from '@atlaskit/tooltip';
9
8
  import useIconButton from './use-icon-button';
@@ -42,7 +41,6 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
42
41
  _as = unsafeRest.as,
43
42
  _style = unsafeRest.style,
44
43
  saferRest = _objectWithoutProperties(unsafeRest, _excluded2);
45
- var rest = getBooleanFF('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
46
44
  var baseProps = useIconButton({
47
45
  analyticsContext: analyticsContext,
48
46
  appearance: appearance,
@@ -89,7 +87,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
89
87
  }, function (triggerProps) {
90
88
  return /*#__PURE__*/React.createElement(Anchor
91
89
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
92
- , _extends({}, rest, {
90
+ , _extends({}, saferRest, {
93
91
  "aria-labelledby": baseProps['aria-labelledby'],
94
92
  testId: testId,
95
93
  componentName: "LinkIconButton",
@@ -98,34 +96,34 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
98
96
  // Shared between tooltip and native props
99
97
  ,
100
98
  onMouseOver: function onMouseOver(e) {
101
- var _triggerProps$onMouse, _rest$onMouseOver;
99
+ var _triggerProps$onMouse, _saferRest$onMouseOve;
102
100
  (_triggerProps$onMouse = triggerProps.onMouseOver) === null || _triggerProps$onMouse === void 0 || _triggerProps$onMouse.call(triggerProps, e);
103
- (_rest$onMouseOver = rest.onMouseOver) === null || _rest$onMouseOver === void 0 || _rest$onMouseOver.call(rest, e);
101
+ (_saferRest$onMouseOve = saferRest.onMouseOver) === null || _saferRest$onMouseOve === void 0 || _saferRest$onMouseOve.call(saferRest, e);
104
102
  },
105
103
  onMouseOut: function onMouseOut(e) {
106
- var _triggerProps$onMouse2, _rest$onMouseOut;
104
+ var _triggerProps$onMouse2, _saferRest$onMouseOut;
107
105
  (_triggerProps$onMouse2 = triggerProps.onMouseOut) === null || _triggerProps$onMouse2 === void 0 || _triggerProps$onMouse2.call(triggerProps, e);
108
- (_rest$onMouseOut = rest.onMouseOut) === null || _rest$onMouseOut === void 0 || _rest$onMouseOut.call(rest, e);
106
+ (_saferRest$onMouseOut = saferRest.onMouseOut) === null || _saferRest$onMouseOut === void 0 || _saferRest$onMouseOut.call(saferRest, e);
109
107
  },
110
108
  onMouseMove: function onMouseMove(e) {
111
- var _triggerProps$onMouse3, _rest$onMouseMove;
109
+ var _triggerProps$onMouse3, _saferRest$onMouseMov;
112
110
  (_triggerProps$onMouse3 = triggerProps.onMouseMove) === null || _triggerProps$onMouse3 === void 0 || _triggerProps$onMouse3.call(triggerProps, e);
113
- (_rest$onMouseMove = rest.onMouseMove) === null || _rest$onMouseMove === void 0 || _rest$onMouseMove.call(rest, e);
111
+ (_saferRest$onMouseMov = saferRest.onMouseMove) === null || _saferRest$onMouseMov === void 0 || _saferRest$onMouseMov.call(saferRest, e);
114
112
  },
115
113
  onMouseDown: function onMouseDown(e) {
116
- var _triggerProps$onMouse4, _rest$onMouseDown;
114
+ var _triggerProps$onMouse4, _saferRest$onMouseDow;
117
115
  (_triggerProps$onMouse4 = triggerProps.onMouseDown) === null || _triggerProps$onMouse4 === void 0 || _triggerProps$onMouse4.call(triggerProps, e);
118
- (_rest$onMouseDown = rest.onMouseDown) === null || _rest$onMouseDown === void 0 || _rest$onMouseDown.call(rest, e);
116
+ (_saferRest$onMouseDow = saferRest.onMouseDown) === null || _saferRest$onMouseDow === void 0 || _saferRest$onMouseDow.call(saferRest, e);
119
117
  },
120
118
  onFocus: function onFocus(e) {
121
- var _triggerProps$onFocus, _rest$onFocus;
119
+ var _triggerProps$onFocus, _saferRest$onFocus;
122
120
  (_triggerProps$onFocus = triggerProps.onFocus) === null || _triggerProps$onFocus === void 0 || _triggerProps$onFocus.call(triggerProps, e);
123
- (_rest$onFocus = rest.onFocus) === null || _rest$onFocus === void 0 || _rest$onFocus.call(rest, e);
121
+ (_saferRest$onFocus = saferRest.onFocus) === null || _saferRest$onFocus === void 0 || _saferRest$onFocus.call(saferRest, e);
124
122
  },
125
123
  onBlur: function onBlur(e) {
126
- var _triggerProps$onBlur, _rest$onBlur;
124
+ var _triggerProps$onBlur, _saferRest$onBlur;
127
125
  (_triggerProps$onBlur = triggerProps.onBlur) === null || _triggerProps$onBlur === void 0 || _triggerProps$onBlur.call(triggerProps, e);
128
- (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 || _rest$onBlur.call(rest, e);
126
+ (_saferRest$onBlur = saferRest.onBlur) === null || _saferRest$onBlur === void 0 || _saferRest$onBlur.call(saferRest, e);
129
127
  }
130
128
  // Shared between tooltip and base props
131
129
  ,
@@ -165,7 +163,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
165
163
  }
166
164
  return /*#__PURE__*/React.createElement(Anchor
167
165
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
168
- , _extends({}, rest, {
166
+ , _extends({}, saferRest, {
169
167
  "aria-labelledby": baseProps['aria-labelledby'],
170
168
  ref: baseProps.ref,
171
169
  xcss: baseProps.xcss,
@@ -15,7 +15,9 @@ var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerC
15
15
  /**
16
16
  * __Button__
17
17
  *
18
- * CAUTION: Legacy buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new`.
18
+ * @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`
19
+ *
20
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
19
21
  *
20
22
  * A button triggers an event or action. They let users know what will happen next.
21
23
  *
@@ -57,6 +57,10 @@ var initial = {
57
57
  /**
58
58
  * __Custom theme button__
59
59
  *
60
+ * @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`
61
+ *
62
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
63
+ *
60
64
  * 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.
61
65
  *
62
66
  * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)
@@ -7,7 +7,9 @@ import LoadingSpinner from './shared/loading-spinner';
7
7
  /**
8
8
  * __Loading button__
9
9
  *
10
- * CAUTION: Legacy loading buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
10
+ * @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.
11
+ *
12
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
11
13
  *
12
14
  * 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.
13
15
  *
@@ -4,8 +4,8 @@ var _excluded = ["analyticsContext", "appearance", "autoFocus", "buttonCss", "ch
4
4
  /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
5
5
  /**
6
6
  * @jsxRuntime classic
7
+ * @jsx jsx
7
8
  */
8
- /** @jsx jsx */
9
9
  import React, { useCallback, useContext, useEffect, useRef } from 'react';
10
10
 
11
11
  // 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) {
125
125
  action: 'clicked',
126
126
  componentName: 'button',
127
127
  packageName: "@atlaskit/button",
128
- packageVersion: "19.0.0",
128
+ packageVersion: "19.1.0",
129
129
  analyticsData: analyticsContext
130
130
  });
131
131
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import React from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  export type ButtonGroupProps = {
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  import type { SplitButtonAppearance, SplitButtonContextAppearance, SplitButtonProps, SplitButtonSpacing } from './types';
@@ -5,7 +5,9 @@ export interface ButtonProps extends BaseProps {
5
5
  /**
6
6
  * __Button__
7
7
  *
8
- * CAUTION: Legacy buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new`.
8
+ * @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`
9
+ *
10
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
9
11
  *
10
12
  * A button triggers an event or action. They let users know what will happen next.
11
13
  *
@@ -2,6 +2,10 @@ import React from 'react';
2
2
  /**
3
3
  * __Custom theme button__
4
4
  *
5
+ * @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`
6
+ *
7
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
8
+ *
5
9
  * 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.
6
10
  *
7
11
  * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)
@@ -7,7 +7,9 @@ export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnPr
7
7
  /**
8
8
  * __Loading button__
9
9
  *
10
- * CAUTION: Legacy loading buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
10
+ * @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.
11
+ *
12
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
11
13
  *
12
14
  * 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.
13
15
  *
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import React from 'react';
6
6
  import { type CSSObject } from '@emotion/react';
7
7
  declare const ButtonBase: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.AllHTMLAttributes<HTMLElement>, "disabled">, "data-testid" | "data-has-overlay"> & {
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import React from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  export type ButtonGroupProps = {
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  import type { SplitButtonAppearance, SplitButtonContextAppearance, SplitButtonProps, SplitButtonSpacing } from './types';
@@ -5,7 +5,9 @@ export interface ButtonProps extends BaseProps {
5
5
  /**
6
6
  * __Button__
7
7
  *
8
- * CAUTION: Legacy buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new`.
8
+ * @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`
9
+ *
10
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
9
11
  *
10
12
  * A button triggers an event or action. They let users know what will happen next.
11
13
  *
@@ -2,6 +2,10 @@ import React from 'react';
2
2
  /**
3
3
  * __Custom theme button__
4
4
  *
5
+ * @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`
6
+ *
7
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
8
+ *
5
9
  * 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.
6
10
  *
7
11
  * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)
@@ -7,7 +7,9 @@ export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnPr
7
7
  /**
8
8
  * __Loading button__
9
9
  *
10
- * CAUTION: Legacy loading buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
10
+ * @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.
11
+ *
12
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
11
13
  *
12
14
  * 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.
13
15
  *
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import React from 'react';
6
6
  import { type CSSObject } from '@emotion/react';
7
7
  declare const ButtonBase: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.AllHTMLAttributes<HTMLElement>, "disabled">, "data-testid" | "data-has-overlay"> & {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "19.0.0",
3
+ "version": "19.1.0",
4
4
  "description": "A button triggers an event or action. They let users know what will happen next.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -132,7 +132,7 @@
132
132
  "@atlaskit/analytics-next": "^9.3.0",
133
133
  "@atlaskit/ds-lib": "^2.3.0",
134
134
  "@atlaskit/focus-ring": "^1.5.0",
135
- "@atlaskit/icon": "^22.6.0",
135
+ "@atlaskit/icon": "^22.7.0",
136
136
  "@atlaskit/interaction-context": "^2.1.0",
137
137
  "@atlaskit/platform-feature-flags": "^0.3.0",
138
138
  "@atlaskit/primitives": "^11.0.0",
@@ -183,9 +183,6 @@
183
183
  },
184
184
  "platform-component-visual-refresh": {
185
185
  "type": "boolean"
186
- },
187
- "platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw": {
188
- "type": "boolean"
189
186
  }
190
187
  }
191
188
  }