diff --git a/.changeset/bright-donkeys-cheat.md b/.changeset/bright-donkeys-cheat.md
new file mode 100644
index 00000000000..17ab47c6625
--- /dev/null
+++ b/.changeset/bright-donkeys-cheat.md
@@ -0,0 +1,5 @@
+---
+"@primer/styled-react": patch
+---
+
+Remove deprecated component exports from @primer/styled-react that no longer have usage tracked in primer query
diff --git a/packages/styled-react/src/__tests__/__snapshots__/exports.test.ts.snap b/packages/styled-react/src/__tests__/__snapshots__/exports.test.ts.snap
index 0a27346bd19..1c5e65a8483 100644
--- a/packages/styled-react/src/__tests__/__snapshots__/exports.test.ts.snap
+++ b/packages/styled-react/src/__tests__/__snapshots__/exports.test.ts.snap
@@ -4,18 +4,13 @@ exports[`@primer/styled-react exports 1`] = `
[
"ActionList",
"ActionMenu",
- "Autocomplete",
"Avatar",
"BaseStyles",
"Box",
"Breadcrumb",
"Breadcrumbs",
"Button",
- "Checkbox",
- "CheckboxGroup",
- "CircleBadge",
"CounterLabel",
- "Details",
"Dialog",
"Flash",
"FormControl",
@@ -26,17 +21,10 @@ exports[`@primer/styled-react exports 1`] = `
"Link",
"LinkButton",
"merge",
- "NavList",
"Overlay",
"PageHeader",
- "ProgressBar",
- "RadioGroup",
- "RelativeTime",
"SegmentedControl",
- "Select",
"Spinner",
- "StateLabel",
- "SubNav",
"sx",
"Text",
"Textarea",
@@ -71,6 +59,5 @@ exports[`@primer/styled-react/experimental exports 1`] = `
"PageHeader",
"Table",
"Tooltip",
- "UnderlinePanels",
]
`;
diff --git a/packages/styled-react/src/__tests__/primer-react-experimental.browser.test.tsx b/packages/styled-react/src/__tests__/primer-react-experimental.browser.test.tsx
index f531a71243c..41f705068d3 100644
--- a/packages/styled-react/src/__tests__/primer-react-experimental.browser.test.tsx
+++ b/packages/styled-react/src/__tests__/primer-react-experimental.browser.test.tsx
@@ -1,6 +1,6 @@
import {render, screen} from '@testing-library/react'
import {describe, expect, test} from 'vitest'
-import {Dialog, PageHeader, Table, Tooltip, UnderlinePanels} from '../experimental'
+import {Dialog, PageHeader, Table, Tooltip} from '../experimental'
describe('@primer/react/experimental', () => {
test('Dialog supports `sx` prop', () => {
@@ -28,16 +28,6 @@ describe('@primer/react/experimental', () => {
expect(window.getComputedStyle(screen.getByRole('tooltip', {hidden: true})).backgroundColor).toBe('rgb(255, 0, 0)')
})
- test('UnderlinePanels supports `sx` prop', () => {
- render(
-
- tab
- panel
- ,
- )
- expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
test('Table.Container supports `sx` prop', () => {
render(
diff --git a/packages/styled-react/src/__tests__/primer-react.browser.test.tsx b/packages/styled-react/src/__tests__/primer-react.browser.test.tsx
index b94af928954..d0c93ae5c14 100644
--- a/packages/styled-react/src/__tests__/primer-react.browser.test.tsx
+++ b/packages/styled-react/src/__tests__/primer-react.browser.test.tsx
@@ -5,14 +5,10 @@ import {describe, expect, test} from 'vitest'
import {
ActionList,
ActionMenu,
- Autocomplete,
Avatar,
Box,
Breadcrumbs,
Button,
- Checkbox,
- CheckboxGroup,
- CircleBadge,
CounterLabel,
Dialog,
Flash,
@@ -23,16 +19,10 @@ import {
Label,
Link,
LinkButton,
- NavList,
Overlay,
PageHeader,
- RadioGroup,
- RelativeTime,
SegmentedControl,
- Select,
Spinner,
- StateLabel,
- SubNav,
Text,
TextInput,
Textarea,
@@ -69,35 +59,6 @@ describe('@primer/react', () => {
expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
})
- test('Autocomplete.Input supports `sx` prop', () => {
- const {container} = render(
-
-
- ,
- )
- expect(window.getComputedStyle(container.firstElementChild!).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
- test('Autocomplete.Overlay supports `sx` prop', async () => {
- const user = userEvent.setup()
-
- render(
-
-
-
-
- test
-
-
- ,
- )
-
- await user.click(screen.getByRole('combobox'))
- await user.keyboard('a')
-
- expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
test('Avatar supports `sx` prop', () => {
render()
expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
@@ -125,28 +86,6 @@ describe('@primer/react', () => {
expect(screen.getByTestId('component')).toHaveAttribute('data-size', 'medium')
})
- test('Checkbox supports `sx` prop', () => {
- render()
- expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
- test('CheckboxGroup supports `sx` prop', () => {
- const {container} = render()
- expect(window.getComputedStyle(container.firstElementChild!.firstElementChild!).backgroundColor).toBe(
- 'rgb(255, 0, 0)',
- )
- })
-
- test('CheckboxGroup.Label supports `sx` prop', () => {
- const {container} = render()
- expect(window.getComputedStyle(container.firstElementChild!).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
- test('CircleBadge supports `sx` prop', () => {
- render()
- expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
test('CounterLabel supports `sx` prop', () => {
render()
expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
@@ -246,35 +185,6 @@ describe('@primer/react', () => {
expect(screen.getByTestId('component')).toHaveAttribute('icon')
})
- test('NavList supports `sx` prop', () => {
- render(
-
- item
- ,
- )
- expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
- test('NavList.Item supports `sx` prop', () => {
- render(
-
-
- item
-
- ,
- )
-
- const itemAnchorEl = screen.getByTestId('component')
- const itemLiEl = itemAnchorEl.closest('li')
- expect(itemLiEl).not.toBeNull()
- expect(window.getComputedStyle(itemLiEl!).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
- test('NavList.LeadingVisual supports `sx` prop', () => {
- render()
- expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
test('Overlay supports `sx` prop', () => {
const ref = createRef()
render(
@@ -310,27 +220,6 @@ describe('@primer/react', () => {
expect(window.getComputedStyle(container.firstElementChild!).backgroundColor).toBe('rgb(255, 0, 0)')
})
- test('RadioGroup supports `sx` prop', () => {
- const {container} = render(
-
- test
- ,
- )
- expect(window.getComputedStyle(container.firstElementChild!.firstElementChild!).backgroundColor).toBe(
- 'rgb(255, 0, 0)',
- )
- })
-
- test('RadioGroup.Label supports `sx` prop', () => {
- const {container} = render()
- expect(window.getComputedStyle(container.firstElementChild!).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
- test('RelativeTime supports `sx` prop', () => {
- render()
- expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
test('SegmentedControl supports `sx` prop', () => {
render()
expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
@@ -360,32 +249,11 @@ describe('@primer/react', () => {
expect(window.getComputedStyle(container.firstElementChild!).backgroundColor).toBe('rgb(255, 0, 0)')
})
- test('Select supports `sx` prop', () => {
- render()
- expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
- expect(screen.getByTestId('component')).toHaveAttribute('required')
- })
-
test('Spinner supports `sx` prop', () => {
render()
expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
})
- test('StateLabel supports `sx` prop', () => {
- render()
- expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
- test('SubNav supports `sx` prop', () => {
- render()
- expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
- test('SubNav.Link supports `sx` prop', () => {
- render()
- expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
- })
-
test('Text supports `sx` prop', () => {
render()
expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
diff --git a/packages/styled-react/src/components/Autocomplete.tsx b/packages/styled-react/src/components/Autocomplete.tsx
deleted file mode 100644
index cb4571879db..00000000000
--- a/packages/styled-react/src/components/Autocomplete.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import {
- Autocomplete as PrimerAutocomplete,
- type AutocompleteOverlayProps as PrimerAutocompleteOverlayProps,
- type AutocompleteInputProps as PrimerAutocompleteInputProps,
- type SlotMarker,
-} from '@primer/react'
-import {sx, type SxProp} from '../sx'
-import styled from 'styled-components'
-import type {ComponentProps} from 'react'
-
-export type AutocompleteOverlayProps = PrimerAutocompleteOverlayProps & SxProp
-
-const AutocompleteOverlay: React.ComponentType & SlotMarker = styled(
- PrimerAutocomplete.Overlay,
-).withConfig({
- shouldForwardProp: prop => (prop as keyof AutocompleteOverlayProps) !== 'sx',
-})`
- ${sx}
-`
-
-export type AutocompleteInputProps = PrimerAutocompleteInputProps & SxProp
-
-const AutocompleteInput: React.ComponentType = styled(PrimerAutocomplete.Input).withConfig({
- shouldForwardProp: prop => (prop as keyof AutocompleteInputProps) !== 'sx',
-})`
- ${sx}
-`
-
-interface AutocompleteExport {
- (props: ComponentProps): React.ReactNode
- Context: typeof PrimerAutocomplete.Context
- Input: typeof AutocompleteInput
- Menu: typeof PrimerAutocomplete.Menu
- Overlay: typeof AutocompleteOverlay
-}
-
-const Autocomplete: AutocompleteExport = Object.assign(PrimerAutocomplete, {
- Context: PrimerAutocomplete.Context,
- Input: AutocompleteInput,
- Menu: PrimerAutocomplete.Menu,
- Overlay: AutocompleteOverlay,
-})
-
-AutocompleteOverlay.__SLOT__ = PrimerAutocomplete.Overlay.__SLOT__
-
-export {Autocomplete}
diff --git a/packages/styled-react/src/components/Checkbox.tsx b/packages/styled-react/src/components/Checkbox.tsx
deleted file mode 100644
index 3cdd244603b..00000000000
--- a/packages/styled-react/src/components/Checkbox.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import {Checkbox as PrimerCheckbox, type CheckboxProps as PrimerCheckboxProps, type SlotMarker} from '@primer/react'
-import {Box} from './Box'
-import {forwardRef} from 'react'
-import {type SxProp} from '../sx'
-
-export type CheckboxProps = PrimerCheckboxProps & SxProp
-
-export const Checkbox = forwardRef(function Checkbox(props, ref) {
- return
-})
-;(Checkbox as typeof Checkbox & SlotMarker).__SLOT__ = PrimerCheckbox.__SLOT__
diff --git a/packages/styled-react/src/components/CheckboxGroup.tsx b/packages/styled-react/src/components/CheckboxGroup.tsx
deleted file mode 100644
index b8f9eabdf86..00000000000
--- a/packages/styled-react/src/components/CheckboxGroup.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import {CheckboxGroup as PrimerCheckboxGroup, type CheckboxGroupProps as PrimerCheckboxGroupProps} from '@primer/react'
-import React, {type PropsWithChildren} from 'react'
-import type {SxProp} from '../sx'
-import Box from './Box'
-
-export type CheckboxGroupProps = PropsWithChildren & SxProp
-
-const CheckboxGroupImpl = (props: CheckboxGroupProps) => {
- return
-}
-
-// Define local types based on the internal component props
-type CheckboxOrRadioGroupLabelProps = PropsWithChildren<
- {
- className?: string
- visuallyHidden?: boolean
- } & SxProp
->
-const CheckboxOrRadioGroupLabel = (props: CheckboxOrRadioGroupLabelProps) => {
- return
-}
-
-type CheckboxOrRadioGroupCaptionProps = PropsWithChildren<
- {
- className?: string
- } & SxProp
->
-const CheckboxOrRadioGroupCaption = (props: CheckboxOrRadioGroupCaptionProps) => {
- return
-}
-
-type CheckboxOrRadioGroupValidationProps = PropsWithChildren<
- {
- className?: string
- variant: 'error' | 'success'
- } & SxProp
->
-const CheckboxOrRadioGroupValidation = (props: CheckboxOrRadioGroupValidationProps) => {
- return
-}
-
-export const CheckboxGroup = Object.assign(CheckboxGroupImpl, {
- Label: CheckboxOrRadioGroupLabel,
- Caption: CheckboxOrRadioGroupCaption,
- Validation: CheckboxOrRadioGroupValidation,
-})
-
-CheckboxGroupImpl.__SLOT__ = PrimerCheckboxGroup.__SLOT__
-CheckboxOrRadioGroupLabel.__SLOT__ = PrimerCheckboxGroup.Label.__SLOT__
-CheckboxOrRadioGroupCaption.__SLOT__ = PrimerCheckboxGroup.Caption.__SLOT__
-CheckboxOrRadioGroupValidation.__SLOT__ = PrimerCheckboxGroup.Validation.__SLOT__
diff --git a/packages/styled-react/src/components/CircleBadge.tsx b/packages/styled-react/src/components/CircleBadge.tsx
deleted file mode 100644
index fd9d7be098b..00000000000
--- a/packages/styled-react/src/components/CircleBadge.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import {CircleBadge as PrimerCircleBadge, type CircleBadgeProps as PrimerCircleBadgeProps} from '@primer/react'
-import styled from 'styled-components'
-import {type ForwardRefComponent} from '../polymorphic'
-import sx, {type SxProp} from '../sx'
-
-type CircleBadgeProps = PrimerCircleBadgeProps & SxProp
-
-const CircleBadge: ForwardRefComponent> = styled(
- PrimerCircleBadge,
-).withConfig({
- shouldForwardProp: prop => (prop as keyof CircleBadgeProps) !== 'sx',
-})>`
- ${sx}
-`
-
-export {CircleBadge}
-export type {CircleBadgeProps}
diff --git a/packages/styled-react/src/components/NavList.tsx b/packages/styled-react/src/components/NavList.tsx
deleted file mode 100644
index d3b15272463..00000000000
--- a/packages/styled-react/src/components/NavList.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import {NavList as PrimerNavList} from '@primer/react'
-import type {
- NavListProps as PrimerNavListProps,
- NavListItemProps as PrimerNavListItemProps,
- NavListLeadingVisualProps as PrimerNavListLeadingVisualProps,
- SlotMarker,
-} from '@primer/react'
-import {forwardRef, type PropsWithChildren} from 'react'
-import {type SxProp} from '../sx'
-import styled from 'styled-components'
-import {sx} from '../sx'
-import type {ForwardRefComponent} from '../polymorphic'
-
-type NavListProps = PropsWithChildren & SxProp & {as?: React.ElementType}
-
-const StyledNavListImpl = styled(PrimerNavList).withConfig({
- shouldForwardProp: prop => (prop as keyof NavListProps) !== 'sx',
-})`
- ${sx}
-`
-
-const NavListImpl = forwardRef(function NavList({as, ...props}, ref) {
- return
-})
-
-type NavListItemProps = PropsWithChildren &
- SxProp & {
- as?: React.ElementType
- }
-
-const StyledNavListItem: ForwardRefComponent<'a', NavListItemProps> = styled(PrimerNavList.Item).withConfig({
- shouldForwardProp: prop => (prop as keyof NavListItemProps) !== 'sx',
-})`
- ${sx}
-`
-
-const NavListItem = forwardRef(({as, ...props}, ref) => {
- return
-}) as ForwardRefComponent<'a', NavListItemProps>
-
-type NavListLeadingVisualProps = PropsWithChildren &
- SxProp & {
- as?: React.ElementType
- }
-
-const StyledNavListLeadingVisual = styled(PrimerNavList.LeadingVisual).withConfig({
- shouldForwardProp: prop => (prop as keyof NavListLeadingVisualProps) !== 'sx',
-})`
- ${sx}
-`
-
-const NavListLeadingVisual = forwardRef(({as, ...props}, ref) => {
- return
-}) as ForwardRefComponent<'span', NavListLeadingVisualProps>
-
-;(NavListLeadingVisual as typeof NavListLeadingVisual & SlotMarker).__SLOT__ = PrimerNavList.LeadingVisual.__SLOT__
-
-type NavListCompound = React.ForwardRefExoticComponent> & {
- Item: typeof NavListItem
- Group: typeof PrimerNavList.Group
- GroupHeading: typeof PrimerNavList.GroupHeading
- LeadingVisual: typeof NavListLeadingVisual
- SubNav: typeof PrimerNavList.SubNav
- Divider: typeof PrimerNavList.Divider
- TrailingVisual: typeof PrimerNavList.TrailingVisual
- TrailingAction: typeof PrimerNavList.TrailingAction
- GroupExpand: typeof PrimerNavList.GroupExpand
-}
-
-const NavList: NavListCompound = Object.assign(NavListImpl, {
- Item: NavListItem,
- Group: PrimerNavList.Group,
- GroupHeading: PrimerNavList.GroupHeading,
- LeadingVisual: NavListLeadingVisual,
- SubNav: PrimerNavList.SubNav,
- Divider: PrimerNavList.Divider,
- TrailingVisual: PrimerNavList.TrailingVisual,
- TrailingAction: PrimerNavList.TrailingAction,
- GroupExpand: PrimerNavList.GroupExpand,
-})
-
-export {NavList, type NavListProps}
diff --git a/packages/styled-react/src/components/RadioGroup.tsx b/packages/styled-react/src/components/RadioGroup.tsx
deleted file mode 100644
index 84a6a8c29bc..00000000000
--- a/packages/styled-react/src/components/RadioGroup.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import {RadioGroup as PrimerRadioGroup, type RadioGroupProps as PrimerRadioGroupProps} from '@primer/react'
-import React, {type PropsWithChildren} from 'react'
-import type {SxProp} from '../sx'
-import Box from './Box'
-
-export type RadioGroupProps = PropsWithChildren & SxProp
-
-const RadioGroupImpl = (props: RadioGroupProps) => {
- return
-}
-
-// Define local types based on the internal component props
-type CheckboxOrRadioGroupLabelProps = PropsWithChildren<
- {
- className?: string
- visuallyHidden?: boolean
- } & SxProp
->
-const CheckboxOrRadioGroupLabel = (props: CheckboxOrRadioGroupLabelProps) => {
- return
-}
-
-type CheckboxOrRadioGroupCaptionProps = PropsWithChildren<
- {
- className?: string
- } & SxProp
->
-const CheckboxOrRadioGroupCaption = (props: CheckboxOrRadioGroupCaptionProps) => {
- return
-}
-
-type CheckboxOrRadioGroupValidationProps = PropsWithChildren<
- {
- className?: string
- variant: 'error' | 'success'
- } & SxProp
->
-const CheckboxOrRadioGroupValidation = (props: CheckboxOrRadioGroupValidationProps) => {
- return
-}
-
-export const RadioGroup = Object.assign(RadioGroupImpl, {
- Label: CheckboxOrRadioGroupLabel,
- Caption: CheckboxOrRadioGroupCaption,
- Validation: CheckboxOrRadioGroupValidation,
-})
-
-RadioGroupImpl.__SLOT__ = PrimerRadioGroup.__SLOT__
-CheckboxOrRadioGroupLabel.__SLOT__ = PrimerRadioGroup.Label.__SLOT__
-CheckboxOrRadioGroupCaption.__SLOT__ = PrimerRadioGroup.Caption.__SLOT__
-CheckboxOrRadioGroupValidation.__SLOT__ = PrimerRadioGroup.Validation.__SLOT__
diff --git a/packages/styled-react/src/components/RelativeTime.tsx b/packages/styled-react/src/components/RelativeTime.tsx
deleted file mode 100644
index 3d8c0a0d625..00000000000
--- a/packages/styled-react/src/components/RelativeTime.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import {RelativeTime as PrimerRelativeTime, type RelativeTimeProps as PrimerRelativeTimeProps} from '@primer/react'
-import React from 'react'
-import type {SxProp} from '../sx'
-import Box from './Box'
-
-export type RelativeTimeProps = PrimerRelativeTimeProps & SxProp
-
-export function RelativeTime(props: RelativeTimeProps) {
- // @ts-expect-error the types for Box are not correctly inferred here
- return
-}
diff --git a/packages/styled-react/src/components/Select.tsx b/packages/styled-react/src/components/Select.tsx
deleted file mode 100644
index 32d83513142..00000000000
--- a/packages/styled-react/src/components/Select.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import {Select as PrimerSelect, type SelectProps as PrimerSelectProps} from '@primer/react'
-import {sx, type SxProp} from '../sx'
-import type {ForwardRefComponent} from '../polymorphic'
-import styled from 'styled-components'
-
-type SelectProps = PrimerSelectProps & SxProp & {as?: React.ElementType}
-
-const StyledSelect: ForwardRefComponent<'select', SelectProps> = styled(PrimerSelect).withConfig({
- shouldForwardProp: prop => (prop as keyof SelectProps) !== 'sx',
-})`
- ${sx}
-`
-const Select = ({as, ...props}: SelectProps) => {
- return
-}
-
-export {Select, type SelectProps}
diff --git a/packages/styled-react/src/components/StateLabel.tsx b/packages/styled-react/src/components/StateLabel.tsx
deleted file mode 100644
index 75e28432400..00000000000
--- a/packages/styled-react/src/components/StateLabel.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import {StateLabel as PrimerStateLabel, type StateLabelProps as PrimerStateLabelProps} from '@primer/react'
-import {forwardRef} from 'react'
-import {Box} from './Box'
-import type {SxProp} from '../sx'
-
-type StateLabelProps = PrimerStateLabelProps & SxProp
-
-const StateLabel = forwardRef(function StateLabel(props, ref) {
- return
-})
-
-export {StateLabel, type StateLabelProps}
diff --git a/packages/styled-react/src/components/SubNav.tsx b/packages/styled-react/src/components/SubNav.tsx
deleted file mode 100644
index b5d07b599e8..00000000000
--- a/packages/styled-react/src/components/SubNav.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import {
- SubNav as PrimerSubNav,
- type SubNavProps as PrimerSubNavProps,
- type SubNavLinkProps as PrimerSubNavLinkProps,
- type SlotMarker,
-} from '@primer/react'
-import {forwardRef} from 'react'
-import {Box} from './Box'
-import type {SxProp} from '../sx'
-
-type SubNavProps = PrimerSubNavProps & SxProp
-
-const SubNavImpl = forwardRef(function SubNav(props, ref) {
- return
-})
-
-type SubNavLinkProps = PrimerSubNavLinkProps & SxProp
-
-const SubNavLink = forwardRef(function SubNavLink(props, ref) {
- return
-})
-
-const SubNav = Object.assign(SubNavImpl, {
- __SLOT__: PrimerSubNav.__SLOT__,
- Link: SubNavLink,
-})
-
-;(SubNavLink as typeof SubNavLink & SlotMarker).__SLOT__ = PrimerSubNav.Link.__SLOT__
-
-export {SubNav, type SubNavProps, type SubNavLinkProps}
diff --git a/packages/styled-react/src/components/UnderlinePanels.tsx b/packages/styled-react/src/components/UnderlinePanels.tsx
deleted file mode 100644
index 18ae4676051..00000000000
--- a/packages/styled-react/src/components/UnderlinePanels.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import {
- UnderlinePanels as PrimerUnderlinePanels,
- type UnderlinePanelsProps as PrimerUnderlinePanelsProps,
- type UnderlinePanelsPanelProps,
- type UnderlinePanelsTabProps,
-} from '@primer/react/experimental'
-import styled from 'styled-components'
-import {sx, type SxProp} from '../sx'
-
-type UnderlinePanelsProps = PrimerUnderlinePanelsProps & SxProp
-
-const StyledUnderlinePanels = styled(PrimerUnderlinePanels).withConfig({
- shouldForwardProp: prop => prop !== 'sx',
-})`
- ${sx}
-`
-
-// @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
-const UnderlinePanelsImpl = ({as, ...props}: UnderlinePanelsProps) => (
-
-)
-
-UnderlinePanelsImpl.displayName = 'UnderlinePanels'
-
-const UnderlinePanels: typeof UnderlinePanelsImpl & {
- Tab: typeof PrimerUnderlinePanels.Tab
- Panel: typeof PrimerUnderlinePanels.Panel
-} = Object.assign(UnderlinePanelsImpl, {
- Tab: PrimerUnderlinePanels.Tab,
- Panel: PrimerUnderlinePanels.Panel,
-})
-
-UnderlinePanelsImpl.__SLOT__ = PrimerUnderlinePanels.__SLOT__
-
-export {UnderlinePanels, type UnderlinePanelsProps, type UnderlinePanelsTabProps, type UnderlinePanelsPanelProps}
diff --git a/packages/styled-react/src/experimental.tsx b/packages/styled-react/src/experimental.tsx
index 36257031c67..5fb3791675a 100644
--- a/packages/styled-react/src/experimental.tsx
+++ b/packages/styled-react/src/experimental.tsx
@@ -52,32 +52,6 @@ export {
type TooltipProps,
} from './components/Tooltip'
-export {
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- UnderlinePanels,
-
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- type UnderlinePanelsProps,
-
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- type UnderlinePanelsTabProps,
-
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- type UnderlinePanelsPanelProps,
-} from './components/UnderlinePanels'
-
export {
/**
* @deprecated Usage of the `sx` prop with this component is no longer
diff --git a/packages/styled-react/src/index.tsx b/packages/styled-react/src/index.tsx
index 6a2205e2508..e4ac5d841d6 100644
--- a/packages/styled-react/src/index.tsx
+++ b/packages/styled-react/src/index.tsx
@@ -14,22 +14,6 @@ export {
type BoxProps,
} from './components/Box'
-export {
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- Details,
-} from '@primer/react'
-
-export {
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- ProgressBar,
-} from '@primer/react'
-
// theming depends on styled-components
export {
/**
@@ -151,20 +135,6 @@ export {
ActionMenu,
} from './components/ActionMenu'
-export {
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- Autocomplete,
-
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- type AutocompleteOverlayProps,
-} from './components/Autocomplete'
-
export {
/**
* @deprecated Usage of the `sx` prop with this component is no longer
@@ -219,42 +189,6 @@ export {
type ButtonComponentProps as ButtonProps,
} from './components/Button'
-export {
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- Checkbox,
-
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- type CheckboxProps,
-} from './components/Checkbox'
-
-export {
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- CheckboxGroup,
-
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- type CheckboxGroupProps,
-} from './components/CheckboxGroup'
-
-export {
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- CircleBadge,
-} from './components/CircleBadge'
-
export {
/**
* @deprecated Usage of the `sx` prop with this component is no longer
@@ -383,20 +317,6 @@ export {
type LinkButtonProps,
} from './components/LinkButton'
-export {
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- NavList,
-
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- type NavListProps,
-} from './components/NavList'
-
export {
/**
* @deprecated Usage of the `sx` prop with this component is no longer
@@ -431,34 +351,6 @@ export {
type PageHeaderTitleProps,
} from './components/PageHeader'
-export {
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- RadioGroup,
-
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- type RadioGroupProps,
-} from './components/RadioGroup'
-
-export {
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- RelativeTime,
-
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- type RelativeTimeProps,
-} from './components/RelativeTime'
-
export {
/**
* @deprecated Usage of the `sx` prop with this component is no longer
@@ -485,20 +377,6 @@ export {
type SegmentedControlIconButtonProps,
} from './components/SegmentedControl'
-export {
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- Select,
-
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- type SelectProps,
-} from './components/Select'
-
export {
/**
* @deprecated Usage of the `sx` prop with this component is no longer
@@ -513,40 +391,6 @@ export {
type SpinnerProps,
} from './components/Spinner'
-export {
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- StateLabel,
-
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- type StateLabelProps,
-} from './components/StateLabel'
-
-export {
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- SubNav,
-
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- type SubNavProps,
-
- /**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
- type SubNavLinkProps,
-} from './components/SubNav'
-
export {
/**
* @deprecated Usage of the `sx` prop with this component is no longer