Type token updates for brand integration #11813
Comments
aagonzales
added
the
planning: umbrella
This was referenced Jul 26, 2022
aagonzales
added a commit
to carbon-design-system/design-language-website
that referenced
this issue
Aug 2, 2022
Related issue: carbon-design-system/carbon#11862 Epic: carbon-design-system/carbon#11813 Type token updates for brand integration
This was referenced Aug 2, 2022
emyarod
pushed a commit
to emyarod/design-language-website
that referenced
this issue
Aug 23, 2022
* Update typeScale.js Related issue: carbon-design-system/carbon#11862 Epic: carbon-design-system/carbon#11813 Type token updates for brand integration * Update src/components/TypesetStyle/typeScale.js Co-authored-by: Alison Joseph <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This is in support of @oliviaflory's brand integration work. Since .com has not migrated to v11 yet, the changes also need to be made retroactively.
Images below show EXISTING values that need to be updated.
Checklist
v10 Changes
v10 Changes
Change from regular to light (weight 300) at XLG and MAX breakpoint
Change from regular to light (weight 300) at SM breakpoint
Change from regular to light (weight 300)
$display-03
Weight doesn't change
42/50 (font-size: 2.625 / line-height: 3.125)
54/64 (font-size: 3.375 / line-height: 4)
60/70 (font-size: 3.75 / line-height: 4.375)
76/86 (font-size: 4.75 / line-height: 5.375)
84/94 (font-size: 5.25 / line-height: 5.875)
$display-04
Takes on value of previous $display-03; WEIGHT CHANGES TO LIGHT 300
42/50 (font-size: 2.625 / line-height: 3.125)
68/78 (font-size: 4.25 / line-height: 4.875)
92/102 (font-size: 5.75 / line-height: 6.375)
122/130 (font-size: 7.625 / line-height: 8.125)
156/164 (font-size: 9.75 / line-height: 10.25)
v11 Changes
v11 changes
Change from regular to light (weight 300) at XLG and MAX breakpoint
Change from regular to light (weight 300) at SM breakpoint
Change from regular to light (weight 300)
$fluid-display-03
Weight doesn't change
42/50 (font-size: 2.625 / line-height: 3.125)
54/64 (font-size: 3.375 / line-height: 4)
60/70 (font-size: 3.75 / line-height: 4.375)
76/86 (font-size: 4.75 / line-height: 5.375)
84/94 (font-size: 5.25 / line-height: 5.875)
$fluid-display-04
Takes on value of previous $fluid-display-03; WEIGHT CHANGES TO LIGHT 300
42/50 (font-size: 2.625 / line-height: 3.125)
68/78 (font-size: 4.25 / line-height: 4.875)
92/102 (font-size: 5.75 / line-height: 6.375)
122/130 (font-size: 7.625 / line-height: 8.125)
156/164 (font-size: 9.75 / line-height: 10.25)
The text was updated successfully, but these errors were encountered: