declare const vars: {
    text: `var(--${string})`;
    icon: `var(--${string})`;
    backgroundStatic: `var(--${string})`;
    background: `var(--${string})`;
    boxShadow: `var(--${string})`;
    zIndex: `var(--${string})`;
};
export declare const fieldTokens: import("@vanilla-extract/recipes").RuntimeFn<{
    disabled: {
        true: {
            vars: {
                [vars.zIndex]: string;
            };
            ':hover': {
                vars: {
                    [vars.zIndex]: string;
                };
            };
            ':active': {
                vars: {
                    [vars.zIndex]: string;
                };
            };
        };
    };
    color: {
        primary: {
            vars: {
                [vars.text]: string;
                [vars.icon]: string;
            };
            ':hover': {
                vars: {
                    [vars.background]: string;
                };
            };
            ':active': {
                vars: {
                    [vars.background]: string;
                };
            };
            selectors: {
                '&[aria-haspopup="menu"][data-state="open"]': {
                    vars: {
                        [vars.background]: string;
                    };
                };
            };
        };
        neutral: {
            vars: {
                [vars.text]: string;
                [vars.icon]: string;
            };
            ':hover': {
                vars: {
                    [vars.background]: string;
                };
            };
            ':active': {
                vars: {
                    [vars.background]: string;
                };
            };
            selectors: {
                '&[aria-haspopup="menu"][data-state="open"]': {
                    vars: {
                        [vars.background]: string;
                    };
                };
            };
        };
        success: {
            vars: {
                [vars.text]: string;
                [vars.icon]: string;
            };
            ':hover': {
                vars: {
                    [vars.background]: string;
                };
            };
            ':active': {
                vars: {
                    [vars.background]: string;
                };
            };
            selectors: {
                '&[aria-haspopup="menu"][data-state="open"]': {
                    vars: {
                        [vars.background]: string;
                    };
                };
            };
        };
        critical: {
            vars: {
                [vars.text]: string;
                [vars.icon]: string;
            };
            ':hover': {
                vars: {
                    [vars.background]: string;
                };
            };
            ':active': {
                vars: {
                    [vars.background]: string;
                };
            };
            selectors: {
                '&[aria-haspopup="menu"][data-state="open"]': {
                    vars: {
                        [vars.background]: string;
                    };
                };
            };
        };
        warning: {
            vars: {
                [vars.text]: string;
                [vars.icon]: string;
            };
            ':hover': {
                vars: {
                    [vars.background]: string;
                };
            };
            ':active': {
                vars: {
                    [vars.background]: string;
                };
            };
            selectors: {
                '&[aria-haspopup="menu"][data-state="open"]': {
                    vars: {
                        [vars.background]: string;
                    };
                };
            };
        };
    };
    variant: {
        default: {
            vars: {
                [vars.background]: string;
                [vars.backgroundStatic]: string;
                [vars.boxShadow]: string;
                [vars.zIndex]: string;
            };
        };
        emphasized: {
            vars: {
                [vars.zIndex]: string;
            };
            ':hover': {
                vars: {
                    [vars.zIndex]: string;
                };
            };
            ':active': {
                vars: {
                    [vars.zIndex]: string;
                };
            };
        };
        accent: {
            vars: {
                [vars.text]: string;
                [vars.icon]: string;
                [vars.zIndex]: string;
            };
        };
    };
}>;
export { vars as fieldColorVars };