chore: upgrade design-system deps and migrate bold to semibold by georgewrmarshall · Pull Request #41467 · MetaMask/metamask-extension

georgewrmarshall · 2026-04-03T00:35:36Z

Description

Upgrades MetaMask Extension to the latest web design-system packages and applies Geist-Bold => Geist-SemiBold migration. Also includes small fix to Checkbox to show focus for keyboard navigation.

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

This mirrors the intent of MetaMask Mobile PR MetaMask/metamask-mobile#28363 but with extension-specific changes.

Changes included:

Upgraded:
- @metamask/design-system-react from ^0.12.0 to ^0.13.0
- @metamask/design-tokens from ^8.2.2 to ^8.3.0
- @metamask/design-system-tailwind-preset remains ^0.6.1 (already latest)
Added semibold Geist web font assets:
- Geist-SemiBold.woff2
- Geist-SemiBoldItalic.woff2
Updated Geist @font-face declarations to semibold mappings per migration guidance
Updated touched non-generated SCSS hardcoded font-weight: 700 usages to 600 for bold semantics

Reference:

Changelog

CHANGELOG entry: Updated extension typography and design-system dependencies to align semantic bold with the v27 semibold migration.

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/DSYS-665

Manual testing steps

Build extension and run the app UI (yarn webpack --watch or equivalent local flow).
Verify UI text that uses bold semantics renders with updated semibold weight and no missing-font fallback.

Screenshots/Recordings

Before

extension.before720.mov

After

extension.after720.mov

Pre-merge author checklist

I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
I've completed the PR template to the best of my ability
I’ve included tests if applicable
I’ve documented my code using JSDoc format if applicable
I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

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
Moderate risk due to dependency upgrades and global font-weight mapping changes that can cause visual regressions across the UI; functional impact is limited to styling/focus states.

Overview
Upgrades @metamask/design-system-react to ^0.13.0 (and related design-system-shared) and @metamask/design-tokens to ^8.3.0, updating yarn.lock accordingly.

Migrates Geist typography by adding Geist-SemiBold/Geist-SemiBoldItalic @font-face entries and remapping the previous “bold” weights (700) to the semibold assets.

Improves checkbox keyboard accessibility by adding peer/peer-focus-visible outline classes to checkbox markup; Jest snapshots are updated to match.

^{Reviewed by Cursor Bugbot for commit 79348aa. Bugbot is set up for automated code reviews on this repo. Configure here.}

github-actions · 2026-04-03T00:35:47Z

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.

socket-security · 2026-04-03T00:37:04Z

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

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	@metamask/design-system-react@0.12.0 ⏵ 0.13.0				⁺¹
	@metamask/design-tokens@8.2.2 ⏵ 8.3.0				^-1

View full report

metamaskbotv2 · 2026-04-03T00:38:21Z

✨ Files requiring CODEOWNER review ✨

👨‍🔧 @MetaMask/core-extension-ux (5 files, +16 -2)

📁 ui/
- 📁 css/
  - 📁 utilities/
    - 📁 fonts/
      - 📁 Geist/
        
        📄 Geist-Bold.woff2
        
        📄 Geist-BoldItalic.woff2
        
        📄 Geist-SemiBold.woff2
        
        📄 Geist-SemiBoldItalic.woff2
      - 📄 fonts.scss +16 -2

🔐 @MetaMask/web3auth (2 files, +10 -10)

📁 ui/
- 📁 pages/
  - 📁 onboarding-flow/
    - 📁 create-password/
      - 📁 __snapshots__/
        
        📄 create-password.test.tsx.snap +2 -2
    - 📁 metametrics/
      - 📁 __snapshots__/
        
        📄 metametrics.test.tsx.snap +8 -8

metamaskbotv2 · 2026-04-03T01:10:35Z

Builds ready [1c845f5]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
webpack builds: chrome, firefox
webpack builds (beta): chrome, firefox
webpack builds (flask): chrome, firefox
webpack builds (test): chrome, firefox
webpack builds (test-flask): chrome, firefox
lavamoat build viz: Build System
bundle size: Bundle Size Stats
interaction-benchmark: Interaction Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20
- content-script: 0
- offscreen: 0

⚡ Performance Benchmarks (Total: 🟢 6 pass · 🟡 12 warn · 🔴 0 fail)

