@atlaskit/button 18.4.1 → 19.1.0

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

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

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

@@ -1,17 +1,10 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @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/containers/split-button/split-button.d.ts

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

package/dist/types-ts4.5/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;

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

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

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

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

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

@@ -7,7 +7,9 @@ export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnPr
 /**
  * __Loading button__
  *
- * CAUTION: Legacy loading buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
+ * @deprecated Legacy loading buttons are deprecated and will be removed from `atlaskit/button` in an upcoming major release. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
+ *
+ * Please refer to the [migration guide](https://atlassian.design/components/button/button-legacy/migration-guide) for further details.
  *
  * A small wrapper around Button that allows you to show an @atlaskit/spinner as an overlay on the button when you set an isLoading prop to true.
  *

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/button",
-	"version": "18.4.1",
+	"version": "19.1.0",
 	"description": "A button triggers an event or action. They let users know what will happen next.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -132,13 +132,13 @@
 		"@atlaskit/analytics-next": "^9.3.0",
 		"@atlaskit/ds-lib": "^2.3.0",
 		"@atlaskit/focus-ring": "^1.5.0",
-		"@atlaskit/icon": "^22.6.0",
+		"@atlaskit/icon": "^22.7.0",
 		"@atlaskit/interaction-context": "^2.1.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^11.0.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.54.0",
+		"@atlaskit/tokens": "^1.56.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@atlaskit/visually-hidden": "^1.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -176,35 +176,12 @@
 		"typescript": "~5.4.2",
 		"wait-for-expect": "^1.2.0"
 	},
-	"techstack": {
-		"@atlassian/frontend": {
-			"import-structure": "atlassian-conventions"
-		},
-		"@repo/internal": {
-			"dom-events": "use-bind-event-listener",
-			"design-system": "v1",
-			"ui-components": "lite-mode",
-			"analytics": "analytics-next",
-			"design-tokens": [
-				"color",
-				"spacing"
-			],
-			"deprecation": "no-deprecated-imports",
-			"styling": [
-				"emotion",
-				"static"
-			]
-		}
-	},
 	"homepage": "https://atlassian.design/components/button/",
 	"platform-feature-flags": {
 		"platform.design-system-team.button-tokenised-typography-styles": {
 			"type": "boolean"
 		},
-		"platform.design-system-team.component-visual-refresh_t8zbo": {
-			"type": "boolean"
-		},
-		"platform.design-system-team.remove-unsafe-spread-from-new-button_a2xhw": {
+		"platform-component-visual-refresh": {
 			"type": "boolean"
 		}
 	}