Merge branch 'develop' into fix-border-bugs-on-chrome

.storybook/config.js

@@ -1,9 +1,8 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import {
-  addDecorator,
+  addParameters,
   configure,
 } from '@storybook/html';
-import { withBackgrounds } from '@storybook/addon-backgrounds';
 /* eslint-enable */
 
 import '../scss/nes.scss'; // eslint-disable-line import/no-unresolved
@@ -14,7 +13,7 @@ function loadStories() {
   req.keys().forEach(filename => req(filename));
 }
 
-addDecorator(withBackgrounds([
+const options = [
   { name: 'Blue', value: 'blue' },
   { name: 'Green', value: 'green' },
   { name: 'Yellow', value: 'yellow' },
@@ -23,6 +22,8 @@ addDecorator(withBackgrounds([
   { name: 'Purple', value: 'purple' },
   { name: 'Black', value: 'black' },
   { name: 'White', value: 'white', default: true },
-]));
+];
+
+addParameters({ backgrounds: options });
 
 configure(loadStories, module);

package.json

@@ -49,9 +49,9 @@
     "@commitlint/cli": "^7.2.1",
     "@commitlint/config-conventional": "^7.1.2",
     "@semantic-release/exec": "^3.3.0",
-    "@storybook/addon-backgrounds": "^4.1.3",
-    "@storybook/addon-knobs": "^4.0.11",
-    "@storybook/html": "^4.0.11",
+    "@storybook/addon-backgrounds": "^5.0.0",
+    "@storybook/addon-knobs": "^5.0.0",
+    "@storybook/html": "^5.0.0",
     "autoprefixer": "^9.1.5",
     "babel-loader": "^8.0.4",
     "clean-css-cli": "^4.2.1",