-
Notifications
You must be signed in to change notification settings - Fork 4
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
fix: typography component updates #497
Conversation
|
if (size === 'xl') return 20 | ||
return size |
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.
NIce!
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 am wondering if we need xs
= 10px 🤔
I'll be waiting on Design review for this one |
## [1.35.1-fix-typography.1](v1.35.0...v1.35.1-fix-typography.1) (2024-11-20) ### Bug Fixes * typography updates ([f1c7d63](f1c7d63))
children: 'Example Text', | ||
type: undefined, | ||
color: undefined, | ||
size: 'base', |
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.
hooray! 🎉
} | ||
|
||
export const Typography = () => { | ||
return <>DO NOT USE</> |
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.
...or you'll be fired 😝
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.
this is an incredible improvement! 👏
# [1.36.0](v1.35.0...v1.36.0) (2024-11-28) ### Bug Fixes * typography component updates ([#497](#497)) ([d32d390](d32d390)) ### Features * add abSplit icon ([#499](#499)) ([8776f1c](8776f1c)) * add notificationSubscriptions icon ([#505](#505)) ([b4976bc](b4976bc)) * utilize generics in UserPreferencesService ([#504](#504)) ([4838a86](4838a86))
🎉 This PR is included in version 1.36.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Summary
This PR updates the Typography components to better reflect our current customization needs coming from the platforms. It does the following:
size
prop to generically accept numbers rather then only'base' | 'sm' | 'lg' | 'xl'
color
prop work (it wasn't) and provide some auto-complete suggestions for it based onColorText
design tokens.tooltip
prop to bothTypography.Text
andTypography.Link
to be used when those components are used inside a tooltip. Also adds a story for it.Testing Plan
Reference Issue (For mParticle employees only. Ignore if you are an outside contributor)