@atlaskit/button 20.4.1 → 20.5.0

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

@@ -1,8 +1,8 @@
-import { type Ref } from 'react';
+import React, { 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, ...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>) => React.JSX.Element;
 /**
  * __Link Button__
  *

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

@@ -1,8 +1,8 @@
-import { type Ref } from 'react';
+import React, { 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, ...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>) => React.JSX.Element;
 /**
  * __Link Icon Button__
  *

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

@@ -10,5 +10,5 @@ type ContentProps = {
  *
  * Used for slots within a Button, including icons and text content.
  */
-declare const Content: ({ children, type, isLoading, position }: ContentProps) => JSX.Element;
+declare const Content: ({ children, type, isLoading, position }: ContentProps) => React.JSX.Element;
 export default Content;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type IconProp } from '../types';
 /**
  * __Icon renderer__
@@ -8,5 +8,5 @@ import { type IconProp } from '../types';
  */
 declare const IconRenderer: ({ icon: Icon }: {
     icon: IconProp;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default IconRenderer;

package/dist/types/new-button/variants/shared/loading-overlay.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type Appearance, type ButtonSpacing } from '../types';
 export default function renderLoadingOverlay({ appearance, spacing, isDisabled, isSelected, testId, }: {
     spacing?: ButtonSpacing;
@@ -6,4 +6,4 @@ export default function renderLoadingOverlay({ appearance, spacing, isDisabled,
     isDisabled?: boolean;
     isSelected?: boolean;
     testId?: string;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { type BaseProps } from '../types';
 type LoadingSpinnerProps = Pick<BaseProps, 'appearance' | 'isDisabled' | 'isSelected' | 'spacing'>;
-export default function LoadingSpinner({ appearance, isDisabled, isSelected, spacing, }: LoadingSpinnerProps): JSX.Element;
+export default function LoadingSpinner({ appearance, isDisabled, isSelected, spacing, }: LoadingSpinnerProps): React.JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
 export declare const getActions: (children: ReactNode) => {
-    PrimaryAction: string | number | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal;
-    SecondaryAction: string | number | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal;
+    PrimaryAction: string | number | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal;
+    SecondaryAction: string | number | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal;
 };

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

@@ -1,8 +1,8 @@
-import { type Ref } from 'react';
+import React, { 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, ...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>) => React.JSX.Element;
 /**
  * __Link Button__
  *

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

@@ -1,8 +1,8 @@
-import { type Ref } from 'react';
+import React, { 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, ...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>) => React.JSX.Element;
 /**
  * __Link Icon Button__
  *

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

@@ -10,5 +10,5 @@ type ContentProps = {
  *
  * Used for slots within a Button, including icons and text content.
  */
-declare const Content: ({ children, type, isLoading, position }: ContentProps) => JSX.Element;
+declare const Content: ({ children, type, isLoading, position }: ContentProps) => React.JSX.Element;
 export default Content;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type IconProp } from '../types';
 /**
  * __Icon renderer__
@@ -8,5 +8,5 @@ import { type IconProp } from '../types';
  */
 declare const IconRenderer: ({ icon: Icon }: {
     icon: IconProp;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default IconRenderer;

package/dist/types-ts4.5/new-button/variants/shared/loading-overlay.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type Appearance, type ButtonSpacing } from '../types';
 export default function renderLoadingOverlay({ appearance, spacing, isDisabled, isSelected, testId, }: {
     spacing?: ButtonSpacing;
@@ -6,4 +6,4 @@ export default function renderLoadingOverlay({ appearance, spacing, isDisabled,
     isDisabled?: boolean;
     isSelected?: boolean;
     testId?: string;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { type BaseProps } from '../types';
 type LoadingSpinnerProps = Pick<BaseProps, 'appearance' | 'isDisabled' | 'isSelected' | 'spacing'>;
-export default function LoadingSpinner({ appearance, isDisabled, isSelected, spacing, }: LoadingSpinnerProps): JSX.Element;
+export default function LoadingSpinner({ appearance, isDisabled, isSelected, spacing, }: LoadingSpinnerProps): React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/button",
-	"version": "20.4.1",
+	"version": "20.5.0",
 	"description": "A button triggers an event or action. They let users know what will happen next.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -123,17 +123,18 @@
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"ast-types": "^0.13.3",
-		"bind-event-listener": "^3.0.0",
 		"jscodeshift": "^0.13.0",
 		"lodash": "^4.17.21",
 		"react-dom": "^18.2.0",
-		"storybook-addon-performance": "^0.17.3",
 		"typescript": "~5.4.2"
 	},
 	"homepage": "https://atlassian.design/components/button/",
 	"platform-feature-flags": {
 		"platform-component-visual-refresh": {
 			"type": "boolean"
+		},
+		"platform_dst_button_replace_em_with_rem": {
+			"type": "boolean"
 		}
 	}
 }

package/codemods/15.0.0-lite-mode.tsx

@@ -1,45 +0,0 @@
-import { type API, type FileInfo, type Options } from 'jscodeshift';
-import { type Collection } from 'jscodeshift/src/Collection';
-
-import { changeType, transformButton } from './helpers/15.0.0-runner';
-import {
-	getDefaultSpecifierName,
-	type Nullable,
-	shiftDefaultImport,
-} from './helpers/helpers-generic';
-
-export default function transformer(file: FileInfo, { jscodeshift: j }: API, options: Options) {
-	return transformButton({
-		file,
-		j,
-		custom: (base: Collection<any>) => {
-			changeType({
-				j,
-				base,
-				oldName: 'ButtonProps',
-				newName: 'CustomThemeButtonProps',
-				fallbackNameAlias: 'DSCustomThemeButtonProps',
-			});
-
-			const defaultName: Nullable<string> = getDefaultSpecifierName({
-				j,
-				base,
-				packageName: '@atlaskit/button',
-			});
-			if (defaultName == null) {
-				return;
-			}
-
-			shiftDefaultImport({
-				j,
-				base,
-				defaultName,
-				oldPackagePath: '@atlaskit/button',
-				newPackagePath: '@atlaskit/button/custom-theme-button',
-			});
-		},
-	});
-}
-
-// Note: not exporting a 'parser' because doing so
-// will prevent consumers overriding it