import { RuntimeFn } from '@vanilla-extract/recipes';
export declare const TYPOGRAPHY_STYLES: {
    recipe: RuntimeFn<{
        variant: {
            h1: {
                fontSize: `var(--${string})`;
                fontWeight: `var(--${string})`;
                letterSpacing: `var(--${string})`;
                scrollMarginTop: `var(--${string})`;
                lineHeight: `var(--${string})`;
                textWrap: "balance";
            };
            h2: {
                fontSize: `var(--${string})`;
                fontWeight: `var(--${string})`;
                letterSpacing: `var(--${string})`;
                scrollMarginTop: `var(--${string})`;
                lineHeight: `var(--${string})`;
                textWrap: "balance";
            };
            h3: {
                fontSize: `var(--${string})`;
                fontWeight: `var(--${string})`;
                letterSpacing: `var(--${string})`;
                scrollMarginTop: `var(--${string})`;
                lineHeight: `var(--${string})`;
                textWrap: "balance";
            };
            h4: {
                fontSize: `var(--${string})`;
                fontWeight: `var(--${string})`;
                letterSpacing: `var(--${string})`;
                scrollMarginTop: `var(--${string})`;
                lineHeight: `var(--${string})`;
                textWrap: "balance";
            };
            h5: {
                fontSize: `var(--${string})`;
                fontWeight: `var(--${string})`;
                letterSpacing: `var(--${string})`;
                scrollMarginTop: `var(--${string})`;
                lineHeight: `var(--${string})`;
                textWrap: "balance";
            };
            h6: {
                fontSize: `var(--${string})`;
                fontWeight: `var(--${string})`;
                letterSpacing: `var(--${string})`;
                scrollMarginTop: `var(--${string})`;
                lineHeight: `var(--${string})`;
                textWrap: "balance";
            };
            p: {
                fontSize: `var(--${string})`;
                lineHeight: `var(--${string})`;
            };
            span: {};
            label: {
                fontSize: `var(--${string})`;
                fontWeight: `var(--${string})`;
                lineHeight: `var(--${string})`;
                color: `var(--${string})`;
                selectors: {
                    '&[data-disabled]': {
                        cursor: "not-allowed";
                        opacity: number;
                    };
                };
            };
            small: {
                fontSize: `var(--${string})`;
                lineHeight: `var(--${string})`;
            };
            strong: {
                fontWeight: `var(--${string})`;
            };
            em: {
                fontStyle: "italic";
            };
            blockquote: {
                borderLeft: `2px solid var(--${string})`;
                paddingLeft: `var(--${string})`;
                fontStyle: "italic";
                color: `var(--${string})`;
            };
            pre: {
                borderRadius: `var(--${string})`;
                backgroundColor: `var(--${string})`;
                padding: `var(--${string})`;
                fontFamily: `var(--${string})`;
                fontSize: `var(--${string})`;
                overflowX: "auto";
            };
            code: {
                borderRadius: `var(--${string})`;
                backgroundColor: `var(--${string})`;
                paddingInline: "0.3rem";
                paddingBlock: "0.2rem";
                fontFamily: `var(--${string})`;
                fontSize: `var(--${string})`;
                fontWeight: `var(--${string})`;
            };
            kbd: {
                borderRadius: `var(--${string})`;
                border: `1px solid var(--${string})`;
                backgroundColor: `var(--${string})`;
                paddingInline: `var(--${string})`;
                paddingBlock: `var(--${string})`;
                fontFamily: `var(--${string})`;
                fontSize: `var(--${string})`;
                fontWeight: `var(--${string})`;
                boxShadow: `var(--${string})`;
            };
            samp: {
                fontFamily: `var(--${string})`;
                fontSize: `var(--${string})`;
            };
            abbr: {
                textDecoration: "underline dotted";
                cursor: "help";
            };
            cite: {
                fontStyle: "italic";
                color: `var(--${string})`;
            };
            mark: {
                borderRadius: `var(--${string})`;
                backgroundColor: `var(--${string})`;
                color: `var(--${string})`;
                paddingInline: `var(--${string})`;
            };
            del: {
                textDecoration: "line-through";
                opacity: number;
            };
            ins: {
                textDecoration: "underline";
            };
            sub: {
                fontSize: `var(--${string})`;
                verticalAlign: "sub";
            };
            sup: {
                fontSize: `var(--${string})`;
                verticalAlign: "super";
            };
        };
        fontSize: {
            '2xs': {
                fontSize: `var(--${string})`;
            };
            xs: {
                fontSize: `var(--${string})`;
            };
            sm: {
                fontSize: `var(--${string})`;
            };
            md: {
                fontSize: `var(--${string})`;
            };
            lg: {
                fontSize: `var(--${string})`;
            };
            xl: {
                fontSize: `var(--${string})`;
            };
            '2xl': {
                fontSize: `var(--${string})`;
            };
            '3xl': {
                fontSize: `var(--${string})`;
            };
            '4xl': {
                fontSize: `var(--${string})`;
            };
            '5xl': {
                fontSize: `var(--${string})`;
            };
            '6xl': {
                fontSize: `var(--${string})`;
            };
        };
        fontWeight: {
            thin: {
                fontWeight: `var(--${string})`;
            };
            extralight: {
                fontWeight: `var(--${string})`;
            };
            light: {
                fontWeight: `var(--${string})`;
            };
            normal: {
                fontWeight: `var(--${string})`;
            };
            medium: {
                fontWeight: `var(--${string})`;
            };
            semibold: {
                fontWeight: `var(--${string})`;
            };
            bold: {
                fontWeight: `var(--${string})`;
            };
            extrabold: {
                fontWeight: `var(--${string})`;
            };
            black: {
                fontWeight: `var(--${string})`;
            };
        };
        margin: {
            readonly auto: {
                readonly margin: "auto";
            };
            readonly none: {
                readonly margin: `var(--${string})`;
            };
            readonly px: {
                readonly margin: `var(--${string})`;
            };
            readonly xxs: {
                readonly margin: `var(--${string})`;
            };
            readonly xs: {
                readonly margin: `var(--${string})`;
            };
            readonly xs2: {
                readonly margin: `var(--${string})`;
            };
            readonly sm: {
                readonly margin: `var(--${string})`;
            };
            readonly sm2: {
                readonly margin: `var(--${string})`;
            };
            readonly md: {
                readonly margin: `var(--${string})`;
            };
            readonly md2: {
                readonly margin: `var(--${string})`;
            };
            readonly lg: {
                readonly margin: `var(--${string})`;
            };
            readonly lg2: {
                readonly margin: `var(--${string})`;
            };
            readonly xl: {
                readonly margin: `var(--${string})`;
            };
            readonly '2xl': {
                readonly margin: `var(--${string})`;
            };
            readonly '3xl': {
                readonly margin: `var(--${string})`;
            };
            readonly '4xl': {
                readonly margin: `var(--${string})`;
            };
            readonly '5xl': {
                readonly margin: `var(--${string})`;
            };
        };
        ellipsis: {
            true: {
                overflow: "hidden";
                textOverflow: "ellipsis";
                whiteSpace: "nowrap";
            };
        };
        maxLines: {
            1: {
                overflow: string;
                textOverflow: string;
                display: string;
                WebkitLineClamp: number;
                WebkitBoxOrient: "vertical";
                whiteSpace: "normal";
                overflowWrap: "break-word";
                wordBreak: "normal";
            };
            2: {
                overflow: string;
                textOverflow: string;
                display: string;
                WebkitLineClamp: number;
                WebkitBoxOrient: "vertical";
                whiteSpace: "normal";
                overflowWrap: "break-word";
                wordBreak: "normal";
            };
            3: {
                overflow: string;
                textOverflow: string;
                display: string;
                WebkitLineClamp: number;
                WebkitBoxOrient: "vertical";
                whiteSpace: "normal";
                overflowWrap: "break-word";
                wordBreak: "normal";
            };
            4: {
                overflow: string;
                textOverflow: string;
                display: string;
                WebkitLineClamp: number;
                WebkitBoxOrient: "vertical";
                whiteSpace: "normal";
                overflowWrap: "break-word";
                wordBreak: "normal";
            };
            5: {
                overflow: string;
                textOverflow: string;
                display: string;
                WebkitLineClamp: number;
                WebkitBoxOrient: "vertical";
                whiteSpace: "normal";
                overflowWrap: "break-word";
                wordBreak: "normal";
            };
            6: {
                overflow: string;
                textOverflow: string;
                display: string;
                WebkitLineClamp: number;
                WebkitBoxOrient: "vertical";
                whiteSpace: "normal";
                overflowWrap: "break-word";
                wordBreak: "normal";
            };
        };
        color: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
    }>;
};