diff --git a/package-lock.json b/package-lock.json
index e488c3253..29693ecb9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -47,7 +47,7 @@
         "@storybook/addon-links": "^6.5.15",
         "@storybook/addons": "^6.5.15",
         "@storybook/react": "^6.5.15",
-        "@storybook/theming": "^6.5.16",
+        "@storybook/theming": "^7.0.27",
         "@testing-library/dom": "^8.19.0",
         "@testing-library/jest-dom": "^5.11.9",
         "@testing-library/react": "^11.2.5",
@@ -5037,6 +5037,26 @@
         }
       }
     },
+    "node_modules/@storybook/addon-actions/node_modules/@storybook/theming": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/addon-backgrounds": {
       "version": "6.5.16",
       "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-6.5.16.tgz",
@@ -5074,6 +5094,26 @@
         }
       }
     },
+    "node_modules/@storybook/addon-backgrounds/node_modules/@storybook/theming": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/addon-controls": {
       "version": "6.5.16",
       "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-6.5.16.tgz",
@@ -5110,6 +5150,26 @@
         }
       }
     },
+    "node_modules/@storybook/addon-controls/node_modules/@storybook/theming": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/addon-docs": {
       "version": "6.5.16",
       "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-6.5.16.tgz",
@@ -5166,6 +5226,26 @@
         }
       }
     },
+    "node_modules/@storybook/addon-docs/node_modules/@storybook/theming": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/addon-essentials": {
       "version": "6.5.16",
       "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-6.5.16.tgz",
@@ -5620,6 +5700,26 @@
         }
       }
     },
+    "node_modules/@storybook/addon-toolbars/node_modules/@storybook/theming": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/addon-viewport": {
       "version": "6.5.16",
       "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-6.5.16.tgz",
@@ -5655,6 +5755,26 @@
         }
       }
     },
+    "node_modules/@storybook/addon-viewport/node_modules/@storybook/theming": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/addons": {
       "version": "6.5.16",
       "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-6.5.16.tgz",
@@ -5682,6 +5802,26 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@storybook/addons/node_modules/@storybook/theming": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/api": {
       "version": "6.5.16",
       "resolved": "https://registry.npmjs.org/@storybook/api/-/api-6.5.16.tgz",
@@ -5715,6 +5855,26 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@storybook/api/node_modules/@storybook/theming": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/builder-webpack4": {
       "version": "6.5.16",
       "resolved": "https://registry.npmjs.org/@storybook/builder-webpack4/-/builder-webpack4-6.5.16.tgz",
@@ -5783,6 +5943,26 @@
         }
       }
     },
+    "node_modules/@storybook/builder-webpack4/node_modules/@storybook/theming": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/builder-webpack4/node_modules/@types/node": {
       "version": "16.18.30",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.30.tgz",
@@ -6247,6 +6427,26 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@storybook/components/node_modules/@storybook/theming": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/core": {
       "version": "6.5.16",
       "resolved": "https://registry.npmjs.org/@storybook/core/-/core-6.5.16.tgz",
@@ -6721,6 +6921,12 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/global": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz",
+      "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==",
+      "dev": true
+    },
     "node_modules/@storybook/manager-webpack4": {
       "version": "6.5.16",
       "resolved": "https://registry.npmjs.org/@storybook/manager-webpack4/-/manager-webpack4-6.5.16.tgz",
@@ -6777,6 +6983,26 @@
         }
       }
     },
+    "node_modules/@storybook/manager-webpack4/node_modules/@storybook/theming": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/manager-webpack4/node_modules/@types/node": {
       "version": "16.18.30",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.30.tgz",
