Skip to content

chore(deps): upgrade @metamask/design-system-react to 0.12.0#41367

Merged
georgewrmarshall merged 3 commits into
mainfrom
chore/upgrade-design-system-react-0-12-0
Apr 1, 2026
Merged

chore(deps): upgrade @metamask/design-system-react to 0.12.0#41367
georgewrmarshall merged 3 commits into
mainfrom
chore/upgrade-design-system-react-0-12-0

Conversation

@georgewrmarshall

@georgewrmarshall georgewrmarshall commented Mar 30, 2026

Copy link
Copy Markdown
Contributor

Description

Upgrades the extension design-system dependency to the latest release line by bumping @metamask/design-system-react from ^0.11.0 to ^0.12.0.

This also updates lockfile resolutions and refreshes generated dependency artifacts.

https://github.com/MetaMask/metamask-design-system/releases/tag/v26.0.0

Changelog

CHANGELOG entry: null

Related issues

Fixes: N/A

Manual testing steps

  1. Run yarn webpack --watch
  2. Check extension loads as expected

Screenshots/Recordings

Before

TextButton had a background color on hover

before.textbutton.720.mov

After

TextButton works a expected with removed styles

after.textbutton.720.mov

Pre-merge author checklist

Pre-merge reviewer checklist

  • I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
  • I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

Note

Medium Risk
Dependency upgrade may subtly change styling/behavior of shared UI components across the extension. Changes are mostly lockfile/snapshot updates, but regressions could surface in untested screens.

Overview
Upgrades @metamask/design-system-react to ^0.12.0 (and corresponding @metamask/design-system-shared resolution) with updated yarn.lock entries.

Refreshes several UI Jest snapshots where generated link/button class names changed (notably removal of some hover:bg-hover/active:bg-pressed classes), aligning tests with the new design-system output.

Written by Cursor Bugbot for commit 5fe383c. This will update automatically on new commits. Configure here.

@github-actions

Copy link
Copy Markdown
Contributor

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.

@metamaskbot metamaskbot added the team-design-system All issues relating to design system in Extension label Mar 30, 2026
@socket-security

socket-security Bot commented Mar 30, 2026

Copy link
Copy Markdown

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Updated@​metamask/​design-system-react@​0.11.0 ⏵ 0.12.098 +110080 +197 +1100

View full report

@georgewrmarshall georgewrmarshall force-pushed the chore/upgrade-design-system-react-0-12-0 branch from 8099300 to e0b1a17 Compare March 30, 2026 19:00
@georgewrmarshall georgewrmarshall requested a review from a team March 30, 2026 19:01
@georgewrmarshall georgewrmarshall self-assigned this Mar 30, 2026
@metamaskbotv2

metamaskbotv2 Bot commented Mar 30, 2026

Copy link
Copy Markdown
Contributor
Builds ready [e0b1a17]
⚡ Performance Benchmarks (Total: 🟢 17 pass · 🟡 1 warn · 🔴 0 fail)

Baseline (latest main): ab6595c | Date: 3/18/58214 | Pipeline: 23762378138 | Baseline logs

Interaction Benchmarks
Benchmarkchrome-browserify
loadNewAccount🟢 [Show logs]
confirmTx🟢 [Show logs]
bridgeUserActions🟢 [Show logs]

📈 Results compared to the previous 5 runs on main

  • loadNewAccount/load_new_account: -21%
  • loadNewAccount/total: -21%
  • bridgeUserActions/bridge_load_asset_picker: +28%
  • bridgeUserActions/bridge_search_token: +19%
  • bridgeUserActions/total: +18%
Startup Benchmarks
Benchmarkchrome-browserifychrome-webpackfirefox-browserifyfirefox-webpack
startupStandardHome🟢 [Show logs]🟢 [Show logs]🟢 [Show logs]🟢 [Show logs]
startupPowerUserHome🟢 [Show logs]🟢 [Show logs]
🟡 load
[Show logs]
🟡 loadScripts
[Show logs]
🟢 [Show logs]

📈 Results compared to the previous 5 runs on main

  • startupStandardHome/domInteractive: -13%
  • startupStandardHome/initialActions: +25%
  • startupStandardHome/uiStartup: +12%
  • startupStandardHome/domInteractive: +12%
  • startupPowerUserHome/domInteractive: -17%
  • startupStandardHome/domInteractive: -18%
  • startupStandardHome/initialActions: -29%
  • startupPowerUserHome/setupStore: +14%
  • startupStandardHome/initialActions: +43%
  • startupStandardHome/setupStore: -11%
  • startupPowerUserHome/domInteractive: -17%
  • startupPowerUserHome/setupStore: -32%