Baseline (latest main): f34f804 | Date: 9/10/58222 | Pipeline: 23928468144 | Baseline logs

Interaction Benchmarks

Benchmark chrome-browserify
loadNewAccount 🟡 [Show logs]
confirmTx 🟡 [Show logs]
bridgeUserActions 🟡 [Show logs]

📈 Results compared to the previous 5 runs on main
↑ bridgeUserActions/bridge_load_asset_picker: +10%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🟡 loadNewAccount/FCP: p75 2.4s
🟡 confirmTx/FCP: p75 2.4s
🟡 bridgeUserActions/FCP: p75 2.4s

Startup Benchmarks

Benchmark chrome-browserify chrome-webpack firefox-browserify firefox-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/uiStartup: -11%
↓ startupStandardHome/load: -13%
↓ startupStandardHome/domContentLoaded: -15%
↑ startupStandardHome/backgroundConnect: +12%
↓ startupStandardHome/initialActions: -38%
↓ startupStandardHome/loadScripts: -18%
↓ startupStandardHome/numNetworkReqs: -21%
↑ startupPowerUserHome/backgroundConnect: +113%
↑ startupPowerUserHome/setupStore: +11%
↓ startupPowerUserHome/numNetworkReqs: -31%
↓ startupStandardHome/uiStartup: -15%
↓ startupStandardHome/load: -13%
↓ startupStandardHome/domContentLoaded: -13%
↓ startupStandardHome/backgroundConnect: -34%
↓ startupStandardHome/firstReactRender: -24%
↓ startupStandardHome/loadScripts: -13%
↓ startupStandardHome/numNetworkReqs: -24%
↓ startupPowerUserHome/domInteractive: -15%
↓ startupPowerUserHome/numNetworkReqs: -44%
↓ startupStandardHome/domInteractive: -34%
↑ startupStandardHome/initialActions: +25%
↑ startupStandardHome/setupStore: +14%
↑ startupPowerUserHome/load: +16%
↑ startupPowerUserHome/domContentLoaded: +16%
↑ startupPowerUserHome/domInteractive: +23%
↓ startupPowerUserHome/backgroundConnect: -24%
↑ startupPowerUserHome/loadScripts: +10%
↓ startupStandardHome/domInteractive: -35%
↑ startupStandardHome/initialActions: +11%
↓ startupStandardHome/setupStore: -54%
↑ startupPowerUserHome/domInteractive: +11%
↓ startupPowerUserHome/backgroundConnect: -17%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🔴 startupPowerUserHome/INP: p75 856ms
🔴 startupPowerUserHome/INP: p75 784ms
🟡 startupPowerUserHome/INP: p75 216ms
🟡 startupPowerUserHome/LCP: p75 3.8s
🟡 startupPowerUserHome/LCP: p75 3.9s

User Journey Benchmarks

Benchmark chrome-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: -42%
↓ onboardingImportWallet/doneButtonToHomeScreen: -74%
↑ onboardingImportWallet/openAccountMenuToAccountListLoaded: +32%
↓ onboardingImportWallet/total: -38%
↓ onboardingNewWallet/skipBackupToMetricsScreen: -17%
↑ onboardingNewWallet/agreeButtonToOnboardingSuccess: +23%
↓ onboardingNewWallet/doneButtonToAssetList: -33%
↓ onboardingNewWallet/total: -27%
↓ assetDetails/assetClickToPriceChart: -65%
↓ assetDetails/total: -65%
↓ solanaAssetDetails/assetClickToPriceChart: -58%
↓ solanaAssetDetails/total: -58%
↓ importSrpHome/openAccountMenuAfterLogin: -72%
↓ importSrpHome/homeAfterImportWithNewWallet: -37%
↓ importSrpHome/total: -34%
↑ sendTransactions/openSendPageFromHome: +88%
↓ sendTransactions/selectTokenToSendFormLoaded: -12%
↓ swap/openSwapPageFromHome: -81%
↑ swap/fetchAndDisplaySwapQuotes: +31%
↑ swap/total: +15%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🟡 assetDetails/INP: p75 216ms
🟡 assetDetails/FCP: p75 2.6s
🟡 solanaAssetDetails/FCP: p75 2.7s
🟡 importSrpHome/INP: p75 208ms
🟡 importSrpHome/FCP: p75 2.5s
🟡 sendTransactions/INP: p75 208ms
🟡 sendTransactions/FCP: p75 2.5s
🟡 swap/FCP: p75 2.5s

