From 4c0800e5ef40c4ccd3989cc267587f1a5acccde5 Mon Sep 17 00:00:00 2001
From: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
Date: Wed, 6 Apr 2022 10:34:35 +0200
Subject: [PATCH] feat(system): add outline button variant

---
 packages/status-react/src/system/button/styles.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/status-react/src/system/button/styles.tsx b/packages/status-react/src/system/button/styles.tsx
index 2482abd5..cf81f3b0 100644
--- a/packages/status-react/src/system/button/styles.tsx
+++ b/packages/status-react/src/system/button/styles.tsx
@@ -44,6 +44,13 @@ export const Base = styled('button', {
           background: '$danger-2',
         },
       },
+      outline: {
+        background: '$transparent',
+        color: '$primary-1',
+        '&:hover': {
+          background: '$primary-3',
+        },
+      },
     },
     loading: {
       true: {},