@atlaskit/button 18.4.1 → 19.0.0

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

@@ -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

@@ -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,9 @@
 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 { fg } from '@atlaskit/platform-feature-flags';
 import Pressable from '@atlaskit/primitives/pressable';
 import useDefaultButton from './use-default-button';
 /**
@@ -43,8 +43,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 +50,7 @@ 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 rest = fg('platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw') ? saferRest : unsafeRest;
   var baseProps = useDefaultButton({
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
@@ -80,9 +78,7 @@ 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

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

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

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

@@ -39,9 +39,7 @@ var useDefaultButton = function useDefaultButton(_ref) {
     ref = _ref.ref,
     shouldFitContainer = _ref.shouldFitContainer,
     spacing = _ref.spacing,
-    testId = _ref.testId,
-    UNSAFE_iconAfter_size = _ref.UNSAFE_iconAfter_size,
-    UNSAFE_iconBefore_size = _ref.UNSAFE_iconBefore_size;
+    testId = _ref.testId;
   var baseProps = useButtonBase({
     analyticsContext: analyticsContext,
     appearance: appearance,
@@ -54,8 +52,7 @@ var useDefaultButton = function useDefaultButton(_ref) {
       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 @@ var useDefaultButton = function useDefaultButton(_ref) {
       position: "after",
       isLoading: isLoading
     }, /*#__PURE__*/React.createElement(IconRenderer, {
-      icon: iconAfter,
-      size: UNSAFE_iconAfter_size
+      icon: iconAfter
     }))),
     interactionName: interactionName,
     isDisabled: isDisabled,

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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", "UNSAFE_size"],
+var _excluded = ["aria-label", "aria-labelledby", "analyticsContext", "appearance", "autoFocus", "icon", "interactionName", "isDisabled", "isLoading", "isSelected", "isTooltipDisabled", "label", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "shape", "spacing", "testId", "tooltip", "type"],
   _excluded2 = ["className", "css", "as", "style"];
 import React from 'react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -46,7 +46,6 @@ var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     tooltip = _ref.tooltip,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'button' : _ref$type,
-    UNSAFE_size = _ref.UNSAFE_size,
     unsafeRest = _objectWithoutProperties(_ref, _excluded);
   // @ts-expect-error
   var _className = unsafeRest.className,
@@ -85,8 +84,7 @@ var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     ref: ref,
     shape: shape,
     spacing: spacing,
-    testId: testId,
-    UNSAFE_size: UNSAFE_size
+    testId: testId
   });
   if (!isTooltipDisabled) {
     var _tooltip$content;

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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", "UNSAFE_size"],
+var _excluded = ["aria-label", "aria-labelledby", "analyticsContext", "appearance", "autoFocus", "href", "icon", "interactionName", "isDisabled", "isSelected", "isTooltipDisabled", "label", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "shape", "spacing", "testId", "tooltip"],
   _excluded2 = ["className", "css", "as", "style"];
 import React, { forwardRef, memo } from 'react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -35,7 +35,6 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
     spacing = _ref.spacing,
     testId = _ref.testId,
     tooltip = _ref.tooltip,
-    UNSAFE_size = _ref.UNSAFE_size,
     unsafeRest = _objectWithoutProperties(_ref, _excluded);
   // @ts-expect-error
   var _className = unsafeRest.className,
@@ -68,8 +67,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
     ref: ref,
     shape: shape,
     spacing: spacing,
-    testId: testId,
-    UNSAFE_size: UNSAFE_size
+    testId: testId
   });
   if (!isTooltipDisabled) {
     var _tooltip$content;

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

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

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

@@ -15,15 +15,12 @@ function isIconRenderProp(func) {
  *
  */
 var IconRenderer = function IconRenderer(_ref) {
-  var Icon = _ref.icon,
-    size = _ref.size;
+  var Icon = _ref.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/esm/new-button/variants/shared/use-button-base.js

@@ -549,7 +549,7 @@ var useButtonBase = function useButtonBase(_ref) {
   var isSplitButton = Boolean(splitButtonContext);
   var isNavigationSplitButton = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.isNavigationSplitButton) || false;
   var isDefaultAppearanceSplitButton = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.appearance) === 'default';
-  var appearance = isDefaultAppearanceSplitButton && fg('platform.design-system-team.component-visual-refresh_t8zbo') ? 'subtle' : (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.appearance) || propAppearance;
+  var appearance = isDefaultAppearanceSplitButton && fg('platform-component-visual-refresh') ? 'subtle' : (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.appearance) || propAppearance;
   var spacing = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.spacing) || propSpacing;
   var isDisabled = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.isDisabled) || propIsDisabled;
   var isInteractive = !isDisabled && !isLoading;