User Journey Benchmarks
Benchmarkchrome-browserify
onboardingImportWallet🟢 [Show logs]
onboardingNewWallet🟢 [Show logs]
assetDetails🟢 [Show logs]
solanaAssetDetails🟢 [Show logs]
importSrpHome🟢 [Show logs]
sendTransactions🟢 [Show logs]
swap🟢 [Show logs]

📈 Results compared to the previous 5 runs on main

  • onboardingImportWallet/doneButtonToHomeScreen: -75%
  • onboardingImportWallet/openAccountMenuToAccountListLoaded: +143%
  • onboardingImportWallet/total: -26%
  • onboardingNewWallet/doneButtonToAssetList: -36%
  • onboardingNewWallet/total: -29%
  • assetDetails/assetClickToPriceChart: -43%
  • assetDetails/total: -43%
  • solanaAssetDetails/assetClickToPriceChart: -37%
  • solanaAssetDetails/total: -37%
  • importSrpHome/loginToHomeScreen: +14%
  • importSrpHome/openAccountMenuAfterLogin: +21%
  • importSrpHome/homeAfterImportWithNewWallet: -47%
  • importSrpHome/total: -42%
  • sendTransactions/openSendPageFromHome: -11%
  • sendTransactions/reviewTransactionToConfirmationPage: +18%
  • sendTransactions/total: +16%
  • swap/openSwapPageFromHome: -90%
  • swap/fetchAndDisplaySwapQuotes: +26%
🌐 Dapp Page Load Benchmarks

Current Commit: e0b1a17 | Date: 3/30/2026

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.03s (±52ms) 🟡 | historical mean value: 1.03s ⬇️ (historical data)
  • domContentLoaded-> current mean value: 725ms (±50ms) 🟢 | historical mean value: 724ms ⬆️ (historical data)
  • firstContentfulPaint-> current mean value: 84ms (±10ms) 🟢 | historical mean value: 85ms ⬇️ (historical data)

📈 Detailed Results

Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.03s 52ms 995ms 1.32s 1.08s 1.32s
domContentLoaded 725ms 50ms 693ms 1.00s 771ms 1.00s
firstPaint 84ms 10ms 64ms 164ms 96ms 164ms
firstContentfulPaint 84ms 10ms 64ms 164ms 96ms 164ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 196 Bytes (0%)
  • ui: 5 Bytes (0%)
  • common: 5.43 KiB (0.05%)

@metamaskbotv2

metamaskbotv2 Bot commented Mar 30, 2026

Copy link
Copy Markdown
Contributor
Builds ready [49fdf94]
⚡ Performance Benchmarks (Total: 🟢 17 pass · 🟡 1 warn · 🔴 0 fail)

Baseline (latest main): 5fb8cd5 | Date: 5/16/58214 | Pipeline: 23765326636 | Baseline logs

Interaction Benchmarks
Benchmarkchrome-browserify
loadNewAccount
🟡 load_new_account
[Show logs]
confirmTx🟢 [Show logs]
bridgeUserActions🟢 [Show logs]

📈 Results compared to the previous 5 runs on main

  • loadNewAccount/load_new_account: +33%
  • loadNewAccount/total: +33%
  • bridgeUserActions/bridge_load_page: +12%
  • bridgeUserActions/bridge_search_token: -14%
Startup Benchmarks
Benchmarkchrome-browserifychrome-webpackfirefox-browserifyfirefox-webpack
startupStandardHome🟢 [Show logs]🟢 [Show logs]🟢 [Show logs]🟢 [Show logs]
startupPowerUserHome🟢 [Show logs]🟢 [Show logs]🟢 [Show logs]🟢 [Show logs]

📈 Results compared to the previous 5 runs on main

  • startupStandardHome/initialActions: -29%
  • startupPowerUserHome/initialActions: -29%
  • startupPowerUserHome/setupStore: -12%
  • startupPowerUserHome/numNetworkReqs: +24%
  • startupStandardHome/firstPaint: +30%
  • startupStandardHome/firstReactRender: -15%
  • startupStandardHome/initialActions: +43%
  • startupPowerUserHome/domInteractive: +25%
  • startupPowerUserHome/setupStore: -33%
  • startupStandardHome/initialActions: +11%
  • startupStandardHome/setupStore: +35%
  • startupPowerUserHome/domInteractive: +31%
  • startupPowerUserHome/backgroundConnect: +11%
  • startupPowerUserHome/setupStore: +25%
