diff --git a/.travis.yml b/.travis.yml
index db9acbf2d2174b..79e95cb4e18541 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -203,8 +203,7 @@ jobs:
       install:
         - npm ci
       before_deploy:
-        - npm run playground:build -- --public-url '/gutenberg'
-        - npm run design-system:build
+        - npm run storybook:build
       deploy:
         provider: pages
         skip_cleanup: true
diff --git a/docs/contributors/getting-started.md b/docs/contributors/getting-started.md
index 79e255b5c28a48..4ae794c0eedaa4 100644
--- a/docs/contributors/getting-started.md
+++ b/docs/contributors/getting-started.md
@@ -61,10 +61,14 @@ You can also type `npm run package-plugin` which will run the two commands above
 [npm]: https://www.npmjs.com/
 [nvm]: https://github.com/creationix/nvm
 
-## Playground
+## Storybook
 
-The Gutenberg repository also includes a static Gutenberg playground that allows testing and developing in a WordPress-agnostic context. This is very helpful for developing reusable components and trying generic JavaScript modules without any backend dependency.
+> Storybook is an open source tool for developing UI components in isolation for React, React Native and more. It makes building stunning UIs organized and efficient.
 
-You can launch the playground by running `npm run playground:dev` locally. The playground should be available on [http://localhost:1234](http://localhost:1234).
+The Gutenberg repository also includes [Storybook] integration that allows testing and developing in a WordPress-agnostic context. This is very helpful for developing reusable components and trying generic JavaScript modules without any backend dependency.
 
-You can also test the playground version of the current master branch on GitHub Pages: [https://wordpress.github.io/gutenberg/](https://wordpress.github.io/gutenberg/)
+You can launch Storybook by running `npm run storybook:dev` locally. It will open in your browser automatically.
+
+You can also test Storybook for the current `master` branch on GitHub Pages: [https://wordpress.github.io/gutenberg/](https://wordpress.github.io/gutenberg/)
+
+[Storybook]: https://storybook.js.org/
diff --git a/package-lock.json b/package-lock.json
index 48b0c3cb79b447..8424989e170c8c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2226,12 +2226,6 @@
 				}
 			}
 		},
-		"@iarna/toml": {
-			"version": "2.2.3",
-			"resolved": "https://registry.npmjs.org/@iarna/toml/-/toml-2.2.3.tgz",
-			"integrity": "sha512-FmuxfCuolpLl0AnQ2NHSzoUKWEJDFl63qXjzdoWBVyFCXzMGm1spBzk7LeHNoVCiWCF7mRVms9e6jEV9+MoPbg==",
-			"dev": true
-		},
 		"@icons/material": {
 			"version": "0.2.4",
 			"resolved": "https://registry.npmjs.org/@icons/material/-/material-0.2.4.tgz",
@@ -4885,78 +4879,6 @@
 				"url-template": "^2.0.8"
 			}
 		},
-		"@parcel/fs": {
-			"version": "1.11.0",
-			"resolved": "https://registry.npmjs.org/@parcel/fs/-/fs-1.11.0.tgz",
-			"integrity": "sha512-86RyEqULbbVoeo8OLcv+LQ1Vq2PKBAvWTU9fCgALxuCTbbs5Ppcvll4Vr+Ko1AnmMzja/k++SzNAwJfeQXVlpA==",
-			"dev": true,
-			"requires": {
-				"@parcel/utils": "^1.11.0",
-				"mkdirp": "^0.5.1",
-				"rimraf": "^2.6.2"
-			}
-		},
-		"@parcel/logger": {
-			"version": "1.11.1",
-			"resolved": "https://registry.npmjs.org/@parcel/logger/-/logger-1.11.1.tgz",
-			"integrity": "sha512-9NF3M6UVeP2udOBDILuoEHd8VrF4vQqoWHEafymO1pfSoOMfxrSJZw1MfyAAIUN/IFp9qjcpDCUbDZB+ioVevA==",
-			"dev": true,
-			"requires": {
-				"@parcel/workers": "^1.11.0",
-				"chalk": "^2.1.0",
-				"grapheme-breaker": "^0.3.2",
-				"ora": "^2.1.0",
-				"strip-ansi": "^4.0.0"
-			},
-			"dependencies": {
-				"cli-spinners": {
-					"version": "1.3.1",
-					"resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-1.3.1.tgz",
-					"integrity": "sha512-1QL4544moEsDVH9T/l6Cemov/37iv1RtoKf7NJ04A60+4MREXNfx/QvavbH6QoGdsD4N4Mwy49cmaINR/o2mdg==",
-					"dev": true
-				},
-				"ora": {
-					"version": "2.1.0",
-					"resolved": "https://registry.npmjs.org/ora/-/ora-2.1.0.tgz",
-					"integrity": "sha512-hNNlAd3gfv/iPmsNxYoAPLvxg7HuPozww7fFonMZvL84tP6Ox5igfk5j/+a9rtJJwqMgKK+JgWsAQik5o0HTLA==",
-					"dev": true,
-					"requires": {
-						"chalk": "^2.3.1",
-						"cli-cursor": "^2.1.0",
-						"cli-spinners": "^1.1.0",
-						"log-symbols": "^2.2.0",
-						"strip-ansi": "^4.0.0",
-						"wcwidth": "^1.0.1"
-					}
-				}
-			}
-		},
-		"@parcel/utils": {
-			"version": "1.11.0",
-			"resolved": "https://registry.npmjs.org/@parcel/utils/-/utils-1.11.0.tgz",
-			"integrity": "sha512-cA3p4jTlaMeOtAKR/6AadanOPvKeg8VwgnHhOyfi0yClD0TZS/hi9xu12w4EzA/8NtHu0g6o4RDfcNjqN8l1AQ==",
-			"dev": true
-		},
-		"@parcel/watcher": {
-			"version": "1.12.1",
-			"resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-1.12.1.tgz",
-			"integrity": "sha512-od+uCtCxC/KoNQAIE1vWx1YTyKYY+7CTrxBJPRh3cDWw/C0tCtlBMVlrbplscGoEpt6B27KhJDCv82PBxOERNA==",
-			"dev": true,
-			"requires": {
-				"@parcel/utils": "^1.11.0",
-				"chokidar": "^2.1.5"
-			}
-		},
-		"@parcel/workers": {
-			"version": "1.11.0",
-			"resolved": "https://registry.npmjs.org/@parcel/workers/-/workers-1.11.0.tgz",
-			"integrity": "sha512-USSjRAAQYsZFlv43FUPdD+jEGML5/8oLF0rUzPQTtK4q9kvaXr49F5ZplyLz5lox78cLZ0TxN2bIDQ1xhOkulQ==",
-			"dev": true,
-			"requires": {
-				"@parcel/utils": "^1.11.0",
-				"physical-cpu-count": "^2.0.0"
-			}
-		},
 		"@reach/router": {
 			"version": "1.2.1",
 			"resolved": "https://registry.npmjs.org/@reach/router/-/router-1.2.1.tgz",
@@ -6140,6 +6062,16 @@
 					"integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=",
 					"dev": true
 				},
+				"style-loader": {
+					"version": "0.23.1",
+					"resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.23.1.tgz",
+					"integrity": "sha512-XK+uv9kWwhZMZ1y7mysB+zoihsEj4wneFWAS5qoiLwzW0WzSqMrrsIy+a3zkQJq0ipFtBpX5W3MqyRIBF/WFGg==",
+					"dev": true,
+					"requires": {
+						"loader-utils": "^1.1.0",
+						"schema-utils": "^1.0.0"
+					}
+				},
 				"type-is": {
 					"version": "1.6.18",
 					"resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -8302,23 +8234,6 @@
 				"color-convert": "^1.9.0"
 			}
 		},
-		"ansi-to-html": {
-			"version": "0.6.12",
-			"resolved": "https://registry.npmjs.org/ansi-to-html/-/ansi-to-html-0.6.12.tgz",
-			"integrity": "sha512-qBkIqLW979675mP76yB7yVkzeAWtATegdnDQ0RA3CZzknx0yUlNxMSML4xFdBfTs2GWYFQ1FELfbGbVSPzJ+LA==",
-			"dev": true,
-			"requires": {
-				"entities": "^1.1.2"
-			},
-			"dependencies": {
-				"entities": {
-					"version": "1.1.2",
-					"resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
-					"integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
-					"dev": true
-				}
-			}
-		},
 		"ansi-wrap": {
 			"version": "0.1.0",
 			"resolved": "https://registry.npmjs.org/ansi-wrap/-/ansi-wrap-0.1.0.tgz",
@@ -10277,37 +10192,6 @@
 				}
 			}
 		},
-		"babel-types": {
-			"version": "6.26.0",
-			"resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz",
-			"integrity": "sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=",
-			"dev": true,
-			"requires": {
-				"babel-runtime": "^6.26.0",
-				"esutils": "^2.0.2",
-				"lodash": "^4.17.4",
-				"to-fast-properties": "^1.0.3"
-			},
-			"dependencies": {
-				"to-fast-properties": {
-					"version": "1.0.3",
-					"resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz",
-					"integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=",
-					"dev": true
-				}
-			}
-		},
-		"babylon-walk": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/babylon-walk/-/babylon-walk-1.0.2.tgz",
-			"integrity": "sha1-OxWl3btIKni0zpwByLoYFwLZ1s4=",
-			"dev": true,
-			"requires": {
-				"babel-runtime": "^6.11.6",
-				"babel-types": "^6.15.0",
-				"lodash.clone": "^4.5.0"
-			}
-		},
 		"bail": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/bail/-/bail-1.0.3.tgz",
@@ -10462,12 +10346,6 @@
 			"integrity": "sha512-EgmjVLMn22z7eGGv3kcnHwSnJXmFHjISTY9E/S5lIcTD3Oxw05QTcBLNkJFzcb3cNueUdF/IN4U+d78V0zO8Hw==",
 			"dev": true
 		},
-		"bindings": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/bindings/-/bindings-1.2.1.tgz",
-			"integrity": "sha1-FK1hE4EtLTfXLme0ystLtyZQXxE=",
-			"dev": true
-		},
 		"bl": {
 			"version": "1.2.2",
 			"resolved": "https://registry.npmjs.org/bl/-/bl-1.2.2.tgz",
@@ -10714,18 +10592,6 @@
 			"resolved": "https://registry.npmjs.org/brcast/-/brcast-2.0.2.tgz",
 			"integrity": "sha512-Tfn5JSE7hrUlFcOoaLzVvkbgIemIorMIyoMr3TgvszWW7jFt2C9PdeMLtysYD9RU0MmU17b69+XJG1eRY2OBRg=="
 		},
-		"brfs": {
-			"version": "1.6.1",
-			"resolved": "https://registry.npmjs.org/brfs/-/brfs-1.6.1.tgz",
-			"integrity": "sha512-OfZpABRQQf+Xsmju8XE9bDjs+uU4vLREGolP7bDgcpsI17QREyZ4Bl+2KLxxx1kCgA0fAIhKQBaBYh+PEcCqYQ==",
-			"dev": true,
-			"requires": {
-				"quote-stream": "^1.0.1",
-				"resolve": "^1.1.5",
-				"static-module": "^2.2.0",
-				"through2": "^2.0.0"
-			}
-		},
 		"brorand": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
@@ -10902,12 +10768,6 @@
 			"integrity": "sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=",
 			"dev": true
 		},
-		"buffer-equal": {
-			"version": "0.0.1",
-			"resolved": "https://registry.npmjs.org/buffer-equal/-/buffer-equal-0.0.1.tgz",
-			"integrity": "sha1-kbx0sR6kBbyRa8aqkI+q+ltKrEs=",
-			"dev": true
-		},
 		"buffer-fill": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/buffer-fill/-/buffer-fill-1.0.0.tgz",
@@ -12804,9 +12664,9 @@
 					"dev": true
 				},
 				"postcss": {
-					"version": "7.0.18",
-					"resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.18.tgz",
-					"integrity": "sha512-/7g1QXXgegpF+9GJj4iN7ChGF40sYuGYJ8WZu8DZWnmhQ/G36hfdk3q9LBJmoK+lZ+yzZ5KYpOoxq7LF1BxE8g==",
+					"version": "7.0.21",
+					"resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.21.tgz",
+					"integrity": "sha512-uIFtJElxJo29QC753JzhidoAhvp/e/Exezkdhfmt8AymWT6/5B7W1WmponYWkHk2eg6sONyTch0A3nkMPun3SQ==",
 					"dev": true,
 					"requires": {
 						"chalk": "^2.4.2",
@@ -12888,90 +12748,6 @@
 				}
 			}
 		},
