Removing all unused components from @primer/styled-react by jonrohan · Pull Request #7806 · primer/react

jonrohan · 2026-05-06T02:56:49Z

Overview

This PR removes all unused components from @primer/styled-react. These components were styled-components wrappers around @primer/react components that are no longer needed as consumers have migrated to @primer/react with CSS Modules.

The following components have been confirmed to have 0 usages in production:

Removed from `@primer/styled-react` (main entrypoint)

Removed from `@primer/styled-react/deprecated` entrypoint

Removed from `@primer/styled-react/experimental` entrypoint

Dialog

Additional internal-only component files removed (never exported publicly)

FormControl.tsx
Header.tsx
LinkButton.tsx
SegmentedControl.tsx

The ./deprecated and ./experimental entrypoints have been removed from package.json exports since they are now empty.

What remains in `@primer/styled-react`

The package still exports theming utilities (ThemeProvider, useTheme, useColorSchemeVar, theme, themeGet), the sx prop utilities (sx, merge), and BaseStyles — all marked as deprecated.

Changelog

New

None

Changed

None

Removed

Removed all styled-components wrapper components from @primer/styled-react (ActionList, Box, Button, Dialog, Flash, Heading, IconButton, Label, Link, Spinner, Text, TextInput, ToggleSwitch, UnderlineNav)
Removed all deprecated components (ActionList, DialogV1, Octicon)
Removed experimental Dialog component
Removed ./deprecated and ./experimental entrypoints from package exports

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

All removed components have been verified to have 0 usages via primer-query (links above). Click any component link above to confirm zero usage.

Merge checklist

Added/updated tests
Added/updated documentation
Added/updated previews (Storybook)
Changes are SSR compatible
Tested in Chrome
Tested in Firefox
Tested in Safari
Tested in Edge
(GitHub staff only) Integration tests pass at github/github-ui (Learn more about how to run integration tests)

- Deleted deprecated components including Dialog, Flash, FormControl, Header, Heading, IconButton, Label, Link, LinkButton, SegmentedControl, Spinner, Text, TextInput, ToggleSwitch, UnderlineNav, and ActionList. - Removed their respective type definitions and exports from the index and deprecated files. - Updated the codebase to eliminate reliance on the `sx` prop for these components, encouraging the use of components from `@primer/react` with CSS Modules instead.

changeset-bot · 2026-05-06T02:56:54Z

🦋 Changeset detected

Latest commit: ed89d86

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

This PR includes changesets to release 1 package

Name	Type
@primer/styled-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

Copilot

Pull request overview

This PR removes previously-deprecated component wrappers from @primer/styled-react (and its ./deprecated + ./experimental entrypoints) now that their usage has dropped to zero, leaving only the remaining theming/BaseStyles-related exports.

Changes:

