Merge 96619cc into 21c3fce

.changeset/strong-tables-rest.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": major
+---
+
+Remove deprecated `Button` component

packages/react/src/ConfirmationDialog/ConfirmationDialog.test.tsx

@@ -5,7 +5,7 @@ import React, {useCallback, useRef, useState} from 'react'
 import {ActionMenu} from '../deprecated/ActionMenu'
 import BaseStyles from '../BaseStyles'
 import Box from '../Box'
-import Button from '../deprecated/Button/Button'
+import {Button} from '../Button'
 import {ConfirmationDialog, useConfirm} from './ConfirmationDialog'
 import theme from '../theme'
 import {ThemeProvider} from '../ThemeProvider'

packages/react/src/Details/__tests__/Details.test.tsx

@@ -1,9 +1,8 @@
 import {render} from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import React from 'react'
-import {Details, useDetails, Box} from '../..'
-import {Button, ButtonPrimary} from '../../deprecated'
-import type {ButtonProps} from '../../deprecated/Button/Button'
+import {Details, useDetails, Box, Button} from '../..'
+import type {ButtonProps} from '../../Button'
 import {behavesAsComponent, checkExports} from '../../utils/testing'
 import axe from 'axe-core'
 
@@ -90,7 +89,7 @@ describe('Details', () => {
             {open ? 'Open' : 'Closed'}
           </Button>
           <Box>
-            <ButtonPrimary>test</ButtonPrimary>
+            <Button variant="primary">test</Button>
           </Box>
         </Details>
       )

packages/react/src/Overlay/Overlay.test.tsx

@@ -1,6 +1,5 @@
 import React, {useRef, useState} from 'react'
-import {Overlay, Box, Text} from '..'
-import {ButtonDanger, Button} from '../deprecated'
+import {Overlay, Box, Text, Button} from '..'
 import {render, waitFor, fireEvent} from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import axe from 'axe-core'
@@ -43,7 +42,9 @@ const TestComponent = ({initialFocus, callback}: TestComponentSettings) => {
             >
               <Box display="flex" flexDirection="column" p={2}>
                 <Text>Are you sure?</Text>
-                <ButtonDanger onClick={closeOverlay}>Cancel</ButtonDanger>
+                <Button variant="danger" onClick={closeOverlay}>
+                  Cancel
+                </Button>
                 <Button onClick={closeOverlay} ref={confirmButtonRef}>
                   Confirm
                 </Button>

packages/react/src/__tests__/AnchoredOverlay.test.tsx

@@ -3,7 +3,7 @@ import {AnchoredOverlay} from '../AnchoredOverlay'
 import {behavesAsComponent, checkExports} from '../utils/testing'
 import {render as HTMLRender, fireEvent} from '@testing-library/react'
 import axe from 'axe-core'
-import {Button} from '../deprecated'
+import {Button} from '../Button'
 import theme from '../theme'
 import BaseStyles from '../BaseStyles'
 import {ThemeProvider} from '../ThemeProvider'

packages/react/src/deprecated/ActionMenu.tsx

@@ -3,8 +3,8 @@ import {List} from './ActionList/List'
 import type {ItemProps} from './ActionList/Item'
 import {Item} from './ActionList/Item'
 import {Divider} from './ActionList/Divider'
-import type {ButtonProps} from './Button'
-import Button from './Button'
+import type {ButtonProps} from '../Button'
+import {Button} from '../Button'
 import React, {useCallback, useMemo} from 'react'
 import {AnchoredOverlay} from '../AnchoredOverlay'
 import {useProvidedStateOrCreate} from '../hooks/useProvidedStateOrCreate'