-		"css-modules-loader-core": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/css-modules-loader-core/-/css-modules-loader-core-1.1.0.tgz",
-			"integrity": "sha1-WQhmgpShvs0mGuCkziGwtVHyHRY=",
-			"dev": true,
-			"requires": {
-				"icss-replace-symbols": "1.1.0",
-				"postcss": "6.0.1",
-				"postcss-modules-extract-imports": "1.1.0",
-				"postcss-modules-local-by-default": "1.2.0",
-				"postcss-modules-scope": "1.1.0",
-				"postcss-modules-values": "1.3.0"
-			},
-			"dependencies": {
-				"ansi-regex": {
-					"version": "2.1.1",
-					"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-					"integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
-					"dev": true
-				},
-				"ansi-styles": {
-					"version": "2.2.1",
-					"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
-					"integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
-					"dev": true
-				},
-				"chalk": {
-					"version": "1.1.3",
-					"resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
-					"integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
-					"dev": true,
-					"requires": {
-						"ansi-styles": "^2.2.1",
-						"escape-string-regexp": "^1.0.2",
-						"has-ansi": "^2.0.0",
-						"strip-ansi": "^3.0.0",
-						"supports-color": "^2.0.0"
-					},
-					"dependencies": {
-						"supports-color": {
-							"version": "2.0.0",
-							"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
-							"integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
-							"dev": true
-						}
-					}
-				},
-				"has-flag": {
-					"version": "1.0.0",
-					"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz",
-					"integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=",
-					"dev": true
-				},
-				"postcss": {
-					"version": "6.0.1",
-					"resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.1.tgz",
-					"integrity": "sha1-AA29H47vIXqjaLmiEsX8QLKo8/I=",
-					"dev": true,
-					"requires": {
-						"chalk": "^1.1.3",
-						"source-map": "^0.5.6",
-						"supports-color": "^3.2.3"
-					}
-				},
-				"strip-ansi": {
-					"version": "3.0.1",
-					"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-					"integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
-					"dev": true,
-					"requires": {
-						"ansi-regex": "^2.0.0"
-					}
-				},
-				"supports-color": {
-					"version": "3.2.3",
-					"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
-					"integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=",
-					"dev": true,
-					"requires": {
-						"has-flag": "^1.0.0"
-					}
-				}
-			}
-		},
 		"css-select": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
@@ -12990,57 +12766,6 @@
 			"integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==",
 			"dev": true
 		},
-		"css-selector-tokenizer": {
-			"version": "0.7.1",
-			"resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.1.tgz",
-			"integrity": "sha512-xYL0AMZJ4gFzJQsHUKa5jiWWi2vH77WVNg7JYRyewwj6oPh4yb/y6Y9ZCw9dsj/9UauMhtuxR+ogQd//EdEVNA==",
-			"dev": true,
-			"requires": {
-				"cssesc": "^0.1.0",
-				"fastparse": "^1.1.1",
-				"regexpu-core": "^1.0.0"
-			},
-			"dependencies": {
-				"cssesc": {
-					"version": "0.1.0",
-					"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-0.1.0.tgz",
-					"integrity": "sha1-yBSQPkViM3GgR3tAEJqq++6t27Q=",
-					"dev": true
-				},
-				"jsesc": {
-					"version": "0.5.0",
-					"resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
-					"integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
-					"dev": true
-				},
-				"regexpu-core": {
-					"version": "1.0.0",
-					"resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-1.0.0.tgz",
-					"integrity": "sha1-hqdj9Y7k18L2sQLkdkBQ3n7ZDGs=",
-					"dev": true,
-					"requires": {
-						"regenerate": "^1.2.1",
-						"regjsgen": "^0.2.0",
-						"regjsparser": "^0.1.4"
-					}
-				},
-				"regjsgen": {
-					"version": "0.2.0",
-					"resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
-					"integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=",
-					"dev": true
-				},
-				"regjsparser": {
-					"version": "0.1.5",
-					"resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz",
-					"integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=",
-					"dev": true,
-					"requires": {
-						"jsesc": "~0.5.0"
-					}
-				}
-			}
-		},
 		"css-tree": {
 			"version": "1.0.0-alpha.28",
 			"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.28.tgz",
@@ -13179,15 +12904,6 @@
 			"integrity": "sha512-+7prCSORpXNeR4/fUP3rL+TzqtiFfhMvTd7uEqMdgPvLPt4+uzFUeufx5RHjGTACCargg/DiEt/moMQmvnfkog==",
 			"dev": true
 		},
-		"cssstyle": {
-			"version": "1.4.0",
-			"resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-1.4.0.tgz",
-			"integrity": "sha512-GBrLZYZ4X4x6/QEoBnIrqb8B/f5l4+8me2dkom/j1Gtbxy0kBv6OGzKuAsGM75bkGwGAFkt56Iwg28S3XTZgSA==",
-			"dev": true,
-			"requires": {
-				"cssom": "0.3.x"
-			}
-		},
 		"csstype": {
 			"version": "2.6.7",
 			"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.7.tgz",
@@ -13272,16 +12988,6 @@
 			"integrity": "sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==",
 			"dev": true
 		},
-		"deasync": {
-			"version": "0.1.15",
-			"resolved": "https://registry.npmjs.org/deasync/-/deasync-0.1.15.tgz",
-			"integrity": "sha512-pxMaCYu8cQIbGkA4Y1R0PLSooPIpH1WgFBLeJ+zLxQgHfkZG86ViJSmZmONSjZJ/R3NjwkMcIWZAzpLB2G9/CA==",
-			"dev": true,
-			"requires": {
-				"bindings": "~1.2.1",
-				"node-addon-api": "^1.6.0"
-			}
-		},
 		"debug": {
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
@@ -13933,12 +13639,6 @@
 				"is-obj": "^1.0.0"
 			}
 		},
-		"dotenv": {
-			"version": "5.0.1",
-			"resolved": "https://registry.npmjs.org/dotenv/-/dotenv-5.0.1.tgz",
-			"integrity": "sha512-4As8uPrjfwb7VXC+WnLCbXK7y+Ueb2B3zgNCePYfhxS1PYeaO1YTeplffTEcbfLhvFNGLAz90VvJs9yomG7bow==",
-			"dev": true
-		},
 		"dotenv-defaults": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/dotenv-defaults/-/dotenv-defaults-1.0.2.tgz",
@@ -13956,12 +13656,6 @@
 				}
 			}
 		},
-		"dotenv-expand": {
-			"version": "5.1.0",
-			"resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-5.1.0.tgz",
-			"integrity": "sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==",
-			"dev": true
-		},
 		"dotenv-webpack": {
 			"version": "1.7.0",
 			"resolved": "https://registry.npmjs.org/dotenv-webpack/-/dotenv-webpack-1.7.0.tgz",
@@ -13977,15 +13671,6 @@
 			"integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
 			"dev": true
 		},
-		"duplexer2": {
-			"version": "0.1.4",
-			"resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.1.4.tgz",
-			"integrity": "sha1-ixLauHjA1p4+eJEFFmKjL8a93ME=",
-			"dev": true,
-			"requires": {
-				"readable-stream": "^2.0.2"
-			}
-		},
 		"duplexify": {
 			"version": "3.6.0",
 			"resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.6.0.tgz",
@@ -15510,26 +15195,6 @@
 			"integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
 			"dev": true
 		},
-		"falafel": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/falafel/-/falafel-2.1.0.tgz",
-			"integrity": "sha1-lrsXdh2rqU9G0AFzizzt86Z/4Gw=",
-			"dev": true,
-			"requires": {
-				"acorn": "^5.0.0",
-				"foreach": "^2.0.5",
-				"isarray": "0.0.1",
-				"object-keys": "^1.0.6"
-			},
-			"dependencies": {
-				"isarray": {
-					"version": "0.0.1",
-					"resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
-					"integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
-					"dev": true
-				}
-			}
-		},
 		"fancy-log": {
 			"version": "1.3.3",
 			"resolved": "https://registry.npmjs.org/fancy-log/-/fancy-log-1.3.3.tgz",
@@ -15584,12 +15249,6 @@
 			"resolved": "https://registry.npmjs.org/fast-memoize/-/fast-memoize-2.5.1.tgz",
 			"integrity": "sha512-xdmw296PCL01tMOXx9mdJSmWY29jQgxyuZdq0rEHMu+Tpe1eOEtCycoG6chzlcrWsNgpZP7oL8RiQr7+G6Bl6g=="
 		},
-		"fastparse": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
-			"integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==",
-			"dev": true
-		},
 		"fastq": {
 			"version": "1.6.0",
 			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.6.0.tgz",
@@ -16921,12 +16580,6 @@
 				}
 			}
 		},
-		"get-port": {
-			"version": "3.2.0",
-			"resolved": "https://registry.npmjs.org/get-port/-/get-port-3.2.0.tgz",
-			"integrity": "sha1-3Xzn3hh8Bsi/NTeWrHHgmfCYDrw=",
-			"dev": true
-		},
 		"get-stdin": {
 			"version": "4.0.1",
 			"resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
@@ -17392,16 +17045,6 @@
 			"integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
 			"dev": true
 		},
-		"grapheme-breaker": {
-			"version": "0.3.2",
-			"resolved": "https://registry.npmjs.org/grapheme-breaker/-/grapheme-breaker-0.3.2.tgz",
-			"integrity": "sha1-W55reMODJFLSuiuxy4MPlidkEKw=",
-			"dev": true,
-			"requires": {
-				"brfs": "^1.2.0",
-				"unicode-trie": "^0.3.1"
-			}
-		},
 		"growly": {
 			"version": "1.3.0",
 			"resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz",
@@ -17834,160 +17477,10 @@
 				}
 			}
 		},
