npm / @metamask/design-tokens
@metamask/design-tokens
What changed in @metamask/design-tokens 75, from its official release notes, upgrade guides and advisories. Also covers @metamask/design-system-shared. Sources checked 2026-10-19.
6 new APIs and options5 behavior and defaults
See which of these apply to your code, ranked, in your agent:
npx @unstale/cli init@metamask/design-tokens 7511 changes
New APIs and options 6
Adds the Tailwind v4 large-screen display XL text utility and matching leading and tracking utilities.
Adds the Tailwind v4 small-screen display XL text utility and matching leading and tracking utilities.
Adds CSS custom properties for the large-screen display XL typography style.
Adds CSS custom properties for the small-screen display XL typography style.
Adds the large-screen display XL typography style, using 60px / 75px at medium weight.
Adds the small-screen display XL typography style, using 60px / 75px at bold weight.
Behavior and default changes 5
Changes the hero typeface from MM Poly to Grotzec Cond Bold; only the Bold cut is licensed and should be registered at weight 600.
Changes the hero typeface from MM Poly to Grotzec Cond.
Changes the Figma hero font-family token from MM Poly to Grotzec Cond.
Updates the small-screen amount display large CSS properties to 48px / 56px; the large-screen style remains 60px / 75px.
Updates the small-screen amount display large style to 48px / 56px; the large-screen style remains 60px / 75px.