fix(LinkButton): missing tertiary button

werein · Feb 4, 2022 · 9c0f910 · 9c0f910
1 parent ee0e9b0
commit 9c0f910
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/link/link-button.stories.tsx b/src/link/link-button.stories.tsx
@@ -20,6 +20,7 @@ export default {
         ButtonAppearance.outline,
         ButtonAppearance.primary,
         ButtonAppearance.secondary,
+        ButtonAppearance.tertiary,
       ],
       control: { type: "radio" },
     },

diff --git a/src/link/link-button.tsx b/src/link/link-button.tsx
@@ -33,6 +33,14 @@ function styles(
           backgroundColor: theme.colors.buttonSecondaryHover,
         },
       };
+    case ButtonAppearance.tertiary:
+      return {
+        color: theme.colors.buttonTertiaryText,
+        backgroundColor: theme.colors.buttonTertiaryFill,
+        ":hover": {
+          backgroundColor: theme.colors.buttonTertiaryHover,
+        },
+      };
     case ButtonAppearance.minimal:
       return {
         color: theme.colors.buttonMinimalText,