-		"htmlnano": {
-			"version": "0.2.4",
-			"resolved": "https://registry.npmjs.org/htmlnano/-/htmlnano-0.2.4.tgz",
-			"integrity": "sha512-wsg7+Hjyi1gHpMUixkeOjeRUNhBBTnEDB//kzvVHR+LUK4p+/31DAyE+pEACT0SQk3W0KE7Xdylk9+uNxdHXLg==",
-			"dev": true,
-			"requires": {
-				"cssnano": "^4.1.10",
-				"normalize-html-whitespace": "^1.0.0",
-				"object-assign": "^4.0.1",
-				"posthtml": "^0.11.4",
-				"posthtml-render": "^1.1.5",
-				"svgo": "^1.2.2",
-				"terser": "^4.1.2",
-				"uncss": "^0.17.0"
-			},
-			"dependencies": {
-				"css-select": {
-					"version": "2.0.2",
-					"resolved": "https://registry.npmjs.org/css-select/-/css-select-2.0.2.tgz",
-					"integrity": "sha512-dSpYaDVoWaELjvZ3mS6IKZM/y2PMPa/XYoEfYNZePL4U/XgyxZNroHEHReDx/d+VgXh9VbCTtFqLkFbmeqeaRQ==",
-					"dev": true,
-					"requires": {
-						"boolbase": "^1.0.0",
-						"css-what": "^2.1.2",
-						"domutils": "^1.7.0",
-						"nth-check": "^1.0.2"
-					}
-				},
-				"css-tree": {
-					"version": "1.0.0-alpha.33",
-					"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.33.tgz",
-					"integrity": "sha512-SPt57bh5nQnpsTBsx/IXbO14sRc9xXu5MtMAVuo0BaQQmyf0NupNPPSoMaqiAF5tDFafYsTkfeH4Q/HCKXkg4w==",
-					"dev": true,
-					"requires": {
-						"mdn-data": "2.0.4",
-						"source-map": "^0.5.3"
-					}
-				},
-				"css-what": {
-					"version": "2.1.3",
-					"resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz",
-					"integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==",
-					"dev": true
-				},
-				"define-properties": {
-					"version": "1.1.3",
-					"resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
-					"integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
-					"dev": true,
-					"requires": {
-						"object-keys": "^1.0.12"
-					}
-				},
-				"domutils": {
-					"version": "1.7.0",
-					"resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
-					"integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
-					"dev": true,
-					"requires": {
-						"dom-serializer": "0",
-						"domelementtype": "1"
-					}
-				},
-				"mdn-data": {
-					"version": "2.0.4",
-					"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
-					"integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
-					"dev": true
-				},
-				"nth-check": {
-					"version": "1.0.2",
-					"resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
-					"integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
-					"dev": true,
-					"requires": {
-						"boolbase": "~1.0.0"
-					}
-				},
-				"object.values": {
-					"version": "1.1.0",
-					"resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.0.tgz",
-					"integrity": "sha512-8mf0nKLAoFX6VlNVdhGj31SVYpaNFtUnuoOXWyFEstsWRgU837AK+JYM0iAxwkSzGRbwn8cbFmgbyxj1j4VbXg==",
-					"dev": true,
-					"requires": {
-						"define-properties": "^1.1.3",
-						"es-abstract": "^1.12.0",
-						"function-bind": "^1.1.1",
-						"has": "^1.0.3"
-					}
-				},
-				"source-map-support": {
-					"version": "0.5.13",
-					"resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz",
-					"integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==",
-					"dev": true,
-					"requires": {
-						"buffer-from": "^1.0.0",
-						"source-map": "^0.6.0"
-					},
-					"dependencies": {
-						"source-map": {
-							"version": "0.6.1",
-							"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-							"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-							"dev": true
-						}
-					}
-				},
-				"svgo": {
-					"version": "1.3.0",
-					"resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.0.tgz",
-					"integrity": "sha512-MLfUA6O+qauLDbym+mMZgtXCGRfIxyQoeH6IKVcFslyODEe/ElJNwr0FohQ3xG4C6HK6bk3KYPPXwHVJk3V5NQ==",
-					"dev": true,
-					"requires": {
-						"chalk": "^2.4.1",
-						"coa": "^2.0.2",
-						"css-select": "^2.0.0",
-						"css-select-base-adapter": "^0.1.1",
-						"css-tree": "1.0.0-alpha.33",
-						"csso": "^3.5.1",
-						"js-yaml": "^3.13.1",
-						"mkdirp": "~0.5.1",
-						"object.values": "^1.1.0",
-						"sax": "~1.2.4",
-						"stable": "^0.1.8",
-						"unquote": "~1.1.1",
-						"util.promisify": "~1.0.0"
-					}
-				},
-				"terser": {
-					"version": "4.3.9",
-					"resolved": "https://registry.npmjs.org/terser/-/terser-4.3.9.tgz",
-					"integrity": "sha512-NFGMpHjlzmyOtPL+fDw3G7+6Ueh/sz4mkaUYa4lJCxOPTNzd0Uj0aZJOmsDYoSQyfuVoWDMSWTPU3huyOm2zdA==",
-					"dev": true,
-					"requires": {
-						"commander": "^2.20.0",
-						"source-map": "~0.6.1",
-						"source-map-support": "~0.5.12"
-					},
-					"dependencies": {
-						"source-map": {
-							"version": "0.6.1",
-							"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-							"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-							"dev": true
-						}
-					}
-				}
-			}
-		},
-		"htmlparser2": {
-			"version": "3.9.2",
-			"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.9.2.tgz",
-			"integrity": "sha1-G9+HrMoPP55T+k/M6w9LTLsAszg=",
+		"htmlparser2": {
+			"version": "3.9.2",
+			"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.9.2.tgz",
+			"integrity": "sha1-G9+HrMoPP55T+k/M6w9LTLsAszg=",
 			"dev": true,
 			"requires": {
 				"domelementtype": "^1.3.0",
@@ -18331,12 +17824,6 @@
 				"safer-buffer": ">= 2.1.2 < 3"
 			}
 		},
-		"icss-replace-symbols": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz",
-			"integrity": "sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=",
-			"dev": true
-		},
 		"icss-utils": {
 			"version": "4.1.1",
 			"resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-4.1.1.tgz",
@@ -18347,9 +17834,9 @@
 			},
 			"dependencies": {
 				"postcss": {
-					"version": "7.0.18",
-					"resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.18.tgz",
-					"integrity": "sha512-/7g1QXXgegpF+9GJj4iN7ChGF40sYuGYJ8WZu8DZWnmhQ/G36hfdk3q9LBJmoK+lZ+yzZ5KYpOoxq7LF1BxE8g==",
+					"version": "7.0.21",
+					"resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.21.tgz",
+					"integrity": "sha512-uIFtJElxJo29QC753JzhidoAhvp/e/Exezkdhfmt8AymWT6/5B7W1WmponYWkHk2eg6sONyTch0A3nkMPun3SQ==",
 					"dev": true,
 					"requires": {
 						"chalk": "^2.4.2",
@@ -18932,23 +18419,6 @@
 			"integrity": "sha512-but/G3sapV3MNyqiDBLrOi4x8uCIw0RY3o/Vb5GT0sMFHrVV7731wFSVy41T5FO1og7G0gXLJh0MkgPRouko/A==",
 			"dev": true
 		},
-		"is-html": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/is-html/-/is-html-1.1.0.tgz",
-			"integrity": "sha1-4E8cGNOUhRETlvmgJz6rUa8hhGQ=",
-			"dev": true,
-			"requires": {
-				"html-tags": "^1.0.0"
-			},
-			"dependencies": {
-				"html-tags": {
-					"version": "1.2.0",
-					"resolved": "https://registry.npmjs.org/html-tags/-/html-tags-1.2.0.tgz",
-					"integrity": "sha1-x43mW1Zjqll5id0rerSSANfk25g=",
-					"dev": true
-				}
-			}
-		},
 		"is-interactive": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
@@ -19120,12 +18590,6 @@
 			"integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
 			"dev": true
 		},
-		"is-url": {
-			"version": "1.2.4",
-			"resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
-			"integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==",
-			"dev": true
-		},
 		"is-utf8": {
 			"version": "0.2.1",
 			"resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
@@ -21286,12 +20750,6 @@
 			"integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=",
 			"dev": true
 		},
-		"lodash.clone": {
-			"version": "4.5.0",
-			"resolved": "https://registry.npmjs.org/lodash.clone/-/lodash.clone-4.5.0.tgz",
-			"integrity": "sha1-GVhwRQ9aExkkeN9Lw9I9LeoZB7Y=",
-			"dev": true
-		},
 		"lodash.clonedeep": {
 			"version": "4.5.0",
 			"resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
@@ -21706,15 +21164,6 @@
 			"integrity": "sha512-iV2IDxZaX8dIcM7fG6cI46uNmHUxHE4yN+Z8tKHAW1TBPMZDIKHf/3L+YnOuj/FK9il14UaVdHmiQ1tsi90ltA==",
 			"dev": true
 		},
-		"magic-string": {
-			"version": "0.22.5",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.22.5.tgz",
-			"integrity": "sha512-oreip9rJZkzvA8Qzk9HFs8fZGF/u7H/gtrE8EN6RjKJ9kh2HlC+yQ2QezifqTZfGyiuAV0dRv5a+y/8gBb1m9w==",
-			"dev": true,
-			"requires": {
-				"vlq": "^0.2.2"
-			}
-		},
 		"make-dir": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.0.0.tgz",
@@ -22200,7 +21649,7 @@
 			"dependencies": {
 				"clone-deep": {
 					"version": "0.2.4",
-					"resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-0.2.4.tgz",
+					"resolved": "http://registry.npmjs.org/clone-deep/-/clone-deep-0.2.4.tgz",
 					"integrity": "sha1-TnPdCen7lxzDhnDF3O2cGJZIHMY=",
 					"dev": true,
 					"requires": {
@@ -22234,7 +21683,7 @@
 					"dependencies": {
 						"kind-of": {
 							"version": "2.0.1",
-							"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-2.0.1.tgz",
+							"resolved": "http://registry.npmjs.org/kind-of/-/kind-of-2.0.1.tgz",
 							"integrity": "sha1-AY7HpM5+OobLkUG+UZ0kyPqpgbU=",
 							"dev": true,
 							"requires": {
@@ -22257,15 +21706,6 @@
 			"integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=",
 			"dev": true
 		},
-		"merge-source-map": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/merge-source-map/-/merge-source-map-1.0.4.tgz",
-			"integrity": "sha1-pd5GU42uhNQRTMXqArR3KmNGcB8=",
-			"dev": true,
-			"requires": {
-				"source-map": "^0.5.6"
-			}
-		},
 		"merge-stream": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-1.0.1.tgz",
@@ -23513,12 +22953,6 @@
 				"lower-case": "^1.1.1"
 			}
 		},
-		"node-addon-api": {
-			"version": "1.7.1",
-			"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-1.7.1.tgz",
-			"integrity": "sha512-2+DuKodWvwRTrCfKOeR24KIc5unKjOh8mz17NCzVnHWfjAdDqbfbjqh7gUT+BkXBRQM52+xCHciKWonJ3CbJMQ==",
-			"dev": true
-		},
 		"node-dir": {
 			"version": "0.1.17",
 			"resolved": "https://registry.npmjs.org/node-dir/-/node-dir-0.1.17.tgz",
@@ -23548,12 +22982,6 @@
 				"safe-buffer": "^5.1.1"
 			}
 		},
-		"node-forge": {
-			"version": "0.7.6",
-			"resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.7.6.tgz",
-			"integrity": "sha512-sol30LUpz1jQFBjOKwbjxijiE3b6pjd74YwfD0fJOKPjF+fONKb2Yg8rYgS6+bK6VDl+/wfr4IYpC7jDzLUIfw==",
-			"dev": true
-		},
 		"node-gyp": {
 			"version": "3.8.0",
 			"resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.8.0.tgz",
@@ -23588,45 +23016,6 @@
 			"integrity": "sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=",
 			"dev": true
 		},
-		"node-libs-browser": {
-			"version": "2.2.1",
-			"resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
-			"integrity": "sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==",
-			"dev": true,
-			"requires": {
-				"assert": "^1.1.1",
-				"browserify-zlib": "^0.2.0",
-				"buffer": "^4.3.0",
-				"console-browserify": "^1.1.0",
-				"constants-browserify": "^1.0.0",
-				"crypto-browserify": "^3.11.0",
-				"domain-browser": "^1.1.1",
-				"events": "^3.0.0",
-				"https-browserify": "^1.0.0",
-				"os-browserify": "^0.3.0",
-				"path-browserify": "0.0.1",
-				"process": "^0.11.10",
-				"punycode": "^1.2.4",
-				"querystring-es3": "^0.2.0",
-				"readable-stream": "^2.3.3",
-				"stream-browserify": "^2.0.1",
-				"stream-http": "^2.7.2",
-				"string_decoder": "^1.0.0",
-				"timers-browserify": "^2.0.4",
-				"tty-browserify": "0.0.0",
-				"url": "^0.11.0",
-				"util": "^0.11.0",
-				"vm-browserify": "^1.0.1"
-			},
-			"dependencies": {
-				"punycode": {
-					"version": "1.4.1",
-					"resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-					"integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
-					"dev": true
-				}
-			}
-		},
 		"node-modules-regexp": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz",
@@ -24120,12 +23509,6 @@
 				"abbrev": "1"
 			}
 		},
-		"normalize-html-whitespace": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/normalize-html-whitespace/-/normalize-html-whitespace-1.0.0.tgz",
-			"integrity": "sha512-9ui7CGtOOlehQu0t/OhhlmDyc71mKVlv+4vF+me4iZLPrNtRL2xoquEdfZxasC/bdQi/Hr3iTrpyRKIG+ocabA==",
-			"dev": true
-		},
 		"normalize-package-data": {
 			"version": "2.4.0",
 			"resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.4.0.tgz",
@@ -24614,12 +23997,6 @@
 			"resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
 			"integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0="
 		},
-		"nwsapi": {
-			"version": "2.1.4",
-			"resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.1.4.tgz",
-			"integrity": "sha512-iGfd9Y6SFdTNldEy2L0GUhcarIutFmk+MPWIn9dmj8NMIup03G08uUF2KGbbmv/Ux4RT0VZJoP/sVbWA6d/VIw==",
-			"dev": true
-		},
 		"oauth-sign": {
 			"version": "0.9.0",
 			"resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
@@ -24834,15 +24211,6 @@
 			"integrity": "sha512-goYSy5c2UXE4Ra1xixabeVh1guIX/ZV/YokJksb6q2lubWu6UbvPQ20p542/sFIll1nl8JnCyK9oBaOcCWXwvA==",
 			"dev": true
 		},
-		"opn": {
-			"version": "5.5.0",
-			"resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz",
-			"integrity": "sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==",
-			"dev": true,
-			"requires": {
-				"is-wsl": "^1.1.0"
-			}
-		},
 		"optimist": {
 			"version": "0.6.1",
 			"resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
@@ -25140,146 +24508,6 @@
 				"no-case": "^2.2.0"
 			}
 		},
