From e754588af113cad67309b63825310427791499ac Mon Sep 17 00:00:00 2001 From: Andrew Holloway Date: Fri, 7 Jun 2024 14:05:02 -0500 Subject: [PATCH] fix(Button): use text-utility-default state tokens (#1979) - text-utility-default-secondary-* (hover|active) --- src/components/Button/Button-v2.module.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/Button/Button-v2.module.css b/src/components/Button/Button-v2.module.css index 2d54c9a81..c7b4b56cc 100644 --- a/src/components/Button/Button-v2.module.css +++ b/src/components/Button/Button-v2.module.css @@ -200,35 +200,37 @@ } } -/* TODO-AH: EDS-1344 confirm color: var(--eds-theme-color-text-utility-interactive-secondary-hover) and -active */ .button--secondary.button--variant-neutral { color: var(--eds-theme-color-text-utility-default-secondary); border-color: currentColor; background-color: var(--eds-theme-color-background-utility-default-no-emphasis); &:hover { + color: var(--eds-theme-color-text-utility-default-secondary-hover); border-color: var(--eds-theme-color-border-utility-default-medium-emphasis-hover); background-color: var(--eds-theme-color-background-utility-default-no-emphasis-hover); } &:active { + color: var(--eds-theme-color-text-utility-default-secondary-active); border-color: var(--eds-theme-color-border-utility-default-medium-emphasis-active); background-color: var(--eds-theme-color-background-utility-default-no-emphasis-active); } } -/* TODO-AH: EDS-1344 confirm color: var(--eds-theme-color-text-utility-interactive-secondary-hover) and -active */ .button--tertiary.button--variant-neutral { color: var(--eds-theme-color-text-utility-default-secondary); border-color: transparent; background-color: var(--eds-theme-color-background-utility-default-no-emphasis); &:hover { + color: var(--eds-theme-color-text-utility-default-secondary-hover); border-color: var(--eds-theme-color-background-utility-default-medium-emphasis-hover); background-color: var(--eds-theme-color-background-utility-default-no-emphasis-hover); } &:active { + color: var(--eds-theme-color-text-utility-default-secondary-active); border-color: var(--eds-theme-color-background-utility-default-medium-emphasis-active); background-color: var(--eds-theme-color-background-utility-default-no-emphasis-active); }