@atlaskit/button 16.9.3 → 16.10.0

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { xcss } from '@atlaskit/primitives';
+import { type CommonButtonProps } from '../types';
+export type ControlledEvents<TagName extends HTMLElement> = Pick<React.DOMAttributes<TagName>, 'onMouseDownCapture' | 'onMouseUpCapture' | 'onKeyDownCapture' | 'onKeyUpCapture' | 'onTouchStartCapture' | 'onTouchEndCapture' | 'onPointerDownCapture' | 'onPointerUpCapture' | 'onClickCapture' | 'onClick'>;
+export type ControlledEventsPassed<TagName extends HTMLElement> = Omit<ControlledEvents<TagName>, 'onClick'> & Pick<CommonButtonProps<TagName>, 'onClick'>;
+export type UseButtonBaseArgs<TagName extends HTMLElement> = {
+    ref: React.Ref<TagName>;
+    /**
+     * The type of button. Used to pass action subject context to analytics.
+     */
+    buttonType: 'button' | 'link';
+    isIconButton?: boolean;
+    hasIconBefore?: boolean;
+    hasIconAfter?: boolean;
+    shouldFitContainer?: boolean;
+} & Pick<CommonButtonProps<TagName>, 'analyticsContext' | 'appearance' | 'autoFocus' | 'children' | 'interactionName' | 'isDisabled' | 'isSelected' | 'overlay' | 'spacing'> & ControlledEventsPassed<TagName>;
+export type UseButtonBaseReturn<TagName extends HTMLElement> = {
+    xcss: ReturnType<typeof xcss>;
+    ref(node: TagName | null): void;
+    children: React.ReactNode;
+    isDisabled: boolean;
+} & ControlledEvents<TagName>;
+/**
+ * __Use button base__
+ *
+ * A React hook that accepts a set of common Button props,
+ * and processes them to return consistent base props for usage
+ * across various Button components.
+ *
+ * It also:
+ * - Implements auto focus when enabled.
+ * - Appends the `onClick` event with UFO analytics tracking.
+ *
+ * @private
+ */
+declare const useButtonBase: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, interactionName, isDisabled, isSelected, isIconButton, hasIconBefore, hasIconAfter, children, onClick: providedOnClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing, }: UseButtonBaseArgs<TagName>) => UseButtonBaseReturn<TagName>;
+export default useButtonBase;

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

@@ -0,0 +1,24 @@
+import { xcss } from '@atlaskit/primitives';
+import { type Appearance, type Spacing } from '../types';
+export type GetXCSSArgs = {
+    appearance: Appearance;
+    spacing: Spacing;
+    isDisabled: boolean;
+    isSelected: boolean;
+    shouldFitContainer: boolean;
+    hasOverlay: boolean;
+    isIconButton: boolean;
+    hasIconBefore: boolean;
+    hasIconAfter: boolean;
+    /**
+     * If the button is a LinkButton
+     */
+    isLink: boolean;
+};
+export declare function getXCSS({ appearance, spacing, isDisabled, isSelected, isIconButton, shouldFitContainer, isLink, hasOverlay, hasIconBefore, hasIconAfter, }: GetXCSSArgs): ReturnType<typeof xcss>;
+export declare const iconStyles: ReturnType<typeof xcss>;
+export declare const contentStyles: ReturnType<typeof xcss>;
+export declare function getFadingStyles({ hasOverlay, }: {
+    hasOverlay: boolean;
+}): ReturnType<typeof xcss>;
+export declare const overlayStyles: ReturnType<typeof xcss>;

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

