@masaischool/lotus/dist/theme/component.d.ts

Masai UI component library designed to work seamlessly with Chakra UI

export declare const Heading: {
    variants: {
        display: {
            fontWeight: string;
            fontSize: string;
            lineHeight: string;
            fontFamily: string;
        };
        h1: {
            fontWeight: string;
            fontSize: string;
            lineHeight: string;
            fontFamily: string;
        };
        h2: {
            fontWeight: string;
            fontSize: string;
            lineHeight: string;
            fontFamily: string;
        };
        h3: {
            fontWeight: string;
            fontSize: string;
            lineHeight: string;
            fontFamily: string;
        };
        h4: {
            fontWeight: string;
            fontSize: string;
            lineHeight: string;
            fontFamily: string;
        };
        h5: {
            fontWeight: string;
            fontSize: string;
            lineHeight: string;
            fontFamily: string;
        };
        h6: {
            fontWeight: string;
            fontSize: string;
            lineHeight: string;
            fontFamily: string;
        };
    };
};
export declare const Colors: {
    secondary: {
        blue: {
            500: string;
        };
    };
    "ms-red": {
        900: string;
        800: string;
        700: string;
        600: string;
        500: string;
        400: string;
        300: string;
        200: string;
        100: string;
        50: string;
    };
    "ms-gray": {
        900: string;
        800: string;
        700: string;
        600: string;
        500: string;
        400: string;
        300: string;
        200: string;
        100: string;
        50: string;
    };
    "ms-blue": {
        900: string;
        800: string;
        700: string;
        600: string;
        500: string;
        400: string;
        300: string;
        200: string;
        100: string;
        50: string;
    };
    "ms-cyan": {
        500: string;
        400: string;
        300: string;
        200: string;
        100: string;
        50: string;
    };
    "ms-green": {
        500: string;
        400: string;
        300: string;
        200: string;
        100: string;
        50: string;
    };
    "ms-yellow": {
        500: string;
        400: string;
        300: string;
        200: string;
        100: string;
        50: string;
    };
    "ms-brick": {
        500: string;
        400: string;
        300: string;
        200: string;
        100: string;
        50: string;
    };
    "ms-error": string;
    "ms-warning": string;
    "ms-info": string;
    "ms-success": string;
};
export declare const TextStyles: {
    display: {
        fontWeight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
    };
    h1: {
        fontWeight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
    };
    h2: {
        fontWeight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
    };
    h3: {
        fontWeight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
    };
    h4: {
        fontWeight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
    };
    h5: {
        fontWeight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
    };
    h6: {
        fontWeight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
    };
    subtitle1: {
        fontWeight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
    };
    subtitle2: {
        fontWeight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
    };
    body1: {
        fontWeight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
    };
    body2: {
        fontWeight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
    };
    button: {
        fontWeight: string;
        fontSize: string[];
        lineHeight: string;
        fontFamily: string;
    };
    caption: {
        fontWeight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
    };
    overline: {
        fontWeight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
    };
};
export declare const LayerStyles: {
    base: {
        bg: string;
        border: string;
        borderColor: string;
    };
    selected: {
        bg: string;
        color: string;
        borderColor: string;
    };
};