From f86150a64d026c29b82e22d11f4f1dcbe52c2fb4 Mon Sep 17 00:00:00 2001
From: github-actions <github-actions@users.noreply.github.com>
Date: Tue, 13 Oct 2020 11:21:49 -0700
Subject: [PATCH] feat #113 - Revamp button styles

---
 src/components/Button/index.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
index 20f4cef1..ebb46247 100644
--- a/src/components/Button/index.tsx
+++ b/src/components/Button/index.tsx
@@ -8,6 +8,7 @@ import { generateButtonStyles } from './utils'
 import { getDataTestAttributeProp } from '../utils'
 import { LoadingOutlined } from '@ant-design/icons'
 import { Skeleton } from '../Skeleton'
+import { ThemeType } from '../assets/styles/themes'
 import { Button as AntDButton, Spin } from 'antd'
 import React, { FC, ReactNode } from 'react'
 import { styleguide, ThemeType } from '../assets/styles'
@@ -25,6 +26,15 @@ const useStyles = createUseStyles({
 	}
 })
 
+const { dark, light } = ThemeType
+
+const useStyles = createUseStyles({
+	'@global': {
+		[`.${dark} button`]: generateButtonStyles(dark),
+		button: generateButtonStyles(light)
+	}
+})
+
 export interface ButtonProps extends CommonComponentProps {
 	/**
 	 * Required click handler.