@metamask/design-system-twrnc-preset
Version:
165 lines • 8.59 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.typographyTailwindConfig = void 0;
const design_tokens_1 = require("@metamask/design-tokens");
exports.typographyTailwindConfig = {
fontSize: {
'display-lg': [
design_tokens_1.typography.sDisplayLG.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sDisplayLG.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sDisplayLG.letterSpacing}`,
fontWeight: design_tokens_1.typography.sDisplayLG.fontWeight,
},
],
'display-md': [
design_tokens_1.typography.sDisplayMD.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sDisplayMD.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sDisplayMD.letterSpacing}`,
fontWeight: design_tokens_1.typography.sDisplayMD.fontWeight,
},
],
'heading-lg': [
design_tokens_1.typography.sHeadingLG.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sHeadingLG.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sHeadingLG.letterSpacing}`,
fontWeight: design_tokens_1.typography.sHeadingLG.fontWeight,
},
],
'heading-md': [
design_tokens_1.typography.sHeadingMD.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sHeadingMD.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sHeadingMD.letterSpacing}`,
fontWeight: design_tokens_1.typography.sHeadingMD.fontWeight,
},
],
'heading-sm': [
design_tokens_1.typography.sHeadingSM.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sHeadingSM.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sHeadingSM.letterSpacing}`,
fontWeight: design_tokens_1.typography.sHeadingSM.fontWeight,
},
],
'body-lg': [
design_tokens_1.typography.sBodyLGMedium.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sBodyLGMedium.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sBodyLGMedium.letterSpacing}`,
fontWeight: design_tokens_1.typography.sBodyLGMedium.fontWeight,
},
],
'body-md': [
design_tokens_1.typography.sBodyMD.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sBodyMD.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sBodyMD.letterSpacing}`,
fontWeight: design_tokens_1.typography.sBodyMD.fontWeight,
},
],
'body-sm': [
design_tokens_1.typography.sBodySM.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sBodySM.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sBodySM.letterSpacing}`,
fontWeight: design_tokens_1.typography.sBodySM.fontWeight,
},
],
'body-xs': [
design_tokens_1.typography.sBodyXS.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sBodyXS.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sBodyXS.letterSpacing}`,
fontWeight: design_tokens_1.typography.sBodyXS.fontWeight,
},
],
'page-heading': [
design_tokens_1.typography.sPageHeading.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sPageHeading.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sPageHeading.letterSpacing}`,
fontWeight: design_tokens_1.typography.sPageHeading.fontWeight,
},
],
'section-heading': [
design_tokens_1.typography.sSectionHeading.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sSectionHeading.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sSectionHeading.letterSpacing}`,
fontWeight: design_tokens_1.typography.sSectionHeading.fontWeight,
},
],
'button-label-md': [
design_tokens_1.typography.sButtonLabelMd.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sButtonLabelMd.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sButtonLabelMd.letterSpacing}`,
fontWeight: design_tokens_1.typography.sButtonLabelMd.fontWeight,
},
],
'button-label-lg': [
design_tokens_1.typography.sButtonLabelLg.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sButtonLabelLg.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sButtonLabelLg.letterSpacing}`,
fontWeight: design_tokens_1.typography.sButtonLabelLg.fontWeight,
},
],
'amount-display-lg': [
design_tokens_1.typography.sAmountDisplayLg.fontSize.toString(),
{
lineHeight: `${design_tokens_1.typography.sAmountDisplayLg.lineHeight}px`,
letterSpacing: `${design_tokens_1.typography.sAmountDisplayLg.letterSpacing}`,
fontWeight: design_tokens_1.typography.sAmountDisplayLg.fontWeight,
},
],
},
fontFamily: {
'default-regular': 'Geist Regular',
'default-regular-italic': 'Geist Regular Italic',
'default-medium': 'Geist Medium',
'default-medium-italic': 'Geist Medium Italic',
'default-bold': 'Geist Bold',
'default-bold-italic': 'Geist Bold Italic',
'accent-regular': 'MM Sans Regular',
'accent-medium': 'MM Sans Medium',
'accent-bold': 'MM Sans Bold',
'hero-regular': 'MM Poly Regular',
},
letterSpacing: {
'display-lg': `${design_tokens_1.typography.sDisplayLG.letterSpacing}`,
'display-md': `${design_tokens_1.typography.sDisplayMD.letterSpacing}`,
'heading-lg': `${design_tokens_1.typography.sHeadingLG.letterSpacing}`,
'heading-md': `${design_tokens_1.typography.sHeadingMD.letterSpacing}`,
'heading-sm': `${design_tokens_1.typography.sHeadingSM.letterSpacing}`,
'body-lg': `${design_tokens_1.typography.sBodyLGMedium.letterSpacing}`,
'body-md': `${design_tokens_1.typography.sBodyMD.letterSpacing}`,
'body-sm': `${design_tokens_1.typography.sBodySM.letterSpacing}`,
'body-xs': `${design_tokens_1.typography.sBodyXS.letterSpacing}`,
'page-heading': `${design_tokens_1.typography.sPageHeading.letterSpacing}`,
'section-heading': `${design_tokens_1.typography.sSectionHeading.letterSpacing}`,
'button-label-md': `${design_tokens_1.typography.sButtonLabelMd.letterSpacing}`,
'button-label-lg': `${design_tokens_1.typography.sButtonLabelLg.letterSpacing}`,
'amount-display-lg': `${design_tokens_1.typography.sAmountDisplayLg.letterSpacing}`,
},
lineHeight: {
'display-lg': `${design_tokens_1.typography.sDisplayLG.lineHeight}px`,
'display-md': `${design_tokens_1.typography.sDisplayMD.lineHeight}px`,
'heading-lg': `${design_tokens_1.typography.sHeadingLG.lineHeight}px`,
'heading-md': `${design_tokens_1.typography.sHeadingMD.lineHeight}px`,
'heading-sm': `${design_tokens_1.typography.sHeadingSM.lineHeight}px`,
'body-lg': `${design_tokens_1.typography.sBodyLGMedium.lineHeight}px`,
'body-md': `${design_tokens_1.typography.sBodyMD.lineHeight}px`,
'body-sm': `${design_tokens_1.typography.sBodySM.lineHeight}px`,
'body-xs': `${design_tokens_1.typography.sBodyXS.lineHeight}px`,
'page-heading': `${design_tokens_1.typography.sPageHeading.lineHeight}px`,
'section-heading': `${design_tokens_1.typography.sSectionHeading.lineHeight}px`,
'button-label-md': `${design_tokens_1.typography.sButtonLabelMd.lineHeight}px`,
'button-label-lg': `${design_tokens_1.typography.sButtonLabelLg.lineHeight}px`,
'amount-display-lg': `${design_tokens_1.typography.sAmountDisplayLg.lineHeight}px`,
},
};
//# sourceMappingURL=typography.cjs.map