🌐 Dapp Page Load Benchmarks

Current Commit: 1c845f5 | Date: 4/3/2026

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.04s (±69ms) 🟡 | historical mean value: 1.03s ⬆️ (historical data)
domContentLoaded-> current mean value: 737ms (±67ms) 🟢 | historical mean value: 724ms ⬆️ (historical data)
firstContentfulPaint-> current mean value: 85ms (±11ms) 🟢 | historical mean value: 86ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.04s	69ms	1000ms	1.32s	1.27s	1.32s
domContentLoaded	737ms	67ms	697ms	993ms	953ms	993ms
firstPaint	85ms	11ms	72ms	180ms	96ms	180ms
firstContentfulPaint	85ms	11ms	72ms	180ms	96ms	180ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Bundle size diffs [🚨 Warning! Bundle size has increased!]

background: 0 Bytes (0%)
ui: 16.33 KiB (0.19%)
common: 1.55 KiB (0.01%)

georgewrmarshall · 2026-04-06T18:05:53Z

ui/css/utilities/fonts/Geist/Geist-SemiBold.woff2

Adding semi bold woff2 font files and removing bold. Not references remain in codebase

georgewrmarshall · 2026-04-06T18:09:30Z

ui/css/utilities/fonts.scss

+@font-face {
+  font-family: 'Geist';
+  src: url('#{$font-path}/Geist/Geist-SemiBold.woff2') format('woff2');
  font-weight: 700;


Mapping both 600 and 700 to Geist-SemiBold keeps semantic bold aligned with MMDS while preserving compatibility for legacy static font-weight: 700 styles that still exist in extension code.

georgewrmarshall · 2026-04-06T18:09:41Z

ui/pages/create-password-form/__snapshots__/create-password-form.test.tsx.snap

            />
            <div
-              class="relative flex size-6 items-center justify-center rounded border-2 p-0 transition-transform active:scale-95 bg-default hover:bg-default-hover active:bg-default-pressed border-default"
+              class="relative flex size-6 items-center justify-center rounded border-2 p-0 transition-transform active:scale-95 peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary-default bg-default hover:bg-default-hover active:bg-default-pressed border-default"


This snapshot delta captures the checkbox focus-visible outline classes added by the DS fix in this release, so it documents an intentional accessibility behavior change rather than unrelated UI drift.

georgewrmarshall · 2026-04-06T18:10:14Z

package.json

+    "@metamask/design-system-react": "^0.13.0",
    "@metamask/design-system-tailwind-preset": "^0.6.1",
-    "@metamask/design-tokens": "^8.2.2",
+    "@metamask/design-tokens": "^8.3.0",


These version bumps are the minimum needed for the v27 migration on extension web: design-system-react picks up the semibold bold semantics and design-tokens provides the updated font-weight token values.

metamaskbotv2 · 2026-04-06T18:42:13Z

Builds ready [a83c8ac]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
webpack builds: chrome, firefox
webpack builds (beta): chrome, firefox
webpack builds (flask): chrome, firefox
webpack builds (test): chrome, firefox
webpack builds (test-flask): chrome, firefox
bundle size: Bundle Size Stats
interaction-benchmark: Interaction Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20
- content-script: 0
- offscreen: 0

⚡ Performance Benchmarks (Total: 🟢 6 pass · 🟡 12 warn · 🔴 0 fail)

Baseline (latest main): f34f804 | Date: 9/10/58222 | Pipeline: 24043958502 | Baseline logs

Interaction Benchmarks

Benchmark chrome-browserify
loadNewAccount 🟡 [Show logs]
confirmTx 🟡 [Show logs]
bridgeUserActions 🟡 [Show logs]

📈 Results compared to the previous 5 runs on main
↓ bridgeUserActions/bridge_search_token: -15%
↓ bridgeUserActions/total: -12%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🟡 loadNewAccount/FCP: p75 2.5s
🟡 confirmTx/FCP: p75 2.6s
🟡 bridgeUserActions/FCP: p75 2.5s

Startup Benchmarks

Benchmark chrome-browserify chrome-webpack firefox-browserify firefox-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/domContentLoaded: -11%
↑ startupStandardHome/domInteractive: +15%
↑ startupStandardHome/backgroundConnect: +18%
↑ startupStandardHome/initialActions: +25%
↓ startupStandardHome/loadScripts: -14%
↓ startupPowerUserHome/domInteractive: -12%
↑ startupPowerUserHome/backgroundConnect: +95%
↑ startupPowerUserHome/setupStore: +11%
↑ startupPowerUserHome/numNetworkReqs: +13%
↓ startupStandardHome/uiStartup: -13%
↓ startupStandardHome/load: -12%
↓ startupStandardHome/domContentLoaded: -11%
↓ startupStandardHome/backgroundConnect: -34%
↓ startupStandardHome/firstReactRender: -24%
↓ startupStandardHome/loadScripts: -11%
↓ startupStandardHome/numNetworkReqs: -29%
↓ startupPowerUserHome/domInteractive: -22%
↓ startupStandardHome/domInteractive: -51%
↓ startupStandardHome/initialActions: -38%
↓ startupStandardHome/numNetworkReqs: -18%
↓ startupPowerUserHome/uiStartup: -10%
↓ startupPowerUserHome/backgroundConnect: -38%
↑ startupPowerUserHome/setupStore: +11%
↓ startupStandardHome/domInteractive: -35%
↓ startupStandardHome/backgroundConnect: -16%
↓ startupStandardHome/initialActions: -44%
↓ startupStandardHome/setupStore: -57%
↓ startupStandardHome/numNetworkReqs: -13%
↓ startupPowerUserHome/domInteractive: -12%
↓ startupPowerUserHome/backgroundConnect: -25%
↑ startupPowerUserHome/firstReactRender: +10%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🔴 startupPowerUserHome/INP: p75 672ms
🔴 startupPowerUserHome/INP: p75 680ms
🟡 startupPowerUserHome/LCP: p75 3.4s
🟡 startupPowerUserHome/LCP: p75 3.9s

User Journey Benchmarks

Benchmark chrome-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: -34%
↓ onboardingImportWallet/doneButtonToHomeScreen: -75%
↑ onboardingImportWallet/openAccountMenuToAccountListLoaded: +22%
↓ onboardingImportWallet/total: -42%
↓ onboardingNewWallet/skipBackupToMetricsScreen: -17%
↓ onboardingNewWallet/doneButtonToAssetList: -25%
↓ onboardingNewWallet/total: -21%
↓ assetDetails/assetClickToPriceChart: -41%
↓ assetDetails/total: -41%
↓ solanaAssetDetails/assetClickToPriceChart: -56%
↓ solanaAssetDetails/total: -56%
↓ importSrpHome/openAccountMenuAfterLogin: -74%
↓ importSrpHome/homeAfterImportWithNewWallet: -39%
↓ importSrpHome/total: -34%
↑ sendTransactions/openSendPageFromHome: +67%
↓ sendTransactions/selectTokenToSendFormLoaded: -19%
↓ swap/openSwapPageFromHome: -86%
↑ swap/fetchAndDisplaySwapQuotes: +31%
↑ swap/total: +13%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🟡 assetDetails/INP: p75 224ms
🟡 assetDetails/FCP: p75 2.5s
🟡 solanaAssetDetails/FCP: p75 2.5s
🟡 importSrpHome/INP: p75 208ms
🟡 importSrpHome/FCP: p75 2.5s
🟡 sendTransactions/FCP: p75 2.4s
🟡 swap/FCP: p75 2.4s

Dapp page load benchmarks: data not available.

Bundle size diffs [🚨 Warning! Bundle size has increased!]

background: 0 Bytes (0%)
ui: 5 Bytes (0%)
common: 1.53 KiB (0.01%)

sonarqubecloud · 2026-04-08T20:01:50Z

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

metamaskbotv2 · 2026-04-08T20:21:21Z

Builds ready [79348aa]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
webpack builds: chrome, firefox
webpack builds (beta): chrome, firefox
webpack builds (flask): chrome, firefox
webpack builds (test): chrome, firefox
webpack builds (test-flask): chrome, firefox
bundle size: Bundle Size Stats
interaction-benchmark: Interaction Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21
- content-script: 0
- offscreen: 0

⚡ Performance Benchmarks (Total: 🟢 7 pass · 🟡 12 warn · 🔴 0 fail)

Baseline (latest main): f34f804 | Date: 9/10/58222 | Pipeline: 24155081004 | Baseline logs

Interaction Benchmarks · Samples: 5

Benchmark chrome-browserify
loadNewAccount 🟡 [Show logs]
confirmTx 🟡 [Show logs]
bridgeUserActions 🟡 [Show logs]

📈 Results compared to the previous 5 runs on main
↓ bridgeUserActions/bridge_load_asset_picker: -13%
↓ bridgeUserActions/bridge_search_token: -17%
↓ bridgeUserActions/total: -19%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🟡 loadNewAccount/FCP: p75 2.5s
🟡 confirmTx/FCP: p75 2.4s
🟡 bridgeUserActions/FCP: p75 2.4s

Startup Benchmarks · Samples: 100

Benchmark chrome-browserify chrome-webpack firefox-browserify firefox-webpack
startupStandardHome 🟢 [Show logs] 🟢 [Show logs] 🟢 [Show logs] 🟢 [Show logs]
startupPowerUserHome
🟡 uiStartup
[Show logs]
🟡 [Show logs] 🟡 [Show logs] 🟡 [Show logs]

📈 Results compared to the previous 5 runs on main
↓ startupStandardHome/load: -11%
↓ startupStandardHome/domContentLoaded: -13%
↑ startupStandardHome/domInteractive: +14%
↑ startupStandardHome/backgroundConnect: +12%
↓ startupStandardHome/initialActions: -38%
↓ startupStandardHome/loadScripts: -17%
↓ startupStandardHome/numNetworkReqs: -21%
↓ startupPowerUserHome/domInteractive: -11%
↑ startupPowerUserHome/backgroundConnect: +129%
↓ startupStandardHome/uiStartup: -14%
↓ startupStandardHome/load: -13%
↓ startupStandardHome/domContentLoaded: -12%
↓ startupStandardHome/backgroundConnect: -35%
↓ startupStandardHome/firstReactRender: -24%
↓ startupStandardHome/loadScripts: -12%
↓ startupStandardHome/numNetworkReqs: -29%
↓ startupPowerUserHome/domInteractive: -18%
↑ startupPowerUserHome/backgroundConnect: +15%
↑ startupPowerUserHome/numNetworkReqs: +26%
↓ startupStandardHome/domInteractive: -58%
↑ startupStandardHome/initialActions: +25%
↓ startupStandardHome/numNetworkReqs: -18%
↓ startupPowerUserHome/uiStartup: -10%
↓ startupPowerUserHome/backgroundConnect: -33%
↓ startupStandardHome/domInteractive: -28%
↑ startupStandardHome/initialActions: +11%
↓ startupStandardHome/setupStore: -54%
↓ startupStandardHome/numNetworkReqs: -18%
↓ startupPowerUserHome/backgroundConnect: -40%
↑ startupPowerUserHome/firstReactRender: +14%
↑ startupPowerUserHome/setupStore: +22%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🔴 startupPowerUserHome/INP: p75 760ms
🔴 startupPowerUserHome/INP: p75 744ms
🟡 startupPowerUserHome/LCP: p75 3.4s
🟡 startupPowerUserHome/LCP: p75 3.9s

User Journey Benchmarks · Samples: 5 · mock API

Benchmark chrome-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/srpButtonToSrpForm: -85%
↓ onboardingImportWallet/metricsToWalletReadyScreen: -43%
↓ onboardingImportWallet/doneButtonToHomeScreen: -78%
↑ onboardingImportWallet/openAccountMenuToAccountListLoaded: +32%
↓ onboardingImportWallet/total: -41%
↓ onboardingNewWallet/srpButtonToPwForm: -78%
↓ onboardingNewWallet/skipBackupToMetricsScreen: -69%
↓ onboardingNewWallet/agreeButtonToOnboardingSuccess: -28%
↓ onboardingNewWallet/doneButtonToAssetList: -37%
↓ onboardingNewWallet/total: -36%
↓ assetDetails/assetClickToPriceChart: -30%
↓ assetDetails/total: -30%
↓ solanaAssetDetails/assetClickToPriceChart: -66%
↓ solanaAssetDetails/total: -66%
↓ importSrpHome/openAccountMenuAfterLogin: -74%
↓ importSrpHome/homeAfterImportWithNewWallet: -70%
↓ importSrpHome/total: -60%
↓ sendTransactions/selectTokenToSendFormLoaded: -22%
↑ sendTransactions/reviewTransactionToConfirmationPage: +33%
↑ sendTransactions/total: +31%
↓ swap/openSwapPageFromHome: -96%
↑ swap/fetchAndDisplaySwapQuotes: +31%
↑ swap/total: +12%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)
🟡 assetDetails/INP: p75 248ms
🟡 assetDetails/FCP: p75 2.5s
🟡 solanaAssetDetails/FCP: p75 2.6s
🟡 importSrpHome/INP: p75 208ms
🟡 importSrpHome/FCP: p75 2.4s
🟡 sendTransactions/INP: p75 240ms
🟡 sendTransactions/FCP: p75 2.5s
🟡 swap/FCP: p75 2.5s

