Export ThemeStyles

Author: hasparus

packages/css/src/types.ts

@@ -23,8 +23,7 @@ export type ResponsiveStyleValue<T> = T | Array<T | null>
 export interface CSSProperties
   extends CSS.StandardProperties<number | string>,
     CSS.SvgProperties<number | string>,
-    CSS.VendorProperties<number | string> 
-    {}
+    CSS.VendorProperties<number | string> {}
 
 /**
  * Map of all CSS pseudo selectors (`:hover`, `:focus`, ...)
@@ -538,7 +537,7 @@ interface ColorModesScale extends ColorMode {
   }
 }
 
-interface ThemeStyles {
+export interface ThemeStyles {
   tr?: ThemeUIStyleObject
   th?: ThemeUIStyleObject
   td?: ThemeUIStyleObject

packages/sidenav/src/index.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { jsx, ThemeProvider, SxStyleProp, Theme } from 'theme-ui'
+import { jsx, ThemeProvider, Theme, ThemeStyles } from 'theme-ui'
 import { MDXProvider, MDXProviderComponents } from '@mdx-js/react'
 import React, {
   useState,
@@ -79,7 +79,7 @@ export const Sidenav = forwardRef<
   {
     open?: boolean
     components?: MDXProviderComponents
-    styles?: Theme['styles']
+    styles?: ThemeStyles
     children: ReactNode
   }
 >(({ open, styles = {}, components = {}, ...props }, ref) => {

packages/theme-ui/src/index.ts

@@ -25,6 +25,7 @@ export {
   ThemeUICSSProperties,
   ThemeUIStyleObject,
   Theme,
+  ThemeStyles,
   TLengthStyledSystem,
   UseThemeFunction,
 } from '@theme-ui/css'