-		"parcel-bundler": {
-			"version": "1.12.4",
-			"resolved": "https://registry.npmjs.org/parcel-bundler/-/parcel-bundler-1.12.4.tgz",
-			"integrity": "sha512-G+iZGGiPEXcRzw0fiRxWYCKxdt/F7l9a0xkiU4XbcVRJCSlBnioWEwJMutOCCpoQmaQtjB4RBHDGIHN85AIhLQ==",
-			"dev": true,
-			"requires": {
-				"@babel/code-frame": "^7.0.0",
-				"@babel/core": "^7.4.4",
-				"@babel/generator": "^7.4.4",
-				"@babel/parser": "^7.4.4",
-				"@babel/plugin-transform-flow-strip-types": "^7.4.4",
-				"@babel/plugin-transform-modules-commonjs": "^7.4.4",
-				"@babel/plugin-transform-react-jsx": "^7.0.0",
-				"@babel/preset-env": "^7.4.4",
-				"@babel/runtime": "^7.4.4",
-				"@babel/template": "^7.4.4",
-				"@babel/traverse": "^7.4.4",
-				"@babel/types": "^7.4.4",
-				"@iarna/toml": "^2.2.0",
-				"@parcel/fs": "^1.11.0",
-				"@parcel/logger": "^1.11.1",
-				"@parcel/utils": "^1.11.0",
-				"@parcel/watcher": "^1.12.1",
-				"@parcel/workers": "^1.11.0",
-				"ansi-to-html": "^0.6.4",
-				"babylon-walk": "^1.0.2",
-				"browserslist": "^4.1.0",
-				"chalk": "^2.1.0",
-				"clone": "^2.1.1",
-				"command-exists": "^1.2.6",
-				"commander": "^2.11.0",
-				"core-js": "^2.6.5",
-				"cross-spawn": "^6.0.4",
-				"css-modules-loader-core": "^1.1.0",
-				"cssnano": "^4.0.0",
-				"deasync": "^0.1.14",
-				"dotenv": "^5.0.0",
-				"dotenv-expand": "^5.1.0",
-				"envinfo": "^7.3.1",
-				"fast-glob": "^2.2.2",
-				"filesize": "^3.6.0",
-				"get-port": "^3.2.0",
-				"htmlnano": "^0.2.2",
-				"is-glob": "^4.0.0",
-				"is-url": "^1.2.2",
-				"js-yaml": "^3.10.0",
-				"json5": "^1.0.1",
-				"micromatch": "^3.0.4",
-				"mkdirp": "^0.5.1",
-				"node-forge": "^0.7.1",
-				"node-libs-browser": "^2.0.0",
-				"opn": "^5.1.0",
-				"postcss": "^7.0.11",
-				"postcss-value-parser": "^3.3.1",
-				"posthtml": "^0.11.2",
-				"posthtml-parser": "^0.4.0",
-				"posthtml-render": "^1.1.3",
-				"resolve": "^1.4.0",
-				"semver": "^5.4.1",
-				"serialize-to-js": "^3.0.0",
-				"serve-static": "^1.12.4",
-				"source-map": "0.6.1",
-				"terser": "^3.7.3",
-				"v8-compile-cache": "^2.0.0",
-				"ws": "^5.1.1"
-			},
-			"dependencies": {
-				"@babel/plugin-transform-flow-strip-types": {
-					"version": "7.6.3",
-					"resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.6.3.tgz",
-					"integrity": "sha512-l0ETkyEofkqFJ9LS6HChNIKtVJw2ylKbhYMlJ5C6df+ldxxaLIyXY4yOdDQQspfFpV8/vDiaWoJlvflstlYNxg==",
-					"dev": true,
-					"requires": {
-						"@babel/helper-plugin-utils": "^7.0.0",
-						"@babel/plugin-syntax-flow": "^7.2.0"
-					}
-				},
-				"clone": {
-					"version": "2.1.2",
-					"resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
-					"integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=",
-					"dev": true
-				},
-				"core-js": {
-					"version": "2.6.10",
-					"resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.10.tgz",
-					"integrity": "sha512-I39t74+4t+zau64EN1fE5v2W31Adtc/REhzWN+gWRRXg6WH5qAsZm62DHpQ1+Yhe4047T55jvzz7MUqF/dBBlA==",
-					"dev": true
-				},
-				"cross-spawn": {
-					"version": "6.0.5",
-					"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-					"integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
-					"dev": true,
-					"requires": {
-						"nice-try": "^1.0.4",
-						"path-key": "^2.0.1",
-						"semver": "^5.5.0",
-						"shebang-command": "^1.2.0",
-						"which": "^1.2.9"
-					}
-				},
-				"json5": {
-					"version": "1.0.1",
-					"resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-					"integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-					"dev": true,
-					"requires": {
-						"minimist": "^1.2.0"
-					}
-				},
-				"postcss-value-parser": {
-					"version": "3.3.1",
-					"resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
-					"integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
-					"dev": true
-				},
-				"semver": {
-					"version": "5.7.1",
-					"resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-					"integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-					"dev": true
-				},
-				"source-map": {
-					"version": "0.6.1",
-					"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-					"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-					"dev": true
-				},
-				"ws": {
-					"version": "5.2.2",
-					"resolved": "https://registry.npmjs.org/ws/-/ws-5.2.2.tgz",
-					"integrity": "sha512-jaHFD6PFv6UgoIVda6qZllptQsMlDEJkTQcybzzXDYM1XO9Y8em691FGMPmM46WGyLU4z9KMgQN+qrux/nhlHA==",
-					"dev": true,
-					"requires": {
-						"async-limiter": "~1.0.0"
-					}
-				}
-			}
-		},
 		"parent-module": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -25387,12 +24615,6 @@
 			"integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=",
 			"dev": true
 		},
-		"path-browserify": {
-			"version": "0.0.1",
-			"resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.1.tgz",
-			"integrity": "sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==",
-			"dev": true
-		},
 		"path-dirname": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
@@ -25479,12 +24701,6 @@
 			"resolved": "https://registry.npmjs.org/phpegjs/-/phpegjs-1.0.0-beta7.tgz",
 			"integrity": "sha1-uLbthQGYB//Q7+ID4AKj5e2LTZQ="
 		},
-		"physical-cpu-count": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/physical-cpu-count/-/physical-cpu-count-2.0.0.tgz",
-			"integrity": "sha1-GN4vl+S/epVRrXURlCtUlverpmA=",
-			"dev": true
-		},
 		"picomatch": {
 			"version": "2.0.7",
 			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.0.7.tgz",
@@ -26231,121 +25447,6 @@
 				}
 			}
 		},
-		"postcss-modules-extract-imports": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-1.1.0.tgz",
-			"integrity": "sha1-thTJcgvmgW6u41+zpfqh26agXds=",
-			"dev": true,
-			"requires": {
-				"postcss": "^6.0.1"
-			},
-			"dependencies": {
-				"postcss": {
-					"version": "6.0.23",
-					"resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
-					"integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
-					"dev": true,
-					"requires": {
-						"chalk": "^2.4.1",
-						"source-map": "^0.6.1",
-						"supports-color": "^5.4.0"
-					}
-				},
-				"source-map": {
-					"version": "0.6.1",
-					"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-					"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-					"dev": true
-				}
-			}
-		},
-		"postcss-modules-local-by-default": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz",
-			"integrity": "sha1-99gMOYxaOT+nlkRmvRlQCn1hwGk=",
-			"dev": true,
-			"requires": {
-				"css-selector-tokenizer": "^0.7.0",
-				"postcss": "^6.0.1"
-			},
-			"dependencies": {
-				"postcss": {
-					"version": "6.0.23",
-					"resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
-					"integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
-					"dev": true,
-					"requires": {
-						"chalk": "^2.4.1",
-						"source-map": "^0.6.1",
-						"supports-color": "^5.4.0"
-					}
-				},
-				"source-map": {
-					"version": "0.6.1",
-					"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-					"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-					"dev": true
-				}
-			}
-		},
-		"postcss-modules-scope": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz",
-			"integrity": "sha1-1upkmUx5+XtipytCb75gVqGUu5A=",
-			"dev": true,
-			"requires": {
-				"css-selector-tokenizer": "^0.7.0",
-				"postcss": "^6.0.1"
-			},
-			"dependencies": {
-				"postcss": {
-					"version": "6.0.23",
-					"resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
-					"integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
-					"dev": true,
-					"requires": {
-						"chalk": "^2.4.1",
-						"source-map": "^0.6.1",
-						"supports-color": "^5.4.0"
-					}
-				},
-				"source-map": {
-					"version": "0.6.1",
-					"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-					"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-					"dev": true
-				}
-			}
-		},
-		"postcss-modules-values": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-1.3.0.tgz",
-			"integrity": "sha1-7P+p1+GSUYOJ9CrQ6D9yrsRW6iA=",
-			"dev": true,
-			"requires": {
-				"icss-replace-symbols": "^1.1.0",
-				"postcss": "^6.0.1"
-			},
-			"dependencies": {
-				"postcss": {
-					"version": "6.0.23",
-					"resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
-					"integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
-					"dev": true,
-					"requires": {
-						"chalk": "^2.4.1",
-						"source-map": "^0.6.1",
-						"supports-color": "^5.4.0"
-					}
-				},
-				"source-map": {
-					"version": "0.6.1",
-					"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-					"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-					"dev": true
-				}
-			}
-		},
 		"postcss-normalize-charset": {
 			"version": "4.0.1",
 			"resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-4.0.1.tgz",
@@ -26580,32 +25681,6 @@
 			"integrity": "sha1-h/OPnxj3dKSrTIojL1xc6IcqnRU=",
 			"dev": true
 		},
-		"posthtml": {
-			"version": "0.11.6",
-			"resolved": "https://registry.npmjs.org/posthtml/-/posthtml-0.11.6.tgz",
-			"integrity": "sha512-C2hrAPzmRdpuL3iH0TDdQ6XCc9M7Dcc3zEW5BLerY65G4tWWszwv6nG/ksi6ul5i2mx22ubdljgktXCtNkydkw==",
-			"dev": true,
-			"requires": {
-				"posthtml-parser": "^0.4.1",
-				"posthtml-render": "^1.1.5"
-			}
-		},
-		"posthtml-parser": {
-			"version": "0.4.1",
-			"resolved": "https://registry.npmjs.org/posthtml-parser/-/posthtml-parser-0.4.1.tgz",
-			"integrity": "sha512-h7vXIQ21Ikz2w5wPClPakNP6mJeJCK6BT0GpqnQrNNABdR7/TchNlFyryL1Bz6Ww53YWCKkr6tdZuHlxY1AVdQ==",
-			"dev": true,
-			"requires": {
-				"htmlparser2": "^3.9.2",
-				"object-assign": "^4.1.1"
-			}
-		},
-		"posthtml-render": {
-			"version": "1.1.5",
-			"resolved": "https://registry.npmjs.org/posthtml-render/-/posthtml-render-1.1.5.tgz",
-			"integrity": "sha512-yvt54j0zCBHQVEFAuR+yHld8CZrCa/E1Z/OcFNCV1IEWTLVxT8O7nYnM4IIw1CD4r8kaRd3lc42+0lgCKgm87w==",
-			"dev": true
-		},
 		"prelude-ls": {
 			"version": "1.1.2",
 			"resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
@@ -27110,18 +26185,7 @@
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-1.1.0.tgz",
 			"integrity": "sha1-Q2CxfGETatOAeDl/8RQW4Ybc+7g=",
-			"dev": true
-		},
-		"quote-stream": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/quote-stream/-/quote-stream-1.0.2.tgz",
-			"integrity": "sha1-hJY/jJwmuULhU/7rU6rnRlK34LI=",
-			"dev": true,
-			"requires": {
-				"buffer-equal": "0.0.1",
-				"minimist": "^1.1.3",
-				"through2": "^2.0.0"
-			}
+			"dev": true
 		},
 		"raf": {
 			"version": "3.4.1",
@@ -29802,15 +28866,6 @@
 			"integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
 			"dev": true
 		},
-		"saxes": {
-			"version": "3.1.11",
-			"resolved": "https://registry.npmjs.org/saxes/-/saxes-3.1.11.tgz",
-			"integrity": "sha512-Ydydq3zC+WYDJK1+gRxRapLIED9PWeSuuS41wqyoRmzvhhh9nc+QQrVMKJYzJFULazeGhzSV0QleN2wD3boh2g==",
-			"dev": true,
-			"requires": {
-				"xmlchars": "^2.1.1"
-			}
-		},
 		"scheduler": {
 			"version": "0.15.0",
 			"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.15.0.tgz",
@@ -29919,12 +28974,6 @@
 			"integrity": "sha512-Ga8c8NjAAp46Br4+0oZ2WxJCwIzwP60Gq1YPgU+39PiTVxyed/iKE/zyZI6+UlVYH5Q4PaQdHhcegIFPZTUfoQ==",
 			"dev": true
 		},
