fix: Remove 'ButtonBaseProps' where it’s inferable

primer · Feb 6, 2021 · 1d60b55 · 1d60b55
1 parent 9218fe4
commit 1d60b55
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git a/src/Button/Button.tsx b/src/Button/Button.tsx
@@ -2,10 +2,10 @@ import styled from 'styled-components'
 import sx from '../sx'
 import {get} from '../constants'
 import theme from '../theme'
-import ButtonBase, {ButtonBaseProps, systemStyles} from './ButtonBase'
+import ButtonBase, {systemStyles} from './ButtonBase'
 import {ComponentProps} from '../utils/types'
 
-const Button = styled(ButtonBase)<ButtonBaseProps>`
+const Button = styled(ButtonBase)`
   color: ${get('buttons.default.color.default')};
   background-color: ${get('buttons.default.bg.default')};
   border: 1px solid ${get('buttons.default.border.default')};

diff --git a/src/Button/ButtonDanger.tsx b/src/Button/ButtonDanger.tsx
@@ -1,11 +1,11 @@
 import styled from 'styled-components'
-import ButtonBase, {ButtonBaseProps, systemStyles} from './ButtonBase'
+import ButtonBase, {systemStyles} from './ButtonBase'
 import {get} from '../constants'
 import theme from '../theme'
 import sx from '../sx'
 import {ComponentProps} from '../utils/types'
 
-const ButtonDanger = styled(ButtonBase)<ButtonBaseProps>`
+const ButtonDanger = styled(ButtonBase)`
   color: ${get('buttons.danger.color.default')};
   border: 1px solid ${get('buttons.danger.border.default')};
   background-color: ${get('buttons.danger.bg.default')};

diff --git a/src/Button/ButtonInvisible.tsx b/src/Button/ButtonInvisible.tsx
@@ -2,10 +2,10 @@ import styled from 'styled-components'
 import sx from '../sx'
 import {get} from '../constants'
 import theme from '../theme'
-import ButtonBase, {ButtonBaseProps, systemStyles} from './ButtonBase'
+import ButtonBase, {systemStyles} from './ButtonBase'
 import {ComponentProps} from '../utils/types'
 
-const ButtonInvisible = styled(ButtonBase)<ButtonBaseProps>`
+const ButtonInvisible = styled(ButtonBase)`
   color: ${get('colors.blue.5')};
   background-color: transparent;
   border: 0;

diff --git a/src/Button/ButtonOutline.tsx b/src/Button/ButtonOutline.tsx
@@ -1,11 +1,11 @@
 import styled from 'styled-components'
-import ButtonBase, {ButtonBaseProps, systemStyles} from './ButtonBase'
+import ButtonBase, {systemStyles} from './ButtonBase'
 import {get} from '../constants'
 import theme from '../theme'
 import sx from '../sx'
 import {ComponentProps} from '../utils/types'
 
-const ButtonOutline = styled(ButtonBase)<ButtonBaseProps>`
+const ButtonOutline = styled(ButtonBase)`
   color: ${get('buttons.outline.color.default')};
   border: 1px solid ${get('buttons.outline.border.default')};
   background-color: ${get('buttons.outline.bg.default')};

diff --git a/src/Button/ButtonPrimary.tsx b/src/Button/ButtonPrimary.tsx
@@ -1,11 +1,11 @@
 import styled from 'styled-components'
-import ButtonBase, {ButtonBaseProps, systemStyles} from './ButtonBase'
+import ButtonBase, {systemStyles} from './ButtonBase'
 import {get} from '../constants'
 import theme from '../theme'
 import sx from '../sx'
 import {ComponentProps} from '../utils/types'
 
-export const ButtonPrimary = styled(ButtonBase)<ButtonBaseProps>`
+export const ButtonPrimary = styled(ButtonBase)`
   color: ${get('buttons.primary.color.default')};
   background-color: ${get('buttons.primary.bg.default')};
   border: 1px solid ${get('buttons.primary.border.default')};