export declare const card: import("@vanilla-extract/recipes").RuntimeFn<{
    tone: {
        neutral: {
            backgroundImage: `var(--${string})`;
            boxShadow: `var(--${string})`;
        };
        info: {
            backgroundImage: `var(--${string})`;
            boxShadow: `var(--${string})`;
        };
        success: {
            backgroundImage: `var(--${string})`;
            boxShadow: `var(--${string})`;
        };
        warning: {
            backgroundImage: `var(--${string})`;
            boxShadow: `var(--${string})`;
        };
        danger: {
            backgroundImage: `var(--${string})`;
            boxShadow: `var(--${string})`;
        };
    };
}>;
export declare const root: import("@vanilla-extract/recipes").RuntimeFn<{
    density: {
        comfortable: string;
        compact: string;
    };
}>;
export declare const top: string;
export declare const label: string;
export declare const value: string;
export declare const valueDensity: import("@vanilla-extract/recipes").RuntimeFn<{
    density: {
        comfortable: string;
        compact: string;
    };
}>;
export declare const valueContent: string;
export declare const valueContentInline: string;
export declare const hint: string;
export declare const icon: string;
//# sourceMappingURL=MetricCard.css.d.ts.map