EP-9545: Upgrade @hopper-ui/tokens to v5 with workleap theme#886
Merged
Michael Ignoto (Ignotos) merged 1 commit intomainfrom Mar 10, 2026
Merged
Conversation
🦋 Changeset detectedLatest commit: bb0e8ae The changes in this PR will be included in the next version bump. This PR includes changesets to release 47 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 |
Contributor
There was a problem hiding this comment.
Pull request overview
This PR upgrades @hopper-ui/tokens from v4.3.x to v5.0.0 across the entire igloo-ui monorepo to align with Hopper's new theming system, which decouples brand-specific visual identity. The CSS import path for design tokens changes from the root-level tokens.css to the theme-specific workleap/tokens.css.
Changes:
- Bumped
@hopper-ui/tokensfrom^4.3.xto^5.0.0in all 47 componentpackage.jsonfiles, the bootstrap template, and the rootpackage.json - Updated all SCSS/CSS imports from
@hopper-ui/tokens/tokens.cssto@hopper-ui/tokens/workleap/tokens.cssacross all component stylesheets and.storybook/styles.css - Added a changeset file listing all affected packages as
patchbumps
Reviewed changes
Copilot reviewed 99 out of 100 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
yarn.lock |
Resolves @hopper-ui/tokens@^5.0.0 to v5.1.6; deduplicates some unrelated aliased packages |
package.json |
Adds @hopper-ui/tokens@^5.0.0 as a root dependency; minor formatting fix |
.storybook/styles.css |
Updates token import to workleap theme path |
.changeset/upgrade-hopper-tokens-v5.md |
Changeset for all 47 affected packages |
utils/bootstrap/template/package.json |
Version bump for the bootstrapping template |
packages/*/package.json (47 files) |
Version bump from ^4.3.x to ^5.0.0 |
packages/*/src/*.scss (45+ files) |
CSS import path updated to workleap/tokens.css |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
You can also share your feedback on Copilot code review. Take the survey.
Update @hopper-ui/tokens from ^4.3.x to ^5.0.0 across all 47 component packages and update CSS imports from @hopper-ui/tokens/tokens.css to @hopper-ui/tokens/workleap/tokens.css per Hopper v5 breaking changes. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Michael Ignoto (Ignotos)
force-pushed
the
feature/rocket/EP-9545_upgrade-hopper
branch
from
cd9d694 to
bb0e8ae
Compare
Michael Ignoto (Ignotos)
requested a review
from Alexandre Asselin (alexasselin008)
Alexandre Asselin (alexasselin008)
approved these changes
Mar 10, 2026
Jack Schaible (JackSchaible-Workleap)
approved these changes
Mar 10, 2026
Michael Ignoto (Ignotos)
deleted the
feature/rocket/EP-9545_upgrade-hopper
branch
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Jira issue link: EP-9545
Summary
@hopper-ui/tokensfrom^4.3.xto^5.0.0across all 47 component packages + bootstrap template@hopper-ui/tokens/tokens.cssto@hopper-ui/tokens/workleap/tokens.css(breaking change in Hopper v5).storybook/styles.cssto use the new workleap theme token pathContext
Hopper released a new major version introducing theming to decouple ShareGate's visual identity from the Workleap brand. For non-React apps, the token CSS files must now be imported from the proper theme path.
Test plan
yarn build:components— all 47 packages built successfullyyarn lint:style— 0 errors (11 pre-existing warnings)yarn test— 46 suites, 300 tests all passing