-
Notifications
You must be signed in to change notification settings - Fork 10
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add core typography tokens for Android #3
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Otherwise looks good to me
"value": "0.5px", | ||
"type": "letterSpacing" | ||
}, | ||
"sm": { | ||
"value": "0.4px", | ||
"type": "letterSpacing" | ||
}, | ||
"md": { | ||
"value": "0.25px", | ||
"type": "letterSpacing" | ||
}, | ||
"lg": { | ||
"value": "0.25px", | ||
"type": "letterSpacing" | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Both iOS and Web use percentages for letter spacing. Is that expected to have pixel values here?
And for my own understanding, what's the rationale behind that?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I added the rationale to the internal doc on transforming typography tokens, but just realized I haven't pushed it yet. Let me do it now.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actually, I pushed it yesterday. https://github.com/vector-im/compound-internal/blob/main/docs/typography.md#android
@@ -162,6 +162,35 @@ object DarkDesignTokens { | |||
val cpdColorGray300 = Color(0xffe2e6ea) | |||
val cpdColorGray200 = Color(0xffeef1f3) | |||
val cpdColorGray100 = Color(0xfff7f8f9) | |||
val cpdFontLetterSpacingHeadingXl = 0 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The output, once again looks wrong. I'll do the same exercise with the Android team
Core typography tokens for Android. Most useful for generating Figma Styles.
Please note that it doesn't include composite tokens for monospace fonts and uppercase text yet.