forward Underline.Tab, Underline.Panels from @primer/react

[francinelucca]

wrapped subcomponents wont work well for UnderlinePanels due to the child type comparison, modifying to forward the original UnderlinePanels.Tab and UnderlinePanels.Panel from @primer/react.

There's no need to support sx in these subcomponents since we currently have no usage of it so this solution works fine (see https://primer-query.githubapp.com/?query=name%3A%22UnderlinePanels.Tab%22+attribute%3A%22sx%22, https://primer-query.githubapp.com/?query=name%3A%22UnderlinePanels.Panel%22+attribute%3A%22sx%22)

Changelog

New

Changed

• Modify @primer/styled-react version of UnderlinePanels to forward subcomponents directly from @primer/react instead of wrapping
• re-added old child.type comparison logic to @primer/react UnderlinePanels

Removed

• sx prop test for UnderlinePanels.Panel

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

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 (Learn more about how to run integration tests)

[changeset-bot]

🦋 Changeset detected

Latest commit: 2c7b3b0

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

This PR includes changesets to release 2 packages

Name	Type
@primer/react	Major
@primer/styled-react	Major

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]

👋 Hi, this pull request contains changes to the source code that github/github depends on. If you are GitHub staff, we recommend testing these changes with github/github using the integration workflow. Thanks!

[Copilot]

Pull Request Overview

This PR modifies the UnderlinePanels component in the styled-react package to forward subcomponents directly from @primer/react instead of wrapping them with styled-components. The change addresses issues with wrapped subcomponents not working well due to child type comparison logic.

• Removes wrapped Tab and Panel components from styled-react and forwards them directly from @primer/react
• Updates @primer/react UnderlinePanels to use direct component type comparison instead of displayName checks
• Removes sx prop support from subcomponents as it's not currently used

Reviewed Changes

Copilot reviewed 5 out of 6 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
packages/styled-react/src/experimental.tsx	Minor reordering of export statements
packages/styled-react/src/components/UnderlinePanels.tsx	Removes wrapped subcomponents and forwards directly from @primer/react
packages/styled-react/src/tests/primer-react-experimental.browser.test.tsx	Removes test for sx prop support on UnderlinePanels.Panel
packages/react/src/experimental/UnderlinePanels/UnderlinePanels.tsx	Updates child type comparison logic to use direct component references
.changeset/rude-windows-bathe.md	Adds changelog entry for the changes

[primer-integration]

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

[francinelucca]

seeing the reported failure on other branches, unrelated to these changes

[primer-integration]

🔴 ci completed with status failure.