Merge pull request #2 from react-theming/hotfix

Temporary downgrade react-scripts and storybook packages

Author: usulpro

package.json

@@ -7,7 +7,7 @@
     "prop-types": "^15.6.2",
     "react": "^16.7.0",
     "react-dom": "^16.7.0",
-    "react-scripts": "2.1.3"
+    "react-scripts": "1.1.5"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -19,12 +19,19 @@
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
-    "@storybook/addon-actions": "4.0.9",
-    "@storybook/addon-links": "4.0.9",
-    "@storybook/addon-storyshots": "4.0.9",
-    "@storybook/addons": "4.0.9",
-    "@storybook/react": "4.0.9",
+    "@storybook/addon-actions": "4.0.12",
+    "@storybook/addon-links": "4.0.12",
+    "@storybook/addon-storyshots": "4.0.12",
+    "@storybook/addons": "4.0.12",
+    "@storybook/react": "4.0.12",
     "react-test-renderer": "^16.7.0",
-    "storybook-addon-material-ui": "0.9.0-alpha.16"
-  }
+    "storybook-addon-material-ui": "0.9.0-alpha.17",
+    "babel-loader": "8.0.4"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
 }

src/__snapshots__/Storyshots.test.js.snap

@@ -7,6 +7,7 @@ exports[`Storyshots Button Contained Buttons 1`] = `
   >
     <div
       className="MuiCardMedia-root-536 Component-media-635"
+      src={undefined}
       style={
         Object {
           "backgroundImage": "url(\\"https://source.unsplash.com/800x400?cities,nature\\")",
@@ -18,27 +19,27 @@ exports[`Storyshots Button Contained Buttons 1`] = `
       className="MuiCardContent-root-573"
     >
       <h2
-        className="MuiTypography-root-538 MuiTypography-headline-543 MuiTypography-gutterBottom-565"
+        className="MuiTypography-root-538 MuiTypography-h5-554 MuiTypography-gutterBottom-565"
       >
         How to use Storybook
       </h2>
       <p
-        className="MuiTypography-root-538 MuiTypography-body1-547"
+        className="MuiTypography-root-538 MuiTypography-body2-546"
       >
         $ yarn storybook # to launch Storybook
       </p>
       <p
-        className="MuiTypography-root-538 MuiTypography-body1-547"
+        className="MuiTypography-root-538 MuiTypography-body2-546"
       >
         Select the story from the left panel
       </p>
       <p
-        className="MuiTypography-root-538 MuiTypography-body1-547"
+        className="MuiTypography-root-538 MuiTypography-body2-546"
       >
         Ctrl-Shift-F to toggle Fullscreen mode
       </p>
       <p
-        className="MuiTypography-root-538 MuiTypography-body1-547"
+        className="MuiTypography-root-538 MuiTypography-body2-546"
       >
         Select the theme from Material-UI addon panel dropdown
       </p>
@@ -159,6 +160,7 @@ exports[`Storyshots Button Outlined Buttons 1`] = `
   >
     <div
       className="MuiCardMedia-root-322 Component-media-421"
+      src={undefined}
       style={
         Object {
           "backgroundImage": "url(\\"https://source.unsplash.com/800x400?cities,nature\\")",
@@ -170,27 +172,27 @@ exports[`Storyshots Button Outlined Buttons 1`] = `
       className="MuiCardContent-root-359"
     >
       <h2
-        className="MuiTypography-root-324 MuiTypography-headline-329 MuiTypography-gutterBottom-351"
+        className="MuiTypography-root-324 MuiTypography-h5-340 MuiTypography-gutterBottom-351"
       >
         How to use Storybook
       </h2>
       <p
-        className="MuiTypography-root-324 MuiTypography-body1-333"
+        className="MuiTypography-root-324 MuiTypography-body2-332"
       >
         $ yarn storybook # to launch Storybook
       </p>
       <p
-        className="MuiTypography-root-324 MuiTypography-body1-333"
+        className="MuiTypography-root-324 MuiTypography-body2-332"
       >
         Select the story from the left panel
       </p>
       <p
-        className="MuiTypography-root-324 MuiTypography-body1-333"
+        className="MuiTypography-root-324 MuiTypography-body2-332"
       >
         Ctrl-Shift-F to toggle Fullscreen mode
       </p>
       <p
-        className="MuiTypography-root-324 MuiTypography-body1-333"
+        className="MuiTypography-root-324 MuiTypography-body2-332"
       >
         Select the theme from Material-UI addon panel dropdown
       </p>
@@ -311,6 +313,7 @@ exports[`Storyshots Button Text Buttons 1`] = `
   >
     <div
       className="MuiCardMedia-root-108 Component-media-207"
+      src={undefined}
       style={
         Object {
           "backgroundImage": "url(\\"https://source.unsplash.com/800x400?cities,nature\\")",
@@ -322,27 +325,27 @@ exports[`Storyshots Button Text Buttons 1`] = `
       className="MuiCardContent-root-145"
     >
       <h2
-        className="MuiTypography-root-110 MuiTypography-headline-115 MuiTypography-gutterBottom-137"
+        className="MuiTypography-root-110 MuiTypography-h5-126 MuiTypography-gutterBottom-137"
       >
         How to use Storybook
       </h2>
       <p
-        className="MuiTypography-root-110 MuiTypography-body1-119"
+        className="MuiTypography-root-110 MuiTypography-body2-118"
       >
         $ yarn storybook # to launch Storybook
       </p>
       <p
-        className="MuiTypography-root-110 MuiTypography-body1-119"
+        className="MuiTypography-root-110 MuiTypography-body2-118"
       >
         Select the story from the left panel
       </p>
       <p
-        className="MuiTypography-root-110 MuiTypography-body1-119"
+        className="MuiTypography-root-110 MuiTypography-body2-118"
       >
         Ctrl-Shift-F to toggle Fullscreen mode
       </p>
       <p
-        className="MuiTypography-root-110 MuiTypography-body1-119"
+        className="MuiTypography-root-110 MuiTypography-body2-118"
       >
         Select the theme from Material-UI addon panel dropdown
       </p>