Skip to content

feat: add CSS Layer support to additional foundations#7952

Draft
joshblack wants to merge 2 commits into
css-layers/01-foundations-afrom
css-layers/02-foundations-b
Draft

feat: add CSS Layer support to additional foundations#7952
joshblack wants to merge 2 commits into
css-layers/01-foundations-afrom
css-layers/02-foundations-b

Conversation

@joshblack

@joshblack joshblack commented Jun 9, 2026

Copy link
Copy Markdown
Member

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

Migrates Details, CSSComponent, UnderlinePanels, Flash, Header, Heading, Hidden, InlineMessage, and ButtonReset styles into named Primer component CSS layers.

Changelog

New

  • Adds CSS layer coverage for Details, CSSComponent, UnderlinePanels, Flash, Header, Heading, Hidden, InlineMessage, and ButtonReset.

Changed

  • Wraps Details, CSSComponent, UnderlinePanels, Flash, Header, Heading, Hidden, InlineMessage, and ButtonReset 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 Details, CSSComponent, UnderlinePanels, Flash, Header, Heading, Hidden, InlineMessage, and ButtonReset.

Merge checklist

@changeset-bot

changeset-bot Bot commented Jun 9, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: d91dd19

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 feat: add CSS Layers to 02-foundations-b feat: add CSS Layer support to additional foundations Jun 9, 2026
@joshblack joshblack force-pushed the css-layers/01-foundations-a branch from 3d40bb2 to 77d5187 Compare June 9, 2026 20:14
@joshblack joshblack force-pushed the css-layers/02-foundations-b branch from 8b468eb to 328f7fb Compare June 9, 2026 20:14
@github-actions github-actions Bot temporarily deployed to storybook-preview-7952 June 9, 2026 20:19 Inactive
@joshblack joshblack force-pushed the css-layers/01-foundations-a branch from 77d5187 to 36c6359 Compare June 9, 2026 20:24
@joshblack joshblack force-pushed the css-layers/02-foundations-b branch 2 times, most recently from c34ded1 to e58939d Compare June 9, 2026 20:27
@joshblack joshblack force-pushed the css-layers/01-foundations-a branch from 36c6359 to f3e5418 Compare June 9, 2026 20:27
@github-actions github-actions Bot temporarily deployed to storybook-preview-7952 June 9, 2026 20:28 Inactive
joshblack and others added 2 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>
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