Add typings for EuiToolTip and EuiIconTip

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Added typings for `EuiToolTip` and `EuiIconTip` ([#1087](https://github.com/elastic/eui/pull/1087))
 - Added `spacesApp` logo to `EuiIcon` set ([#1065](https://github.com/elastic/eui/pull/1065))
 - Added `!default` to border SASS props ([#1079](https://github.com/elastic/eui/pull/1079))
 

src-docs/src/views/tool_tip/tool_tip_example.js

@@ -44,7 +44,7 @@ export const ToolTipExample = {
         The <EuiCode>position</EuiCode> prop will take a suggested position, but will
         change it if the tool tip gets too close to the edge of the screen. You can use
         the <EuiCode>clickOnly</EuiCode> prop to tell the too tip to only appear on click
-        wrather than on hover.
+        rather than on hover.
       </EuiText>
 
       <EuiSpacer size="l" />

src/components/index.d.ts

@@ -26,3 +26,4 @@
 /// <reference path="./call_out/index.d.ts" />
 /// <reference path="./badge/index.d.ts" />
 /// <reference path="./toast/index.d.ts" />
+/// <reference path="./tool_tip/index.d.ts" />

src/components/tool_tip/index.d.ts

@@ -0,0 +1,27 @@
+import { ReactElement, ReactNode, SFC } from 'react';
+
+declare module '@elastic/eui' {
+  export type ToolTipPositions = 
+    | 'top'
+    | 'right'
+    | 'bottom'
+    | 'left';
+
+  export interface EuiToolTipProps {
+    children: ReactElement<any>;
+    className?: string;
+    content: ReactNode;
+    title?: ReactNode;
+    id?: string;
+    position?: ToolTipPositions;
+  }
+  export const EuiToolTip: SFC<EuiToolTipProps>;
+
+  export interface EuiIconTipProps {
+    color?: string;
+    type?: string;
+    size?: string;
+    'aria-label'?: string;
+  }
+  export const EuiIconTip: SFC<EuiIconTipProps>;
+}