@retailmenot/anchor/ts/theme/index.d.ts

A React UI Library by RetailMeNot

import { BUTTON_KEY } from '../Button';
import { SKELETON_KEY } from '../Skeleton';
import { INPUT_KEY } from '../Form/Input/utils';
export declare const RootTheme: {
    typography: import("./typography.theme").TypographyTheme;
    radii: {
        none: string;
        base: string;
        modal: string;
        circular: string;
    };
    buttons: {
        sizes: {
            xs: {
                minWidth: number;
                height: number;
                padding: number;
                circularPadding: number;
                fontSize: number;
                affixSpacing: number;
            };
            sm: {
                minWidth: number;
                height: number;
                padding: number;
                circularPadding: number;
                fontSize: number;
                affixSpacing: number;
            };
            md: {
                minWidth: number;
                height: number;
                padding: number;
                circularPadding: number;
                fontSize: number;
                affixSpacing: number;
            };
            lg: {
                minWidth: number;
                height: number;
                padding: number;
                circularPadding: number;
                fontSize: number;
                affixSpacing: number;
            };
        };
        variants: {
            filled: {
                base: ({ reverse, colorTheme }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation;
                disabled: ({ reverse, colorTheme }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation;
                hover: ({ reverse, colorTheme }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation;
                active: ({ reverse }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation | undefined;
                focus: ({ reverse }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation | undefined;
                focusOutline: ({ reverse, colorTheme }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation;
            };
            outline: {
                base: ({ colorTheme }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation;
                disabled: ({ reverse, colorTheme }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation;
                hover: ({ reverse, colorTheme }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation;
                focusOutline: ({ reverse, colorTheme }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation;
            };
            minimal: {
                base: ({ colorTheme }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation;
                disabled: ({ reverse }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation;
                hover: ({ reverse, colorTheme }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation;
                active: ({ reverse, colorTheme }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation | undefined;
                focusOutline: ({ reverse }: import("../Button").StyledButtonProps) => import("styled-components").FlattenSimpleInterpolation;
            };
        };
    };
    inputs: {
        sizes: {
            sm: {
                height: string;
                input: {
                    height: string;
                    fontSize: string;
                    lineHeight: string;
                };
            };
            md: {
                height: string;
                padding: string;
                input: {
                    height: string;
                    fontSize: string;
                    lineHeight: string;
                };
            };
            lg: {
                height: string;
                padding: string;
                input: {
                    height: string;
                    fontSize: string;
                    lineHeight: string;
                };
            };
        };
    };
    colors: import("./colors.theme").ColorsThemeSchema;
    fonts: {
        base: string;
        mono: string;
    };
    breakpoints: {
        xs: number;
        sm: number;
        md: number;
        lg: number;
        xl: number;
        xxl: number;
    };
    borders: {
        light: string;
        base: string;
        dark: string;
    };
    skeleton: {
        variants: {
            base: {
                colorStart: string;
                colorEnd: string;
            };
        };
    };
};