@atlaskit/button 17.17.2 → 17.18.0

package/dist/types/entry-points/loading-button.d.ts

@@ -1,2 +1,2 @@
 export { default } from '../old-button/loading-button';
-export type { LoadingButtonProps, LoadingButtonOwnProps, } from '../old-button/loading-button';
+export type { LoadingButtonProps, LoadingButtonOwnProps } from '../old-button/loading-button';

package/dist/types/entry-points/new.d.ts

@@ -1,6 +1,6 @@
-export { default, type ButtonProps, } from '../new-button/variants/default/button';
-export { default as LinkButton, type LinkButtonProps, } from '../new-button/variants/default/link';
-export { default as IconButton, type IconButtonProps, } from '../new-button/variants/icon/button';
+export { default, type ButtonProps } from '../new-button/variants/default/button';
+export { default as LinkButton, type LinkButtonProps } from '../new-button/variants/default/link';
+export { default as IconButton, type IconButtonProps } from '../new-button/variants/icon/button';
 export { default as LinkIconButton, type LinkIconButtonProps, } from '../new-button/variants/icon/link';
 export { SplitButton } from '../new-button/containers/split-button';
 export type { Appearance, Spacing } from '../new-button/variants/types';

package/dist/types/entry-points/types.d.ts

@@ -1,4 +1,4 @@
-export type { Appearance, Spacing, BaseOwnProps, BaseProps, } from '../old-button/types';
+export type { Appearance, Spacing, BaseOwnProps, BaseProps } from '../old-button/types';
 export type { ButtonProps } from './standard-button';
-export type { LoadingButtonProps, LoadingButtonOwnProps, } from './loading-button';
+export type { LoadingButtonProps, LoadingButtonOwnProps } from './loading-button';
 export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from './custom-theme-button';

package/dist/types/index.d.ts

@@ -1,9 +1,9 @@
-export type { Appearance, Spacing, BaseOwnProps, BaseProps, } from './entry-points/types';
+export type { Appearance, Spacing, BaseOwnProps, BaseProps } from './entry-points/types';
 export { default, } from './entry-points/standard-button';
 export type { ButtonProps } from './entry-points/standard-button';
 export { default as LoadingButton } from './entry-points/loading-button';
-export type { LoadingButtonProps, LoadingButtonOwnProps, } from './entry-points/loading-button';
-export { default as CustomThemeButton, Theme, } from './entry-points/custom-theme-button';
+export type { LoadingButtonProps, LoadingButtonOwnProps } from './entry-points/loading-button';
+export { default as CustomThemeButton, Theme } from './entry-points/custom-theme-button';
 export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from './entry-points/custom-theme-button';
 export { default as ButtonGroup } from './entry-points/button-group';
 export type { ButtonGroupProps } from './entry-points/button-group';

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, autoFocus, children, href, iconAfter, iconBefore, interactionName, isDisabled, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, shouldFitContainer, spacing, testId, UNSAFE_iconAfter_size, UNSAFE_iconBefore_size, ...rest }: 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, overlay, shouldFitContainer, spacing, testId, UNSAFE_iconAfter_size, UNSAFE_iconBefore_size, ...rest }: LinkButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Link Button__
  *

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

