@hhgtech/hhg-components/build/other-eb0ff2f6.js

Hello Health Group common components

'use strict';

var core = require('@mantine/core');

exports.FontWeight = void 0;
(function (FontWeight) {
    FontWeight[FontWeight["regular"] = 400] = "regular";
    FontWeight[FontWeight["halfBold"] = 500] = "halfBold";
    FontWeight[FontWeight["semiBold"] = 600] = "semiBold";
    FontWeight[FontWeight["bold"] = 700] = "bold";
})(exports.FontWeight || (exports.FontWeight = {}));
const GlobalTextStyle = {
    fontSize: {
        base: [core.rem(16), core.rem(16)],
        lg: [core.rem(18), core.rem(16)],
        md: [core.rem(18), core.rem(16)],
        sm: [core.rem(16), core.rem(14)],
        xs: [core.rem(14), core.rem(12)],
        s1: [core.rem(22), core.rem(18)],
        s2: [core.rem(18), core.rem(16)],
        s3: [core.rem(16), core.rem(14)],
        s4: [core.rem(14), core.rem(12)],
        s5: [core.rem(12), core.rem(12)],
        p1: [core.rem(18), core.rem(16)],
        p2: [core.rem(16), core.rem(16)],
        p3: [core.rem(16), core.rem(14)],
        p4: [core.rem(14), core.rem(12)],
        p5: [core.rem(12), core.rem(12)],
        c1: [core.rem(16), core.rem(14)],
        c2: [core.rem(14), core.rem(12)],
        n1: [core.rem(12), core.rem(12)],
        label1: [core.rem(14), core.rem(14)],
        label2: [core.rem(12), core.rem(12)],
        h1: [core.rem(40), core.rem(26)],
        h2: [core.rem(32), core.rem(24)],
        h3: [core.rem(26), core.rem(20)],
        h4: [core.rem(22), core.rem(18)],
        h5: [core.rem(18), core.rem(16)],
        h6: [core.rem(16), core.rem(14)],
    },
    lineHeight: {
        base: [core.rem(24), core.rem(24)],
        lg: [core.rem(32), core.rem(28)],
        md: [core.rem(32), core.rem(28)],
        sm: [core.rem(24), core.rem(22)],
        xs: [core.rem(24), core.rem(18)],
        s1: [core.rem(32), core.rem(26)],
        s2: [core.rem(28), core.rem(24)],
        s3: [core.rem(24), core.rem(24)],
        s4: [core.rem(22), core.rem(18)],
        s5: [core.rem(18), core.rem(18)],
        p1: [core.rem(28), core.rem(28)],
        p2: [core.rem(24), core.rem(24)],
        p3: [core.rem(24), core.rem(22)],
        p4: [core.rem(22), core.rem(18)],
        c1: [core.rem(24), core.rem(22)],
        c2: [core.rem(22), core.rem(18)],
        n1: [core.rem(18), core.rem(18)],
        label1: [core.rem(22), core.rem(22)],
        label2: [core.rem(18), core.rem(18)],
        h1: [core.rem(52), core.rem(34)],
        h2: [core.rem(42), core.rem(32)],
        h3: [core.rem(36), core.rem(26)],
        h4: [core.rem(32), core.rem(26)],
        h5: [core.rem(28), core.rem(24)],
        h6: [core.rem(24), core.rem(22)],
    },
    letterSpacing: {
        lg: [-0.2, 0],
        md: [-0.2, 0],
        sm: [0, -0.2],
        s1: [-0.6, -0.6],
        s2: [-0.4, -0.2],
        s3: [0, -0.2],
        s4: [0, -0.2],
        p1: [-0.2, -0.2],
        p2: [0, -0.2],
        p3: [0, -0.2],
        p4: [-0.2, 0],
        label1: [0, -0.2],
        h1: [-1.2, -0.9],
        h2: [-1, -0.8],
        h3: [-0.8, -0.7],
        h4: [-0.6, -0.6],
        h5: [-0.2, -0.2],
        h6: [0, -0.2],
    },
    fontWeightBySize: {
        s1: exports.FontWeight.semiBold,
        s2: exports.FontWeight.semiBold,
        s3: exports.FontWeight.semiBold,
        s4: exports.FontWeight.semiBold,
        h1: exports.FontWeight.bold,
        h2: exports.FontWeight.bold,
        h3: exports.FontWeight.bold,
        h4: exports.FontWeight.bold,
        h5: exports.FontWeight.bold,
        h6: exports.FontWeight.bold,
    },
    fontWeight: exports.FontWeight,
};

const OTHER_THEME_CONFIG = Object.assign({}, GlobalTextStyle);

exports.OTHER_THEME_CONFIG = OTHER_THEME_CONFIG;