fix(Button): use text-utility-default state tokens (#1979)

- text-utility-default-secondary-* (hover|active)
chanzuckerberg · Jun 7, 2024 · e754588 · e754588
1 parent 3a6a20d
commit e754588
Showing 1 changed file with 4 additions and 2 deletions.
diff --git 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);
   }