Removed many component wrapper implementations (and related stories/tests) from packages/styled-react/src/components/**.
Removed the @primer/styled-react/deprecated and @primer/styled-react/experimental source entrypoints and updated build/test tooling to only target src/index.tsx.
Updated export snapshots and the components.json generator inputs accordingly.

Show a summary per file

File	Description
packages/styled-react/src/index.tsx	Removes re-exports for the removed component wrappers, leaving core theming/BaseStyles utilities.
packages/styled-react/src/experimental.tsx	Removed experimental entrypoint source.
packages/styled-react/src/deprecated.tsx	Removed deprecated entrypoint source.
packages/styled-react/src/components/ActionList.tsx	Removed ActionList wrapper implementation.
packages/styled-react/src/components/Box.tsx	Removed Box wrapper implementation.
packages/styled-react/src/components/Button.tsx	Removed Button wrapper implementation (and related `sx` helper logic).
packages/styled-react/src/components/Button.stories.tsx	Removed Button Storybook story.
packages/styled-react/src/components/Dialog.tsx	Removed Dialog wrapper implementation.
packages/styled-react/src/components/Flash.tsx	Removed Flash wrapper implementation.
packages/styled-react/src/components/FormControl.tsx	Removed FormControl wrapper implementation.
packages/styled-react/src/components/Header.tsx	Removed Header wrapper implementation.
packages/styled-react/src/components/Heading.tsx	Removed Heading wrapper implementation.
packages/styled-react/src/components/IconButton.tsx	Removed IconButton wrapper implementation.
packages/styled-react/src/components/Label.tsx	Removed Label wrapper implementation.
packages/styled-react/src/components/Link.tsx	Removed Link wrapper implementation.
packages/styled-react/src/components/LinkButton.tsx	Removed LinkButton wrapper implementation.
packages/styled-react/src/components/SegmentedControl.tsx	Removed SegmentedControl wrapper implementation.
packages/styled-react/src/components/Spinner.tsx	Removed Spinner wrapper implementation.
packages/styled-react/src/components/Text.tsx	Removed Text wrapper implementation.
packages/styled-react/src/components/TextInput.tsx	Removed TextInput wrapper implementation.
packages/styled-react/src/components/ToggleSwitch.tsx	Removed ToggleSwitch wrapper implementation.
packages/styled-react/src/components/UnderlineNav.tsx	Removed UnderlineNav wrapper implementation.
packages/styled-react/src/components/deprecated/TabNav.tsx	Removed deprecated TabNav wrapper implementation.
packages/styled-react/src/components/deprecated/Octicon.tsx	Removed deprecated Octicon wrapper implementation.
packages/styled-react/src/components/deprecated/DialogV1.tsx	Removed deprecated DialogV1 wrapper implementation.
packages/styled-react/src/components/deprecated/ActionList.tsx	Removed deprecated ActionList wrapper implementation.
packages/styled-react/src/tests/primer-react.browser.test.tsx	Removed browser tests covering removed wrappers.
packages/styled-react/src/tests/primer-react-experimental.browser.test.tsx	Removed experimental entrypoint browser tests.
packages/styled-react/src/tests/primer-react-deprecated.browser.test.tsx	Removed deprecated entrypoint browser tests.
packages/styled-react/src/tests/Box.browser.test.tsx	Removed Box-specific browser tests.
packages/styled-react/src/tests/exports.test.ts	Updates export snapshot coverage to only the root entrypoint.
packages/styled-react/src/tests/deprecated-exports.test.ts	Updates deprecated-export validation to only scan the root entrypoint.
packages/styled-react/src/tests/snapshots/exports.test.ts.snap	Updates snapshots to reflect the reduced export surface.
packages/styled-react/script/generate-components-json	Updates components.json generation to only scan `src/index.tsx`.
packages/styled-react/rollup.config.js	Updates Rollup inputs to only build `src/index.tsx`.
packages/styled-react/package.json	No functional change shown in diff (formatting only).

Copilot's findings

Comments suppressed due to low confidence (1)

packages/styled-react/src/index.tsx:7

This PR removes a large set of public exports from @primer/styled-react (components and the ./deprecated + ./experimental entrypoints). The PR description marks this as a patch release, but the repo’s versioning guidance treats removing a component/public API as a breaking change (major). Please align the rollout strategy and add an appropriate Changeset for the package so the release type matches the API break.

Files reviewed: 30/31 changed files
Comments generated: 1

 export default defineConfig({
-  input: ['src/index.tsx', 'src/experimental.tsx', 'src/deprecated.tsx'],
+  input: ['src/index.tsx'],
  external: dependencies.map(createPackageRegex),
  plugins: [


primer · 2026-05-06T03:07:23Z

🤖 Lint issues have been automatically fixed and committed to this PR.

primer · 2026-05-06T03:20:58Z

🤖 Lint issues have been automatically fixed and committed to this PR.

…omponent

siddharthkp

Damn! 🔥

primer-integration · 2026-05-06T11:28:16Z

👋 Hi from github/github-ui! Your integration PR is ready: https://github.com/github/github-ui/pull/20028

primer-integration · 2026-05-06T11:53:19Z

Integration test results from github/github-ui:

CI Passed
VRT Waiting
Projects Passed

Copilot AI review requested due to automatic review settings May 6, 2026 02:56

jonrohan requested a review from a team as a code owner May 6, 2026 02:56

jonrohan requested a review from siddharthkp May 6, 2026 02:56

Copilot started reviewing on behalf of jonrohan May 6, 2026 02:57 View session

Merge branch 'main' into remove_styled_react_components_all

325cac5

Copilot AI reviewed May 6, 2026

View reviewed changes

Comment thread packages/styled-react/rollup.config.js

Comment on lines 18 to 21

export default defineConfig({

input: ['src/index.tsx', 'src/experimental.tsx', 'src/deprecated.tsx'],

input: ['src/index.tsx'],

external: dependencies.map(createPackageRegex),

plugins: [

jonrohan deployed to github-pages May 6, 2026 03:09 — with GitHub Actions View deployment

github-actions Bot temporarily deployed to storybook-preview-7806 May 6, 2026 03:09 Inactive

Create shiny-cheetahs-compare.md

226fa89

jonrohan deployed to github-pages May 6, 2026 03:23 — with GitHub Actions View deployment

github-actions Bot temporarily deployed to storybook-preview-7806 May 6, 2026 03:24 Inactive

jonrohan added 2 commits May 6, 2026 03:32

refactor: remove deprecated exports and update test imports for Box c…

9a1df30

…omponent

Remove dead code

556ac80

github-actions Bot temporarily deployed to storybook-preview-7806 May 6, 2026 03:42 Inactive

Update snapshot

ed89d86

github-actions Bot temporarily deployed to storybook-preview-7806 May 6, 2026 03:52 Inactive

jonrohan deployed to github-pages May 6, 2026 04:02 — with GitHub Actions View deployment

github-actions Bot deployed to storybook-preview-7806 May 6, 2026 04:02 View deployment

siddharthkp approved these changes May 6, 2026

View reviewed changes

siddharthkp added the Canary Release Apply this label when you want CI to create a canary release of the current PR label May 6, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Removing all unused components from @primer/styled-react#7806

Removing all unused components from @primer/styled-react#7806
jonrohan wants to merge 6 commits intomainfrom
remove_styled_react_components_all

jonrohan commented May 6, 2026 •

edited

Loading

Uh oh!

changeset-bot Bot commented May 6, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

primer Bot commented May 6, 2026

Uh oh!

primer Bot commented May 6, 2026

Uh oh!

siddharthkp left a comment

Uh oh!

primer-integration Bot commented May 6, 2026

Uh oh!

primer-integration Bot commented May 6, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

jonrohan commented May 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Overview

Removed from @primer/styled-react (main entrypoint)

Removed from @primer/styled-react/deprecated entrypoint

Removed from @primer/styled-react/experimental entrypoint

Additional internal-only component files removed (never exported publicly)

What remains in @primer/styled-react

Changelog

New

Changed

Removed

Rollout strategy

Testing & Reviewing

Merge checklist

Uh oh!

changeset-bot Bot commented May 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Copilot's findings

Uh oh!

primer Bot commented May 6, 2026

Uh oh!

primer Bot commented May 6, 2026

Uh oh!

siddharthkp left a comment

Choose a reason for hiding this comment

Uh oh!

primer-integration Bot commented May 6, 2026

Uh oh!

primer-integration Bot commented May 6, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

jonrohan commented May 6, 2026 •

edited

Loading

Removed from `@primer/styled-react` (main entrypoint)

Removed from `@primer/styled-react/deprecated` entrypoint

Removed from `@primer/styled-react/experimental` entrypoint

What remains in `@primer/styled-react`

changeset-bot Bot commented May 6, 2026 •

edited

Loading