export declare const email_only_input: string;
export declare const iconInput: import('@vanilla-extract/recipes').RuntimeFn<{
    size: {
        small: {
            width: number;
            height: number;
        };
        medium: {
            width: number;
            height: number;
        };
        large: {
            width: number;
            height: number;
        };
    };
}>;
export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeFn<{
    variant: {
        primary: {};
        secondary: {};
        tertiary: {
            color: `var(--${string})`;
        };
        quaternary: {
            color: `var(--${string})`;
        };
    };
    error: {
        true: {
            color: `var(--${string})`;
            borderColor: `var(--${string})`;
        };
    };
    disabled: {
        true: {
            color: `var(--${string})`;
        };
    };
    isCheckbox: {
        true: {
            display: "grid";
            gridTemplateColumns: "24px auto";
            gap: ".5rem";
        };
    };
}>;
export declare const iconContainerBase: string;
export declare const iconContainer: Record<"left" | "right", string>;
export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
    size: {
        small: {
            paddingTop: number;
            paddingBottom: number;
            selectors: {};
        };
        medium: {
            paddingTop: number;
            paddingBottom: number;
        };
        large: {
            paddingTop: number;
            paddingBottom: number;
        };
    };
    error: {
        true: {
            borderColor: `var(--${string})`;
            selectors: {
                "&:focus-within": {
                    borderColor: `var(--${string})`;
                };
            };
        };
    };
    disabled: {
        true: {
            borderColor: `var(--${string})`;
            color: `var(--${string})`;
            background: `var(--${string})`;
        };
    };
}>;
export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
    size: {
        small: {
            fontSize: number;
            lineHeight: "20px";
            selectors: {
                [x: string]: {
                    paddingLeft: number;
                    paddingRight?: undefined;
                } | {
                    paddingRight: number;
                    paddingLeft?: undefined;
                };
            };
        };
        medium: {
            fontSize: number;
            lineHeight: "24px";
            selectors: {
                [x: string]: {
                    paddingLeft: number;
                    paddingRight?: undefined;
                } | {
                    paddingRight: number;
                    paddingLeft?: undefined;
                };
            };
        };
        large: {
            fontSize: number;
            lineHeight: "24px";
            selectors: {
                [x: string]: {
                    paddingLeft: number;
                    paddingRight?: undefined;
                } | {
                    paddingRight: number;
                    paddingLeft?: undefined;
                };
            };
        };
    };
    error: {
        true: {
            borderColor: `var(--${string})`;
            selectors: {};
        };
    };
    disabled: {
        true: {
            borderColor: `var(--${string})`;
            color: `var(--${string})`;
            background: `var(--${string})`;
        };
    };
}>;
export declare const wrapper: import('@vanilla-extract/recipes').RuntimeFn<{
    [x: string]: {
        [x: string]: string | import('@vanilla-extract/css').ComplexStyleRule;
    };
}>;
export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
    disabled: {
        true: {
            color: "#5E6A74";
        };
    };
    error: {
        true: {
            borderColor: `var(--${string})`;
            color: `var(--${string})`;
        };
    };
}>;