Skip to content

feat: add CSS Layer support to foundational components#7951

Draft
joshblack wants to merge 7 commits into
css-layers/00-base-test-avatarfrom
css-layers/01-foundations-a
Draft

feat: add CSS Layer support to foundational components#7951
joshblack wants to merge 7 commits into
css-layers/00-base-test-avatarfrom
css-layers/01-foundations-a

Conversation

@joshblack

@joshblack joshblack commented Jun 9, 2026

Copy link
Copy Markdown
Member

Part of https://github.com/github/primer/issues/6275

Migrates AvatarStack, BaseStyles, BranchName, ButtonGroup, Card, Checkbox, CircleBadge, deprecated FilteredSearch, and deprecated UnderlineNav styles into named Primer component CSS layers.

Changelog

New

  • Adds CSS layer coverage for AvatarStack, BaseStyles, BranchName, ButtonGroup, Card, Checkbox, CircleBadge, deprecated FilteredSearch, and deprecated UnderlineNav.

Changed

  • Wraps AvatarStack, BaseStyles, BranchName, ButtonGroup, Card, Checkbox, CircleBadge, deprecated FilteredSearch, and deprecated UnderlineNav CSS module styles in named @layer primer.components.* layers.

Removed

  • None

Rollout strategy

  • Patch release
  • Minor release
  • Major release; if selected, include a written rollout or migration plan
  • None; if selected, include a brief description as to why

Testing & Reviewing

  • Run cd packages/react && npx vitest run src/__tests__/css-layers.test.ts --config vitest.config.mts.
  • Review this PR as part of the CSS layers stack; this entry covers AvatarStack, BaseStyles, BranchName, ButtonGroup, Card, Checkbox, CircleBadge, deprecated FilteredSearch, and deprecated UnderlineNav.

Merge checklist

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@changeset-bot

changeset-bot Bot commented Jun 9, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 59c0e61

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/react Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions github-actions Bot added staff Author is a staff member integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm labels Jun 9, 2026
@github-actions

github-actions Bot commented Jun 9, 2026

Copy link
Copy Markdown
Contributor

⚠️ Action required

👋 Hi, this pull request contains changes to the source code that github/github-ui depends on. If you are GitHub staff, test these changes with github/github-ui using the integration workflow. Check the integration testing docs for step-by-step instructions. Or, apply the integration-tests: skipped manually label to skip these checks.

To publish a canary release for integration testing, apply the Canary Release label to this PR.

@joshblack joshblack changed the title css layers/01 foundations a feat: add CSS Layer support to foundational components Jun 9, 2026
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@joshblack joshblack force-pushed the css-layers/01-foundations-a branch from 3d40bb2 to 77d5187 Compare June 9, 2026 20:14
@github-actions github-actions Bot temporarily deployed to storybook-preview-7951 June 9, 2026 20:18 Inactive
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
@joshblack joshblack force-pushed the css-layers/01-foundations-a branch 2 times, most recently from 36c6359 to f3e5418 Compare June 9, 2026 20:27
joshblack and others added 4 commits June 9, 2026 15:28
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@github-actions github-actions Bot temporarily deployed to storybook-preview-7951 June 9, 2026 20:28 Inactive
@joshblack joshblack force-pushed the css-layers/01-foundations-a branch from f3e5418 to 59c0e61 Compare June 9, 2026 20:29
@github-actions github-actions Bot requested a deployment to storybook-preview-7951 June 9, 2026 20:33 Abandoned
@joshblack joshblack force-pushed the css-layers/00-base-test-avatar branch from e9de772 to 11a730c Compare June 10, 2026 15:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm staff Author is a staff member

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant