From 6edb41193e6c63f4ca29d9d63960e1aba42bb2e5 Mon Sep 17 00:00:00 2001
From: Pau Teruel <93.pau.teruel@gmail.com>
Date: Fri, 30 Oct 2020 12:35:20 +0100
Subject: [PATCH] feat: add proper types to styled

---
 .../primitives/Form/TextField/TextField.styled.ts   | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/styled-components/src/components/primitives/Form/TextField/TextField.styled.ts b/packages/styled-components/src/components/primitives/Form/TextField/TextField.styled.ts
index db43041d2..5029c9285 100644
--- a/packages/styled-components/src/components/primitives/Form/TextField/TextField.styled.ts
+++ b/packages/styled-components/src/components/primitives/Form/TextField/TextField.styled.ts
@@ -1,14 +1,13 @@
 import styled from 'styled-components';
 import { getTheme } from 'utils/getTheme';
-import {
-  StyledBaseProps,
-  StyledCssProps,
-} from 'components/Components.styled.types';
+import { StyledCssProps } from 'components/Components.styled.types';
 import { withCustomCss } from 'utils/withCustomCss';
 
-type Props = StyledBaseProps & StyledCssProps;
-
-export const StyledInput = withCustomCss(styled.input<Props>`
+export const StyledInput = withCustomCss<
+  StyledCssProps &
+    React.ClassAttributes<StyledCssProps> &
+    React.InputHTMLAttributes<StyledCssProps>
+>(styled.input`
   background-color: ${(props) => getTheme(props).colors.fillFormEnabled};
   position: relative;
   display: block;