-
Notifications
You must be signed in to change notification settings - Fork 4.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
Update icons #31533
Update icons #31533
Conversation
Size Change: -117 B (0%) Total Size: 1.62 MB
ℹ️ View Unchanged
|
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.
Maybe worth mentioning the removals (breaking change) in the CHANGELOG of the package. Other than that, this is good.
Thank you for the green check! I tried updating the changelog. Can you take a look and see if I did it right? |
changelog change looks good to me. |
packages/icons/CHANGELOG.md
Outdated
@@ -6,6 +6,7 @@ | |||
|
|||
- Drop support for Internet Explorer 11 ([#31110](https://github.com/WordPress/gutenberg/pull/31110)). Learn more at https://make.wordpress.org/core/2021/04/22/ie-11-support-phase-out-plan/. | |||
- Increase the minimum Node.js version to v12 matching Long Term Support releases ([#31270](https://github.com/WordPress/gutenberg/pull/31270)). Learn more at https://nodejs.org/en/about/releases/. | |||
- Removed icons: `camera`, `chartLine`, `closeCircleFilled`, `controlsRepeat`, `expand`, as they all have better existing alternatives, and were unused by the block editor. |
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 like the PR needs a rebase because 3.0.0 was released in the meantime, see https://github.com/WordPress/gutenberg/blob/trunk/packages/icons/CHANGELOG.md#300-2021-05-14.
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.
Welp. On it, thanks.
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 think it would be nice to also document the "better existing alternatives" so a developer can easily swap them out. The entry for 2.0.0 has a good example.
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.
Let me know if I this looks good: a3316bc
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.
Cool let me see if I can do 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.
Took a stab at alternative suggestions in 22b3d64.
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.
Awesome, thanks!
Thanks for the help, folks! |
Description
A slew of icons were still using the old vectors, not the new ones from Figma. This PR updates a bunch, and retires a few.
Retired because they were unused:
Retired and swapped out:
Swapped this one with "fullscreen".
Updated:
To test:
Compare the icons in https://wordpress.github.io/gutenberg/?path=/story/icons-icon--library with the icons you get from checking out this branch and running
npm run storybook:dev
. You can see the new icons at http://localhost:50240/?path=/story/icons-icon--library.Here are some:
I don't love the "cloud upload" icon, but one such is already shipping so I was hoping to find a design to keep the same shape but update it to the newer style.
Checklist:
*.native.js
files for terms that need renaming or removal).