-		"serialize-to-js": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/serialize-to-js/-/serialize-to-js-3.0.0.tgz",
-			"integrity": "sha512-WdGgi0jGnWCQXph2p3vkxceDnTfvfyXfYxherQMRcZjSaJzMQdMBAW6i0nojsBKIZ3fFOztZKKVbbm05VbIdRA==",
-			"dev": true
-		},
 		"serve-favicon": {
 			"version": "2.5.0",
 			"resolved": "https://registry.npmjs.org/serve-favicon/-/serve-favicon-2.5.0.tgz",
@@ -30032,12 +29081,6 @@
 				}
 			}
 		},
-		"shallow-copy": {
-			"version": "0.0.1",
-			"resolved": "https://registry.npmjs.org/shallow-copy/-/shallow-copy-0.0.1.tgz",
-			"integrity": "sha1-QV9CcC1z2BAzApLMXuhurhoRoXA=",
-			"dev": true
-		},
 		"shallow-equal": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/shallow-equal/-/shallow-equal-1.0.0.tgz",
@@ -30671,15 +29714,6 @@
 			"integrity": "sha512-Qe8QntFrrpWTnHwvwj2FZTgv+PKIsp0B9VxLzLLbSpPXWOgRgc5LVj/aTiSfK1RqIeF9jeC1UeOH8Q8y60A7og==",
 			"dev": true
 		},
-		"static-eval": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/static-eval/-/static-eval-2.0.2.tgz",
-			"integrity": "sha512-N/D219Hcr2bPjLxPiV+TQE++Tsmrady7TqAJugLy7Xk1EumfDWS/f5dtBbkRCGE7wKKXuYockQoj8Rm2/pVKyg==",
-			"dev": true,
-			"requires": {
-				"escodegen": "^1.8.1"
-			}
-		},
 		"static-extend": {
 			"version": "0.1.2",
 			"resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
@@ -30701,56 +29735,6 @@
 				}
 			}
 		},
-		"static-module": {
-			"version": "2.2.5",
-			"resolved": "https://registry.npmjs.org/static-module/-/static-module-2.2.5.tgz",
-			"integrity": "sha512-D8vv82E/Kpmz3TXHKG8PPsCPg+RAX6cbCOyvjM6x04qZtQ47EtJFVwRsdov3n5d6/6ynrOY9XB4JkaZwB2xoRQ==",
-			"dev": true,
-			"requires": {
-				"concat-stream": "~1.6.0",
-				"convert-source-map": "^1.5.1",
-				"duplexer2": "~0.1.4",
-				"escodegen": "~1.9.0",
-				"falafel": "^2.1.0",
-				"has": "^1.0.1",
-				"magic-string": "^0.22.4",
-				"merge-source-map": "1.0.4",
-				"object-inspect": "~1.4.0",
-				"quote-stream": "~1.0.2",
-				"readable-stream": "~2.3.3",
-				"shallow-copy": "~0.0.1",
-				"static-eval": "^2.0.0",
-				"through2": "~2.0.3"
-			},
-			"dependencies": {
-				"escodegen": {
-					"version": "1.9.1",
-					"resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.9.1.tgz",
-					"integrity": "sha512-6hTjO1NAWkHnDk3OqQ4YrCuwwmGHL9S3nPlzBOUG/R44rda3wLNrfvQ5fkSGjyhHFKM7ALPKcKGrwvCLe0lC7Q==",
-					"dev": true,
-					"requires": {
-						"esprima": "^3.1.3",
-						"estraverse": "^4.2.0",
-						"esutils": "^2.0.2",
-						"optionator": "^0.8.1",
-						"source-map": "~0.6.1"
-					}
-				},
-				"object-inspect": {
-					"version": "1.4.1",
-					"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.4.1.tgz",
-					"integrity": "sha512-wqdhLpfCUbEsoEwl3FXwGyv8ief1k/1aUdIPCqVnupM6e8l63BEJdiF/0swtn04/8p05tG/T0FrpTlfwvljOdw==",
-					"dev": true
-				},
-				"source-map": {
-					"version": "0.6.1",
-					"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-					"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-					"dev": true,
-					"optional": true
-				}
-			}
-		},
 		"statuses": {
 			"version": "1.4.0",
 			"resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz",
@@ -31085,13 +30069,51 @@
 			}
 		},
 		"style-loader": {
-			"version": "0.23.1",
-			"resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.23.1.tgz",
-			"integrity": "sha512-XK+uv9kWwhZMZ1y7mysB+zoihsEj4wneFWAS5qoiLwzW0WzSqMrrsIy+a3zkQJq0ipFtBpX5W3MqyRIBF/WFGg==",
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/style-loader/-/style-loader-1.0.0.tgz",
+			"integrity": "sha512-B0dOCFwv7/eY31a5PCieNwMgMhVGFe9w+rh7s/Bx8kfFkrth9zfTZquoYvdw8URgiqxObQKcpW51Ugz1HjfdZw==",
 			"dev": true,
 			"requires": {
-				"loader-utils": "^1.1.0",
-				"schema-utils": "^1.0.0"
+				"loader-utils": "^1.2.3",
+				"schema-utils": "^2.0.1"
+			},
+			"dependencies": {
+				"big.js": {
+					"version": "5.2.2",
+					"resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+					"integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+					"dev": true
+				},
+				"json5": {
+					"version": "1.0.1",
+					"resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+					"integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+					"dev": true,
+					"requires": {
+						"minimist": "^1.2.0"
+					}
+				},
+				"loader-utils": {
+					"version": "1.2.3",
+					"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
+					"integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
+					"dev": true,
+					"requires": {
+						"big.js": "^5.2.2",
+						"emojis-list": "^2.0.0",
+						"json5": "^1.0.1"
+					}
+				},
+				"schema-utils": {
+					"version": "2.5.0",
+					"resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.5.0.tgz",
+					"integrity": "sha512-32ISrwW2scPXHUSusP8qMg5dLUawKkyV+/qIEV9JdXKx+rsM6mi8vZY8khg2M69Qom16rtroWXD3Ybtiws38gQ==",
+					"dev": true,
+					"requires": {
+						"ajv": "^6.10.2",
+						"ajv-keywords": "^3.4.1"
+					}
+				}
 			}
 		},
 		"style-search": {
@@ -31897,25 +30919,6 @@
 				}
 			}
 		},
-		"terser": {
-			"version": "3.17.0",
-			"resolved": "https://registry.npmjs.org/terser/-/terser-3.17.0.tgz",
-			"integrity": "sha512-/FQzzPJmCpjAH9Xvk2paiWrFq+5M6aVOf+2KRbwhByISDX/EujxsK+BAvrhb6H+2rtrLCHK9N01wO014vrIwVQ==",
-			"dev": true,
-			"requires": {
-				"commander": "^2.19.0",
-				"source-map": "~0.6.1",
-				"source-map-support": "~0.5.10"
-			},
-			"dependencies": {
-				"source-map": {
-					"version": "0.6.1",
-					"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-					"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-					"dev": true
-				}
-			}
-		},
 		"terser-webpack-plugin": {
 			"version": "1.4.1",
 			"resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.1.tgz",
@@ -32429,12 +31432,6 @@
 			"resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.0.2.tgz",
 			"integrity": "sha512-2NM0auVBGft5tee/OxP4PI3d8WItkDM+fPnaRAVo6xTDI2knbz9eC5ArWGqtGlYqiH3RU5yMpdyTTO7MguC4ow=="
 		},
-		"tiny-inflate": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.2.tgz",
-			"integrity": "sha1-k9nez/yIBb1X6uQxDwt0Xptvs6c=",
-			"dev": true
-		},
 		"tiny-lr": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/tiny-lr/-/tiny-lr-1.1.1.tgz",
@@ -32778,211 +31775,6 @@
 			"integrity": "sha1-8pzr8B31F5ErtY/5xOUP3o4zMg0=",
 			"dev": true
 		},
-		"uncss": {
-			"version": "0.17.2",
-			"resolved": "https://registry.npmjs.org/uncss/-/uncss-0.17.2.tgz",
-			"integrity": "sha512-hu2HquwDItuGDem4YsJROdAD8SknmWtM24zwhQax6J1se8tPjV1cnwPKhtjodzBaUhaL8Zb3hlGdZ2WAUpbAOg==",
-			"dev": true,
-			"requires": {
-				"commander": "^2.20.0",
-				"glob": "^7.1.4",
-				"is-absolute-url": "^3.0.1",
-				"is-html": "^1.1.0",
-				"jsdom": "^14.1.0",
-				"lodash": "^4.17.15",
-				"postcss": "^7.0.17",
-				"postcss-selector-parser": "6.0.2",
-				"request": "^2.88.0"
-			},
-			"dependencies": {
-				"abab": {
-					"version": "2.0.2",
-					"resolved": "https://registry.npmjs.org/abab/-/abab-2.0.2.tgz",
-					"integrity": "sha512-2scffjvioEmNz0OyDSLGWDfKCVwaKc6l9Pm9kOIREU13ClXZvHpg/nRL5xyjSSSLhOnXqft2HpsAzNEEA8cFFg==",
-					"dev": true
-				},
-				"acorn": {
-					"version": "6.3.0",
-					"resolved": "https://registry.npmjs.org/acorn/-/acorn-6.3.0.tgz",
-					"integrity": "sha512-/czfa8BwS88b9gWQVhc8eknunSA2DoJpJyTQkhheIf5E48u1N0R4q/YxxsAeqRrmK9TQ/uYfgLDfZo91UlANIA==",
-					"dev": true
-				},
-				"acorn-globals": {
-					"version": "4.3.4",
-					"resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-4.3.4.tgz",
-					"integrity": "sha512-clfQEh21R+D0leSbUdWf3OcfqyaCSAQ8Ryq00bofSekfr9W8u1jyYZo6ir0xu9Gtcf7BjcHJpnbZH7JOCpP60A==",
-					"dev": true,
-					"requires": {
-						"acorn": "^6.0.1",
-						"acorn-walk": "^6.0.1"
-					}
-				},
-				"data-urls": {
-					"version": "1.1.0",
-					"resolved": "https://registry.npmjs.org/data-urls/-/data-urls-1.1.0.tgz",
-					"integrity": "sha512-YTWYI9se1P55u58gL5GkQHW4P6VJBJ5iBT+B5a7i2Tjadhv52paJG0qHX4A0OR6/t52odI64KP2YvFpkDOi3eQ==",
-					"dev": true,
-					"requires": {
-						"abab": "^2.0.0",
-						"whatwg-mimetype": "^2.2.0",
-						"whatwg-url": "^7.0.0"
-					}
-				},
-				"escodegen": {
-					"version": "1.12.0",
-					"resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.12.0.tgz",
-					"integrity": "sha512-TuA+EhsanGcme5T3R0L80u4t8CpbXQjegRmf7+FPTJrtCTErXFeelblRgHQa1FofEzqYYJmJ/OqjTwREp9qgmg==",
-					"dev": true,
-					"requires": {
-						"esprima": "^3.1.3",
-						"estraverse": "^4.2.0",
-						"esutils": "^2.0.2",
-						"optionator": "^0.8.1",
-						"source-map": "~0.6.1"
-					}
-				},
-				"glob": {
-					"version": "7.1.5",
-					"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.5.tgz",
-					"integrity": "sha512-J9dlskqUXK1OeTOYBEn5s8aMukWMwWfs+rPTn/jn50Ux4MNXVhubL1wu/j2t+H4NVI+cXEcCaYellqaPVGXNqQ==",
-					"dev": true,
-					"requires": {
-						"fs.realpath": "^1.0.0",
-						"inflight": "^1.0.4",
-						"inherits": "2",
-						"minimatch": "^3.0.4",
-						"once": "^1.3.0",
-						"path-is-absolute": "^1.0.0"
-					}
-				},
-				"iconv-lite": {
-					"version": "0.4.24",
-					"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-					"integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-					"dev": true,
-					"requires": {
-						"safer-buffer": ">= 2.1.2 < 3"
-					}
-				},
-				"is-absolute-url": {
-					"version": "3.0.3",
-					"resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz",
-					"integrity": "sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==",
-					"dev": true
-				},
-				"jsdom": {
-					"version": "14.1.0",
-					"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-14.1.0.tgz",
-					"integrity": "sha512-O901mfJSuTdwU2w3Sn+74T+RnDVP+FuV5fH8tcPWyqrseRAb0s5xOtPgCFiPOtLcyK7CLIJwPyD83ZqQWvA5ng==",
-					"dev": true,
-					"requires": {
-						"abab": "^2.0.0",
-						"acorn": "^6.0.4",
-						"acorn-globals": "^4.3.0",
-						"array-equal": "^1.0.0",
-						"cssom": "^0.3.4",
-						"cssstyle": "^1.1.1",
-						"data-urls": "^1.1.0",
-						"domexception": "^1.0.1",
-						"escodegen": "^1.11.0",
-						"html-encoding-sniffer": "^1.0.2",
-						"nwsapi": "^2.1.3",
-						"parse5": "5.1.0",
-						"pn": "^1.1.0",
-						"request": "^2.88.0",
-						"request-promise-native": "^1.0.5",
-						"saxes": "^3.1.9",
-						"symbol-tree": "^3.2.2",
-						"tough-cookie": "^2.5.0",
-						"w3c-hr-time": "^1.0.1",
-						"w3c-xmlserializer": "^1.1.2",
-						"webidl-conversions": "^4.0.2",
-						"whatwg-encoding": "^1.0.5",
-						"whatwg-mimetype": "^2.3.0",
-						"whatwg-url": "^7.0.0",
-						"ws": "^6.1.2",
-						"xml-name-validator": "^3.0.0"
-					}
-				},
-				"parse5": {
-					"version": "5.1.0",
-					"resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.0.tgz",
-					"integrity": "sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==",
-					"dev": true
-				},
-				"postcss": {
-					"version": "7.0.18",
-					"resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.18.tgz",
-					"integrity": "sha512-/7g1QXXgegpF+9GJj4iN7ChGF40sYuGYJ8WZu8DZWnmhQ/G36hfdk3q9LBJmoK+lZ+yzZ5KYpOoxq7LF1BxE8g==",
-					"dev": true,
-					"requires": {
-						"chalk": "^2.4.2",
-						"source-map": "^0.6.1",
-						"supports-color": "^6.1.0"
-					}
-				},
-				"source-map": {
-					"version": "0.6.1",
-					"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-					"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-					"dev": true
-				},
-				"supports-color": {
-					"version": "6.1.0",
-					"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-					"integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-					"dev": true,
-					"requires": {
-						"has-flag": "^3.0.0"
-					}
-				},
-				"tough-cookie": {
-					"version": "2.5.0",
-					"resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
-					"integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
-					"dev": true,
-					"requires": {
-						"psl": "^1.1.28",
-						"punycode": "^2.1.1"
-					}
-				},
-				"whatwg-encoding": {
-					"version": "1.0.5",
-					"resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz",
-					"integrity": "sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==",
-					"dev": true,
-					"requires": {
-						"iconv-lite": "0.4.24"
-					}
-				},
-				"whatwg-mimetype": {
-					"version": "2.3.0",
-					"resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz",
-					"integrity": "sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==",
-					"dev": true
-				},
-				"whatwg-url": {
-					"version": "7.1.0",
-					"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
-					"integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
-					"dev": true,
-					"requires": {
-						"lodash.sortby": "^4.7.0",
-						"tr46": "^1.0.1",
-						"webidl-conversions": "^4.0.2"
-					}
-				},
-				"ws": {
-					"version": "6.2.1",
-					"resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
-					"integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
-					"dev": true,
-					"requires": {
-						"async-limiter": "~1.0.0"
-					}
-				}
-			}
-		},
 		"underscore": {
 			"version": "1.4.4",
 			"resolved": "https://registry.npmjs.org/underscore/-/underscore-1.4.4.tgz",
@@ -33033,24 +31825,6 @@
 			"integrity": "sha512-2WSLa6OdYd2ng8oqiGIWnJqyFArvhn+5vgx5GTxMbUYjCYKUcuKS62YLFF0R/BDGlB1yzXjQOLtPAfHsgirEpg==",
 			"dev": true
 		},
