-
Notifications
You must be signed in to change notification settings - Fork 44
feat(design-tokens): restructure tokens, option to override severity #4105
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: main
Are you sure you want to change the base?
Conversation
🦋 Changeset detectedLatest commit: 496430b The changes in this PR will be included in the next version bump. This PR includes changesets to release 4 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
Preview deployments for this pull request: storybook - |
.changeset/selfish-carrots-roll.md
Outdated
- Moved severity colors directly to your theme file | ||
- `"link.color.visited"` now references `"$value": "color.link.visited"` from your theme file | ||
|
||
Make sure to update your design tokens |
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.
Perhaps this should be more explicit, "Make sure to regenerate your design tokens with the cli" or something like 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.
Yeah, I'll update with the actual command :)
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.
Looks good to me, but you may want input from others as well 👍
Summary
resolves #3533
resolves #3522
This PR removes the need for a
global.json
file.It moves all global colors to the theme file, and removes the need for names such as "red".
It also removes the need for "purple", and now directly generates the "scale" for link visited. We still use the same purple hex code, to make sure future changes to our color values will be reflected.
As a bonus, I extended our overrides to allow
"severityColors"
Checks
pnpm changeset
if relevant)