@@ -2,7 +2,7 @@
 import { type ButtonSpacing, type IconProp, type IconSize } from '../types';
 export type CommonDefaultButtonProps = {
     /**
-     * Text content to be rendered in the button. Required so that screen readers always have an accessible label provided for the button.
+     * Text content to be rendered in the button.
      */
     children: React.ReactNode;
     /**

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

@@ -1,6 +1,7 @@
 import { type UseButtonBaseArgs, type UseButtonBaseReturn } from '../shared/use-button-base';
-import { type CommonDefaultButtonProps } from './types';
-type UseDefaultButtonArgs<TagName extends HTMLElement> = UseButtonBaseArgs<TagName> & CommonDefaultButtonProps;
+import type { CommonButtonProps } from '../types';
+import type { CommonDefaultButtonProps } from './types';
+type UseDefaultButtonArgs<TagName extends HTMLElement> = UseButtonBaseArgs<TagName> & CommonDefaultButtonProps & Pick<CommonButtonProps<TagName>, 'testId'>;
 type UseButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>;
 /**
  * __Use default button base__
@@ -11,5 +12,5 @@ type UseButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>
  *
  * @private
  */
-declare const useDefaultButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, children, iconAfter: IconAfter, iconBefore: IconBefore, interactionName, isDisabled, isLoading, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shouldFitContainer, spacing, UNSAFE_iconAfter_size, UNSAFE_iconBefore_size, }: UseDefaultButtonArgs<TagName>) => UseButtonReturn<TagName>;
+declare const useDefaultButton: <TagName extends HTMLElement>({ analyticsContext, appearance, ariaLabel, ariaLabelledBy, autoFocus, buttonType, children, iconAfter: IconAfter, iconBefore: IconBefore, interactionName, isDisabled, isLoading, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shouldFitContainer, spacing, testId, UNSAFE_iconAfter_size, UNSAFE_iconBefore_size, }: 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, analyticsContext, appearance, autoFocus, href, icon, interactionName, isDisabled, isSelected, isTooltipDisabled, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, shape, spacing, testId, tooltip, UNSAFE_size, ...rest }: 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, overlay, shape, spacing, testId, tooltip, UNSAFE_size, ...rest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Link Icon Button__
  *

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

@@ -1,6 +1,7 @@
 import { type UseButtonBaseArgs, type UseButtonBaseReturn } from '../shared/use-button-base';
-import { type CommonIconButtonProps } from './types';
-type UseIconButtonArgs<TagName extends HTMLElement> = Omit<UseButtonBaseArgs<TagName>, 'children'> & Omit<CommonIconButtonProps, 'isTooltipDisabled' | 'tooltip'>;
+import type { CommonButtonProps } from '../types';
+import type { CommonIconButtonProps } from './types';
+type UseIconButtonArgs<TagName extends HTMLElement> = Omit<UseButtonBaseArgs<TagName>, 'children'> & Omit<CommonIconButtonProps, 'isTooltipDisabled' | 'tooltip'> & Pick<CommonButtonProps<TagName>, 'testId'>;
 type UseIconButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>;
 /**
  * __Use icon button__
@@ -11,5 +12,5 @@ type UseIconButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagN
  *
  * @private
  */
-declare const useIconButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, icon: Icon, interactionName, isDisabled, isLoading, isSelected, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shape, shouldFitContainer, spacing, UNSAFE_size, }: UseIconButtonArgs<TagName>) => UseIconButtonReturn<TagName>;
+declare const useIconButton: <TagName extends HTMLElement>({ analyticsContext, appearance, ariaLabel, ariaLabelledBy, autoFocus, buttonType, icon: Icon, interactionName, isDisabled, isLoading, isSelected, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shape, shouldFitContainer, spacing, testId, UNSAFE_size, }: UseIconButtonArgs<TagName>) => UseIconButtonReturn<TagName>;
 export default useIconButton;

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

@@ -0,0 +1 @@
+export declare const LOADING_LABEL = ", Loading";

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

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

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