-		"unicode-trie": {
-			"version": "0.3.1",
-			"resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-0.3.1.tgz",
-			"integrity": "sha1-1nHd3YkQGgi6w3tqUWEBBgIFIIU=",
-			"dev": true,
-			"requires": {
-				"pako": "^0.2.5",
-				"tiny-inflate": "^1.0.0"
-			},
-			"dependencies": {
-				"pako": {
-					"version": "0.2.9",
-					"resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
-					"integrity": "sha1-8/dSL073gjSNqBYbrZ7P1Rv4OnU=",
-					"dev": true
-				}
-			}
-		},
 		"unified": {
 			"version": "7.1.0",
 			"resolved": "https://registry.npmjs.org/unified/-/unified-7.1.0.tgz",
@@ -33436,12 +32210,6 @@
 			"resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz",
 			"integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA=="
 		},
-		"v8-compile-cache": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz",
-			"integrity": "sha512-usZBT3PW+LOjM25wbqIlZwPeJV+3OSz3M1k1Ws8snlW39dZyYL9lOGC5FgPVHfk0jKmjiDV8Z0mIbVQPiwFs7g==",
-			"dev": true
-		},
 		"validate-npm-package-license": {
 			"version": "3.0.3",
 			"resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.3.tgz",
@@ -33525,18 +32293,6 @@
 				"unist-util-stringify-position": "^1.1.1"
 			}
 		},
-		"vlq": {
-			"version": "0.2.3",
-			"resolved": "https://registry.npmjs.org/vlq/-/vlq-0.2.3.tgz",
-			"integrity": "sha512-DRibZL6DsNhIgYQ+wNdWDL2SL3bKPlVrRiBqV5yuMm++op8W4kGFtaQfCs4KEJn0wBZcHVHJ3eoywX8983k1ow==",
-			"dev": true
-		},
-		"vm-browserify": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.0.tgz",
-			"integrity": "sha512-iq+S7vZJE60yejDYM0ek6zg308+UZsdtPExWP9VZoCFCz1zkJoXFnAX7aZfd/ZwrkidzdUZL0C/ryW+JwAiIGw==",
-			"dev": true
-		},
 		"w3c-hr-time": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.1.tgz",
@@ -33546,17 +32302,6 @@
 				"browser-process-hrtime": "^0.1.2"
 			}
 		},
-		"w3c-xmlserializer": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-1.1.2.tgz",
-			"integrity": "sha512-p10l/ayESzrBMYWRID6xbuCKh2Fp77+sA0doRuGn4tTIMrrZVeqfpKjXHY+oDh3K4nLdPgNwMTVP6Vp4pvqbNg==",
-			"dev": true,
-			"requires": {
-				"domexception": "^1.0.1",
-				"webidl-conversions": "^4.0.2",
-				"xml-name-validator": "^3.0.0"
-			}
-		},
 		"wait-on": {
 			"version": "3.3.0",
 			"resolved": "https://registry.npmjs.org/wait-on/-/wait-on-3.3.0.tgz",
@@ -34517,12 +33262,6 @@
 			"integrity": "sha1-Ey7mPS7FVlxVfiD0wi35rKaGsQ0=",
 			"dev": true
 		},
-		"xmlchars": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
-			"integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
-			"dev": true
-		},
 		"xmldoc": {
 			"version": "0.4.0",
 			"resolved": "https://registry.npmjs.org/xmldoc/-/xmldoc-0.4.0.tgz",
diff --git a/package.json b/package.json
index 7fbcdef993efb3..d3bd64b3472042 100644
--- a/package.json
+++ b/package.json
@@ -108,6 +108,7 @@
 		"concurrently": "3.5.0",
 		"copy-webpack-plugin": "4.5.2",
 		"cross-env": "3.2.4",
+		"css-loader": "3.2.0",
 		"cssnano": "4.1.10",
 		"deep-freeze": "0.0.1",
 		"enzyme": "3.9.0",
@@ -132,7 +133,6 @@
 		"mkdirp": "0.5.1",
 		"node-sass": "4.12.0",
 		"node-watch": "0.6.0",
-		"parcel-bundler": "1.12.4",
 		"postcss": "7.0.13",
 		"progress": "2.0.3",
 		"react": "16.9.0",
@@ -149,6 +149,7 @@
 		"simple-git": "1.113.0",
 		"source-map-loader": "0.2.4",
 		"sprintf-js": "1.1.1",
+		"style-loader": "1.0.0",
 		"stylelint-config-wordpress": "13.1.0",
 		"typescript": "3.5.3",
 		"uuid": "3.3.2",
@@ -198,10 +199,14 @@
 		"test-unit-php-multisite": "cross-env WP_MULTISITE=1 wp-scripts env test-php",
 		"test-unit:native": "cd test/native/ && cross-env NODE_ENV=test jest --config ./jest.config.js",
 		"test-unit:native:debug": "cd test/native/ && node --inspect ../../node_modules/.bin/jest --runInBand --config ./jest.config.js",
-		"design-system:build": "npm run build:packages && build-storybook -c ./packages/components/storybook -o ./playground/dist/design-system/components",
-		"design-system:dev": "npm run build:packages && concurrently \"npm run dev:packages\" \"start-storybook -c ./packages/components/storybook\"",
-		"playground:build": "npm run build:packages && parcel build playground/src/index.html -d playground/dist",
-		"playground:dev": "concurrently \"npm run dev:packages\" \"parcel playground/src/index.html -d playground/dist\"",
+		"prestorybook:build": "npm run build:packages",
+		"storybook:build": "build-storybook -c ./storybook -o ./playground/dist",
+		"prestorybook:dev": "npm run build:packages",
+		"storybook:dev": "concurrently \"npm run dev:packages\" \"start-storybook -c ./storybook\"",
+		"design-system:build": "echo \"Please use storybook:build instead.\"",
+		"design-system:dev": "echo \"Please use storybook:dev instead.\"",
+		"playground:build": "npm run storybook:build",
+		"playground:dev": "echo \"Please use storybook:dev instead.\"",
 		"preenv": "npm run check-engines",
 		"env": "wp-scripts env"
 	},
diff --git a/packages/components/src/animate/stories/index.js b/packages/components/src/animate/stories/index.js
index 84227837e7a3ff..bc83faee7753d4 100644
--- a/packages/components/src/animate/stories/index.js
+++ b/packages/components/src/animate/stories/index.js
@@ -4,7 +4,7 @@
 import Animate from '../';
 import Notice from '../../notice';
 
