From 35364c873b2dd20411d6552e621e6d1486e0210a Mon Sep 17 00:00:00 2001
From: Max Einstein <max@datascience.com>
Date: Sat, 24 Jun 2017 01:03:01 -0700
Subject: [PATCH] updated readme

---
 README.md                        | 27 ++++++++++++++++++++++++---
 package.json                     |  4 ++--
 src/TooltipContainer/styles.scss | 11 +++++------
 3 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index 15de1dd..2878973 100644
--- a/README.md
+++ b/README.md
@@ -26,7 +26,28 @@ const MyComponent = () => (
 
 Wrap any element with a Tooltip and it will automatically position itself to either the top, right, bottom, or left based on where in the viewport its child element is rendered.
 
-## Types
+## TooltipContainer
 
-- `info`: (*default*) A standard tooltip with a small caret.
-- `dialog`: A sleek, caret-less tooltip with a white background & slight box shadow.
+#### Props
+|   name         |     default    |    description                                                    |
+|----------------|----------------|-------------------------------------------------------------------|
+| padding        |        16px    | Minimum padding between edge of viewport and tooltip              |
+| offset         |        8px     | Offset between the tooltip and the tooltip's child                |
+| caretSize      |        5px     | Size of the tooltip's caret                                       |
+
+## Tooltip
+
+#### Type (prop)
+
+|   name         |     default    |    description                                                    |
+|----------------|----------------|-------------------------------------------------------------------|
+| info           |       ✘        | A standard tooltip with a small caret                             |
+| dialog         |                | A caret-less tooltip with a white background                      |
+
+#### Other props
+
+|   name         |     default    |    description                                                    |
+|----------------|----------------|-------------------------------------------------------------------|
+| text           |        ""      | The text to render inside the tooltip                             |
+| style          |        {}      | Pass any positioning style, etc here                              |
+| tooltipStyles  |        {}      | Change aspects of the tooltip's style                             |
diff --git a/package.json b/package.json
index 2df1a65..0f1d2b0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-autotip",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "A variety of simple auto-positioning tooltips",
   "main": "index.js",
   "module": "lib/index.js",
@@ -62,7 +62,7 @@
     "testRegex": "(/src/.*test\\.js)$",
     "moduleNameMapper": {
       "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/config/__mocks__/fileMock.js",
-      "\\.(css|less)$": "<rootDir>/config/__mocks__/styleMock.js"
+      "\\.(css|scss)$": "<rootDir>/config/__mocks__/styleMock.js"
     },
     "modulePaths": [
       "<rootDir>/src"
diff --git a/src/TooltipContainer/styles.scss b/src/TooltipContainer/styles.scss
index 62dc631..c4cdffa 100644
--- a/src/TooltipContainer/styles.scss
+++ b/src/TooltipContainer/styles.scss
@@ -1,4 +1,4 @@
-// VARIABLES
+// variables
 $duration: 600ms;
 $offset: 4px;
 
@@ -6,8 +6,7 @@ $offset: 4px;
   opacity: 0;
 }
 
-
-// TOP //
+// pos = TOP //
 .react-autotip-active-top {
   animation-name: react-autotip-top-kf;
   animation-duration: $duration;
@@ -31,7 +30,7 @@ $offset: 4px;
 // ------------------------ //
 
 
-// BOTTOM //
+// pos = BOTTOM //
 .react-autotip-active-bottom {
   animation-name: react-autotip-bottom-kf;
   animation-duration: $duration;
@@ -55,7 +54,7 @@ $offset: 4px;
 // ------------------------ //
 
 
-// LEFT //
+// pos = LEFT //
 .react-autotip-active-left {
   animation-name: react-autotip-left-kf;
   animation-duration: $duration;
@@ -79,7 +78,7 @@ $offset: 4px;
 // ------------------------ //
 
 
-// RIGHT //
+// pos = RIGHT //
 .react-autotip-active-right {
   animation-name: react-autotip-right-kf;
   animation-duration: $duration;