Skip to content

feat: add CSS Layer support to internal input styles#7953

Draft
joshblack wants to merge 2 commits into
css-layers/02-foundations-bfrom
css-layers/03-internal-inputs
Draft

feat: add CSS Layer support to internal input styles#7953
joshblack wants to merge 2 commits into
css-layers/02-foundations-bfrom
css-layers/03-internal-inputs

Conversation

@joshblack

@joshblack joshblack commented Jun 9, 2026

Copy link
Copy Markdown
Member

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

Migrates Caret, InputLabel, InputValidation, TextInputInnerAction, TextInputInnerVisualSlot, TextInputWrapper, UnderlineTabbedInterface, UnstyledTextInput, ValidationAnimationContainer, and Label styles into named Primer component CSS layers.

Changelog

New

  • Adds CSS layer coverage for Caret, InputLabel, InputValidation, TextInputInnerAction, TextInputInnerVisualSlot, TextInputWrapper, UnderlineTabbedInterface, UnstyledTextInput, ValidationAnimationContainer, and Label.

Changed

  • Wraps Caret, InputLabel, InputValidation, TextInputInnerAction, TextInputInnerVisualSlot, TextInputWrapper, UnderlineTabbedInterface, UnstyledTextInput, ValidationAnimationContainer, and Label 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 Caret, InputLabel, InputValidation, TextInputInnerAction, TextInputInnerVisualSlot, TextInputWrapper, UnderlineTabbedInterface, UnstyledTextInput, ValidationAnimationContainer, and Label.

Merge checklist

@changeset-bot

changeset-bot Bot commented Jun 9, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 9b88c7a

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 03-internal-inputs feat: add CSS Layer support to internal input styles Jun 9, 2026
@joshblack joshblack force-pushed the css-layers/02-foundations-b branch from 8b468eb to 328f7fb Compare June 9, 2026 20:14
@joshblack joshblack force-pushed the css-layers/03-internal-inputs branch from 8a6c09d to a5bb647 Compare June 9, 2026 20:14
@github-actions github-actions Bot temporarily deployed to storybook-preview-7953 June 9, 2026 20:19 Inactive
@joshblack joshblack force-pushed the css-layers/02-foundations-b branch from 328f7fb to c34ded1 Compare June 9, 2026 20:24
@joshblack joshblack force-pushed the css-layers/03-internal-inputs branch from a5bb647 to d54a530 Compare June 9, 2026 20:24
@joshblack joshblack force-pushed the css-layers/02-foundations-b branch from c34ded1 to e58939d Compare June 9, 2026 20:27
@joshblack joshblack force-pushed the css-layers/03-internal-inputs branch from d54a530 to 9b88c7a Compare June 9, 2026 20:27
@github-actions github-actions Bot requested a deployment to storybook-preview-7953 June 9, 2026 20:28 Abandoned
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