@@ -559,7 +559,7 @@ var useButtonBase = function useButtonBase(_ref) {
   useAutoFocus(localRef, autoFocus);
   return _objectSpread({
     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/esm/old-button/shared/button-base.js

@@ -125,7 +125,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "18.4.1",
+    packageVersion: "19.0.0",
     analyticsData: analyticsContext
   });
 

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

@@ -214,7 +214,7 @@ export function getCss(_ref3) {
     textDecoration: 'none',
     transition: 'background 0.1s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)',
     whiteSpace: 'nowrap'
-  }, !fg('platform.design-system-team.component-visual-refresh_t8zbo') && baseColors), {}, {
+  }, !fg('platform-component-visual-refresh') && baseColors), {}, {
     cursor: 'pointer',
     height: heights[spacing],
     lineHeight: lineHeights[spacing],
@@ -223,7 +223,7 @@ export function getCss(_ref3) {
     width: shouldFitContainer ? '100%' : 'auto',
     // justifyContent required for shouldFitContainer buttons with an icon inside
     justifyContent: 'center'
-  }, !fg('platform.design-system-team.component-visual-refresh_t8zbo') && _objectSpread(_objectSpread({
+  }, !fg('platform-component-visual-refresh') && _objectSpread(_objectSpread({
     // Disabling visited styles (just using the base colors)
     '&:visited': _objectSpread({}, baseColors),
     '&:hover': _objectSpread(_objectSpread({}, getColors({
@@ -272,7 +272,7 @@ export function getCss(_ref3) {
       key: isSelected ? 'selected' : 'default',
       mode: mode
     }))
-  })), fg('platform.design-system-team.component-visual-refresh_t8zbo') && (isSelected ? selectedStyles : _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, appearance === 'default' && defaultStyles), appearance === 'primary' && primaryStyles), appearance === 'link' && linkStyles), appearance === 'subtle' && subtleStyles), appearance === 'subtle-link' && subtleLinkStyles), appearance === 'warning' && warningStyles), appearance === 'danger' && dangerStyles), {}, {
+  })), fg('platform-component-visual-refresh') && (isSelected ? selectedStyles : _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, appearance === 'default' && defaultStyles), appearance === 'primary' && primaryStyles), appearance === 'link' && linkStyles), appearance === 'subtle' && subtleStyles), appearance === 'subtle-link' && subtleLinkStyles), appearance === 'warning' && warningStyles), appearance === 'danger' && dangerStyles), {}, {
     '&[disabled]': {
       color: "var(--ds-text-disabled, #091E424F)",
       backgroundColor: HAS_DISABLED_BACKGROUND.includes(appearance) ? "var(--ds-background-disabled, #091E4208)" : 'transparent',

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

@@ -4,14 +4,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { type Appearance } from '../old-button/types';
 export type ButtonGroupProps = {
-    /**
-     * The appearance to apply to all buttons.
-     *
-     * @deprecated This prop is deprecated and will be removed in an upcoming major version. Apply the `appearance` prop on each button instead.
-     */
-    appearance?: Appearance;
     /**
      * The buttons to render inside the button group.
      */
@@ -31,4 +24,4 @@ export type ButtonGroupProps = {
      */
     titleId?: string;
 };
-export default function ButtonGroup({ appearance, children, testId, label, titleId, }: ButtonGroupProps): jsx.JSX.Element;
+export default function ButtonGroup({ children, testId, label, titleId }: ButtonGroupProps): jsx.JSX.Element;

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

@@ -2,7 +2,7 @@ import { type Ref } from 'react';
 import { type AdditionalDefaultLinkVariantProps, type CommonLinkVariantProps } from '../types';
 import { type CommonDefaultButtonProps } from './types';
 export type LinkButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonDefaultButtonProps & CommonLinkVariantProps<RouterLinkConfig> & AdditionalDefaultLinkVariantProps;
-declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, appearance, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, autoFocus, children, href, iconAfter, iconBefore, interactionName, isDisabled, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, shouldFitContainer, spacing, testId, UNSAFE_iconAfter_size, UNSAFE_iconBefore_size, ...unsafeRest }: LinkButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
+declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, appearance, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, autoFocus, children, href, iconAfter, iconBefore, interactionName, isDisabled, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, shouldFitContainer, spacing, testId, ...unsafeRest }: LinkButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Link Button__
  *

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type ButtonSpacing, type IconProp, type IconSize } from '../types';
+import { type ButtonSpacing, type IconProp } from '../types';
 export type CommonDefaultButtonProps = {
     /**
      * Text content to be rendered in the button.
@@ -9,24 +9,10 @@ export type CommonDefaultButtonProps = {
      * Places an icon within the button, after the button's text.
      */
     iconAfter?: IconProp;
-    /**
-     * @deprecated Prefer `iconAfter` render prop for icon customizations.
-     *
-     * Set the size of the icon after. `medium` is default, so it does not need to be specified.
-     * This is UNSAFE as it will be removed in future in favor of a 100% bounded API
-     */
-    UNSAFE_iconAfter_size?: IconSize;
     /**
      * Places an icon within the button, before the button's text.
      */
     iconBefore?: IconProp;
-    /**
-     * @deprecated Prefer `iconBefore` render prop for icon customizations.
-     *
-     * Set the size of the icon before. `medium` is default, so it does not need to be specified.
-     * This is UNSAFE as it will be removed in future in favor of a 100% bounded API
-     */
-    UNSAFE_iconBefore_size?: IconSize;
     /**
      * Option to fit button width to its parent width.
      */

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

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

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

@@ -2,7 +2,7 @@ import { type Ref } from 'react';
 import { type CommonLinkVariantProps } from '../types';
 import { type CommonIconButtonProps } from './types';
 export type LinkIconButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonIconButtonProps & CommonLinkVariantProps<RouterLinkConfig>;
-declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ "aria-label": preventedAriaLabel, "aria-labelledby": ariaLabelledBy, analyticsContext, appearance, autoFocus, href, icon, interactionName, isDisabled, isSelected, isTooltipDisabled, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, shape, spacing, testId, tooltip, UNSAFE_size, ...unsafeRest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
+declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ "aria-label": preventedAriaLabel, "aria-labelledby": ariaLabelledBy, analyticsContext, appearance, autoFocus, href, icon, interactionName, isDisabled, isSelected, isTooltipDisabled, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, shape, spacing, testId, tooltip, ...unsafeRest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Link Icon Button__
  *

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type TooltipProps } from '@atlaskit/tooltip';
-import { type IconButtonAppearance, type IconButtonSpacing, type IconProp, type IconSize } from '../types';
+import { type IconButtonAppearance, type IconButtonSpacing, type IconProp } from '../types';
 export type CommonIconButtonProps = {
     'aria-label'?: never;
     /**
@@ -31,11 +31,4 @@ export type CommonIconButtonProps = {
      * Props passed down to the Tooltip component.
      */
     tooltip?: Partial<Omit<TooltipProps, 'children'>>;
-    /**
-     * @deprecated Prefer `icon` render prop for icon customizations.
-     *
-     * Set the size of the icon. `medium` is default, so it does not need to be specified.
-     * This is UNSAFE as it will be removed in future in favor of a 100% bounded API.
-     */
-    UNSAFE_size?: IconSize;
 };

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

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

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { type IconProps, type UNSAFE_NewIconProps } from '@atlaskit/icon/types';
 import { type IconProp } from '../types';
 /**
  * __Icon renderer__
@@ -7,8 +6,7 @@ import { type IconProp } from '../types';
  * Used to support render props with icons.
  *
  */
