implement functional color variables for ButtonInvisible

primer · Mar 3, 2021 · 67cc5b2 · 67cc5b2
1 parent 170876e
commit 67cc5b2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/wild-needles-hear.md b/.changeset/wild-needles-hear.md
@@ -0,0 +1,5 @@
+---
+'@primer/components': patch
+---
+
+Use functional color variables in ButtonInvisible
diff --git a/src/Button/ButtonInvisible.tsx b/src/Button/ButtonInvisible.tsx
@@ -12,11 +12,11 @@ const ButtonInvisible = styled(ButtonBase)<ButtonBaseProps & ButtonSystemProps &
   box-shadow: none;
 
   &:disabled {
-    color: ${get('buttons.default.color.disabled')};
+    color: ${get('colors.text.disabled')};
   }
 
   &:focus {
-    box-shadow: ${get('buttons.default.shadow.focus')};
+    box-shadow: ${get('shadows.btn.focusShadow')};
   }
 
   ${buttonSystemProps};