@@ -17,6 +17,8 @@ export type UseButtonBaseArgs<TagName extends HTMLElement> = {
     children: React.ReactNode;
     spacing?: Spacing;
     isLoading?: boolean;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
 } & Pick<CommonButtonProps<TagName>, 'analyticsContext' | 'autoFocus' | 'interactionName' | 'isDisabled' | 'isSelected' | 'overlay'> & ControlledEvents<TagName>;
 type XCSS = ReturnType<typeof xcss>;
 export type UseButtonBaseReturn<TagName extends HTMLElement> = {
@@ -24,6 +26,8 @@ export type UseButtonBaseReturn<TagName extends HTMLElement> = {
     ref(node: TagName | null): void;
     children: React.ReactNode;
     isDisabled: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 } & ControlledEvents<TagName>;
 /**
  * __Use button base__
@@ -38,5 +42,5 @@ export type UseButtonBaseReturn<TagName extends HTMLElement> = {
  *
  * @private
  */
-declare const useButtonBase: <TagName extends HTMLElement>({ appearance: propAppearance, autoFocus, isDisabled: propIsDisabled, isLoading, isSelected, isIconButton, isCircle, hasIconBefore, hasIconAfter, children, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing: propSpacing, }: UseButtonBaseArgs<TagName>) => UseButtonBaseReturn<TagName>;
+declare const useButtonBase: <TagName extends HTMLElement>({ appearance: propAppearance, autoFocus, isDisabled: propIsDisabled, isLoading, isSelected, isIconButton, isCircle, hasIconBefore, hasIconAfter, children, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing: propSpacing, ariaLabel, ariaLabelledBy, }: UseButtonBaseArgs<TagName>) => UseButtonBaseReturn<TagName>;
 export default useButtonBase;

package/dist/types/new.d.ts

@@ -1,6 +1,6 @@
-export { default, type ButtonProps, } from './new-button/variants/default/button';
-export { default as LinkButton, type LinkButtonProps, } from './new-button/variants/default/link';
-export { default as IconButton, type IconButtonProps, } from './new-button/variants/icon/button';
+export { default, type ButtonProps } from './new-button/variants/default/button';
+export { default as LinkButton, type LinkButtonProps } from './new-button/variants/default/link';
+export { default as IconButton, type IconButtonProps } from './new-button/variants/icon/button';
 export { default as LinkIconButton, type LinkIconButtonProps, } from './new-button/variants/icon/link';
 export { SplitButton } from './new-button/containers/split-button';
 export type { Appearance, Spacing } from './new-button/variants/types';

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

@@ -1,2 +1,2 @@
 export { default } from '../old-button/loading-button';
-export type { LoadingButtonProps, LoadingButtonOwnProps, } from '../old-button/loading-button';
+export type { LoadingButtonProps, LoadingButtonOwnProps } from '../old-button/loading-button';

package/dist/types-ts4.5/entry-points/new.d.ts

@@ -1,6 +1,6 @@
-export { default, type ButtonProps, } from '../new-button/variants/default/button';
-export { default as LinkButton, type LinkButtonProps, } from '../new-button/variants/default/link';
-export { default as IconButton, type IconButtonProps, } from '../new-button/variants/icon/button';
+export { default, type ButtonProps } from '../new-button/variants/default/button';
+export { default as LinkButton, type LinkButtonProps } from '../new-button/variants/default/link';
+export { default as IconButton, type IconButtonProps } from '../new-button/variants/icon/button';
 export { default as LinkIconButton, type LinkIconButtonProps, } from '../new-button/variants/icon/link';
 export { SplitButton } from '../new-button/containers/split-button';
 export type { Appearance, Spacing } from '../new-button/variants/types';

package/dist/types-ts4.5/entry-points/types.d.ts

@@ -1,4 +1,4 @@
-export type { Appearance, Spacing, BaseOwnProps, BaseProps, } from '../old-button/types';
+export type { Appearance, Spacing, BaseOwnProps, BaseProps } from '../old-button/types';
 export type { ButtonProps } from './standard-button';
-export type { LoadingButtonProps, LoadingButtonOwnProps, } from './loading-button';
+export type { LoadingButtonProps, LoadingButtonOwnProps } from './loading-button';
 export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from './custom-theme-button';

package/dist/types-ts4.5/index.d.ts

@@ -1,9 +1,9 @@
-export type { Appearance, Spacing, BaseOwnProps, BaseProps, } from './entry-points/types';
+export type { Appearance, Spacing, BaseOwnProps, BaseProps } from './entry-points/types';
 export { default, } from './entry-points/standard-button';
 export type { ButtonProps } from './entry-points/standard-button';
 export { default as LoadingButton } from './entry-points/loading-button';
-export type { LoadingButtonProps, LoadingButtonOwnProps, } from './entry-points/loading-button';
-export { default as CustomThemeButton, Theme, } from './entry-points/custom-theme-button';
+export type { LoadingButtonProps, LoadingButtonOwnProps } from './entry-points/loading-button';
+export { default as CustomThemeButton, Theme } from './entry-points/custom-theme-button';
 export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from './entry-points/custom-theme-button';
 export { default as ButtonGroup } from './entry-points/button-group';
 export type { ButtonGroupProps } from './entry-points/button-group';

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, autoFocus, children, href, iconAfter, iconBefore, interactionName, isDisabled, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, shouldFitContainer, spacing, testId, UNSAFE_iconAfter_size, UNSAFE_iconBefore_size, ...rest }: 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, overlay, shouldFitContainer, spacing, testId, UNSAFE_iconAfter_size, UNSAFE_iconBefore_size, ...rest }: LinkButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Link Button__
  *

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

