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(