started work on docs

2026-03-13 09:50:09 +08:00 · 2018-01-04 22:45:55 +02:00
parent d41b523480
commit 83d5d50a3b
7 changed files with 261 additions and 28 deletions
--- a/.storybook/addons.js
+++ b/.storybook/addons.js
@@ -1 +1,2 @@
-import '@storybook/addon-actions/register';
+import '@storybook/addon-actions/register';
+import '@storybook/addon-options/register';
--- a/.storybook/webpack.config.js
+++ b/.storybook/webpack.config.js
@@ -7,6 +7,11 @@ module.exports = {
 				loaders: ["style-loader", "css-loader", "sass-loader"],
 				include: path.resolve(__dirname, '../')
 			},
+			{
+				test: /\.css/,
+				loaders: ["style-loader", "css-loader"],
+				include: path.resolve(__dirname, '../')
+			},
 			{
 				enforce: 'pre',
 				test: /\.js$/,
@@ -15,10 +20,14 @@ module.exports = {
 			{
 				test: /\.tsx?$/,
 				loader: 'awesome-typescript-loader',
+			},
+			{
+				test: /\.(woff|woff2|eot|ttf|otf|svg)$/,
+				loader: "file-loader"
 			}
 		]
 	},
 	resolve: {
 		extensions: [".tsx", ".ts", ".js"]
 	}
-};
+};
--- a/demos/demo-simple/docs.md
+++ b/demos/demo-simple/docs.md
@@ -0,0 +1,9 @@
+# Simple Usage
+
+Welcome to STORM React Diagrams (SRD). SRD is a no-nonsense easy to use library for creating
+flow diagrams in the web that can ultimately represent any type of process/network/graph etc..
+
+<!-- STORY -->
+
+Try moving around one of the nodes or clicking and dragging the links to create new link anchors (points).
+You can also zoom the canvas using the mouse wheel / scroll gesture and drag to select multiple entities on the graph by shift + dragging the mouse.
--- a/demos/demo.scss
+++ b/demos/demo.scss
@@ -1,7 +1,17 @@
@import "../src/sass";

+.docs-preview-wrapper{
+	background: rgb(60,60,60);
+	border-radius: 10px;
+	overflow: hidden;
+	padding: 10px;
+	margin-top: 20px;
+	margin-bottom: 20px;
+}
+
 .storm-diagrams-canvas{
-	height: 400px;
+	height: 100%;
+	min-height: 300px;
 	background-color: rgb(60,60,60);
 	$color: rgba(white, .05);
 	background-image:
--- a/demos/index.tsx
+++ b/demos/index.tsx
@@ -1,7 +1,11 @@
 import * as React from "react";
-import { storiesOf } from "@storybook/react";
-import { action } from "@storybook/addon-actions";
-import { Toolkit } from "../src/Toolkit";
+import {storiesOf} from "@storybook/react";
+import * as storybook from '@storybook/react';
+import {action} from "@storybook/addon-actions";
+import {setOptions} from '@storybook/addon-options';
+import {Toolkit} from "../src/Toolkit";
+import { host } from 'storybook-host';
+import { withReadme, withDocs }  from 'storybook-readme';

 import demo_simple from "./demo-simple/index";
 import demo_performance from "./demo-performance/index";
@@ -18,17 +22,35 @@ import demo_custom_link1 from "./demo-custom-link1/index";
 import demo_cloning from "./demo-cloning/index";
 import demo_dagre from "./demo-dagre/index";

-import { Helper } from "./Helper";
+import {Helper} from "./Helper";

-require("./test.scss");
+require("./demo.scss");

 // make tests deterministic
 Toolkit.TESTING_MODE = true;

+// Option defaults:
+setOptions({
+	name: 'STORM React Diagrams',
+	url: 'https://github.com/projectstorm/react-diagrams',
+	addonPanelInRight: true
+});
+
+const withCustomPreview = withDocs({
+	PreviewComponent: ({ children }) => {
+		return <div className="docs-preview-wrapper">{children}</div>
+	}
+})
+
 storiesOf("Simple Usage", module)
-	.add("Simple example", () => {
-		return demo_simple();
-	})
+	.add("Simple example", withCustomPreview(
+		require("./demo-simple/docs.md"),
+		() => demo_simple()
+	))
+	// .addDecorator(host({
+	// 	height: '100%',
+	// 	width: '100%'
+	// }))
 	.add("Performance demo", () => {
 		return demo_performance();
 	})
@@ -75,5 +97,6 @@ storiesOf("3rd party libraries", module)
 		return demo_dagre();
 	})