Dapp Page Load Benchmarks · Samples: 100

Benchmark chrome-browserify
dappPageLoad 🟢 [Show logs]

Bundle size diffs [🚨 Warning! Bundle size has increased!]

background: 57 Bytes (0%)
ui: 3 Bytes (0%)
common: 1.54 KiB (0.01%)

georgewrmarshall temporarily deployed to pr-comment April 3, 2026 00:35 — with GitHub Actions Inactive

metamaskbot added the team-design-system All issues relating to design system in Extension label Apr 3, 2026

github-actions bot added the size-XL label Apr 3, 2026

georgewrmarshall temporarily deployed to pr-comment April 3, 2026 01:05 — with GitHub Actions Inactive

georgewrmarshall force-pushed the chore/extension-design-system-v27-semibold-migration branch from 1c845f5 to c074978 Compare April 6, 2026 17:32

georgewrmarshall temporarily deployed to pr-comment April 6, 2026 17:32 — with GitHub Actions Inactive

github-actions bot added size-S and removed size-XL labels Apr 6, 2026

georgewrmarshall had a problem deploying to pr-comment April 6, 2026 18:02 — with GitHub Actions Error

georgewrmarshall force-pushed the chore/extension-design-system-v27-semibold-migration branch from c074978 to 2b28493 Compare April 6, 2026 18:02

