new blockin interface + lots of options added

.babelrc.json

@@ -0,0 +1,16 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100,
+          "safari": 15,
+          "firefox": 91
+        }
+      }
+    ]
+  ],
+  "plugins": []
+}

.storybook/main.js

@@ -2,8 +2,10 @@ const path = require('path');
 
 module.exports = {
     stories: ['../src/ui/**/*.stories.tsx'],
+
     // Add any Storybook addons you want here: https://storybook.js.org/addons/
     addons: [],
+
     webpackFinal: async (config) => {
         config.module.rules.push({
             test: /\.scss$/,
@@ -22,4 +24,13 @@ module.exports = {
 
         return config;
     },
+
+    framework: {
+        name: '@storybook/react-webpack5',
+        options: {}
+    },
+
+    docs: {
+        autodocs: true
+    }
 };