@artsy/palette-tokens/dist/typography/v3.js

The design tokens for Artsy's palette

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TEXT_VARIANTS = exports.TEXT_VARIANT_NAMES = exports.TEXT_FONTS = void 0;
/** Available fonts */
exports.TEXT_FONTS = {
    sans: '"ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif',
};
/** Available text variant names */
exports.TEXT_VARIANT_NAMES = [
    "xxxl",
    "xxl",
    "xl",
    "lg",
    "lg-display",
    "md",
    "sm",
    "sm-display",
    "xs",
    "xxs",
    "bq",
];
/** Available text variants */
exports.TEXT_VARIANTS = {
    xxxl: {
        fontSize: "102px",
        lineHeight: "108px",
        letterSpacing: "-0.01em",
    },
    xxl: {
        fontSize: "60px",
        lineHeight: "70px",
        letterSpacing: "-0.01em",
    },
    xl: {
        fontSize: "40px",
        lineHeight: "48px",
        letterSpacing: "-0.01em",
    },
    lg: {
        fontSize: "26px",
        lineHeight: "40px",
        letterSpacing: "-0.01em",
    },
    "lg-display": {
        fontSize: "26px",
        lineHeight: "32px",
        letterSpacing: "-0.01em",
    },
    md: {
        fontSize: "20px",
        lineHeight: "32px",
    },
    sm: {
        fontSize: "16px",
        lineHeight: "26px",
    },
    "sm-display": {
        fontSize: "16px",
        lineHeight: "20px",
    },
    xs: {
        fontSize: "13px",
        lineHeight: "20px",
    },
    xxs: {
        fontSize: "11px",
        lineHeight: "14px",
    },
    bq: {
        fontSize: "50px",
        lineHeight: "60px",
        letterSpacing: "-0.01em",
    },
};