@@ -7640,15 +7866,15 @@
       }
     },
     "node_modules/@storybook/theming": {
-      "version": "6.5.16",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
-      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "version": "7.0.27",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.0.27.tgz",
+      "integrity": "sha512-l2Lc8xX8QXQO8c9gpzdUUJ+0YqLoh8w74I7lzxiife0TzEQrhWD9aRJAVimm8Vzfq5x3CNeJNFHc5PcG8ypQig==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "6.5.16",
-        "core-js": "^3.8.2",
-        "memoizerific": "^1.11.3",
-        "regenerator-runtime": "^0.13.7"
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@storybook/client-logger": "7.0.27",
+        "@storybook/global": "^5.0.0",
+        "memoizerific": "^1.11.3"
       },
       "funding": {
         "type": "opencollective",
@@ -7659,6 +7885,19 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@storybook/theming/node_modules/@storybook/client-logger": {
+      "version": "7.0.27",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.0.27.tgz",
+      "integrity": "sha512-t4F0ByHP4MNiyVI5sgqtxSccr4RmPAqTr/h6CeGLJKWzUYobBV5hwKUd/qlfwdjev2u9C7AdLFPBKVcHX5PteA==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/global": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
     "node_modules/@storybook/ui": {
       "version": "6.5.16",
       "resolved": "https://registry.npmjs.org/@storybook/ui/-/ui-6.5.16.tgz",
@@ -7689,6 +7928,26 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@storybook/ui/node_modules/@storybook/theming": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@swc/helpers": {
       "version": "0.3.17",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.3.17.tgz",
@@ -37734,6 +37993,20 @@
         "ts-dedent": "^2.0.0",
         "util-deprecate": "^1.0.2",
         "uuid-browser": "^3.1.0"
+      },
+      "dependencies": {
+        "@storybook/theming": {
+          "version": "6.5.16",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+          "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "6.5.16",
+            "core-js": "^3.8.2",
+            "memoizerific": "^1.11.3",
+            "regenerator-runtime": "^0.13.7"
+          }
+        }
       }
     },
     "@storybook/addon-backgrounds": {
@@ -37755,6 +38028,20 @@
         "regenerator-runtime": "^0.13.7",
         "ts-dedent": "^2.0.0",
         "util-deprecate": "^1.0.2"
+      },
+      "dependencies": {
+        "@storybook/theming": {
+          "version": "6.5.16",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+          "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "6.5.16",
+            "core-js": "^3.8.2",
+            "memoizerific": "^1.11.3",
+            "regenerator-runtime": "^0.13.7"
+          }
+        }
       }
     },
     "@storybook/addon-controls": {
@@ -37775,6 +38062,20 @@
         "core-js": "^3.8.2",
         "lodash": "^4.17.21",
         "ts-dedent": "^2.0.0"
+      },
+      "dependencies": {
+        "@storybook/theming": {
+          "version": "6.5.16",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+          "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "6.5.16",
+            "core-js": "^3.8.2",
+            "memoizerific": "^1.11.3",
+            "regenerator-runtime": "^0.13.7"
+          }
+        }
       }
     },
     "@storybook/addon-docs": {
@@ -37811,6 +38112,20 @@
         "remark-slug": "^6.0.0",
         "ts-dedent": "^2.0.0",
         "util-deprecate": "^1.0.2"
+      },
+      "dependencies": {
+        "@storybook/theming": {
+          "version": "6.5.16",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+          "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "6.5.16",
+            "core-js": "^3.8.2",
+            "memoizerific": "^1.11.3",
+            "regenerator-runtime": "^0.13.7"
+          }
+        }
       }
     },
     "@storybook/addon-essentials": {
@@ -38116,6 +38431,20 @@
         "@storybook/theming": "6.5.16",
         "core-js": "^3.8.2",
         "regenerator-runtime": "^0.13.7"
+      },
+      "dependencies": {
+        "@storybook/theming": {
+          "version": "6.5.16",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+          "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "6.5.16",
+            "core-js": "^3.8.2",
+            "memoizerific": "^1.11.3",
+            "regenerator-runtime": "^0.13.7"
+          }
+        }
       }
     },
     "@storybook/addon-viewport": {
@@ -38135,6 +38464,20 @@
         "memoizerific": "^1.11.3",
         "prop-types": "^15.7.2",
         "regenerator-runtime": "^0.13.7"
+      },
+      "dependencies": {
+        "@storybook/theming": {
+          "version": "6.5.16",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+          "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "6.5.16",
+            "core-js": "^3.8.2",
+            "memoizerific": "^1.11.3",
+            "regenerator-runtime": "^0.13.7"
+          }
+        }
       }
     },
     "@storybook/addons": {
@@ -38154,6 +38497,20 @@
         "core-js": "^3.8.2",
         "global": "^4.4.0",
         "regenerator-runtime": "^0.13.7"
+      },
+      "dependencies": {
+        "@storybook/theming": {
+          "version": "6.5.16",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+          "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "6.5.16",
+            "core-js": "^3.8.2",
+            "memoizerific": "^1.11.3",
+            "regenerator-runtime": "^0.13.7"
+          }
+        }
       }
     },
     "@storybook/api": {
@@ -38179,6 +38536,20 @@
         "telejson": "^6.0.8",
         "ts-dedent": "^2.0.0",
         "util-deprecate": "^1.0.2"
+      },
+      "dependencies": {
+        "@storybook/theming": {
+          "version": "6.5.16",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+          "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "6.5.16",
+            "core-js": "^3.8.2",
+            "memoizerific": "^1.11.3",
+            "regenerator-runtime": "^0.13.7"
+          }
+        }
       }
     },
     "@storybook/builder-webpack4": {
@@ -38236,6 +38607,18 @@
         "webpack-virtual-modules": "^0.2.2"
       },
       "dependencies": {
+        "@storybook/theming": {
+          "version": "6.5.16",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+          "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "6.5.16",
+            "core-js": "^3.8.2",
+            "memoizerific": "^1.11.3",
+            "regenerator-runtime": "^0.13.7"
+          }
+        },
         "@types/node": {
           "version": "16.18.30",
           "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.30.tgz",
@@ -38596,6 +38979,20 @@
         "qs": "^6.10.0",
         "regenerator-runtime": "^0.13.7",
         "util-deprecate": "^1.0.2"
+      },
+      "dependencies": {
+        "@storybook/theming": {
+          "version": "6.5.16",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+          "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "6.5.16",
+            "core-js": "^3.8.2",
+            "memoizerific": "^1.11.3",
+            "regenerator-runtime": "^0.13.7"
+          }
+        }
       }
     },
     "@storybook/core": {
@@ -38942,6 +39339,12 @@
         "regenerator-runtime": "^0.13.7"
       }
     },
