@procore/core-react/dist/Button/Button.styles.d.ts

React library of Procore Design Guidelines

import type React from 'react';
import type { ButtonSizes, ButtonVariant, LinkButtonProps } from './Button.types';
export declare function getBGColor(variant: ButtonVariant): {
    main: string;
    hover: string;
    disabled: string;
};
export declare function getTextColor(variant: ButtonVariant): {
    main: string;
    disabled: string;
};
export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
export declare const StyledSpinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").SpinnerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
}, never>> & string & Omit<React.ForwardRefExoticComponent<import("..").SpinnerProps & React.RefAttributes<HTMLDivElement>>, keyof React.Component<any, {}, any>>;
export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
interface StyledButtonProps {
    disabled: boolean;
    $block: boolean;
    $loading: boolean;
    $size: ButtonSizes;
    $variant: ButtonVariant;
}
export declare function getButtonStyles(block: boolean, disabled: boolean, loading: boolean, size: ButtonSizes, variant: ButtonVariant): import("styled-components").RuleSet<object>;
export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonProps>> & string;
interface StyledLinkButtonProps extends Pick<StyledButtonProps, '$block' | '$size' | '$variant'> {
    as?: LinkButtonProps['as'];
    children?: React.ReactNode;
    href?: string;
    $disabled: boolean;
    ref?: React.RefCallback<HTMLAnchorElement>;
}
export declare const StyledLinkButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, StyledLinkButtonProps>> & string;
export {};