+
 // enable this to log mouse location when writing new puppeteer tests
 //Helper.logMousePosition()
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
 	},
 	"devDependencies": {
 		"@storybook/addon-actions": "^3.3.3",
-		"@storybook/addon-notes": "^3.3.3",
+		"@storybook/addon-options": "^3.3.3",
 		"@storybook/addon-storyshots": "^3.3.3",
 		"@storybook/addons": "^3.3.3",
 		"@storybook/react": "^3.3.3",
@@ -47,6 +47,7 @@
 		"awesome-typescript-loader": "^3.4.1",
 		"css-loader": "^0.28.7",
 		"dagre": "^0.8.1",
+		"file-loader": "^1.1.6",
 		"jest": "^22.0.4",
 		"jest-cli": "^22.0.4",
 		"node-sass": "^4.7.2",
@@ -57,6 +58,8 @@
 		"react-test-renderer": "^16.2.0",
 		"sass-loader": "^6.0.6",
 		"source-map-loader": "^0.2.3",
+		"storybook-host": "^4.1.5",
+		"storybook-readme": "^3.2.0",
 		"style-loader": "^0.19.1",
 		"tslint": "^5.8.0",
 		"typescript": "^2.6.2",
--- a/yarn.lock
+++ b/yarn.lock
@@ -21,6 +21,22 @@
    react-inspector "^2.2.2"
    uuid "^3.1.0"

+"@storybook/addon-knobs@^3.3.3":
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-knobs/-/addon-knobs-3.3.3.tgz#69935137fff7f8bca79586c2a23b2c0dc6fab896"
+  dependencies:
+    babel-runtime "^6.26.0"
+    deep-equal "^1.0.1"
+    global "^4.3.2"
+    insert-css "^2.0.0"
+    lodash.debounce "^4.0.8"
+    moment "^2.20.1"
+    prop-types "^15.6.0"
+    react-color "^2.11.4"
+    react-datetime "^2.11.1"
+    react-textarea-autosize "^5.2.1"
+    util-deprecate "^1.0.2"
+
 "@storybook/addon-links@^3.3.3":
  version "3.3.3"
  resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-3.3.3.tgz#b5fe29f3aa3d5fe812aa9d47240846bf4d040ad1"
@@ -29,15 +45,9 @@
    global "^4.3.2"
    prop-types "^15.5.10"

-"@storybook/addon-notes@^3.3.3":
+"@storybook/addon-options@^3.3.3":
  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-notes/-/addon-notes-3.3.3.tgz#1965f57c7fe5c2ee348a2e2b37edc03bc84fce1e"
-  dependencies:
-    babel-runtime "^6.26.0"
-    prop-types "^15.6.0"
-    util-deprecate "^1.0.2"
-  optionalDependencies:
-    "@types/react" "^16.0.20"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-options/-/addon-options-3.3.3.tgz#23617537e3e1ef6a4be278b097c32720603f5c5a"

 "@storybook/addon-storyshots@^3.3.3":
  version "3.3.3"
@@ -248,13 +258,27 @@
    "@types/events" "*"
    "@types/node" "*"

-"@types/react@^16.0.18", "@types/react@^16.0.20":
+"@types/radium@^0.18.22":
+  version "0.18.23"
+  resolved "https://registry.yarnpkg.com/@types/radium/-/radium-0.18.23.tgz#5be6cf8806b09bfba9421ad2c6f1d12c41e1acf0"
+  dependencies:
+    "@types/react" "*"
+
+"@types/ramda@0.25.12":
+  version "0.25.12"
+  resolved "https://registry.yarnpkg.com/@types/ramda/-/ramda-0.25.12.tgz#49f22f7611ae381473bc9b992776a1471e899a5a"
+
+"@types/react@*", "@types/react@^16.0.34":
+  version "16.0.34"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.34.tgz#7a8f795afd8a404a9c4af9539b24c75d3996914e"
+
+"@types/react@^16.0.18":
  version "16.0.31"
  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.31.tgz#5285da62f3ac62b797f6d0729a1d6181f3180c3e"

-"@types/react@^16.0.34":
-  version "16.0.34"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.34.tgz#7a8f795afd8a404a9c4af9539b24c75d3996914e"
+"@types/tinycolor2@^1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@types/tinycolor2/-/tinycolor2-1.4.0.tgz#77792ebbbe8a1c9b291cb949fafeb7de121c4c6a"

 abab@^1.0.3:
  version "1.0.4"
@@ -1949,6 +1973,14 @@ clean-css@4.1.x:
  dependencies:
    source-map "0.5.x"

+clipboard@^1.7.1:
+  version "1.7.1"
+  resolved "https://registry.yarnpkg.com/clipboard/-/clipboard-1.7.1.tgz#360d6d6946e99a7a1fef395e42ba92b5e9b5a16b"
+  dependencies:
+    good-listener "^1.2.2"
+    select "^1.1.2"
+    tiny-emitter "^2.0.0"
+
 cliui@^2.1.0:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/cliui/-/cliui-2.1.0.tgz#4b475760ff80264c762c3a1719032e91c7fea0d1"
@@ -2192,7 +2224,7 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
    safe-buffer "^5.0.1"
    sha.js "^2.4.8"

-create-react-class@^15.6.2:
+create-react-class@^15.5.2, create-react-class@^15.6.2:
  version "15.6.2"
  resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.2.tgz#cf1ed15f12aad7f14ef5f2dfe05e6c42f91ef02a"
  dependencies:
@@ -2293,6 +2325,12 @@ css-selector-tokenizer@^0.7.0:
    fastparse "^1.1.1"
    regexpu-core "^1.0.0"

+css-vendor@^0.3.8:
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/css-vendor/-/css-vendor-0.3.8.tgz#6421cfd3034ce664fe7673972fd0119fc28941fa"
+  dependencies:
+    is-in-browser "^1.0.2"
+
 css-what@2.1:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.0.tgz#9467d032c38cfaefb9f2d79501253062f87fa1bd"
@@ -2453,6 +2491,10 @@ delayed-stream@~1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"

+delegate@^3.1.2:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/delegate/-/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166"
+
 delegates@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
@@ -3370,6 +3412,12 @@ globule@^1.0.0:
    lodash "~4.17.4"
    minimatch "~3.0.2"

+good-listener@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/good-listener/-/good-listener-1.2.2.tgz#d53b30cdf9313dffb7dc9a0d477096aa6d145c50"
+  dependencies:
+    delegate "^3.1.2"
+
 graceful-fs@^4.1.11, graceful-fs@^4.1.2:
  version "4.1.11"
  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
@@ -3735,6 +3783,10 @@ inline-style-prefixer@^3.0.6:
    bowser "^1.7.3"
    css-in-js-utils "^2.0.0"

+insert-css@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/insert-css/-/insert-css-2.0.0.tgz#eb5d1097b7542f4c79ea3060d3aee07d053880f4"
+
 interpret@^1.0.0:
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.1.0.tgz#7ed1b1410c6a0e0f78cf95d3b8440c63f78b8614"
@@ -3889,6 +3941,10 @@ is-glob@^2.0.0, is-glob@^2.0.1:
  dependencies:
    is-extglob "^1.0.0"

+is-in-browser@^1.0.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/is-in-browser/-/is-in-browser-1.1.3.tgz#56ff4db683a078c6082eb95dad7dc62e1d04f835"
+
 is-my-json-valid@^2.12.4:
  version "2.17.1"
  resolved "https://registry.yarnpkg.com/is-my-json-valid/-/is-my-json-valid-2.17.1.tgz#3da98914a70a22f0a8563ef1511a246c6fc55471"
@@ -3942,6 +3998,10 @@ is-property@^1.0.0:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/is-property/-/is-property-1.0.2.tgz#57fe1c4e48474edd65b09911f26b1cd4095dda84"

+is-react-prop@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-react-prop/-/is-react-prop-1.0.0.tgz#b90040b44bde7c03e990c8d3046f87445577ee3f"
+
 is-regex@^1.0.4:
  version "1.0.4"
  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.0.4.tgz#5517489b547091b0930e095654ced25ee97e9491"
@@ -4631,7 +4691,7 @@ lodash.uniq@^4.5.0:
  version "4.5.0"
  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"

-lodash@4.x.x, lodash@^4.0.0, lodash@^4.11.1, lodash@^4.13.1, lodash@^4.14.0, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.2.1, lodash@~4.17.4:
+lodash@4.x.x, lodash@^4.0.0, lodash@^4.0.1, lodash@^4.11.1, lodash@^4.13.1, lodash@^4.14.0, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.2.1, lodash@~4.17.4:
  version "4.17.4"
  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"

@@ -4716,6 +4776,10 @@ matches-selector@0.0.1:
  version "0.0.1"
  resolved "https://registry.yarnpkg.com/matches-selector/-/matches-selector-0.0.1.tgz#1df5262243ae341c1a0804dd302048267ac713bb"

+material-colors@^1.2.1:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/material-colors/-/material-colors-1.2.5.tgz#5292593e6754cb1bcc2b98030e4e0d6a3afc9ea1"
+
 math-expression-evaluator@^1.2.14:
  version "1.2.17"
  resolved "https://registry.yarnpkg.com/math-expression-evaluator/-/math-expression-evaluator-1.2.17.tgz#de819fdbcd84dccd8fae59c6aeb79615b9d266ac"
@@ -4915,6 +4979,10 @@ mkdirp@0.5.0:
  dependencies:
    minimist "0.0.8"

+moment@^2.20.1:
+  version "2.20.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.20.1.tgz#d6eb1a46cbcc14a2b2f9434112c1ff8907f313fd"
+
 move-concurrently@^1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
@@ -5160,6 +5228,10 @@ oauth-sign@~0.8.1, oauth-sign@~0.8.2:
  version "0.8.2"
  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.8.2.tgz#46a6ab7f0aead8deae9ec0565780b7d4efeb9d43"

+object-assign@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-3.0.0.tgz#9bedd5ca0897949bca47e7ff408062d549f587f2"
+
 object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
  version "4.1.1"
  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
@@ -5793,6 +5865,12 @@ pretty-format@^22.0.3:
    ansi-regex "^3.0.0"
    ansi-styles "^3.2.0"

+prismjs@^1.9.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.9.0.tgz#fa3e2d9edc3c3887c1f1f3095d41f1f9b4200f0f"
+  optionalDependencies:
+    clipboard "^1.7.1"
+
 private@^0.1.6, private@^0.1.7, private@~0.1.5:
  version "0.1.8"
  resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
@@ -5831,7 +5909,7 @@ promise@^7.1.1:
  dependencies:
    asap "~2.0.3"

-prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.5.8, prop-types@^15.5.9, prop-types@^15.6.0:
+prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.5.7, prop-types@^15.5.8, prop-types@^15.5.9, prop-types@^15.6.0:
  version "15.6.0"
  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.0.tgz#ceaf083022fc46b4a35f69e13ef75aed0d639856"
  dependencies:
@@ -5943,7 +6021,7 @@ querystring@0.2.0, querystring@^0.2.0:
  version "0.2.0"
  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"

-radium@^0.19.0:
+radium@^0.19.0, radium@^0.19.4:
  version "0.19.6"
  resolved "https://registry.yarnpkg.com/radium/-/radium-0.19.6.tgz#b86721d08dbd303b061a4ae2ebb06cc6e335ae72"
  dependencies:
@@ -5958,6 +6036,10 @@ raf@^3.4.0:
  dependencies:
    performance-now "^2.1.0"

+ramda@^0.24.1:
+  version "0.24.1"
+  resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.24.1.tgz#c3b7755197f35b8dc3502228262c4c91ddb6b857"
+
 randomatic@^1.1.3:
  version "1.1.7"
  resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-1.1.7.tgz#c7abe9cc8b87c0baa876b19fde83fd464797e38c"
@@ -6000,6 +6082,25 @@ rc@^1.1.7:
    minimist "^1.2.0"
    strip-json-comments "~2.0.1"

+react-color@^2.11.4:
+  version "2.13.8"
+  resolved "https://registry.yarnpkg.com/react-color/-/react-color-2.13.8.tgz#bcc58f79a722b9bfc37c402e68cd18f26970aee4"
+  dependencies:
+    lodash "^4.0.1"
+    material-colors "^1.2.1"
+    prop-types "^15.5.10"
+    reactcss "^1.2.0"
+    tinycolor2 "^1.4.1"
+
+react-datetime@^2.11.1:
+  version "2.11.1"
+  resolved "https://registry.yarnpkg.com/react-datetime/-/react-datetime-2.11.1.tgz#11d15081dd7d6729284e21c1b8ea7b975e3bdc7e"
+  dependencies:
+    create-react-class "^15.5.2"
+    object-assign "^3.0.0"
+    prop-types "^15.5.7"
+    react-onclickoutside "^6.5.0"
+
 react-docgen@^2.15.0:
  version "2.20.0"
  resolved "https://registry.yarnpkg.com/react-docgen/-/react-docgen-2.20.0.tgz#41a6da483a34a4aaed041a9909f5e61864d681cb"
@@ -6061,6 +6162,10 @@ react-modal@^3.1.10:
    prop-types "^15.5.10"
    warning "^3.0.0"

+react-onclickoutside@^6.5.0:
+  version "6.7.0"
+  resolved "https://registry.yarnpkg.com/react-onclickoutside/-/react-onclickoutside-6.7.0.tgz#997a4d533114c9a0a104913638aa26afc084f75c"
+
 react-split-pane@^0.1.74:
  version "0.1.74"
  resolved "https://registry.yarnpkg.com/react-split-pane/-/react-split-pane-0.1.74.tgz#cf79fc98b51ab0763fdc778749b810a102b036ca"
@@ -6085,6 +6190,12 @@ react-test-renderer@^16.2.0:
    object-assign "^4.1.1"
    prop-types "^15.6.0"

+react-textarea-autosize@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/react-textarea-autosize/-/react-textarea-autosize-5.2.1.tgz#2b78f9067180f41b08ac59f78f1581abadd61e54"
+  dependencies:
+    prop-types "^15.6.0"
+
 react-transition-group@^1.1.2:
  version "1.2.1"
  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-1.2.1.tgz#e11f72b257f921b213229a774df46612346c7ca6"
@@ -6115,6 +6226,12 @@ react@^16.2.0:
    object-assign "^4.1.1"
    prop-types "^15.6.0"

+reactcss@^1.2.0:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/reactcss/-/reactcss-1.2.3.tgz#c00013875e557b1cf0dfd9a368a1c3dab3b548dd"
+  dependencies:
+    lodash "^4.0.1"
+
 read-pkg-up@^1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02"
@@ -6475,6 +6592,30 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
    hash-base "^2.0.0"
    inherits "^2.0.1"

+rockey-css-parse@^0.0.16-alpha.256b890c:
+  version "0.0.16-alpha.256b890c"
+  resolved "https://registry.yarnpkg.com/rockey-css-parse/-/rockey-css-parse-0.0.16-alpha.256b890c.tgz#2d67f7c889a7cde5099a70f5bd6039ca8c3837f7"
+  dependencies:
+    lodash "^4.17.4"
+
+rockey-react@=0.0.16-alpha.256b890c:
+  version "0.0.16-alpha.256b890c"
+  resolved "https://registry.yarnpkg.com/rockey-react/-/rockey-react-0.0.16-alpha.256b890c.tgz#d4f0f5252290218d608b4fc7d16890dd54d5940a"
+  dependencies:
+    classnames "^2.2.5"
+    is-react-prop "^1.0.0"
+    lodash "^4.17.4"
+    rockey "^0.0.16-alpha.256b890c"
+
+rockey@^0.0.16-alpha.256b890c:
+  version "0.0.16-alpha.256b890c"
+  resolved "https://registry.yarnpkg.com/rockey/-/rockey-0.0.16-alpha.256b890c.tgz#989e4dc1841870c1f6c00ba1a09a2d384f71e5eb"
+  dependencies:
+    classnames "^2.2.5"
+    css-vendor "^0.3.8"
+    lodash "^4.17.4"
+    rockey-css-parse "^0.0.16-alpha.256b890c"
+
 run-queue@^1.0.0, run-queue@^1.0.3:
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
@@ -6535,6 +6676,10 @@ scss-tokenizer@^0.2.3:
    js-base64 "^2.1.8"
    source-map "^0.4.2"

+select@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/select/-/select-1.1.2.tgz#0e7350acdec80b1108528786ec1d4418d11b396d"
+
 "semver@2 || 3 || 4 || 5", semver@^5.3.0:
  version "5.4.1"
  resolved "https://registry.yarnpkg.com/semver/-/semver-5.4.1.tgz#e059c09d8571f0540823733433505d3a2f00b18e"
@@ -6850,6 +6995,27 @@ stealthy-require@^1.1.0:
  version "1.1.1"
  resolved "https://registry.yarnpkg.com/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"

+storybook-host@^4.1.5:
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/storybook-host/-/storybook-host-4.1.5.tgz#d0e71eeba05744a4a72c9c53a0cab3d9efca9a88"
+  dependencies:
+    "@storybook/addon-knobs" "^3.3.3"
+    "@types/radium" "^0.18.22"
+    "@types/ramda" "0.25.12"
+    "@types/tinycolor2" "^1.4.0"
+    radium "^0.19.4"
+    ramda "^0.24.1"
+    tinycolor2 "^1.4.1"
+
+storybook-readme@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/storybook-readme/-/storybook-readme-3.2.0.tgz#cc2b69b14b768aeb0b8b471f0cab9a62c8b86db4"
+  dependencies:
+    lodash "^4.17.4"
+    prismjs "^1.9.0"
+    rockey-react "=0.0.16-alpha.256b890c"
+    string-raw "^1.0.1"
+
 stream-browserify@^2.0.1:
  version "2.0.1"
  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.1.tgz#66266ee5f9bdb9940a4e4514cafb43bb71e5c9db"
@@ -6889,6 +7055,10 @@ string-length@^2.0.0:
    astral-regex "^1.0.0"
    strip-ansi "^4.0.0"

+string-raw@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/string-raw/-/string-raw-1.0.1.tgz#01be2665a1cfa2c57520c910698f6ca276a4c726"
+
 string-width@^1.0.1, string-width@^1.0.2:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
@@ -7077,6 +7247,14 @@ timers-browserify@^2.0.4:
  dependencies:
    setimmediate "^1.0.4"

+tiny-emitter@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/tiny-emitter/-/tiny-emitter-2.0.2.tgz#82d27468aca5ade8e5fd1e6d22b57dd43ebdfb7c"
+
+tinycolor2@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/tinycolor2/-/tinycolor2-1.4.1.tgz#f4fad333447bc0b07d4dc8e9209d8f39a8ac77e8"
+
 tmpl@1.0.x:
  version "1.0.4"
  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"