From 4ff5a735e70dd476ff3e4ab15e817311247ff9ed Mon Sep 17 00:00:00 2001
From: Vincent Smedinga <v.smedinga@amsterdam.nl>
Date: Wed, 4 Dec 2024 20:44:26 +0100
Subject: [PATCH] Remove tokens that just set initial values

They would be useful for communities that reuse our components and need background and border colours, but we should first consider whether we want to adopt this approach.
---
 packages/css/src/components/tabs/tabs.scss             | 5 -----
 proprietary/tokens/src/components/ams/tabs.tokens.json | 5 -----
 2 files changed, 10 deletions(-)

diff --git a/packages/css/src/components/tabs/tabs.scss b/packages/css/src/components/tabs/tabs.scss
index 0a5a4764df..97b153156a 100644
--- a/packages/css/src/components/tabs/tabs.scss
+++ b/packages/css/src/components/tabs/tabs.scss
@@ -20,8 +20,6 @@
 }
 
 .ams-tabs__list {
-  background-color: var(--ams-tabs-list-background-color);
-  border-block-end: var(--ams-tabs-list-border-block-end);
   box-shadow: var(--ams-tabs-list-box-shadow);
   display: flex;
   overflow-x: auto;
@@ -41,7 +39,6 @@
   @include reset-button;
 
   &:disabled {
-    background-color: var(--ams-tabs-button-disabled-background-color);
     color: var(--ams-tabs-button-disabled-color);
     cursor: var(--ams-tabs-button-disabled-cursor);
 
@@ -51,13 +48,11 @@
   }
 
   &:hover:not([aria-selected="true"], [disabled]) {
-    background-color: var(--ams-tabs-button-hover-background-color);
     box-shadow: var(--ams-tabs-button-hover-box-shadow);
     color: var(--ams-tabs-button-hover-color);
   }
 
   &[aria-selected="true"] {
-    background-color: var(--ams-tabs-button-selected-background-color);
     box-shadow: var(--ams-tabs-button-selected-box-shadow);
     color: var(--ams-tabs-button-selected-color);
     font-weight: var(--ams-tabs-button-selected-font-weight);
diff --git a/proprietary/tokens/src/components/ams/tabs.tokens.json b/proprietary/tokens/src/components/ams/tabs.tokens.json
index a36d09b9c8..06681aaace 100644
--- a/proprietary/tokens/src/components/ams/tabs.tokens.json
+++ b/proprietary/tokens/src/components/ams/tabs.tokens.json
@@ -3,8 +3,6 @@
     "tabs": {
       "gap": { "value": "{ams.space.md}" },
       "list": {
-        "background-color": { "value": "initial" },
-        "border-block-end": { "value": "initial" },
         "box-shadow": { "value": "inset 0 calc({ams.border.width.md} * -1) {ams.brand.color.neutral.20}" }
       },
       "button": {
@@ -19,17 +17,14 @@
         "padding-inline": { "value": "{ams.space.md}" },
         "hover": {
           "color": { "value": "{ams.brand.color.blue.80}" },
-          "background-color": { "value": "initial" },
           "box-shadow": { "value": "inset 0 calc({ams.border.width.md} * -1) {ams.brand.color.blue.80}" }
         },
         "selected": {
-          "background-color": { "value": "initial" },
           "box-shadow": { "value": "inset 0 calc({ams.border.width.xl} * -1) {ams.brand.color.blue.60}" },
           "color": { "value": "{ams.brand.color.blue.60}" },
           "font-weight": { "value": "{ams.text.font-weight.bold}" }
         },
         "disabled": {
-          "background-color": { "value": "initial" },
           "color": { "value": "{ams.brand.color.neutral.60}" },
           "cursor": { "value": "{ams.action.disabled.cursor}" }
         }