User Journey Benchmarks
Benchmarkchrome-browserify
onboardingImportWallet🟢 [Show logs]
onboardingNewWallet🟢 [Show logs]
assetDetails🟢 [Show logs]
solanaAssetDetails🟢 [Show logs]
importSrpHome🟢 [Show logs]
sendTransactions🟢 [Show logs]
swap🟢 [Show logs]

📈 Results compared to the previous 5 runs on main

  • onboardingImportWallet/doneButtonToHomeScreen: -71%
  • onboardingImportWallet/openAccountMenuToAccountListLoaded: +137%
  • onboardingImportWallet/total: -22%
  • onboardingNewWallet/doneButtonToAssetList: -40%
  • onboardingNewWallet/total: -30%
  • assetDetails/assetClickToPriceChart: -15%
  • assetDetails/total: -15%
  • solanaAssetDetails/assetClickToPriceChart: +10%
  • solanaAssetDetails/total: +10%
  • importSrpHome/openAccountMenuAfterLogin: -30%
  • importSrpHome/homeAfterImportWithNewWallet: -47%
  • importSrpHome/total: -43%
  • sendTransactions/openSendPageFromHome: +31%
  • sendTransactions/selectTokenToSendFormLoaded: +12%
  • sendTransactions/reviewTransactionToConfirmationPage: +14%
  • sendTransactions/total: +14%
  • swap/openSwapPageFromHome: -88%
  • swap/fetchAndDisplaySwapQuotes: +29%
🌐 Dapp Page Load Benchmarks

Current Commit: 49fdf94 | Date: 3/30/2026

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 986ms (±69ms) 🟢 | historical mean value: 1.04s ⬇️ (historical data)
  • domContentLoaded-> current mean value: 697ms (±67ms) 🟢 | historical mean value: 727ms ⬇️ (historical data)
  • firstContentfulPaint-> current mean value: 82ms (±10ms) 🟢 | historical mean value: 85ms ⬇️ (historical data)

📈 Detailed Results

Metric Mean Std Dev Min Max P95 P99
pageLoadTime 986ms 69ms 943ms 1.26s 1.20s 1.26s
domContentLoaded 697ms 67ms 662ms 963ms 907ms 963ms
firstPaint 82ms 10ms 72ms 152ms 100ms 152ms
firstContentfulPaint 82ms 10ms 72ms 152ms 100ms 152ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 196 Bytes (0%)
  • ui: 5 Bytes (0%)
  • common: 5.43 KiB (0.05%)

class="text-default text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md font-medium font-default"
>
<a
class="inline-flex items-center justify-center font-medium min-w-20 overflow-hidden relative duration-100 ease-linear active:ease-[cubic-bezier(0.3,0.8,0.3,1)] h-auto rounded-none bg-transparent px-0 transform-none transition-none active:scale-100 text-primary-default hover:bg-hover hover:text-primary-default-hover hover:underline hover:decoration-primary-default-hover hover:decoration-2 hover:underline-offset-4 active:bg-pressed active:text-primary-default-pressed active:decoration-primary-default-pressed asset-page__spending-caps"

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Snapshot updates expected due to TextButton changes

@sonarqubecloud

Copy link
Copy Markdown

@metamaskbotv2

metamaskbotv2 Bot commented Mar 31, 2026

Copy link
Copy Markdown
Contributor
Builds ready [5fe383c]
⚡ Performance Benchmarks (Total: 🟢 16 pass · 🟡 2 warn · 🔴 0 fail)

Baseline (latest main): 7f1c7ac | Date: 12/9/58216 | Pipeline: 23812380989 | Baseline logs

Interaction Benchmarks
Benchmarkchrome-browserify
loadNewAccount🟢 [Show logs]
confirmTx🟢 [Show logs]
bridgeUserActions🟢 [Show logs]

📈 Results compared to the previous 5 runs on main

  • bridgeUserActions/bridge_load_asset_picker: -16%
  • bridgeUserActions/total: -14%
Startup Benchmarks
Benchmarkchrome-browserifychrome-webpackfirefox-browserifyfirefox-webpack
startupStandardHome🟢 [Show logs]🟢 [Show logs]🟢 [Show logs]🟢 [Show logs]
startupPowerUserHome🟢 [Show logs]🟢 [Show logs]
🟡 loadScripts
[Show logs]
🟡 loadScripts
[Show logs]