-declare const IconRenderer: ({ icon: Icon, size, }: {
+declare const IconRenderer: ({ icon: Icon }: {
     icon: IconProp;
-    size: IconProps['size'] | UNSAFE_NewIconProps['LEGACY_size'];
 }) => JSX.Element;
 export default IconRenderer;

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

@@ -4,14 +4,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { type Appearance } from '../old-button/types';
 export type ButtonGroupProps = {
-    /**
-     * The appearance to apply to all buttons.
-     *
-     * @deprecated This prop is deprecated and will be removed in an upcoming major version. Apply the `appearance` prop on each button instead.
-     */
-    appearance?: Appearance;
     /**
      * The buttons to render inside the button group.
      */
@@ -31,4 +24,4 @@ export type ButtonGroupProps = {
      */
     titleId?: string;
 };
-export default function ButtonGroup({ appearance, children, testId, label, titleId, }: ButtonGroupProps): jsx.JSX.Element;
+export default function ButtonGroup({ children, testId, label, titleId }: ButtonGroupProps): jsx.JSX.Element;

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

@@ -2,7 +2,7 @@ import { type Ref } from 'react';
 import { type AdditionalDefaultLinkVariantProps, type CommonLinkVariantProps } from '../types';
 import { type CommonDefaultButtonProps } from './types';
 export type LinkButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonDefaultButtonProps & CommonLinkVariantProps<RouterLinkConfig> & AdditionalDefaultLinkVariantProps;
-declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, appearance, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, autoFocus, children, href, iconAfter, iconBefore, interactionName, isDisabled, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, shouldFitContainer, spacing, testId, UNSAFE_iconAfter_size, UNSAFE_iconBefore_size, ...unsafeRest }: LinkButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
+declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, appearance, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, autoFocus, children, href, iconAfter, iconBefore, interactionName, isDisabled, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, shouldFitContainer, spacing, testId, ...unsafeRest }: LinkButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Link Button__
  *

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type ButtonSpacing, type IconProp, type IconSize } from '../types';
+import { type ButtonSpacing, type IconProp } from '../types';
 export type CommonDefaultButtonProps = {
     /**
      * Text content to be rendered in the button.
@@ -9,24 +9,10 @@ export type CommonDefaultButtonProps = {
      * Places an icon within the button, after the button's text.
      */
     iconAfter?: IconProp;
-    /**
-     * @deprecated Prefer `iconAfter` render prop for icon customizations.
-     *
-     * Set the size of the icon after. `medium` is default, so it does not need to be specified.
-     * This is UNSAFE as it will be removed in future in favor of a 100% bounded API
-     */
-    UNSAFE_iconAfter_size?: IconSize;
     /**
      * Places an icon within the button, before the button's text.
      */
     iconBefore?: IconProp;
-    /**
-     * @deprecated Prefer `iconBefore` render prop for icon customizations.
-     *
-     * Set the size of the icon before. `medium` is default, so it does not need to be specified.
-     * This is UNSAFE as it will be removed in future in favor of a 100% bounded API
-     */
-    UNSAFE_iconBefore_size?: IconSize;
     /**
      * Option to fit button width to its parent width.
      */

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

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

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

@@ -2,7 +2,7 @@ import { type Ref } from 'react';
 import { type CommonLinkVariantProps } from '../types';
 import { type CommonIconButtonProps } from './types';
 export type LinkIconButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonIconButtonProps & CommonLinkVariantProps<RouterLinkConfig>;
-declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ "aria-label": preventedAriaLabel, "aria-labelledby": ariaLabelledBy, analyticsContext, appearance, autoFocus, href, icon, interactionName, isDisabled, isSelected, isTooltipDisabled, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, shape, spacing, testId, tooltip, UNSAFE_size, ...unsafeRest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
+declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ "aria-label": preventedAriaLabel, "aria-labelledby": ariaLabelledBy, analyticsContext, appearance, autoFocus, href, icon, interactionName, isDisabled, isSelected, isTooltipDisabled, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, shape, spacing, testId, tooltip, ...unsafeRest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Link Icon Button__
  *

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type TooltipProps } from '@atlaskit/tooltip';
-import { type IconButtonAppearance, type IconButtonSpacing, type IconProp, type IconSize } from '../types';
+import { type IconButtonAppearance, type IconButtonSpacing, type IconProp } from '../types';
 export type CommonIconButtonProps = {
     'aria-label'?: never;
     /**
@@ -31,11 +31,4 @@ export type CommonIconButtonProps = {
      * Props passed down to the Tooltip component.
      */
     tooltip?: Partial<Omit<TooltipProps, 'children'>>;
-    /**
-     * @deprecated Prefer `icon` render prop for icon customizations.
-     *
-     * Set the size of the icon. `medium` is default, so it does not need to be specified.
-     * This is UNSAFE as it will be removed in future in favor of a 100% bounded API.
-     */
-    UNSAFE_size?: IconSize;
 };

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

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

package/dist/types-ts4.5/new-button/variants/shared/icon-renderer.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { type IconProps, type UNSAFE_NewIconProps } from '@atlaskit/icon/types';
 import { type IconProp } from '../types';
 /**
  * __Icon renderer__
@@ -7,8 +6,7 @@ import { type IconProp } from '../types';
  * Used to support render props with icons.
  *
  */
-declare const IconRenderer: ({ icon: Icon, size, }: {
+declare const IconRenderer: ({ icon: Icon }: {
     icon: IconProp;
-    size: IconProps['size'] | UNSAFE_NewIconProps['LEGACY_size'];
 }) => JSX.Element;
 export default IconRenderer;