@@ -0,0 +1,69 @@
+import React from 'react';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+export type Appearance = 'default' | 'danger' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'warning';
+export type Spacing = 'compact' | 'default' | 'none';
+type Combine<First, Second> = Omit<First, keyof Second> & Second;
+export type CommonButtonProps<TagName extends HTMLElement> = {
+    /**
+     * The base styling to apply to the button
+     */
+    appearance?: Appearance;
+    /**
+     * Set the button to autofocus on mount
+     */
+    autoFocus?: boolean;
+    /**
+     * Used to 'overlay' something over a button. This is commonly used to display a loading spinner
+     */
+    overlay?: React.ReactNode;
+    /**
+     * Set if the button is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Change the style to indicate the button is selected
+     */
+    isSelected?: boolean;
+    /**
+     * Handler to be called on blur
+     */
+    onBlur?: React.FocusEventHandler<TagName>;
+    /**
+     * Handler to be called on click. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details
+     */
+    onClick?: (e: React.MouseEvent<TagName>, analyticsEvent: UIAnalyticsEvent) => void;
+    /**
+     * Handler to be called on focus
+     */
+    onFocus?: React.FocusEventHandler<TagName>;
+    /**
+     * Set the amount of padding in the button
+     */
+    spacing?: Spacing;
+    /**
+     * Text content to be rendered in the button
+     */
+    children: React.ReactNode;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+     */
+    testId?: string;
+    /**
+     * An optional name used to identify this component to press listeners. E.g. interaction tracing
+     * @see https://hello.atlassian.net/wiki/spaces/UFO/pages/2010358949/UFO+Integration+into+Design+System+components
+     */
+    interactionName?: string;
+    /**
+     * Additional information to be included in the `context` of analytics events that come from button
+     */
+    analyticsContext?: Record<string, any>;
+};
+type SupportedElementAttributes = React.ButtonHTMLAttributes<HTMLButtonElement> | React.AnchorHTMLAttributes<HTMLAnchorElement>;
+export type AdditionalHTMLElementPropsExtender<Props extends SupportedElementAttributes> = Combine<Omit<Props, 'className' | 'style' | 'role' | 'disabled'>, {
+    'data-testid'?: never;
+}>;
+/**
+ * Combines common buttom props with additional HTML attributes.
+ */
+export type CombinedButtonProps<TagName extends HTMLElement, HTMLAttributes extends SupportedElementAttributes> = Combine<HTMLAttributes, CommonButtonProps<TagName>>;
+export {};

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

@@ -6,5 +6,5 @@ import React from 'react';
  *
  * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)
  */
-declare const CustomThemeButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").BaseProps, "overlay"> & import("./custom-theme-button-types").CustomThemeButtonOwnProps & React.RefAttributes<HTMLElement>>>;
+declare const CustomThemeButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("../types").BaseProps, "overlay"> & import("./custom-theme-button-types").CustomThemeButtonOwnProps & React.RefAttributes<HTMLElement>>>;
 export default CustomThemeButton;

package/dist/types/utils/appearances.d.ts

@@ -0,0 +1,3 @@
+import { type Appearance } from '../new-button/variants/types';
+declare const appearances: Appearance[];
+export default appearances;

package/dist/types/utils/spacing.d.ts

@@ -0,0 +1,3 @@
+import { type Spacing } from '../new-button/variants/types';
+declare const spacing: Spacing[];
+export default spacing;