📈 Results compared to the previous 5 runs on main

  • startupStandardHome/initialActions: -38%
  • startupPowerUserHome/setupStore: +15%
  • startupStandardHome/load: +12%
  • startupStandardHome/domContentLoaded: +12%
  • startupStandardHome/domInteractive: +15%
  • startupStandardHome/loadScripts: +12%
  • startupPowerUserHome/setupStore: -10%
  • startupPowerUserHome/numNetworkReqs: +32%
  • startupStandardHome/initialActions: +25%
  • startupPowerUserHome/setupStore: -27%
  • startupStandardHome/setupStore: +39%
  • startupPowerUserHome/setupStore: +57%
User Journey Benchmarks
Benchmarkchrome-browserify
onboardingImportWallet🟢 [Show logs]
onboardingNewWallet🟢 [Show logs]
assetDetails🟢 [Show logs]
solanaAssetDetails🟢 [Show logs]
importSrpHome🟢 [Show logs]
sendTransactions🟢 [Show logs]
swap🟢 [Show logs]

📈 Results compared to the previous 5 runs on main

  • onboardingImportWallet/metricsToWalletReadyScreen: -37%
  • onboardingImportWallet/doneButtonToHomeScreen: -77%
  • onboardingImportWallet/openAccountMenuToAccountListLoaded: +83%
  • onboardingImportWallet/total: -37%
  • onboardingNewWallet/agreeButtonToOnboardingSuccess: -21%
  • onboardingNewWallet/doneButtonToAssetList: -35%
  • onboardingNewWallet/total: -27%
  • assetDetails/assetClickToPriceChart: -58%
  • assetDetails/total: -58%
  • solanaAssetDetails/assetClickToPriceChart: -55%
  • solanaAssetDetails/total: -55%
  • importSrpHome/loginToHomeScreen: +12%
  • importSrpHome/openAccountMenuAfterLogin: +23%
  • importSrpHome/homeAfterImportWithNewWallet: -39%
  • importSrpHome/total: -33%
  • swap/openSwapPageFromHome: -85%
  • swap/fetchAndDisplaySwapQuotes: +45%
  • swap/total: +15%
🌐 Dapp Page Load Benchmarks

Current Commit: 5fe383c | Date: 3/31/2026

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.03s (±71ms) 🟡 | historical mean value: 1.04s ⬇️ (historical data)
  • domContentLoaded-> current mean value: 731ms (±69ms) 🟢 | historical mean value: 730ms ⬆️ (historical data)
  • firstContentfulPaint-> current mean value: 84ms (±9ms) 🟢 | historical mean value: 89ms ⬇️ (historical data)

📈 Detailed Results

Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.03s 71ms 970ms 1.31s 1.25s 1.31s
domContentLoaded 731ms 69ms 678ms 998ms 927ms 998ms
firstPaint 84ms 9ms 72ms 156ms 96ms 156ms
firstContentfulPaint 84ms 9ms 72ms 156ms 96ms 156ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 55 Bytes (0%)
  • ui: 6 Bytes (0%)
  • common: 5.43 KiB (0.04%)

@georgewrmarshall georgewrmarshall marked this pull request as ready for review March 31, 2026 23:23
@georgewrmarshall georgewrmarshall added this pull request to the merge queue Apr 1, 2026
@github-merge-queue github-merge-queue Bot removed this pull request from the merge queue due to failed status checks Apr 1, 2026
@georgewrmarshall georgewrmarshall added this pull request to the merge queue Apr 1, 2026
@github-merge-queue github-merge-queue Bot removed this pull request from the merge queue due to failed status checks Apr 1, 2026
@georgewrmarshall georgewrmarshall added this pull request to the merge queue Apr 1, 2026
Merged via the queue into main with commit 45a01d5 Apr 1, 2026
217 checks passed
@georgewrmarshall georgewrmarshall deleted the chore/upgrade-design-system-react-0-12-0 branch April 1, 2026 22:27
@github-actions github-actions Bot locked and limited conversation to collaborators Apr 1, 2026
@metamaskbot metamaskbot added the release-13.26.0 Issue or pull request that will be included in release 13.26.0 label Apr 1, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

release-13.26.0 Issue or pull request that will be included in release 13.26.0 size-XS team-design-system All issues relating to design system in Extension

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants