fix: css import issue

.storybook/main.js

@@ -5,6 +5,7 @@ module.exports = {
   addons: [
     "@storybook/addon-actions",
     "@storybook/addon-links",
+    "@storybook/addon-knobs",
     {
       name: "@storybook/preset-create-react-app",
       options: {

package.json

@@ -39,11 +39,12 @@
     ]
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^5.3.0-rc.8",
-    "@storybook/addon-docs": "^5.3.0-rc.8",
-    "@storybook/addon-links": "^5.3.0-rc.8",
-    "@storybook/addons": "^5.3.0-rc.8",
-    "@storybook/preset-create-react-app": "^1.5.0",
-    "@storybook/react": "^5.3.0-rc.8"
+    "@storybook/addon-actions": "^5.3.1",
+    "@storybook/addon-docs": "^5.3.1",
+    "@storybook/addon-knobs": "^5.3.1",
+    "@storybook/addon-links": "^5.3.1",
+    "@storybook/addons": "^5.3.1",
+    "@storybook/preset-create-react-app": "^1.5.1",
+    "@storybook/react": "^5.3.1"
   }
 }

src/stories/1-Button.stories.tsx

@@ -2,18 +2,14 @@ import React from 'react';
 import { action } from '@storybook/addon-actions';
 import { Button } from '@storybook/react/demo';
 
-import './testFails.css';
-import styles from './test.module.css';
+import '../testFails.css';
 
-// This works
-// export const Text = () => <div className={styles.testClass}/>;
-// This does not work
 export const Text = () => <div className="testClass"/>;
 
 export const Emoji = () => (
   <Button onClick={action('clicked')}>
     <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
+      😀 😎
     </span>
   </Button>
 );

src/stories/test.module.css

@@ -1,5 +0,0 @@
-.testClass {
-    background-color: red !important;
-    width: 100px;
-    height: 100px;
-}