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}" } }