@metamask/design-system-tailwind-preset/dist/typography.mjs.map

Design System Tailwind CSS preset for MetaMask projects

{"version":3,"file":"typography.mjs","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"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","sourcesContent":["export const typography = {\n  fontSize: {\n    // small screen typography\n    's-display-lg': 'var(--typography-s-display-lg-font-size)',\n    's-display-md': 'var(--typography-s-display-md-font-size)',\n    's-heading-lg': 'var(--typography-s-heading-lg-font-size)',\n    's-heading-md': 'var(--typography-s-heading-md-font-size)',\n    's-heading-sm': 'var(--typography-s-heading-sm-font-size)',\n    's-body-lg': 'var(--typography-s-body-lg-regular-font-size)',\n    's-body-md': 'var(--typography-s-body-md-font-size)',\n    's-body-sm': 'var(--typography-s-body-sm-font-size)',\n    's-body-xs': 'var(--typography-s-body-xs-font-size)',\n    's-page-heading': 'var(--typography-s-page-heading-font-size)',\n    's-section-heading': 'var(--typography-s-section-heading-font-size)',\n    's-button-label-md': 'var(--typography-s-button-label-md-font-size)',\n    's-button-label-lg': 'var(--typography-s-button-label-lg-font-size)',\n    's-amount-display-lg': 'var(--typography-s-amount-display-lg-font-size)',\n    // large screen typography\n    'l-display-lg': 'var(--typography-l-display-lg-font-size)',\n    'l-display-md': 'var(--typography-l-display-md-font-size)',\n    'l-heading-lg': 'var(--typography-l-heading-lg-font-size)',\n    'l-heading-md': 'var(--typography-l-heading-md-font-size)',\n    'l-heading-sm': 'var(--typography-l-heading-sm-font-size)',\n    'l-body-lg': 'var(--typography-l-body-lg-medium-font-size)',\n    'l-body-md': 'var(--typography-l-body-md-font-size)',\n    'l-body-sm': 'var(--typography-l-body-sm-font-size)',\n    'l-body-xs': 'var(--typography-l-body-xs-font-size)',\n    'l-page-heading': 'var(--typography-l-page-heading-font-size)',\n    'l-section-heading': 'var(--typography-l-section-heading-font-size)',\n    'l-button-label-md': 'var(--typography-l-button-label-md-font-size)',\n    'l-button-label-lg': 'var(--typography-l-button-label-lg-font-size)',\n    'l-amount-display-lg': 'var(--typography-l-amount-display-lg-font-size)',\n  },\n  fontFamily: {\n    sans: 'var(--font-family-default)',\n    default: 'var(--font-family-default)',\n    accent: 'var(--font-family-accent)',\n    hero: 'var(--font-family-hero)',\n  },\n  letterSpacing: {\n    // small screen typography\n    's-display-lg': 'var(--typography-s-display-lg-letter-spacing)',\n    's-display-md': 'var(--typography-s-display-md-letter-spacing)',\n    's-heading-lg': 'var(--typography-s-heading-lg-letter-spacing)',\n    's-heading-md': 'var(--typography-s-heading-md-letter-spacing)',\n    's-heading-sm': 'var(--typography-s-heading-sm-letter-spacing)',\n    's-body-lg': 'var(--typography-s-body-lg-regular-letter-spacing)',\n    's-body-md': 'var(--typography-s-body-md-letter-spacing)',\n    's-body-sm': 'var(--typography-s-body-sm-letter-spacing)',\n    's-body-xs': 'var(--typography-s-body-xs-letter-spacing)',\n    's-page-heading': 'var(--typography-s-page-heading-letter-spacing)',\n    's-section-heading': 'var(--typography-s-section-heading-letter-spacing)',\n    's-button-label-md': 'var(--typography-s-button-label-md-letter-spacing)',\n    's-button-label-lg': 'var(--typography-s-button-label-lg-letter-spacing)',\n    's-amount-display-lg':\n      'var(--typography-s-amount-display-lg-letter-spacing)',\n    // large screen typography\n    'l-display-lg': 'var(--typography-l-display-lg-letter-spacing)',\n    'l-display-md': 'var(--typography-l-display-md-letter-spacing)',\n    'l-heading-lg': 'var(--typography-l-heading-lg-letter-spacing)',\n    'l-heading-md': 'var(--typography-l-heading-md-letter-spacing)',\n    'l-heading-sm': 'var(--typography-l-heading-sm-letter-spacing)',\n    'l-body-lg': 'var(--typography-l-body-lg-medium-letter-spacing)',\n    'l-body-md': 'var(--typography-l-body-md-letter-spacing)',\n    'l-body-sm': 'var(--typography-l-body-sm-letter-spacing)',\n    'l-body-xs': 'var(--typography-l-body-xs-letter-spacing)',\n    'l-page-heading': 'var(--typography-l-page-heading-letter-spacing)',\n    'l-section-heading': 'var(--typography-l-section-heading-letter-spacing)',\n    'l-button-label-md': 'var(--typography-l-button-label-md-letter-spacing)',\n    'l-button-label-lg': 'var(--typography-l-button-label-lg-letter-spacing)',\n    'l-amount-display-lg':\n      'var(--typography-l-amount-display-lg-letter-spacing)',\n  },\n  fontWeight: {\n    // agnostic weights\n    regular: 'var(--font-weight-regular)',\n    medium: 'var(--font-weight-medium)',\n    bold: 'var(--font-weight-bold)',\n  },\n  lineHeight: {\n    // small screen typography\n    's-display-lg': 'var(--typography-s-display-lg-line-height)',\n    's-display-md': 'var(--typography-s-display-md-line-height)',\n    's-heading-lg': 'var(--typography-s-heading-lg-line-height)',\n    's-heading-md': 'var(--typography-s-heading-md-line-height)',\n    's-heading-sm': 'var(--typography-s-heading-sm-line-height)',\n    's-body-lg': 'var(--typography-s-body-lg-regular-line-height)',\n    's-body-md': 'var(--typography-s-body-md-line-height)',\n    's-body-sm': 'var(--typography-s-body-sm-line-height)',\n    's-body-xs': 'var(--typography-s-body-xs-line-height)',\n    's-page-heading': 'var(--typography-s-page-heading-line-height)',\n    's-section-heading': 'var(--typography-s-section-heading-line-height)',\n    's-button-label-md': 'var(--typography-s-button-label-md-line-height)',\n    's-button-label-lg': 'var(--typography-s-button-label-lg-line-height)',\n    's-amount-display-lg': 'var(--typography-s-amount-display-lg-line-height)',\n    // large screen typography\n    'l-display-lg': 'var(--typography-l-display-lg-line-height)',\n    'l-display-md': 'var(--typography-l-display-md-line-height)',\n    'l-heading-lg': 'var(--typography-l-heading-lg-line-height)',\n    'l-heading-md': 'var(--typography-l-heading-md-line-height)',\n    'l-heading-sm': 'var(--typography-l-heading-sm-line-height)',\n    'l-body-lg': 'var(--typography-l-body-lg-medium-line-height)',\n    'l-body-md': 'var(--typography-l-body-md-line-height)',\n    'l-body-sm': 'var(--typography-l-body-sm-line-height)',\n    'l-body-xs': 'var(--typography-l-body-xs-line-height)',\n    'l-page-heading': 'var(--typography-l-page-heading-line-height)',\n    'l-section-heading': 'var(--typography-l-section-heading-line-height)',\n    'l-button-label-md': 'var(--typography-l-button-label-md-line-height)',\n    'l-button-label-lg': 'var(--typography-l-button-label-lg-line-height)',\n    'l-amount-display-lg': 'var(--typography-l-amount-display-lg-line-height)',\n  },\n};\n"]}