Remove black and white options until we need them

Amsterdam · Jan 24, 2024 · 9fe3750 · 9fe3750
1 parent 3bbefdd
commit 9fe3750
Show file tree

Hide file tree

Showing 4 changed files with 1 addition and 21 deletions.
diff --git 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
@@ -8,15 +8,13 @@ import { forwardRef } from 'react'
 import type { ForwardedRef, HTMLAttributes } from 'react'
 
 export const badgeColors = [
-  'black',
   'blue',
   'dark-blue',
   'dark-green',
   'green',
   '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
@@ -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
@@ -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',
     },
   },