Merge pull request #1 from hand-dot/develop

Develop

.storybook/main.js

@@ -0,0 +1,13 @@
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials"
+  ],
+  "core": {
+    "builder": "webpack5"
+  }
+}

.storybook/preview.js

@@ -0,0 +1,9 @@
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

.storybook/webpack.config.js

@@ -0,0 +1,32 @@
+module.exports = ({ config, mode }) => {
+    config.module.rules.push({
+        test: /\.module\.scss$/,
+        use: [
+            {
+                loader: 'style-loader',
+            },
+            {
+                loader: 'css-loader',
+                options: {
+                    esModule: true,
+                    modules: {
+                        namedExport: true,
+                    },
+                }
+            },
+            'sass-loader',
+        ],
+    })
+
+    config.module.rules.push({
+        test: /\.scss$/,
+        exclude: /\.module\.scss$/,
+        use: [
+            'style-loader',
+            'css-loader',
+            'sass-loader'
+        ]
+    })
+
+    return config
+}