Loosen RadiumStyles (#375)

instacart · Oct 10, 2019 · 215303b · 215303b
1 parent f47ea78
commit 215303b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/index.d.ts b/src/index.d.ts
@@ -73,6 +73,7 @@ export type RadiumStyles =
   | string
   | RadiumCSSObject
   | RadiumStylesArray
+  | React.CSSProperties
 
 export type ElementAttributes<T> = (T extends keyof JSX.IntrinsicElements
   ? React.ComponentPropsWithoutRef<T>

diff --git a/test/typescript/foobar.tsx b/test/typescript/foobar.tsx
@@ -1,12 +1,19 @@
 import * as React from 'react'
 import { Button, SVGIcon } from '../../src'
 
+const cssProperties: React.CSSProperties = { display: 'block' }
+
 export function Foo() {
   return (
     <Button
       style={[
         { background: 'green', ':hover': { background: 'purple' } },
         true && { color: 'red' },
+        cssProperties,
+        {
+          display: 'block',
+          '@media (max-width: 123px)': { display: 'inline' },
+        },
       ]}
       onClick={(e: React.MouseEvent<HTMLButtonElement>) => e}
     >