Vault ui (#21)

Vault ui
buttercup · May 4, 2019 · e902ef7 · e902ef7
2 parents a48267a + 88de179
commit e902ef7
Show file tree

Hide file tree

Showing 34 changed files with 6,254 additions and 3,774 deletions.
diff --git a/.babelrc b/.babelrc
@@ -10,8 +10,11 @@
         }]
     ],
     "plugins": [
+        "ramda",
         "@babel/plugin-transform-spread",
+        "@babel/plugin-proposal-object-rest-spread",
         "@babel/plugin-proposal-class-properties",
+        "@babel/plugin-proposal-function-bind",
         "jsx-control-statements"
     ]
 }
diff --git a/.editorconfig b/.editorconfig
@@ -3,3 +3,6 @@ root = true
 [*]
 indent_style = space
 indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
diff --git a/.npmignore b/.npmignore
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
@@ -0,0 +1,35 @@
+const path = require('path');
+
+module.exports = {
+  node: {
+    fs: 'empty'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          'style-loader', // creates style nodes from JS strings
+          'css-loader' // translates CSS into CommonJS
+        ]
+      },
+      {
+        test: /\.scss$/,
+        use: [
+          'style-loader', // creates style nodes from JS strings
+          'css-loader', // translates CSS into CommonJS
+          'sass-loader' // compiles Sass to CSS, using Node Sass by default
+        ]
+      },
+      {
+        test: /\.(png|jpg|gif)$/,
+        use: [
+          {
+            loader: 'file-loader',
+            options: {}
+          }
+        ]
+      }
+    ]
+  }
+};
diff --git a/__tests__/__snapshots__/generator.spec.js.snap b/__tests__/__snapshots__/generator.spec.js.snap
@@ -368,10 +368,11 @@ exports[`generator initial render remains consistent 1`] = `
 <body>
         <div
           class="Popover Popover-above "
-          style="position: absolute; top: -4px; left: -25px; display: flex; flex-flow: column; transform: translateY(0); opacity: 1;"
+          style="position: absolute; top: -4px; left: -25px; display: flex; flex-flow: column; transform: translateY(0); opacity: 1; transition-property: top, left, opacity, transform; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);"
         >
           <div
             class="Popover-body"
+            style="order: -1;"
           >
             <div
               class="c0"
@@ -512,7 +513,7 @@ exports[`generator initial render remains consistent 1`] = `
           <svg
             class="Popover-tip"
             height="7"
-            style="transform: translateX(-14px);"
+            style="transform: translateX(-14px); transition: transform 150ms ease-in;"
             width="14"
           >
             <polygon
@@ -550,10 +551,11 @@ exports[`generator initial render remains consistent 1`] = `
         <body>
           <div
             class="Popover Popover-above "
-            style="position: absolute; top: -4px; left: -25px; display: flex; flex-flow: column; transform: translateY(0); opacity: 1;"
+            style="position: absolute; top: -4px; left: -25px; display: flex; flex-flow: column; transform: translateY(0); opacity: 1; transition-property: top, left, opacity, transform; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);"
           >
             <div
               class="Popover-body"
+              style="order: -1;"
             >
               <div
                 class="c0"
@@ -694,7 +696,7 @@ exports[`generator initial render remains consistent 1`] = `
             <svg
               class="Popover-tip"
               height="7"
-              style="transform: translateX(-14px);"
+              style="transform: translateX(-14px); transition: transform 150ms ease-in;"
               width="14"
             >
               <polygon