georgewrmarshall temporarily deployed to pr-comment April 6, 2026 18:02 — with GitHub Actions Inactive

georgewrmarshall force-pushed the chore/extension-design-system-v27-semibold-migration branch from 2b28493 to 818775c Compare April 6, 2026 18:03

georgewrmarshall temporarily deployed to pr-comment April 6, 2026 18:03 — with GitHub Actions Inactive

georgewrmarshall commented Apr 6, 2026

View reviewed changes

georgewrmarshall temporarily deployed to pr-comment April 6, 2026 18:07 — with GitHub Actions Inactive

georgewrmarshall requested a review from a team April 6, 2026 18:09

georgewrmarshall commented Apr 6, 2026

View reviewed changes

georgewrmarshall temporarily deployed to pr-comment April 6, 2026 18:37 — with GitHub Actions Inactive

georgewrmarshall marked this pull request as ready for review April 6, 2026 19:08

georgewrmarshall requested review from a team as code owners April 6, 2026 19:08

georgewrmarshall temporarily deployed to pr-comment April 6, 2026 19:08 — with GitHub Actions Inactive

georgewrmarshall enabled auto-merge April 6, 2026 19:08

n3ps previously approved these changes Apr 7, 2026

View reviewed changes

georgewrmarshall self-assigned this Apr 7, 2026

