Allow type variable for ThemedStyledFunction

styled-components · Jun 1, 2018 · 3bb8dfa · 3bb8dfa
1 parent f2aff0d
commit 3bb8dfa
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/typings/styled-components.d.ts b/typings/styled-components.d.ts
@@ -40,8 +40,7 @@ export interface StyledComponentClass<P, T, O = P> extends ComponentClass<Themed
 }
 
 export interface ThemedStyledFunction<P, T, O = P> {
-  (strings: TemplateStringsArray, ...interpolations: Interpolation<ThemedStyledProps<P, T>>[]): StyledComponentClass<P, T, O>;
-  <U>(strings: TemplateStringsArray, ...interpolations: Interpolation<ThemedStyledProps<P & U, T>>[]): StyledComponentClass<P & U, T, O & U>;
+  <U = {}>(strings: TemplateStringsArray, ...interpolations: Interpolation<ThemedStyledProps<P & U, T>>[]): StyledComponentClass<P & U, T, O & U>;
   attrs<U, A extends Partial<P & U> = {}>(attrs: Attrs<P & U, A, T>): ThemedStyledFunction<P & A & U, T, O & U>;
 }
 

diff --git a/typings/tests/typed-template-literal.tsx b/typings/tests/typed-template-literal.tsx
@@ -0,0 +1,9 @@
+import styled from "../..";
+
+const plain = styled.h1`
+  color: ${props => props.className};
+`;
+
+const withTypeArgs = styled.h1<{ hello: string }>`
+  color: ${props => props.hello};
+`;