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);
  }