P8-Panels/app/theme/p8p_typography.js

/*
    Парус 8 - Панели мониторинга
    Кастомные шрифты
*/

//---------
//Константы
//---------

//Шрифт "Montserrat"
const P8PFontMontserrat = {
    fontFamily: "Montserrat",
    fontStyle: "normal"
};

//----------------
//Интерфейс модуля
//----------------

//Кастомные шрифты
export const P8P_TYPOGRAPHY = {
    P8PFontMontserrat: "Montserrat",
    P8PH1: {
        ...P8PFontMontserrat,
        fontSize: "96px",
        fontWeight: "500",
        lineHeight: "117%",
        letterSpacing: "-1.5px"
    },
    P8PH2: {
        ...P8PFontMontserrat,
        fontSize: "60px",
        fontWeight: "500",
        lineHeight: "120%",
        letterSpacing: "-0.5px"
    },
    P8PH3: {
        ...P8PFontMontserrat,
        fontSize: "48px",
        fontWeight: "500",
        lineHeight: "118%"
    },
    P8PH4: {
        ...P8PFontMontserrat,
        fontSize: "32px",
        fontWeight: "600",
        lineHeight: "120%",
        letterSpacing: "0.25px"
    },
    P8PH5: {
        ...P8PFontMontserrat,
        fontSize: "24px",
        fontWeight: "600",
        lineHeight: "130%"
    },
    P8PH6: {
        ...P8PFontMontserrat,
        fontSize: "20px",
        fontWeight: "600",
        lineHeight: "140%",
        letterSpacing: "0.15px"
    },
    P8PH6Light: {
        ...P8PFontMontserrat,
        fontSize: "20px",
        fontWeight: "500",
        lineHeight: "140%",
        letterSpacing: "0.15px"
    },
    P8PH7: {
        ...P8PFontMontserrat,
        fontSize: "18px",
        fontWeight: "600",
        lineHeight: "130%",
        letterSpacing: "0.15px"
    },
    P8PSubtitle1: {
        ...P8PFontMontserrat,
        fontSize: "16px",
        fontWeight: "600",
        lineHeight: "130%",
        letterSpacing: "0.15px"
    },
    P8PSubtitle2: {
        ...P8PFontMontserrat,
        fontSize: "14px",
        fontWeight: "600",
        lineHeight: "140%",
        letterSpacing: "0.1px"
    },
    P8PBody1: {
        ...P8PFontMontserrat,
        fontSize: "16px",
        fontWeight: "500",
        lineHeight: "150%",
        letterSpacing: "0.15px"
    },
    P8PBody2: {
        ...P8PFontMontserrat,
        fontSize: "12px",
        fontWeight: "500",
        lineHeight: "143%",
        letterSpacing: "0.17px"
    },
    P8PBody2Light: {
        ...P8PFontMontserrat,
        fontSize: "12px",
        fontWeight: "400",
        lineHeight: "143%",
        letterSpacing: "0.17px"
    },
    P8PBody3: {
        ...P8PFontMontserrat,
        fontSize: "14px",
        fontWeight: "500",
        lineHeight: "143%",
        letterSpacing: "0.17px"
    },
    P8PBody3Light: {
        ...P8PFontMontserrat,
        fontSize: "14px",
        fontWeight: "400",
        lineHeight: "143%",
        letterSpacing: "0.17px"
    },
    P8PBody4: {
        ...P8PFontMontserrat,
        fontSize: "15px",
        fontWeight: "500",
        lineHeight: "143%",
        letterSpacing: "0.17px"
    },
    P8PCaption: {
        ...P8PFontMontserrat,
        fontSize: "12px",
        fontWeight: "500",
        lineHeight: "166%",
        letterSpacing: "0.4px"
    },
    P8POverline: {
        ...P8PFontMontserrat,
        fontSize: "12px",
        fontWeight: "400",
        lineHeight: "266%",
        letterSpacing: "1px"
    },
    P8PButton: {
        ...P8PFontMontserrat,
        fontSize: "15px",
        fontWeight: "600",
        lineHeight: "26px",
        letterSpacing: "0.46px"
    },
    P8PColumn: {
        ...P8PFontMontserrat,
        fontSize: "12px",
        fontWeight: "600",
        lineHeight: "24px",
        letterSpacing: "0.17px"
    },
    P8PInputLabel: {
        ...P8PFontMontserrat,
        fontSize: "16px"
    },
    P8PBody2Bold: {
        ...P8PFontMontserrat,
        fontSize: "12px",
        fontWeight: "700",
        lineHeight: "143%",
        letterSpacing: "0.17px"
    },
    P8PTitle: {
        ...P8PFontMontserrat,
        fontSize: "15px",
        fontWeight: "500",
        lineHeight: "140%",
        letterSpacing: "0.1px"
    },
    P8PHeader: {
        ...P8PFontMontserrat,
        fontWeight: "600",
        fontSize: "15px",
        lineHeight: "140%",
        letterSpacing: "-0.02em"
    },
    P8PDesktopGroup: {
        fontFamily: "tahoma, arial, verdana, sans-serif!important",
        fontSize: "13px !important",
        fontWeight: "bold"
    },
    P8PDesktopCaption: {
        fontFamily: "tahoma, arial, verdana, sans-serif!important",
        fontSize: "12px",
        lineHeight: "1.2"
    }
};

//Наименование кастомных шрифтов
export const P8P_TYPOGRAPHY_VARIANT = {
    H1: "P8PH1",
    H2: "P8PH2",
    H3: "P8PH3",
    H4: "P8PH4",
    H5: "P8PH5",
    H6: "P8PH6",
    H6_LIGHT: "P8PH6Light",
    H7: "P8PH7",
    SUBTITLE1: "P8PSubtitle1",
    SUBTITLE2: "P8PSubtitle2",
    BODY1: "P8PBody1",
    BODY2: "P8PBody2",
    BODY2_LIGHT: "P8PBody2Light",
    BODY3: "P8PBody3",
    BODY3_LIGHT: "P8PBody3Light",
    CAPTION: "P8PCaption",
    OVERLINE: "P8POverline",
    BUTTON: "P8PButton",
    COLUMN: "P8PColumn",
    INPUT_LABEL: "P8PInputLabel",
    BODY2_BOLD: "P8PBody2Bold",
    TITLE: "P8PTitle",
    HEADER: "P8PHeader",
    DESKTOP_GROUP: "P8PDesktopGroup",
    DESKTOP_CAPTION: "P8PDesktopCaption"
};