-export default { title: 'Animate', component: Animate };
+export default { title: 'Components|Animate', component: Animate };
 
 export const _default = () => (
 	<Animate>
diff --git a/packages/components/src/button-group/stories/index.js b/packages/components/src/button-group/stories/index.js
index 8b1a694691025c..018e7b1782f5cf 100644
--- a/packages/components/src/button-group/stories/index.js
+++ b/packages/components/src/button-group/stories/index.js
@@ -4,7 +4,7 @@
 import Button from '../../button';
 import ButtonGroup from '../';
 
-export default { title: 'ButtonGroup', component: ButtonGroup };
+export default { title: 'Components|ButtonGroup', component: ButtonGroup };
 
 export const _default = () => {
 	const style = { margin: '0 4px' };
diff --git a/packages/components/src/button/stories/index.js b/packages/components/src/button/stories/index.js
index b3c3b408c373ec..ee73df4a786e2d 100644
--- a/packages/components/src/button/stories/index.js
+++ b/packages/components/src/button/stories/index.js
@@ -8,7 +8,7 @@ import { text } from '@storybook/addon-knobs';
  */
 import Button from '../';
 
-export default { title: 'Button', component: Button };
+export default { title: 'Components|Button', component: Button };
 
 export const _default = () => {
 	const label = text( 'Label', 'Default Button' );
diff --git a/packages/components/src/checkbox-control/stories/index.js b/packages/components/src/checkbox-control/stories/index.js
index 40b48ccf3ef3a2..fbb8235ff6d39d 100644
--- a/packages/components/src/checkbox-control/stories/index.js
+++ b/packages/components/src/checkbox-control/stories/index.js
@@ -13,7 +13,7 @@ import { useState } from '@wordpress/element';
  */
 import CheckboxControl from '../';
 
-export default { title: 'CheckboxControl', component: CheckboxControl };
+export default { title: 'Components|CheckboxControl', component: CheckboxControl };
 
 const CheckboxControlWithState = ( { checked, ...props } ) => {
 	const [ isChecked, setChecked ] = useState( checked );
diff --git a/packages/components/src/clipboard-button/stories/index.js b/packages/components/src/clipboard-button/stories/index.js
index 7e0146448d56d5..82861f1a1d8828 100644
--- a/packages/components/src/clipboard-button/stories/index.js
+++ b/packages/components/src/clipboard-button/stories/index.js
@@ -13,7 +13,7 @@ import { useState } from '@wordpress/element';
  */
 import ClipboardButton from '../';
 
-export default { title: 'ClipboardButton', component: ClipboardButton };
+export default { title: 'Components|ClipboardButton', component: ClipboardButton };
 
 const ClipboardButtonWithState = ( { copied, ...props } ) => {
 	const [ isCopied, setCopied ] = useState( copied );
diff --git a/packages/components/src/color-indicator/stories/index.js b/packages/components/src/color-indicator/stories/index.js
index d14f180abbe25a..c81ed107fb0e8b 100644
--- a/packages/components/src/color-indicator/stories/index.js
+++ b/packages/components/src/color-indicator/stories/index.js
@@ -9,7 +9,7 @@ import { text } from '@storybook/addon-knobs';
 import ColorIndicator from '../';
 
 export default {
-	title: 'ColorIndicator',
+	title: 'Components|ColorIndicator',
 	component: ColorIndicator,
 };
 
diff --git a/packages/components/src/color-palette/stories/index.js b/packages/components/src/color-palette/stories/index.js
index ad8e727f0e6f72..3694f6903eae4b 100644
--- a/packages/components/src/color-palette/stories/index.js
+++ b/packages/components/src/color-palette/stories/index.js
@@ -13,7 +13,7 @@ import { useState } from '@wordpress/element';
  */
 import ColorPalette from '../';
 
-export default { title: 'ColorPalette', component: ColorPalette };
+export default { title: 'Components|ColorPalette', component: ColorPalette };
 
 const ColorPaletteWithState = ( props ) => {
 	const [ color, setColor ] = useState( '#F00' );
diff --git a/packages/components/src/color-picker/stories/index.js b/packages/components/src/color-picker/stories/index.js
index 19bca39729d4f5..1ad10680bf6e35 100644
--- a/packages/components/src/color-picker/stories/index.js
+++ b/packages/components/src/color-picker/stories/index.js
@@ -9,7 +9,7 @@ import { useState } from '@wordpress/element';
  */
 import ColorPicker from '../';
 
-export default { title: 'ColorPicker', component: ColorPicker };
+export default { title: 'Components|ColorPicker', component: ColorPicker };
 
 const ColorPickerWithState = ( { ...props } ) => {
 	const [ color, setColor ] = useState( '#f00' );
diff --git a/packages/components/src/dashicon/stories/index.js b/packages/components/src/dashicon/stories/index.js
index 5ba7d7be98cbcb..1baa2a69b3f5a4 100644
--- a/packages/components/src/dashicon/stories/index.js
+++ b/packages/components/src/dashicon/stories/index.js
@@ -8,7 +8,7 @@ import { number, text } from '@storybook/addon-knobs';
  */
 import Dashicon from '../';
 
-export default { title: 'Dashicon', component: Dashicon };
+export default { title: 'Components|Dashicon', component: Dashicon };
 
 export const _default = () => {
 	const icon = text( 'Icon', 'wordpress' );
diff --git a/packages/components/src/draggable/stories/index.js b/packages/components/src/draggable/stories/index.js
index fbe81321df7232..24db493a4616ff 100644
--- a/packages/components/src/draggable/stories/index.js
+++ b/packages/components/src/draggable/stories/index.js
@@ -9,7 +9,7 @@ import { useState } from '@wordpress/element';
 import Draggable from '../';
 import Dashicon from '../../dashicon';
 
-export default { title: 'Draggable', component: Draggable };
+export default { title: 'Components|Draggable', component: Draggable };
 
 const Box = ( props ) => {
 	return (
diff --git a/packages/components/src/external-link/stories/index.js b/packages/components/src/external-link/stories/index.js
index 9abfa1af04ba9c..29a8e921c46bdf 100644
--- a/packages/components/src/external-link/stories/index.js
+++ b/packages/components/src/external-link/stories/index.js
@@ -7,7 +7,7 @@ import { text } from '@storybook/addon-knobs';
  */
 import ExternalLink from '../';
 
-export default { title: 'ExternalLink', component: ExternalLink };
+export default { title: 'Components|ExternalLink', component: ExternalLink };
 
 export const _default = () => {
 	const title = text( 'children', 'WordPress' );
diff --git a/packages/components/src/font-size-picker/stories/index.js b/packages/components/src/font-size-picker/stories/index.js
index 7b377716a30f09..6661c0211eda04 100644
--- a/packages/components/src/font-size-picker/stories/index.js
+++ b/packages/components/src/font-size-picker/stories/index.js
@@ -13,7 +13,7 @@ import { useState } from '@wordpress/element';
  */
 import FontSizePicker from '../';
 
-export default { title: 'FontSizePicker', component: FontSizePicker };
+export default { title: 'Components|FontSizePicker', component: FontSizePicker };
 
 const FontSizePickerWithState = ( { ...props } ) => {
 	const [ fontSize, setFontSize ] = useState( 16 );
diff --git a/packages/components/src/icon-button/stories/index.js b/packages/components/src/icon-button/stories/index.js
index b5c4275159dc5b..0f0b82c2e876ea 100644
--- a/packages/components/src/icon-button/stories/index.js
+++ b/packages/components/src/icon-button/stories/index.js
@@ -8,7 +8,7 @@ import { text } from '@storybook/addon-knobs';
  */
 import IconButton from '../';
 
-export default { title: 'IconButton', component: IconButton };
+export default { title: 'Components|IconButton', component: IconButton };
 
 export const _default = () => {
 	const icon = text( 'Icon', 'ellipsis' );
diff --git a/packages/components/src/icon/stories/index.js b/packages/components/src/icon/stories/index.js
index f2cd8bee1839b5..4add6e69b4ae8e 100644
--- a/packages/components/src/icon/stories/index.js
+++ b/packages/components/src/icon/stories/index.js
@@ -9,7 +9,7 @@ import { number, text } from '@storybook/addon-knobs';
 import Icon from '../';
 import { SVG, Path } from '../../primitives/svg';
 
-export default { title: 'Icon', component: Icon };
+export default { title: 'Components|Icon', component: Icon };
 
 const IconSizeLabel = ( { size } ) => <div style={ { fontSize: 12 } }>{ size }px</div>;
 
diff --git a/packages/components/src/modal/stories/index.js b/packages/components/src/modal/stories/index.js
index 28c01674b0a26d..043a9126561f7a 100644
--- a/packages/components/src/modal/stories/index.js
+++ b/packages/components/src/modal/stories/index.js
@@ -15,7 +15,7 @@ import Modal from '../';
  */
 import { useState } from '@wordpress/element';
 
-export default { title: 'Modal', component: Modal };
+export default { title: 'Components|Modal', component: Modal };
 
 const ModalExample = ( props ) => {
 	const [ isOpen, setOpen ] = useState( false );
diff --git a/packages/components/src/range-control/stories/index.js b/packages/components/src/range-control/stories/index.js
index afbd56035d2ac2..397b974d8da206 100644
--- a/packages/components/src/range-control/stories/index.js
+++ b/packages/components/src/range-control/stories/index.js
@@ -13,7 +13,7 @@ import { useState } from '@wordpress/element';
  */
 import RangeControl from '../';
 
-export default { title: 'RangeControl', component: RangeControl };
+export default { title: 'Components|RangeControl', component: RangeControl };
 
 const RangeControlWithState = ( props ) => {
 	const [ value, setValue ] = useState( 5 );
diff --git a/packages/components/src/resizable-box/stories/index.js b/packages/components/src/resizable-box/stories/index.js
index 0e8b8a336adbbb..68742c08c22b27 100644
--- a/packages/components/src/resizable-box/stories/index.js
+++ b/packages/components/src/resizable-box/stories/index.js
@@ -13,7 +13,7 @@ import ResizableBox from '../';
  */
 import { useState } from '@wordpress/element';
 
-export default { title: 'ResizableBox', component: ResizableBox };
+export default { title: 'Components|ResizableBox', component: ResizableBox };
 
 const Example = ( props ) => {
 	const [ attributes, setAttributes ] = useState( { height: 200, width: 400 } );
diff --git a/packages/components/src/scroll-lock/stories/index.js b/packages/components/src/scroll-lock/stories/index.js
index 20ef27337fc787..5d225a33c17337 100644
--- a/packages/components/src/scroll-lock/stories/index.js
+++ b/packages/components/src/scroll-lock/stories/index.js
@@ -9,7 +9,7 @@ import { useState } from '@wordpress/element';
 import Button from '../../button';
 import ScrollLock from '../';
 
-export default { title: 'ScrollLock', component: ScrollLock };
+export default { title: 'Components|ScrollLock', component: ScrollLock };
 
 const Example = () => {
 	const [ isScrollLocked, setScrollLocked ] = useState( false );
diff --git a/packages/components/src/snackbar/stories/index.js b/packages/components/src/snackbar/stories/index.js
index e8a8dece3c9a92..bcfb2afeb73169 100644
--- a/packages/components/src/snackbar/stories/index.js
+++ b/packages/components/src/snackbar/stories/index.js
@@ -8,7 +8,7 @@ import { text } from '@storybook/addon-knobs';
  */
 import Snackbar from '../';
 
-export default { title: 'Snackbar', component: Snackbar };
+export default { title: 'Components|Snackbar', component: Snackbar };
 
 export const _default = () => {
 	const content = text( 'Content', 'Use Snackbars to communicate low priority, non-interruptive messages to the user.' );
diff --git a/packages/components/src/spinner/stories/index.js b/packages/components/src/spinner/stories/index.js
index 188f13e45273f4..95ffcc24c99e07 100644
--- a/packages/components/src/spinner/stories/index.js
+++ b/packages/components/src/spinner/stories/index.js
@@ -3,7 +3,7 @@
  */
 import Spinner from '../';
 
-export default { title: 'Spinner', component: Spinner };
+export default { title: 'Components|Spinner', component: Spinner };
 
 export const _default = () => {
 	return (
diff --git a/packages/components/src/toggle-control/stories/index.js b/packages/components/src/toggle-control/stories/index.js
index fbf22adf3eeac3..789b50079b94ac 100644
--- a/packages/components/src/toggle-control/stories/index.js
+++ b/packages/components/src/toggle-control/stories/index.js
@@ -13,7 +13,7 @@ import { useState } from '@wordpress/element';
  */
 import ToggleControl from '../';
 
-export default { title: 'ToggleControl', component: ToggleControl };
+export default { title: 'Components|ToggleControl', component: ToggleControl };
 
 const ToggleControlWithState = ( { helpTextChecked, helpTextUnchecked, ...props } ) => {
 	const [ hasFixedBackground, setHasFixedBackground ] = useState( true );
diff --git a/packages/components/src/visually-hidden/stories/index.js b/packages/components/src/visually-hidden/stories/index.js
index 03b60ccc334126..50ecae3ed1c51e 100644
--- a/packages/components/src/visually-hidden/stories/index.js
+++ b/packages/components/src/visually-hidden/stories/index.js
@@ -3,7 +3,7 @@
  */
 import VisuallyHidden from '../';
 
-export default { title: 'VisuallyHidden', component: VisuallyHidden };
+export default { title: 'Components|VisuallyHidden', component: VisuallyHidden };
 
 export const _default = () => (
 	<>
diff --git a/packages/components/storybook/.babelrc b/packages/components/storybook/.babelrc
deleted file mode 100644
index 3f3c69a12a5b94..00000000000000
--- a/packages/components/storybook/.babelrc
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-	"presets": [ "@wordpress/babel-preset-default" ]
-}
diff --git a/packages/components/storybook/README.md b/packages/components/storybook/README.md
deleted file mode 100644
index d043435fdf335b..00000000000000
--- a/packages/components/storybook/README.md
+++ /dev/null
@@ -1,11 +0,0 @@
-
-# Storybook 
-
-Storybook is an open-source tool that provides a sandbox to develop and visualize components in isolation. See the [Storybookjs site](https://storybook.js.org/) for more information about the tool. 
-
-The Gutenberg project uses Storybook to view and work with the `@wordpress/components` package.
-
-View online at: https://wordpress.github.io/gutenberg/design-system/components
-
-Run locally in your development environment running: `npm run design-system:dev` from the top-level Gutenberg directory.
-
diff --git a/packages/components/storybook/config.js b/packages/components/storybook/config.js
deleted file mode 100644
index b2bfd74c3da6eb..00000000000000
--- a/packages/components/storybook/config.js
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * External dependencies
- */
-import { addDecorator, configure } from '@storybook/react';
-import { withA11y } from '@storybook/addon-a11y';
-import { withKnobs } from '@storybook/addon-knobs';
-
-/**
- * Internal dependencies
- */
-import '../build-style/style.css';
-
-addDecorator( withA11y );
-addDecorator( withKnobs );
-configure(
-	[
-		require.context( '../docs', true, /\/.+\.mdx$/ ),
-		require.context( '../src', true, /\/stories\/.+\.js$/ ),
-	],
-	module
-);
diff --git a/packages/components/storybook/webpack.config.js b/packages/components/storybook/webpack.config.js
deleted file mode 100644
index 46b9a3289d3d12..00000000000000
--- a/packages/components/storybook/webpack.config.js
+++ /dev/null
@@ -1,9 +0,0 @@
-module.exports = ( { config } ) => {
-	config.module.rules.push( {
-		test: /\/stories\/.+\.js$/,
-		loaders: [ require.resolve( '@storybook/source-loader' ) ],
-		enforce: 'pre',
-	} );
-
-	return config;
-};
diff --git a/playground/.babelrc b/playground/.babelrc
deleted file mode 100644
index 5b8ba9724e13af..00000000000000
--- a/playground/.babelrc
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-	"presets": ["@wordpress/babel-preset-default"],
-	"plugins": [
-		[ "@babel/plugin-transform-react-jsx", {
-			"pragma": "createElement"
-		} ],
-		"babel-plugin-inline-json-import"
-	]
-}
diff --git a/playground/src/index.html b/playground/src/index.html
deleted file mode 100644
index 11576c6aa41182..00000000000000
--- a/playground/src/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>The Gutenberg Playground</title>
-	<link href="https://fonts.googleapis.com/css?family=Noto+Serif:400,700" rel="stylesheet">
-</head>
-
-<body>
-	<div id="app"></div>
-	<script src="./index.js"></script>
-</body>
-</html>
diff --git a/playground/src/index.js b/playground/src/index.js
deleted file mode 100644
index 66815d8a027256..00000000000000
--- a/playground/src/index.js
+++ /dev/null
@@ -1,78 +0,0 @@
-/**
- * WordPress dependencies
- */
-import '@wordpress/editor'; // This shouldn't be necessary
-
-import { render, useState, Fragment } from '@wordpress/element';
-import {
-	BlockEditorKeyboardShortcuts,
-	BlockEditorProvider,
-	BlockList,
-	BlockInspector,
-	WritingFlow,
-	ObserveTyping,
-} from '@wordpress/block-editor';
-import {
-	Button,
-	Popover,
-	SlotFillProvider,
-	DropZoneProvider,
-} from '@wordpress/components';
-import { registerCoreBlocks } from '@wordpress/block-library';
-import '@wordpress/format-library';
-
-/**
- * Internal dependencies
- */
-import './style.scss';
-
-/* eslint-disable no-restricted-syntax */
-import '@wordpress/components/build-style/style.css';
-import '@wordpress/block-editor/build-style/style.css';
-import '@wordpress/block-library/build-style/style.css';
-import '@wordpress/block-library/build-style/editor.css';
-import '@wordpress/block-library/build-style/theme.css';
-import '@wordpress/format-library/build-style/style.css';
-/* eslint-enable no-restricted-syntax */
-
-function App() {
-	const [ blocks, updateBlocks ] = useState( [] );
-
-	return (
-		<Fragment>
-			<div className="playground__header">
-				<h1 className="playground__logo">Gutenberg Playground</h1>
-				<Button isLarge href="design-system/components" target="_blank">
-					Design System Components
-				</Button>
-			</div>
-			<div className="playground__body">
-				<SlotFillProvider>
-					<DropZoneProvider>
-						<BlockEditorProvider
-							value={ blocks }
-							onInput={ updateBlocks }
-							onChange={ updateBlocks }
-						>
-							<div className="playground__sidebar">
-								<BlockInspector />
-							</div>
-							<div className="editor-styles-wrapper">
-								<BlockEditorKeyboardShortcuts />
-								<WritingFlow>
-									<ObserveTyping>
-										<BlockList />
-									</ObserveTyping>
-								</WritingFlow>
-							</div>
-							<Popover.Slot />
-						</BlockEditorProvider>
-					</DropZoneProvider>
-				</SlotFillProvider>
-			</div>
-		</Fragment>
-	);
-}
-
-registerCoreBlocks();
-render( <App />, document.querySelector( '#app' ) );
diff --git a/storybook/.babelrc b/storybook/.babelrc
new file mode 100644
index 00000000000000..c97694a2f21a53
--- /dev/null
+++ b/storybook/.babelrc
@@ -0,0 +1,6 @@
+{
+	"presets": [ "@wordpress/babel-preset-default" ],
+	"plugins": [
+		"babel-plugin-inline-json-import"
+	]
+}
diff --git a/playground/.sassrc b/storybook/.sassrc
similarity index 100%
rename from playground/.sassrc
rename to storybook/.sassrc
diff --git a/storybook/README.md b/storybook/README.md
new file mode 100644
index 00000000000000..d7cd4915710499
--- /dev/null
+++ b/storybook/README.md
@@ -0,0 +1,10 @@
+# Storybook 
+
+Storybook is an open-source tool that provides a sandbox to develop and visualize components in isolation. See the [Storybook site](https://storybook.js.org/) for more information about the tool. 
+
+The Gutenberg project uses Storybook to view and work with the UI components developed in the WordPress packages.
+
+View online at: https://wordpress.github.io/gutenberg/
+
+Run locally in your development environment running: `npm run storybook:dev` from the top-level Gutenberg directory.
+
diff --git a/packages/components/storybook/addons.js b/storybook/addons.js
similarity index 100%
rename from packages/components/storybook/addons.js
rename to storybook/addons.js
diff --git a/storybook/config.js b/storybook/config.js
new file mode 100644
index 00000000000000..78a2ad8a01cde8
--- /dev/null
+++ b/storybook/config.js
@@ -0,0 +1,23 @@
+/**
+ * External dependencies
+ */
+import { addDecorator, configure } from '@storybook/react';
+import { withA11y } from '@storybook/addon-a11y';
+import { withKnobs } from '@storybook/addon-knobs';
+
+/**
+ * WordPress dependencies
+ */
+/* eslint-disable no-restricted-syntax */
+import '@wordpress/components/build-style/style.css';
+/* eslint-enable no-restricted-syntax */
+
+addDecorator( withA11y );
+addDecorator( withKnobs );
+configure(
+	[
+		require.context( './stories/', true, /\/.+\.(js|mdx)$/ ),
+		require.context( '../packages/components/src/', true, /\/stories\/.+\.js$/ ),
+	],
+	module
+);
diff --git a/packages/components/storybook/presets.js b/storybook/presets.js
similarity index 100%
rename from packages/components/storybook/presets.js
rename to storybook/presets.js
diff --git a/storybook/preview-head.html b/storybook/preview-head.html
new file mode 100644
index 00000000000000..ecf2ea599cb3e2
--- /dev/null
+++ b/storybook/preview-head.html
@@ -0,0 +1 @@
+<link href="https://fonts.googleapis.com/css?family=Noto+Serif:400,700" rel="stylesheet">
diff --git a/packages/components/docs/introduction.story.mdx b/storybook/stories/docs/introduction.story.mdx
similarity index 70%
rename from packages/components/docs/introduction.story.mdx
rename to storybook/stories/docs/introduction.story.mdx
index b21ec2d11c4072..9b25274688acdb 100644
--- a/packages/components/docs/introduction.story.mdx
+++ b/storybook/stories/docs/introduction.story.mdx
@@ -1,6 +1,6 @@
 import { Meta } from '@storybook/addon-docs/blocks';
 
-<Meta title="Introduction" />
+<Meta title="Docs|Introduction" />
 
 # Introduction
 
diff --git a/playground/src/editor-styles.scss b/storybook/stories/playground/editor-styles.scss
similarity index 100%
rename from playground/src/editor-styles.scss
rename to storybook/stories/playground/editor-styles.scss
diff --git a/storybook/stories/playground/index.js b/storybook/stories/playground/index.js
new file mode 100644
index 00000000000000..a0246b6551e0e7
--- /dev/null
+++ b/storybook/stories/playground/index.js
@@ -0,0 +1,78 @@
+/**
+ * WordPress dependencies
+ */
+import '@wordpress/editor'; // This shouldn't be necessary
+
+import { useEffect, useState } from '@wordpress/element';
+import {
+	BlockEditorKeyboardShortcuts,
+	BlockEditorProvider,
+	BlockList,
+	BlockInspector,
+	WritingFlow,
+	ObserveTyping,
+} from '@wordpress/block-editor';
+import {
+	Popover,
+	SlotFillProvider,
+	DropZoneProvider,
+} from '@wordpress/components';
+import { registerCoreBlocks } from '@wordpress/block-library';
+import '@wordpress/format-library';
+
+/* eslint-disable no-restricted-syntax */
+import '@wordpress/components/build-style/style.css';
+import '@wordpress/block-editor/build-style/style.css';
+import '@wordpress/block-library/build-style/style.css';
+import '@wordpress/block-library/build-style/editor.css';
+import '@wordpress/block-library/build-style/theme.css';
+import '@wordpress/format-library/build-style/style.css';
+/* eslint-enable no-restricted-syntax */
+
+/**
+ * Internal dependencies
+ */
+import './style.scss';
+
+function App() {
+	const [ blocks, updateBlocks ] = useState( [] );
+
+	useEffect( () => {
+		registerCoreBlocks();
+	} );
+
+	return (
+		<div className="playground">
+			<SlotFillProvider>
+				<DropZoneProvider>
+					<BlockEditorProvider
+						value={ blocks }
+						onInput={ updateBlocks }
+						onChange={ updateBlocks }
+					>
+						<div className="playground__sidebar">
+							<BlockInspector />
+						</div>
+						<div className="editor-styles-wrapper">
+							<BlockEditorKeyboardShortcuts />
+							<WritingFlow>
+								<ObserveTyping>
+									<BlockList />
+								</ObserveTyping>
+							</WritingFlow>
+						</div>
+						<Popover.Slot />
+					</BlockEditorProvider>
+				</DropZoneProvider>
+			</SlotFillProvider>
+		</div>
+	);
+}
+
+export default {
+	title: 'Playground|Block Editor',
+};
+
+export const _default = () => {
+	return <App />;
+};
diff --git a/playground/src/reset.scss b/storybook/stories/playground/reset.scss
similarity index 100%
rename from playground/src/reset.scss
rename to storybook/stories/playground/reset.scss
diff --git a/playground/src/style.scss b/storybook/stories/playground/style.scss
similarity index 78%
rename from playground/src/style.scss
rename to storybook/stories/playground/style.scss
index b6fd8395ac08e8..a9dc2af8c21b8c 100644
--- a/playground/src/style.scss
+++ b/storybook/stories/playground/style.scss
@@ -8,20 +8,29 @@
 @import "./reset";
 @import "./editor-styles";
 
-$playground-header-height: 95px;
+.playground {
+	@include break-small() {
+		width: calc(100% - #{$sidebar-width});
+	}
+	padding-top: 20px;
+
+	img {
+		max-width: 100%;
+		height: auto;
+	}
 
-.playground__header {
-	align-items: center;
-	border-bottom: 1px solid #ddd;
-	display: flex;
-	justify-content: space-between;
-	padding: 20px;
-	height: $playground-header-height;
+	iframe {
+		width: 100%;
+	}
+
+	.components-navigate-regions {
+		height: 100%;
+	}
 }
 
 .playground__sidebar {
 	position: fixed;
-	top: $playground-header-height;
+	top: 0;
 	right: 0;
 	bottom: 0;
 	width: $sidebar-width;
@@ -37,31 +46,6 @@ $playground-header-height: 95px;
 	}
 }
 
-.playground__logo {
-	font-size: 20px;
-	font-weight: 300;
-}
-
-.playground__body {
-	@include break-small() {
-		width: calc(100% - #{$sidebar-width});
-	}
-	padding-top: 20px;
-
-	img {
-		max-width: 100%;
-		height: auto;
-	}
-
-	iframe {
-		width: 100%;
-	}
-
-	.components-navigate-regions {
-		height: 100%;
-	}
-}
-
 /**
  * Animations
  */
diff --git a/storybook/webpack.config.js b/storybook/webpack.config.js
new file mode 100644
index 00000000000000..beac3811c353af
--- /dev/null
+++ b/storybook/webpack.config.js
@@ -0,0 +1,18 @@
+const path = require( 'path' );
+
+module.exports = ( { config } ) => {
+	config.module.rules.push(
+		{
+			test: /\/stories\/.+\.js$/,
+			loaders: [ require.resolve( '@storybook/source-loader' ) ],
+			enforce: 'pre',
+		},
+		{
+			test: /\.scss$/,
+			use: [ 'style-loader', 'css-loader', 'sass-loader' ],
+			include: path.resolve( __dirname ),
+		}
+	);
+
+	return config;
+};