diff --git a/.changeset/strong-tables-rest.md b/.changeset/strong-tables-rest.md
new file mode 100644
index 00000000000..15c49bc963b
--- /dev/null
+++ b/.changeset/strong-tables-rest.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": major
+---
+
+Remove deprecated `Button` component
diff --git a/packages/react/src/ConfirmationDialog/ConfirmationDialog.test.tsx b/packages/react/src/ConfirmationDialog/ConfirmationDialog.test.tsx
index 32faa44d897..87154070a08 100644
--- a/packages/react/src/ConfirmationDialog/ConfirmationDialog.test.tsx
+++ b/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'
diff --git a/packages/react/src/Details/__tests__/Details.test.tsx b/packages/react/src/Details/__tests__/Details.test.tsx
index 493cc4b6e4c..bac07624624 100644
--- a/packages/react/src/Details/__tests__/Details.test.tsx
+++ b/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'
 
@@ -42,9 +41,7 @@ describe('Details', () => {
       const {getDetailsProps, open} = useDetails({closeOnOutsideClick: true})
       return (
         <Details {...getDetailsProps()} data-testid="details">
-          <Button as="summary" data-testid="summary">
-            {open ? 'Open' : 'Closed'}
-          </Button>
+          <summary data-testid="summary">{open ? 'Open' : 'Closed'}</summary>
         </Details>
       )
     }
@@ -64,9 +61,7 @@ describe('Details', () => {
       const {getDetailsProps, setOpen, open} = useDetails({closeOnOutsideClick: true, defaultOpen: true})
       return (
         <Details {...getDetailsProps()} data-testid="details">
-          <Button as="summary" data-testid="summary">
-            {open ? 'Open' : 'Closed'}
-          </Button>
+          <summary data-testid="summary">{open ? 'Open' : 'Closed'}</summary>
           <CloseButton onClick={() => setOpen(false)}>Close</CloseButton>
         </Details>
       )
@@ -86,11 +81,9 @@ describe('Details', () => {
       const {getDetailsProps, open} = useDetails({closeOnOutsideClick: true, defaultOpen: true})
       return (
         <Details {...getDetailsProps()}>
-          <Button as="summary" data-testid="summary">
-            {open ? 'Open' : 'Closed'}
-          </Button>
+          <summary data-testid="summary">{open ? 'Open' : 'Closed'}</summary>
           <Box>
-            <ButtonPrimary>test</ButtonPrimary>
+            <Button variant="primary">test</Button>
           </Box>
         </Details>
       )
diff --git a/packages/react/src/Overlay/Overlay.test.tsx b/packages/react/src/Overlay/Overlay.test.tsx
index e83cabfb014..d80db8c755a 100644
--- a/packages/react/src/Overlay/Overlay.test.tsx
+++ b/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>
@@ -65,19 +66,19 @@ describe('Overlay', () => {
 
   it('should focus element passed into function', async () => {
     const user = userEvent.setup()
-    const {getByText} = render(<TestComponent initialFocus="button" />)
-    await user.click(getByText('open overlay'))
-    await waitFor(() => getByText('Confirm'))
-    const confirmButton = getByText('Confirm')
+    const {getByRole} = render(<TestComponent initialFocus="button" />)
+    await user.click(getByRole('button', {name: 'open overlay'}))
+    await waitFor(() => getByRole('button', {name: 'Confirm'}))
+    const confirmButton = getByRole('button', {name: 'Confirm'})
     expect(document.activeElement).toEqual(confirmButton)
   })
 
   it('should focus first element when nothing is passed', async () => {
     const user = userEvent.setup()
-    const {getByText} = render(<TestComponent />)
-    await user.click(getByText('open overlay'))
-    await waitFor(() => getByText('Cancel'))
-    const cancelButton = getByText('Cancel')
+    const {getByRole} = render(<TestComponent />)
+    await user.click(getByRole('button', {name: 'open overlay'}))
+    await waitFor(() => getByRole('button', {name: 'Cancel'}))
+    const cancelButton = getByRole('button', {name: 'Cancel'})
     expect(document.activeElement).toEqual(cancelButton)
   })
 
diff --git a/packages/react/src/__tests__/AnchoredOverlay.test.tsx b/packages/react/src/__tests__/AnchoredOverlay.test.tsx
index db184d06654..761a1597390 100644
--- a/packages/react/src/__tests__/AnchoredOverlay.test.tsx
+++ b/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'
diff --git a/packages/react/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap b/packages/react/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap
index 54e70d6110b..786ea165f9b 100644
--- a/packages/react/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap
+++ b/packages/react/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap
@@ -7,89 +7,316 @@ exports[`AnchoredOverlay should render consistently when open 1`] = `
   color: var(--fgColor-default,var(--color-fg-default,#1F2328));
 }
 
-.c3 {
-  background-color: var(--overlay-bgColor,var(--color-canvas-overlay,#ffffff));
-  box-shadow: var(--shadow-floating-small,var(--color-overlay-shadow,0 1px 3px rgba(31,35,40,0.12),0 8px 24px rgba(66,74,83,0.12)));
-  position: absolute;
-  min-width: 192px;
-  height: auto;
-  width: auto;
-  border-radius: 12px;
-  overflow: hidden;
-  -webkit-animation: overlay-appear 200ms cubic-bezier(0.33,1,0.68,1);
-  animation: overlay-appear 200ms cubic-bezier(0.33,1,0.68,1);
-  visibility: var(--styled-overlay-visibility);
-}
-
-.c3:focus {
-  outline: none;
+.c2 {
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
 }
 
 .c1 {
-  position: relative;
-  display: inline-block;
-  padding: 6px 16px;
+  border-radius: 6px;
+  border: 1px solid;
+  border-color: var(--button-default-borderColor-rest,var(--button-default-borderColor-rest,var(--color-btn-border,rgba(31,35,40,0.15))));
   font-family: inherit;
-  font-weight: 600;
-  line-height: 20px;
-  white-space: nowrap;
-  vertical-align: middle;
+  font-weight: 500;
+  font-size: 14px;
   cursor: pointer;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  border-radius: 6px;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
   -webkit-text-decoration: none;
   text-decoration: none;
   text-align: center;
-  font-size: 14px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  height: 32px;
+  padding: 0 12px;
+  gap: 8px;
+  min-width: -webkit-max-content;
+  min-width: -moz-max-content;
+  min-width: max-content;
+  -webkit-transition: 80ms cubic-bezier(0.65,0,0.35,1);
+  transition: 80ms cubic-bezier(0.65,0,0.35,1);
+  -webkit-transition-property: color,fill,background-color,border-color;
+  transition-property: color,fill,background-color,border-color;
+  color: var(--button-default-fgColor-rest,var(--color-btn-text,#24292f));
+  background-color: var(--button-default-bgColor-rest,var(--color-btn-bg,#f6f8fa));
+  box-shadow: var(--button-default-shadow-resting,var(--color-btn-shadow,0 1px 0 rgba(31,35,40,0.04))),var(--button-default-shadow-inset,var(--color-btn-inset-shadow,inset 0 1px 0 rgba(255,255,255,0.25)));
 }
 
-.c1:hover {
+.c1:focus:not(:disabled) {
+  box-shadow: none;
+  outline: 2px solid var(--fgColor-accent,var(--color-accent-fg,#0969da));
+  outline-offset: -2px;
+}
+
+.c1:focus:not(:disabled):not(:focus-visible) {
+  outline: solid 1px transparent;
+}
+
+.c1:focus-visible:not(:disabled) {
+  box-shadow: none;
+  outline: 2px solid var(--fgColor-accent,var(--color-accent-fg,#0969da));
+  outline-offset: -2px;
+}
+
+.c1[href] {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
+
+.c1[href]:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c1:focus {
-  outline: none;
+.c1:hover {
+  -webkit-transition-duration: 80ms;
+  transition-duration: 80ms;
+}
+
+.c1:active {
+  -webkit-transition: none;
+  transition: none;
+}
+
+.c1[data-inactive] {
+  cursor: auto;
 }
 
 .c1:disabled {
-  cursor: default;
+  cursor: not-allowed;
+  box-shadow: none;
+  color: var(--fgColor-disabled,var(--color-primer-fg-disabled,#8c959f));
+  border-color: var(--button-default-borderColor-disabled,var(--button-default-borderColor-rest,var(--color-btn-border,rgba(31,35,40,0.15))));
+  background-color: var(--button-default-bgColor-disabled,var(--control-bgColor-disabled,var(--color-input-disabled-bg,rgba(175,184,193,0.2))));
 }
 
-.c1:disabled svg {
-  opacity: 0.6;
+.c1:disabled [data-component=ButtonCounter] {
+  color: inherit;
 }
 
-.c2 {
-  color: var(--button-default-fgColor-rest,var(--color-btn-text,#24292f));
-  background-color: var(--button-default-bgColor-rest,var(--color-btn-bg,#f6f8fa));
-  border: 1px solid var(--button-default-borderColor-rest,var(--color-btn-border,rgba(31,35,40,0.15)));
-  box-shadow: var(--button-default-shadow-resting,var(--color-btn-shadow,0 1px 0 rgba(31,35,40,0.04))),var(--button-default-shadow-inset,var(--color-btn-inset-shadow,inset 0 1px 0 rgba(255,255,255,0.25)));
+.c1 [data-component=ButtonCounter] {
+  font-size: 12px;
+  background-color: var(--buttonCounter-default-bgColor-rest,var(--color-btn-counter-bg,rgba(31,35,40,0.08)));
 }
 
-.c2:hover {
+.c1[data-component=IconButton] {
+  display: inline-grid;
+  padding: unset;
+  place-content: center;
+  width: 32px;
+  min-width: unset;
+}
+
+.c1[data-size="small"] {
+  padding: 0 8px;
+  height: 28px;
+  gap: 4px;
+  font-size: 12px;
+}
+
+.c1[data-size="small"] [data-component="text"] {
+  line-height: 1.6666667;
+}
+
+.c1[data-size="small"] [data-component=ButtonCounter] {
+  font-size: 12px;
+}
+
+.c1[data-size="small"] [data-component="buttonContent"] > :not(:last-child) {
+  margin-right: 4px;
+}
+
+.c1[data-size="small"][data-component=IconButton] {
+  width: 28px;
+  padding: unset;
+}
+
+.c1[data-size="large"] {
+  padding: 0 16px;
+  height: 40px;
+  gap: 8px;
+}
+
+.c1[data-size="large"] [data-component="buttonContent"] > :not(:last-child) {
+  margin-right: 8px;
+}
+
+.c1[data-size="large"][data-component=IconButton] {
+  width: 40px;
+  padding: unset;
+}
+
+.c1[data-block="block"] {
+  width: 100%;
+}
+
+.c1[data-label-wrap="true"] {
+  min-width: -webkit-fit-content;
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  height: unset;
+  min-height: var(--control-medium-size,2rem);
+}
+
+.c1[data-label-wrap="true"] [data-component="buttonContent"] {
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-align-self: stretch;
+  -ms-flex-item-align: stretch;
+  align-self: stretch;
+  padding-block: calc(var(--control-medium-paddingBlock,0.375rem) - 2px);
+}
+
+.c1[data-label-wrap="true"] [data-component="text"] {
+  white-space: unset;
+  word-break: break-word;
+}
+
+.c1[data-label-wrap="true"][data-size="small"] {
+  height: unset;
+  min-height: var(--control-small-size,1.75rem);
+}
+
+.c1[data-label-wrap="true"][data-size="small"] [data-component="buttonContent"] {
+  padding-block: calc(var(--control-small-paddingBlock,0.25rem) - 2px);
+}
+
+.c1[data-label-wrap="true"][data-size="large"] {
+  height: unset;
+  min-height: var(--control-large-size,2.5rem);
+  padding-inline: var(--control-large-paddingInline-spacious,1rem);
+}
+
+.c1[data-label-wrap="true"][data-size="large"] [data-component="buttonContent"] {
+  padding-block: calc(var(--control-large-paddingBlock,0.625rem) - 2px);
+}
+
+.c1[data-inactive]:not([disabled]) {
+  background-color: var(--button-inactive-bgColor,var(--button-inactive-bgColor-rest,var(--color-btn-inactive-bg,#eaeef2)));
+  border-color: var(--button-inactive-bgColor,var(--button-inactive-bgColor-rest,var(--color-btn-inactive-bg,#eaeef2)));
+  color: var(--button-inactive-fgColor,var(--button-inactive-fgColor-rest,var(--color-btn-inactive-text,#57606a)));
+}
+
+.c1[data-inactive]:not([disabled]):focus-visible {
+  box-shadow: none;
+}
+
+.c1 [data-component="leadingVisual"] {
+  grid-area: leadingVisual;
+}
+
+.c1 [data-component="text"] {
+  grid-area: text;
+  line-height: 1.4285714;
+  white-space: nowrap;
+}
+
+.c1 [data-component="trailingVisual"] {
+  grid-area: trailingVisual;
+}
+
+.c1 [data-component="trailingAction"] {
+  margin-right: -4px;
+}
+
+.c1 [data-component="buttonContent"] {
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  display: grid;
+  grid-template-areas: "leadingVisual text trailingVisual";
+  grid-template-columns: min-content minmax(0,auto) min-content;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-align-content: center;
+  -ms-flex-line-pack: center;
+  align-content: center;
+}
+
+.c1 [data-component="buttonContent"] > :not(:last-child) {
+  margin-right: 8px;
+}
+
+.c1 [data-component="loadingSpinner"] {
+  grid-area: text;
+  margin-right: 0px !important;
+  place-self: center;
+  color: var(--fgColor-muted,var(--color-fg-muted,#656d76));
+}
+
+.c1 [data-component="loadingSpinner"] + [data-component="text"] {
+  visibility: hidden;
+}
+
+.c1:hover:not([disabled]):not([data-inactive]) {
   background-color: var(--button-default-bgColor-hover,var(--color-btn-hover-bg,#f3f4f6));
-  border-color: var(--button-default-borderColor-hover,var(--color-btn-hover-border,rgba(31,35,40,0.15)));
+  border-color: var(--button-default-borderColor-hover,var(--button-default-borderColor-hover,var(--color-btn-hover-border,rgba(31,35,40,0.15))));
 }
 
-.c2:focus {
-  outline: solid 2px var(--fgColor-accent,var(--color-accent-fg,#0969da));
+.c1:active:not([disabled]):not([data-inactive]) {
+  background-color: var(--button-default-bgColor-active,var(--color-btn-active-bg,hsla(220,14%,93%,1)));
+  border-color: var(--button-default-borderColor-active,var(--button-default-borderColor-active,var(--color-btn-active-border,rgba(31,35,40,0.15))));
 }
 
-.c2:active {
-  background-color: var(--button-default-bgColor-selected,var(--color-btn-selected-bg,hsla(220,14%,94%,1)));
+.c1[aria-expanded=true] {
+  background-color: var(--button-default-bgColor-active,var(--color-btn-active-bg,hsla(220,14%,93%,1)));
+  border-color: var(--button-default-borderColor-active,var(--button-default-borderColor-active,var(--color-btn-active-border,rgba(31,35,40,0.15))));
 }
 
-.c2:disabled {
-  color: var(--fgColor-disabled,var(--color-primer-fg-disabled,#8c959f));
-  background-color: var(--button-default-bgColor-rest,var(--color-btn-bg,#f6f8fa));
-  border-color: var(--button-default-borderColor-rest,var(--color-btn-border,rgba(31,35,40,0.15)));
+.c1 [data-component="leadingVisual"],
+.c1 [data-component="trailingVisual"],
+.c1 [data-component="trailingAction"] {
+  color: var(--button-color,var(--fgColor-muted,var(--color-fg-muted,#656d76)));
+}
+
+.c1[data-component="IconButton"][data-no-visuals]:not(:disabled) {
+  color: var(--fgColor-muted,var(--color-fg-muted,#656d76));
+}
+
+.c3 {
+  background-color: var(--overlay-bgColor,var(--color-canvas-overlay,#ffffff));
+  box-shadow: var(--shadow-floating-small,var(--color-overlay-shadow,0 1px 3px rgba(31,35,40,0.12),0 8px 24px rgba(66,74,83,0.12)));
+  position: absolute;
+  min-width: 192px;
+  height: auto;
+  width: auto;
+  border-radius: 12px;
+  overflow: hidden;
+  -webkit-animation: overlay-appear 200ms cubic-bezier(0.33,1,0.68,1);
+  animation: overlay-appear 200ms cubic-bezier(0.33,1,0.68,1);
+  visibility: var(--styled-overlay-visibility);
+}
+
+.c3:focus {
+  outline: none;
+}
+
+@media (forced-colors:active) {
+  .c1:focus {
+    outline: solid 1px transparent;
+  }
 }
 
 @media (forced-colors:active) {
@@ -109,13 +336,27 @@ exports[`AnchoredOverlay should render consistently when open 1`] = `
     font-family="normal"
   >
     <button
+      aria-describedby=":rj:-loading-announcement"
       aria-expanded="true"
       aria-haspopup="true"
-      class="c1 c2"
-      id=":rd:"
+      class="c1"
+      data-loading="false"
+      data-no-visuals="true"
+      data-size="medium"
+      id=":rj:"
       tabindex="0"
+      type="button"
     >
-      Anchor Button
+      <span
+        class="c2"
+        data-component="buttonContent"
+      >
+        <span
+          data-component="text"
+        >
+          Anchor Button
+        </span>
+      </span>
     </button>
     <div
       id="__primerPortalRoot__"
diff --git a/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap b/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
index 3147cdd64ed..7b824e683ae 100644
--- a/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
+++ b/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
@@ -228,20 +228,6 @@ exports[`@primer/react/deprecated should not update exports without a semver cha
   "type ActionListProps",
   "ActionMenu",
   "type ActionMenuProps",
-  "Button",
-  "ButtonClose",
-  "type ButtonCloseProps",
-  "ButtonDanger",
-  "type ButtonDangerProps",
-  "ButtonInvisible",
-  "type ButtonInvisibleProps",
-  "ButtonOutline",
-  "type ButtonOutlineProps",
-  "ButtonPrimary",
-  "type ButtonPrimaryProps",
-  "type ButtonProps",
-  "ButtonTableList",
-  "type ButtonTableListProps",
   "Dialog",
   "type DialogHeaderProps",
   "type DialogProps",
diff --git a/packages/react/src/__tests__/deprecated/Button.test.tsx b/packages/react/src/__tests__/deprecated/Button.test.tsx
deleted file mode 100644
index 14b12d2e34d..00000000000
--- a/packages/react/src/__tests__/deprecated/Button.test.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import React from 'react'
-import {
-  Button,
-  ButtonPrimary,
-  ButtonClose,
-  ButtonDanger,
-  ButtonOutline,
-  ButtonInvisible,
-  ButtonTableList,
-} from '../../deprecated'
-import {ButtonGroup} from '../..'
-import {render, behavesAsComponent, checkExports} from '../../utils/testing'
-import {render as HTMLRender} from '@testing-library/react'
-import axe from 'axe-core'
-
-function noop() {}
-
-describe('Button', () => {
-  behavesAsComponent({Component: Button})
-
-  checkExports('deprecated/Button', {
-    default: Button,
-    ButtonPrimary,
-    ButtonDanger,
-    ButtonOutline,
-    ButtonInvisible,
-    ButtonTableList,
-    ButtonClose,
-  })
-  checkExports('ButtonGroup', {
-    default: ButtonGroup,
-  })
-
-  it('renders a <button>', () => {
-    expect(render(<Button />).type).toEqual('button')
-  })
-
-  it('should have no axe violations', async () => {
-    const {container} = HTMLRender(<Button>Click here</Button>)
-    const results = await axe.run(container)
-    expect(results).toHaveNoViolations()
-  })
-
-  it('preserves "onClick" prop', () => {
-    expect(render(<Button onClick={noop} />).props.onClick).toEqual(noop)
-  })
-
-  it('respects width props', () => {
-    expect(render(<Button sx={{width: 200}} />)).toHaveStyleRule('width', '200px')
-  })
-
-  it('respects the "disabled" prop', () => {
-    const item = render(<Button disabled />)
-    expect(item.props.disabled).toEqual(true)
-    expect(item).toMatchSnapshot()
-  })
-
-  it('respects the "variant" prop', () => {
-    expect(render(<Button variant="small" />)).toHaveStyleRule('font-size', '12px')
-    expect(render(<Button variant="large" />)).toHaveStyleRule('font-size', '16px')
-  })
-
-  it('respects the "fontSize" prop over the "variant" prop', () => {
-    expect(render(<Button variant="small" sx={{fontSize: 20}} />)).toHaveStyleRule('font-size', '20px')
-  })
-})
-
-describe('ButtonPrimary', () => {
-  behavesAsComponent({Component: ButtonPrimary})
-
-  it('renders a <button>', () => {
-    expect(render(<ButtonPrimary />).type).toEqual('button')
-  })
-
-  it('renders correct disabled styles', () => {
-    const item = render(<ButtonPrimary disabled />)
-    expect(item).toMatchSnapshot()
-  })
-})
-
-describe('ButtonDanger', () => {
-  behavesAsComponent({Component: ButtonDanger})
-
-  it('renders a <button>', () => {
-    expect(render(<ButtonDanger />).type).toEqual('button')
-  })
-
-  it('renders correct disabled styles', () => {
-    const item = render(<ButtonDanger disabled />)
-    expect(item).toMatchSnapshot()
-  })
-})
-
-describe('ButtonOutline', () => {
-  behavesAsComponent({Component: ButtonOutline})
-
-  it('renders a <button> by default', () => {
-    expect(render(<ButtonOutline />).type).toEqual('button')
-  })
-
-  it('renders correct disabled styles', () => {
-    const item = render(<ButtonOutline disabled />)
-    expect(item).toMatchSnapshot()
-  })
-})
-
-describe('ButtonInvisible', () => {
-  behavesAsComponent({Component: ButtonOutline})
-
-  it('renders a <button> by default', () => {
-    expect(render(<ButtonInvisible />).type).toEqual('button')
-  })
-
-  it('renders correct disabled styles', () => {
-    const item = render(<ButtonInvisible disabled />)
-    expect(item).toMatchSnapshot()
-  })
-})
-
-describe('ButtonGroup', () => {
-  behavesAsComponent({Component: ButtonGroup})
-})
-
-describe('ButtonTableList', () => {
-  behavesAsComponent({Component: ButtonTableList})
-})
diff --git a/packages/react/src/__tests__/deprecated/__snapshots__/Button.test.tsx.snap b/packages/react/src/__tests__/deprecated/__snapshots__/Button.test.tsx.snap
deleted file mode 100644
index 2ea3e7334e6..00000000000
--- a/packages/react/src/__tests__/deprecated/__snapshots__/Button.test.tsx.snap
+++ /dev/null
@@ -1,367 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Button respects the "disabled" prop 1`] = `
-.c0 {
-  position: relative;
-  display: inline-block;
-  padding: 6px 16px;
-  font-family: inherit;
-  font-weight: 600;
-  line-height: 20px;
-  white-space: nowrap;
-  vertical-align: middle;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border-radius: 6px;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-align: center;
-  font-size: 14px;
-}
-
-.c0:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c0:focus {
-  outline: none;
-}
-
-.c0:disabled {
-  cursor: default;
-}
-
-.c0:disabled svg {
-  opacity: 0.6;
-}
-
-.c1 {
-  color: var(--button-default-fgColor-rest,var(--color-btn-text,#24292f));
-  background-color: var(--button-default-bgColor-rest,var(--color-btn-bg,#f6f8fa));
-  border: 1px solid var(--button-default-borderColor-rest,var(--color-btn-border,rgba(31,35,40,0.15)));
-  box-shadow: var(--button-default-shadow-resting,var(--color-btn-shadow,0 1px 0 rgba(31,35,40,0.04))),var(--button-default-shadow-inset,var(--color-btn-inset-shadow,inset 0 1px 0 rgba(255,255,255,0.25)));
-}
-
-.c1:hover {
-  background-color: var(--button-default-bgColor-hover,var(--color-btn-hover-bg,#f3f4f6));
-  border-color: var(--button-default-borderColor-hover,var(--color-btn-hover-border,rgba(31,35,40,0.15)));
-}
-
-.c1:focus {
-  outline: solid 2px var(--fgColor-accent,var(--color-accent-fg,#0969da));
-}
-
-.c1:active {
-  background-color: var(--button-default-bgColor-selected,var(--color-btn-selected-bg,hsla(220,14%,94%,1)));
-}
-
-.c1:disabled {
-  color: var(--fgColor-disabled,var(--color-primer-fg-disabled,#8c959f));
-  background-color: var(--button-default-bgColor-rest,var(--color-btn-bg,#f6f8fa));
-  border-color: var(--button-default-borderColor-rest,var(--color-btn-border,rgba(31,35,40,0.15)));
-}
-
-<button
-  className="c0 c1"
-  disabled={true}
-/>
-`;
-
-exports[`ButtonDanger renders correct disabled styles 1`] = `
-.c0 {
-  position: relative;
-  display: inline-block;
-  padding: 6px 16px;
-  font-family: inherit;
-  font-weight: 600;
-  line-height: 20px;
-  white-space: nowrap;
-  vertical-align: middle;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border-radius: 6px;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-align: center;
-  font-size: 14px;
-}
-
-.c0:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c0:focus {
-  outline: none;
-}
-
-.c0:disabled {
-  cursor: default;
-}
-
-.c0:disabled svg {
-  opacity: 0.6;
-}
-
-.c1 {
-  color: var(--button-danger-fgColor-rest,var(--color-btn-danger-text,#cf222e));
-  border: 1px solid var(--button-default-borderColor-rest,var(--color-btn-border,rgba(31,35,40,0.15)));
-  background-color: var(--button-default-bgColor-rest,var(--color-btn-bg,#f6f8fa));
-  box-shadow: var(--button-default-shadow-resting,var(--color-btn-shadow,0 1px 0 rgba(31,35,40,0.04)));
-}
-
-.c1:hover {
-  color: var(--button-danger-fgColor-hover,var(--color-btn-danger-hover-text,#ffffff));
-  background-color: var(--button-danger-bgColor-hover,var(--color-btn-danger-hover-bg,#a40e26));
-  border-color: var(--button-danger-borderColor-hover,var(--color-btn-danger-hover-border,rgba(31,35,40,0.15)));
-  box-shadow: var(--shadow-resting-small,var(--color-btn-danger-hover-shadow,0 1px 0 rgba(31,35,40,0.1)));
-}
-
-.c1:active {
-  color: var(--button-danger-fgColor-active,var(--color-btn-danger-selected-text,#ffffff));
-  background-color: var(--button-danger-bgColor-active,var(--color-btn-danger-selected-bg,hsla(356,72%,44%,1)));
-  box-shadow: var(--button-danger-shadow-selected,var(--color-btn-danger-selected-shadow,inset 0 1px 0 rgba(76,0,20,0.2)));
-  border-color: var(--button-danger-borderColor-active,var(--color-btn-danger-selected-border,rgba(31,35,40,0.15)));
-}
-
-.c1:disabled {
-  color: var(--button-danger-fgColor-disabled,var(--color-btn-danger-disabled-text,rgba(207,34,46,0.5)));
-  background-color: var(--button-danger-bgColor-disabled,var(--color-btn-danger-disabled-bg,#f6f8fa));
-}
-
-<button
-  className="c0 c1"
-  disabled={true}
-/>
-`;
-
-exports[`ButtonInvisible renders correct disabled styles 1`] = `
-.c0 {
-  position: relative;
-  display: inline-block;
-  padding: 6px 16px;
-  font-family: inherit;
-  font-weight: 600;
-  line-height: 20px;
-  white-space: nowrap;
-  vertical-align: middle;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border-radius: 6px;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-align: center;
-  font-size: 14px;
-}
-
-.c0:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c0:focus {
-  outline: none;
-}
-
-.c0:disabled {
-  cursor: default;
-}
-
-.c0:disabled svg {
-  opacity: 0.6;
-}
-
-.c1 {
-  color: var(--fgColor-accent,var(--color-accent-fg,#0969da));
-  background-color: transparent;
-  border: 0;
-  border-radius: 6px;
-  box-shadow: none;
-}
-
-.c1:disabled {
-  color: var(--fgColor-disabled,var(--color-primer-fg-disabled,#8c959f));
-}
-
-.c1:focus {
-  outline: solid 2px var(--fgColor-accent,var(--color-accent-fg,#0969da));
-}
-
-.c1:hover {
-  background-color: var(--button-default-bgColor-hover,var(--color-btn-hover-bg,#f3f4f6));
-}
-
-.c1:active {
-  background-color: var(--button-default-bgColor-selected,var(--color-btn-selected-bg,hsla(220,14%,94%,1)));
-}
-
-<button
-  className="c0 c1"
-  disabled={true}
-/>
-`;
-
-exports[`ButtonOutline renders correct disabled styles 1`] = `
-.c0 {
-  position: relative;
-  display: inline-block;
-  padding: 6px 16px;
-  font-family: inherit;
-  font-weight: 600;
-  line-height: 20px;
-  white-space: nowrap;
-  vertical-align: middle;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border-radius: 6px;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-align: center;
-  font-size: 14px;
-}
-
-.c0:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c0:focus {
-  outline: none;
-}
-
-.c0:disabled {
-  cursor: default;
-}
-
-.c0:disabled svg {
-  opacity: 0.6;
-}
-
-.c1 {
-  color: var(--button-outline-fgColor-rest,var(--color-btn-outline-text,#0969da));
-  border: 1px solid var(--button-default-borderColor-rest,var(--color-btn-border,rgba(31,35,40,0.15)));
-  background-color: var(--button-default-bgColor-rest,var(--color-btn-bg,#f6f8fa));
-  box-shadow: var(--button-default-shadow-resting,var(--color-btn-shadow,0 1px 0 rgba(31,35,40,0.04)));
-}
-
-.c1:hover {
-  color: var(--button-outline-fgColor-hover,var(--color-btn-outline-hover-text,#ffffff));
-  background-color: var(--button-outline-bgColor-hover,var(--color-btn-outline-hover-bg,#0969da));
-  border-color: var(--button-outline-borderColor-hover,var(--color-btn-outline-hover-border,rgba(31,35,40,0.15)));
-  box-shadow: var(--shadow-resting-small,var(--color-btn-outline-hover-shadow,0 1px 0 rgba(31,35,40,0.1)));
-}
-
-.c1:active {
-  color: var(--button-outline-fgColor-active,var(--color-btn-outline-selected-text,#ffffff));
-  background-color: var(--button-outline-bgColor-active,var(--color-btn-outline-selected-bg,hsla(212,92%,42%,1)));
-  box-shadow: var(--button-outline-shadow-selected,var(--color-btn-outline-selected-shadow,inset 0 1px 0 rgba(0,33,85,0.2)));
-  border-color: var(--button-outline-borderColor-active,var(--color-btn-outline-selected-border,rgba(31,35,40,0.15)));
-}
-
-.c1:disabled {
-  color: var(--button-outline-fgColor-disabled,var(--color-btn-outline-disabled-text,rgba(9,105,218,0.5)));
-  background-color: var(--button-outline-bgColor-disabled,var(--color-btn-outline-disabled-bg,#f6f8fa));
-  border-color: var(--button-default-borderColor-rest,var(--color-btn-border,rgba(31,35,40,0.15)));
-}
-
-<button
-  className="c0 c1"
-  disabled={true}
-/>
-`;
-
-exports[`ButtonPrimary renders correct disabled styles 1`] = `
-.c0 {
-  position: relative;
-  display: inline-block;
-  padding: 6px 16px;
-  font-family: inherit;
-  font-weight: 600;
-  line-height: 20px;
-  white-space: nowrap;
-  vertical-align: middle;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border-radius: 6px;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-align: center;
-  font-size: 14px;
-}
-
-.c0:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c0:focus {
-  outline: none;
-}
-
-.c0:disabled {
-  cursor: default;
-}
-
-.c0:disabled svg {
-  opacity: 0.6;
-}
-
-.c1 {
-  color: var(--button-primary-fgColor-rest,var(--color-btn-primary-text,#ffffff));
-  border: 1px solid var(--button-primary-borderColor-rest,var(--color-btn-primary-border,rgba(31,35,40,0.15)));
-  background-color: var(--button-primary-bgColor-rest,var(--color-btn-primary-bg,#1f883d));
-  box-shadow: var(--shadow-resting-small,var(--color-btn-primary-shadow,0 1px 0 rgba(31,35,40,0.1)));
-}
-
-.c1:hover {
-  background-color: var(--button-primary-bgColor-hover,var(--color-btn-primary-hover-bg,#1a7f37));
-  border-color: var(--button-primary-borderColor-hover,var(--color-btn-primary-hover-border,rgba(31,35,40,0.15)));
-}
-
-.c1:active {
-  background-color: var(--button-primary-bgColor-active,var(--color-btn-primary-selected-bg,hsla(137,66%,28%,1)));
-  box-shadow: var(--button-primary-shadow-selected,var(--color-btn-primary-selected-shadow,inset 0 1px 0 rgba(0,45,17,0.2)));
-}
-
-.c1:disabled {
-  color: var(--button-primary-fgColor-disabled,var(--color-btn-primary-disabled-text,rgba(255,255,255,0.8)));
-  background-color: var(--button-primary-bgColor-disabled,var(--color-btn-primary-disabled-bg,#94d3a2));
-  border-color: var(--button-primary-borderColor-disabled,var(--color-btn-primary-disabled-border,rgba(31,35,40,0.15)));
-}
-
-<button
-  className="c0 c1"
-  disabled={true}
-/>
-`;
diff --git a/packages/react/src/deprecated/ActionMenu.tsx b/packages/react/src/deprecated/ActionMenu.tsx
index e505020aadc..4943bf4d64d 100644
--- a/packages/react/src/deprecated/ActionMenu.tsx
+++ b/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'
diff --git a/packages/react/src/deprecated/Button/Button.tsx b/packages/react/src/deprecated/Button/Button.tsx
deleted file mode 100644
index cc5e90d9bc5..00000000000
--- a/packages/react/src/deprecated/Button/Button.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import styled from 'styled-components'
-import {get} from '../../constants'
-import type {SxProp} from '../../sx'
-import sx from '../../sx'
-import type {ComponentProps} from '../../utils/types'
-import type {ButtonBaseProps} from './ButtonBase'
-import ButtonBase from './ButtonBase'
-
-/** @deprecated Use the new Label instead. See https://primer.style/react/Button for more details. */
-const Button = styled(ButtonBase)<ButtonBaseProps & SxProp>`
-  color: ${get('colors.btn.text')};
-  background-color: ${get('colors.btn.bg')};
-  border: 1px solid ${get('colors.btn.border')};
-  box-shadow: ${get('shadows.btn.shadow')}, ${get('shadows.btn.insetShadow')};
-
-  &:hover {
-    background-color: ${get('colors.btn.hoverBg')};
-    border-color: ${get('colors.btn.hoverBorder')};
-  }
-
-  // focus must come before :active so that the active box shadow overrides
-  &:focus {
-    outline: solid 2px ${get('colors.accent.fg')};
-  }
-
-  &:active {
-    background-color: ${get('colors.btn.selectedBg')};
-    box-shadow: ${get('shadows.btn.shadowActive')};
-  }
-
-  &:disabled {
-    color: ${get('colors.primer.fg.disabled')};
-    background-color: ${get('colors.btn.bg')};
-    border-color: ${get('colors.btn.border')};
-  }
-
-  ${sx};
-`
-
-export type ButtonProps = ComponentProps<typeof Button>
-export default Button
diff --git a/packages/react/src/deprecated/Button/ButtonBase.tsx b/packages/react/src/deprecated/Button/ButtonBase.tsx
deleted file mode 100644
index 72036b01460..00000000000
--- a/packages/react/src/deprecated/Button/ButtonBase.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import styled from 'styled-components'
-import {variant} from 'styled-system'
-import type {ComponentProps} from '../../utils/types'
-import buttonBaseStyles from './ButtonStyles'
-
-const variants = variant({
-  variants: {
-    small: {
-      p: '4px 12px',
-      fontSize: 0,
-    },
-    medium: {
-      fontSize: 1,
-    },
-    large: {
-      fontSize: 2,
-      p: '10px 20px',
-    },
-  },
-})
-
-type StyledButtonBaseProps = {
-  as?: 'button' | 'a' | 'summary' | 'input' | string | React.ElementType
-  variant?: 'small' | 'medium' | 'large'
-}
-
-const ButtonBase = styled.button.attrs<StyledButtonBaseProps>(({disabled, onClick}) => ({
-  onClick: disabled ? undefined : onClick,
-}))<StyledButtonBaseProps>`
-  ${buttonBaseStyles}
-  ${variants}
-`
-
-ButtonBase.defaultProps = {
-  variant: 'medium',
-}
-
-export type ButtonBaseProps = ComponentProps<typeof ButtonBase>
-export default ButtonBase
diff --git a/packages/react/src/deprecated/Button/ButtonClose.tsx b/packages/react/src/deprecated/Button/ButtonClose.tsx
deleted file mode 100644
index bc233b60cd4..00000000000
--- a/packages/react/src/deprecated/Button/ButtonClose.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import {XIcon} from '@primer/octicons-react'
-import React, {forwardRef} from 'react'
-import styled from 'styled-components'
-import {get} from '../../constants'
-import type {SxProp} from '../../sx'
-import sx from '../../sx'
-import type {ComponentProps} from '../../utils/types'
-
-const StyledButton = styled.button<SxProp>`
-  border: none;
-  padding: 0;
-  background: transparent;
-  cursor: pointer;
-  border-radius: ${get('radii.2')};
-  color: ${get('colors.fg.muted')};
-
-  &:focus {
-    outline: solid 2px ${get('colors.accent.fg')};
-  }
-
-  &:hover {
-    color: ${get('colors.accent.fg')};
-  }
-  ${sx};
-`
-
-const ButtonClose = forwardRef<
-  HTMLButtonElement,
-  // Include {theme?: any} in the intersection as it mirrors the generated type
-  // from styled-components
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  React.ButtonHTMLAttributes<HTMLButtonElement> & {theme?: any} & SxProp
->((props, ref) => {
-  return (
-    <StyledButton ref={ref} aria-label="Close" {...props}>
-      <XIcon />
-    </StyledButton>
-  )
-})
-
-export type ButtonCloseProps = ComponentProps<typeof ButtonClose>
-export default ButtonClose
diff --git a/packages/react/src/deprecated/Button/ButtonDanger.tsx b/packages/react/src/deprecated/Button/ButtonDanger.tsx
deleted file mode 100644
index e825d608068..00000000000
--- a/packages/react/src/deprecated/Button/ButtonDanger.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import styled from 'styled-components'
-import {get} from '../../constants'
-import type {SxProp} from '../../sx'
-import sx from '../../sx'
-import type {ComponentProps} from '../../utils/types'
-import type {ButtonBaseProps} from './ButtonBase'
-import ButtonBase from './ButtonBase'
-
-const ButtonDanger = styled(ButtonBase)<ButtonBaseProps & SxProp>`
-  color: ${get('colors.btn.danger.text')};
-  border: 1px solid ${get('colors.btn.border')};
-  background-color: ${get('colors.btn.bg')};
-  box-shadow: ${get('shadows.btn.shadow')};
-
-  &:hover {
-    color: ${get('colors.btn.danger.hoverText')};
-    background-color: ${get('colors.btn.danger.hoverBg')};
-    border-color: ${get('colors.btn.danger.hoverBorder')};
-    box-shadow: ${get('shadows.btn.danger.hoverShadow')};
-  }
-  // focus must come before :active so that the active box shadow overrides
-  &:focus {
-    border-color: ${get('colors.btn.danger.focusBorder')};
-    box-shadow: ${get('shadows.btn.danger.focusShadow')};
-  }
-
-  &:active {
-    color: ${get('colors.btn.danger.selectedText')};
-    background-color: ${get('colors.btn.danger.selectedBg')};
-    box-shadow: ${get('shadows.btn.danger.selectedShadow')};
-    border-color: ${get('colors.btn.danger.selectedBorder')};
-  }
-
-  &:disabled {
-    color: ${get('colors.btn.danger.disabledText')};
-    background-color: ${get('colors.btn.danger.disabledBg')};
-    border-color: ${get('colors.btn.danger.disabledBorder')};
-  }
-
-  ${sx};
-`
-
-export type ButtonDangerProps = ComponentProps<typeof ButtonDanger>
-export default ButtonDanger
diff --git a/packages/react/src/deprecated/Button/ButtonInvisible.tsx b/packages/react/src/deprecated/Button/ButtonInvisible.tsx
deleted file mode 100644
index b5abd84ef7e..00000000000
--- a/packages/react/src/deprecated/Button/ButtonInvisible.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import styled from 'styled-components'
-import {get} from '../../constants'
-import type {SxProp} from '../../sx'
-import sx from '../../sx'
-import type {ComponentProps} from '../../utils/types'
-import type {ButtonBaseProps} from './ButtonBase'
-import ButtonBase from './ButtonBase'
-
-const ButtonInvisible = styled(ButtonBase)<ButtonBaseProps & SxProp>`
-  color: ${get('colors.accent.fg')};
-  background-color: transparent;
-  border: 0;
-  border-radius: ${get('radii.2')};
-  box-shadow: none;
-
-  &:disabled {
-    color: ${get('colors.primer.fg.disabled')};
-  }
-  &:focus {
-    outline: solid 2px ${get('colors.accent.fg')};
-  }
-  &:hover {
-    background-color: ${get('colors.btn.hoverBg')};
-  }
-  &:active {
-    background-color: ${get('colors.btn.selectedBg')};
-  }
-
-  ${sx}
-`
-
-export type ButtonInvisibleProps = ComponentProps<typeof ButtonInvisible>
-export default ButtonInvisible
diff --git a/packages/react/src/deprecated/Button/ButtonOutline.tsx b/packages/react/src/deprecated/Button/ButtonOutline.tsx
deleted file mode 100644
index 7b68836c87a..00000000000
--- a/packages/react/src/deprecated/Button/ButtonOutline.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import styled from 'styled-components'
-import {get} from '../../constants'
-import type {SxProp} from '../../sx'
-import sx from '../../sx'
-import type {ComponentProps} from '../../utils/types'
-import type {ButtonBaseProps} from './ButtonBase'
-import ButtonBase from './ButtonBase'
-
-const ButtonOutline = styled(ButtonBase)<ButtonBaseProps & SxProp>`
-  color: ${get('colors.btn.outline.text')};
-  border: 1px solid ${get('colors.btn.border')};
-  background-color: ${get('colors.btn.bg')};
-  box-shadow: ${get('shadows.btn.shadow')};
-
-  &:hover {
-    color: ${get('colors.btn.outline.hoverText')};
-    background-color: ${get('colors.btn.outline.hoverBg')};
-    border-color: ${get('colors.btn.outline.hoverBorder')};
-    box-shadow: ${get('shadows.btn.outline.hoverShadow')};
-  }
-  // focus must come before :active so that the active box shadow overrides
-  &:focus {
-    border-color: ${get('colors.btn.outline.focusBorder')};
-    box-shadow: ${get('shadows.btn.outline.focusShadow')};
-  }
-
-  &:active {
-    color: ${get('colors.btn.outline.selectedText')};
-    background-color: ${get('colors.btn.outline.selectedBg')};
-    box-shadow: ${get('shadows.btn.outline.selectedShadow')};
-    border-color: ${get('colors.btn.outline.selectedBorder')};
-  }
-
-  &:disabled {
-    color: ${get('colors.btn.outline.disabledText')};
-    background-color: ${get('colors.btn.outline.disabledBg')};
-    border-color: ${get('colors.btn.border')};
-  }
-
-  ${sx};
-`
-
-export type ButtonOutlineProps = ComponentProps<typeof ButtonOutline>
-export default ButtonOutline
diff --git a/packages/react/src/deprecated/Button/ButtonPrimary.tsx b/packages/react/src/deprecated/Button/ButtonPrimary.tsx
deleted file mode 100644
index 26ce8c0e19d..00000000000
--- a/packages/react/src/deprecated/Button/ButtonPrimary.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import styled from 'styled-components'
-import {get} from '../../constants'
-import type {SxProp} from '../../sx'
-import sx from '../../sx'
-import type {ComponentProps} from '../../utils/types'
-import type {ButtonBaseProps} from './ButtonBase'
-import ButtonBase from './ButtonBase'
-
-export const ButtonPrimary = styled(ButtonBase)<ButtonBaseProps & SxProp>`
-  color: ${get('colors.btn.primary.text')};
-  border: 1px solid ${get('colors.btn.primary.border')};
-  background-color: ${get('colors.btn.primary.bg')};
-  box-shadow: ${get('shadows.btn.primary.shadow')};
-
-  &:hover {
-    color: ${get('colors.btn.primary.hoverText')};
-    background-color: ${get('colors.btn.primary.hoverBg')};
-    border-color: ${get('colors.btn.primary.hoverBorder')};
-    box-shadow: ${get('shadows.btn.primary.hoverShadow')};
-  }
-  // focus must come before :active so that the active box shadow overrides
-  &:focus {
-    border-color: ${get('colors.btn.primary.focusBorder')};
-    box-shadow: ${get('shadows.btn.primary.focusShadow')};
-  }
-
-  &:active {
-    background-color: ${get('colors.btn.primary.selectedBg')};
-    box-shadow: ${get('shadows.btn.primary.selectedShadow')};
-  }
-
-  &:disabled {
-    color: ${get('colors.btn.primary.disabledText')};
-    background-color: ${get('colors.btn.primary.disabledBg')};
-    border-color: ${get('colors.btn.primary.disabledBorder')};
-  }
-
-  ${sx};
-`
-
-export type ButtonPrimaryProps = ComponentProps<typeof ButtonPrimary>
-export default ButtonPrimary
diff --git a/packages/react/src/deprecated/Button/ButtonStyles.tsx b/packages/react/src/deprecated/Button/ButtonStyles.tsx
deleted file mode 100644
index 93562ace2d9..00000000000
--- a/packages/react/src/deprecated/Button/ButtonStyles.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import {css} from 'styled-components'
-import {get} from '../../constants'
-
-export default css`
-  position: relative;
-  display: inline-block;
-  padding: 6px 16px;
-  font-family: inherit;
-  font-weight: ${get('fontWeights.bold')};
-  line-height: 20px;
-  white-space: nowrap;
-  vertical-align: middle;
-  cursor: pointer;
-  user-select: none;
-  border-radius: ${get('radii.2')};
-  appearance: none;
-  text-decoration: none;
-  text-align: center;
-
-  &:hover {
-    // needed to override link styles
-    text-decoration: none;
-  }
-
-  &:focus {
-    outline: none;
-  }
-
-  &:disabled {
-    cursor: default;
-  }
-
-  &:disabled svg {
-    opacity: 0.6;
-  }
-`
diff --git a/packages/react/src/deprecated/Button/ButtonTableList.tsx b/packages/react/src/deprecated/Button/ButtonTableList.tsx
deleted file mode 100644
index 06fc4fb33b6..00000000000
--- a/packages/react/src/deprecated/Button/ButtonTableList.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import styled from 'styled-components'
-import {get} from '../../constants'
-import type {SxProp} from '../../sx'
-import sx from '../../sx'
-import type {ComponentProps} from '../../utils/types'
-
-const ButtonTableList = styled.summary<SxProp>`
-  display: inline-block;
-  padding: 0;
-  font-size: ${get('fontSizes.1')};
-  color: ${get('colors.fg.muted')};
-  text-decoration: none;
-  white-space: nowrap;
-  cursor: pointer;
-  user-select: none;
-  background-color: transparent;
-  border: 0;
-  appearance: none; // Corrects inability to style clickable input types in iOS.
-
-  &:hover {
-    text-decoration: underline;
-  }
-
-  &:disabled {
-    &,
-    &:hover {
-      color: ${get('colors.primer.fg.disabled')};
-      cursor: default;
-    }
-  }
-
-  &:after {
-    display: inline-block;
-    margin-left: ${get('space.1')};
-    width: 0;
-    height: 0;
-    vertical-align: -2px;
-    content: '';
-    border: 4px solid transparent;
-    border-top-color: currentcolor;
-  }
-  ${sx};
-`
-
-export type ButtonTableListProps = ComponentProps<typeof ButtonTableList>
-export default ButtonTableList
diff --git a/packages/react/src/deprecated/Button/index.ts b/packages/react/src/deprecated/Button/index.ts
deleted file mode 100644
index 81bef292776..00000000000
--- a/packages/react/src/deprecated/Button/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-export {default} from './Button'
-export type {ButtonProps} from './Button'
-export {default as ButtonDanger} from './ButtonDanger'
-export type {ButtonDangerProps} from './ButtonDanger'
-export {default as ButtonOutline} from './ButtonOutline'
-export type {ButtonOutlineProps} from './ButtonOutline'
-export {default as ButtonPrimary} from './ButtonPrimary'
-export type {ButtonPrimaryProps} from './ButtonPrimary'
-export {default as ButtonInvisible} from './ButtonInvisible'
-export type {ButtonInvisibleProps} from './ButtonInvisible'
-export {default as ButtonTableList} from './ButtonTableList'
-export type {ButtonTableListProps} from './ButtonTableList'
-export {default as ButtonClose} from './ButtonClose'
-export type {ButtonCloseProps} from './ButtonClose'
diff --git a/packages/react/src/deprecated/index.ts b/packages/react/src/deprecated/index.ts
index 261a1cddc80..37ad10ed66f 100644
--- a/packages/react/src/deprecated/index.ts
+++ b/packages/react/src/deprecated/index.ts
@@ -21,24 +21,6 @@ export type {
 export {ActionMenu} from './ActionMenu'
 export type {ActionMenuProps} from './ActionMenu'
 // (copied over from src/index) not exporting new DropdownMenu types yet due to conflict with Dropdown types above
-export {
-  default as Button,
-  ButtonDanger,
-  ButtonOutline,
-  ButtonPrimary,
-  ButtonInvisible,
-  ButtonTableList,
-  ButtonClose,
-} from './Button'
-export type {
-  ButtonProps,
-  ButtonDangerProps,
-  ButtonOutlineProps,
-  ButtonPrimaryProps,
-  ButtonInvisibleProps,
-  ButtonTableListProps,
-  ButtonCloseProps,
-} from './Button'
 // end of v35.0.0
 
 // Deprecated in v36.0.0
diff --git a/packages/react/src/stories/deprecated/ActionMenu.stories.tsx b/packages/react/src/stories/deprecated/ActionMenu.stories.tsx
index abcf00ea52b..89918a136eb 100644
--- a/packages/react/src/stories/deprecated/ActionMenu.stories.tsx
+++ b/packages/react/src/stories/deprecated/ActionMenu.stories.tsx
@@ -18,11 +18,10 @@ import {ThemeProvider} from '../..'
 import type {LinkProps} from '../../Link'
 import Link from '../../Link'
 import type {ActionMenuProps} from '../../deprecated'
-import {ActionMenu, ActionList, Button} from '../../deprecated'
+import {ActionMenu, ActionList} from '../../deprecated'
 import type {ItemProps} from '../../deprecated/ActionList'
 import BaseStyles from '../../BaseStyles'
-// We can remove the as as DropdownButton, after updating the deprecated Button usages
-import {Button as DropdownButton} from '../../Button'
+import {Button} from '../../Button'
 
 const meta: Meta = {
   title: 'Deprecated/Components/ActionMenu',
@@ -301,9 +300,9 @@ const DoubleClickableAnchor: Exclude<ActionMenuProps['renderAnchor'], null | und
     [callback],
   )
   return (
-    <DropdownButton trailingAction={TriangleDownIcon} onClick={onClick} {...rest}>
+    <Button trailingAction={TriangleDownIcon} onClick={onClick} {...rest}>
       {children}
-    </DropdownButton>
+    </Button>
   )
 }
 export function ActionMenuWithDoubleClickStory(): JSX.Element {
diff --git a/packages/react/src/stories/deprecated/Button.stories.tsx b/packages/react/src/stories/deprecated/Button.stories.tsx
deleted file mode 100644
index 3f86247cf37..00000000000
--- a/packages/react/src/stories/deprecated/Button.stories.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import React from 'react'
-import type {Meta} from '@storybook/react'
-
-import {Button, ButtonClose, ButtonDanger, ButtonInvisible, ButtonPrimary, ButtonTableList} from '../../deprecated'
-import type {ButtonStyleProps} from 'styled-system'
-import type {ButtonBaseProps} from '../../deprecated/Button/ButtonBase'
-type StrictButtonStyleProps = ButtonStyleProps & {variant: ButtonBaseProps['variant']}
-
-export default {
-  title: 'Deprecated/Components/Button',
-  argTypes: {
-    as: {
-      table: {
-        disable: true,
-      },
-    },
-    theme: {
-      table: {
-        disable: true,
-      },
-    },
-    sx: {
-      table: {
-        disable: true,
-      },
-    },
-    variant: {
-      control: {
-        type: 'radio',
-      },
-      options: ['small', 'medium', 'large'],
-    },
-  },
-} as Meta
-
-// eslint-disable-next-line storybook/prefer-pascal-case
-export const defaultButton = (args: StrictButtonStyleProps) => <Button {...args}>Default Button</Button>
-defaultButton.args = {variant: 'medium'}
-
-// eslint-disable-next-line storybook/prefer-pascal-case
-export const dangerButton = (args: StrictButtonStyleProps) => <ButtonDanger {...args}>Danger Button</ButtonDanger>
-dangerButton.args = {variant: 'medium'}
-
-// eslint-disable-next-line storybook/prefer-pascal-case
-export const primaryButton = (args: StrictButtonStyleProps) => <ButtonPrimary {...args}>Primary Button</ButtonPrimary>
-primaryButton.args = {variant: 'medium'}
-
-// eslint-disable-next-line storybook/prefer-pascal-case
-export const invisibleButton = (args: StrictButtonStyleProps) => (
-  <ButtonInvisible {...args}>Invisible Button</ButtonInvisible>
-)
-invisibleButton.args = {variant: 'medium'}
-
-// eslint-disable-next-line storybook/prefer-pascal-case
-export const closeButton = (args: ButtonStyleProps) => (
-  <ButtonClose {...args} onClick={() => alert('button clicked.')} />
-)
-closeButton.args = {variant: 'medium'}
-
-// eslint-disable-next-line storybook/prefer-pascal-case
-export const buttonTableList = (args: ButtonStyleProps) => (
-  <ButtonTableList {...args}>Button Table List</ButtonTableList>
-)
-buttonTableList.args = {variant: 'medium'}
-
-// eslint-disable-next-line storybook/prefer-pascal-case
-export const disabledButton = (args: StrictButtonStyleProps) => {
-  const props = {disabled: true, ...args}
-  return <Button {...props}>Disabled</Button>
-}