@@ -2,7 +2,7 @@
 import { type ButtonSpacing, type IconProp, type IconSize } from '../types';
 export type CommonDefaultButtonProps = {
     /**
-     * Text content to be rendered in the button. Required so that screen readers always have an accessible label provided for the button.
+     * Text content to be rendered in the button.
      */
     children: React.ReactNode;
     /**

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

@@ -1,6 +1,7 @@
 import { type UseButtonBaseArgs, type UseButtonBaseReturn } from '../shared/use-button-base';
-import { type CommonDefaultButtonProps } from './types';
-type UseDefaultButtonArgs<TagName extends HTMLElement> = UseButtonBaseArgs<TagName> & CommonDefaultButtonProps;
+import type { CommonButtonProps } from '../types';
+import type { CommonDefaultButtonProps } from './types';
+type UseDefaultButtonArgs<TagName extends HTMLElement> = UseButtonBaseArgs<TagName> & CommonDefaultButtonProps & Pick<CommonButtonProps<TagName>, 'testId'>;
 type UseButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>;
 /**
  * __Use default button base__
@@ -11,5 +12,5 @@ type UseButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>
  *
  * @private
  */
-declare const useDefaultButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, children, iconAfter: IconAfter, iconBefore: IconBefore, interactionName, isDisabled, isLoading, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shouldFitContainer, spacing, UNSAFE_iconAfter_size, UNSAFE_iconBefore_size, }: UseDefaultButtonArgs<TagName>) => UseButtonReturn<TagName>;
+declare const useDefaultButton: <TagName extends HTMLElement>({ analyticsContext, appearance, ariaLabel, ariaLabelledBy, autoFocus, buttonType, children, iconAfter: IconAfter, iconBefore: IconBefore, interactionName, isDisabled, isLoading, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shouldFitContainer, spacing, testId, UNSAFE_iconAfter_size, UNSAFE_iconBefore_size, }: 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, analyticsContext, appearance, autoFocus, href, icon, interactionName, isDisabled, isSelected, isTooltipDisabled, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, shape, spacing, testId, tooltip, UNSAFE_size, ...rest }: 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, overlay, shape, spacing, testId, tooltip, UNSAFE_size, ...rest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Link Icon Button__
  *

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

@@ -1,6 +1,7 @@
 import { type UseButtonBaseArgs, type UseButtonBaseReturn } from '../shared/use-button-base';
-import { type CommonIconButtonProps } from './types';
-type UseIconButtonArgs<TagName extends HTMLElement> = Omit<UseButtonBaseArgs<TagName>, 'children'> & Omit<CommonIconButtonProps, 'isTooltipDisabled' | 'tooltip'>;
+import type { CommonButtonProps } from '../types';
+import type { CommonIconButtonProps } from './types';
+type UseIconButtonArgs<TagName extends HTMLElement> = Omit<UseButtonBaseArgs<TagName>, 'children'> & Omit<CommonIconButtonProps, 'isTooltipDisabled' | 'tooltip'> & Pick<CommonButtonProps<TagName>, 'testId'>;
 type UseIconButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>;
 /**
  * __Use icon button__
@@ -11,5 +12,5 @@ type UseIconButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagN
  *
  * @private
  */
-declare const useIconButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, icon: Icon, interactionName, isDisabled, isLoading, isSelected, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shape, shouldFitContainer, spacing, UNSAFE_size, }: UseIconButtonArgs<TagName>) => UseIconButtonReturn<TagName>;
+declare const useIconButton: <TagName extends HTMLElement>({ analyticsContext, appearance, ariaLabel, ariaLabelledBy, autoFocus, buttonType, icon: Icon, interactionName, isDisabled, isLoading, isSelected, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shape, shouldFitContainer, spacing, testId, UNSAFE_size, }: UseIconButtonArgs<TagName>) => UseIconButtonReturn<TagName>;
 export default useIconButton;

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

