From 0d0c4862401b71ee53e92e62c25902a5ed120afb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Quiroz?= <nh.quiroz@gmail.com>
Date: Fri, 7 Oct 2022 20:05:28 -0500
Subject: [PATCH] chore: add Button primary variant on theme

---
 src/theme/components/Button.ts | 18 ++++++++++++++++++
 src/theme/components/index.ts  |  1 +
 2 files changed, 19 insertions(+)
 create mode 100644 src/theme/components/Button.ts
 create mode 100644 src/theme/components/index.ts

diff --git a/src/theme/components/Button.ts b/src/theme/components/Button.ts
new file mode 100644
index 0000000000..a1a4962762
--- /dev/null
+++ b/src/theme/components/Button.ts
@@ -0,0 +1,18 @@
+export const Button = {
+  variants: {
+    primary: {
+      py: '8px',
+      px: '32px',
+      borderRadius: 0,
+      width: { base: '188px', md: 'auto' },
+      // TODO: move to theme colors
+      bg: 'brand.light.primary',
+      _hover: { bg: 'brand.light.secondary' },
+      _focus: {
+        bg: 'brand.light.primary',
+        boxShadow: 'inset 0 0 0 2px #06fece !important'
+      },
+      _active: { borderTop: '4px solid', borderColor: 'green.200', pt: '4px' }
+    }
+  }
+};
diff --git a/src/theme/components/index.ts b/src/theme/components/index.ts
new file mode 100644
index 0000000000..8b166a86e4
--- /dev/null
+++ b/src/theme/components/index.ts
@@ -0,0 +1 @@
+export * from './Button';