Merge pull request #917 from ivoreis/feat/typescript-sidenav

feat(sidenav): update sidenav to typescript

Author: hasparus

packages/css/src/types.ts

@@ -50,7 +50,7 @@ interface CSSOthersObjectForCSSObject {
 /**
  * Map all nested selectors
  */
-interface CSSSelectorObject {
+export interface CSSSelectorObject {
   [cssSelector: string]: SystemStyleObject
 }
 
@@ -411,7 +411,7 @@ interface OverwriteCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/border-radius
    */
   borderRadius?: CSS.BorderRadiusProperty<string | number>
-  
+
   /**
    * The **`z-index`** CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one.
    *
@@ -443,7 +443,7 @@ export type SystemCssProperties = {
     | SystemStyleObject
 }
 
-interface VariantProperty {
+export interface VariantProperty {
   /**
    * **`Variants`** can be useful for applying complex styles to a component based on a single prop.
    *

packages/sidenav/package.json

@@ -3,6 +3,8 @@
   "version": "0.4.0-alpha.1",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
   "license": "MIT",
   "scripts": {
     "prepare": "microbundle --no-compress",
@@ -16,7 +18,8 @@
     "@mdx-js/react": "^1.0.21",
     "deepmerge": "^4.0.0",
     "react": "^16.8.6",
-    "theme-ui": "^0.4.0-alpha.1"
+    "theme-ui": "^0.4.0-alpha.1",
+    "@types/mdx-js__react": "^1.5.1"
   },
   "keywords": [
     "theme-ui",