@crossed/ui/lib/typescript/styles/typography.d.ts

A universal & performant styling library for React Native, Next.js & React

/**
 * Copyright (c) Paymium.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root of this projects source tree.
 */
export declare const headingTemplateStyles: {
    xl: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
            fontWeight: "900";
        };
    }>;
    lg: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
            fontWeight: "800";
        };
    }>;
    md: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
            fontWeight: "700";
        };
    }>;
};
export declare const sizeTemplateStyles: {
    default: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
            fontWeight: "400";
        };
        media: {
            md: {
                fontSize: number;
                lineHeight: number;
                fontWeight: "400";
            };
        };
    }>;
    md: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
            fontWeight: "400";
        };
        media: {
            md: {
                fontSize: number;
                lineHeight: number;
                fontWeight: "400";
            };
        };
    }>;
    sm: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
            fontWeight: "400";
        };
        media: {
            md: {
                fontSize: number;
                lineHeight: number;
                fontWeight: "400";
            };
        };
    }>;
};
export declare const fontSizeStyles: {
    xs: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
        };
    }>;
    sm: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
        };
    }>;
    md: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
        };
    }>;
    lg: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
        };
    }>;
    xl: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
        };
    }>;
    h6: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
        };
    }>;
    h5: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
        };
    }>;
    h4: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
        };
    }>;
    h3: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
        };
    }>;
    h2: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
        };
    }>;
    h1: import("@crossed/styled").CrossedMethods<{
        base: {
            fontSize: number;
            lineHeight: number;
        };
    }>;
};
export declare const fontWeightStyles: {
    xs: import("@crossed/styled").CrossedMethods<{
        base: {
            fontWeight: "400";
        };
        media: {
            md: {
                fontWeight: "400";
            };
        };
    }>;
    sm: import("@crossed/styled").CrossedMethods<{
        base: {
            fontWeight: "400";
        };
        media: {
            md: {
                fontWeight: "400";
            };
        };
    }>;
    md: import("@crossed/styled").CrossedMethods<{
        base: {
            fontWeight: "400";
        };
        media: {
            md: {
                fontWeight: "400";
            };
        };
    }>;
    lg: import("@crossed/styled").CrossedMethods<{
        base: {
            fontWeight: "600";
        };
        media: {
            md: {
                fontWeight: "600";
            };
        };
    }>;
    xl: import("@crossed/styled").CrossedMethods<{
        base: {
            fontWeight: "700";
        };
        media: {
            md: {
                fontWeight: "700";
            };
        };
    }>;
    h6: import("@crossed/styled").CrossedMethods<{
        base: {
            fontWeight: "700";
        };
        media: {
            md: {
                fontWeight: "700";
            };
        };
    }>;
    h5: import("@crossed/styled").CrossedMethods<{
        base: {
            fontWeight: "700";
        };
        media: {
            md: {
                fontWeight: "700";
            };
        };
    }>;
    h4: import("@crossed/styled").CrossedMethods<{
        base: {
            fontWeight: "700";
        };
        media: {
            md: {
                fontWeight: "700";
            };
        };
    }>;
    h3: import("@crossed/styled").CrossedMethods<{
        base: {
            fontWeight: "700";
        };
        media: {
            md: {
                fontWeight: "700";
            };
        };
    }>;
    h2: import("@crossed/styled").CrossedMethods<{
        base: {
            fontWeight: "700";
        };
        media: {
            md: {
                fontWeight: "700";
            };
        };
    }>;
    h1: import("@crossed/styled").CrossedMethods<{
        base: {
            fontWeight: "700";
        };
        media: {
            md: {
                fontWeight: "700";
            };
        };
    }>;
};
export declare const fontColorStyles: {
    primary: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "black" | "white";
        };
    }>;
    secondary: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "#CDCBEC" | "#5D607C";
        };
    }>;
    default: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "black" | "white";
        };
    }>;
    info: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "#93C5FD";
        };
    }>;
    warning: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "#F97316";
        };
    }>;
    error: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "#EF4444";
        };
    }>;
    success: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "#3ABB7D";
        };
    }>;
    brand: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "#9088F7" | "#4737FF";
        };
    }>;
    invert: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "black" | "white";
        };
    }>;
};
//# sourceMappingURL=typography.d.ts.map