package/dist/types/utils/variants.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import Button from '../new-button/variants/default/button';
+export type Variant = {
+    name: string;
+    Component: typeof Button | typeof LinkButtonRender;
+    /**
+     * Expected element rendered as underlying button
+     */
+    elementType: typeof HTMLButtonElement | typeof HTMLAnchorElement;
+};
+declare const LinkButtonRender: React.ForwardRefExoticComponent<import("../new-button/variants/default/types").CommonDefaultButtonProps & Omit<Omit<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "style" | "disabled" | "className" | "role">, "data-testid"> & {
+    'data-testid'?: undefined;
+}, keyof import("../new-button/variants/types").CommonButtonProps<TagName>> & import("../new-button/variants/types").CommonButtonProps<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const variants: Variant[];
+export default variants;

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { Appearance } from './types';
+import { Appearance } from '../old-button/types';
 export type ButtonGroupProps = {
     /**
      * The appearance to apply to all buttons.

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

@@ -1 +1 @@
-export { default } from '../button-group';
+export { default } from '../containers/button-group';

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

@@ -1,2 +1,2 @@
-export { default, Theme } from '../custom-theme-button';
-export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from '../custom-theme-button/custom-theme-button-types';
+export { default, Theme } from '../old-button/custom-theme-button';
+export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from '../old-button/custom-theme-button/custom-theme-button-types';

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

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

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

@@ -0,0 +1,5 @@
+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 type { Appearance, Spacing } from '../new-button/variants/types';

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

@@ -3,5 +3,5 @@
  * https://product-fabric.atlassian.net/browse/DSP-3222
  */
 import '@emotion/react';
-export { default } from '../button';
-export type { ButtonProps } from '../button';
+export { default } from '../old-button/button';
+export type { ButtonProps } from '../old-button/button';

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

@@ -1,4 +1,4 @@
-export type { Appearance, Spacing, BaseOwnProps, BaseProps } from '../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 { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from './custom-theme-button';

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

@@ -0,0 +1 @@
+export { default as UNSAFE_BUTTON } from '../new-button/variants/default/button';

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { type AdditionalHTMLElementPropsExtender, type CombinedButtonProps } from '../types';
+import { type CommonDefaultButtonProps } from './types';
+type Element = HTMLButtonElement;
+type AdditionalHTMLElementProps = AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<Element>>;
+export type ButtonProps = CommonDefaultButtonProps & CombinedButtonProps<Element, AdditionalHTMLElementProps>;
+/**
+ * __Button__
+ *
+ * @warning __UNSAFE__ Button is not yet safe for production use.
+ *
+ * A button triggers an event or action.
+ *
+ * - [Examples](https://atlassian.design/components/button/examples)
+ * - [Code](https://atlassian.design/components/button/code)
+ * - [Usage](https://atlassian.design/components/button/usage)
+ */
+declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonDefaultButtonProps & Omit<AdditionalHTMLElementProps, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
+export default Button;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type AdditionalHTMLElementPropsExtender, type CombinedButtonProps } from '../types';
+import { type CommonDefaultButtonProps } from './types';
+type Element = HTMLAnchorElement;
+type AdditionalHTMLElementProps = AdditionalHTMLElementPropsExtender<React.AnchorHTMLAttributes<Element>>;
+export type LinkButtonProps = CommonDefaultButtonProps & CombinedButtonProps<Element, AdditionalHTMLElementProps>;
+/**
+ * __Link Button__
+ *
+ * A link button renders a link in the style of a button.
+ *
+ * - [Examples](https://atlassian.design/components/button/examples)
+ * - [Code](https://atlassian.design/components/button/code)
+ * - [Usage](https://atlassian.design/components/button/usage)
+ */
+declare const LinkButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonDefaultButtonProps & Omit<AdditionalHTMLElementProps, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>>;
+export default LinkButton;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export type CommonDefaultButtonProps = {
+    /**
+     * Places an icon within the button, after the button's text
+     */
+    iconAfter?: React.ReactChild;
+    /**
+     * Places an icon within the button, before the button's text
+     */
+    iconBefore?: React.ReactChild;
+    /**
+     * Option to fit button width to its parent width
+     */
+    shouldFitContainer?: boolean;
+};

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

