@atlaskit/button 16.10.1 → 16.10.2

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

@@ -1,2 +0,0 @@
-export { default } from './custom-theme-button';
-export { default as Theme } from './theme';

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

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { CSSObject } from '@emotion/react';
-import { InteractionState, ThemeProps, ThemeTokens } from './custom-theme-button-types';
-export declare function getCustomCss({ appearance, spacing, mode, isSelected, shouldFitContainer, iconIsOnlyChild, isLoading, state, }: ThemeProps): CSSObject;
-export declare function getSpecifiers(styles: CSSObject): CSSObject;
-export declare function defaultThemeFn(current: (values: ThemeProps) => ThemeTokens, values: ThemeProps): ThemeTokens;
-declare const Theme: {
-    Consumer: import("react").ComponentType<{
-        children: (tokens: ThemeTokens) => import("react").ReactNode;
-    } & Partial<import("./custom-theme-button-types").CustomThemeButtonProps> & {
-        state: InteractionState;
-        iconIsOnlyChild?: boolean | undefined;
-        mode?: import("@atlaskit/theme").ThemeModes | undefined;
-    }>;
-    Provider: import("react").ComponentType<{
-        children?: import("react").ReactNode;
-        value?: import("@atlaskit/theme/components").ThemeProp<ThemeTokens, ThemeProps> | undefined;
-    }>;
-    useTheme: (props: ThemeProps) => ThemeTokens;
-};
-export default Theme;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { BaseProps } from './types';
-export type LoadingButtonOwnProps = {
-    isLoading?: boolean;
-};
-export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnProps;
-/**
- * __Loading button__
- *
- * 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.
- *
- * - [Examples](https://atlassian.design/components/button/examples#loading-button)
- */
-declare const LoadingButton: React.ForwardRefExoticComponent<Omit<BaseProps, "overlay"> & LoadingButtonOwnProps & React.RefAttributes<HTMLElement>>;
-export default LoadingButton;

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export default function blockEvents({ isInteractive, }: {
-    isInteractive: boolean;
-}): React.DOMAttributes<HTMLElement>;

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

@@ -1,10 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { CSSObject } from '@emotion/react';
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.AllHTMLAttributes<HTMLElement>, "disabled">, "data-testid" | "data-has-overlay"> & {
-    'data-testid'?: undefined;
-    'data-has-overlay'?: undefined;
-}, keyof import("../types").BaseOwnProps> & import("../types").BaseOwnProps & {
-    buttonCss: CSSObject;
-} & React.RefAttributes<HTMLElement>>;
-export default _default;

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

@@ -1,23 +0,0 @@
-import { ThemeModes } from '@atlaskit/theme/types';
-import { Appearance } from '../types';
-export type ColorRule = {
-    [key in ThemeModes]: string;
-};
-export type ColorGroup = {
-    default: ColorRule;
-    hover?: ColorRule;
-    active?: ColorRule;
-    disabled?: ColorRule;
-    selected?: ColorRule;
-    focus?: ColorRule;
-    focusSelected?: ColorRule;
-};
-export type ColorPreset = {
-    [key in Appearance]: ColorGroup;
-};
-type Values = {
-    background: ColorPreset;
-    color: ColorPreset;
-};
-declare const values: Values;
-export default values;

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

@@ -1,22 +0,0 @@
-import { CSSObject } from '@emotion/react';
-import { ThemeModes } from '@atlaskit/theme/types';
-import { Appearance, Spacing } from '../types';
-export type GetCssArgs = {
-    appearance: Appearance;
-    spacing: Spacing;
-    mode: ThemeModes;
-    isSelected: boolean;
-    shouldFitContainer: boolean;
-    isOnlySingleIcon: boolean;
-};
-export declare function getCss({ appearance, spacing, mode, isSelected, shouldFitContainer, isOnlySingleIcon, }: GetCssArgs): CSSObject;
-export declare function getIconStyle({ spacing }: {
-    spacing: Spacing;
-}): import("@emotion/react").SerializedStyles;
-export declare function getContentStyle({ spacing }: {
-    spacing: Spacing;
-}): import("@emotion/react").SerializedStyles;
-export declare function getFadingCss({ hasOverlay }: {
-    hasOverlay: boolean;
-}): import("@emotion/react").SerializedStyles;
-export declare const overlayCss: CSSObject;

package/dist/types-ts4.5/old-button/shared/get-if-visually-hidden-children.d.ts

@@ -1,2 +0,0 @@
-import { type ReactNode } from 'react';
-export declare const getIfVisuallyHiddenChildren: (children: ReactNode) => boolean | "" | 0 | null | undefined;

package/dist/types-ts4.5/old-button/shared/get-is-only-single-icon.d.ts

@@ -1,2 +0,0 @@
-import { BaseProps } from '../types';
-export default function getIsOnlySingleIcon({ children, iconBefore, iconAfter, }: Pick<BaseProps, 'children' | 'iconBefore' | 'iconAfter'>): boolean;

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

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

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

