From ffda2a6b5ddaae492a30cbc9ee5ff156952b9dce Mon Sep 17 00:00:00 2001
From: Tim R <timothy.roettger@adhocteam.us>
Date: Wed, 4 Sep 2024 12:38:25 -0500
Subject: [PATCH] Remove White Button Variant

---
 .../src/components/Button/Button.stories.tsx  | 10 ---
 .../src/components/Button/Button.test.tsx     | 74 -------------------
 .../src/components/Button/Button.tsx          |  7 --
 3 files changed, 91 deletions(-)

diff --git a/packages/components/src/components/Button/Button.stories.tsx b/packages/components/src/components/Button/Button.stories.tsx
index a792c0ef..a6f71fbc 100644
--- a/packages/components/src/components/Button/Button.stories.tsx
+++ b/packages/components/src/components/Button/Button.stories.tsx
@@ -98,13 +98,3 @@ export const _____Destructive: Story = {
     a11yHint: 'A brief description of the result of pressing this Button',
   },
 }
-
-export const ______White: Story = {
-  name: 'White',
-  args: {
-    buttonType: ButtonVariants.White,
-    label: 'Button text',
-    a11yLabel: 'Alternate a11y text',
-    a11yHint: 'A brief description of the result of pressing this Button',
-  },
-}
diff --git a/packages/components/src/components/Button/Button.test.tsx b/packages/components/src/components/Button/Button.test.tsx
index bd3d7b35..dbddf47b 100644
--- a/packages/components/src/components/Button/Button.test.tsx
+++ b/packages/components/src/components/Button/Button.test.tsx
@@ -341,80 +341,6 @@ describe('Button', () => {
     })
   })
 
-  describe('White Variant', () => {
-    it('should render White variant', async () => {
-      render(<Button {...commonProps} buttonType={ButtonVariants.White} />)
-
-      expect(screen.root).toHaveStyle({
-        backgroundColor: '#f0f0f0',
-        borderColor: 'none',
-        borderWidth: 0,
-      })
-
-      expect(getButtonText()).toHaveStyle({
-        color: '#000000',
-      })
-    })
-
-    it('should render White variant pressed state', async () => {
-      render(
-        <Button
-          {...commonProps}
-          buttonType={ButtonVariants.White}
-          testOnlyPressed={true}
-        />,
-      )
-
-      expect(screen.root).toHaveStyle({
-        backgroundColor: '#adadad',
-        borderColor: 'none',
-        borderWidth: 0,
-      })
-
-      expect(getButtonText()).toHaveStyle({
-        color: '#000000',
-      })
-    })
-
-    describe('Dark mode', () => {
-      beforeEach(() => mockedColorScheme.mockImplementationOnce(() => 'dark'))
-
-      it('should render White variant in dark mode', async () => {
-        render(<Button {...commonProps} buttonType={ButtonVariants.White} />)
-
-        expect(screen.root).toHaveStyle({
-          backgroundColor: '#f0f0f0',
-          borderColor: 'none',
-          borderWidth: 0,
-        })
-
-        expect(getButtonText()).toHaveStyle({
-          color: '#000000',
-        })
-      })
-
-      it('should render White variant pressed state in dark mode', async () => {
-        render(
-          <Button
-            {...commonProps}
-            buttonType={ButtonVariants.White}
-            testOnlyPressed={true}
-          />,
-        )
-
-        expect(screen.root).toHaveStyle({
-          backgroundColor: '#adadad',
-          borderColor: 'none',
-          borderWidth: 0,
-        })
-
-        expect(getButtonText()).toHaveStyle({
-          color: '#000000',
-        })
-      })
-    })
-  })
-
   describe('BaseSecondary Variant', () => {
     it('should render BaseSecondary variant', async () => {
       render(
diff --git a/packages/components/src/components/Button/Button.tsx b/packages/components/src/components/Button/Button.tsx
index 01a14f16..3fb76986 100644
--- a/packages/components/src/components/Button/Button.tsx
+++ b/packages/components/src/components/Button/Button.tsx
@@ -15,7 +15,6 @@ export enum ButtonVariants {
   Destructive = 'Destructive',
   Primary = 'Primary',
   Secondary = 'Secondary',
-  White = 'White',
 }
 
 export type ButtonProps = {
@@ -85,12 +84,6 @@ export const Button: React.FC<ButtonProps> = ({
       textColorPressed = theme.vadsColorActionForegroundDefaultActive
       borderWidth = 2
       break
-    case ButtonVariants.White:
-      bgColor = theme.vadsColorBaseLightest
-      bgColorPressed = theme.uswdsSystemColorGray30
-      textColor = theme.vadsColorBlack
-      textColorPressed = theme.vadsColorBlack
-      break
     default:
       bgColor = theme.vadsColorActionSurfaceDefault
       bgColorPressed = theme.vadsColorActionSurfaceDefaultActive