Skip to content

Commit

Permalink
feat(data): Adding descriptions to origin web fonts to explain what t…
Browse files Browse the repository at this point in the history 
…he clamp values are. Also added a subfolder for fonts to show these are for web only.
  • Loading branch information
@ljemmo
ljemmo committed Jan 8, 2024
1 parent e41afdb commit 449d0c3
Show file tree
Hide file tree
Showing 2 changed files with 187 additions and 171 deletions.
240 changes: 121 additions & 119 deletions data/tokens/global.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -311,162 +311,164 @@
}
},
"typography": {
"hero heading": {
"M": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-headline}",
"fontWeight": "{origin.fontWeights.black}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.f7}"
},
"type": "typography"
},
"L": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-headline}",
"fontWeight": "{origin.fontWeights.black}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.f8}"
},
"type": "typography"
}
},
"heading": {
"S": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.bold}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.f3}"
},
"type": "typography"
},
"M": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.bold}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.f4}"
},
"type": "typography"
},
"L": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.bold}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.f5}"
},
"type": "typography"
},
"XL": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.bold}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.f6}"
},
"type": "typography"
}
},
"subheading": {
"M": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.medium}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.f3}"
},
"type": "typography"
},
"L": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.medium}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.f4}"
},
"type": "typography"
}
},
"body": {
"M": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.regular}",
"lineHeight": "{origin.lineHeights.500}",
"fontSize": "{origin.fontSize.f0}"
"web": {
"hero heading": {
"M": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-headline}",
"fontWeight": "{origin.fontWeights.black}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.web.step7}"
},
"type": "typography"
},
"type": "typography"
"L": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-headline}",
"fontWeight": "{origin.fontWeights.black}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.web.step8}"
},
"type": "typography"
}
},
"L": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.regular}",
"lineHeight": "{origin.lineHeights.500}",
"fontSize": "{origin.fontSize.f2}"
"heading": {
"S": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.bold}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.web.step3}"
},
"type": "typography"
},
"type": "typography"
}
},
"component": {
"strong": {
"M": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-ui}",
"fontWeight": "{origin.fontWeights.medium}",
"lineHeight": "{origin.lineHeights.500}",
"fontSize": "{origin.fontSize.f0}"
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.bold}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.web.step4}"
},
"type": "typography"
},
"L": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-ui}",
"fontWeight": "{origin.fontWeights.medium}",
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.bold}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.f1}"
"fontSize": "{origin.fontSize.web.step5}"
},
"type": "typography"
},
"XL": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-ui}",
"fontWeight": "{origin.fontWeights.medium}",
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.bold}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.f3}"
"fontSize": "{origin.fontSize.web.step6}"
},
"type": "typography"
}
},
"default": {
"subheading": {
"M": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-ui}",
"fontWeight": "{origin.fontWeights.regular}",
"lineHeight": "{origin.lineHeights.500}",
"fontSize": "{origin.fontSize.f0}"
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.medium}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.web.step3}"
},
"type": "typography"
},
"L": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-ui}",
"fontWeight": "{origin.fontWeights.regular}",
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.medium}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.f1}"
"fontSize": "{origin.fontSize.web.step4}"
},
"type": "typography"
}
},
"body": {
"M": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.regular}",
"lineHeight": "{origin.lineHeights.500}",
"fontSize": "{origin.fontSize.web.step0}"
},
"type": "typography"
},
"XL": {
"L": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-ui}",
"fontFamily": "{origin.fontFamilies.sage-text}",
"fontWeight": "{origin.fontWeights.regular}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.f3}"
"lineHeight": "{origin.lineHeights.500}",
"fontSize": "{origin.fontSize.web.step2}"
},
"type": "typography"
}
},
"component": {
"strong": {
"M": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-ui}",
"fontWeight": "{origin.fontWeights.medium}",
"lineHeight": "{origin.lineHeights.500}",
"fontSize": "{origin.fontSize.web.step0}"
},
"type": "typography"
},
"L": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-ui}",
"fontWeight": "{origin.fontWeights.medium}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.web.step1}"
},
"type": "typography"
},
"XL": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-ui}",
"fontWeight": "{origin.fontWeights.medium}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.web.step3}"
},
"type": "typography"
}
},
"default": {
"M": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-ui}",
"fontWeight": "{origin.fontWeights.regular}",
"lineHeight": "{origin.lineHeights.500}",
"fontSize": "{origin.fontSize.web.step0}"
},
"type": "typography"
},
"L": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-ui}",
"fontWeight": "{origin.fontWeights.regular}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.web.step1}"
},
"type": "typography"
},
"XL": {
"value": {
"fontFamily": "{origin.fontFamilies.sage-ui}",
"fontWeight": "{origin.fontWeights.regular}",
"lineHeight": "{origin.lineHeights.400}",
"fontSize": "{origin.fontSize.web.step3}"
},
"type": "typography"
}
}
}
}
}
Expand Down
Loading

0 comments on commit 449d0c3

Please sign in to comment.