Skip to content
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

Merged
merged 3 commits into from
Jul 30, 2024
Merged

Conversation

sophschneider
Copy link
Contributor

@sophschneider sophschneider commented Jul 25, 2024

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?

  • remove all border gradient experimental tokens (we will be doing this internally for now since its not being used in other polaris components)
  • remove experimental suffix from tooltip tokens
  • add bg-fill-secondary-selected token
  • dark-experimental theme changes

How 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:

  1. Make an edit to product title
  2. discard
  3. Make an edit to product title
  4. Save
  5. Press other top bar buttons (user menu, notifications)

https://admin.web.web-zj1n.sophie-schneider.us.spin.dev/store/shop1/products/1

@sophschneider

This comment was marked as outdated.

This comment was marked as outdated.

@sophschneider sophschneider force-pushed the sophie/topbar-token-clean-up branch 2 times, most recently from 8849ffd to 4c6f71a Compare July 25, 2024 21:24
@sophschneider

This comment was marked as outdated.

This comment was marked as outdated.

@sophschneider

This comment was marked as outdated.

This comment was marked as outdated.

@sophschneider
Copy link
Contributor Author

/snapit

Copy link
Contributor

🫰✨ Thanks @sophschneider! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

"@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]},
Copy link
Contributor Author

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

@sophschneider sophschneider changed the title Clean up experimental dark dokens Clean up experimental dark tokens Jul 29, 2024
@alex-page
Copy link
Member

Make sure this doesn't break the file editor 🙏

@sophschneider
Copy link
Contributor Author

@alex-page fo sho! I already tophatted with the file editor next beta but might be worth @dustinmalik taking a look to double check

Screenshot 2024-07-29 at 10 20 10 PM

https://admin.web.web-zj1n.sophie-schneider.us.spin.dev/store/shop1/products/1

Copy link

@bernardojoaogarcia bernardojoaogarcia left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🙌 🙌

Copy link

@jtwee jtwee left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎩 of FileEditorModal LGTM

@sophschneider sophschneider merged commit a982763 into main Jul 30, 2024
13 checks passed
@sophschneider sophschneider deleted the sophie/topbar-token-clean-up branch July 30, 2024 16:21
sophschneider pushed a commit that referenced this pull request Jul 30, 2024
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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

8 participants