+    "@storybook/global": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz",
+      "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==",
+      "dev": true
+    },
     "@storybook/manager-webpack4": {
       "version": "6.5.16",
       "resolved": "https://registry.npmjs.org/@storybook/manager-webpack4/-/manager-webpack4-6.5.16.tgz",
@@ -38985,6 +39388,18 @@
         "webpack-virtual-modules": "^0.2.2"
       },
       "dependencies": {
+        "@storybook/theming": {
+          "version": "6.5.16",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+          "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "6.5.16",
+            "core-js": "^3.8.2",
+            "memoizerific": "^1.11.3",
+            "regenerator-runtime": "^0.13.7"
+          }
+        },
         "@types/node": {
           "version": "16.18.30",
           "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.30.tgz",
@@ -39606,15 +40021,26 @@
       }
     },
     "@storybook/theming": {
-      "version": "6.5.16",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
-      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "version": "7.0.27",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.0.27.tgz",
+      "integrity": "sha512-l2Lc8xX8QXQO8c9gpzdUUJ+0YqLoh8w74I7lzxiife0TzEQrhWD9aRJAVimm8Vzfq5x3CNeJNFHc5PcG8ypQig==",
       "dev": true,
       "requires": {
-        "@storybook/client-logger": "6.5.16",
-        "core-js": "^3.8.2",
-        "memoizerific": "^1.11.3",
-        "regenerator-runtime": "^0.13.7"
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@storybook/client-logger": "7.0.27",
+        "@storybook/global": "^5.0.0",
+        "memoizerific": "^1.11.3"
+      },
+      "dependencies": {
+        "@storybook/client-logger": {
+          "version": "7.0.27",
+          "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.0.27.tgz",
+          "integrity": "sha512-t4F0ByHP4MNiyVI5sgqtxSccr4RmPAqTr/h6CeGLJKWzUYobBV5hwKUd/qlfwdjev2u9C7AdLFPBKVcHX5PteA==",
+          "dev": true,
+          "requires": {
+            "@storybook/global": "^5.0.0"
+          }
+        }
       }
     },
     "@storybook/ui": {
@@ -39637,6 +40063,20 @@
         "qs": "^6.10.0",
         "regenerator-runtime": "^0.13.7",
         "resolve-from": "^5.0.0"
+      },
+      "dependencies": {
+        "@storybook/theming": {
+          "version": "6.5.16",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+          "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "6.5.16",
+            "core-js": "^3.8.2",
+            "memoizerific": "^1.11.3",
+            "regenerator-runtime": "^0.13.7"
+          }
+        }
       }
     },
     "@swc/helpers": {
diff --git a/package.json b/package.json
index 7f152d575..045f4d4ef 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,7 @@
     "@storybook/addon-links": "^6.5.15",
     "@storybook/addons": "^6.5.15",
     "@storybook/react": "^6.5.15",
-    "@storybook/theming": "^6.5.16",
+    "@storybook/theming": "^7.0.27",
     "@testing-library/dom": "^8.19.0",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.5",