Skip to content

Upgrade @primer/css from v19 to v20 - #158

Merged
Atis9 merged 2 commits into
mainfrom
chore/upgrade-dependencies
Feb 16, 2026
Merged

Upgrade @primer/css from v19 to v20#158
Atis9 merged 2 commits into
mainfrom
chore/upgrade-dependencies

Conversation

@Atis9

@Atis9 Atis9 commented Feb 16, 2026

Copy link
Copy Markdown
Owner

Summary

  • Upgrade @primer/css from v19.8.2 to v20.8.3 (latest stable v20)
  • Update auto-generated next-env.d.ts types path

Analysis

Investigated upgrade path through v20 → v21 → v22. v20.8.3 is the optimal target for this project:

Version Impact Reason
v20 (selected) Low Focus style improvements only. All 29 Primer classes used in this project remain intact
v21 Medium Box, btn etc. become thin re-exports from @primer/view-components (Rails package, +3.3MB extra dep)
v22 Breaking Box, Box-header, Box-body, Box-row, btn, btn-outline removed entirely

Verification

  • npm run build — compiled successfully (Turbopack)
  • npm test — 23/23 tests passed
  • npm run lint — no errors
  • Dev server — all pages return 200 with correct Primer CSS classes

Test plan

  • Visually verify pages in browser for focus style changes (outline-based vs box-shadow)
  • Confirm interactive elements (buttons, links) have proper focus indicators

🤖 Generated with Claude Code

Atis9 and others added 2 commits February 17, 2026 03:57
Upgrade to the latest stable v20 release. v20 introduces global focus
style improvements (outline-based instead of box-shadow) but has no
class name removals or renames that affect this project.

v21+ was intentionally skipped because it moves component CSS (Box,
btn, etc.) to @primer/view-components (a Rails-oriented package),
requiring an extra dependency. v22 removes these components entirely.
v20.8.3 is the last version that ships all 29 Primer classes used in
this project without additional dependencies.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Next.js updated the generated route types import path from
.next/types/routes.d.ts to .next/dev/types/routes.d.ts.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Copilot AI review requested due to automatic review settings February 16, 2026 18:58
@vercel

vercel Bot commented Feb 16, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
nyantech-com Ready Ready Preview, Comment Feb 16, 2026 6:58pm

@Atis9
Atis9 merged commit 15bdc96 into main Feb 16, 2026
9 checks passed
@Atis9
Atis9 deleted the chore/upgrade-dependencies branch February 16, 2026 18:59

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

Upgrades Primer CSS to v20 and aligns Next.js generated route-type references to the updated .next output structure.

Changes:

  • Bump @primer/css from ^19.8.2 to ^20.8.3.
  • Update package-lock.json to reflect the new dependency graph for Primer v20.
  • Update next-env.d.ts to reference the new generated routes types path.

Reviewed changes

Copilot reviewed 1 out of 3 changed files in this pull request and generated no comments.

File Description
package.json Updates @primer/css dependency to v20.8.3.
package-lock.json Locks updated Primer v20 transitive dependencies (including new packages).
next-env.d.ts Adjusts the generated routes type import path under .next/dev/types.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants