/**
 * Created by nghinv on Sat Jun 12 2021
 * Copyright (c) 2021 nghinv@lumi.biz
 */
import type { FontWeightType, TextStylesType } from './types';
export declare const FontWeight: FontWeightType;
export declare const TextStyles: {
    h0: {
        fontWeight: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
        fontSize: number;
        lineHeight: number;
    };
    h1: {
        fontWeight: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
        fontSize: number;
        lineHeight: number;
    };
    h2: {
        fontWeight: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
        fontSize: number;
        lineHeight: number;
    };
    p0: {
        fontSize: number;
        lineHeight: number;
    };
    p1: {
        fontSize: number;
        lineHeight: number;
    };
    p2: {
        fontSize: number;
        lineHeight: number;
    };
    p3: {
        fontSize: number;
        lineHeight: number;
    };
};
export declare function TextStylesWithColor(color: string): TextStylesType;
export declare const Spacing: {
    /**
     * 4px
     */
    s1: number;
    /**
     * 8px
     */
    s2: number;
    /**
     * 12px
     */
    s3: number;
    /**
     * 16px
     */
    s4: number;
    /**
     * 20px
     */
    s5: number;
    /**
     * 24px
     */
    s6: number;
    /**
     * 28px
     */
    s7: number;
    /**
     * 32px
     */
    s8: number;
    /**
     * 36px
     */
    s9: number;
    /**
     * 40px
     */
    s10: number;
};
export declare const BorderRadius: {
    /**
     * 4px
     */
    r1: number;
    /**
     * 8px
     */
    r2: number;
    /**
     * 12px
     */
    r3: number;
    /**
     * 16px
     */
    r4: number;
    /**
     * 20px
     */
    r5: number;
    /**
     * 24px
     */
    r6: number;
    /**
     * 28px
     */
    r7: number;
    /**
     * 32px
     */
    r8: number;
    /**
     * 36px
     */
    r9: number;
    /**
     * 40px
     */
    r10: number;
};