@maggioli-design-system/design-tokens/dist/js/tailwind-font-size.js

This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.

/*
@magma-design-system/design-tokens v13.7.1
Generated by Style Dictionary
Do not edit directly
Generated at Tue, 03 Jun 2025 08:08:46 GMT
*/

const fontSize = {
    "size-title-h1": ['3rem', {
      letterSpacing: '-0.025em',
      lineHeight: '3rem',
    }],
    "size-title-h2": ['2.25rem', {
      letterSpacing: '-0.025em',
      lineHeight: '2.5rem',
    }],
    "size-title-h3": ['1.875rem', {
      letterSpacing: '-0.025em',
      lineHeight: '2.25rem',
    }],
    "size-title-h4": ['1.5rem', {
      letterSpacing: '-0.025em',
      lineHeight: '2rem',
    }],
    "size-title-h5": ['1.25rem', {
      letterSpacing: '-0.025em',
      lineHeight: '1.75rem',
    }],
    "size-title-h6": ['1rem', {
      letterSpacing: '-0.025em',
      lineHeight: '1.5rem',
    }],
    "size-title-action": ['0.875rem', {
      lineHeight: '1.5rem',
    }],
    "size-info-paragraph": ['1.25rem', {
      lineHeight: '2rem',
    }],
    "size-info-detail": ['1rem', {
      lineHeight: '1.5rem',
    }],
    "size-info-caption": ['0.875rem', {
      lineHeight: '1.25rem',
    }],
    "size-info-label": ['0.75rem', {
      lineHeight: '1rem',
    }],
    "size-info-option": ['0.625rem', {
      letterSpacing: '-0.025em',
      lineHeight: '0.625rem',
    }],
    "size-info-tip": ['0.75rem', {
      lineHeight: '1rem',
    }],
    "size-read-paragraph": ['1.25rem', {
      lineHeight: '2rem',
    }],
    "size-read-detail": ['1rem', {
      lineHeight: '1.5rem',
    }],
    "size-read-caption": ['0.875rem', {
      lineHeight: '1.25rem',
    }],
    "size-code-snippet": ['1rem', {
      lineHeight: '1.5rem',
    }],
    "size-code-hack": ['0.875rem', {
      lineHeight: '1.25rem',
    }],
}

module.exports = {
  fontSize,
}