@@ -0,0 +1,15 @@
+import { type UseButtonBaseArgs, type UseButtonBaseReturn } from '../shared/use-button-base';
+import { type CommonDefaultButtonProps } from './types';
+type UseDefaultButtonArgs<TagName extends HTMLElement> = UseButtonBaseArgs<TagName> & CommonDefaultButtonProps;
+type UseButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>;
+/**
+ * __Use default button base__
+ *
+ * A React hook that accepts a set of default Button props,
+ * and processes them to return consistent base props for usage
+ * across Button and LinkButton variants.
+ *
+ * @private
+ */
+declare const useDefaultButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, iconBefore, iconAfter, interactionName, isDisabled, isSelected, children, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing, }: UseDefaultButtonArgs<TagName>) => UseButtonReturn<TagName>;
+export default useDefaultButton;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type AdditionalHTMLElementPropsExtender, type CombinedButtonProps } from '../types';
+import { type CommonIconButtonProps } from './types';
+type Element = HTMLButtonElement;
+type AdditionalHTMLElementProps = AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<Element>>;
+export type IconButtonProps = CommonIconButtonProps & CombinedButtonProps<Element, AdditionalHTMLElementProps>;
+/**
+ * __Icon Button__
+ *
+ * TODO: Description
+ *
+ * - [Examples](https://atlassian.design/components/button/examples)
+ * - [Code](https://atlassian.design/components/button/code)
+ * - [Usage](https://atlassian.design/components/button/usage)
+ */
+declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & Omit<AdditionalHTMLElementProps, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
+export default IconButton;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type AdditionalHTMLElementPropsExtender, type CombinedButtonProps } from '../types';
+import { type CommonIconButtonProps } from './types';
+type Element = HTMLAnchorElement;
+type AdditionalHTMLElementProps = AdditionalHTMLElementPropsExtender<React.AnchorHTMLAttributes<Element>>;
+export type LinkIconButtonProps = CommonIconButtonProps & CombinedButtonProps<Element, AdditionalHTMLElementProps>;
+/**
+ * __Link Button__
+ *
+ * A link button renders a link in the style of a button.
+ *
+ * - [Examples](https://atlassian.design/components/button/examples)
+ * - [Code](https://atlassian.design/components/button/code)
+ * - [Usage](https://atlassian.design/components/button/usage)
+ */
+declare const LinkIconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & Omit<AdditionalHTMLElementProps, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>>;
+export default LinkIconButton;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export type CommonIconButtonProps = {
+    /**
+     * TODO: Consider locking-down icon props by converting from slot props to component props
+     * Places an icon within the button, after the button's text
+     */
+    icon: React.ReactChild;
+};

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

@@ -0,0 +1,15 @@
+import { type UseButtonBaseArgs, type UseButtonBaseReturn } from '../shared/use-button-base';
+import { type CommonIconButtonProps } from './types';
+type UseIconButtonArgs<TagName extends HTMLElement> = UseButtonBaseArgs<TagName> & CommonIconButtonProps;
+type UseIconButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>;
+/**
+ * __Use icon button__
+ *
+ * A React hook that accepts a set of icon Button props,
+ * and processes them to return consistent base props for usage
+ * across IconButton and LinkIconButton variants.
+ *
+ * @private
+ */
+declare const useIconButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, icon, interactionName, isDisabled, isSelected, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing, }: UseIconButtonArgs<TagName>) => UseIconButtonReturn<TagName>;
+export default useIconButton;

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

@@ -0,0 +1,2 @@
+import { type ControlledEvents } from './use-button-base';
+export default function blockEvents<TagName extends HTMLElement>(shouldBlockEvents: boolean, events: ControlledEvents<TagName>): ControlledEvents<TagName>;

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