@@ -0,0 +1 @@
+export declare const LOADING_LABEL = ", Loading";

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

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

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

@@ -17,6 +17,8 @@ export type UseButtonBaseArgs<TagName extends HTMLElement> = {
     children: React.ReactNode;
     spacing?: Spacing;
     isLoading?: boolean;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
 } & Pick<CommonButtonProps<TagName>, 'analyticsContext' | 'autoFocus' | 'interactionName' | 'isDisabled' | 'isSelected' | 'overlay'> & ControlledEvents<TagName>;
 type XCSS = ReturnType<typeof xcss>;
 export type UseButtonBaseReturn<TagName extends HTMLElement> = {
@@ -24,6 +26,8 @@ export type UseButtonBaseReturn<TagName extends HTMLElement> = {
     ref(node: TagName | null): void;
     children: React.ReactNode;
     isDisabled: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 } & ControlledEvents<TagName>;
 /**
  * __Use button base__
@@ -38,5 +42,5 @@ export type UseButtonBaseReturn<TagName extends HTMLElement> = {
  *
  * @private
  */
-declare const useButtonBase: <TagName extends HTMLElement>({ appearance: propAppearance, autoFocus, isDisabled: propIsDisabled, isLoading, isSelected, isIconButton, isCircle, hasIconBefore, hasIconAfter, children, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing: propSpacing, }: UseButtonBaseArgs<TagName>) => UseButtonBaseReturn<TagName>;
+declare const useButtonBase: <TagName extends HTMLElement>({ appearance: propAppearance, autoFocus, isDisabled: propIsDisabled, isLoading, isSelected, isIconButton, isCircle, hasIconBefore, hasIconAfter, children, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing: propSpacing, ariaLabel, ariaLabelledBy, }: UseButtonBaseArgs<TagName>) => UseButtonBaseReturn<TagName>;
 export default useButtonBase;

package/dist/types-ts4.5/new.d.ts

@@ -1,6 +1,6 @@
-export { default, type ButtonProps, } from './new-button/variants/default/button';
-export { default as LinkButton, type LinkButtonProps, } from './new-button/variants/default/link';
-export { default as IconButton, type IconButtonProps, } from './new-button/variants/icon/button';
+export { default, type ButtonProps } from './new-button/variants/default/button';
+export { default as LinkButton, type LinkButtonProps } from './new-button/variants/default/link';
+export { default as IconButton, type IconButtonProps } from './new-button/variants/icon/button';
 export { default as LinkIconButton, type LinkIconButtonProps, } from './new-button/variants/icon/link';
 export { SplitButton } from './new-button/containers/split-button';
 export type { Appearance, Spacing } from './new-button/variants/types';

package/extract-react-types/custom-theme-button-props.tsx

@@ -1,7 +1,5 @@
 import { type CustomThemeButtonOwnProps } from '../src/old-button/custom-theme-button/custom-theme-button-types';
 
-export default function CustomThemeButtonProps(
-  props: CustomThemeButtonOwnProps,
-) {
-  return null;
+export default function CustomThemeButtonProps(props: CustomThemeButtonOwnProps) {
+	return null;
 }

package/extract-react-types/legacy-button/custom-theme-button-props.tsx

@@ -1,7 +1,5 @@
 import { type CustomThemeButtonOwnProps } from '../../src/old-button/custom-theme-button/custom-theme-button-types';
 
-export default function CustomThemeButtonProps(
-  props: CustomThemeButtonOwnProps,
-) {
-  return null;
+export default function CustomThemeButtonProps(props: CustomThemeButtonOwnProps) {
+	return null;
 }

package/extract-react-types/legacy-button/loading-button-props.tsx

@@ -1,5 +1,5 @@
 import { type LoadingButtonOwnProps } from '../../src/old-button/loading-button';
 
 export default function LoadingButtonProps(props: LoadingButtonOwnProps) {
-  return null;
+	return null;
 }

package/extract-react-types/legacy-button/shared-props.tsx

@@ -1,5 +1,5 @@
 import { type BaseOwnProps } from '../../src/old-button/types';
 
 export default function SharedProps(props: BaseOwnProps) {
-  return null;
+	return null;
 }

package/extract-react-types/loading-button-props.tsx

@@ -1,5 +1,5 @@
 import { type LoadingButtonOwnProps } from '../src/old-button/loading-button';
 
 export default function LoadingButtonProps(props: LoadingButtonOwnProps) {
-  return null;
+	return null;
 }

package/extract-react-types/new-button/containers/split-button/split-button-props.tsx

@@ -1,5 +1,5 @@
 import type { SplitButtonProps } from '../../../../src/new-button/containers/split-button/types';
 
 export default function SplitProps(props: SplitButtonProps) {
-  return null;
+	return null;
 }

package/extract-react-types/new-button/variants/default/button-props.tsx

@@ -1,5 +1,5 @@
 import { type AdditionalButtonVariantProps } from '../../../../src/new-button/variants/types';
 
 export default function ButtonProps(props: AdditionalButtonVariantProps) {
-  return null;
+	return null;
 }

package/extract-react-types/new-button/variants/default/common-default-button-props.tsx

@@ -1,11 +1,11 @@
 import { type CommonDefaultButtonProps } from '../../../../src/new-button/variants/default/types';
 import {
-  type CommonButtonProps,
-  type SupportedElements,
+	type CommonButtonProps,
+	type SupportedElements,
 } from '../../../../src/new-button/variants/types';
 
 export default function CommonDefaultButtonProps(
-  props: CommonButtonProps<SupportedElements> & CommonDefaultButtonProps,
+	props: CommonButtonProps<SupportedElements> & CommonDefaultButtonProps,
 ) {
-  return null;
+	return null;
 }

package/extract-react-types/new-button/variants/default/link-button-props.tsx

@@ -1,10 +1,10 @@
 import {
-  type AdditionalCommonLinkVariantProps,
-  type AdditionalDefaultLinkVariantProps,
+	type AdditionalCommonLinkVariantProps,
+	type AdditionalDefaultLinkVariantProps,
 } from '../../../../src/new-button/variants/types';
 
 export default function LinkButtonProps(
-  props: AdditionalCommonLinkVariantProps & AdditionalDefaultLinkVariantProps,
+	props: AdditionalCommonLinkVariantProps & AdditionalDefaultLinkVariantProps,
 ) {
-  return null;
+	return null;
 }

package/extract-react-types/new-button/variants/icon-button/common-icon-button-props.tsx

@@ -1,11 +1,11 @@
 import { type CommonIconButtonProps } from '../../../../src/new-button/variants/icon/types';
 import {
-  type CommonButtonProps,
-  type SupportedElements,
+	type CommonButtonProps,
+	type SupportedElements,
 } from '../../../../src/new-button/variants/types';
 
 export default function CommonProps(
-  props: CommonButtonProps<SupportedElements> & CommonIconButtonProps,
+	props: CommonButtonProps<SupportedElements> & CommonIconButtonProps,
 ) {
-  return null;
+	return null;
 }

package/extract-react-types/new-button/variants/icon-button/icon-button-props.tsx

@@ -1,5 +1,5 @@
 import { type AdditionalButtonVariantProps } from '../../../../src/new-button/variants/types';
 
 export default function IconButtonProps(props: AdditionalButtonVariantProps) {
-  return null;
+	return null;
 }

package/extract-react-types/new-button/variants/icon-button/link-icon-button-props.tsx

@@ -1,7 +1,5 @@
 import { type AdditionalCommonLinkVariantProps } from '../../../../src/new-button/variants/types';
 
-export default function LinkButtonProps(
-  props: AdditionalCommonLinkVariantProps,
-) {
-  return null;
+export default function LinkButtonProps(props: AdditionalCommonLinkVariantProps) {
+	return null;
 }

package/extract-react-types/shared-props.tsx

@@ -1,5 +1,5 @@
 import { type BaseOwnProps } from '../src/old-button/types';
 
 export default function SharedProps(props: BaseOwnProps) {
-  return null;
+	return null;
 }