-
Notifications
You must be signed in to change notification settings - Fork 2
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 Source icon set #1562
Update Source icon set #1562
Conversation
🦋 Changeset detectedLatest commit: 7b159ce The changes in this PR will be included in the next version bump. 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 |
Tip Once this PR is ready to go, add the This saves us a lot of money by not running the tests before we need them. |
1221189
to
c4b1d14
Compare
3041392
to
282a4e1
Compare
dfc3c2c
to
d37e18a
Compare
Note The following canaries were published to NPM: 🐥 |
Note The following canaries were published to NPM: 🐥 |
d37e18a
to
19bcf68
Compare
c1501db
to
7ed81fd
Compare
7ed81fd
to
3d5d984
Compare
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 will need changesets?
Definitely. I thought I'd added one, but seems not 😞 (Or somehow didn't commit it.) Will add now… |
909ba57
to
9aa5b85
Compare
Storybook's built-in icon gallery has some formatting issues due to the length of our icon names. Overlap occurs on wide screens, becoming worse as viewport width shrinks. It also forces all icons to be the same size so we cannot render them at one of our defined sizes, or render the wide payment icons at their natural size. Building our own custom gallery and styles allows us to work around these issues. By using the same names and props we can potentially switch back to the Storybook version in the future if these issues are resolved.
9aa5b85
to
7b159ce
Compare
Usage of the renamed icons across projects looks like this:
(Note: this ignores usage of the old Usage of the previously deprecated and now removed icons is as follows:
|
What are you changing?
Renamed icons
The following icons have been renamed:
SvgBookMark
SvgBookmarkFilled
SvgBookMarkCross
SvgBookmarkCross
SvgCrossRound
SvgCrossRoundFilled
SvgHouse
SvgHomeHouseFilled
SvgPersonRound
SvgPersonRoundFilled
SvgShare
SvgShareWeb
Deprecated icons
The following deprecated aliases have been removed:
SvgOfflineCloud
SvgCrossedOutCloud
SvgAlert
SvgExclamation
SvgMessenger
SvgFacebookMessenger
SvgInfo
SvgInfoRound
SvgPlay
SvgMediaControlsPlay
SvgPayPal
SvgPayPalBrand
eg. if you are importing
SvgOfflineCloud
this is aliased toSvgCrossedOutCloud
. The alias has now been removed so you should importSvgCrossedOutCloud
directly.The following icons have also been deprecated and will be removed in a future release:
SvgAlertTriangle
SvgAlertRound
SvgFilter
SvgFilterOutlinedWeb
SvgShareCallout
SvgShareWeb
Why?
Images
All icons
Icon gallery