-
Notifications
You must be signed in to change notification settings - Fork 2.8k
Semantic-Tokens: React-Link #34218
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
base: extended-tokens
Are you sure you want to change the base?
Semantic-Tokens: React-Link #34218
Conversation
Pull request demo site: URL |
}, | ||
}, | ||
|
||
// Semantic-tokens does not include inverted tokens, use existing tokens for now. | ||
inverted: { | ||
color: tokens.colorBrandForegroundInverted, |
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.
Wondering if we should bring this to the group to figure out what we want our stance on things like this to be. Should it be handled through theme or do we need explicit semantic tokens here as well?
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.
Current stance is that inverted tokens should be avoided in semantic to avoid unnecessary complexity, and that a local variant theme or style override (optionally using custom style hooks) should be localized to the intended component (currently inverted tokens are only used in link and toast headers)
43a6cef
to
e929366
Compare
Updates React-link to use semantic tokens
To be landed after #34217
Extended tokens branch will be PR'd against master to validate via bundle size tool.
Previous Behavior
React-link used existing fluentui/tokens set
New Behavior
React-link now uses fluentui/semantic-tokens set