georgewrmarshall mentioned this pull request Apr 7, 2026

chore: upgrade @metamask/design-system-react to v0.14.0 #41525

Merged

7 tasks

lwin-kyaw previously approved these changes Apr 8, 2026

View reviewed changes

georgewrmarshall added this pull request to the merge queue Apr 8, 2026

github-merge-queue bot removed this pull request from the merge queue due to a conflict with the base branch Apr 8, 2026

georgewrmarshall added 3 commits April 8, 2026 12:45

chore: upgrade design-system deps and migrate bold to semibold

932d60d

chore: revert changes as we point 700 to semibold as well

9aafb38

chore: remove deprecated Geist bold font assets

79348aa

georgewrmarshall dismissed stale reviews from lwin-kyaw, n3ps, and amandaye0h via 79348aa April 8, 2026 19:45

georgewrmarshall force-pushed the chore/extension-design-system-v27-semibold-migration branch from a83c8ac to 79348aa Compare April 8, 2026 19:45

georgewrmarshall enabled auto-merge April 8, 2026 19:45

georgewrmarshall temporarily deployed to pr-comment April 8, 2026 19:45 — with GitHub Actions Inactive

georgewrmarshall requested review from amandaye0h, lwin-kyaw and n3ps April 8, 2026 19:45

lwin-kyaw approved these changes Apr 8, 2026