@@ -0,0 +1,18 @@
+import { type BackgroundColor, type TextColor } from '@atlaskit/primitives';
+import { type Appearance } from '../types';
+export type ColorGroup<T extends BackgroundColor | TextColor> = {
+    default: T;
+    hover?: T;
+    active?: T;
+    disabled?: T;
+    selected?: T;
+};
+export type ColorPreset<T extends BackgroundColor | TextColor> = {
+    [key in Appearance]: ColorGroup<T>;
+};
+type Values = {
+    background: ColorPreset<BackgroundColor>;
+    color: ColorPreset<TextColor>;
+};
+declare const values: Values;
+export default values;

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { xcss } from '@atlaskit/primitives';
+import { type CommonButtonProps } from '../types';
+export type ControlledEvents<TagName extends HTMLElement> = Pick<React.DOMAttributes<TagName>, 'onMouseDownCapture' | 'onMouseUpCapture' | 'onKeyDownCapture' | 'onKeyUpCapture' | 'onTouchStartCapture' | 'onTouchEndCapture' | 'onPointerDownCapture' | 'onPointerUpCapture' | 'onClickCapture' | 'onClick'>;
+export type ControlledEventsPassed<TagName extends HTMLElement> = Omit<ControlledEvents<TagName>, 'onClick'> & Pick<CommonButtonProps<TagName>, 'onClick'>;
+export type UseButtonBaseArgs<TagName extends HTMLElement> = {
+    ref: React.Ref<TagName>;
+    /**
+     * The type of button. Used to pass action subject context to analytics.
+     */
+    buttonType: 'button' | 'link';
+    isIconButton?: boolean;
+    hasIconBefore?: boolean;
+    hasIconAfter?: boolean;
+    shouldFitContainer?: boolean;
+} & Pick<CommonButtonProps<TagName>, 'analyticsContext' | 'appearance' | 'autoFocus' | 'children' | 'interactionName' | 'isDisabled' | 'isSelected' | 'overlay' | 'spacing'> & ControlledEventsPassed<TagName>;
+export type UseButtonBaseReturn<TagName extends HTMLElement> = {
+    xcss: ReturnType<typeof xcss>;
+    ref(node: TagName | null): void;
+    children: React.ReactNode;
+    isDisabled: boolean;
+} & ControlledEvents<TagName>;
+/**
+ * __Use button base__
+ *
+ * A React hook that accepts a set of common Button props,
+ * and processes them to return consistent base props for usage
+ * across various Button components.
+ *
+ * It also:
+ * - Implements auto focus when enabled.
+ * - Appends the `onClick` event with UFO analytics tracking.
+ *
+ * @private
+ */
+declare const useButtonBase: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, interactionName, isDisabled, isSelected, isIconButton, hasIconBefore, hasIconAfter, children, onClick: providedOnClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing, }: UseButtonBaseArgs<TagName>) => UseButtonBaseReturn<TagName>;
+export default useButtonBase;

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

@@ -0,0 +1,24 @@
+import { xcss } from '@atlaskit/primitives';
+import { type Appearance, type Spacing } from '../types';
+export type GetXCSSArgs = {
+    appearance: Appearance;
+    spacing: Spacing;
+    isDisabled: boolean;
+    isSelected: boolean;
+    shouldFitContainer: boolean;
+    hasOverlay: boolean;
+    isIconButton: boolean;
+    hasIconBefore: boolean;
+    hasIconAfter: boolean;
+    /**
+     * If the button is a LinkButton
+     */
+    isLink: boolean;
+};
+export declare function getXCSS({ appearance, spacing, isDisabled, isSelected, isIconButton, shouldFitContainer, isLink, hasOverlay, hasIconBefore, hasIconAfter, }: GetXCSSArgs): ReturnType<typeof xcss>;
+export declare const iconStyles: ReturnType<typeof xcss>;
+export declare const contentStyles: ReturnType<typeof xcss>;
+export declare function getFadingStyles({ hasOverlay, }: {
+    hasOverlay: boolean;
+}): ReturnType<typeof xcss>;
+export declare const overlayStyles: ReturnType<typeof xcss>;

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

