-
Notifications
You must be signed in to change notification settings - Fork 1.2k
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
Clean up experimental dark tokens #12467
Conversation
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
8849ffd
to
4c6f71a
Compare
4c6f71a
to
4cd5942
Compare
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
/snapit |
🫰✨ Thanks @sophschneider! Your snapshots have been published to npm. Test the snapshots by updating your "@shopify/polaris-icons": "0.0.0-snapshot-20240729151723",
"@shopify/polaris-migrator": "0.0.0-snapshot-20240729151723",
"@shopify/polaris": "0.0.0-snapshot-20240729151723",
"@shopify/polaris-tokens": "0.0.0-snapshot-20240729151723",
"@shopify/stylelint-polaris": "0.0.0-snapshot-20240729151723" |
'color-bg-surface-secondary-active': {value: colors.whiteAlpha[9]}, | ||
'color-bg-surface-secondary-hover': {value: colors.whiteAlpha[6]}, | ||
'color-bg-fill-transparent': {value: colors.whiteAlpha[8]}, | ||
'color-bg-fill-brand': {value: colors.gray[1]}, | ||
'color-text-brand-on-bg-fill': {value: colors.gray[15]}, | ||
'color-bg-surface-hover': {value: colors.gray[14]}, | ||
'color-bg-fill-hover': {value: 'rgba(37, 37, 37, 1)'}, | ||
'color-bg-fill-hover': {value: colors.whiteAlpha[5]}, |
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.
@bernardojoaogarcia would you be able to double check these values? I think I cross referenced all of them but want a second pair of eyes
Make sure this doesn't break the file editor 🙏 |
@alex-page fo sho! I already tophatted with the file editor next beta but might be worth @dustinmalik taking a look to double check https://admin.web.web-zj1n.sophie-schneider.us.spin.dev/store/shop1/products/1 |
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.
🙌 🙌
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.
🎩 of FileEditorModal LGTM
This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. # Releases ## @shopify/polaris-tokens@9.4.0 ### Minor Changes - [#12467](#12467) [`a98276358`](a982763) Thanks [@sophschneider](https://github.com/sophschneider)! - Remove experimental suffix from tooltip tokens, remove border gradient experimental tokens, add token for `bg-fill-secondary-selected`, and add more `dark-experimental` theme values. ## @shopify/polaris-migrator@1.0.5 ### Patch Changes - Updated dependencies \[[`a98276358`](a982763)]: - @shopify/polaris-tokens@9.4.0 - @shopify/stylelint-polaris@16.0.5 ## @shopify/polaris@13.8.1 ### Patch Changes - [#12467](#12467) [`a98276358`](a982763) Thanks [@sophschneider](https://github.com/sophschneider)! - Remove experimental suffix from tooltip tokens, remove border gradient experimental tokens, add token for `bg-fill-secondary-selected`, and add more `dark-experimental` theme values. - Updated dependencies \[[`a98276358`](a982763)]: - @shopify/polaris-tokens@9.4.0 ## @shopify/stylelint-polaris@16.0.5 ### Patch Changes - Updated dependencies \[[`a98276358`](a982763)]: - @shopify/polaris-tokens@9.4.0 ## polaris-for-vscode@1.0.5 ### Patch Changes - Updated dependencies \[[`a98276358`](a982763)]: - @shopify/polaris-tokens@9.4.0 ## polaris.shopify.com@1.0.12 ### Patch Changes - Updated dependencies \[[`a98276358`](a982763)]: - @shopify/polaris-tokens@9.4.0 - @shopify/polaris@13.8.1 Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
WHY are these changes introduced?
Part of https://github.com/Shopify/polaris-internal/issues/166
Part of https://github.com/Shopify/polaris-internal/issues/537
WHAT is this pull request doing?
experimental
suffix from tooltip tokensbg-fill-secondary-selected
tokendark-experimental
theme changesHow to 🎩
Demo of all button states
Screen.Recording.2024-07-29.at.5.25.10.PM.mov
Figma files with button states
Go through the flow, noticing all button states of:
https://admin.web.web-zj1n.sophie-schneider.us.spin.dev/store/shop1/products/1