refactor: migrate onboarding import-srp and password-outdated-modal ui to design-system#41409
Conversation
|
CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes. |
Builds ready [3ccaf4e]
⚡ Performance Benchmarks (Total: 🟢 18 pass · 🟡 0 warn · 🔴 0 fail)
🌐 Dapp Page Load BenchmarksCurrent Commit: 📄 Localhost MetaMask Test DappSamples: 100 Summary
📈 Detailed Results
Bundle size diffs
|
✨ Files requiring CODEOWNER review ✨🧪 @MetaMask/qa (1 files, +1 -1)
|
Builds ready [76957b6]
⚡ Performance Benchmarks (Total: 🟢 16 pass · 🟡 2 warn · 🔴 0 fail)
🌐 Dapp Page Load BenchmarksCurrent Commit: 📄 Localhost MetaMask Test DappSamples: 100 Summary
📈 Detailed Results
Bundle size diffs
|
Builds ready [5d86e93]
⚡ Performance Benchmarks (Total: 🟢 18 pass · 🟡 0 warn · 🔴 0 fail)
🌐 Dapp Page Load BenchmarksCurrent Commit: 📄 Localhost MetaMask Test DappSamples: 100 Summary
📈 Detailed Results
Bundle size diffs
|
Builds ready [ac731a3]
⚡ Performance Benchmarks (Total: 🟢 18 pass · 🟡 0 warn · 🔴 0 fail)
🌐 Dapp Page Load BenchmarksCurrent Commit: 📄 Localhost MetaMask Test DappSamples: 100 Summary
📈 Detailed Results
Bundle size diffs
|
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 1 potential issue.
Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.
|
Builds ready [45eec42]
⚡ Performance Benchmarks (Total: 🟢 18 pass · 🟡 0 warn · 🔴 0 fail)
🌐 Dapp Page Load BenchmarksCurrent Commit: 📄 Localhost MetaMask Test DappSamples: 100 Summary
📈 Detailed Results
Bundle size diffs
|




Description
The onboarding flow pages "Import SRP and Password Outdated Modal UI" (seedless onboarding) currently use the legacy component library and design-system constants (Display, AlignItems, JustifyContent, BlockSize, etc.). The codebase is moving to @metamask/design-system-react for consistency and maintainability.
Jira Link: https://consensyssoftware.atlassian.net/browse/TO-650
Changelog
CHANGELOG entry: migrate onboarding import-srp and password-outdated-modal ui to design-system
Related issues
Fixes:
Manual testing steps
Screenshots/Recordings
Before
After
Password Outdated Modal:
Pre-merge author checklist
Pre-merge reviewer checklist
Note
Medium Risk
Mostly a UI refactor, but it touches seed phrase import/onboarding screens and updates DOM structure (buttons/icons), which can impact user flows and automation selectors.
Overview
Migrates the
ImportSrponboarding page andPasswordOutdatedModallayout from legacy component-library/styledBoxprops to@metamask/design-system-react, updating icon/text variants, spacing, and switching some layout to utilityclassNameusage.Updates the
ImportSrpsnapshot to reflect the new rendered DOM (SVG icons, button markup/roles/classes) and adjusts the E2E page object selector for the SRP import “Continue” control (now targeting aspaninstead of abutton).Written by Cursor Bugbot for commit 45eec42. This will update automatically on new commits. Configure here.