fix(js): remove eslint errors

- add autoprefixer as devdependency

config/rollup.config.js

@@ -1,23 +1,21 @@
 import path from 'path'
 
-import resolve from 'rollup-plugin-node-resolve'
+import nodeResolve from 'rollup-plugin-node-resolve'
 import commonjs from 'rollup-plugin-commonjs'
 
 import babel from 'rollup-plugin-babel'
 
 import postcss from 'rollup-plugin-postcss'
 import postcssModules from 'postcss-modules'
 import sass from 'node-sass'
-import autoprefixer from 'autoprefixer' // eslint-disable-line import/no-extraneous-dependencies
+import autoprefixer from 'autoprefixer'
 
 const cssExportMap = {}
 
-/* eslint-disable no-shadow */
 const sassPreprocessor = (content, id) => new Promise((resolve) => {
   const result = sass.renderSync({ file: id })
   resolve({ code: result.css.toString() })
 })
-/* eslint-enable */
 
 export default {
   entry: path.resolve('./src/index.js'),
@@ -30,7 +28,7 @@ export default {
   external: ['react', 'prop-types'],
 
   plugins: [
-    resolve({
+    nodeResolve({
       extensions: ['.js', '.jsx']
     }),
     commonjs({

config/styleguide.config.js

@@ -2,8 +2,8 @@ const path = require('path')
 
 const version = require('../package.json').version
 
-const toggle = path => ( // eslint-disable-line no-shadow
-  process.env.NODE_ENV === 'production' ? undefined : path
+const toggle = componentPath => (
+  process.env.NODE_ENV === 'production' ? undefined : componentPath
 )
 
 const compact = array => array.filter(element => element !== undefined)

package.json

@@ -44,6 +44,7 @@
   "devDependencies": {
     "@telusdigital/eslint-config": "^1.1.2",
     "@telusdigital/redux-contentful": "^3.0.0",
+    "autoprefixer": "^7.1.2",
     "babel-cli": "^6.24.1",
     "babel-loader": "^7.1.1",
     "babel-plugin-external-helpers": "^6.22.0",
@@ -110,7 +111,6 @@
       "docs/components/Logo.svg",
       "**.log",
       "**/__snapshots__/**",
-
       "docs/elements/**",
       "icons/scripts/icons.js"
     ]