Skip to content

Commit

Permalink
feat(data): adding marketing overrides for semantic mid layer
Browse files Browse the repository at this point in the history
  • Loading branch information
@ljemmo
ljemmo committed Nov 15, 2024
1 parent 522b2d5 commit 04ce276
Show file tree
Hide file tree
Showing 3 changed files with 194 additions and 50 deletions.
8 changes: 4 additions & 4 deletions data/tokens/components/page.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -170,11 +170,11 @@
},
"p": {
"typical": {
"value": "{global.typography.responsive.body.M}",
"value": "{global.typography.responsive.body.S}",
"type": "typography"
},
"large": {
"value": "{global.typography.responsive.body.L}",
"value": "{global.typography.responsive.body.S}",
"type": "typography"
}
}
Expand Down Expand Up @@ -202,11 +202,11 @@
},
"p": {
"typical": {
"value": "{global.typography.adaptive.body.M}",
"value": "{global.typography.adaptive.body.S}",
"type": "typography"
},
"large": {
"value": "{global.typography.adaptive.body.L}",
"value": "{global.typography.adaptive.body.S}",
"type": "typography"
}
}
Expand Down
210 changes: 166 additions & 44 deletions data/tokens/context/marketing.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -188,60 +188,182 @@
}
},
"global": {
"fontSize": {
"adaptive": {
"marketing": {
"step-2": {
"value": "13.22",
"type": "fontSizes"
},
"step-1": {
"value": "14.55",
"type": "fontSizes"
},
"step0": {
"value": "16",
"type": "fontSizes"
"typography": {
"responsive": {
"heading": {
"S": {
"value": {
"fontFamily": "{global.fontFamilies.sage-headline}",
"fontWeight": "{primitives.fontWeights.bold}",
"lineHeight": "{primitives.lineHeights.400}",
"fontSize": "{primitives.fontSize.responsive.marketing.step4}"
},
"type": "typography",
"description": "Small Viewports: 18.66, Large Viewports: 21.53"
},
"step1": {
"value": "17.60",
"type": "fontSizes"
"M": {
"value": {
"fontFamily": "{global.fontFamilies.sage-headline}",
"fontWeight": "{primitives.fontWeights.bold}",
"lineHeight": "{primitives.lineHeights.400}",
"fontSize": "{primitives.fontSize.responsive.marketing.step5}"
},
"type": "typography",
"description": "Small Viewports: 20.16, Large Viewports: 24.97"
},
"step2": {
"value": "19.36",
"type": "fontSizes"
"L": {
"value": {
"fontFamily": "{global.fontFamilies.sage-headline}",
"fontWeight": "{primitives.fontWeights.bold}",
"lineHeight": "{primitives.lineHeights.400}",
"fontSize": "{primitives.fontSize.responsive.marketing.step7}"
},
"type": "typography",
"description": "Small Viewports: 23.51, Large Viewports: 33.61"
}
},
"subheading": {
"M": {
"value": {
"fontFamily": "{global.fontFamilies.sage-headline}",
"fontWeight": "{primitives.fontWeights.bold}",
"lineHeight": "{primitives.lineHeights.400}",
"fontSize": "{primitives.fontSize.responsive.marketing.step0}"
},
"type": "typography",
"description": "Small Viewports: 17.28, Large Viewports: 18.56"
},
"step3": {
"value": "21.30",
"type": "fontSizes"
"L": {
"value": {
"fontFamily": "{global.fontFamilies.sage-headline}",
"fontWeight": "{primitives.fontWeights.bold}",
"lineHeight": "{primitives.lineHeights.400}",
"fontSize": "{primitives.fontSize.responsive.marketing.step2}"
},
"type": "typography",
"description": "Small Viewports: 18.66, Large Viewports: 21.53"
}
},
"body": {
"S": {
"value": {
"fontFamily": "{global.fontFamilies.sage-text}",
"fontWeight": "{primitives.fontWeights.regular}",
"lineHeight": "{primitives.lineHeights.500}",
"fontSize": "{primitives.fontSize.responsive.marketing.step-1}",
"paragraphSpacing": "{primitives.paragraphSpacing.200}"
},
"type": "typography",
"description": "Small Viewports: 16, Large Viewports: 16"
},
"step4": {
"value": "23.43",
"type": "fontSizes"
"M": {
"value": {
"fontFamily": "{global.fontFamilies.sage-text}",
"fontWeight": "{primitives.fontWeights.regular}",
"lineHeight": "{primitives.lineHeights.500}",
"fontSize": "{primitives.fontSize.responsive.marketing.step0}",
"paragraphSpacing": "{primitives.paragraphSpacing.300}"
},
"type": "typography",
"description": "Small Viewports: 17.28, Large Viewports: 18.56"
},
"step5": {
"value": "25.77",
"type": "fontSizes"
"L": {
"value": {
"fontFamily": "{global.fontFamilies.sage-text}",
"fontWeight": "{primitives.fontWeights.regular}",
"lineHeight": "{primitives.lineHeights.500}",
"fontSize": "{primitives.fontSize.responsive.marketing.step1}",
"paragraphSpacing": "{primitives.paragraphSpacing.300}"
},
"type": "typography",
"description": "Small Viewports: 17.28, Large Viewports: 18.56"
}
}
},
"adaptive": {
"heading": {
"S": {
"value": {
"fontFamily": "{global.fontFamilies.sage-headline}",
"fontWeight": "{primitives.fontWeights.bold}",
"lineHeight": "{primitives.lineHeights.400}",
"fontSize": "{global.fontSize.adaptive.marketing.step4}"
},
"type": "typography"
},
"step6": {
"value": "28.34",
"type": "fontSizes"
"M": {
"value": {
"fontFamily": "{global.fontFamilies.sage-headline}",
"fontWeight": "{primitives.fontWeights.bold}",
"lineHeight": "{primitives.lineHeights.400}",
"fontSize": "{global.fontSize.adaptive.marketing.step5}"
},
"type": "typography"
},
"step7": {
"value": "31.18",
"type": "fontSizes"
"L": {
"value": {
"fontFamily": "{global.fontFamilies.sage-headline}",
"fontWeight": "{primitives.fontWeights.bold}",
"lineHeight": "{primitives.lineHeights.400}",
"fontSize": "{global.fontSize.adaptive.marketing.step7}"
},
"type": "typography"
}
},
"subheading": {
"M": {
"value": {
"fontFamily": "{global.fontFamilies.sage-headline}",
"fontWeight": "{primitives.fontWeights.bold}",
"lineHeight": "{primitives.lineHeights.400}",
"fontSize": "{global.fontSize.adaptive.marketing.step0}"
},
"type": "typography"
},
"step8": {
"value": "34.30",
"type": "fontSizes"
"L": {
"value": {
"fontFamily": "{global.fontFamilies.sage-headline}",
"fontWeight": "{primitives.fontWeights.bold}",
"lineHeight": "{primitives.lineHeights.400}",
"fontSize": "{global.fontSize.adaptive.marketing.step2}"
},
"type": "typography",
"description": "Small Viewports: 18.66, Large Viewports: 21.53"
}
},
"body": {
"S": {
"value": {
"fontFamily": "{global.fontFamilies.sage-text}",
"fontWeight": "{primitives.fontWeights.regular}",
"lineHeight": "{primitives.lineHeights.500}",
"fontSize": "{global.fontSize.adaptive.marketing.step-1}",
"paragraphSpacing": "{primitives.paragraphSpacing.200}"
},
"type": "typography",
"description": "Small Viewports: 16, Large Viewports: 16"
},
"step9": {
"value": "37.73",
"type": "fontSizes"
"M": {
"value": {
"fontFamily": "{global.fontFamilies.sage-text}",
"fontWeight": "{primitives.fontWeights.regular}",
"lineHeight": "{primitives.lineHeights.500}",
"fontSize": "{global.fontSize.adaptive.marketing.step0}",
"paragraphSpacing": "{primitives.paragraphSpacing.300}"
},
"type": "typography",
"description": "Small Viewports: 17.28, Large Viewports: 18.56"
},
"step10": {
"value": "41.50",
"type": "fontSizes"
"L": {
"value": {
"fontFamily": "{global.fontFamilies.sage-text}",
"fontWeight": "{primitives.fontWeights.regular}",
"lineHeight": "{primitives.lineHeights.500}",
"fontSize": "{global.fontSize.adaptive.marketing.step1}",
"paragraphSpacing": "{primitives.paragraphSpacing.300}"
},
"type": "typography",
"description": "Small Viewports: 17.28, Large Viewports: 18.56"
}
}
}
Expand Down
26 changes: 24 additions & 2 deletions data/tokens/global/typography.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
}
},
"body": {
"M": {
"S": {
"value": {
"fontFamily": "{global.fontFamilies.sage-text}",
"fontWeight": "{primitives.fontWeights.regular}",
Expand All @@ -68,6 +68,17 @@
"type": "typography",
"description": "Small Viewports: 16, Large Viewports: 16"
},
"M": {
"value": {
"fontFamily": "{global.fontFamilies.sage-text}",
"fontWeight": "{primitives.fontWeights.regular}",
"lineHeight": "{primitives.lineHeights.500}",
"fontSize": "{primitives.fontSize.responsive.product.step1}",
"paragraphSpacing": "{primitives.paragraphSpacing.300}"
},
"type": "typography",
"description": "Small Viewports: 17.28, Large Viewports: 18.56"
},
"L": {
"value": {
"fontFamily": "{global.fontFamilies.sage-text}",
Expand Down Expand Up @@ -426,7 +437,7 @@
}
},
"body": {
"M": {
"S": {
"value": {
"fontFamily": "{global.fontFamilies.sage-text}",
"fontWeight": "{primitives.fontWeights.regular}",
Expand All @@ -437,6 +448,17 @@
"type": "typography",
"description": "Small Viewports: 16, Large Viewports: 16"
},
"M": {
"value": {
"fontFamily": "{global.fontFamilies.sage-text}",
"fontWeight": "{primitives.fontWeights.regular}",
"lineHeight": "{primitives.lineHeights.500}",
"fontSize": "{global.fontSize.adaptive.product.step1}",
"paragraphSpacing": "{primitives.paragraphSpacing.300}"
},
"type": "typography",
"description": "Small Viewports: 17.28, Large Viewports: 18.56"
},
"L": {
"value": {
"fontFamily": "{global.fontFamilies.sage-text}",
Expand Down

0 comments on commit 04ce276

Please sign in to comment.