@atlaskit/button 18.4.1 → 19.1.0

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
@@ -15,7 +15,6 @@ const buttonGroupStyles = css({
   }
 });
 export default function ButtonGroup({
-  appearance,
   children,
   testId,
   label,
@@ -33,11 +32,6 @@ export default function ButtonGroup({
     }
     return jsx(Fragment, {
       key: idx
-    }, appearance ?
-    /*#__PURE__*/
-    // eslint-disable-next-line @repo/internal/react/no-clone-element
-    React.cloneElement(child, {
-      appearance
-    }) : child);
+    }, child);
   }));
 }

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';
@@ -72,7 +72,7 @@ export const Divider = ({
   return (
     // I find it funny to provide a div for Divider
     jsx("div", {
-      css: [baseDividerStyles, dividerHeight[spacing], isDisabled && (fg('platform.design-system-team.component-visual-refresh_t8zbo') ? dividerDisabledRefreshedStyles : dividerDisabledStyles), !isDisabled && dividerAppearance[appearance], fg('platform.design-system-team.component-visual-refresh_t8zbo') && dividerRefreshedOffsetStyles]
+      css: [baseDividerStyles, dividerHeight[spacing], isDisabled && (fg('platform-component-visual-refresh') ? dividerDisabledRefreshedStyles : dividerDisabledStyles), !isDisabled && dividerAppearance[appearance], fg('platform-component-visual-refresh') && dividerRefreshedOffsetStyles]
     })
   );
 };
@@ -113,7 +113,7 @@ export const SplitButtonContainer = ({
   isDisabled = false
 }) => {
   return jsx("div", {
-    css: [appearance === 'default' && !isDisabled && fg('platform.design-system-team.component-visual-refresh_t8zbo') && defaultAppearanceContainerStyles, splitButtonStyles]
+    css: [appearance === 'default' && !isDisabled && fg('platform-component-visual-refresh') && defaultAppearanceContainerStyles, splitButtonStyles]
   }, children);
 };
 

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 { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Pressable from '@atlaskit/primitives/pressable';
 import useDefaultButton from './use-default-button';
 /**
@@ -39,8 +38,6 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
   spacing,
   testId,
   type = 'button',
-  UNSAFE_iconAfter_size,
-  UNSAFE_iconBefore_size,
   ...unsafeRest
 }, ref) {
   // @ts-expect-error
@@ -51,7 +48,6 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
     style: _style,
     ...saferRest
   } = unsafeRest;
-  const rest = getBooleanFF('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
   const baseProps = useDefaultButton({
     ariaLabel,
     ariaLabelledBy,
@@ -79,13 +75,11 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
     ref,
     shouldFitContainer,
     spacing,
-    testId,
-    UNSAFE_iconAfter_size,
-    UNSAFE_iconBefore_size
+    testId
   });
   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 { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Anchor from '@atlaskit/primitives/anchor';
 import useDefaultButton from './use-default-button';
 const LinkButtonBase = ({
@@ -29,8 +28,6 @@ const LinkButtonBase = ({
   shouldFitContainer,
   spacing,
   testId,
-  UNSAFE_iconAfter_size,
-  UNSAFE_iconBefore_size,
   ...unsafeRest
 }, ref) => {
   // @ts-expect-error
@@ -41,7 +38,6 @@ const LinkButtonBase = ({
     style: _style,
     ...saferRest
   } = unsafeRest;
-  const rest = getBooleanFF('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
   const baseProps = useDefaultButton({
     analyticsContext,
     appearance,
@@ -68,13 +64,11 @@ const LinkButtonBase = ({
     ref,
     shouldFitContainer,
     spacing,
-    testId,
-    UNSAFE_iconAfter_size,
-    UNSAFE_iconBefore_size
+    testId
   });
   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/default/use-default-button.js

@@ -38,9 +38,7 @@ const useDefaultButton = ({
   ref,
   shouldFitContainer,
   spacing,
-  testId,
-  UNSAFE_iconAfter_size,
-  UNSAFE_iconBefore_size
+  testId
 }) => {
   const baseProps = useButtonBase({
     analyticsContext,
@@ -54,8 +52,7 @@ const useDefaultButton = ({
       position: "before",
       isLoading: isLoading
     }, /*#__PURE__*/React.createElement(IconRenderer, {
-      icon: iconBefore,
-      size: UNSAFE_iconBefore_size
+      icon: iconBefore
     })), children && /*#__PURE__*/React.createElement(Content, {
       isLoading: isLoading
     }, children), iconAfter && /*#__PURE__*/React.createElement(Content, {
@@ -63,8 +60,7 @@ const useDefaultButton = ({
       position: "after",
       isLoading: isLoading
     }, /*#__PURE__*/React.createElement(IconRenderer, {
-      icon: iconAfter,
-      size: UNSAFE_iconAfter_size
+      icon: iconAfter
     }))),
     interactionName,
     isDisabled,

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';
@@ -42,7 +41,6 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   testId,
   tooltip,
   type = 'button',
-  UNSAFE_size,
   ...unsafeRest
 }, ref) {
   // @ts-expect-error
@@ -53,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'
@@ -84,8 +81,7 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     ref,
     shape,
     spacing,
-    testId,
-    UNSAFE_size
+    testId
   });
   if (!isTooltipDisabled) {
     var _tooltip$content;
@@ -104,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,
@@ -115,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
       ,
@@ -171,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';
@@ -32,7 +31,6 @@ const LinkIconButtonBase = ({
   spacing,
   testId,
   tooltip,
-  UNSAFE_size,
   ...unsafeRest
 }, ref) => {
   // @ts-expect-error
@@ -43,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,
@@ -68,8 +65,7 @@ const LinkIconButtonBase = ({
     ref,
     shape,
     spacing,
-    testId,
-    UNSAFE_size
+    testId
   });
   if (!isTooltipDisabled) {
     var _tooltip$content;
@@ -90,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",
@@ -99,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
       ,
@@ -165,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/new-button/variants/icon/use-icon-button.js

@@ -39,8 +39,7 @@ const useIconButton = ({
   shape,
   shouldFitContainer,
   spacing,
-  testId,
-  UNSAFE_size
+  testId
 }) => {
   const isCircle = shape === 'circle';
   const baseProps = useButtonBase({
@@ -54,8 +53,7 @@ const useIconButton = ({
       type: "icon",
       isLoading: isLoading
     }, /*#__PURE__*/React.createElement(IconRenderer, {
-      icon: icon,
-      size: UNSAFE_size
+      icon: icon
     }), /*#__PURE__*/React.createElement(VisuallyHidden, null, label)),
     interactionName,
     isDisabled,

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

@@ -15,16 +15,13 @@ function isIconRenderProp(func) {
  *
  */
 const IconRenderer = ({
-  icon: Icon,
-  size
+  icon: Icon
 }) => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, isIconRenderProp(Icon) ? Icon({
     label: '',
-    size: size,
     color: 'currentColor'
   }) : /*#__PURE__*/React.createElement(Icon, {
     label: "",
-    size: size,
     color: 'currentColor'
   }));
 };

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

@@ -538,7 +538,7 @@ const useButtonBase = ({
   const isSplitButton = Boolean(splitButtonContext);
   const isNavigationSplitButton = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.isNavigationSplitButton) || false;
   const isDefaultAppearanceSplitButton = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.appearance) === 'default';
-  const appearance = isDefaultAppearanceSplitButton && fg('platform.design-system-team.component-visual-refresh_t8zbo') ? 'subtle' : (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.appearance) || propAppearance;
+  const appearance = isDefaultAppearanceSplitButton && fg('platform-component-visual-refresh') ? 'subtle' : (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.appearance) || propAppearance;
   const spacing = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.spacing) || propSpacing;
   const isDisabled = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.isDisabled) || propIsDisabled;
   const isInteractive = !isDisabled && !isLoading;
@@ -548,7 +548,7 @@ const useButtonBase = ({
   useAutoFocus(localRef, autoFocus);
   return {
     ref: mergeRefs([localRef, ref]),
-    xcss: [fg('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedButtonStyles : hardCodedButtonStyles, buttonStyles, appearance === 'default' && (fg('platform.design-system-team.component-visual-refresh_t8zbo') ? defaultRefreshedStyles : defaultStyles), appearance === 'default' && isInteractive && (fg('platform.design-system-team.component-visual-refresh_t8zbo') ? defaultInteractiveRefreshedStyles : defaultInteractiveStyles), appearance === 'primary' && primaryStyles, appearance === 'primary' && isInteractive && primaryInteractiveStyles, appearance === 'warning' && warningStyles, appearance === 'warning' && isInteractive && warningInteractiveStyles, appearance === 'danger' && dangerStyles, appearance === 'danger' && isInteractive && dangerInteractiveStyles, appearance === 'discovery' && discoveryStyles, appearance === 'discovery' && isInteractive && discoveryInteractiveStyles, appearance === 'subtle' && (fg('platform.design-system-team.component-visual-refresh_t8zbo') ? subtleRefreshedStyles : subtleStyles), appearance === 'subtle' && isInteractive && (fg('platform.design-system-team.component-visual-refresh_t8zbo') ? subtleInteractiveRefreshedStyles : subtleInteractiveStyles), appearance === 'link' && linkStyles, appearance === 'subtle-link' && subtleLinkStyles, !isSelected && (appearance === 'link' || appearance === 'subtle-link') ? linkDecorationStyles : linkDecorationUnsetStyles, isSelected && (fg('platform.design-system-team.component-visual-refresh_t8zbo') ? selectedRefreshedStyles : selectedStyles), isSelected && isSplitButton && selectedInsideSplitButtonStyles, isSelected && isInteractive && selectedInteractiveStyles,
+    xcss: [fg('platform.design-system-team.button-tokenised-typography-styles') ? tokenizedButtonStyles : hardCodedButtonStyles, buttonStyles, appearance === 'default' && (fg('platform-component-visual-refresh') ? defaultRefreshedStyles : defaultStyles), appearance === 'default' && isInteractive && (fg('platform-component-visual-refresh') ? defaultInteractiveRefreshedStyles : defaultInteractiveStyles), appearance === 'primary' && primaryStyles, appearance === 'primary' && isInteractive && primaryInteractiveStyles, appearance === 'warning' && warningStyles, appearance === 'warning' && isInteractive && warningInteractiveStyles, appearance === 'danger' && dangerStyles, appearance === 'danger' && isInteractive && dangerInteractiveStyles, appearance === 'discovery' && discoveryStyles, appearance === 'discovery' && isInteractive && discoveryInteractiveStyles, appearance === 'subtle' && (fg('platform-component-visual-refresh') ? subtleRefreshedStyles : subtleStyles), appearance === 'subtle' && isInteractive && (fg('platform-component-visual-refresh') ? subtleInteractiveRefreshedStyles : subtleInteractiveStyles), appearance === 'link' && linkStyles, appearance === 'subtle-link' && subtleLinkStyles, !isSelected && (appearance === 'link' || appearance === 'subtle-link') ? linkDecorationStyles : linkDecorationUnsetStyles, isSelected && (fg('platform-component-visual-refresh') ? selectedRefreshedStyles : selectedStyles), isSelected && isSplitButton && selectedInsideSplitButtonStyles, isSelected && isInteractive && selectedInteractiveStyles,
     // TODO: remove me once we kill color fallbacks
     isSelected && appearance === 'danger' && selectedDangerStyles,
     // TODO: remove me once we kill color fallbacks

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: "18.4.1",
+    packageVersion: "19.1.0",
     analyticsData: analyticsContext
   });
 

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

@@ -217,7 +217,7 @@ export function getCss({
     transition: 'background 0.1s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)',
     whiteSpace: 'nowrap',
     // dynamic styles
-    ...(!fg('platform.design-system-team.component-visual-refresh_t8zbo') && baseColors),
+    ...(!fg('platform-component-visual-refresh') && baseColors),
     cursor: 'pointer',
     height: heights[spacing],
     lineHeight: lineHeights[spacing],
@@ -229,7 +229,7 @@ export function getCss({
     // Note: we cannot disable pointer events when there is an overlay.
     // That would be easy for styling, but it would start letting events through on disabled buttons
 
-    ...(!fg('platform.design-system-team.component-visual-refresh_t8zbo') && {
+    ...(!fg('platform-component-visual-refresh') && {
       // Disabling visited styles (just using the base colors)
       '&:visited': {
         ...baseColors
@@ -289,7 +289,7 @@ export function getCss({
       }
     }),
     // dynamic colours for visual refresh:
-    ...(fg('platform.design-system-team.component-visual-refresh_t8zbo') && (isSelected ? selectedStyles : {
+    ...(fg('platform-component-visual-refresh') && (isSelected ? selectedStyles : {
       ...(appearance === 'default' && defaultStyles),
       ...(appearance === 'primary' && primaryStyles),
       ...(appearance === 'link' && linkStyles),

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
@@ -15,8 +15,7 @@ var buttonGroupStyles = css({
   }
 });
 export default function ButtonGroup(_ref) {
-  var appearance = _ref.appearance,
-    children = _ref.children,
+  var children = _ref.children,
     testId = _ref.testId,
     label = _ref.label,
     titleId = _ref.titleId;
@@ -32,11 +31,6 @@ export default function ButtonGroup(_ref) {
     }
     return jsx(Fragment, {
       key: idx
-    }, appearance ?
-    /*#__PURE__*/
-    // eslint-disable-next-line @repo/internal/react/no-clone-element
-    React.cloneElement(child, {
-      appearance: appearance
-    }) : child);
+    }, child);
   }));
 }

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';
@@ -72,7 +72,7 @@ export var Divider = function Divider(_ref) {
   return (
     // I find it funny to provide a div for Divider
     jsx("div", {
-      css: [baseDividerStyles, dividerHeight[spacing], isDisabled && (fg('platform.design-system-team.component-visual-refresh_t8zbo') ? dividerDisabledRefreshedStyles : dividerDisabledStyles), !isDisabled && dividerAppearance[appearance], fg('platform.design-system-team.component-visual-refresh_t8zbo') && dividerRefreshedOffsetStyles]
+      css: [baseDividerStyles, dividerHeight[spacing], isDisabled && (fg('platform-component-visual-refresh') ? dividerDisabledRefreshedStyles : dividerDisabledStyles), !isDisabled && dividerAppearance[appearance], fg('platform-component-visual-refresh') && dividerRefreshedOffsetStyles]
     })
   );
 };
@@ -113,7 +113,7 @@ export var SplitButtonContainer = function SplitButtonContainer(_ref2) {
     _ref2$isDisabled = _ref2.isDisabled,
     isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled;
   return jsx("div", {
-    css: [appearance === 'default' && !isDisabled && fg('platform.design-system-team.component-visual-refresh_t8zbo') && defaultAppearanceContainerStyles, splitButtonStyles]
+    css: [appearance === 'default' && !isDisabled && fg('platform-component-visual-refresh') && defaultAppearanceContainerStyles, splitButtonStyles]
   }, children);
 };
 

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

@@ -1,9 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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", "UNSAFE_iconAfter_size", "UNSAFE_iconBefore_size"],
+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 { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Pressable from '@atlaskit/primitives/pressable';
 import useDefaultButton from './use-default-button';
 /**
@@ -43,8 +42,6 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function But
     testId = _ref.testId,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'button' : _ref$type,
-    UNSAFE_iconAfter_size = _ref.UNSAFE_iconAfter_size,
-    UNSAFE_iconBefore_size = _ref.UNSAFE_iconBefore_size,
     unsafeRest = _objectWithoutProperties(_ref, _excluded);
   // @ts-expect-error
   var _className = unsafeRest.className,
@@ -52,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 = getBooleanFF('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
   var baseProps = useDefaultButton({
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
@@ -80,13 +76,11 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function But
     ref: ref,
     shouldFitContainer: shouldFitContainer,
     spacing: spacing,
-    testId: testId,
-    UNSAFE_iconAfter_size: UNSAFE_iconAfter_size,
-    UNSAFE_iconBefore_size: UNSAFE_iconBefore_size
+    testId: testId
   });
   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,