@@ -0,0 +1,69 @@
+import React from 'react';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+export type Appearance = 'default' | 'danger' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'warning';
+export type Spacing = 'compact' | 'default' | 'none';
+type Combine<First, Second> = Omit<First, keyof Second> & Second;
+export type CommonButtonProps<TagName extends HTMLElement> = {
+    /**
+     * The base styling to apply to the button
+     */
+    appearance?: Appearance;
+    /**
+     * Set the button to autofocus on mount
+     */
+    autoFocus?: boolean;
+    /**
+     * Used to 'overlay' something over a button. This is commonly used to display a loading spinner
+     */
+    overlay?: React.ReactNode;
+    /**
+     * Set if the button is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Change the style to indicate the button is selected
+     */
+    isSelected?: boolean;
+    /**
+     * Handler to be called on blur
+     */
+    onBlur?: React.FocusEventHandler<TagName>;
+    /**
+     * Handler to be called on click. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details
+     */
+    onClick?: (e: React.MouseEvent<TagName>, analyticsEvent: UIAnalyticsEvent) => void;
+    /**
+     * Handler to be called on focus
+     */
+    onFocus?: React.FocusEventHandler<TagName>;
+    /**
+     * Set the amount of padding in the button
+     */
+    spacing?: Spacing;
+    /**
+     * Text content to be rendered in the button
+     */
+    children: React.ReactNode;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+     */
+    testId?: string;
+    /**
+     * An optional name used to identify this component to press listeners. E.g. interaction tracing
+     * @see https://hello.atlassian.net/wiki/spaces/UFO/pages/2010358949/UFO+Integration+into+Design+System+components
+     */
+    interactionName?: string;
+    /**
+     * Additional information to be included in the `context` of analytics events that come from button
+     */
+    analyticsContext?: Record<string, any>;
+};
+type SupportedElementAttributes = React.ButtonHTMLAttributes<HTMLButtonElement> | React.AnchorHTMLAttributes<HTMLAnchorElement>;
+export type AdditionalHTMLElementPropsExtender<Props extends SupportedElementAttributes> = Combine<Omit<Props, 'className' | 'style' | 'role' | 'disabled'>, {
+    'data-testid'?: never;
+}>;
+/**
+ * Combines common buttom props with additional HTML attributes.
+ */
+export type CombinedButtonProps<TagName extends HTMLElement, HTMLAttributes extends SupportedElementAttributes> = Combine<HTMLAttributes, CommonButtonProps<TagName>>;
+export {};

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

@@ -6,5 +6,5 @@ import React from 'react';
  *
  * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)
  */
-declare const CustomThemeButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").BaseProps, "overlay"> & import("./custom-theme-button-types").CustomThemeButtonOwnProps & React.RefAttributes<HTMLElement>>>;
+declare const CustomThemeButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("../types").BaseProps, "overlay"> & import("./custom-theme-button-types").CustomThemeButtonOwnProps & React.RefAttributes<HTMLElement>>>;
 export default CustomThemeButton;

package/dist/types-ts4.5/utils/appearances.d.ts

@@ -0,0 +1,3 @@
+import { type Appearance } from '../new-button/variants/types';
+declare const appearances: Appearance[];
+export default appearances;

package/dist/types-ts4.5/utils/spacing.d.ts

@@ -0,0 +1,3 @@
+import { type Spacing } from '../new-button/variants/types';
+declare const spacing: Spacing[];
+export default spacing;

package/dist/types-ts4.5/utils/variants.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import Button from '../new-button/variants/default/button';
+export type Variant = {
+    name: string;
+    Component: typeof Button | typeof LinkButtonRender;
+    /**
+     * Expected element rendered as underlying button
+     */
+    elementType: typeof HTMLButtonElement | typeof HTMLAnchorElement;
+};
+declare const LinkButtonRender: React.ForwardRefExoticComponent<import("../new-button/variants/default/types").CommonDefaultButtonProps & Omit<Omit<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "style" | "disabled" | "className" | "role">, "data-testid"> & {
+    'data-testid'?: undefined;
+}, keyof import("../new-button/variants/types").CommonButtonProps<TagName>> & import("../new-button/variants/types").CommonButtonProps<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const variants: Variant[];
+export default variants;

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

@@ -1,4 +1,4 @@
-import { CustomThemeButtonOwnProps } from '../src/custom-theme-button/custom-theme-button-types';
+import { CustomThemeButtonOwnProps } from '../src/old-button/custom-theme-button/custom-theme-button-types';
 
 export default function CustomThemeButtonProps(
   props: CustomThemeButtonOwnProps,

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

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

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

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