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.
Amsterdam · Dec 4, 2024 · 4ff5a73 · 4ff5a73
1 parent 226128c
commit 4ff5a73
Show file tree

Hide file tree

Showing 2 changed files with 0 additions and 10 deletions.
diff --git 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
@@ -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}" }
         }