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

CopilotAI 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

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

Merge branch 'main' into remove_styled_react_components_all
325cac5

CopilotAI reviewed May 6, 2026
View reviewed changes

Comment threadpackages/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-actionsBottemporarily 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-actionsBottemporarily 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-actionsBottemporarily deployed to storybook-preview-7806 May 6, 2026 03:42 Inactive

Update snapshot
ed89d86

github-actionsBottemporarily 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-actionsBottemporarily deployed to storybook-preview-7806 May 6, 2026 04:02 Inactive

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

jonrohan added this pull request to the merge queue May 14, 2026

Merged via the queue into main with commit 36a4922May 14, 2026
60 checks passed

jonrohan deleted the remove_styled_react_components_all branch May 14, 2026 01:21

primerBot mentioned this pull request May 14, 2026
Release tracking #7835
Merged

Navigation Menu

Uh oh!

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

Removing all unused components from @primer/styled-react#7806
jonrohan merged 6 commits into
mainfrom
remove_styled_react_components_all

jonrohan commented May 6, 2026•
edited
Loading

Uh oh!

changeset-botBot commented May 6, 2026•
edited
Loading

Uh oh!

CopilotAI left a comment

Uh oh!

primerBot commented May 6, 2026

Uh oh!

primerBot commented May 6, 2026

Uh oh!

siddharthkp left a comment

Uh oh!

primer-integrationBot commented May 6, 2026

Uh oh!

primer-integrationBot commented May 6, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Uh oh!

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-botBot commented May 6, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

CopilotAI left a comment

Choose a reason for hiding this comment

Pull request overview

Copilot's findings

Uh oh!

primerBot commented May 6, 2026

Uh oh!

primerBot commented May 6, 2026

Uh oh!

siddharthkp left a comment

Choose a reason for hiding this comment

Uh oh!

primer-integrationBot commented May 6, 2026

Uh oh!

primer-integrationBot commented May 6, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 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-botBot commented May 6, 2026•
edited
Loading