From 9fe3750c5b1f376b842e6a1ea9d5c51b1ec9543e Mon Sep 17 00:00:00 2001
From: Vincent Smedinga <vincent@smedinga.nl>
Date: Wed, 24 Jan 2024 13:19:44 +0100
Subject: [PATCH] Remove black and white options until we need them

---
 packages/css/src/components/badge/badge.scss           | 10 ----------
 packages/react/src/Badge/Badge.tsx                     |  2 --
 .../tokens/src/components/amsterdam/badge.tokens.json  |  8 --------
 storybook/storybook-react/src/Badge/Badge.stories.tsx  |  2 +-
 4 files changed, 1 insertion(+), 21 deletions(-)

diff --git a/packages/css/src/components/badge/badge.scss b/packages/css/src/components/badge/badge.scss
index 5eddcc8350..1c20a45492 100644
--- a/packages/css/src/components/badge/badge.scss
+++ b/packages/css/src/components/badge/badge.scss
@@ -17,11 +17,6 @@
   }
 }
 
-.amsterdam-badge--black {
-  background-color: var(--amsterdam-badge-black-background-color);
-  color: var(--amsterdam-badge-black-color);
-}
-
 .amsterdam-badge--blue {
   background-color: var(--amsterdam-badge-blue-background-color);
   color: var(--amsterdam-badge-blue-color);
@@ -57,11 +52,6 @@
   color: var(--amsterdam-badge-purple-color);
 }
 
-.amsterdam-badge--white {
-  background-color: var(--amsterdam-badge-white-background-color);
-  color: var(--amsterdam-badge-white-color);
-}
-
 .amsterdam-badge--yellow {
   background-color: var(--amsterdam-badge-yellow-background-color);
   color: var(--amsterdam-badge-yellow-color);
diff --git a/packages/react/src/Badge/Badge.tsx b/packages/react/src/Badge/Badge.tsx
index 3043f53d59..56a1571aaa 100644
--- a/packages/react/src/Badge/Badge.tsx
+++ b/packages/react/src/Badge/Badge.tsx
@@ -8,7 +8,6 @@ import { forwardRef } from 'react'
 import type { ForwardedRef, HTMLAttributes } from 'react'
 
 export const badgeColors = [
-  'black',
   'blue',
   'dark-blue',
   'dark-green',
@@ -16,7 +15,6 @@ export const badgeColors = [
   'magenta',
   'orange',
   'purple',
-  'white',
   'yellow',
 ] as const
 
diff --git a/proprietary/tokens/src/components/amsterdam/badge.tokens.json b/proprietary/tokens/src/components/amsterdam/badge.tokens.json
index 830193a85e..0a722c1226 100644
--- a/proprietary/tokens/src/components/amsterdam/badge.tokens.json
+++ b/proprietary/tokens/src/components/amsterdam/badge.tokens.json
@@ -12,10 +12,6 @@
         "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
         "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
       },
-      "black": {
-        "background-color": { "value": "{amsterdam.color.primary-black}" },
-        "color": { "value": "{amsterdam.color.primary-white}" }
-      },
       "blue": {
         "background-color": { "value": "{amsterdam.color.blue}" },
         "color": { "value": "{amsterdam.color.primary-black}" }
@@ -44,10 +40,6 @@
         "background-color": { "value": "{amsterdam.color.purple}" },
         "color": { "value": "{amsterdam.color.primary-white}" }
       },
-      "white": {
-        "background-color": { "value": "{amsterdam.color.primary-white}" },
-        "color": { "value": "{amsterdam.color.primary-black}" }
-      },
       "yellow": {
         "background-color": { "value": "{amsterdam.color.yellow}" },
         "color": { "value": "{amsterdam.color.primary-black}" }
diff --git a/storybook/storybook-react/src/Badge/Badge.stories.tsx b/storybook/storybook-react/src/Badge/Badge.stories.tsx
index a72b461949..8bf6ed9c4a 100644
--- a/storybook/storybook-react/src/Badge/Badge.stories.tsx
+++ b/storybook/storybook-react/src/Badge/Badge.stories.tsx
@@ -17,7 +17,7 @@ const meta = {
       control: {
         type: 'inline-radio',
       },
-      options: ['black', 'blue', 'dark-blue', 'dark-green', 'green', 'magenta', 'orange', 'purple', 'white', 'yellow'],
+      options: ['blue', 'dark-blue', 'dark-green', 'green', 'magenta', 'orange', 'purple', 'yellow'],
       selected: 'dark-green',
     },
   },