Merge pull request #2 from ReiiYuki/ry/nav

NavBar
SKE-12 · Nov 7, 2018 · b1558d8 · b1558d8
2 parents f06cbf8 + 25affc8
commit b1558d8
Show file tree

Hide file tree

Showing 37 changed files with 2,249 additions and 4,659 deletions.
diff --git a/.babelrc b/.babelrc
@@ -4,6 +4,7 @@
 		"@babel/preset-react"
 	],
 	"plugins": [
+		"@babel/plugin-proposal-class-properties",
 		"@babel/proposal-export-default",
 		"@babel/proposal-export-default-from",
 		"babel-plugin-styled-components"

diff --git a/.gitignore b/.gitignore
@@ -61,4 +61,7 @@ typings/
 .next
 
 # prod build
-lib
+lib
+
+# cache
+.cache
diff --git a/addons.js b/addons.js
@@ -1 +1,2 @@
+import '@storybook/addon-viewport/register'
 import 'storybook-addon-jsx/register'
diff --git a/docs/favicon.ico b/docs/favicon.ico
diff --git a/docs/iframe.html b/docs/iframe.html
@@ -1,27 +1,60 @@
-<!DOCTYPE html>
-<html>
+<!doctype html><html><head><meta charset="utf-8"><title>Storybook</title><base target="_parent"><style>:not(.sb-show-main) > .sb-main,
+  :not(.sb-show-nopreview) > .sb-nopreview,
+  :not(.sb-show-errordisplay) > .sb-errordisplay {
+      display: none;
+  }
 
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
-    <base target="_parent">
-    <script>
-        if (window.parent !== window) {
-            try {
-                window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-            } catch (error) {
-                // The above line can throw if we do not have access to the parent frame -- i.e. cross origin
-            }
-        }
-    </script>
-    <title>Storybook</title>
-
-</head>
+  .sb-wrapper {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 20px;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", Roboto, "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
+    -webkit-font-smoothing: antialiased;
+  }
 
-<body>
-    <div id="root"></div>
-    <div id="error-display"></div>
-<script type="text/javascript" src="static/preview.019612bcbf8346e0f644.bundle.js"></script></body>
+  .sb-heading {
+    font-size: 20px;
+    font-weight: 600;
+    letter-spacing: 0.2px;
+    margin: 10px 0;
+  }
 
-</html>
+  .sb-nopreview {
+    display: flex;
+    align-content: center;
+    justify-content: center;
+  }
+
+  .sb-nopreview_main {
+    margin: auto;
+    padding: 30px;
+    border-radius: 10px;
+    background: rgba(0,0,0,0.03);
+  }
+
+  .sb-nopreview_heading {
+    text-align: center;
+  }
+
+  .sb-errordisplay {
+    background-color: rgb(187, 49, 49);
+    color: #FFF;
+  }
+
+  .sb-errordisplay_code {
+    font-size: 14px;
+    width: 100vw;
+    overflow: auto;
+  }</style><script>try {
+    if (window.parent !== window) {
+      window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+      window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+    }
+  } catch (e) {
+    console.warn('unable to connect to parent frame for connecting dev tools');
+  }</script></head><body><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the storybook config.</li><li>Try reloading the page.</li></ul></div></div><div class="sb-errordisplay sb-wrapper"><div id="error-message" class="sb-heading"></div><pre class="sb-errordisplay_code">
+    <code id="error-stack"></code>
+  </pre></div><div id="root"></div><script src="static/runtime~iframe.36305751f78a2d599ec4.bundle.js"></script><script src="static/vendors~iframe.837487e724e0692b7691.bundle.js"></script><script src="static/iframe.542908677a2a524990b6.bundle.js"></script></body></html>
diff --git a/docs/index.html b/docs/index.html
@@ -1,44 +1,14 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="storybook-version" content="3.4.11">
-    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
-    <title>Storybook</title>
-    <style>
-        /*
-          When resizing panels, the drag event breaks if the cursor
-          moves over the iframe. Add the 'dragging' class to the body
-          at drag start and remove it when the drag ends.
-         */
-        .dragging iframe {
-            pointer-events: none;
-        }
-
-        /* Styling the fuzzy search box placeholders */
-        .searchBox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
-            color: #ddd;
-            font-size: 16px;
-        }
-
-        .searchBox::-moz-placeholder { /* Firefox 19+ */
-            color: #ddd;
-            font-size: 16px;
-        }
-
-        .searchBox:focus{
-            border-color: #EEE !important;
-        }
-
-        .btn:hover{
-            background-color: #eee
-        }
-    </style>
-
-
-</head>
-<body style="margin: 0;">
-    <div id="root"></div>
-<script type="text/javascript" src="static/manager.f7bf4004d49eb13446b7.bundle.js"></script></body>
-</html>
+<!doctype html><html><head><meta charset="utf-8"><title>Storybook</title><style>html, body {
+    overflow: hidden;
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }</style><script>try {
+    if (window.parent !== window) {
+      window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+      window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+    }
+  } catch (e) {
+    console.warn('unable to connect to parent frame for connecting dev tools');
+  }</script></head><body><div id="root"></div><script src="static/runtime~manager.9ffd8dd7b8642e4235e2.bundle.js"></script><script src="static/manager.b4f3b1f6adbc2da02ab1.bundle.js"></script></body></html>
diff --git a/docs/static/iframe.542908677a2a524990b6.bundle.js b/docs/static/iframe.542908677a2a524990b6.bundle.js
diff --git a/docs/static/iframe.542908677a2a524990b6.bundle.js.map b/docs/static/iframe.542908677a2a524990b6.bundle.js.map
diff --git a/docs/static/manager.b4f3b1f6adbc2da02ab1.bundle.js b/docs/static/manager.b4f3b1f6adbc2da02ab1.bundle.js
diff --git a/docs/static/manager.b4f3b1f6adbc2da02ab1.bundle.js.map b/docs/static/manager.b4f3b1f6adbc2da02ab1.bundle.js.map
diff --git a/docs/static/manager.f7bf4004d49eb13446b7.bundle.js b/docs/static/manager.f7bf4004d49eb13446b7.bundle.js
diff --git a/docs/static/preview.019612bcbf8346e0f644.bundle.js b/docs/static/preview.019612bcbf8346e0f644.bundle.js
diff --git a/docs/static/runtime~iframe.36305751f78a2d599ec4.bundle.js b/docs/static/runtime~iframe.36305751f78a2d599ec4.bundle.js
diff --git a/docs/static/runtime~iframe.36305751f78a2d599ec4.bundle.js.map b/docs/static/runtime~iframe.36305751f78a2d599ec4.bundle.js.map
diff --git a/docs/static/runtime~manager.9ffd8dd7b8642e4235e2.bundle.js b/docs/static/runtime~manager.9ffd8dd7b8642e4235e2.bundle.js
-Original file line number
+Diff line change
@@ Expand Up / @@ -61,4 +61,7 @@ typings/ @@
     .next
     # prod build
-    lib
+    lib
+    # cache
+    .cache
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		import '@storybook/addon-viewport/register'
		import 'storybook-addon-jsx/register'