diff --git a/.pnp.cjs b/.pnp.cjs
index 4c6f5cdee..42d405227 100755
--- a/.pnp.cjs
+++ b/.pnp.cjs
@@ -4539,15 +4539,88 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD",
         }]
       ]],
-      ["@emotion/cache", [
-        ["npm:10.0.29", {
-          "packageLocation": "./.yarn/cache/@emotion-cache-npm-10.0.29-076efd3781-78b37fb0c2.zip/node_modules/@emotion/cache/",
+      ["@emotion/babel-plugin", [
+        ["npm:11.3.0", {
+          "packageLocation": "./.yarn/cache/@emotion-babel-plugin-npm-11.3.0-1584a07dcd-8ff91de4a2.zip/node_modules/@emotion/babel-plugin/",
           "packageDependencies": [
-            ["@emotion/cache", "npm:10.0.29"],
-            ["@emotion/sheet", "npm:0.9.4"],
-            ["@emotion/stylis", "npm:0.8.5"],
-            ["@emotion/utils", "npm:0.11.3"],
-            ["@emotion/weak-memoize", "npm:0.2.5"]
+            ["@emotion/babel-plugin", "npm:11.3.0"]
+          ],
+          "linkType": "SOFT",
+        }],
+        ["virtual:59dc6bfaa5292c7fedddda9eeac6522f08701d584e70518d12dbbe845739558b2f0421237d6410728a2bf841aba61e629e38a7c64c9734531c37a5f03b56f1ca#npm:11.3.0", {
+          "packageLocation": "./.yarn/__virtual__/@emotion-babel-plugin-virtual-771c3fee3f/0/cache/@emotion-babel-plugin-npm-11.3.0-1584a07dcd-8ff91de4a2.zip/node_modules/@emotion/babel-plugin/",
+          "packageDependencies": [
+            ["@emotion/babel-plugin", "virtual:59dc6bfaa5292c7fedddda9eeac6522f08701d584e70518d12dbbe845739558b2f0421237d6410728a2bf841aba61e629e38a7c64c9734531c37a5f03b56f1ca#npm:11.3.0"],
+            ["@babel/core", "npm:7.15.8"],
+            ["@babel/helper-module-imports", "npm:7.15.4"],
+            ["@babel/plugin-syntax-jsx", "virtual:708d8948fc30b9ef3ec684ea39310c9df16b0ef495f553302d7598c879c4f9d823ebeb1fbfc155913ba2abd5be3b3de6a04bc8ecc5c1a0c19f1fc47a702295e0#npm:7.14.5"],
+            ["@babel/runtime", "npm:7.15.4"],
+            ["@emotion/hash", "npm:0.8.0"],
+            ["@emotion/memoize", "npm:0.7.5"],
+            ["@emotion/serialize", "npm:1.0.2"],
+            ["@types/babel__core", null],
+            ["babel-plugin-macros", "npm:2.8.0"],
+            ["convert-source-map", "npm:1.8.0"],
+            ["escape-string-regexp", "npm:4.0.0"],
+            ["find-root", "npm:1.1.0"],
+            ["source-map", "npm:0.5.7"],
+            ["stylis", "npm:4.0.10"]
+          ],
+          "packagePeers": [
+            "@babel/core",
+            "@types/babel__core"
+          ],
+          "linkType": "HARD",
+        }]
+      ]],
+      ["@emotion/cache", [
+        ["npm:11.5.0", {
+          "packageLocation": "./.yarn/cache/@emotion-cache-npm-11.5.0-713285e054-8b3fac281e.zip/node_modules/@emotion/cache/",
+          "packageDependencies": [
+            ["@emotion/cache", "npm:11.5.0"],
+            ["@emotion/memoize", "npm:0.7.5"],
+            ["@emotion/sheet", "npm:1.0.3"],
+            ["@emotion/utils", "npm:1.0.0"],
+            ["@emotion/weak-memoize", "npm:0.2.5"],
+            ["stylis", "npm:4.0.10"]
+          ],
+          "linkType": "HARD",
+        }]
+      ]],
+      ["@emotion/css", [
+        ["npm:11.5.0", {
+          "packageLocation": "./.yarn/cache/@emotion-css-npm-11.5.0-ffe8b08621-45d01333c3.zip/node_modules/@emotion/css/",
+          "packageDependencies": [
+            ["@emotion/css", "npm:11.5.0"]
+          ],
+          "linkType": "SOFT",
+        }],
+        ["virtual:22157ea722f8d6428f1fcf0a6f7f6c7d6b902d9c785256c60a65fe6cd0db76ebccc7c1457ee047df0ba6909ff018e300c4f4957a60f5b670089810dfc417af9b#npm:11.5.0", {
+          "packageLocation": "./.yarn/__virtual__/@emotion-css-virtual-59dc6bfaa5/0/cache/@emotion-css-npm-11.5.0-ffe8b08621-45d01333c3.zip/node_modules/@emotion/css/",
+          "packageDependencies": [
+            ["@emotion/css", "virtual:22157ea722f8d6428f1fcf0a6f7f6c7d6b902d9c785256c60a65fe6cd0db76ebccc7c1457ee047df0ba6909ff018e300c4f4957a60f5b670089810dfc417af9b#npm:11.5.0"],
+            ["@babel/core", "npm:7.15.8"],
+            ["@emotion/babel-plugin", "virtual:59dc6bfaa5292c7fedddda9eeac6522f08701d584e70518d12dbbe845739558b2f0421237d6410728a2bf841aba61e629e38a7c64c9734531c37a5f03b56f1ca#npm:11.3.0"],
+            ["@emotion/cache", "npm:11.5.0"],
+            ["@emotion/serialize", "npm:1.0.2"],
+            ["@emotion/sheet", "npm:1.0.3"],
+            ["@emotion/utils", "npm:1.0.0"],
+            ["@types/babel__core", null]
+          ],
+          "packagePeers": [
+            "@babel/core",
+            "@types/babel__core"
+          ],
+          "linkType": "HARD",
+        }]
+      ]],
+      ["@emotion/css-prettifier", [
+        ["npm:1.0.0", {
+          "packageLocation": "./.yarn/cache/@emotion-css-prettifier-npm-1.0.0-c14c83a024-a3de555a49.zip/node_modules/@emotion/css-prettifier/",
+          "packageDependencies": [
+            ["@emotion/css-prettifier", "npm:1.0.0"],
+            ["@emotion/memoize", "npm:0.7.5"],
+            ["stylis", "npm:4.0.10"]
           ],
           "linkType": "HARD",
         }]
@@ -4561,43 +4634,83 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD",
         }]
       ]],
-      ["@emotion/memoize", [
-        ["npm:0.7.4", {
-          "packageLocation": "./.yarn/cache/@emotion-memoize-npm-0.7.4-5648cf11b8-4e3920d4ec.zip/node_modules/@emotion/memoize/",
+      ["@emotion/jest", [
+        ["npm:11.5.0", {
+          "packageLocation": "./.yarn/cache/@emotion-jest-npm-11.5.0-4b612fb938-1283d9b926.zip/node_modules/@emotion/jest/",
           "packageDependencies": [
-            ["@emotion/memoize", "npm:0.7.4"]
+            ["@emotion/jest", "npm:11.5.0"]
+          ],
+          "linkType": "SOFT",
+        }],
+        ["virtual:beb4c218366cad8c4da96fe997fe88a6dbf8be39fc0c58c2a268588a03658c7ba45d103fbf636a724af6c876096f657636ab125613932f8c99e093546f94adb0#npm:11.5.0", {
+          "packageLocation": "./.yarn/__virtual__/@emotion-jest-virtual-c0cf77924d/0/cache/@emotion-jest-npm-11.5.0-4b612fb938-1283d9b926.zip/node_modules/@emotion/jest/",
+          "packageDependencies": [
+            ["@emotion/jest", "virtual:beb4c218366cad8c4da96fe997fe88a6dbf8be39fc0c58c2a268588a03658c7ba45d103fbf636a724af6c876096f657636ab125613932f8c99e093546f94adb0#npm:11.5.0"],
+            ["@babel/runtime", "npm:7.15.4"],
+            ["@emotion/css-prettifier", "npm:1.0.0"],
+            ["@types/enzyme-to-json", null],
+            ["@types/jest", null],
+            ["chalk", "npm:4.1.2"],
+            ["enzyme-to-json", null],
+            ["specificity", "npm:0.4.1"],
+            ["stylis", "npm:4.0.10"]
+          ],
+          "packagePeers": [
+            "@types/enzyme-to-json",
+            "@types/jest",
+            "enzyme-to-json"
+          ],
+          "linkType": "HARD",
+        }],
+        ["virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:11.5.0", {
+          "packageLocation": "./.yarn/__virtual__/@emotion-jest-virtual-892692f00a/0/cache/@emotion-jest-npm-11.5.0-4b612fb938-1283d9b926.zip/node_modules/@emotion/jest/",
+          "packageDependencies": [
+            ["@emotion/jest", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:11.5.0"],
+            ["@babel/runtime", "npm:7.15.4"],
+            ["@emotion/css-prettifier", "npm:1.0.0"],
+            ["@types/enzyme-to-json", null],
+            ["@types/jest", null],
+            ["chalk", "npm:4.1.2"],
+            ["enzyme-to-json", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:3.6.2"],
+            ["specificity", "npm:0.4.1"],
+            ["stylis", "npm:4.0.10"]
+          ],
+          "packagePeers": [
+            "@types/enzyme-to-json",
+            "@types/jest",
+            "enzyme-to-json"
+          ],
+          "linkType": "HARD",
+        }]
+      ]],
+      ["@emotion/memoize", [
+        ["npm:0.7.5", {
+          "packageLocation": "./.yarn/cache/@emotion-memoize-npm-0.7.5-e5e7e9eeca-83da8d4a76.zip/node_modules/@emotion/memoize/",
+          "packageDependencies": [
+            ["@emotion/memoize", "npm:0.7.5"]
           ],
           "linkType": "HARD",
         }]
       ]],
       ["@emotion/serialize", [
-        ["npm:0.11.16", {
-          "packageLocation": "./.yarn/cache/@emotion-serialize-npm-0.11.16-ffd808625b-2949832fab.zip/node_modules/@emotion/serialize/",
+        ["npm:1.0.2", {
+          "packageLocation": "./.yarn/cache/@emotion-serialize-npm-1.0.2-a692afdb82-ff84fbe09e.zip/node_modules/@emotion/serialize/",
           "packageDependencies": [
-            ["@emotion/serialize", "npm:0.11.16"],
+            ["@emotion/serialize", "npm:1.0.2"],
             ["@emotion/hash", "npm:0.8.0"],
-            ["@emotion/memoize", "npm:0.7.4"],
+            ["@emotion/memoize", "npm:0.7.5"],
             ["@emotion/unitless", "npm:0.7.5"],
-            ["@emotion/utils", "npm:0.11.3"],
-            ["csstype", "npm:2.6.18"]
+            ["@emotion/utils", "npm:1.0.0"],
+            ["csstype", "npm:3.0.9"]
           ],
           "linkType": "HARD",
         }]
       ]],
       ["@emotion/sheet", [
-        ["npm:0.9.4", {
-          "packageLocation": "./.yarn/cache/@emotion-sheet-npm-0.9.4-de430f41b2-53bb833b4b.zip/node_modules/@emotion/sheet/",
+        ["npm:1.0.3", {
+          "packageLocation": "./.yarn/cache/@emotion-sheet-npm-1.0.3-7146f87ed0-43a9b9a0e4.zip/node_modules/@emotion/sheet/",
           "packageDependencies": [
-            ["@emotion/sheet", "npm:0.9.4"]
-          ],
-          "linkType": "HARD",
-        }]
-      ]],
-      ["@emotion/stylis", [
-        ["npm:0.8.5", {
-          "packageLocation": "./.yarn/cache/@emotion-stylis-npm-0.8.5-3e9db8959f-67ff595844.zip/node_modules/@emotion/stylis/",
-          "packageDependencies": [
-            ["@emotion/stylis", "npm:0.8.5"]
+            ["@emotion/sheet", "npm:1.0.3"]
           ],
           "linkType": "HARD",
         }]
@@ -4612,10 +4725,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]
       ]],
       ["@emotion/utils", [
-        ["npm:0.11.3", {
-          "packageLocation": "./.yarn/cache/@emotion-utils-npm-0.11.3-5aea83fd8c-9c4204bda8.zip/node_modules/@emotion/utils/",
+        ["npm:1.0.0", {
+          "packageLocation": "./.yarn/cache/@emotion-utils-npm-1.0.0-7f9809289c-3ce8048441.zip/node_modules/@emotion/utils/",
           "packageDependencies": [
-            ["@emotion/utils", "npm:0.11.3"]
+            ["@emotion/utils", "npm:1.0.0"]
           ],
           "linkType": "HARD",
         }]
@@ -5899,6 +6012,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/core", "npm:7.14.3"],
             ["@babel/preset-env", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:7.14.4"],
             ["@babel/preset-react", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:7.13.13"],
+            ["@emotion/jest", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:11.5.0"],
             ["@lowdefy/helpers", "workspace:packages/helpers"],
             ["@wojtekmaj/enzyme-adapter-react-17", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:0.6.5"],
             ["ajv", "npm:6.12.6"],
@@ -5912,6 +6026,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["html-webpack-plugin", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:5.3.1"],
             ["identity-obj-proxy", "npm:3.0.0"],
             ["jest", "npm:26.6.3"],
+            ["jest-serializer-html", "npm:7.1.0"],
             ["path-browserify", "npm:1.0.1"],
             ["process", "npm:0.11.10"],
             ["react", "npm:17.0.2"],
@@ -5938,13 +6053,14 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/core", "npm:7.15.8"],
             ["@babel/preset-env", "virtual:4a7337632ff6e9ee5a1c45a62a9ff4cc325a9367b21424babda93e269fe01b671e885bc41bdeebafb83c81f2a8eebbf0102043354a4e58905f61c8c3387cda1e#npm:7.15.8"],
             ["@babel/preset-react", "virtual:22157ea722f8d6428f1fcf0a6f7f6c7d6b902d9c785256c60a65fe6cd0db76ebccc7c1457ee047df0ba6909ff018e300c4f4957a60f5b670089810dfc417af9b#npm:7.14.5"],
+            ["@emotion/css", "virtual:22157ea722f8d6428f1fcf0a6f7f6c7d6b902d9c785256c60a65fe6cd0db76ebccc7c1457ee047df0ba6909ff018e300c4f4957a60f5b670089810dfc417af9b#npm:11.5.0"],
+            ["@emotion/jest", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:11.5.0"],
             ["@lowdefy/block-dev", "workspace:packages/blockDev"],
             ["@lowdefy/helpers", "workspace:packages/helpers"],
             ["@wojtekmaj/enzyme-adapter-react-17", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:0.6.5"],
             ["babel-jest", "virtual:4a7337632ff6e9ee5a1c45a62a9ff4cc325a9367b21424babda93e269fe01b671e885bc41bdeebafb83c81f2a8eebbf0102043354a4e58905f61c8c3387cda1e#npm:27.3.1"],
             ["babel-loader", "virtual:22157ea722f8d6428f1fcf0a6f7f6c7d6b902d9c785256c60a65fe6cd0db76ebccc7c1457ee047df0ba6909ff018e300c4f4957a60f5b670089810dfc417af9b#npm:8.2.3"],
             ["clean-webpack-plugin", "virtual:22157ea722f8d6428f1fcf0a6f7f6c7d6b902d9c785256c60a65fe6cd0db76ebccc7c1457ee047df0ba6909ff018e300c4f4957a60f5b670089810dfc417af9b#npm:4.0.0"],
-            ["create-emotion", "npm:10.0.27"],
             ["css-loader", "virtual:22157ea722f8d6428f1fcf0a6f7f6c7d6b902d9c785256c60a65fe6cd0db76ebccc7c1457ee047df0ba6909ff018e300c4f4957a60f5b670089810dfc417af9b#npm:6.4.0"],
             ["dompurify", "npm:2.3.3"],
             ["enzyme", "npm:3.11.0"],
@@ -5952,6 +6068,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["html-webpack-plugin", "virtual:22157ea722f8d6428f1fcf0a6f7f6c7d6b902d9c785256c60a65fe6cd0db76ebccc7c1457ee047df0ba6909ff018e300c4f4957a60f5b670089810dfc417af9b#npm:5.4.0"],
             ["identity-obj-proxy", "npm:3.0.0"],
             ["jest", "npm:26.6.3"],
+            ["jest-serializer-html", "npm:7.1.0"],
             ["path-browserify", "npm:1.0.1"],
             ["process", "npm:0.11.10"],
             ["react", "npm:17.0.2"],
@@ -5977,6 +6094,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/core", "npm:7.15.8"],
             ["@babel/preset-env", "virtual:4a7337632ff6e9ee5a1c45a62a9ff4cc325a9367b21424babda93e269fe01b671e885bc41bdeebafb83c81f2a8eebbf0102043354a4e58905f61c8c3387cda1e#npm:7.15.8"],
             ["@babel/preset-react", "virtual:22157ea722f8d6428f1fcf0a6f7f6c7d6b902d9c785256c60a65fe6cd0db76ebccc7c1457ee047df0ba6909ff018e300c4f4957a60f5b670089810dfc417af9b#npm:7.14.5"],
+            ["@emotion/jest", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:11.5.0"],
             ["@lowdefy/block-dev", "workspace:packages/blockDev"],
             ["@lowdefy/block-tools", "workspace:packages/blockTools"],
             ["@lowdefy/color", "workspace:packages/color"],
@@ -5996,7 +6114,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["html-webpack-plugin", "virtual:03b50f68d1bc1bcd2c564b153fc8a0f3f73d722ae5563251798eadf289b054849d6a1f3602228c617458c9af844d044431bcc00bb48aa96b362ca9055e633014#npm:5.4.0"],
             ["identity-obj-proxy", "npm:3.0.0"],
             ["jest", "npm:26.6.3"],
-            ["jest-serializer-html", "npm:7.0.0"],
+            ["jest-serializer-html", "npm:7.1.0"],
             ["js-yaml", "npm:4.1.0"],
             ["less", "npm:4.1.2"],
             ["less-loader", "virtual:03b50f68d1bc1bcd2c564b153fc8a0f3f73d722ae5563251798eadf289b054849d6a1f3602228c617458c9af844d044431bcc00bb48aa96b362ca9055e633014#npm:10.2.0"],
@@ -6027,6 +6145,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/core", "npm:7.15.8"],
             ["@babel/preset-env", "virtual:4a7337632ff6e9ee5a1c45a62a9ff4cc325a9367b21424babda93e269fe01b671e885bc41bdeebafb83c81f2a8eebbf0102043354a4e58905f61c8c3387cda1e#npm:7.15.8"],
             ["@babel/preset-react", "virtual:22157ea722f8d6428f1fcf0a6f7f6c7d6b902d9c785256c60a65fe6cd0db76ebccc7c1457ee047df0ba6909ff018e300c4f4957a60f5b670089810dfc417af9b#npm:7.14.5"],
+            ["@emotion/jest", "virtual:beb4c218366cad8c4da96fe997fe88a6dbf8be39fc0c58c2a268588a03658c7ba45d103fbf636a724af6c876096f657636ab125613932f8c99e093546f94adb0#npm:11.5.0"],
             ["@lowdefy/block-dev", "workspace:packages/blockDev"],
             ["@lowdefy/block-tools", "workspace:packages/blockTools"],
             ["@lowdefy/helpers", "workspace:packages/helpers"],
@@ -6042,6 +6161,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["html-webpack-plugin", "virtual:beb4c218366cad8c4da96fe997fe88a6dbf8be39fc0c58c2a268588a03658c7ba45d103fbf636a724af6c876096f657636ab125613932f8c99e093546f94adb0#npm:5.4.0"],
             ["identity-obj-proxy", "npm:3.0.0"],
             ["jest", "npm:26.6.3"],
+            ["jest-serializer-html", "npm:7.1.0"],
             ["js-yaml", "npm:4.1.0"],
             ["react", "npm:17.0.2"],
             ["react-dom", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:17.0.2"],
@@ -6067,6 +6187,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/core", "npm:7.15.8"],
             ["@babel/preset-env", "virtual:4a7337632ff6e9ee5a1c45a62a9ff4cc325a9367b21424babda93e269fe01b671e885bc41bdeebafb83c81f2a8eebbf0102043354a4e58905f61c8c3387cda1e#npm:7.15.8"],
             ["@babel/preset-react", "virtual:22157ea722f8d6428f1fcf0a6f7f6c7d6b902d9c785256c60a65fe6cd0db76ebccc7c1457ee047df0ba6909ff018e300c4f4957a60f5b670089810dfc417af9b#npm:7.14.5"],
+            ["@emotion/jest", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:11.5.0"],
             ["@lowdefy/block-dev", "workspace:packages/blockDev"],
             ["@lowdefy/block-tools", "workspace:packages/blockTools"],
             ["@lowdefy/blocks-antd", "workspace:packages/blocks/blocksAntd"],
@@ -6083,7 +6204,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["html-webpack-plugin", "virtual:885b7c7699c189719052a46b1a9ec1286757c4ac6b604c1386cca53720d793c5403bf2f82e8d576afe6e296a65179038188b229308256e2723b9e95f9bb39b0d#npm:5.4.0"],
             ["identity-obj-proxy", "npm:3.0.0"],
             ["jest", "npm:26.6.3"],
-            ["jest-serializer-html", "npm:7.0.0"],
+            ["jest-serializer-html", "npm:7.1.0"],
             ["js-yaml", "npm:4.1.0"],
             ["less", "npm:4.1.2"],
             ["less-loader", "virtual:885b7c7699c189719052a46b1a9ec1286757c4ac6b604c1386cca53720d793c5403bf2f82e8d576afe6e296a65179038188b229308256e2723b9e95f9bb39b0d#npm:10.2.0"],
@@ -6112,6 +6233,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/core", "npm:7.15.8"],
             ["@babel/preset-env", "virtual:4a7337632ff6e9ee5a1c45a62a9ff4cc325a9367b21424babda93e269fe01b671e885bc41bdeebafb83c81f2a8eebbf0102043354a4e58905f61c8c3387cda1e#npm:7.15.8"],
             ["@babel/preset-react", "virtual:22157ea722f8d6428f1fcf0a6f7f6c7d6b902d9c785256c60a65fe6cd0db76ebccc7c1457ee047df0ba6909ff018e300c4f4957a60f5b670089810dfc417af9b#npm:7.14.5"],
+            ["@emotion/jest", "virtual:beb4c218366cad8c4da96fe997fe88a6dbf8be39fc0c58c2a268588a03658c7ba45d103fbf636a724af6c876096f657636ab125613932f8c99e093546f94adb0#npm:11.5.0"],
             ["@lowdefy/block-dev", "workspace:packages/blockDev"],
             ["@lowdefy/block-tools", "workspace:packages/blockTools"],
             ["babel-jest", "virtual:4a7337632ff6e9ee5a1c45a62a9ff4cc325a9367b21424babda93e269fe01b671e885bc41bdeebafb83c81f2a8eebbf0102043354a4e58905f61c8c3387cda1e#npm:27.3.1"],
@@ -6125,6 +6247,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["html-webpack-plugin", "virtual:ddda021c4ec2814205b88952efdbda8713d3fa30b46a24862fe5d600e712ef1be0a5d4df3a64ffe02c3bb747dc199680767ec1cf2c2a81bf41ff06833a6ecd09#npm:5.4.0"],
             ["identity-obj-proxy", "npm:3.0.0"],
             ["jest", "npm:26.6.3"],
+            ["jest-serializer-html", "npm:7.1.0"],
             ["js-yaml", "npm:4.1.0"],
             ["react", "npm:17.0.2"],
             ["react-dom", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:17.0.2"],
@@ -6151,6 +6274,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/core", "npm:7.15.8"],
             ["@babel/preset-env", "virtual:4a7337632ff6e9ee5a1c45a62a9ff4cc325a9367b21424babda93e269fe01b671e885bc41bdeebafb83c81f2a8eebbf0102043354a4e58905f61c8c3387cda1e#npm:7.15.8"],
             ["@babel/preset-react", "virtual:22157ea722f8d6428f1fcf0a6f7f6c7d6b902d9c785256c60a65fe6cd0db76ebccc7c1457ee047df0ba6909ff018e300c4f4957a60f5b670089810dfc417af9b#npm:7.14.5"],
+            ["@emotion/jest", "virtual:beb4c218366cad8c4da96fe997fe88a6dbf8be39fc0c58c2a268588a03658c7ba45d103fbf636a724af6c876096f657636ab125613932f8c99e093546f94adb0#npm:11.5.0"],
             ["@lowdefy/block-dev", "workspace:packages/blockDev"],
             ["@lowdefy/block-tools", "workspace:packages/blockTools"],
             ["@wojtekmaj/enzyme-adapter-react-17", "virtual:ef041dcfb1a84323e84b33f148b44908e40798740b13580fd51cdd5f1fad53f80b7752a65dee444bedf9ec3a7529b8e94c59a28878b8dfe27a045663ef6ef0a9#npm:0.6.5"],
@@ -6166,6 +6290,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["identity-obj-proxy", "npm:3.0.0"],
             ["imports-loader", "virtual:e2db836d8f34654c61170d202b04baf4b7028aba30358270e340a8e3c7b1ba4f897b5728bebf64b994f49b964b078ad188bdc5c748c985bd669dfba0be813e6e#npm:3.1.0"],
             ["jest", "npm:26.6.3"],
+            ["jest-serializer-html", "npm:7.1.0"],
             ["js-yaml", "npm:4.1.0"],
             ["path-browserify", "npm:1.0.1"],
             ["process", "npm:0.11.10"],
@@ -11251,6 +11376,18 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD",
         }]
       ]],
+      ["babel-plugin-macros", [
+        ["npm:2.8.0", {
+          "packageLocation": "./.yarn/cache/babel-plugin-macros-npm-2.8.0-451367d7e7-59b09a21cf.zip/node_modules/babel-plugin-macros/",
+          "packageDependencies": [
+            ["babel-plugin-macros", "npm:2.8.0"],
+            ["@babel/runtime", "npm:7.15.4"],
+            ["cosmiconfig", "npm:6.0.0"],
+            ["resolve", "patch:resolve@npm%3A1.20.0#~builtin<compat/resolve>::version=1.20.0&hash=00b1ff"]
+          ],
+          "linkType": "HARD",
+        }]
+      ]],
       ["babel-plugin-polyfill-corejs2", [
         ["npm:0.2.2", {
           "packageLocation": "./.yarn/cache/babel-plugin-polyfill-corejs2-npm-0.2.2-0c748aafdb-eee45ecce7.zip/node_modules/babel-plugin-polyfill-corejs2/",
@@ -13577,6 +13714,18 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]
       ]],
       ["cosmiconfig", [
+        ["npm:6.0.0", {
+          "packageLocation": "./.yarn/cache/cosmiconfig-npm-6.0.0-cb7d64a2b9-8eed7c854b.zip/node_modules/cosmiconfig/",
+          "packageDependencies": [
+            ["cosmiconfig", "npm:6.0.0"],
+            ["@types/parse-json", "npm:4.0.0"],
+            ["import-fresh", "npm:3.3.0"],
+            ["parse-json", "npm:5.2.0"],
+            ["path-type", "npm:4.0.0"],
+            ["yaml", "npm:1.10.2"]
+          ],
+          "linkType": "HARD",
+        }],
         ["npm:7.0.1", {
           "packageLocation": "./.yarn/cache/cosmiconfig-npm-7.0.1-dd19ae2403-4be63e7117.zip/node_modules/cosmiconfig/",
           "packageDependencies": [
@@ -13590,19 +13739,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD",
         }]
       ]],
-      ["create-emotion", [
-        ["npm:10.0.27", {
-          "packageLocation": "./.yarn/cache/create-emotion-npm-10.0.27-54c90999e2-6838f6fe0a.zip/node_modules/create-emotion/",
-          "packageDependencies": [
-            ["create-emotion", "npm:10.0.27"],
-            ["@emotion/cache", "npm:10.0.29"],
-            ["@emotion/serialize", "npm:0.11.16"],
-            ["@emotion/sheet", "npm:0.9.4"],
-            ["@emotion/utils", "npm:0.11.3"]
-          ],
-          "linkType": "HARD",
-        }]
-      ]],
       ["cross-spawn", [
         ["npm:6.0.5", {
           "packageLocation": "./.yarn/cache/cross-spawn-npm-6.0.5-2deab6c280-f893bb0d96.zip/node_modules/cross-spawn/",
@@ -13995,10 +14131,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]
       ]],
       ["csstype", [
-        ["npm:2.6.18", {
-          "packageLocation": "./.yarn/cache/csstype-npm-2.6.18-bf4896a7ad-1d6d67bc7f.zip/node_modules/csstype/",
+        ["npm:3.0.9", {
+          "packageLocation": "./.yarn/cache/csstype-npm-3.0.9-0801c4a6d7-199f9af7e6.zip/node_modules/csstype/",
           "packageDependencies": [
-            ["csstype", "npm:2.6.18"]
+            ["csstype", "npm:3.0.9"]
           ],
           "linkType": "HARD",
         }]
@@ -16470,6 +16606,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD",
         }]
       ]],
+      ["find-root", [
+        ["npm:1.1.0", {
+          "packageLocation": "./.yarn/cache/find-root-npm-1.1.0-a16a94005f-b2a59fe4b6.zip/node_modules/find-root/",
+          "packageDependencies": [
+            ["find-root", "npm:1.1.0"]
+          ],
+          "linkType": "HARD",
+        }]
+      ]],
       ["find-up", [
         ["npm:2.1.0", {
           "packageLocation": "./.yarn/cache/find-up-npm-2.1.0-9f6cb1765c-43284fe4da.zip/node_modules/find-up/",
@@ -19908,10 +20053,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]
       ]],
       ["jest-serializer-html", [
-        ["npm:7.0.0", {
-          "packageLocation": "./.yarn/cache/jest-serializer-html-npm-7.0.0-2b593bfb63-0745c241f4.zip/node_modules/jest-serializer-html/",
+        ["npm:7.1.0", {
+          "packageLocation": "./.yarn/cache/jest-serializer-html-npm-7.1.0-1611a5a418-c1f003e3dd.zip/node_modules/jest-serializer-html/",
           "packageDependencies": [
-            ["jest-serializer-html", "npm:7.0.0"],
+            ["jest-serializer-html", "npm:7.1.0"],
             ["diffable-html", "npm:4.1.0"]
           ],
           "linkType": "HARD",
@@ -27826,6 +27971,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD",
         }]
       ]],
+      ["specificity", [
+        ["npm:0.4.1", {
+          "packageLocation": "./.yarn/cache/specificity-npm-0.4.1-042c3c2fd5-e558f1098f.zip/node_modules/specificity/",
+          "packageDependencies": [
+            ["specificity", "npm:0.4.1"]
+          ],
+          "linkType": "HARD",
+        }]
+      ]],
       ["split", [
         ["npm:1.0.1", {
           "packageLocation": "./.yarn/cache/split-npm-1.0.1-88871d88a2-12f4554a57.zip/node_modules/split/",
@@ -28482,6 +28636,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD",
         }]
       ]],
+      ["stylis", [
+        ["npm:4.0.10", {
+          "packageLocation": "./.yarn/cache/stylis-npm-4.0.10-4c0fa47ff8-0fecaf5c23.zip/node_modules/stylis/",
+          "packageDependencies": [
+            ["stylis", "npm:4.0.10"]
+          ],
+          "linkType": "HARD",
+        }]
+      ]],
       ["subscriptions-transport-ws", [
         ["npm:0.9.19", {
           "packageLocation": "./.yarn/cache/subscriptions-transport-ws-npm-0.9.19-5f31f99bef-6979b36e03.zip/node_modules/subscriptions-transport-ws/",
diff --git a/.yarn/cache/@emotion-babel-plugin-npm-11.3.0-1584a07dcd-8ff91de4a2.zip b/.yarn/cache/@emotion-babel-plugin-npm-11.3.0-1584a07dcd-8ff91de4a2.zip
new file mode 100644
index 000000000..1f05ae7e5
Binary files /dev/null and b/.yarn/cache/@emotion-babel-plugin-npm-11.3.0-1584a07dcd-8ff91de4a2.zip differ
diff --git a/.yarn/cache/@emotion-cache-npm-10.0.29-076efd3781-78b37fb0c2.zip b/.yarn/cache/@emotion-cache-npm-10.0.29-076efd3781-78b37fb0c2.zip
deleted file mode 100644
index 9fc649def..000000000
Binary files a/.yarn/cache/@emotion-cache-npm-10.0.29-076efd3781-78b37fb0c2.zip and /dev/null differ
diff --git a/.yarn/cache/@emotion-cache-npm-11.5.0-713285e054-8b3fac281e.zip b/.yarn/cache/@emotion-cache-npm-11.5.0-713285e054-8b3fac281e.zip
new file mode 100644
index 000000000..ac3ea81e4
Binary files /dev/null and b/.yarn/cache/@emotion-cache-npm-11.5.0-713285e054-8b3fac281e.zip differ
diff --git a/.yarn/cache/@emotion-css-npm-11.5.0-ffe8b08621-45d01333c3.zip b/.yarn/cache/@emotion-css-npm-11.5.0-ffe8b08621-45d01333c3.zip
new file mode 100644
index 000000000..b3636767d
Binary files /dev/null and b/.yarn/cache/@emotion-css-npm-11.5.0-ffe8b08621-45d01333c3.zip differ
diff --git a/.yarn/cache/@emotion-css-prettifier-npm-1.0.0-c14c83a024-a3de555a49.zip b/.yarn/cache/@emotion-css-prettifier-npm-1.0.0-c14c83a024-a3de555a49.zip
new file mode 100644
index 000000000..876c4ed3e
Binary files /dev/null and b/.yarn/cache/@emotion-css-prettifier-npm-1.0.0-c14c83a024-a3de555a49.zip differ
diff --git a/.yarn/cache/@emotion-jest-npm-11.5.0-4b612fb938-1283d9b926.zip b/.yarn/cache/@emotion-jest-npm-11.5.0-4b612fb938-1283d9b926.zip
new file mode 100644
index 000000000..ea33a6324
Binary files /dev/null and b/.yarn/cache/@emotion-jest-npm-11.5.0-4b612fb938-1283d9b926.zip differ
diff --git a/.yarn/cache/@emotion-memoize-npm-0.7.4-5648cf11b8-4e3920d4ec.zip b/.yarn/cache/@emotion-memoize-npm-0.7.4-5648cf11b8-4e3920d4ec.zip
deleted file mode 100644
index b4720df6b..000000000
Binary files a/.yarn/cache/@emotion-memoize-npm-0.7.4-5648cf11b8-4e3920d4ec.zip and /dev/null differ
diff --git a/.yarn/cache/@emotion-memoize-npm-0.7.5-e5e7e9eeca-83da8d4a76.zip b/.yarn/cache/@emotion-memoize-npm-0.7.5-e5e7e9eeca-83da8d4a76.zip
new file mode 100644
index 000000000..dc37d07e5
Binary files /dev/null and b/.yarn/cache/@emotion-memoize-npm-0.7.5-e5e7e9eeca-83da8d4a76.zip differ
diff --git a/.yarn/cache/@emotion-serialize-npm-0.11.16-ffd808625b-2949832fab.zip b/.yarn/cache/@emotion-serialize-npm-0.11.16-ffd808625b-2949832fab.zip
deleted file mode 100644
index 85952190b..000000000
Binary files a/.yarn/cache/@emotion-serialize-npm-0.11.16-ffd808625b-2949832fab.zip and /dev/null differ
diff --git a/.yarn/cache/@emotion-serialize-npm-1.0.2-a692afdb82-ff84fbe09e.zip b/.yarn/cache/@emotion-serialize-npm-1.0.2-a692afdb82-ff84fbe09e.zip
new file mode 100644
index 000000000..74ff840a9
Binary files /dev/null and b/.yarn/cache/@emotion-serialize-npm-1.0.2-a692afdb82-ff84fbe09e.zip differ
diff --git a/.yarn/cache/@emotion-sheet-npm-0.9.4-de430f41b2-53bb833b4b.zip b/.yarn/cache/@emotion-sheet-npm-0.9.4-de430f41b2-53bb833b4b.zip
deleted file mode 100644
index 8d3e583d8..000000000
Binary files a/.yarn/cache/@emotion-sheet-npm-0.9.4-de430f41b2-53bb833b4b.zip and /dev/null differ
diff --git a/.yarn/cache/@emotion-sheet-npm-1.0.3-7146f87ed0-43a9b9a0e4.zip b/.yarn/cache/@emotion-sheet-npm-1.0.3-7146f87ed0-43a9b9a0e4.zip
new file mode 100644
index 000000000..8c1787aa5
Binary files /dev/null and b/.yarn/cache/@emotion-sheet-npm-1.0.3-7146f87ed0-43a9b9a0e4.zip differ
diff --git a/.yarn/cache/@emotion-stylis-npm-0.8.5-3e9db8959f-67ff595844.zip b/.yarn/cache/@emotion-stylis-npm-0.8.5-3e9db8959f-67ff595844.zip
deleted file mode 100644
index 432940171..000000000
Binary files a/.yarn/cache/@emotion-stylis-npm-0.8.5-3e9db8959f-67ff595844.zip and /dev/null differ
diff --git a/.yarn/cache/@emotion-utils-npm-0.11.3-5aea83fd8c-9c4204bda8.zip b/.yarn/cache/@emotion-utils-npm-0.11.3-5aea83fd8c-9c4204bda8.zip
deleted file mode 100644
index cd0f2ddc9..000000000
Binary files a/.yarn/cache/@emotion-utils-npm-0.11.3-5aea83fd8c-9c4204bda8.zip and /dev/null differ
diff --git a/.yarn/cache/@emotion-utils-npm-1.0.0-7f9809289c-3ce8048441.zip b/.yarn/cache/@emotion-utils-npm-1.0.0-7f9809289c-3ce8048441.zip
new file mode 100644
index 000000000..305d684dc
Binary files /dev/null and b/.yarn/cache/@emotion-utils-npm-1.0.0-7f9809289c-3ce8048441.zip differ
diff --git a/.yarn/cache/babel-plugin-macros-npm-2.8.0-451367d7e7-59b09a21cf.zip b/.yarn/cache/babel-plugin-macros-npm-2.8.0-451367d7e7-59b09a21cf.zip
new file mode 100644
index 000000000..cdb42c1ba
Binary files /dev/null and b/.yarn/cache/babel-plugin-macros-npm-2.8.0-451367d7e7-59b09a21cf.zip differ
diff --git a/.yarn/cache/cosmiconfig-npm-6.0.0-cb7d64a2b9-8eed7c854b.zip b/.yarn/cache/cosmiconfig-npm-6.0.0-cb7d64a2b9-8eed7c854b.zip
new file mode 100644
index 000000000..3e83d75a2
Binary files /dev/null and b/.yarn/cache/cosmiconfig-npm-6.0.0-cb7d64a2b9-8eed7c854b.zip differ
diff --git a/.yarn/cache/create-emotion-npm-10.0.27-54c90999e2-6838f6fe0a.zip b/.yarn/cache/create-emotion-npm-10.0.27-54c90999e2-6838f6fe0a.zip
deleted file mode 100644
index 54c2221d4..000000000
Binary files a/.yarn/cache/create-emotion-npm-10.0.27-54c90999e2-6838f6fe0a.zip and /dev/null differ
diff --git a/.yarn/cache/csstype-npm-2.6.18-bf4896a7ad-1d6d67bc7f.zip b/.yarn/cache/csstype-npm-2.6.18-bf4896a7ad-1d6d67bc7f.zip
deleted file mode 100644
index f34480418..000000000
Binary files a/.yarn/cache/csstype-npm-2.6.18-bf4896a7ad-1d6d67bc7f.zip and /dev/null differ
diff --git a/.yarn/cache/csstype-npm-3.0.9-0801c4a6d7-199f9af7e6.zip b/.yarn/cache/csstype-npm-3.0.9-0801c4a6d7-199f9af7e6.zip
new file mode 100644
index 000000000..9d979a2a4
Binary files /dev/null and b/.yarn/cache/csstype-npm-3.0.9-0801c4a6d7-199f9af7e6.zip differ
diff --git a/.yarn/cache/find-root-npm-1.1.0-a16a94005f-b2a59fe4b6.zip b/.yarn/cache/find-root-npm-1.1.0-a16a94005f-b2a59fe4b6.zip
new file mode 100644
index 000000000..7f45aff55
Binary files /dev/null and b/.yarn/cache/find-root-npm-1.1.0-a16a94005f-b2a59fe4b6.zip differ
diff --git a/.yarn/cache/jest-serializer-html-npm-7.0.0-2b593bfb63-0745c241f4.zip b/.yarn/cache/jest-serializer-html-npm-7.0.0-2b593bfb63-0745c241f4.zip
deleted file mode 100644
index 5857c5bee..000000000
Binary files a/.yarn/cache/jest-serializer-html-npm-7.0.0-2b593bfb63-0745c241f4.zip and /dev/null differ
diff --git a/.yarn/cache/jest-serializer-html-npm-7.1.0-1611a5a418-c1f003e3dd.zip b/.yarn/cache/jest-serializer-html-npm-7.1.0-1611a5a418-c1f003e3dd.zip
new file mode 100644
index 000000000..7a89c8ac7
Binary files /dev/null and b/.yarn/cache/jest-serializer-html-npm-7.1.0-1611a5a418-c1f003e3dd.zip differ
diff --git a/.yarn/cache/specificity-npm-0.4.1-042c3c2fd5-e558f1098f.zip b/.yarn/cache/specificity-npm-0.4.1-042c3c2fd5-e558f1098f.zip
new file mode 100644
index 000000000..274afae1b
Binary files /dev/null and b/.yarn/cache/specificity-npm-0.4.1-042c3c2fd5-e558f1098f.zip differ
diff --git a/.yarn/cache/stylis-npm-4.0.10-4c0fa47ff8-0fecaf5c23.zip b/.yarn/cache/stylis-npm-4.0.10-4c0fa47ff8-0fecaf5c23.zip
new file mode 100644
index 000000000..0566c37d5
Binary files /dev/null and b/.yarn/cache/stylis-npm-4.0.10-4c0fa47ff8-0fecaf5c23.zip differ
diff --git a/packages/blockDev/package.json b/packages/blockDev/package.json
index 723285006..765490f6a 100644
--- a/packages/blockDev/package.json
+++ b/packages/blockDev/package.json
@@ -50,6 +50,7 @@
     "@babel/core": "7.14.3",
     "@babel/preset-env": "7.14.4",
     "@babel/preset-react": "7.13.13",
+    "@emotion/jest": "11.5.0",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.5",
     "babel-jest": "26.6.3",
     "babel-loader": "8.2.2",
@@ -60,6 +61,7 @@
     "html-webpack-plugin": "5.3.1",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
+    "jest-serializer-html": "7.1.0",
     "path-browserify": "1.0.1",
     "process": "0.11.10",
     "react-syntax-highlight": "15.3.1",
diff --git a/packages/blockTools/jest.config.js b/packages/blockTools/jest.config.js
index 564e0b2b9..e57ab1a48 100644
--- a/packages/blockTools/jest.config.js
+++ b/packages/blockTools/jest.config.js
@@ -23,4 +23,5 @@ module.exports = {
     '\\.yaml$': 'yaml-jest',
     '\\.js?$': 'babel-jest',
   },
+  snapshotSerializers: ['jest-serializer-html', '@emotion/jest/serializer'],
 };
diff --git a/packages/blockTools/package.json b/packages/blockTools/package.json
index 9b15b68b0..4a942b948 100644
--- a/packages/blockTools/package.json
+++ b/packages/blockTools/package.json
@@ -37,8 +37,8 @@
     "test": "jest --coverage"
   },
   "dependencies": {
+    "@emotion/css": "11.5.0",
     "@lowdefy/helpers": "3.22.0",
-    "create-emotion": "10.0.27",
     "dompurify": "2.3.3",
     "react": "17.0.2"
   },
@@ -47,6 +47,7 @@
     "@babel/core": "7.15.8",
     "@babel/preset-env": "7.15.8",
     "@babel/preset-react": "7.14.5",
+    "@emotion/jest": "11.5.0",
     "@lowdefy/block-dev": "3.22.0",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.5",
     "babel-jest": "27.3.1",
@@ -58,6 +59,7 @@
     "html-webpack-plugin": "5.4.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
+    "jest-serializer-html": "7.1.0",
     "path-browserify": "1.0.1",
     "process": "0.11.10",
     "react-dom": "17.0.2",
diff --git a/packages/blockTools/src/blockSchema.json b/packages/blockTools/src/blockSchema.json
index ead79afb6..e2b3801fe 100644
--- a/packages/blockTools/src/blockSchema.json
+++ b/packages/blockTools/src/blockSchema.json
@@ -52,7 +52,7 @@
                 },
                 "type": {
                   "type": "string",
-                  "enum": ["MenuLink", "MenuGroup"],
+                  "enum": ["MenuDivider", "MenuLink", "MenuGroup"],
                   "description": "Menu item type."
                 },
                 "pageId": {
@@ -78,6 +78,11 @@
                     "danger": {
                       "type": "boolean",
                       "description": "Apply danger style to menu item."
+                    },
+                    "dashed": {
+                      "type": "boolean",
+                      "default": false,
+                      "description": "Whether the divider line is dashed."
                     }
                   }
                 },
@@ -93,7 +98,7 @@
                       },
                       "type": {
                         "type": "string",
-                        "enum": ["MenuLink", "MenuGroup"],
+                        "enum": ["MenuDivider", "MenuLink", "MenuGroup"],
                         "description": "Menu item type."
                       },
                       "style": {
@@ -115,6 +120,11 @@
                           "danger": {
                             "type": "boolean",
                             "description": "Apply danger style to menu item."
+                          },
+                          "dashed": {
+                            "type": "boolean",
+                            "default": false,
+                            "description": "Whether the divider line is dashed."
                           }
                         },
                         "links": {
@@ -129,7 +139,7 @@
                               },
                               "type": {
                                 "type": "string",
-                                "enum": ["MenuLink"],
+                                "enum": ["MenuDivider", "MenuLink"],
                                 "description": "Menu item type."
                               },
                               "style": {
@@ -151,6 +161,11 @@
                                   "danger": {
                                     "type": "boolean",
                                     "description": "Apply danger style to menu item."
+                                  },
+                                  "dashed": {
+                                    "type": "boolean",
+                                    "default": false,
+                                    "description": "Whether the divider line is dashed."
                                   }
                                 }
                               }
diff --git a/packages/blockTools/src/getEmotionCss.test.js b/packages/blockTools/src/getEmotionCss.test.js
deleted file mode 100644
index 13c2ede80..000000000
--- a/packages/blockTools/src/getEmotionCss.test.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
-  Copyright 2020-2021 Lowdefy, Inc
-
-  Licensed under the Apache License, Version 2.0 (the "License");
-  you may not use this file except in compliance with the License.
-  You may obtain a copy of the License at
-
-      http://www.apache.org/licenses/LICENSE-2.0
-
-  Unless required by applicable law or agreed to in writing, software
-  distributed under the License is distributed on an "AS IS" BASIS,
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  See the License for the specific language governing permissions and
-  limitations under the License.
-*/
-
-import getEmotionCss from './getEmotionCss';
-import createEmotion from 'create-emotion';
-
-jest.mock('create-emotion', () => {
-  const emotion = jest.fn();
-  return emotion;
-});
-
-beforeEach(() => {
-  createEmotion.mockReset();
-  createEmotion.mockImplementation(() => ({ css: 'emotionCssMock' }));
-});
-
-test('catch emotion error', () => {
-  createEmotion.mockImplementation(() => {
-    throw new Error('No emotion');
-  });
-  expect(() => getEmotionCss()).toThrowErrorMatchingInlineSnapshot(
-    `"Emotion failed to initilize: No emotion"`
-  );
-});
-
-test('default and memoize', () => {
-  const css = getEmotionCss();
-  expect(css).toEqual('emotionCssMock');
-  expect(createEmotion).toHaveBeenCalledTimes(1);
-  const csstwo = getEmotionCss();
-  expect(csstwo).toEqual('emotionCssMock');
-  expect(createEmotion).toHaveBeenCalledTimes(1);
-});
diff --git a/packages/blockTools/src/makeCssClass.js b/packages/blockTools/src/makeCssClass.js
index 79a0f5acd..e56ec6f02 100644
--- a/packages/blockTools/src/makeCssClass.js
+++ b/packages/blockTools/src/makeCssClass.js
@@ -14,16 +14,13 @@
   limitations under the License.
 */
 
+import { css } from '@emotion/css';
 import { mergeObjects } from '@lowdefy/helpers';
 
 import mediaToCssObject from './mediaToCssObject';
-import getEmotionCss from './getEmotionCss';
 
 const makeCssClass = (styles, options = {}) => {
-  const css = getEmotionCss();
-  return options.styleObjectOnly
-    ? mediaToCssObject(mergeObjects(styles), options)
-    : css(mediaToCssObject(mergeObjects(styles), options));
+  return options.styleObjectOnly ? mergeObjects(styles) : css(mediaToCssObject(styles, options));
 };
 
 export default makeCssClass;
diff --git a/packages/blockTools/src/makeCssClass.test.js b/packages/blockTools/src/makeCssClass.test.js
index e269c7f91..078b2f702 100644
--- a/packages/blockTools/src/makeCssClass.test.js
+++ b/packages/blockTools/src/makeCssClass.test.js
@@ -21,10 +21,6 @@ const mockCssImp = (obj) => ({
   emotionClassFor: obj,
 });
 
-jest.mock('create-emotion', () => () => ({
-  css: (obj) => mockCss(obj),
-}));
-
 beforeEach(() => {
   mockCss.mockReset();
   mockCss.mockImplementation(mockCssImp);
diff --git a/packages/blockTools/src/mediaToCssObject.js b/packages/blockTools/src/mediaToCssObject.js
index 5d023cfd1..4e13ec8ef 100644
--- a/packages/blockTools/src/mediaToCssObject.js
+++ b/packages/blockTools/src/mediaToCssObject.js
@@ -15,82 +15,77 @@
   limitations under the License.
 */
 
-export const breakpoints = [576, 768, 992, 1200, 1600];
+import { type } from '@lowdefy/helpers';
 
-export const mq = [
-  {
-    name: 'xs',
-    breakpoints: breakpoints[0],
-    media: `@media screen and (max-width: ${breakpoints[0]}px)`,
-    mediaReact: `@media screen and (maxWidth: ${breakpoints[0]}px)`,
-  },
-  {
-    name: 'sm',
-    breakpoints: breakpoints[0],
-    media: `@media screen and (min-width: ${breakpoints[0]}px)`,
-    mediaReact: `@media screen and (minWidth: ${breakpoints[0]}px)`,
-  },
-  {
-    name: 'md',
-    breakpoints: breakpoints[1],
-    media: `@media screen and (min-width: ${breakpoints[1]}px)`,
-    mediaReact: `@media screen and (minWidth: ${breakpoints[1]}px)`,
-  },
-  {
-    name: 'lg',
-    breakpoints: breakpoints[2],
-    media: `@media screen and (min-width: ${breakpoints[2]}px)`,
-    mediaReact: `@media screen and (minWidth: ${breakpoints[2]}px)`,
-  },
-  {
-    name: 'xl',
-    breakpoints: breakpoints[3],
-    media: `@media screen and (min-width: ${breakpoints[3]}px)`,
-    mediaReact: `@media screen and (minWidth: ${breakpoints[3]}px)`,
-  },
-  {
-    name: 'xxl',
-    breakpoints: breakpoints[4],
-    media: `@media screen and (min-width: ${breakpoints[4]}px)`,
-    mediaReact: `@media screen and (minWidth: ${breakpoints[4]}px)`,
-  },
-];
+const breakpoints = {
+  xs: 576,
+  sm: 768,
+  md: 992,
+  lg: 1200,
+  xl: 1600,
+};
+const mediaReact = {
+  xs: `@media screen and (maxWidth: ${breakpoints.xs}px)`,
+  sm: `@media screen and (minWidth: ${breakpoints.xs}px)`,
+  md: `@media screen and (minWidth: ${breakpoints.sm}px)`,
+  lg: `@media screen and (minWidth: ${breakpoints.md}px)`,
+  xl: `@media screen and (minWidth: ${breakpoints.lg}px)`,
+  xxl: `@media screen and (minWidth: ${breakpoints.xl}px)`,
+};
+const media = {
+  xs: `@media screen and (max-width: ${breakpoints.xs}px)`,
+  sm: `@media screen and (min-width: ${breakpoints.xs}px)`,
+  md: `@media screen and (min-width: ${breakpoints.sm}px)`,
+  lg: `@media screen and (min-width: ${breakpoints.md}px)`,
+  xl: `@media screen and (min-width: ${breakpoints.lg}px)`,
+  xxl: `@media screen and (min-width: ${breakpoints.xl}px)`,
+};
+const mediaRegex = /@media\s+(xs|sm|md|lg|xl|xxl)\s*{/gm;
+const setReplacer = (_, group) => media[group] + ' {';
 
-const mediaToCssObject = (obj, options) => {
-  // ES2015 key order matters.
-  const result = [];
-  const media = (options || {}).react ? 'mediaReact' : 'media';
-  Object.keys(obj || {}).forEach((key) => {
-    switch (key) {
-      case 'xs':
-        result.push({ key: mq[0][media], value: obj.xs });
-        break;
-      case 'sm':
-        result.push({ key: mq[0][media], value: obj.sm });
-        break;
-      case 'md':
-        result.push({ key: mq[1][media], value: obj.md });
-        break;
-      case 'lg':
-        result.push({ key: mq[2][media], value: obj.lg });
-        break;
-      case 'xl':
-        result.push({ key: mq[3][media], value: obj.xl });
-        break;
-      case 'xxl':
-        result.push({ key: mq[4][media], value: obj.xxl });
-        break;
-      default:
-        result.push({ key, value: obj[key] });
-        break;
+const mediaToCssObject = (styles, options = {}) => {
+  if (type.isString(styles)) {
+    return styles.replace(mediaRegex, setReplacer);
+  }
+  let styleObjects = styles;
+  if (type.isObject(styles)) {
+    styleObjects = [styles];
+  }
+  if (!type.isArray(styleObjects)) {
+    return [];
+  }
+  return styleObjects.map((style) => {
+    if (type.isString(style)) {
+      return style.replace(mediaRegex, setReplacer);
     }
+    if (!type.isObject(style)) {
+      return {};
+    }
+    let mq = media;
+    if (options.react) {
+      mq = mediaReact;
+    }
+    const { xs, sm, md, lg, xl, xxl, ...others } = style;
+    if (xs) {
+      others[mq.xs] = xs;
+    }
+    if (sm) {
+      others[mq.sm] = sm;
+    }
+    if (md) {
+      others[mq.md] = md;
+    }
+    if (lg) {
+      others[mq.lg] = lg;
+    }
+    if (xl) {
+      others[mq.xl] = xl;
+    }
+    if (xxl) {
+      others[mq.xxl] = xxl;
+    }
+    return others;
   });
-  result.reverse();
-  const value = {};
-  result.forEach((item) => {
-    value[item.key] = item.value;
-  });
-  return value;
 };
 
 export default mediaToCssObject;
diff --git a/packages/blocks/blocksAntd/package.json b/packages/blocks/blocksAntd/package.json
index 871f975d1..eb5bfa3ce 100644
--- a/packages/blocks/blocksAntd/package.json
+++ b/packages/blocks/blocksAntd/package.json
@@ -61,6 +61,7 @@
     "@babel/core": "7.15.8",
     "@babel/preset-env": "7.15.8",
     "@babel/preset-react": "7.14.5",
+    "@emotion/jest": "11.5.0",
     "@lowdefy/block-dev": "3.22.0",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.5",
     "babel-jest": "27.3.1",
@@ -75,7 +76,7 @@
     "html-webpack-plugin": "5.4.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
-    "jest-serializer-html": "7.0.0",
+    "jest-serializer-html": "7.1.0",
     "js-yaml": "4.1.0",
     "less": "4.1.2",
     "less-loader": "10.2.0",
diff --git a/packages/blocks/blocksBasic/jest.config.js b/packages/blocks/blocksBasic/jest.config.js
index a7f43c895..d7602d363 100644
--- a/packages/blocks/blocksBasic/jest.config.js
+++ b/packages/blocks/blocksBasic/jest.config.js
@@ -15,4 +15,5 @@ module.exports = {
     '\\.js?$': 'babel-jest',
   },
   moduleFileExtensions: ['js', 'json', 'jsx', 'ts', 'tsx', 'node', 'yaml', 'css'],
+  snapshotSerializers: ['jest-serializer-html', '@emotion/jest/serializer'],
 };
diff --git a/packages/blocks/blocksBasic/package.json b/packages/blocks/blocksBasic/package.json
index dfdd46161..574e473ef 100644
--- a/packages/blocks/blocksBasic/package.json
+++ b/packages/blocks/blocksBasic/package.json
@@ -49,6 +49,7 @@
     "@babel/core": "7.15.8",
     "@babel/preset-env": "7.15.8",
     "@babel/preset-react": "7.14.5",
+    "@emotion/jest": "11.5.0",
     "@lowdefy/block-dev": "3.22.0",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.5",
     "babel-jest": "27.3.1",
@@ -61,6 +62,7 @@
     "html-webpack-plugin": "5.4.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
+    "jest-serializer-html": "7.1.0",
     "js-yaml": "4.1.0",
     "react-markdown": "5.0.3",
     "react-syntax-highlighter": "15.4.3",
diff --git a/packages/blocks/blocksColorSelectors/jest.config.js b/packages/blocks/blocksColorSelectors/jest.config.js
index e8f255caf..dac762337 100644
--- a/packages/blocks/blocksColorSelectors/jest.config.js
+++ b/packages/blocks/blocksColorSelectors/jest.config.js
@@ -16,5 +16,5 @@ module.exports = {
     '\\.js?$': 'babel-jest',
   },
   moduleFileExtensions: ['js', 'json', 'jsx', 'ts', 'tsx', 'node', 'yaml', 'css'],
-  snapshotSerializers: ['jest-serializer-html'],
+  snapshotSerializers: ['jest-serializer-html', '@emotion/jest/serializer'],
 };
diff --git a/packages/blocks/blocksColorSelectors/package.json b/packages/blocks/blocksColorSelectors/package.json
index d5845b1c3..8927bcd6d 100644
--- a/packages/blocks/blocksColorSelectors/package.json
+++ b/packages/blocks/blocksColorSelectors/package.json
@@ -51,6 +51,7 @@
     "@babel/core": "7.15.8",
     "@babel/preset-env": "7.15.8",
     "@babel/preset-react": "7.14.5",
+    "@emotion/jest": "11.5.0",
     "@lowdefy/block-dev": "3.22.0",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.5",
     "babel-jest": "27.3.1",
@@ -65,7 +66,7 @@
     "html-webpack-plugin": "5.4.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
-    "jest-serializer-html": "7.0.0",
+    "jest-serializer-html": "7.1.0",
     "js-yaml": "4.1.0",
     "less": "4.1.2",
     "less-loader": "10.2.0",
diff --git a/packages/blocks/blocksECharts/jest.config.js b/packages/blocks/blocksECharts/jest.config.js
index a7f43c895..d7602d363 100644
--- a/packages/blocks/blocksECharts/jest.config.js
+++ b/packages/blocks/blocksECharts/jest.config.js
@@ -15,4 +15,5 @@ module.exports = {
     '\\.js?$': 'babel-jest',
   },
   moduleFileExtensions: ['js', 'json', 'jsx', 'ts', 'tsx', 'node', 'yaml', 'css'],
+  snapshotSerializers: ['jest-serializer-html', '@emotion/jest/serializer'],
 };
diff --git a/packages/blocks/blocksECharts/package.json b/packages/blocks/blocksECharts/package.json
index 754357999..8fe7673d7 100644
--- a/packages/blocks/blocksECharts/package.json
+++ b/packages/blocks/blocksECharts/package.json
@@ -52,6 +52,7 @@
     "@babel/core": "7.15.8",
     "@babel/preset-env": "7.15.8",
     "@babel/preset-react": "7.14.5",
+    "@emotion/jest": "11.5.0",
     "@lowdefy/block-dev": "3.22.0",
     "babel-jest": "27.3.1",
     "babel-loader": "8.2.3",
@@ -62,6 +63,7 @@
     "html-webpack-plugin": "5.4.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
+    "jest-serializer-html": "7.1.0",
     "js-yaml": "4.1.0",
     "react-markdown": "5.0.3",
     "react-syntax-highlighter": "15.4.3",
diff --git a/packages/blocks/blocksMarkdown/jest.config.js b/packages/blocks/blocksMarkdown/jest.config.js
index a7f43c895..d7602d363 100644
--- a/packages/blocks/blocksMarkdown/jest.config.js
+++ b/packages/blocks/blocksMarkdown/jest.config.js
@@ -15,4 +15,5 @@ module.exports = {
     '\\.js?$': 'babel-jest',
   },
   moduleFileExtensions: ['js', 'json', 'jsx', 'ts', 'tsx', 'node', 'yaml', 'css'],
+  snapshotSerializers: ['jest-serializer-html', '@emotion/jest/serializer'],
 };
diff --git a/packages/blocks/blocksMarkdown/package.json b/packages/blocks/blocksMarkdown/package.json
index 3eef89158..4c166a857 100644
--- a/packages/blocks/blocksMarkdown/package.json
+++ b/packages/blocks/blocksMarkdown/package.json
@@ -53,6 +53,7 @@
     "@babel/core": "7.15.8",
     "@babel/preset-env": "7.15.8",
     "@babel/preset-react": "7.14.5",
+    "@emotion/jest": "11.5.0",
     "@lowdefy/block-dev": "3.22.0",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.5",
     "babel-jest": "27.3.1",
@@ -66,6 +67,7 @@
     "identity-obj-proxy": "3.0.0",
     "imports-loader": "3.1.0",
     "jest": "26.6.3",
+    "jest-serializer-html": "7.1.0",
     "js-yaml": "4.1.0",
     "path-browserify": "1.0.1",
     "process": "0.11.10",
diff --git a/packages/docs/howto/use-refrences.md b/packages/docs/howto/use-refrences.md
new file mode 100644
index 000000000..9affe8558
--- /dev/null
+++ b/packages/docs/howto/use-refrences.md
@@ -0,0 +1,5 @@
+# How to use references
+
+When starting a new Lowdefy application, your app is simple, uncomplicated and easy to navigate between pages, blocks, requests and actions. Unfortunately as with any software application, as you add more functionality, your app code start to grow to thousands of lines of code. When writing an app using conventional tools like javascript, you'd deal with this complexity by splitting your app into methods, files and folders. A experienced programmer will make design choices to best abstract portions of the code to make the app more understandable and maintainable.
+
+With Lowdefy the built configuration is served in one giant JSON blob. you can do the same by splitting portions of your Lowdefy config into separate files and folders, and stich them together and
diff --git a/packages/operators/src/web/media.js b/packages/operators/src/web/media.js
index 4641ce0a5..567a79e64 100644
--- a/packages/operators/src/web/media.js
+++ b/packages/operators/src/web/media.js
@@ -16,7 +16,13 @@
 
 import getFromObject from '../getFromObject';
 
-export const breakpoints = [576, 768, 992, 1200, 1600];
+const breakpoints = {
+  xs: 576,
+  sm: 768,
+  md: 992,
+  lg: 1200,
+  xl: 1600,
+};
 
 function _media({ arrayIndices, location, params }) {
   if (!window || !window.innerWidth) {
@@ -28,19 +34,19 @@ function _media({ arrayIndices, location, params }) {
   }
   let size;
   switch (true) {
-    case window.innerWidth < breakpoints[0]:
+    case window.innerWidth < breakpoints.xs:
       size = 'xs';
       break;
-    case window.innerWidth < breakpoints[1]:
+    case window.innerWidth < breakpoints.sm:
       size = 'sm';
       break;
-    case window.innerWidth < breakpoints[2]:
+    case window.innerWidth < breakpoints.md:
       size = 'md';
       break;
-    case window.innerWidth < breakpoints[3]:
+    case window.innerWidth < breakpoints.lg:
       size = 'lg';
       break;
-    case window.innerWidth < breakpoints[4]:
+    case window.innerWidth < breakpoints.xl:
       size = 'xl';
       break;
     default:
diff --git a/yarn.lock b/yarn.lock
index 51e437091..085f7318e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1045,7 +1045,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-jsx@npm:^7.14.5":
+"@babel/plugin-syntax-jsx@npm:^7.12.13, @babel/plugin-syntax-jsx@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-syntax-jsx@npm:7.14.5"
   dependencies:
@@ -1792,7 +1792,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.10.4, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.1, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.8.4":
+"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.10.4, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.1, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.8.4":
   version: 7.15.4
   resolution: "@babel/runtime@npm:7.15.4"
   dependencies:
@@ -1898,74 +1898,139 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/cache@npm:^10.0.27":
-  version: 10.0.29
-  resolution: "@emotion/cache@npm:10.0.29"
+"@emotion/babel-plugin@npm:^11.0.0":
+  version: 11.3.0
+  resolution: "@emotion/babel-plugin@npm:11.3.0"
   dependencies:
-    "@emotion/sheet": 0.9.4
-    "@emotion/stylis": 0.8.5
-    "@emotion/utils": 0.11.3
-    "@emotion/weak-memoize": 0.2.5
-  checksum: 78b37fb0c2e513c90143a927abef229e995b6738ef8a92ce17abe2ed409b38859ddda7c14d7f4854d6f4e450b6db50231532f53a7fec4903d7ae775b2ae3fd64
+    "@babel/helper-module-imports": ^7.12.13
+    "@babel/plugin-syntax-jsx": ^7.12.13
+    "@babel/runtime": ^7.13.10
+    "@emotion/hash": ^0.8.0
+    "@emotion/memoize": ^0.7.5
+    "@emotion/serialize": ^1.0.2
+    babel-plugin-macros: ^2.6.1
+    convert-source-map: ^1.5.0
+    escape-string-regexp: ^4.0.0
+    find-root: ^1.1.0
+    source-map: ^0.5.7
+    stylis: ^4.0.3
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 8ff91de4a26c32f8342b28b96630527d347879b6669a9bf6f78945ef6588af34be800e0feca0434e8900f082350c351a4b6941e48127aad916a581821620c919
   languageName: node
   linkType: hard
 
-"@emotion/hash@npm:0.8.0":
+"@emotion/cache@npm:^11.5.0":
+  version: 11.5.0
+  resolution: "@emotion/cache@npm:11.5.0"
+  dependencies:
+    "@emotion/memoize": ^0.7.4
+    "@emotion/sheet": ^1.0.3
+    "@emotion/utils": ^1.0.0
+    "@emotion/weak-memoize": ^0.2.5
+    stylis: ^4.0.10
+  checksum: 8b3fac281ea201d617b594d79e4b38903ee538e9aa2117f3f99a4f952b3f93d92659a569b3b934efa31ae450b2ddd9ae435b6c77db70aa99ac8cae4cbd71450b
+  languageName: node
+  linkType: hard
+
+"@emotion/css-prettifier@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@emotion/css-prettifier@npm:1.0.0"
+  dependencies:
+    "@emotion/memoize": ^0.7.4
+    stylis: ^4.0.3
+  checksum: a3de555a49e26b7b226625cfb80e766cc19bd862b736d0c481021a77dc84d6588c97c949d3bcab605d7e5fd1f254ab9386fc368abc2aec74d37e6447d905354c
+  languageName: node
+  linkType: hard
+
+"@emotion/css@npm:11.5.0":
+  version: 11.5.0
+  resolution: "@emotion/css@npm:11.5.0"
+  dependencies:
+    "@emotion/babel-plugin": ^11.0.0
+    "@emotion/cache": ^11.5.0
+    "@emotion/serialize": ^1.0.0
+    "@emotion/sheet": ^1.0.3
+    "@emotion/utils": ^1.0.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  peerDependenciesMeta:
+    "@babel/core":
+      optional: true
+  checksum: 45d01333c36a6449fcc4415470088ef2ee515d48a76d054bce9cf5c45fba17e5eec661aed34b4ea38f7003fd6a7e15ddf781e921977b4428875674621ef037f0
+  languageName: node
+  linkType: hard
+
+"@emotion/hash@npm:^0.8.0":
   version: 0.8.0
   resolution: "@emotion/hash@npm:0.8.0"
   checksum: 4b35d88a97e67275c1d990c96d3b0450451d089d1508619488fc0acb882cb1ac91e93246d471346ebd1b5402215941ef4162efe5b51534859b39d8b3a0e3ffaa
   languageName: node
   linkType: hard
 
-"@emotion/memoize@npm:0.7.4":
-  version: 0.7.4
-  resolution: "@emotion/memoize@npm:0.7.4"
-  checksum: 4e3920d4ec95995657a37beb43d3f4b7d89fed6caa2b173a4c04d10482d089d5c3ea50bbc96618d918b020f26ed6e9c4026bbd45433566576c1f7b056c3271dc
-  languageName: node
-  linkType: hard
-
-"@emotion/serialize@npm:^0.11.15":
-  version: 0.11.16
-  resolution: "@emotion/serialize@npm:0.11.16"
+"@emotion/jest@npm:11.5.0":
+  version: 11.5.0
+  resolution: "@emotion/jest@npm:11.5.0"
   dependencies:
-    "@emotion/hash": 0.8.0
-    "@emotion/memoize": 0.7.4
-    "@emotion/unitless": 0.7.5
-    "@emotion/utils": 0.11.3
-    csstype: ^2.5.7
-  checksum: 2949832fab9d803e6236f2af6aad021c09c6b6722ae910b06b4ec3bfb84d77cbecfe3eab9a7dcc269ac73e672ef4b696c7836825931670cb110731712e331438
+    "@babel/runtime": ^7.13.10
+    "@emotion/css-prettifier": ^1.0.0
+    chalk: ^4.1.0
+    specificity: ^0.4.1
+    stylis: ^4.0.10
+  peerDependencies:
+    "@types/jest": ^26.0.14 || ^27.0.0
+    enzyme-to-json: ^3.2.1
+  peerDependenciesMeta:
+    "@types/jest":
+      optional: true
+    enzyme-to-json:
+      optional: true
+  checksum: 1283d9b9262eb52d9eaa56bc44a59f297f1d8c22dbb58f45fec40204731c599e7524ca1192567566cefde28be8101c766e77b9a552b9bc7a72bf35728d10afd7
   languageName: node
   linkType: hard
 
-"@emotion/sheet@npm:0.9.4":
-  version: 0.9.4
-  resolution: "@emotion/sheet@npm:0.9.4"
-  checksum: 53bb833b4bb69ea2af04e1ecad164f78fb2614834d2820f584c909686a8e047c44e96a6e824798c5c558e6d95e10772454a9e5c473c5dbe0d198e50deb2815bc
+"@emotion/memoize@npm:^0.7.4, @emotion/memoize@npm:^0.7.5":
+  version: 0.7.5
+  resolution: "@emotion/memoize@npm:0.7.5"
+  checksum: 83da8d4a7649a92c72f960817692bc6be13cc13e107b9f7e878d63766525ed4402881bfeb3cda61145c050281e7e260f114a0a2870515527346f2ef896b915b3
   languageName: node
   linkType: hard
 
-"@emotion/stylis@npm:0.8.5":
-  version: 0.8.5
-  resolution: "@emotion/stylis@npm:0.8.5"
-  checksum: 67ff5958449b2374b329fb96e83cb9025775ffe1e79153b499537c6c8b2eb64b77f32d7b5d004d646973662356ceb646afd9269001b97c54439fceea3203ce65
+"@emotion/serialize@npm:^1.0.0, @emotion/serialize@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "@emotion/serialize@npm:1.0.2"
+  dependencies:
+    "@emotion/hash": ^0.8.0
+    "@emotion/memoize": ^0.7.4
+    "@emotion/unitless": ^0.7.5
+    "@emotion/utils": ^1.0.0
+    csstype: ^3.0.2
+  checksum: ff84fbe09ec06e7ad3deaef5c5b5ea6af6a522e8efe49c2b398b875d06872626284a83b6b18b7f777750c94264a61e7924157d869d9bca2f675731bbb91a6055
   languageName: node
   linkType: hard
 
-"@emotion/unitless@npm:0.7.5":
+"@emotion/sheet@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "@emotion/sheet@npm:1.0.3"
+  checksum: 43a9b9a0e4261d40c02907bbea4d19e7c75d102fbd04e55a94e025b26b7a78bb499c2f76c9a0bd94f36bee0b0219006ab26a1ebb9eb4cbb30f2925313de30b61
+  languageName: node
+  linkType: hard
+
+"@emotion/unitless@npm:^0.7.5":
   version: 0.7.5
   resolution: "@emotion/unitless@npm:0.7.5"
   checksum: f976e5345b53fae9414a7b2e7a949aa6b52f8bdbcc84458b1ddc0729e77ba1d1dfdff9960e0da60183877873d3a631fa24d9695dd714ed94bcd3ba5196586a6b
   languageName: node
   linkType: hard
 
-"@emotion/utils@npm:0.11.3":
-  version: 0.11.3
-  resolution: "@emotion/utils@npm:0.11.3"
-  checksum: 9c4204bda84f9acd153a9be9478a83f9baa74d5d7a4c21882681c4d1b86cd113b84540cb1f92e1c30313b5075f024da2658dbc553f5b00776ef9b6ec7991c0c9
+"@emotion/utils@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@emotion/utils@npm:1.0.0"
+  checksum: 3ce8048441a915447d9ef51eb6d1d4cbcce8c8d1647bc7a23333ce2fb2249e74cf9471670d6f49a716e93ff633c9e7a6633517698e17391aebfc40c9d0cabcc0
   languageName: node
   linkType: hard
 
-"@emotion/weak-memoize@npm:0.2.5":
+"@emotion/weak-memoize@npm:^0.2.5":
   version: 0.2.5
   resolution: "@emotion/weak-memoize@npm:0.2.5"
   checksum: 27d402b0c683b94658220b6d47840346ee582329ca2a15ec9c233492e0f1a27687ccb233b76eedc922f2e185e444cc89f7b97a81a1d3e5ae9f075bab08e965ea
@@ -3141,6 +3206,7 @@ __metadata:
     "@babel/core": 7.14.3
     "@babel/preset-env": 7.14.4
     "@babel/preset-react": 7.13.13
+    "@emotion/jest": 11.5.0
     "@lowdefy/helpers": 3.22.0
     "@wojtekmaj/enzyme-adapter-react-17": 0.6.5
     ajv: 6.12.6
@@ -3154,6 +3220,7 @@ __metadata:
     html-webpack-plugin: 5.3.1
     identity-obj-proxy: 3.0.0
     jest: 26.6.3
+    jest-serializer-html: 7.1.0
     path-browserify: 1.0.1
     process: 0.11.10
     react: 17.0.2
@@ -3178,13 +3245,14 @@ __metadata:
     "@babel/core": 7.15.8
     "@babel/preset-env": 7.15.8
     "@babel/preset-react": 7.14.5
+    "@emotion/css": 11.5.0
+    "@emotion/jest": 11.5.0
     "@lowdefy/block-dev": 3.22.0
     "@lowdefy/helpers": 3.22.0
     "@wojtekmaj/enzyme-adapter-react-17": 0.6.5
     babel-jest: 27.3.1
     babel-loader: 8.2.3
     clean-webpack-plugin: 4.0.0
-    create-emotion: 10.0.27
     css-loader: 6.4.0
     dompurify: 2.3.3
     enzyme: 3.11.0
@@ -3192,6 +3260,7 @@ __metadata:
     html-webpack-plugin: 5.4.0
     identity-obj-proxy: 3.0.0
     jest: 26.6.3
+    jest-serializer-html: 7.1.0
     path-browserify: 1.0.1
     process: 0.11.10
     react: 17.0.2
@@ -3215,6 +3284,7 @@ __metadata:
     "@babel/core": 7.15.8
     "@babel/preset-env": 7.15.8
     "@babel/preset-react": 7.14.5
+    "@emotion/jest": 11.5.0
     "@lowdefy/block-dev": 3.22.0
     "@lowdefy/block-tools": 3.22.0
     "@lowdefy/color": 3.22.0
@@ -3234,7 +3304,7 @@ __metadata:
     html-webpack-plugin: 5.4.0
     identity-obj-proxy: 3.0.0
     jest: 26.6.3
-    jest-serializer-html: 7.0.0
+    jest-serializer-html: 7.1.0
     js-yaml: 4.1.0
     less: 4.1.2
     less-loader: 10.2.0
@@ -3263,6 +3333,7 @@ __metadata:
     "@babel/core": 7.15.8
     "@babel/preset-env": 7.15.8
     "@babel/preset-react": 7.14.5
+    "@emotion/jest": 11.5.0
     "@lowdefy/block-dev": 3.22.0
     "@lowdefy/block-tools": 3.22.0
     "@lowdefy/helpers": 3.22.0
@@ -3278,6 +3349,7 @@ __metadata:
     html-webpack-plugin: 5.4.0
     identity-obj-proxy: 3.0.0
     jest: 26.6.3
+    jest-serializer-html: 7.1.0
     js-yaml: 4.1.0
     react: 17.0.2
     react-dom: 17.0.2
@@ -3301,6 +3373,7 @@ __metadata:
     "@babel/core": 7.15.8
     "@babel/preset-env": 7.15.8
     "@babel/preset-react": 7.14.5
+    "@emotion/jest": 11.5.0
     "@lowdefy/block-dev": 3.22.0
     "@lowdefy/block-tools": 3.22.0
     "@lowdefy/blocks-antd": 3.22.0
@@ -3317,7 +3390,7 @@ __metadata:
     html-webpack-plugin: 5.4.0
     identity-obj-proxy: 3.0.0
     jest: 26.6.3
-    jest-serializer-html: 7.0.0
+    jest-serializer-html: 7.1.0
     js-yaml: 4.1.0
     less: 4.1.2
     less-loader: 10.2.0
@@ -3344,6 +3417,7 @@ __metadata:
     "@babel/core": 7.15.8
     "@babel/preset-env": 7.15.8
     "@babel/preset-react": 7.14.5
+    "@emotion/jest": 11.5.0
     "@lowdefy/block-dev": 3.22.0
     "@lowdefy/block-tools": 3.22.0
     babel-jest: 27.3.1
@@ -3357,6 +3431,7 @@ __metadata:
     html-webpack-plugin: 5.4.0
     identity-obj-proxy: 3.0.0
     jest: 26.6.3
+    jest-serializer-html: 7.1.0
     js-yaml: 4.1.0
     react: 17.0.2
     react-dom: 17.0.2
@@ -3381,6 +3456,7 @@ __metadata:
     "@babel/core": 7.15.8
     "@babel/preset-env": 7.15.8
     "@babel/preset-react": 7.14.5
+    "@emotion/jest": 11.5.0
     "@lowdefy/block-dev": 3.22.0
     "@lowdefy/block-tools": 3.22.0
     "@wojtekmaj/enzyme-adapter-react-17": 0.6.5
@@ -3396,6 +3472,7 @@ __metadata:
     identity-obj-proxy: 3.0.0
     imports-loader: 3.1.0
     jest: 26.6.3
+    jest-serializer-html: 7.1.0
     js-yaml: 4.1.0
     path-browserify: 1.0.1
     process: 0.11.10
@@ -6699,6 +6776,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-macros@npm:^2.6.1":
+  version: 2.8.0
+  resolution: "babel-plugin-macros@npm:2.8.0"
+  dependencies:
+    "@babel/runtime": ^7.7.2
+    cosmiconfig: ^6.0.0
+    resolve: ^1.12.0
+  checksum: 59b09a21cf3ae1e14186c1b021917d004b49b953824b24953a54c6502da79e8051d4ac31cfd4a0ae7f6ea5ddf1f7edd93df4895dd3c3982a5b2431859c2889ac
+  languageName: node
+  linkType: hard
+
 "babel-plugin-polyfill-corejs2@npm:^0.2.0, babel-plugin-polyfill-corejs2@npm:^0.2.2":
   version: 0.2.2
   resolution: "babel-plugin-polyfill-corejs2@npm:0.2.2"
@@ -8164,7 +8252,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"convert-source-map@npm:^1.1.0, convert-source-map@npm:^1.4.0, convert-source-map@npm:^1.6.0, convert-source-map@npm:^1.7.0":
+"convert-source-map@npm:^1.1.0, convert-source-map@npm:^1.4.0, convert-source-map@npm:^1.5.0, convert-source-map@npm:^1.6.0, convert-source-map@npm:^1.7.0":
   version: 1.8.0
   resolution: "convert-source-map@npm:1.8.0"
   dependencies:
@@ -8277,6 +8365,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cosmiconfig@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "cosmiconfig@npm:6.0.0"
+  dependencies:
+    "@types/parse-json": ^4.0.0
+    import-fresh: ^3.1.0
+    parse-json: ^5.0.0
+    path-type: ^4.0.0
+    yaml: ^1.7.2
+  checksum: 8eed7c854b91643ecb820767d0deb038b50780ecc3d53b0b19e03ed8aabed4ae77271198d1ae3d49c3b110867edf679f5faad924820a8d1774144a87cb6f98fc
+  languageName: node
+  linkType: hard
+
 "cosmiconfig@npm:^7.0.0":
   version: 7.0.1
   resolution: "cosmiconfig@npm:7.0.1"
@@ -8290,18 +8391,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"create-emotion@npm:10.0.27":
-  version: 10.0.27
-  resolution: "create-emotion@npm:10.0.27"
-  dependencies:
-    "@emotion/cache": ^10.0.27
-    "@emotion/serialize": ^0.11.15
-    "@emotion/sheet": 0.9.4
-    "@emotion/utils": 0.11.3
-  checksum: 6838f6fe0a3e8d6a7a354685f1ffed6a23f28e74ce4bcdd045882f8e007715dc61596bddc05937cdfd67581eb66a697621a6d01c1a7357b85a816fddc22203fe
-  languageName: node
-  linkType: hard
-
 "cross-spawn@npm:7.0.3, cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
   version: 7.0.3
   resolution: "cross-spawn@npm:7.0.3"
@@ -8430,10 +8519,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:^2.5.7":
-  version: 2.6.18
-  resolution: "csstype@npm:2.6.18"
-  checksum: 1d6d67bc7f55af976d7a9cb153d61867d6c84eb0d69733165d2d4f10c659e7647a1e7a19859acacbf0120552164b8ff1a4ffef45a435aa37a4ff2f09e5b0bcf7
+"csstype@npm:^3.0.2":
+  version: 3.0.9
+  resolution: "csstype@npm:3.0.9"
+  checksum: 199f9af7e673f9f188525c3102a329d637ff46c52f6385a4427ff5cb17adcb736189150170a7af7c5701d18d7704bdad130273f4aa7e44c6c4f9967e6115dc93
   languageName: node
   linkType: hard
 
@@ -8982,7 +9071,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"diffable-html@npm:^4.0.0":
+"diffable-html@npm:^4.1.0":
   version: 4.1.0
   resolution: "diffable-html@npm:4.1.0"
   dependencies:
@@ -10508,6 +10597,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"find-root@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "find-root@npm:1.1.0"
+  checksum: b2a59fe4b6c932eef36c45a048ae8f93c85640212ebe8363164814990ee20f154197505965f3f4f102efc33bfb1cbc26fd17c4a2fc739ebc51b886b137cbefaf
+  languageName: node
+  linkType: hard
+
 "find-up@npm:^2.0.0, find-up@npm:^2.1.0":
   version: 2.1.0
   resolution: "find-up@npm:2.1.0"
@@ -12036,7 +12132,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"import-fresh@npm:^3.0.0, import-fresh@npm:^3.2.1":
+"import-fresh@npm:^3.0.0, import-fresh@npm:^3.1.0, import-fresh@npm:^3.2.1":
   version: 3.3.0
   resolution: "import-fresh@npm:3.3.0"
   dependencies:
@@ -13341,12 +13437,12 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"jest-serializer-html@npm:7.0.0":
-  version: 7.0.0
-  resolution: "jest-serializer-html@npm:7.0.0"
+"jest-serializer-html@npm:7.1.0":
+  version: 7.1.0
+  resolution: "jest-serializer-html@npm:7.1.0"
   dependencies:
-    diffable-html: ^4.0.0
-  checksum: 0745c241f4e89df38c6a9dfc81b76015ca527fb96a5ebbf9e85649b732d898fcbb6f4e4e746f0889a499098251438a72bc9c6f71b5b21ed1beb28981143c1762
+    diffable-html: ^4.1.0
+  checksum: c1f003e3dd600eb6f835fab8440f794f92fbeb0c1a245f630984883dda172c9103b95302a58b284a07cfbbcd944a3989808970d055e388d7abf9e24c0b1837fb
   languageName: node
   linkType: hard
 
@@ -18974,7 +19070,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"resolve@^1.10.0, resolve@^1.14.2, resolve@^1.18.1, resolve@^1.20.0, resolve@^1.9.0":
+"resolve@^1.10.0, resolve@^1.12.0, resolve@^1.14.2, resolve@^1.18.1, resolve@^1.20.0, resolve@^1.9.0":
   version: 1.20.0
   resolution: "resolve@npm:1.20.0"
   dependencies:
@@ -18994,7 +19090,7 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.18.1#~builtin<compat/resolve>, resolve@patch:resolve@^1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.9.0#~builtin<compat/resolve>":
+"resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.12.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.18.1#~builtin<compat/resolve>, resolve@patch:resolve@^1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.9.0#~builtin<compat/resolve>":
   version: 1.20.0
   resolution: "resolve@patch:resolve@npm%3A1.20.0#~builtin<compat/resolve>::version=1.20.0&hash=00b1ff"
   dependencies:
@@ -19835,7 +19931,7 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
-"source-map@npm:^0.5.0, source-map@npm:^0.5.6":
+"source-map@npm:^0.5.0, source-map@npm:^0.5.6, source-map@npm:^0.5.7":
   version: 0.5.7
   resolution: "source-map@npm:0.5.7"
   checksum: 5dc2043b93d2f194142c7f38f74a24670cd7a0063acdaf4bf01d2964b402257ae843c2a8fa822ad5b71013b5fcafa55af7421383da919752f22ff488bc553f4d
@@ -19933,6 +20029,15 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
+"specificity@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "specificity@npm:0.4.1"
+  bin:
+    specificity: ./bin/specificity
+  checksum: e558f1098f85aa54a8e90277309ac0d1913c84812c0bd349aa449076aa700964f71ab69f04f5fda9b7898bef9b7da3faa1cad9caedfd3f1a1ebfebedc18604ab
+  languageName: node
+  linkType: hard
+
 "split-on-first@npm:^1.0.0":
   version: 1.1.0
   resolution: "split-on-first@npm:1.1.0"
@@ -20380,6 +20485,13 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
+"stylis@npm:^4.0.10, stylis@npm:^4.0.3":
+  version: 4.0.10
+  resolution: "stylis@npm:4.0.10"
+  checksum: 0fecaf5c234ec3ffcb0afc21478742a815a21cb964365259789be9c1692e72e13d8c081c1150fd76ed2146633a3251cdecd6e0c120b158f44bd74c38f81cafb3
+  languageName: node
+  linkType: hard
+
 "subscriptions-transport-ws@npm:^0.9.16, subscriptions-transport-ws@npm:^0.9.19":
   version: 0.9.19
   resolution: "subscriptions-transport-ws@npm:0.9.19"
@@ -22450,7 +22562,7 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
-"yaml@npm:^1.10.0, yaml@npm:^1.8.3":
+"yaml@npm:^1.10.0, yaml@npm:^1.7.2, yaml@npm:^1.8.3":
   version: 1.10.2
   resolution: "yaml@npm:1.10.2"
   checksum: ce4ada136e8a78a0b08dc10b4b900936912d15de59905b2bf415b4d33c63df1d555d23acb2a41b23cf9fb5da41c256441afca3d6509de7247daa062fd2c5ea5f