@lytejs/ui/types/theme.d.ts

LyteJS UI

export declare const themeColors: {
    primaryDark: string;
    primaryLight: string;
    primaryHighlight: string;
    secondaryHighlight: string;
    primaryButton: string;
    textLight: string;
    surface: string;
    surfaceLight: string;
    surfaceDark: string;
    danger: string;
    selection: string;
    lightPurple: string;
    success: string;
    borderBottomHighligh: string;
    infoYellow: string;
};
export declare const themeFonts: {
    family: {
        primary: string;
        styledHeading: string;
        heading: string;
    };
    size: {
        extraSmall: string;
        evenSmaller: string;
        small: string;
        base: string;
        big: string;
        bigger: string;
        giant: string;
        evenBigger: string;
        lead: string;
        morelead: string;
        massive: string;
        gigantic: string;
        huge: string;
    };
    lineHeight: {
        heading: string;
        subHeading: string;
        pageTitle: string;
        small: string;
        huge: string;
        bigger: string;
        lead: string;
    };
    weight: {
        base: string;
        bold: string;
        heading: string;
        bolder: string;
    };
};
export declare const themeLayouts: {
    margin: {
        small: string;
        regular: string;
        heading: string;
        lead: string;
        menu: string;
        formTitle: string;
    };
    padding: {
        majorButton: string;
        input: string;
        inputNumber: string;
    };
    border: {
        input: string;
    };
    borderRadius: {
        small: string;
    };
    zIndex: {
        header: number;
        headerDropdown: number;
        modal: number;
        drawer: number;
        drawerDropdown: number;
        dateDropdown: number;
    };
};
export declare const theme: {
    colors: {
        primaryDark: string;
        primaryLight: string;
        primaryHighlight: string;
        secondaryHighlight: string;
        primaryButton: string;
        textLight: string;
        surface: string;
        surfaceLight: string;
        surfaceDark: string;
        danger: string;
        selection: string;
        lightPurple: string;
        success: string;
        borderBottomHighligh: string;
        infoYellow: string;
    };
    fonts: {
        family: {
            primary: string;
            styledHeading: string;
            heading: string;
        };
        size: {
            extraSmall: string;
            evenSmaller: string;
            small: string;
            base: string;
            big: string;
            bigger: string;
            giant: string;
            evenBigger: string;
            lead: string;
            morelead: string;
            massive: string;
            gigantic: string;
            huge: string;
        };
        lineHeight: {
            heading: string;
            subHeading: string;
            pageTitle: string;
            small: string;
            huge: string;
            bigger: string;
            lead: string;
        };
        weight: {
            base: string;
            bold: string;
            heading: string;
            bolder: string;
        };
    };
    layouts: {
        margin: {
            small: string;
            regular: string;
            heading: string;
            lead: string;
            menu: string;
            formTitle: string;
        };
        padding: {
            majorButton: string;
            input: string;
            inputNumber: string;
        };
        border: {
            input: string;
        };
        borderRadius: {
            small: string;
        };
        zIndex: {
            header: number;
            headerDropdown: number;
            modal: number;
            drawer: number;
            drawerDropdown: number;
            dateDropdown: number;
        };
    };
    borderRadius: string;
    borderWidth: string;
};