diff --git a/paragon/_fonts.scss b/paragon/_fonts.scss index 491fff1c..e69de29b 100644 --- a/paragon/_fonts.scss +++ b/paragon/_fonts.scss @@ -1 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=Roboto+Mono&display=swap'); diff --git a/paragon/tokens/core/global/typography.json b/paragon/tokens/core/global/typography.json index 005cefec..0967ef42 100644 --- a/paragon/tokens/core/global/typography.json +++ b/paragon/tokens/core/global/typography.json @@ -1,165 +1 @@ -{ - "typography": { - "font": { - "family": { - "$type": "fontFamily", - "sans": { - "serif": { - "source": "$font-family-sans-serif", - "$value": "Inter, 'Helvetica Neue', Arial, sans-serif", - "$description": "Sans-serif font family." - } - }, - "serif": { - "source": "$font-family-serif", - "$value": "{typography.font.family.sans.serif}", - "$description": "Serif font family." - }, - "monospace": { - "source": "$font-family-monospace", - "$value": "'Roboto Mono', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace", - "$description": "Monospace font family." - } - }, - "size": { - "$type": "dimension", - "h1": { - "base": { - "source": "$h1-font-size", - "$value": "3rem", - "$description": "Base font size of heading level 1." - }, - "mobile": { - "source": "$h1-mobile-font-size", - "$value": "1.875rem", - "$description": "Mobile font size of heading level 1." - } - }, - "h2": { - "base": { - "source": "$h2-font-size", - "$value": "2.25rem", - "$description": "Font size of heading level 2." - }, - "mobile": { - "source": "$h2-mobile-font-size", - "$value": "1.75rem", - "$description": "Mobile font size of heading level 2." - } - }, - "h3": { - "base": { - "source": "$h3-font-size", - "$value": "1.75rem", - "$description": "Font size of heading level 3." - }, - "mobile": { - "source": "$h3-mobile-font-size", - "$value": "1.5rem", - "$description": "Mobile font size of heading level 3." - } - }, - "h4": { - "base": { - "source": "$h4-font-size", - "$value": "1.5rem", - "$description": "Font size of heading level 4." - }, - "mobile": { - "source": "$h4-mobile-font-size", - "$value": "1.375rem", - "$description": "Mobile font size of heading level 4." - } - }, - "h5": { - "base": { - "source": "$h5-font-size", - "$value": "1.25rem", - "$description": "Font size of heading level 5." - }, - "mobile": { - "source": "$h5-mobile-font-size", - "$value": "1.25rem", - "$description": "Mobile font size of heading level 5." - } - }, - "h6": { - "base": { - "source": "$h6-font-size", - "$value": "1.125rem", - "$description": "Font size of heading level 6." - }, - "mobile": { - "source": "$h6-mobile-font-size", - "$value": "1.125rem", - "$description": "Mobile font size of heading level 6." - } - }, - "display": { - "4": { - "source": "$display4-size", - "$value": "6.125rem", - "$description": "Font size for heading of level 4." - }, - "mobile": { - "1": { - "source": "$display1-mobile-size", - "$value": "3rem", - "$description": "Mobile font size for display heading level 1." - }, - "2": { - "source": "$display2-mobile-size", - "$value": "3.625rem", - "$description": "Mobile font size for display heading level 2." - }, - "3": { - "source": "$display3-mobile-size", - "$value": "4.375rem", - "$description": "Mobile font size for display heading level 3." - }, - "4": { - "source": "$display4-mobile-size", - "$value": "5.25rem", - "$description": "Mobile font size for display heading level 4." - } - } - } - }, - "weight": { - "$type": "fontWeight", - "display": { - "1": { - "source": "$display1-weight", - "$value": "900", - "$description": "Font weight of display level 1." - }, - "2": { - "source": "$display2-weight", - "$value": "900", - "$description": "Font weight of display level 2." - }, - "3": { - "source": "$display3-weight", - "$value": "900", - "$description": "Font weight of display level 3." - }, - "4": { - "source": "$display4-weight", - "$value": "900", - "$description": "Font weight of display level 4." - } - } - } - }, - "line-height": { - "$type": "number", - "display": { - "mobile": { - "source": "$display-mobile-line-height", - "$value": "1", - "$description": "Mobile display line height." - } - } - } - } -} +{}