-
Notifications
You must be signed in to change notification settings - Fork 233
feat(icons-workflow): update workflow icons to the latest version #5735
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: 22b8732 The changes in this PR will be included in the next version bump. This PR includes changesets to release 84 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 |
📚 Branch Preview🔍 Visual Regression Test ResultsWhen a visual regression test fails (or has previously failed while working on this branch), its results can be found in the following URLs:
Deployed to Azure Blob Storage: If the changes are expected, update the |
Tachometer resultsCurrently, no packages are changed by this PR... |
f54812d
to
bce9d00
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.
This file does not have direct customer impact - this is only used in our <icons-demo>
component inside our docs website and stories.
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.
One question: are there supposed to be updates to any generated icon assets included here as well or is that only the case for UI icons?
'@spectrum-web-components/icons-workflow': minor | ||
--- | ||
|
||
- Upgraded to `@adobe/spectrum-css-workflow-icons@5.0.0`. |
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.
Very nice summary, thanks for all these great details!
s2: transformIconNames(iconsV2NameList), | ||
}; | ||
|
||
const iconsListPath = path.join( |
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.
Would this be a good place to leverage require.resolve
with the iconset package name so that when we migrate to the 1st-gen / 2nd-gen set-up, it's able to find it based on package registry instead of path location?
- Upgraded to `@adobe/spectrum-css-workflow-icons@5.0.0`. | ||
- Includes changes from previous a4u upstream releases: | ||
- Added `S2_Icon_HeartFilled_20_N.svg`, updated `S2_Icon_SpeedFast_20_N.svg`. | ||
- Replaced all 22×20px Cloud State icons with 20px variants. | ||
- Removed deprecated multi-colored error icon. Added new Cloud State icons (`Disconnected`, `Error`, `InProgress`, `Online`, `Paused`, `Pending`, `SlowConnection`). | ||
- Updated several other icons (`CloseCaptions`, `CommentHide`, `Community`, etc.). | ||
- For the full changelog, see: https://github.com/adobe/spectrum-css-workflow-icons/pull/50 |
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.
Very well documented summary!
* | ||
* The function performs the following transformations: | ||
* 1. Converts PascalCase component names (e.g., "HeartFilled") to lowercase (e.g., "heartfilled") | ||
* 2. Filters out any names that start with numbers (invalid icon names) |
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.
It looks like this one wasn’t filtered by the icons team. As we think about scaling icon processing, it might be helpful to handle this filtering upstream so we don’t need to manage it on our end.
Description
This PR upgrades the workflow icons package to
@adobe/spectrum-css-workflow-icons@5.0.0
, which dropped React icons (not relevant to us) and included new latest upstream icon updates.While working on this, I noticed that
iconsList.json
- the source of truth for icon filtering in our docs and Storybook - was out of date.I added a script to automatically regenerate it to ensure it stays current.
As a result, you may notice all themes have been affected in the screenshots because of that change.
Motivation and context
Screenshots
The new

heart-filled
workflow icon:Author's checklist
Reviewer's checklist
patch
,minor
, ormajor
featuresManual review test cases
Verify the addition of the new workflow icon
Device review