feat(Migration): com header

packages/blockchain-info-components/.babelrc

@@ -5,5 +5,5 @@
     }
   },
   "presets": ["es2015", "react", "stage-0"],
-  "plugins": ["babel-plugin-styled-components"]
+  "plugins": ["inline-react-svg", "babel-plugin-styled-components"]
 }

packages/blockchain-info-components/.storybook/webpack.config.js

@@ -4,14 +4,9 @@ module.exports = {
       {
         test: /\.(ico|jpg|jpeg|png|gif|eot|otf|svg|webp|ttf|woff|woff2)(\?.*)?$/,
         loader: require.resolve('file-loader'),
-        exclude: /\.inline.svg$/,
         query: {
           name: 'static/media/[name].[hash:8].[ext]'
         }
-      },
-      {
-        test: /\.inline.svg$/,
-        use: '@svgr/webpack'
       }
     ]
   }

packages/blockchain-info-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blockchain-info-components",
-  "version": "0.0.12",
+  "version": "0.0.19",
   "description": "A shared UI components library for blockchain.info applications.",
   "license": "ISC",
   "author": {
@@ -54,11 +54,14 @@
   "dependencies": {
     "polished": "1.9.0",
     "prop-types": "15.6.1",
-    "react-intl": "2.4.0",
     "ramda": "0.25.0",
     "react": "16.4.0",
     "react-datetime": "2.14.0",
+    "react-intl": "2.4.0",
     "react-onclickoutside": "6.7.1",
     "styled-components": "3.3.2"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.26.0"
   }
 }

packages/blockchain-info-components/src/Navigation/Logomark/index.js

@@ -1,9 +1,9 @@
 import React from "react"
 import styled from "styled-components"
 
-import BlockchainLogotypeVector from "./logotype.inline.svg"
+import BCLogo from "./logotype.component.svg"
 
-const Logo = styled(BlockchainLogotypeVector)`
+const Logo = styled(BCLogo)`
   margin-right: 2rem;
 
   height: ${props => (props.height ? props.height : "1.2rem")};