Update to latest babel, rollup, jest, react, node-sass, etc. (#113)

* Update to latest babel, rollup, jest, react, node-sass, etc.

* Upgrade to 1.1.19

Author: DanielBrierton

.babelrc

@@ -1,17 +1,75 @@
 {
   "presets": [
     [
-      "env",
+      "@babel/preset-env",
       {
         "modules": false
       }
     ],
-    "react",
-    "stage-0"
+    "@babel/preset-react"
   ],
   "env": {
     "test": {
-      "presets": ["env", "react", "stage-0"]
+      "presets": [
+        "@babel/preset-env",
+        "@babel/preset-react"
+      ],
+      "plugins": [
+        "@babel/plugin-syntax-dynamic-import",
+        "@babel/plugin-syntax-import-meta",
+        "@babel/plugin-proposal-class-properties",
+        "@babel/plugin-proposal-json-strings",
+        [
+          "@babel/plugin-proposal-decorators",
+          {
+            "legacy": true
+          }
+        ],
+        "@babel/plugin-proposal-function-sent",
+        "@babel/plugin-proposal-export-namespace-from",
+        "@babel/plugin-proposal-numeric-separator",
+        "@babel/plugin-proposal-throw-expressions",
+        "@babel/plugin-proposal-export-default-from",
+        "@babel/plugin-proposal-logical-assignment-operators",
+        "@babel/plugin-proposal-optional-chaining",
+        [
+          "@babel/plugin-proposal-pipeline-operator",
+          {
+            "proposal": "minimal"
+          }
+        ],
+        "@babel/plugin-proposal-nullish-coalescing-operator",
+        "@babel/plugin-proposal-do-expressions",
+        "@babel/plugin-proposal-function-bind"
+      ]
     }
-  }
+  },
+  "plugins": [
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-syntax-import-meta",
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-json-strings",
+    [
+      "@babel/plugin-proposal-decorators",
+      {
+        "legacy": true
+      }
+    ],
+    "@babel/plugin-proposal-function-sent",
+    "@babel/plugin-proposal-export-namespace-from",
+    "@babel/plugin-proposal-numeric-separator",
+    "@babel/plugin-proposal-throw-expressions",
+    "@babel/plugin-proposal-export-default-from",
+    "@babel/plugin-proposal-logical-assignment-operators",
+    "@babel/plugin-proposal-optional-chaining",
+    [
+      "@babel/plugin-proposal-pipeline-operator",
+      {
+        "proposal": "minimal"
+      }
+    ],
+    "@babel/plugin-proposal-nullish-coalescing-operator",
+    "@babel/plugin-proposal-do-expressions",
+    "@babel/plugin-proposal-function-bind"
+  ]
 }

.storybook/config.js

@@ -3,6 +3,12 @@
 *The format of this document is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).*
 
+## [v1.1.19](https://github.com/RaspberryPiFoundation/Bits/compare/v1.1.18...v1.1.19 - 2019-05-22
+
+### Changed
+
+- Updates to many dependencies, including babel, rollup, jest, and node-sass
+
 ## [v1.1.18](https://github.com/RaspberryPiFoundation/Bits/compare/v1.1.17...v1.1.18) - 2018-12-14
 
 ### Fixed

.storybook/webpack.config.js

@@ -2882,6 +2882,15 @@ strong {
 .u-inline-block {
   display: inline-block !important; }
 
+.u-visually-hidden {
+  clip: rect(1px 1px 1px 1px) !important;
+  
+  clip: rect(1px, 1px, 1px, 1px) !important;
+  height: 1px !important;
+  overflow: hidden !important;
+  position: absolute !important;
+  width: 1px !important; }
+
 @media screen and (min-width: 576px) {
   .u-flex\@sm {
     display: -webkit-box !important;
@@ -2894,7 +2903,15 @@ strong {
   .u-inline\@sm {
     display: inline !important; }
   .u-inline-block\@sm {
-    display: inline-block !important; } }
+    display: inline-block !important; }
+  .u-visually-hidden\@sm {
+    clip: rect(1px 1px 1px 1px) !important;
+    
+    clip: rect(1px, 1px, 1px, 1px) !important;
+    height: 1px !important;
+    overflow: hidden !important;
+    position: absolute !important;
+    width: 1px !important; } }
 
 @media screen and (min-width: 768px) {
   .u-flex\@md {
@@ -2908,7 +2925,15 @@ strong {
   .u-inline\@md {
     display: inline !important; }
   .u-inline-block\@md {
-    display: inline-block !important; } }
+    display: inline-block !important; }
+  .u-visually-hidden\@md {
+    clip: rect(1px 1px 1px 1px) !important;
+    
+    clip: rect(1px, 1px, 1px, 1px) !important;
+    height: 1px !important;
+    overflow: hidden !important;
+    position: absolute !important;
+    width: 1px !important; } }
 
 @media screen and (min-width: 992px) {
   .u-flex\@lg {
@@ -2922,7 +2947,15 @@ strong {
   .u-inline\@lg {
     display: inline !important; }
   .u-inline-block\@lg {
-    display: inline-block !important; } }
+    display: inline-block !important; }
+  .u-visually-hidden\@lg {
+    clip: rect(1px 1px 1px 1px) !important;
+    
+    clip: rect(1px, 1px, 1px, 1px) !important;
+    height: 1px !important;
+    overflow: hidden !important;
+    position: absolute !important;
+    width: 1px !important; } }
 
 @media screen and (min-width: 1200px) {
   .u-flex\@xl {
@@ -2936,7 +2969,15 @@ strong {
   .u-inline\@xl {
     display: inline !important; }
   .u-inline-block\@xl {
-    display: inline-block !important; } }
+    display: inline-block !important; }
+  .u-visually-hidden\@xl {
+    clip: rect(1px 1px 1px 1px) !important;
+    
+    clip: rect(1px, 1px, 1px, 1px) !important;
+    height: 1px !important;
+    overflow: hidden !important;
+    position: absolute !important;
+    width: 1px !important; } }