Merge pull request #25779 from cjhoward92/fix-rebass

[@types/rebass] Include the Provider in exports and fix minor typing issues

types/rebass/index.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for Rebass 0.2.5
+// Type definitions for Rebass 0.2.6
 // Project: https://github.com/jxnblk/rebass
 // Definitions by: rhysd <https://rhysd.github.io>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -11,6 +11,7 @@ import * as React from "react";
 export interface BaseProps<C> extends React.Props<C> {
     tagName?: string;
     className?: string;
+    fontSize?: number | number[];
     baseStyle?: Object;
     style?: Object;
     m?: number;
@@ -505,7 +506,36 @@ type ToolbarClass = React.StatelessComponent<ToolbarProps>
 export declare const Toolbar: ToolbarClass;
 
 export interface TooltipProps extends BaseProps<TooltipClass> {
+    text?: string;
     title?: string;
 }
 type TooltipClass = React.StatelessComponent<TooltipProps>
 export declare const Tooltip: TooltipClass;
+
+export interface FontWeights {
+    normal?: number;
+    bold?: number;
+}
+
+export interface Fonts {
+    [0]?: string;
+    sans?: string;
+    mono?: string;
+}
+
+export interface Theme {
+    breakpoints?: string[];
+    space?: number[];
+    fontSizes?: number[];
+    fontWeights?: FontWeights;
+    fonts?: Fonts;
+    shadows?: string[];
+    radii?: number[];
+}
+
+export interface ProviderProps {
+    theme?: Theme;
+}
+
+type ProviderClass = React.StatelessComponent<ProviderProps>;
+export const Provider: ProviderClass;

types/rebass/rebass-tests.tsx

@@ -42,6 +42,7 @@ import {
   , PanelHeader
   , Pre
   , Progress
+  , Provider
   , Radio
   , Rating
   , Section
@@ -156,6 +157,12 @@ class RebassTest extends React.Component {
           <Text>
             Generic box for containing things
           </Text>
+          <Text fontSize={32}>
+            This is a large font
+          </Text>
+          <Text fontSize={[14, 18, 24]}>
+            A set of fonts!
+          </Text>
         </Media>
       </Block>
 
@@ -618,6 +625,9 @@ class RebassTest extends React.Component {
           Tooltip
         </Heading>
       </Tooltip>
+      <Tooltip text="Whoa There!" />
+
+      <Provider />
     </div>;
   }
 }