View reviewed changes

n3ps approved these changes Apr 8, 2026

View reviewed changes

georgewrmarshall temporarily deployed to pr-comment April 8, 2026 20:16 — with GitHub Actions Inactive

brianacnguyen approved these changes Apr 8, 2026

View reviewed changes

georgewrmarshall added this pull request to the merge queue Apr 8, 2026

Merged via the queue into main with commit 2ea6f9c Apr 8, 2026
589 of 593 checks passed

georgewrmarshall deleted the chore/extension-design-system-v27-semibold-migration branch April 8, 2026 21:38

github-actions bot locked and limited conversation to collaborators Apr 8, 2026

metamaskbot added the release-13.27.0 Issue or pull request that will be included in release 13.27.0 label Apr 8, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore: upgrade design-system deps and migrate bold to semibold#41467

chore: upgrade design-system deps and migrate bold to semibold#41467
georgewrmarshall merged 3 commits intomainfrom
chore/extension-design-system-v27-semibold-migration

georgewrmarshall commented Apr 3, 2026 •

edited by cursor bot

Loading

Uh oh!

github-actions bot commented Apr 3, 2026

Uh oh!

socket-security bot commented Apr 3, 2026 •

edited

Loading

Uh oh!

metamaskbotv2 bot commented Apr 3, 2026 •

edited

Loading

Uh oh!

metamaskbotv2 bot commented Apr 3, 2026

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

georgewrmarshall Apr 6, 2026 •

edited

Loading

Uh oh!

georgewrmarshall Apr 6, 2026

Uh oh!

georgewrmarshall Apr 6, 2026

Uh oh!

georgewrmarshall Apr 6, 2026

Uh oh!

metamaskbotv2 bot commented Apr 6, 2026

Uh oh!

sonarqubecloud bot commented Apr 8, 2026

Uh oh!

metamaskbotv2 bot commented Apr 8, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

Conversation

georgewrmarshall commented Apr 3, 2026 • edited by cursor bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Changelog

Related issues

Manual testing steps

Screenshots/Recordings

Before

After

Pre-merge author checklist

Pre-merge reviewer checklist

Uh oh!

github-actions bot commented Apr 3, 2026

Uh oh!

socket-security bot commented Apr 3, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

metamaskbotv2 bot commented Apr 3, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✨ Files requiring CODEOWNER review ✨

Uh oh!

metamaskbotv2 bot commented Apr 3, 2026

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

georgewrmarshall Apr 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

georgewrmarshall Apr 6, 2026

Choose a reason for hiding this comment

Uh oh!

georgewrmarshall Apr 6, 2026

Choose a reason for hiding this comment

Uh oh!

georgewrmarshall Apr 6, 2026

Choose a reason for hiding this comment

Uh oh!

metamaskbotv2 bot commented Apr 6, 2026

Uh oh!

sonarqubecloud bot commented Apr 8, 2026

Quality Gate passed

Uh oh!

metamaskbotv2 bot commented Apr 8, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

georgewrmarshall commented Apr 3, 2026 •

edited by cursor bot

Loading

socket-security bot commented Apr 3, 2026 •

edited

Loading

metamaskbotv2 bot commented Apr 3, 2026 •

edited

Loading

georgewrmarshall Apr 6, 2026 •

edited

Loading