chore(styled-react): remove TabNav, SegmentedControl, Header, FormControl, LinkButton from @primer/styled-react

[jonrohan]

Closes #

Removes TabNav, SegmentedControl, Header, FormControl, and LinkButton components from the @primer/styled-react package, continuing the effort to slim down the styled-react compatibility layer.

Changelog

New

None

Changed

None

Removed

• FormControl and FormControlProps from @primer/styled-react
• Header and HeaderProps from @primer/styled-react
• LinkButton and LinkButtonProps from @primer/styled-react
• SegmentedControl, SegmentedControlProps, SegmentedControlButtonProps, and SegmentedControlIconButtonProps from @primer/styled-react
• TabNav, TabNavProps, and TabNavLinkProps from @primer/styled-react/deprecated

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

• Verified export snapshot tests are updated to reflect the removed components.
• Removed corresponding browser tests that validated sx prop support for these components.

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

[changeset-bot]

🦋 Changeset detected

Latest commit: 651cf3c

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

[francinelucca]

🚀

[Copilot]

Pull request overview

Removes several deprecated @primer/styled-react wrapper components to further slim down the styled-components compatibility layer, and updates tests/snapshots accordingly.

Changes:

• Remove FormControl, Header, LinkButton, and SegmentedControl exports from @primer/styled-react, and TabNav from @primer/styled-react/deprecated.
• Delete the corresponding wrapper component source files.
• Update export snapshot and browser tests to reflect removed exports.

Show a summary per file

File	Description
packages/styled-react/src/index.tsx	Drops exports for FormControl/Header/LinkButton/SegmentedControl from the main entrypoint.
packages/styled-react/src/deprecated.tsx	Drops TabNav export from the deprecated entrypoint.
packages/styled-react/src/components/deprecated/TabNav.tsx	Deletes the styled-react TabNav wrapper implementation.
packages/styled-react/src/components/SegmentedControl.tsx	Deletes the styled-react SegmentedControl wrapper implementation.
packages/styled-react/src/components/LinkButton.tsx	Deletes the styled-react LinkButton wrapper implementation.
packages/styled-react/src/components/Header.tsx	Deletes the styled-react Header wrapper implementation.
packages/styled-react/src/components/FormControl.tsx	Deletes the styled-react FormControl wrapper implementation.
packages/styled-react/src/tests/primer-react.browser.test.tsx	Removes sx browser tests for deleted non-deprecated entrypoint components.
packages/styled-react/src/tests/primer-react-deprecated.browser.test.tsx	Removes sx browser tests for deleted deprecated entrypoint component (TabNav).
packages/styled-react/src/tests/snapshots/exports.test.ts.snap	Updates export snapshot expectations to remove the deleted exports.
.changeset/smart-points-explain.md	Adds a changeset for the removal.

Copilot's findings

• Files reviewed: 11/11 changed files
• Comments generated: 1

[primer-integration]

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

[primer-integration]

Integration test results from github/github-ui:

CI Passed
VRT Passed
Projects Passed

All checks passed!