@@ -1,94 +0,0 @@
-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 BaseOwnProps = {
-    /**
-     * The base styling to apply to the button
-     */
-    appearance?: Appearance;
-    /**
-     * Set the button to autofocus on mount
-     */
-    autoFocus?: boolean;
-    /**
-     * Add a classname to the button
-     */
-    className?: string;
-    /**
-     * Used to 'overlay' something over a button. This is commonly used to display a loading spinner
-     */
-    overlay?: React.ReactNode;
-    /**
-     * Provides a url for buttons being used as a link
-     */
-    href?: string;
-    /**
-     * 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;
-    /**
-     * 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<HTMLElement>;
-    /**
-     * 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<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    /**
-     * Handler to be called on focus
-     */
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    /**
-     * Set the amount of padding in the button
-     */
-    spacing?: Spacing;
-    /**
-     * Pass target down to a link within the button component, if a href is provided
-     */
-    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
-    /**
-     * Pass type down to a button
-     */
-    type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
-    /**
-     * Option to fit button width to its parent width
-     */
-    shouldFitContainer?: boolean;
-    /**
-     * 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;
-    component?: React.ComponentType<React.AllHTMLAttributes<HTMLElement>> | React.ElementType;
-    /**
-     * 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>;
-};
-export type BaseProps = Combine<Combine<Omit<React.AllHTMLAttributes<HTMLElement>, 'disabled'>, {
-    'data-testid'?: never;
-    'data-has-overlay'?: never;
-}>, BaseOwnProps>;
-export {};

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

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

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

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

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

@@ -1,15 +0,0 @@
-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/tmp/api-report-tmp.d.ts

@@ -1,133 +0,0 @@
-## API Report File for "@atlaskit/button"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-/// <reference types="react" />
-
-import { ComponentType } from 'react';
-import { CSSObject } from '@emotion/react';
-import { jsx } from '@emotion/react';
-import { default as React_2 } from 'react';
-import { ReactNode } from 'react';
-import { ThemeModes } from '@atlaskit/theme/types';
-import { ThemeModes as ThemeModes_2 } from '@atlaskit/theme';
-import { ThemeProp } from '@atlaskit/theme/components';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-
-// @public (undocumented)
-export type Appearance = 'danger' | 'default' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'warning';
-
-// @public (undocumented)
-export type BaseOwnProps = {
-    appearance?: Appearance;
-    autoFocus?: boolean;
-    className?: string;
-    overlay?: React_2.ReactNode;
-    href?: string;
-    iconAfter?: React_2.ReactChild;
-    iconBefore?: React_2.ReactChild;
-    isDisabled?: boolean;
-    isSelected?: boolean;
-    onBlur?: React_2.FocusEventHandler<HTMLElement>;
-    onClick?: (e: React_2.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    onFocus?: React_2.FocusEventHandler<HTMLElement>;
-    spacing?: Spacing;
-    target?: React_2.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
-    type?: React_2.ButtonHTMLAttributes<HTMLButtonElement>['type'];
-    shouldFitContainer?: boolean;
-    children?: React_2.ReactNode;
-    testId?: string;
-    component?: React_2.ComponentType<React_2.AllHTMLAttributes<HTMLElement>> | React_2.ElementType;
-    interactionName?: string;
-    analyticsContext?: Record<string, any>;
-};
-
-// @public (undocumented)
-export type BaseProps = Combine<Combine<Omit<React_2.AllHTMLAttributes<HTMLElement>, 'disabled'>, {
-    'data-testid'?: never;
-    'data-has-overlay'?: never;
-}>, BaseOwnProps>;
-
-// @public
-const Button: React_2.MemoExoticComponent<React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLElement>>>;
-export default Button;
-
-// @public (undocumented)
-export function ButtonGroup({ appearance, children, }: ButtonGroupProps): jsx.JSX.Element;
-
-// @public (undocumented)
-type ButtonGroupProps = {
-    appearance?: Appearance;
-    children?: React_2.ReactNode;
-};
-
-// @public (undocumented)
-export interface ButtonProps extends BaseProps {
-}
-
-// @public (undocumented)
-type Combine<First, Second> = Omit<First, keyof Second> & Second;
-
-// @public
-export const CustomThemeButton: React_2.MemoExoticComponent<React_2.ForwardRefExoticComponent<Omit<BaseProps, "overlay"> & CustomThemeButtonOwnProps & React_2.RefAttributes<HTMLElement>>>;
-
-// @public (undocumented)
-export type CustomThemeButtonOwnProps = {
-    isLoading?: boolean;
-    theme?: (current: (props: ThemeProps) => ThemeTokens, props: ThemeProps) => ThemeTokens;
-};
-
-// @public (undocumented)
-export type CustomThemeButtonProps = Omit<BaseProps, 'overlay'> & CustomThemeButtonOwnProps;
-
-// @public (undocumented)
-export type InteractionState = 'active' | 'default' | 'disabled' | 'focus' | 'focusSelected' | 'hover' | 'selected';
-
-// @public
-export const LoadingButton: React_2.ForwardRefExoticComponent<Omit<BaseProps, "overlay"> & LoadingButtonOwnProps & React_2.RefAttributes<HTMLElement>>;
-
-// @public (undocumented)
-export type LoadingButtonOwnProps = {
-    isLoading?: boolean;
-};
-
-// @public (undocumented)
-export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnProps;
-
-// @public (undocumented)
-export type Spacing = 'compact' | 'default' | 'none';
-
-// @public (undocumented)
-export const Theme: {
-    Consumer: ComponentType<    {
-    children: (tokens: ThemeTokens) => ReactNode;
-    } & Partial<CustomThemeButtonProps> & {
-    state: InteractionState;
-    iconIsOnlyChild?: boolean | undefined;
-    mode?: ThemeModes_2 | undefined;
-    }>;
-    Provider: ComponentType<    {
-    children?: ReactNode;
-    value?: ThemeProp<ThemeTokens, ThemeProps> | undefined;
-    }>;
-    useTheme: (props: ThemeProps) => ThemeTokens;
-};
-
-// @public (undocumented)
-export type ThemeProps = Partial<CustomThemeButtonProps> & {
-    state: InteractionState;
-    iconIsOnlyChild?: boolean;
-    mode?: ThemeModes;
-};
-
-// @public (undocumented)
-export type ThemeTokens = {
-    buttonStyles: CSSObject;
-    spinnerStyles: CSSObject;
-};
-
-// (No @packageDocumentation comment for this package)
-
-```