@onwave/ui/dist/core/typography.js

onwave ui library

var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
import { css } from "@emotion/core";
export var typography = {
    display2: {
        fontSize: "6rem",
        fontWeight: "normal",
        lineHeight: "6.75rem",
        letterSpacing: -1,
    },
    display3: {
        fontSize: "4.5rem",
        fontWeight: "normal",
        lineHeight: "5.375rem",
        letterSpacing: -0.5,
    },
    heading1: {
        fontSize: "3rem",
        fontWeight: "bold",
        lineHeight: "3.5rem",
        letterSpacing: 0,
    },
    heading2: {
        fontSize: "2rem",
        fontWeight: "bold",
        lineHeight: "2.5rem",
        letterSpacing: 0,
    },
    heading3: {
        fontSize: "1.5rem",
        fontWeight: "bold",
        lineHeight: "2rem",
        letterSpacing: 0,
    },
    subtitle1: {
        fontSize: "1.25rem",
        fontWeight: "bold",
        lineHeight: "1.75rem",
        letterSpacing: 0,
    },
    subtitle2: {
        fontSize: "1.125rem",
        fontWeight: "bold",
        lineHeight: "1.5rem",
        letterSpacing: -0.45,
    },
    body1: {
        fontSize: "1rem",
        fontWeight: "normal",
        lineHeight: "1.5rem",
        letterSpacing: -0.3,
    },
    body2: {
        fontSize: "0.875rem",
        fontWeight: "normal",
        lineHeight: "1.25rem",
        letterSpacing: -0.15,
    },
    caption1: {
        fontSize: "0.6875rem",
        fontWeight: "normal",
        lineHeight: "1rem",
        letterSpacing: 0,
    },
    caption2: {
        fontSize: "0.5625rem",
        fontWeight: "normal",
        lineHeight: "0.75rem",
        letterSpacing: 0,
    },
};
export var typographyCSS = Object.entries(typography).reduce(function (acc, _a) {
    var _b;
    var key = _a[0], value = _a[1];
    return (__assign(__assign({}, acc), (_b = {}, _b[key] = css(value), _b)));
}, {});
//# sourceMappingURL=typography.js.map