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

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

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!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 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!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 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