fix(typescript): add React.ReactChild to CSSPropertiesLossy

* docs(user): add Kais-DkM * fix(typescript): add React.ReactChild to CSSPropertiesLossy
paypal · Aug 27, 2017 · 08cfb31 · 08cfb31
1 parent cfc3360
commit 08cfb31
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 1 deletion.
diff --git a/test/glamorous.test.tsx b/test/glamorous.test.tsx
@@ -520,3 +520,34 @@ const usePropsAreCssOverrides = (
     />
   </div>
 )
+
+const BuiltinSingleElement: JSX.Element = <glamorous.Div />;
+
+const BuiltinSingleChild: JSX.Element = (
+  <glamorous.Div>
+    <glamorous.Span>Hello, world!</glamorous.Span>
+  </glamorous.Div>
+);
+
+const BuiltinMultipleChild: JSX.Element = (
+  <glamorous.Div>
+    <glamorous.Span>Hello,</glamorous.Span>
+    <glamorous.Span>world!</glamorous.Span>
+  </glamorous.Div>
+);
+
+const BuiltinStyledSingleElement: JSX.Element =
+  <glamorous.Div color='red'/>
+
+const BuiltinStyledWithSingleChild: JSX.Element = (
+  <glamorous.Div color='red'>
+    <glamorous.Span>Hello, world!</glamorous.Span>
+  </glamorous.Div>
+);
+
+const BuiltinStyledWithMultipleChild: JSX.Element = (
+  <glamorous.Div color='red'>
+    <glamorous.Span>Hello,</glamorous.Span>
+    <glamorous.Span>world!</glamorous.Span>
+  </glamorous.Div>
+);
diff --git a/typings/css-properties.d.ts b/typings/css-properties.d.ts
@@ -1557,6 +1557,7 @@ export interface CSSPropertiesLossy {
     | string | number | CSSPropertiesComplete | undefined
     | Array<CSSPropertiesComplete[keyof CSSPropertiesComplete]>
     | CSSPropertiesLossy
+    | React.ReactChild
 }
 
 export interface CSSProperties extends

diff --git a/typings/svg-properties.d.ts b/typings/svg-properties.d.ts
@@ -23,7 +23,7 @@ export interface SVGPropertiesCompleteSingle {
   target?: string;
   type?: string;
   width?: number | string;
-              
+
   // Other HTML properties supported by SVG elements in browsers
   role?: string;
   tabIndex?: number;
@@ -287,6 +287,7 @@ export interface SVGPropertiesLossy {
     | string | number | SVGProperties | undefined
     | Array<SVGPropertiesCompleteSingle[keyof SVGPropertiesCompleteSingle]>
     | SVGPropertiesLossy
+    | React.ReactChild
 }
 
 export interface SVGProperties extends