Remove PageHeader from @primer/styled-react (#7726)

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: jonrohan <54012+jonrohan@users.noreply.github.com>
Co-authored-by: Jon Rohan <yes@jonrohan.codes>

Author: Copilot

.changeset/warm-spoons-own.md

@@ -0,0 +1,5 @@
+---
+"@primer/styled-react": patch
+---
+
+Remove PageHeader from @primer/styled-react

packages/styled-react/src/__tests__/__snapshots__/exports.test.ts.snap

@@ -21,7 +21,6 @@ exports[`@primer/styled-react exports 1`] = `
   "LinkButton",
   "merge",
   "Overlay",
-  "PageHeader",
   "SegmentedControl",
   "Spinner",
   "sx",
@@ -54,7 +53,6 @@ exports[`@primer/styled-react/deprecated exports 1`] = `
 exports[`@primer/styled-react/experimental exports 1`] = `
 [
   "Dialog",
-  "PageHeader",
   "Table",
   "Tooltip",
 ]

packages/styled-react/src/__tests__/primer-react-experimental.browser.test.tsx

@@ -1,19 +1,13 @@
 import {render, screen} from '@testing-library/react'
 import {describe, expect, test} from 'vitest'
-import {Dialog, PageHeader, Table, Tooltip} from '../experimental'
+import {Dialog, Table, Tooltip} from '../experimental'
 
 describe('@primer/react/experimental', () => {
   test('Dialog supports `sx` prop', () => {
     render(<Dialog data-testid="component" onClose={() => {}} sx={{background: 'red'}} />)
     expect(window.getComputedStyle(screen.getByRole('dialog')).backgroundColor).toBe('rgb(255, 0, 0)')
   })
 
-  test('PageHeader supports `sx` prop', () => {
-    const {container} = render(<PageHeader as="div" data-testid="component" sx={{background: 'red'}} role="article" />)
-    expect(container.firstElementChild!).toHaveAttribute('role', 'article')
-    expect(window.getComputedStyle(container.firstElementChild!).backgroundColor).toBe('rgb(255, 0, 0)')
-  })
-
   test('Table.Container', () => {
     render(<Table.Container data-testid="component" sx={{background: 'red'}} />)
     expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')

packages/styled-react/src/__tests__/primer-react.browser.test.tsx

@@ -19,7 +19,6 @@ import {
   Link,
   LinkButton,
   Overlay,
-  PageHeader,
   SegmentedControl,
   Spinner,
   Text,
@@ -197,22 +196,6 @@ describe('@primer/react', () => {
     expect(screen.getByTestId('component')).toHaveAttribute('role', 'dialog')
   })
 
-  test('PageHeader supports `sx` prop', () => {
-    const {container} = render(<PageHeader as="div" data-testid="component" sx={{background: 'red'}} role="article" />)
-    expect(container.firstElementChild!).toHaveAttribute('role', 'article')
-    expect(window.getComputedStyle(container.firstElementChild!).backgroundColor).toBe('rgb(255, 0, 0)')
-  })
-
-  test('PageHeader.Actions supports `sx` prop', () => {
-    const {container} = render(<PageHeader.Actions data-testid="component" sx={{background: 'red'}} />)
-    expect(window.getComputedStyle(container.firstElementChild!).backgroundColor).toBe('rgb(255, 0, 0)')
-  })
-
-  test('PageHeader.Title supports `sx` prop', () => {
-    const {container} = render(<PageHeader.Title data-testid="component" sx={{background: 'red'}} />)
-    expect(window.getComputedStyle(container.firstElementChild!).backgroundColor).toBe('rgb(255, 0, 0)')
-  })
-
   test('SegmentedControl supports `sx` prop', () => {
     render(<SegmentedControl data-testid="component" sx={{background: 'red'}} />)
     expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')

packages/styled-react/src/components/PageHeader.tsx

@@ -12,32 +12,6 @@ export {
   type DialogProps,
 } from './components/Dialog'
 
-export {
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  PageHeader,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type PageHeaderProps,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type PageHeaderActionsProps,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type PageHeaderTitleProps,
-} from './components/PageHeader'
-
 export {
   /**
    * @deprecated Usage of the `sx` prop with this component is no longer

packages/styled-react/src/experimental.tsx

@@ -311,32 +311,6 @@ export {
   Overlay,
 } from './components/Overlay'
 
-export {
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  PageHeader,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type PageHeaderProps,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type PageHeaderActionsProps,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type PageHeaderTitleProps,
-} from './components/PageHeader'
-
 export {
   /**
    * @deprecated Usage of the `sx` prop with this component is no longer