chore(styled-react): remove Breadcrumbs, Table, Timeline, Truncate

Author: jonrohan

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

@@ -5,8 +5,6 @@ exports[`@primer/styled-react exports 1`] = `
   "ActionList",
   "BaseStyles",
   "Box",
-  "Breadcrumb",
-  "Breadcrumbs",
   "Button",
   "Dialog",
   "Flash",
@@ -26,9 +24,7 @@ exports[`@primer/styled-react exports 1`] = `
   "theme",
   "themeGet",
   "ThemeProvider",
-  "Timeline",
   "ToggleSwitch",
-  "Truncate",
   "UnderlineNav",
   "useColorSchemeVar",
   "useTheme",
@@ -47,6 +43,5 @@ exports[`@primer/styled-react/deprecated exports 1`] = `
 exports[`@primer/styled-react/experimental exports 1`] = `
 [
   "Dialog",
-  "Table",
 ]
 `;

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

@@ -1,26 +1,10 @@
 import {render, screen} from '@testing-library/react'
 import {describe, expect, test} from 'vitest'
-import {Dialog, Table} from '../experimental'
+import {Dialog} 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('Table.Container', () => {
-    render(<Table.Container data-testid="component" sx={{background: 'red'}} />)
-    expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
-  })
-
-  test('Table.Container supports `sx` prop', () => {
-    render(
-      <Table.Container data-testid="component" sx={{background: 'red'}}>
-        <Table.Row>
-          <Table.Cell>cell</Table.Cell>
-        </Table.Row>
-      </Table.Container>,
-    )
-    expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
-  })
 })

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

@@ -3,7 +3,6 @@ import {describe, expect, test} from 'vitest'
 import {
   ActionList,
   Box,
-  Breadcrumbs,
   Button,
   Dialog,
   Flash,
@@ -18,8 +17,6 @@ import {
   Spinner,
   Text,
   TextInput,
-  Timeline,
-  Truncate,
   UnderlineNav,
 } from '../'
 
@@ -35,17 +32,6 @@ describe('@primer/react', () => {
     expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
   })
 
-  test('Breadcrumbs supports `sx` prop', () => {
-    render(<Breadcrumbs sx={{background: 'red'}} />)
-    expect(window.getComputedStyle(screen.getByLabelText('Breadcrumbs')).backgroundColor).toBe('rgb(255, 0, 0)')
-  })
-
-  test('Breadcrumbs.Item supports `sx` prop', () => {
-    render(<Breadcrumbs.Item as="li" data-testid="component" sx={{background: 'red'}} selected />)
-    expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
-    expect(screen.getByTestId('component').className.includes('selected')).toBe(true)
-  })
-
   test('Button supports `sx` prop', () => {
     render(<Button as="button" data-testid="component" sx={{background: 'red'}} size="medium" />)
     expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
@@ -197,37 +183,6 @@ describe('@primer/react', () => {
     expect(window.getComputedStyle(screen.getByRole('button')).backgroundColor).toBe('rgb(255, 0, 0)')
   })
 
-  test('Timeline supports `sx` prop', () => {
-    render(<Timeline data-testid="component" sx={{background: 'red'}} />)
-    expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
-  })
-
-  test('Timeline.Badge supports `sx` prop', () => {
-    render(<Timeline.Badge data-testid="component" sx={{background: 'red'}} />)
-    expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
-  })
-
-  test('Timeline.Break supports `sx` prop', () => {
-    render(<Timeline.Break data-testid="component" sx={{background: 'red'}} />)
-    expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
-  })
-
-  test('Timeline.Item supports `sx` prop', () => {
-    render(<Timeline.Item data-testid="component" sx={{background: 'red'}} />)
-    expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
-  })
-
-  test('Timeline.Body supports `sx` prop', () => {
-    render(<Timeline.Body data-testid="component" sx={{background: 'red'}} />)
-    expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
-  })
-
-  test('Truncate supports `sx` prop', () => {
-    render(<Truncate as="div" data-testid="component" sx={{background: 'red'}} title="test" />)
-    expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
-    expect(screen.getByTestId('component')).toHaveAttribute('title', 'test')
-  })
-
   test('UnderlineNav supports `sx` prop', () => {
     render(
       <UnderlineNav as="nav" aria-label="navigation" data-testid="component" sx={{background: 'red'}} variant="inset">

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

@@ -11,71 +11,3 @@ 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.
-   */
-  Table,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type DataTableContainerProps,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type TableProps,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type TableHeadProps,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type TableBodyProps,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type TableRowProps,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type TableHeaderProps,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type TableCellProps,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type TableTitleProps,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type TableSubtitleProps,
-
-  /**
-   * @deprecated Usage of the `sx` prop with this component is no longer
-   * supported. Use the component from `@primer/react` with CSS Modules instead.
-   */
-  type TableActionsProps,
-} from './components/DataTable'