diff --git a/.storybook/main.js b/.storybook/main.js
new file mode 100644
index 0000000000..1492ac61f6
--- /dev/null
+++ b/.storybook/main.js
@@ -0,0 +1,11 @@
+module.exports = {
+  stories: [],
+  addons: ['@storybook/addon-essentials'],
+  // uncomment the property below if you want to apply some webpack config globally
+  // webpackFinal: async (config, { configType }) => {
+  //   // Make whatever fine-grained changes you need that should apply to all storybook configs
+
+  //   // Return the altered config
+  //   return config;
+  // },
+};
diff --git a/.storybook/tsconfig.json b/.storybook/tsconfig.json
new file mode 100644
index 0000000000..7dd91521d3
--- /dev/null
+++ b/.storybook/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "extends": "../tsconfig.base.json",
+  "exclude": [
+    "../**/*.spec.js",
+    "../**/*.test.js",
+    "../**/*.spec.ts",
+    "../**/*.test.ts",
+    "../**/*.spec.tsx",
+    "../**/*.test.tsx",
+    "../**/*.spec.jsx",
+    "../**/*.test.jsx"
+  ],
+  "include": ["../**/*"]
+}
diff --git a/dep-graph/client/src/assets/environment.js b/dep-graph/client/src/assets/environment.js
deleted file mode 100644
index 1b2433d365..0000000000
--- a/dep-graph/client/src/assets/environment.js
+++ /dev/null
@@ -1,57 +0,0 @@
-window.exclude = [];
-window.watch = false;
-window.environment = 'dev';
-window.useXstateInspect = false;
-
-window.appConfig = {
-  showDebugger: false,
-  showExperimentalFeatures: false,
-  projectGraphs: [
-    {
-      id: 'nx',
-      label: 'Nx',
-      url: 'assets/graphs/nx.json',
-    },
-    {
-      id: 'ocean',
-      label: 'Ocean',
-      url: 'assets/graphs/ocean.json',
-    },
-    {
-      id: 'nx-examples',
-      label: 'Nx Examples',
-      url: 'assets/graphs/nx-examples.json',
-    },
-    {
-      id: 'sub-apps',
-      label: 'Sub Apps',
-      url: 'assets/graphs/sub-apps.json',
-    },
-    {
-      id: 'storybook',
-      label: 'Storybook',
-      url: 'assets/graphs/storybook.json',
-    },
-    {
-      id: 'focus-testing',
-      label: 'Focus',
-      url: 'assets/graphs/focus-testing.json',
-    },
-    {
-      id: 'affected',
-      label: 'Affected',
-      url: 'assets/graphs/affected.json',
-    },
-    {
-      id: 'collapsing-edges-testing',
-      label: 'Collapsing Edges',
-      url: 'assets/graphs/collapsing-edges-testing.json',
-    },
-    {
-      id: 'nested-workspace-layout',
-      label: 'Nested Workspace Layout',
-      url: 'assets/graphs/nested-workspace-layout.json',
-    },
-  ],
-  defaultProjectGraph: 'nx',
-};
diff --git a/graph/client/.storybook/main.js b/graph/client/.storybook/main.js
new file mode 100644
index 0000000000..e658fa28b2
--- /dev/null
+++ b/graph/client/.storybook/main.js
@@ -0,0 +1,24 @@
+const rootMain = require('../../../.storybook/main');
+
+module.exports = {
+  ...rootMain,
+
+  core: { ...rootMain.core, builder: 'webpack5' },
+
+  stories: [
+    ...rootMain.stories,
+    '../src/app/**/*.stories.mdx',
+    '../src/app/**/*.stories.@(js|jsx|ts|tsx)',
+  ],
+  addons: [...rootMain.addons, '@nrwl/react/plugins/storybook'],
+  webpackFinal: async (config, { configType }) => {
+    // apply any global webpack configs that might have been specified in .storybook/main.js
+    if (rootMain.webpackFinal) {
+      config = await rootMain.webpackFinal(config, { configType });
+    }
+
+    // add your own webpack tweaks if needed
+
+    return config;
+  },
+};
diff --git a/graph/client/.storybook/preview.js b/graph/client/.storybook/preview.js
new file mode 100644
index 0000000000..73c33a7715
--- /dev/null
+++ b/graph/client/.storybook/preview.js
@@ -0,0 +1,19 @@
+import '../src/styles.scss';
+
+export const decorators = [
+  (Story, context) => {
+    return (
+      <div className="bg-white text-slate-500 dark:bg-slate-900 dark:text-slate-400">
+        {context.title.startsWith('Project Graph') ? (
+          <div className="flex justify-center">
+            <div className="relative flex h-full w-72 flex-col overflow-y-scroll pb-10 shadow-lg ring-1 ring-slate-900/10 ring-opacity-10 transition-all dark:ring-slate-300/10">
+              <Story />
+            </div>
+          </div>
+        ) : (
+          <Story />
+        )}
+      </div>
+    );
+  },
+];
diff --git a/graph/client/.storybook/tsconfig.json b/graph/client/.storybook/tsconfig.json
new file mode 100644
index 0000000000..601ae8ff8b
--- /dev/null
+++ b/graph/client/.storybook/tsconfig.json
@@ -0,0 +1,27 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "emitDecoratorMetadata": true,
+    "outDir": ""
+  },
+  "files": [
+    "../../../node_modules/@nrwl/react/typings/styled-jsx.d.ts",
+    "../../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
+    "../../../node_modules/@nrwl/react/typings/image.d.ts"
+  ],
+
+  "exclude": [
+    "../**/*.spec.ts",
+    "../**/*.spec.js",
+    "../**/*.spec.tsx",
+    "../**/*.spec.jsx"
+  ],
+  "include": [
+    "../src/**/*.stories.ts",
+    "../src/**/*.stories.js",
+    "../src/**/*.stories.jsx",
+    "../src/**/*.stories.tsx",
+    "../src/**/*.stories.mdx",
+    "*.js"
+  ]
+}
diff --git a/graph/client/project.json b/graph/client/project.json
index 8bc633ea74..6b90cb8efb 100644
--- a/graph/client/project.json
+++ b/graph/client/project.json
@@ -132,6 +132,37 @@
         "jestConfig": "graph/client/jest.config.ts",
         "passWithNoTests": true
       }
+    },
+    "storybook": {
+      "executor": "@nrwl/storybook:storybook",
+      "options": {
+        "uiFramework": "@storybook/react",
+        "port": 4400,
+        "config": {
+          "configFolder": "graph/client/.storybook"
+        }
+      },
+      "configurations": {
+        "ci": {
+          "quiet": true
+        }
+      }
+    },
+    "build-storybook": {
+      "executor": "@nrwl/storybook:build",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "uiFramework": "@storybook/react",
+        "outputPath": "dist/storybook/graph-client",
+        "config": {
+          "configFolder": "graph/client/.storybook"
+        }
+      },
+      "configurations": {
+        "ci": {
+          "quiet": true
+        }
+      }
     }
   },
   "tags": []
diff --git a/graph/client/src/app/debugger-panel.stories.tsx b/graph/client/src/app/debugger-panel.stories.tsx
new file mode 100644
index 0000000000..711bb39636
--- /dev/null
+++ b/graph/client/src/app/debugger-panel.stories.tsx
@@ -0,0 +1,36 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { DebuggerPanel, DebuggerPanelProps } from './debugger-panel';
+
+export default {
+  component: DebuggerPanel,
+  title: 'Shell/DebuggerPanel',
+  argTypes: {
+    projectGraphChange: { action: 'projectGraphChange' },
+  },
+} as ComponentMeta<typeof DebuggerPanel>;
+
+const Template: ComponentStory<typeof DebuggerPanel> = (args) => (
+  <DebuggerPanel {...args} />
+);
+
+export const Primary = Template.bind({});
+Primary.args = {
+  projectGraphs: [
+    {
+      url: 'some-graph.json',
+      label: 'Some graph',
+      id: 'some-graph',
+    },
+    {
+      url: 'another-graph.json',
+      label: 'Another graph',
+      id: 'another-graph',
+    },
+  ],
+  selectedProjectGraph: 'another-graph',
+  lastPerfReport: {
+    numEdges: 20,
+    numNodes: 10,
+    renderTime: 500,
+  },
+};
diff --git a/graph/client/src/app/edge-tooltip.stories.tsx b/graph/client/src/app/edge-tooltip.stories.tsx
new file mode 100644
index 0000000000..3764131c5d
--- /dev/null
+++ b/graph/client/src/app/edge-tooltip.stories.tsx
@@ -0,0 +1,30 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { EdgeNodeTooltip, EdgeNodeTooltipProps } from './edge-tooltip';
+import ProjectNodeToolTip from './project-node-tooltip';
+import { selectValueByThemeStatic } from './theme-resolver';
+import Tippy from '@tippyjs/react';
+
+export default {
+  component: EdgeNodeTooltip,
+  title: 'Tooltips/EdgeNodeTooltip',
+} as ComponentMeta<typeof EdgeNodeTooltip>;
+
+const Template: ComponentStory<typeof EdgeNodeTooltip> = (args) => (
+  <Tippy
+    content={<EdgeNodeTooltip {...args} />}
+    visible={true}
+    theme="nx"
+    interactive={true}
+    maxWidth="none"
+  >
+    <p></p>
+  </Tippy>
+);
+
+export const Primary = Template.bind({});
+Primary.args = {
+  type: 'static',
+  target: 'lib1',
+  source: 'lib2',
+  fileDependencies: [{ fileName: 'some/file.ts' }],
+} as EdgeNodeTooltipProps;
diff --git a/graph/client/src/app/edge-tooltip.tsx b/graph/client/src/app/edge-tooltip.tsx
index 9137c9d294..7a98f08db7 100644
--- a/graph/client/src/app/edge-tooltip.tsx
+++ b/graph/client/src/app/edge-tooltip.tsx
@@ -4,7 +4,8 @@ export interface EdgeNodeTooltipProps {
   target: string;
   fileDependencies: Array<{ fileName: string }>;
 }
-function EdgeNodeTooltip({
+
+export function EdgeNodeTooltip({
   type,
   source,
   target,
@@ -23,7 +24,10 @@ function EdgeNodeTooltip({
           </div>
           <ul className="max-h-[300px] divide-y divide-slate-200 overflow-auto dark:divide-slate-800">
             {fileDependencies.map((fileDep) => (
-              <li className="whitespace-nowrap px-4 py-2 text-sm font-medium text-slate-800 dark:text-slate-300">
+              <li
+                key={fileDep.fileName}
+                className="whitespace-nowrap px-4 py-2 text-sm font-medium text-slate-800 dark:text-slate-300"
+              >
                 <span className="block truncate font-normal">
                   {fileDep.fileName}
                 </span>
diff --git a/graph/client/src/app/project-node-tooltip.stories.tsx b/graph/client/src/app/project-node-tooltip.stories.tsx
new file mode 100644
index 0000000000..0d1415d3a9
--- /dev/null
+++ b/graph/client/src/app/project-node-tooltip.stories.tsx
@@ -0,0 +1,31 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import {
+  ProjectNodeToolTip,
+  ProjectNodeToolTipProps,
+} from './project-node-tooltip';
+import Tippy from '@tippyjs/react';
+
+export default {
+  component: ProjectNodeToolTip,
+  title: 'Tooltips/ProjectNodeToolTip',
+} as ComponentMeta<typeof ProjectNodeToolTip>;
+
+const Template: ComponentStory<typeof ProjectNodeToolTip> = (args) => (
+  <Tippy
+    content={<ProjectNodeToolTip {...args} />}
+    visible={true}
+    theme="nx"
+    interactive={true}
+    maxWidth="none"
+  >
+    <p></p>
+  </Tippy>
+);
+
+export const Primary = Template.bind({});
+const args: ProjectNodeToolTipProps = {
+  type: 'app',
+  tags: ['type:app', 'scope:store'],
+  id: 'store',
+};
+Primary.args = args;
diff --git a/graph/client/src/app/project-node-tooltip.tsx b/graph/client/src/app/project-node-tooltip.tsx
index bc9aef0e52..b185286436 100644
--- a/graph/client/src/app/project-node-tooltip.tsx
+++ b/graph/client/src/app/project-node-tooltip.tsx
@@ -6,7 +6,11 @@ export interface ProjectNodeToolTipProps {
   tags: string[];
 }
 
-function ProjectNodeToolTip({ type, id, tags }: ProjectNodeToolTipProps) {
+export function ProjectNodeToolTip({
+  type,
+  id,
+  tags,
+}: ProjectNodeToolTipProps) {
   const depGraphService = getDepGraphService();
 
   function onFocus() {
diff --git a/graph/client/src/app/sidebar/collapse-edges-panel.stories.tsx b/graph/client/src/app/sidebar/collapse-edges-panel.stories.tsx
new file mode 100644
index 0000000000..2134a7402c
--- /dev/null
+++ b/graph/client/src/app/sidebar/collapse-edges-panel.stories.tsx
@@ -0,0 +1,23 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import {
+  CollapseEdgesPanel,
+  CollapseEdgesPanelProps,
+} from './collapse-edges-panel';
+
+export default {
+  component: CollapseEdgesPanel,
+  title: 'Project Graph/CollapseEdgesPanel',
+  argTypes: {
+    collapseEdges: Boolean,
+    collapseEdgesChanged: { action: 'collapseEdgesChanged' },
+  },
+} as ComponentMeta<typeof CollapseEdgesPanel>;
+
+const Template: ComponentStory<typeof CollapseEdgesPanel> = (args) => (
+  <CollapseEdgesPanel {...args} />
+);
+
+export const Primary = Template.bind({});
+Primary.args = {
+  collapseEdges: false,
+};
diff --git a/graph/client/src/app/sidebar/focused-project-panel.stories.tsx b/graph/client/src/app/sidebar/focused-project-panel.stories.tsx
new file mode 100644
index 0000000000..18b2534e74
--- /dev/null
+++ b/graph/client/src/app/sidebar/focused-project-panel.stories.tsx
@@ -0,0 +1,20 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import {
+  FocusedProjectPanel,
+  FocusedProjectPanelProps,
+} from './focused-project-panel';
+
+export default {
+  component: FocusedProjectPanel,
+  title: 'Project Graph/FocusedProjectPanel',
+  argTypes: { resetFocus: { action: 'resetFocus' } },
+} as ComponentMeta<typeof FocusedProjectPanel>;
+
+const Template: ComponentStory<typeof FocusedProjectPanel> = (args) => (
+  <FocusedProjectPanel {...args} />
+);
+
+export const Primary = Template.bind({});
+Primary.args = {
+  focusedProject: 'store',
+};
diff --git a/graph/client/src/app/sidebar/group-by-folder-panel.stories.tsx b/graph/client/src/app/sidebar/group-by-folder-panel.stories.tsx
new file mode 100644
index 0000000000..ca6aab3a0c
--- /dev/null
+++ b/graph/client/src/app/sidebar/group-by-folder-panel.stories.tsx
@@ -0,0 +1,20 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import {
+  DisplayOptionsPanelProps,
+  GroupByFolderPanel,
+} from './group-by-folder-panel';
+
+export default {
+  component: GroupByFolderPanel,
+  title: 'Project Graph/GroupByFolderPanel',
+  argTypes: { groupByFolderChanged: { action: 'groupByFolderChanged' } },
+} as ComponentMeta<typeof GroupByFolderPanel>;
+
+const Template: ComponentStory<typeof GroupByFolderPanel> = (args) => (
+  <GroupByFolderPanel {...args} />
+);
+
+export const Primary = Template.bind({});
+Primary.args = {
+  groupByFolder: false,
+};
diff --git a/graph/client/src/app/sidebar/search-depth.stories.tsx b/graph/client/src/app/sidebar/search-depth.stories.tsx
new file mode 100644
index 0000000000..bd84c0a755
--- /dev/null
+++ b/graph/client/src/app/sidebar/search-depth.stories.tsx
@@ -0,0 +1,24 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { SearchDepth, SearchDepthProps } from './search-depth';
+
+export default {
+  component: SearchDepth,
+  title: 'Project Graph/SearchDepth',
+  argTypes: {
+    searchDepthFilterEnabledChange: {
+      action: 'searchDepthFilterEnabledChange',
+    },
+    decrementDepthFilter: { action: 'decrementDepthFilter' },
+    incrementDepthFilter: { action: 'incrementDepthFilter' },
+  },
+} as ComponentMeta<typeof SearchDepth>;
+
+const Template: ComponentStory<typeof SearchDepth> = (args) => (
+  <SearchDepth {...args} />
+);
+
+export const Primary = Template.bind({});
+Primary.args = {
+  searchDepthEnabled: false,
+  searchDepth: 1,
+};
diff --git a/graph/client/src/app/sidebar/show-hide-projects.stories.tsx b/graph/client/src/app/sidebar/show-hide-projects.stories.tsx
new file mode 100644
index 0000000000..d0e3c5ed5d
--- /dev/null
+++ b/graph/client/src/app/sidebar/show-hide-projects.stories.tsx
@@ -0,0 +1,29 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import {
+  ShowHideAllProjects,
+  ShowHideAllProjectsProps,
+} from './show-hide-projects';
+
+export default {
+  component: ShowHideAllProjects,
+  title: 'Project Graph/ShowHideAllProjects',
+  argTypes: {
+    hideAllProjects: { action: 'hideAllProjects' },
+    showAffectedProjects: { action: 'showAffectedProjects' },
+    showAllProjects: { action: 'showAllProjects' },
+  },
+} as ComponentMeta<typeof ShowHideAllProjects>;
+
+const Template: ComponentStory<typeof ShowHideAllProjects> = (args) => (
+  <ShowHideAllProjects {...args} />
+);
+
+export const Primary = Template.bind({});
+Primary.args = {
+  hasAffectedProjects: false,
+};
+
+export const Affected = Template.bind({});
+Affected.args = {
+  hasAffectedProjects: true,
+};
diff --git a/graph/client/src/app/sidebar/text-filter-panel.stories.tsx b/graph/client/src/app/sidebar/text-filter-panel.stories.tsx
new file mode 100644
index 0000000000..f236451f9e
--- /dev/null
+++ b/graph/client/src/app/sidebar/text-filter-panel.stories.tsx
@@ -0,0 +1,26 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { TextFilterPanel, TextFilterPanelProps } from './text-filter-panel';
+
+export default {
+  component: TextFilterPanel,
+  title: 'Project Graph/TextFilterPanel',
+  argTypes: {
+    resetTextFilter: { action: 'resetTextFilter' },
+    toggleIncludeLibsInPathChange: {
+      action: 'toggleIncludeLibsInPathChange',
+    },
+    updateTextFilter: {
+      action: 'updateTextFilter',
+    },
+  },
+} as ComponentMeta<typeof TextFilterPanel>;
+
+const Template: ComponentStory<typeof TextFilterPanel> = (args) => (
+  <TextFilterPanel {...args} />
+);
+
+export const Primary = Template.bind({});
+Primary.args = {
+  includePath: false,
+  textFilter: 'some-lib',
+};
diff --git a/graph/client/src/app/sidebar/theme-panel.stories.tsx b/graph/client/src/app/sidebar/theme-panel.stories.tsx
new file mode 100644
index 0000000000..ecfa19b148
--- /dev/null
+++ b/graph/client/src/app/sidebar/theme-panel.stories.tsx
@@ -0,0 +1,12 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import ThemePanel from './theme-panel';
+
+export default {
+  component: ThemePanel,
+  title: 'Project Graph/ThemePanel',
+} as ComponentMeta<typeof ThemePanel>;
+
+const Template: ComponentStory<typeof ThemePanel> = () => <ThemePanel />;
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/graph/client/src/app/sidebar/tracing-panel.stories.tsx b/graph/client/src/app/sidebar/tracing-panel.stories.tsx
new file mode 100644
index 0000000000..673d42f357
--- /dev/null
+++ b/graph/client/src/app/sidebar/tracing-panel.stories.tsx
@@ -0,0 +1,23 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { TracingPanel, TracingPanelProps } from './tracing-panel';
+
+export default {
+  component: TracingPanel,
+  title: 'Project Graph/TracingPanel',
+  argTypes: {
+    resetEnd: { action: 'resetEnd' },
+    resetStart: { action: 'resetStart' },
+    setAlgorithm: { action: 'setAlgorithm' },
+  },
+} as ComponentMeta<typeof TracingPanel>;
+
+const Template: ComponentStory<typeof TracingPanel> = (args) => (
+  <TracingPanel {...args} />
+);
+
+export const Primary = Template.bind({});
+Primary.args = {
+  end: 'shared-ui',
+  start: 'store',
+  algorithm: 'shortest',
+};
diff --git a/graph/client/tsconfig.app.json b/graph/client/tsconfig.app.json
index 8e68a6b6dd..41495f8009 100644
--- a/graph/client/tsconfig.app.json
+++ b/graph/client/tsconfig.app.json
@@ -18,7 +18,11 @@
     "**/*.test.js",
     "**/*.spec.jsx",
     "**/*.test.jsx",
-    "jest.config.ts"
+    "jest.config.ts",
+    "**/*.stories.ts",
+    "**/*.stories.js",
+    "**/*.stories.jsx",
+    "**/*.stories.tsx"
   ],
   "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
 }
diff --git a/graph/client/tsconfig.json b/graph/client/tsconfig.json
index ad56986cc1..8e81ba5974 100644
--- a/graph/client/tsconfig.json
+++ b/graph/client/tsconfig.json
@@ -12,6 +12,9 @@
     },
     {
       "path": "./tsconfig.spec.json"
+    },
+    {
+      "path": "./.storybook/tsconfig.json"
     }
   ]
 }
diff --git a/nx.json b/nx.json
index 652c695fc6..8505ad29f3 100644
--- a/nx.json
+++ b/nx.json
@@ -16,7 +16,8 @@
           "build-base",
           "test",
           "sitemap",
-          "e2e"
+          "e2e",
+          "build-storybook"
         ],
         "useDaemonProcess": true,
         "cacheDirectory": "/tmp/nx-cache",
diff --git a/package.json b/package.json
index 3c23fe1306..cbf9bb720a 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,9 @@
     "@angular/router": "~14.2.0",
     "@angular/service-worker": "~14.2.0",
     "@angular/upgrade": "~14.2.0",
+    "@babel/core": "^7.15.0",
     "@babel/helper-create-regexp-features-plugin": "^7.14.5",
+    "@babel/preset-typescript": "^7.15.0",
     "@cypress/react": "^6.0.0",
     "@cypress/webpack-preprocessor": "^5.12.0",
     "@nestjs/common": "^9.0.0",
@@ -84,8 +86,10 @@
     "@storybook/addon-essentials": "~6.5.9",
     "@storybook/addon-knobs": "~6.3.0",
     "@storybook/angular": "~6.5.9",
+    "@storybook/builder-webpack5": "~6.5.9",
     "@storybook/core": "~6.5.9",
     "@storybook/core-server": "~6.5.9",
+    "@storybook/manager-webpack5": "~6.5.9",
     "@storybook/react": "~6.5.9",
     "@svgr/webpack": "^6.1.2",
     "@swc-node/register": "^1.4.2",
@@ -125,6 +129,7 @@
     "angular": "1.8.0",
     "autoprefixer": "^10.4.9",
     "babel-jest": "28.1.3",
+    "babel-loader": "^8.2.2",
     "chalk": "4.1.0",
     "chokidar": "^3.5.1",
     "commitizen": "^4.0.3",
@@ -263,7 +268,8 @@
     "xstate": "^4.25.0",
     "yargs": "^17.4.0",
     "yargs-parser": "21.0.1",
-    "zone.js": "~0.11.4"
+    "zone.js": "~0.11.4",
+    "@nrwl/storybook": "14.7.0-beta.1"
   },
   "author": "Victor Savkin",
   "license": "MIT",
diff --git a/scripts/depcheck/discrepancies.ts b/scripts/depcheck/discrepancies.ts
index 78ea6300dd..f380edefef 100644
--- a/scripts/depcheck/discrepancies.ts
+++ b/scripts/depcheck/discrepancies.ts
@@ -5,7 +5,7 @@ import { satisfies } from 'semver';
 const IGNORE_MATCHES = {
   '*': [],
   angular: ['webpack-merge', '@phenomnomnominal/tsquery'],
-  cypress: ['webpack'],
+  cypress: ['webpack', '@babel/core', 'babel-loader'],
 };
 
 export default function getDiscrepancies(
diff --git a/yarn.lock b/yarn.lock
index ca2ba40a25..1d1bb3189c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3634,6 +3634,13 @@
     read-package-json-fast "^2.0.3"
     which "^2.0.2"
 
+"@nrwl/cli@14.7.0-beta.1":
+  version "14.7.0-beta.1"
+  resolved "https://registry.yarnpkg.com/@nrwl/cli/-/cli-14.7.0-beta.1.tgz#a36c2d66d83f9b6c4b8c566a6ceb7805879c3496"
+  integrity sha512-3u4O31awd7mCaRI/hmIEBPKU76fvSSVvnZPqTaZoEMiwirALC1zsBkEv9O9+ksBtpDPJK0FgOdAYpTgJ8g2DHg==
+  dependencies:
+    nx "14.7.0-beta.1"
+
 "@nrwl/cli@14.7.6-beta.0":
   version "14.7.6-beta.0"
   resolved "https://registry.yarnpkg.com/@nrwl/cli/-/cli-14.7.6-beta.0.tgz#a02ac790a0ea531fdbd9b81b4e28625ba1d0b66b"
@@ -3641,6 +3648,31 @@
   dependencies:
     nx "14.7.6-beta.0"
 
+"@nrwl/cypress@14.7.0-beta.1":
+  version "14.7.0-beta.1"
+  resolved "https://registry.yarnpkg.com/@nrwl/cypress/-/cypress-14.7.0-beta.1.tgz#121234bc65c1f93543eb478287a05efcb6f4d4cb"
+  integrity sha512-xx9RsLQK98cD7Pl8FV7YrU4m9bLp/uyNUqCfP5qFveFYBh+A/KWVJ5JI2DMHkwTIMtAC8OXdwdtbWwu1S15CMA==
+  dependencies:
+    "@babel/core" "^7.0.1"
+    "@babel/preset-env" "^7.0.0"
+    "@cypress/webpack-preprocessor" "^5.12.0"
+    "@nrwl/devkit" "14.7.0-beta.1"
+    "@nrwl/linter" "14.7.0-beta.1"
+    "@nrwl/workspace" "14.7.0-beta.1"
+    "@phenomnomnominal/tsquery" "4.1.1"
+    babel-loader "^8.0.2"
+    chalk "4.1.0"
+    dotenv "~10.0.0"
+    enhanced-resolve "^5.8.3"
+    fork-ts-checker-webpack-plugin "7.2.13"
+    rxjs "^6.5.4"
+    ts-loader "^9.3.1"
+    tsconfig-paths "^3.9.0"
+    tsconfig-paths-webpack-plugin "3.5.2"
+    tslib "^2.3.0"
+    webpack "^4 || ^5"
+    webpack-node-externals "^3.0.0"
+
 "@nrwl/cypress@14.7.6-beta.0":
   version "14.7.6-beta.0"
   resolved "https://registry.yarnpkg.com/@nrwl/cypress/-/cypress-14.7.6-beta.0.tgz#cdd1106a877e5ac909e177dee4f46046bb4d188b"
@@ -3666,6 +3698,17 @@
     webpack "^4 || ^5"
     webpack-node-externals "^3.0.0"
 
+"@nrwl/devkit@14.7.0-beta.1":
+  version "14.7.0-beta.1"
+  resolved "https://registry.yarnpkg.com/@nrwl/devkit/-/devkit-14.7.0-beta.1.tgz#8f9a61d5d7b9df085e4d68ab8e196f1064f9a5d5"
+  integrity sha512-RmOJHENc5/SW+C622BNxvU+tTdu9dKqwZwFXwZrLGAq7aR3Uo9pC17vcWR/iCxsNs+5mN0ZFS9FSBrho5YtM9g==
+  dependencies:
+    "@phenomnomnominal/tsquery" "4.1.1"
+    ejs "^3.1.7"
+    ignore "^5.0.4"
+    semver "7.3.4"
+    tslib "^2.3.0"
+
 "@nrwl/devkit@14.7.6-beta.0":
   version "14.7.6-beta.0"
   resolved "https://registry.yarnpkg.com/@nrwl/devkit/-/devkit-14.7.6-beta.0.tgz#8e7ac428870f1b60b2365bbe19deba015846d130"
@@ -3689,6 +3732,25 @@
     confusing-browser-globals "^1.0.9"
     semver "7.3.4"
 
+"@nrwl/jest@14.7.0-beta.1":
+  version "14.7.0-beta.1"
+  resolved "https://registry.yarnpkg.com/@nrwl/jest/-/jest-14.7.0-beta.1.tgz#68e1d82ce19041f4365cf510b43ea63fc6b74059"
+  integrity sha512-4fTfTYjR9tjcBwepbjLMqY4LnYVP91mDurGEyqntD/rBQrv60n2DooayqB2b/KkM/x3yCMZ4Yn75f29FyhcB3w==
+  dependencies:
+    "@jest/reporters" "28.1.1"
+    "@jest/test-result" "28.1.1"
+    "@nrwl/devkit" "14.7.0-beta.1"
+    "@phenomnomnominal/tsquery" "4.1.1"
+    chalk "4.1.0"
+    dotenv "~10.0.0"
+    identity-obj-proxy "3.0.0"
+    jest-config "28.1.1"
+    jest-resolve "28.1.1"
+    jest-util "28.1.1"
+    resolve.exports "1.1.0"
+    rxjs "^6.5.4"
+    tslib "^2.3.0"
+
 "@nrwl/jest@14.7.6-beta.0":
   version "14.7.6-beta.0"
   resolved "https://registry.yarnpkg.com/@nrwl/jest/-/jest-14.7.6-beta.0.tgz#f5361f471bb66f1b39c9a0b9c711d22cbb6abd29"
@@ -3727,6 +3789,18 @@
     source-map-support "0.5.19"
     tree-kill "1.2.2"
 
+"@nrwl/linter@14.7.0-beta.1":
+  version "14.7.0-beta.1"
+  resolved "https://registry.yarnpkg.com/@nrwl/linter/-/linter-14.7.0-beta.1.tgz#5a81bd07d5395b18ac3d388aa51184a39f02b72e"
+  integrity sha512-OGlnQUADjMIxrWuCR9EF7pu9yQt87PW+/NWg6wGDpfQDVrxxpRSa0PXLUNYYD9BnL7qkBmMskPAayxpETZ3yfg==
+  dependencies:
+    "@nrwl/devkit" "14.7.0-beta.1"
+    "@nrwl/jest" "14.7.0-beta.1"
+    "@phenomnomnominal/tsquery" "4.1.1"
+    nx "14.7.0-beta.1"
+    tmp "~0.2.1"
+    tslib "^2.3.0"
+
 "@nrwl/linter@14.7.6-beta.0":
   version "14.7.6-beta.0"
   resolved "https://registry.yarnpkg.com/@nrwl/linter/-/linter-14.7.6-beta.0.tgz#23655b4ffe610a70e30b9321708289058cfd8bf7"
@@ -3806,6 +3880,21 @@
     webpack "^5.58.1"
     webpack-merge "^5.8.0"
 
+"@nrwl/storybook@14.7.0-beta.1":
+  version "14.7.0-beta.1"
+  resolved "https://registry.yarnpkg.com/@nrwl/storybook/-/storybook-14.7.0-beta.1.tgz#34361171a03a600a3d7131dbe2a40737b57ff5fe"
+  integrity sha512-3ha2xy8Jhh4Ob8uFJ9FgJgiz/73hjmrdsN+D3o19wYroEt+g5DorpHcLRntZGfwjYYDwfG97Sx31MwQ9K5uNcQ==
+  dependencies:
+    "@nrwl/cypress" "14.7.0-beta.1"
+    "@nrwl/devkit" "14.7.0-beta.1"
+    "@nrwl/linter" "14.7.0-beta.1"
+    "@nrwl/workspace" "14.7.0-beta.1"
+    core-js "^3.6.5"
+    dotenv "~10.0.0"
+    semver "7.3.4"
+    ts-loader "^9.3.1"
+    tsconfig-paths-webpack-plugin "3.5.2"
+
 "@nrwl/storybook@14.7.6-beta.0":
   version "14.7.6-beta.0"
   resolved "https://registry.yarnpkg.com/@nrwl/storybook/-/storybook-14.7.6-beta.0.tgz#8f3eb2d5d63ff4bb1ecf0e92932e4a195ef4eb1e"
@@ -3821,6 +3910,13 @@
     ts-loader "^9.3.1"
     tsconfig-paths-webpack-plugin "3.5.2"
 
+"@nrwl/tao@14.7.0-beta.1":
+  version "14.7.0-beta.1"
+  resolved "https://registry.yarnpkg.com/@nrwl/tao/-/tao-14.7.0-beta.1.tgz#fa27553d952852dfff612b3b4d64e10239c684d7"
+  integrity sha512-V9mxtmGMNQmJYkpdncMuiAZYJxAWFPQu8eY1tf9IUVvUZ/59uhjxr3sWX/9CoAwWe3qvctwZUXf9Uk/6NtoiGw==
+  dependencies:
+    nx "14.7.0-beta.1"
+
 "@nrwl/tao@14.7.6-beta.0":
   version "14.7.6-beta.0"
   resolved "https://registry.yarnpkg.com/@nrwl/tao/-/tao-14.7.6-beta.0.tgz#df13b93e00de244ece6a1189bda951ee7cce56b4"
@@ -3913,6 +4009,37 @@
     webpack-sources "^3.2.3"
     webpack-subresource-integrity "^5.1.0"
 
+"@nrwl/workspace@14.7.0-beta.1":
+  version "14.7.0-beta.1"
+  resolved "https://registry.yarnpkg.com/@nrwl/workspace/-/workspace-14.7.0-beta.1.tgz#5bc737e606a8c7a23a934bf15e5a3b3c04f71ee2"
+  integrity sha512-1HXXJfognwQhJjtu7DRBqj6jpevstMl2MxihBt1d9IWlV4V7p/GQx6i/bmUCKlb0tGCgknOMAzSpV3KskZKSzg==
+  dependencies:
+    "@nrwl/devkit" "14.7.0-beta.1"
+    "@nrwl/jest" "14.7.0-beta.1"
+    "@nrwl/linter" "14.7.0-beta.1"
+    "@parcel/watcher" "2.0.4"
+    chalk "4.1.0"
+    chokidar "^3.5.1"
+    cli-cursor "3.1.0"
+    cli-spinners "2.6.1"
+    dotenv "~10.0.0"
+    enquirer "~2.3.6"
+    figures "3.2.0"
+    flat "^5.0.2"
+    fs-extra "^10.1.0"
+    glob "7.1.4"
+    ignore "^5.0.4"
+    minimatch "3.0.5"
+    npm-run-path "^4.0.1"
+    nx "14.7.0-beta.1"
+    open "^8.4.0"
+    rxjs "^6.5.4"
+    semver "7.3.4"
+    tmp "~0.2.1"
+    tslib "^2.3.0"
+    yargs "^17.4.0"
+    yargs-parser "21.0.1"
+
 "@nrwl/workspace@14.7.6-beta.0":
   version "14.7.6-beta.0"
   resolved "https://registry.yarnpkg.com/@nrwl/workspace/-/workspace-14.7.6-beta.0.tgz#5e38ee317fdf3fe76954c2b91914a78a5ea2976f"
@@ -4420,6 +4547,23 @@
     global "^4.4.0"
     regenerator-runtime "^0.13.7"
 
+"@storybook/addons@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.5.12.tgz#891767b5f88ea99b956cf19e9e2893594068adc7"
+  integrity sha512-y3cgxZq41YGnuIlBJEuJjSFdMsm8wnvlNOGUP9Q+Er2dgfx8rJz4Q22o4hPjpvpaj4XdBtxCJXI2NeFpN59+Cw==
+  dependencies:
+    "@storybook/api" "6.5.12"
+    "@storybook/channels" "6.5.12"
+    "@storybook/client-logger" "6.5.12"
+    "@storybook/core-events" "6.5.12"
+    "@storybook/csf" "0.0.2--canary.4566f4d.1"
+    "@storybook/router" "6.5.12"
+    "@storybook/theming" "6.5.12"
+    "@types/webpack-env" "^1.16.0"
+    core-js "^3.8.2"
+    global "^4.4.0"
+    regenerator-runtime "^0.13.7"
+
 "@storybook/angular@~6.5.9":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/angular/-/angular-6.5.10.tgz#81fdef3ef2fc47af038df4c47edfc1dd95657ddf"
@@ -4485,6 +4629,29 @@
     ts-dedent "^2.0.0"
     util-deprecate "^1.0.2"
 
+"@storybook/api@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.5.12.tgz#7cc82087fc9298be03f15bf4ab9c4aab294b3bac"
+  integrity sha512-DuUZmMlQxkFNU9Vgkp9aNfCkAongU76VVmygvCuSpMVDI9HQ2lG0ydL+ppL4XKoSMCCoXTY6+rg4hJANnH+1AQ==
+  dependencies:
+    "@storybook/channels" "6.5.12"
+    "@storybook/client-logger" "6.5.12"
+    "@storybook/core-events" "6.5.12"
+    "@storybook/csf" "0.0.2--canary.4566f4d.1"
+    "@storybook/router" "6.5.12"
+    "@storybook/semver" "^7.3.2"
+    "@storybook/theming" "6.5.12"
+    core-js "^3.8.2"
+    fast-deep-equal "^3.1.3"
+    global "^4.4.0"
+    lodash "^4.17.21"
+    memoizerific "^1.11.3"
+    regenerator-runtime "^0.13.7"
+    store2 "^2.12.0"
+    telejson "^6.0.8"
+    ts-dedent "^2.0.0"
+    util-deprecate "^1.0.2"
+
 "@storybook/builder-webpack4@6.5.10":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/builder-webpack4/-/builder-webpack4-6.5.10.tgz#79e95323577a37349ab3c81193fa249ac5c50173"
@@ -4538,6 +4705,50 @@
     webpack-hot-middleware "^2.25.1"
     webpack-virtual-modules "^0.2.2"
 
+"@storybook/builder-webpack5@~6.5.9":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/builder-webpack5/-/builder-webpack5-6.5.12.tgz#29fe22466b88d8f5c4b408f303f7fb189ad6eadb"
+  integrity sha512-jK5jWxhSbMAM/onPB6WN7xVqwZnAmzJljOG24InO/YIjW8pQof7MeAXCYBM4rYM+BbK61gkZ/RKxwlkqXBWv+Q==
+  dependencies:
+    "@babel/core" "^7.12.10"
+    "@storybook/addons" "6.5.12"
+    "@storybook/api" "6.5.12"
+    "@storybook/channel-postmessage" "6.5.12"
+    "@storybook/channels" "6.5.12"
+    "@storybook/client-api" "6.5.12"
+    "@storybook/client-logger" "6.5.12"
+    "@storybook/components" "6.5.12"
+    "@storybook/core-common" "6.5.12"
+    "@storybook/core-events" "6.5.12"
+    "@storybook/node-logger" "6.5.12"
+    "@storybook/preview-web" "6.5.12"
+    "@storybook/router" "6.5.12"
+    "@storybook/semver" "^7.3.2"
+    "@storybook/store" "6.5.12"
+    "@storybook/theming" "6.5.12"
+    "@types/node" "^14.0.10 || ^16.0.0"
+    babel-loader "^8.0.0"
+    babel-plugin-named-exports-order "^0.0.2"
+    browser-assert "^1.2.1"
+    case-sensitive-paths-webpack-plugin "^2.3.0"
+    core-js "^3.8.2"
+    css-loader "^5.0.1"
+    fork-ts-checker-webpack-plugin "^6.0.4"
+    glob "^7.1.6"
+    glob-promise "^3.4.0"
+    html-webpack-plugin "^5.0.0"
+    path-browserify "^1.0.1"
+    process "^0.11.10"
+    stable "^0.1.8"
+    style-loader "^2.0.0"
+    terser-webpack-plugin "^5.0.3"
+    ts-dedent "^2.0.0"
+    util-deprecate "^1.0.2"
+    webpack "^5.9.0"
+    webpack-dev-middleware "^4.1.0"
+    webpack-hot-middleware "^2.25.1"
+    webpack-virtual-modules "^0.4.1"
+
 "@storybook/channel-postmessage@6.5.10":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.5.10.tgz#be8971b4b7f91b664bb2c6965fdfb073d541a03e"
@@ -4551,6 +4762,19 @@
     qs "^6.10.0"
     telejson "^6.0.8"
 
+"@storybook/channel-postmessage@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.5.12.tgz#045c5920eb6924b11411d1d5f6475a0d83c982e3"
+  integrity sha512-SL/tJBLOdDlbUAAxhiZWOEYd5HI4y8rN50r6jeed5nD8PlocZjxJ6mO0IxnePqIL9Yu3nSrQRHrtp8AJvPX0Yg==
+  dependencies:
+    "@storybook/channels" "6.5.12"
+    "@storybook/client-logger" "6.5.12"
+    "@storybook/core-events" "6.5.12"
+    core-js "^3.8.2"
+    global "^4.4.0"
+    qs "^6.10.0"
+    telejson "^6.0.8"
+
 "@storybook/channel-websocket@6.5.10":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/channel-websocket/-/channel-websocket-6.5.10.tgz#bd1316a9b555229b215e5054a76b57c503dd8adc"
@@ -4562,6 +4786,17 @@
     global "^4.4.0"
     telejson "^6.0.8"
 
+"@storybook/channel-websocket@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/channel-websocket/-/channel-websocket-6.5.12.tgz#4796e2436900d73fb867591f7d7cf8f94898d51b"
+  integrity sha512-0t5dLselHVKTRYaphxx1dRh4pmOFCfR7h8oNJlOvJ29Qy5eNyVujDG9nhwWbqU6IKayuP4nZrAbe9Req9YZYlQ==
+  dependencies:
+    "@storybook/channels" "6.5.12"
+    "@storybook/client-logger" "6.5.12"
+    core-js "^3.8.2"
+    global "^4.4.0"
+    telejson "^6.0.8"
+
 "@storybook/channels@6.5.10":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.5.10.tgz#fca5b0d1ea8d30b022e805301ed436407c867ac4"
@@ -4571,6 +4806,15 @@
     ts-dedent "^2.0.0"
     util-deprecate "^1.0.2"
 
+"@storybook/channels@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.5.12.tgz#98baf01691d263e2ac341853361ec69c1a6621bc"
+  integrity sha512-X5XaKbe4b7LXJ4sUakBo00x6pXnW78JkOonHoaKoWsccHLlEzwfBZpVVekhVZnqtCoLT23dB8wjKgA71RYWoiw==
+  dependencies:
+    core-js "^3.8.2"
+    ts-dedent "^2.0.0"
+    util-deprecate "^1.0.2"
+
 "@storybook/client-api@6.5.10":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.5.10.tgz#0bc3f68ce014ce1ffd560472a893ba04be370f09"
@@ -4597,6 +4841,32 @@
     ts-dedent "^2.0.0"
     util-deprecate "^1.0.2"
 
+"@storybook/client-api@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.5.12.tgz#9d02b2a8f5d4137918257742d72ae10c6a70a477"
+  integrity sha512-+JiRSgiU829KPc25nG/k0+Ao2nUelHUe8Y/9cRoKWbCAGzi4xd0JLhHAOr9Oi2szWx/OI1L08lxVv1+WTveAeA==
+  dependencies:
+    "@storybook/addons" "6.5.12"
+    "@storybook/channel-postmessage" "6.5.12"
+    "@storybook/channels" "6.5.12"
+    "@storybook/client-logger" "6.5.12"
+    "@storybook/core-events" "6.5.12"
+    "@storybook/csf" "0.0.2--canary.4566f4d.1"
+    "@storybook/store" "6.5.12"
+    "@types/qs" "^6.9.5"
+    "@types/webpack-env" "^1.16.0"
+    core-js "^3.8.2"
+    fast-deep-equal "^3.1.3"
+    global "^4.4.0"
+    lodash "^4.17.21"
+    memoizerific "^1.11.3"
+    qs "^6.10.0"
+    regenerator-runtime "^0.13.7"
+    store2 "^2.12.0"
+    synchronous-promise "^2.0.15"
+    ts-dedent "^2.0.0"
+    util-deprecate "^1.0.2"
+
 "@storybook/client-logger@6.5.10":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.5.10.tgz#cfea823a5b8444409daa74f854c5d05367986b34"
@@ -4605,6 +4875,14 @@
     core-js "^3.8.2"
     global "^4.4.0"
 
+"@storybook/client-logger@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.5.12.tgz#d9809e13dc7939eb61452a5e94b1ccb61c4a022c"
+  integrity sha512-IrkMr5KZcudX935/C2balFbxLHhkvQnJ78rbVThHDVckQ7l3oIXTh66IMzldeOabVFDZEMiW8AWuGEYof+JtLw==
+  dependencies:
+    core-js "^3.8.2"
+    global "^4.4.0"
+
 "@storybook/components@6.5.10":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.5.10.tgz#268e1269bc3d262f7dcec13f96c3b844919687b8"
@@ -4619,6 +4897,20 @@
     regenerator-runtime "^0.13.7"
     util-deprecate "^1.0.2"
 
+"@storybook/components@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.5.12.tgz#e137f0683ea92e22de116bfa62cfd65ce4efe01d"
+  integrity sha512-NAAGl5PDXaHdVLd6hA+ttmLwH3zAVGXeUmEubzKZ9bJzb+duhFKxDa9blM4YEkI+palumvgAMm0UgS7ou680Ig==
+  dependencies:
+    "@storybook/client-logger" "6.5.12"
+    "@storybook/csf" "0.0.2--canary.4566f4d.1"
+    "@storybook/theming" "6.5.12"
+    core-js "^3.8.2"
+    memoizerific "^1.11.3"
+    qs "^6.10.0"
+    regenerator-runtime "^0.13.7"
+    util-deprecate "^1.0.2"
+
 "@storybook/core-client@6.5.10":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-6.5.10.tgz#90c86923236c8efff33d454a0dc552f6df4346b1"
@@ -4645,6 +4937,32 @@
     unfetch "^4.2.0"
     util-deprecate "^1.0.2"
 
+"@storybook/core-client@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-6.5.12.tgz#1a3889604b92292d210d956c46f86a64dd7a9483"
+  integrity sha512-jyAd0ud6zO+flpLv0lEHbbt1Bv9Ms225M6WTQLrfe7kN/7j1pVKZEoeVCLZwkJUtSKcNiWQxZbS15h31pcYwqg==
+  dependencies:
+    "@storybook/addons" "6.5.12"
+    "@storybook/channel-postmessage" "6.5.12"
+    "@storybook/channel-websocket" "6.5.12"
+    "@storybook/client-api" "6.5.12"
+    "@storybook/client-logger" "6.5.12"
+    "@storybook/core-events" "6.5.12"
+    "@storybook/csf" "0.0.2--canary.4566f4d.1"
+    "@storybook/preview-web" "6.5.12"
+    "@storybook/store" "6.5.12"
+    "@storybook/ui" "6.5.12"
+    airbnb-js-shims "^2.2.1"
+    ansi-to-html "^0.6.11"
+    core-js "^3.8.2"
+    global "^4.4.0"
+    lodash "^4.17.21"
+    qs "^6.10.0"
+    regenerator-runtime "^0.13.7"
+    ts-dedent "^2.0.0"
+    unfetch "^4.2.0"
+    util-deprecate "^1.0.2"
+
 "@storybook/core-common@6.5.10":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-6.5.10.tgz#6b93449548b0890f5c68d89f0ca78e092026182c"
@@ -4701,6 +5019,62 @@
     util-deprecate "^1.0.2"
     webpack "4"
 
+"@storybook/core-common@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-6.5.12.tgz#9f8d5cb3812382c49c84dcfb4279a39e228a1b83"
+  integrity sha512-gG20+eYdIhwQNu6Xs805FLrOCWtkoc8Rt8gJiRt8yXzZh9EZkU4xgCRoCxrrJ03ys/gTiCFbBOfRi749uM3z4w==
+  dependencies:
+    "@babel/core" "^7.12.10"
+    "@babel/plugin-proposal-class-properties" "^7.12.1"
+    "@babel/plugin-proposal-decorators" "^7.12.12"
+    "@babel/plugin-proposal-export-default-from" "^7.12.1"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.12.1"
+    "@babel/plugin-proposal-object-rest-spread" "^7.12.1"
+    "@babel/plugin-proposal-optional-chaining" "^7.12.7"
+    "@babel/plugin-proposal-private-methods" "^7.12.1"
+    "@babel/plugin-proposal-private-property-in-object" "^7.12.1"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-transform-arrow-functions" "^7.12.1"
+    "@babel/plugin-transform-block-scoping" "^7.12.12"
+    "@babel/plugin-transform-classes" "^7.12.1"
+    "@babel/plugin-transform-destructuring" "^7.12.1"
+    "@babel/plugin-transform-for-of" "^7.12.1"
+    "@babel/plugin-transform-parameters" "^7.12.1"
+    "@babel/plugin-transform-shorthand-properties" "^7.12.1"
+    "@babel/plugin-transform-spread" "^7.12.1"
+    "@babel/preset-env" "^7.12.11"
+    "@babel/preset-react" "^7.12.10"
+    "@babel/preset-typescript" "^7.12.7"
+    "@babel/register" "^7.12.1"
+    "@storybook/node-logger" "6.5.12"
+    "@storybook/semver" "^7.3.2"
+    "@types/node" "^14.0.10 || ^16.0.0"
+    "@types/pretty-hrtime" "^1.0.0"
+    babel-loader "^8.0.0"
+    babel-plugin-macros "^3.0.1"
+    babel-plugin-polyfill-corejs3 "^0.1.0"
+    chalk "^4.1.0"
+    core-js "^3.8.2"
+    express "^4.17.1"
+    file-system-cache "^1.0.5"
+    find-up "^5.0.0"
+    fork-ts-checker-webpack-plugin "^6.0.4"
+    fs-extra "^9.0.1"
+    glob "^7.1.6"
+    handlebars "^4.7.7"
+    interpret "^2.2.0"
+    json5 "^2.1.3"
+    lazy-universal-dotenv "^3.0.1"
+    picomatch "^2.3.0"
+    pkg-dir "^5.0.0"
+    pretty-hrtime "^1.0.3"
+    resolve-from "^5.0.0"
+    slash "^3.0.0"
+    telejson "^6.0.8"
+    ts-dedent "^2.0.0"
+    util-deprecate "^1.0.2"
+    webpack "4"
+
 "@storybook/core-events@6.5.10":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.5.10.tgz#66d87c8ea18db8e448018a16a3d0198ddbcbc683"
@@ -4708,6 +5082,13 @@
   dependencies:
     core-js "^3.8.2"
 
+"@storybook/core-events@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.5.12.tgz#28bd727cc4216012409bfac412fcb708346c56bc"
+  integrity sha512-0AMyMM19R/lHsYRfWqM8zZTXthasTAK2ExkSRzYi2GkIaVMxRKtM33YRwxKIpJ6KmIKIs8Ru3QCXu1mfCmGzNg==
+  dependencies:
+    core-js "^3.8.2"
+
 "@storybook/core-server@6.5.10", "@storybook/core-server@~6.5.9":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-6.5.10.tgz#ada3d647833c02cb8c742281c1f314ff866f96f8"
@@ -4848,6 +5229,44 @@
     webpack-dev-middleware "^3.7.3"
     webpack-virtual-modules "^0.2.2"
 
+"@storybook/manager-webpack5@~6.5.9":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/manager-webpack5/-/manager-webpack5-6.5.12.tgz#77c98a63ef6c8d2ae0b1e69eb432818d0c25e672"
+  integrity sha512-F+KgoINhfo1ArbirCc9L+EyADYD8Z4t0LyZYDVcBiZ8DlRIMIoUSye6tDsnyEm+OPloLVAcGwRMYgFhuHB70Lg==
+  dependencies:
+    "@babel/core" "^7.12.10"
+    "@babel/plugin-transform-template-literals" "^7.12.1"
+    "@babel/preset-react" "^7.12.10"
+    "@storybook/addons" "6.5.12"
+    "@storybook/core-client" "6.5.12"
+    "@storybook/core-common" "6.5.12"
+    "@storybook/node-logger" "6.5.12"
+    "@storybook/theming" "6.5.12"
+    "@storybook/ui" "6.5.12"
+    "@types/node" "^14.0.10 || ^16.0.0"
+    babel-loader "^8.0.0"
+    case-sensitive-paths-webpack-plugin "^2.3.0"
+    chalk "^4.1.0"
+    core-js "^3.8.2"
+    css-loader "^5.0.1"
+    express "^4.17.1"
+    find-up "^5.0.0"
+    fs-extra "^9.0.1"
+    html-webpack-plugin "^5.0.0"
+    node-fetch "^2.6.7"
+    process "^0.11.10"
+    read-pkg-up "^7.0.1"
+    regenerator-runtime "^0.13.7"
+    resolve-from "^5.0.0"
+    style-loader "^2.0.0"
+    telejson "^6.0.8"
+    terser-webpack-plugin "^5.0.3"
+    ts-dedent "^2.0.0"
+    util-deprecate "^1.0.2"
+    webpack "^5.9.0"
+    webpack-dev-middleware "^4.1.0"
+    webpack-virtual-modules "^0.4.1"
+
 "@storybook/mdx1-csf@^0.0.1":
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/@storybook/mdx1-csf/-/mdx1-csf-0.0.1.tgz#d4184e3f6486fade9f7a6bfaf934d9bc07718d5b"
@@ -4876,6 +5295,17 @@
     npmlog "^5.0.1"
     pretty-hrtime "^1.0.3"
 
+"@storybook/node-logger@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.5.12.tgz#0f9efcd1a37c7aae493b22fe33cacca87c135b9b"
+  integrity sha512-jdLtT3mX5GQKa+0LuX0q0sprKxtCGf6HdXlKZGD5FEuz4MgJUGaaiN0Hgi+U7Z4tVNOtSoIbYBYXHqfUgJrVZw==
+  dependencies:
+    "@types/npmlog" "^4.1.2"
+    chalk "^4.1.0"
+    core-js "^3.8.2"
+    npmlog "^5.0.1"
+    pretty-hrtime "^1.0.3"
+
 "@storybook/postinstall@6.5.10":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.5.10.tgz#b25378da036bce7b318c6732733aa5ad43449f37"
@@ -4905,6 +5335,28 @@
     unfetch "^4.2.0"
     util-deprecate "^1.0.2"
 
+"@storybook/preview-web@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/preview-web/-/preview-web-6.5.12.tgz#09f67908513b9e85254b0b3adea498c8a3e6f7e3"
+  integrity sha512-Q5mduCJsY9zhmlsrhHvtOBA3Jt2n45bhfVkiUEqtj8fDit45/GW+eLoffv8GaVTGjV96/Y1JFwDZUwU6mEfgGQ==
+  dependencies:
+    "@storybook/addons" "6.5.12"
+    "@storybook/channel-postmessage" "6.5.12"
+    "@storybook/client-logger" "6.5.12"
+    "@storybook/core-events" "6.5.12"
+    "@storybook/csf" "0.0.2--canary.4566f4d.1"
+    "@storybook/store" "6.5.12"
+    ansi-to-html "^0.6.11"
+    core-js "^3.8.2"
+    global "^4.4.0"
+    lodash "^4.17.21"
+    qs "^6.10.0"
+    regenerator-runtime "^0.13.7"
+    synchronous-promise "^2.0.15"
+    ts-dedent "^2.0.0"
+    unfetch "^4.2.0"
+    util-deprecate "^1.0.2"
+
 "@storybook/react-docgen-typescript-plugin@1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0":
   version "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0"
   resolved "https://registry.yarnpkg.com/@storybook/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0.tgz#3103532ff494fb7dc3cf835f10740ecf6a26c0f9"
@@ -4970,6 +5422,17 @@
     qs "^6.10.0"
     regenerator-runtime "^0.13.7"
 
+"@storybook/router@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.5.12.tgz#58efbc1f2f301c8584802af1c710b2f6f03f948c"
+  integrity sha512-xHubde9YnBbpkDY5+zGO4Pr6VPxP8H9J2v4OTF3H82uaxCIKR0PKG0utS9pFKIsEiP3aM62Hb9qB8nU+v1nj3w==
+  dependencies:
+    "@storybook/client-logger" "6.5.12"
+    core-js "^3.8.2"
+    memoizerific "^1.11.3"
+    qs "^6.10.0"
+    regenerator-runtime "^0.13.7"
+
 "@storybook/semver@^7.3.2":
   version "7.3.2"
   resolved "https://registry.yarnpkg.com/@storybook/semver/-/semver-7.3.2.tgz#f3b9c44a1c9a0b933c04e66d0048fcf2fa10dac0"
@@ -5015,6 +5478,27 @@
     ts-dedent "^2.0.0"
     util-deprecate "^1.0.2"
 
+"@storybook/store@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/store/-/store-6.5.12.tgz#f1624ba942162cb9627a2ddcac72bfc9062e17a2"
+  integrity sha512-SMQOr0XvV0mhTuqj3XOwGGc4kTPVjh3xqrG1fqkj9RGs+2jRdmO6mnwzda5gPwUmWNTorZ7FxZ1iEoyfYNtuiQ==
+  dependencies:
+    "@storybook/addons" "6.5.12"
+    "@storybook/client-logger" "6.5.12"
+    "@storybook/core-events" "6.5.12"
+    "@storybook/csf" "0.0.2--canary.4566f4d.1"
+    core-js "^3.8.2"
+    fast-deep-equal "^3.1.3"
+    global "^4.4.0"
+    lodash "^4.17.21"
+    memoizerific "^1.11.3"
+    regenerator-runtime "^0.13.7"
+    slash "^3.0.0"
+    stable "^0.1.8"
+    synchronous-promise "^2.0.15"
+    ts-dedent "^2.0.0"
+    util-deprecate "^1.0.2"
+
 "@storybook/telemetry@6.5.10":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/telemetry/-/telemetry-6.5.10.tgz#742b05a55dfe8470ce4cb371f3f3f2c02f96e816"
@@ -5043,6 +5527,16 @@
     memoizerific "^1.11.3"
     regenerator-runtime "^0.13.7"
 
+"@storybook/theming@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.5.12.tgz#7df1b52913d49c5e84fc1f2e837c02d9fa8cc639"
+  integrity sha512-uWOo84qMQ2R6c1C0faZ4Q0nY01uNaX7nXoJKieoiJ6ZqY9PSYxJl1kZLi3uPYnrxLZjzjVyXX8MgdxzbppYItA==
+  dependencies:
+    "@storybook/client-logger" "6.5.12"
+    core-js "^3.8.2"
+    memoizerific "^1.11.3"
+    regenerator-runtime "^0.13.7"
+
 "@storybook/ui@6.5.10":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.5.10.tgz#f56095a1a39ae5a203f2ac7f3dba86341a5927d5"
@@ -5063,6 +5557,26 @@
     regenerator-runtime "^0.13.7"
     resolve-from "^5.0.0"
 
+"@storybook/ui@6.5.12":
+  version "6.5.12"
+  resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.5.12.tgz#25ccd6e6d5aae227ba6561c2b8e9cfda9b0ad4de"
+  integrity sha512-P7+ARI5NvaEYkrbIciT/UMgy3kxMt4WCtHMXss2T01UMCIWh1Ws4BJaDNqtQSpKuwjjS4eqZL3aQWhlUpYAUEg==
+  dependencies:
+    "@storybook/addons" "6.5.12"
+    "@storybook/api" "6.5.12"
+    "@storybook/channels" "6.5.12"
+    "@storybook/client-logger" "6.5.12"
+    "@storybook/components" "6.5.12"
+    "@storybook/core-events" "6.5.12"
+    "@storybook/router" "6.5.12"
+    "@storybook/semver" "^7.3.2"
+    "@storybook/theming" "6.5.12"
+    core-js "^3.8.2"
+    memoizerific "^1.11.3"
+    qs "^6.10.0"
+    regenerator-runtime "^0.13.7"
+    resolve-from "^5.0.0"
+
 "@svgr/babel-plugin-add-jsx-attribute@^6.3.1":
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-6.3.1.tgz#b9a5d84902be75a05ede92e70b338d28ab63fa74"
@@ -5626,6 +6140,11 @@
   resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.2.tgz#693b316ad323ea97eed6b38ed1a3cc02b1672b57"
   integrity sha512-h4lTMgMJctJybDp8CQrxTUiiYmedihHWkjnF/8Pxseu2S6Nlfcy8kwboQ8yejh456rP2yWoEVm1sS/FVsfM48w==
 
+"@types/html-minifier-terser@^6.0.0":
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
+  integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==
+
 "@types/http-proxy@^1.17.8":
   version "1.17.9"
   resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.9.tgz#7f0e7931343761efde1e2bf48c40f02f3f75705a"
@@ -7494,6 +8013,11 @@ babel-plugin-macros@^3.0.1:
     cosmiconfig "^7.0.0"
     resolve "^1.19.0"
 
+babel-plugin-named-exports-order@^0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/babel-plugin-named-exports-order/-/babel-plugin-named-exports-order-0.0.2.tgz#ae14909521cf9606094a2048239d69847540cb09"
+  integrity sha512-OgOYHOLoRK+/mvXU9imKHlG6GkPLYrUCvFXG/CM93R/aNNO8pOOF4aS+S8CCHMDQoNSeiOYEZb/G6RwL95Jktw==
+
 babel-plugin-polyfill-corejs2@^0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.2.tgz#e4c31d4c89b56f3cf85b92558954c66b54bd972d"
@@ -7875,6 +8399,11 @@ brorand@^1.0.1, brorand@^1.1.0:
   resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
   integrity sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==
 
+browser-assert@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/browser-assert/-/browser-assert-1.2.1.tgz#9aaa5a2a8c74685c2ae05bfe46efd606f068c200"
+  integrity sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==
+
 browser-process-hrtime@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
@@ -8248,7 +8777,7 @@ camel-case@3.0.x:
     no-case "^2.2.0"
     upper-case "^1.1.1"
 
-camel-case@^4.1.1:
+camel-case@^4.1.1, camel-case@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
   integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
@@ -8515,6 +9044,13 @@ clean-css@4.2.x, clean-css@^4.2.3:
   dependencies:
     source-map "~0.6.0"
 
+clean-css@^5.2.2:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.1.tgz#d0610b0b90d125196a2894d35366f734e5d7aa32"
+  integrity sha512-lCr8OHhiWCTw4v8POJovCoh4T7I9U11yVsPjMWWnnMmp9ZowCxyad1Pathle/9HjaDp+fdQKjO9fQydE6RHTZg==
+  dependencies:
+    source-map "~0.6.0"
+
 clean-stack@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
@@ -8698,7 +9234,7 @@ colord@^2.9.1:
   resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
   integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
 
-colorette@^1.1.0:
+colorette@^1.1.0, colorette@^1.2.2:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.4.0.tgz#5190fbb87276259a86ad700bff2c6d6faa3fca40"
   integrity sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==
@@ -8773,6 +9309,11 @@ commander@^7.1.0, commander@^7.2.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
   integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
 
+commander@^8.3.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
+  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
+
 commander@~2.19.0:
   version "2.19.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a"
@@ -9469,6 +10010,22 @@ css-loader@^3.6.0:
     schema-utils "^2.7.0"
     semver "^6.3.0"
 
+css-loader@^5.0.1:
+  version "5.2.7"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-5.2.7.tgz#9b9f111edf6fb2be5dc62525644cbc9c232064ae"
+  integrity sha512-Q7mOvpBNBG7YrVGMxRxcBJZFL75o+cH2abNASdibkj/fffYD8qWbInZrD0S9ccI6vZclF3DsHE7njGlLtaHbhg==
+  dependencies:
+    icss-utils "^5.1.0"
+    loader-utils "^2.0.0"
+    postcss "^8.2.15"
+    postcss-modules-extract-imports "^3.0.0"
+    postcss-modules-local-by-default "^4.0.0"
+    postcss-modules-scope "^3.0.0"
+    postcss-modules-values "^4.0.0"
+    postcss-value-parser "^4.1.0"
+    schema-utils "^3.0.0"
+    semver "^7.3.5"
+
 css-minimizer-webpack-plugin@*:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-4.0.0.tgz#e11800388c19c2b7442c39cc78ac8ae3675c9605"
@@ -13051,6 +13608,19 @@ html-minifier-terser@^5.0.1:
     relateurl "^0.2.7"
     terser "^4.6.3"
 
+html-minifier-terser@^6.0.2:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab"
+  integrity sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==
+  dependencies:
+    camel-case "^4.1.2"
+    clean-css "^5.2.2"
+    commander "^8.3.0"
+    he "^1.2.0"
+    param-case "^3.0.4"
+    relateurl "^0.2.7"
+    terser "^5.10.0"
+
 html-minifier@^3.2.3:
   version "3.5.21"
   resolved "https://registry.yarnpkg.com/html-minifier/-/html-minifier-3.5.21.tgz#d0040e054730e354db008463593194015212d20c"
@@ -13102,6 +13672,17 @@ html-webpack-plugin@^4.0.0:
     tapable "^1.1.3"
     util.promisify "1.0.0"
 
+html-webpack-plugin@^5.0.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz#c3911936f57681c1f9f4d8b68c158cd9dfe52f50"
+  integrity sha512-sy88PC2cRTVxvETRgUHFrL4No3UxvcH8G1NepGhqaTT+GXN2kTamqasot0inS5hXeg1cMbFDt27zzo9p35lZVw==
+  dependencies:
+    "@types/html-minifier-terser" "^6.0.0"
+    html-minifier-terser "^6.0.2"
+    lodash "^4.17.21"
+    pretty-error "^4.0.0"
+    tapable "^2.0.0"
+
 htmlparser2@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
@@ -16201,6 +16782,13 @@ makeerror@1.0.12:
   dependencies:
     tmpl "1.0.5"
 
+map-age-cleaner@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz#7d583a7306434c055fe474b0f45078e6e1b4b92a"
+  integrity sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==
+  dependencies:
+    p-defer "^1.0.0"
+
 map-cache@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
@@ -16300,7 +16888,15 @@ media-typer@0.3.0:
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
   integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
 
-memfs@^3.0.1, memfs@^3.1.2, memfs@^3.4.1, memfs@^3.4.3:
+mem@^8.1.1:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/mem/-/mem-8.1.1.tgz#cf118b357c65ab7b7e0817bdf00c8062297c0122"
+  integrity sha512-qFCFUDs7U3b8mBDPyz5EToEKoAkgCzqquIgi9nkkR9bixxOVOre+09lbuH7+9Kn2NFpm56M3GUWVbU2hQgdACA==
+  dependencies:
+    map-age-cleaner "^0.1.3"
+    mimic-fn "^3.1.0"
+
+memfs@^3.0.1, memfs@^3.1.2, memfs@^3.2.2, memfs@^3.4.1, memfs@^3.4.3:
   version "3.4.7"
   resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.4.7.tgz#e5252ad2242a724f938cb937e3c4f7ceb1f70e5a"
   integrity sha512-ygaiUSNalBX85388uskeCyhSAoOSgzBbtVCr9jA2RROssFL9Q19/ZXFqS+2Th2sr1ewNIWgFdLzLC3Yl1Zv+lw==
@@ -16459,7 +17055,7 @@ mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24, mime-types@~2.1.34:
+mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.30, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24, mime-types@~2.1.34:
   version "2.1.35"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
@@ -16501,6 +17097,11 @@ mimic-fn@^2.1.0:
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
   integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
 
+mimic-fn@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-3.1.0.tgz#65755145bbf3e36954b949c16450427451d5ca74"
+  integrity sha512-Ysbi9uYW9hFyfrThdDEQuykN4Ey6BuwPD2kpI5ES/nFTDn/98yxYNLZJcgUAKPT/mcrLLKaGzJR9YVxJrIdASQ==
+
 min-document@^2.19.0:
   version "2.19.0"
   resolved "https://registry.yarnpkg.com/min-document/-/min-document-2.19.0.tgz#7bd282e3f5842ed295bb748cdd9f1ffa2c824685"
@@ -17361,6 +17962,42 @@ nwsapi@^2.2.0:
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.1.tgz#10a9f268fbf4c461249ebcfe38e359aa36e2577c"
   integrity sha512-JYOWTeFoS0Z93587vRJgASD5Ut11fYl5NyihP3KrYBvMe1FRRs6RN7m20SA/16GM4P6hTnZjT+UmDOt38UeXNg==
 
+nx@14.7.0-beta.1:
+  version "14.7.0-beta.1"
+  resolved "https://registry.yarnpkg.com/nx/-/nx-14.7.0-beta.1.tgz#bdaf9808147e56021fb14326feb6b6d0794c8a7d"
+  integrity sha512-w38pFX9gh7zSLMMfr3DmfphkCaQDFsMpcbG3NEzEF+6TkYtKHkiyHlqawNtRjPBbnvMOA/ttslzXY7MMQjYXeg==
+  dependencies:
+    "@nrwl/cli" "14.7.0-beta.1"
+    "@nrwl/tao" "14.7.0-beta.1"
+    "@parcel/watcher" "2.0.4"
+    chalk "4.1.0"
+    chokidar "^3.5.1"
+    cli-cursor "3.1.0"
+    cli-spinners "2.6.1"
+    cliui "^7.0.2"
+    dotenv "~10.0.0"
+    enquirer "~2.3.6"
+    fast-glob "3.2.7"
+    figures "3.2.0"
+    flat "^5.0.2"
+    fs-extra "^10.1.0"
+    glob "7.1.4"
+    ignore "^5.0.4"
+    js-yaml "4.1.0"
+    jsonc-parser "3.0.0"
+    minimatch "3.0.5"
+    npm-run-path "^4.0.1"
+    open "^8.4.0"
+    semver "7.3.4"
+    string-width "^4.2.3"
+    tar-stream "~2.2.0"
+    tmp "~0.2.1"
+    tsconfig-paths "^3.9.0"
+    tslib "^2.3.0"
+    v8-compile-cache "2.3.0"
+    yargs "^17.4.0"
+    yargs-parser "21.0.1"
+
 nx@14.7.6-beta.0:
   version "14.7.6-beta.0"
   resolved "https://registry.yarnpkg.com/nx/-/nx-14.7.6-beta.0.tgz#19441d2b60ea176fdc3c78438b01435441d6e2ec"
@@ -17656,6 +18293,11 @@ p-all@^2.1.0:
   dependencies:
     p-map "^2.0.0"
 
+p-defer@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/p-defer/-/p-defer-1.0.0.tgz#9f6eb182f6c9aa8cd743004a7d4f96b196b0fb0c"
+  integrity sha512-wB3wfAxZpk2AzOfUMJNL+d36xothRSyj8EXOa4f6GMqYDN9BJaaSISbsk+wS9abmnebVw95C2Kb5t85UmpCxuw==
+
 p-event@^4.1.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/p-event/-/p-event-4.2.0.tgz#af4b049c8acd91ae81083ebd1e6f5cae2044c1b5"
@@ -17846,7 +18488,7 @@ param-case@2.1.x:
   dependencies:
     no-case "^2.2.0"
 
-param-case@^3.0.3:
+param-case@^3.0.3, param-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
   integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
@@ -18029,6 +18671,11 @@ path-browserify@0.0.1:
   resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
   integrity sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==
 
+path-browserify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-1.0.1.tgz#d98454a9c3753d5790860f16f68867b9e46be1fd"
+  integrity sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==
+
 path-dirname@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
@@ -18962,7 +19609,7 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2, postcss-value-parser@^
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@8.4.16, postcss@^8.1.10, postcss@^8.2.14, postcss@^8.3.5, postcss@^8.3.7, postcss@^8.4.13, postcss@^8.4.14, postcss@^8.4.7, postcss@^8.4.8:
+postcss@8.4.16, postcss@^8.1.10, postcss@^8.2.14, postcss@^8.2.15, postcss@^8.3.5, postcss@^8.3.7, postcss@^8.4.13, postcss@^8.4.14, postcss@^8.4.7, postcss@^8.4.8:
   version "8.4.16"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.16.tgz#33a1d675fac39941f5f445db0de4db2b6e01d43c"
   integrity sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==
@@ -19036,6 +19683,14 @@ pretty-error@^2.0.2, pretty-error@^2.1.1:
     lodash "^4.17.20"
     renderkid "^2.0.4"
 
+pretty-error@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6"
+  integrity sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==
+  dependencies:
+    lodash "^4.17.20"
+    renderkid "^3.0.0"
+
 pretty-format@^27.0.2, pretty-format@^27.2.3, pretty-format@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"
@@ -20030,6 +20685,17 @@ renderkid@^2.0.4:
     lodash "^4.17.21"
     strip-ansi "^3.0.1"
 
+renderkid@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-3.0.0.tgz#5fd823e4d6951d37358ecc9a58b1f06836b6268a"
+  integrity sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==
+  dependencies:
+    css-select "^4.1.3"
+    dom-converter "^0.2.0"
+    htmlparser2 "^6.1.0"
+    lodash "^4.17.21"
+    strip-ansi "^6.0.1"
+
 repeat-element@^1.1.2:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.4.tgz#be681520847ab58c7568ac75fbfad28ed42d39e9"
@@ -21584,6 +22250,14 @@ style-loader@^1.3.0:
     loader-utils "^2.0.0"
     schema-utils "^2.7.0"
 
+style-loader@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-2.0.0.tgz#9669602fd4690740eaaec137799a03addbbc393c"
+  integrity sha512-Z0gYUJmzZ6ZdRUqpg1r8GsaFKypE+3xAzuFeMuoHgjc9KZv3wMyCRjQIWEbhoFSq7+7yoHXySDJyyWQaPajeiQ==
+  dependencies:
+    loader-utils "^2.0.0"
+    schema-utils "^3.0.0"
+
 style-loader@^3.3.0:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.1.tgz#057dfa6b3d4d7c7064462830f9113ed417d38575"
@@ -21803,7 +22477,7 @@ tapable@^1.0.0, tapable@^1.1.3:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
   integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
-tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1:
+tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
   integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
@@ -21917,7 +22591,7 @@ terser-webpack-plugin@^4.2.3:
     terser "^5.3.4"
     webpack-sources "^1.4.3"
 
-terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.3.3:
+terser-webpack-plugin@^5.0.3, terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.3.3:
   version "5.3.6"
   resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.6.tgz#5590aec31aa3c6f771ce1b1acca60639eab3195c"
   integrity sha512-kfLFk+PoLUQIbLmB1+PZDMRSZS99Mp+/MHqDNmMA6tOItzRt+Npe3E+fsMs5mfcM0wCtrrdU387UnV+vnSffXQ==
@@ -21947,7 +22621,7 @@ terser@^4.1.2, terser@^4.6.3:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
-terser@^5.14.1, terser@^5.3.4:
+terser@^5.10.0, terser@^5.14.1, terser@^5.3.4:
   version "5.15.0"
   resolved "https://registry.yarnpkg.com/terser/-/terser-5.15.0.tgz#e16967894eeba6e1091509ec83f0c60e179f2425"
   integrity sha512-L1BJiXVmheAQQy+as0oF3Pwtlo4s3Wi1X2zNZ2NxOB4wx9bdS9Vk67XQENLFdLYGCK/Z2di53mTj/hBafR+dTA==
@@ -23264,6 +23938,18 @@ webpack-dev-middleware@^3.7.0, webpack-dev-middleware@^3.7.3:
     range-parser "^1.2.1"
     webpack-log "^2.0.0"
 
+webpack-dev-middleware@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-4.3.0.tgz#179cc40795882cae510b1aa7f3710cbe93c9333e"
+  integrity sha512-PjwyVY95/bhBh6VUqt6z4THplYcsvQ8YNNBTBM873xLVmw8FLeALn0qurHbs9EmcfhzQis/eoqypSnZeuUz26w==
+  dependencies:
+    colorette "^1.2.2"
+    mem "^8.1.1"
+    memfs "^3.2.2"
+    mime-types "^2.1.30"
+    range-parser "^1.2.1"
+    schema-utils "^3.0.0"
+
 webpack-dev-server@4.10.0:
   version "4.10.0"
   resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.10.0.tgz#de270d0009eba050546912be90116e7fd740a9ca"
@@ -23396,6 +24082,11 @@ webpack-virtual-modules@^0.2.2:
   dependencies:
     debug "^3.0.0"
 
+webpack-virtual-modules@^0.4.1:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.4.4.tgz#a19fcf371923c59c4712d63d7d194b1e4d8262cc"
+  integrity sha512-h9atBP/bsZohWpHnr+2sic8Iecb60GxftXsWNLLLSqewgIsGzByd2gcIID4nXcG+3tNe4GQG3dLcff3kXupdRA==
+
 webpack@4:
   version "4.46.0"
   resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.46.0.tgz#bf9b4404ea20a073605e0a011d188d77cb6ad542"
@@ -23425,7 +24116,7 @@ webpack@4:
     watchpack "^1.7.4"
     webpack-sources "^1.4.1"
 
-webpack@5.74.0, "webpack@>=4.0.0 <6.0.0", "webpack@>=4.43.0 <6.0.0", "webpack@^4 || ^5", webpack@^5.58.1:
+webpack@5.74.0, "webpack@>=4.0.0 <6.0.0", "webpack@>=4.43.0 <6.0.0", "webpack@^4 || ^5", webpack@^5.58.1, webpack@^5.9.0:
   version "5.74.0"
   resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.74.0.tgz#02a5dac19a17e0bb47093f2be67c695102a55980"
   integrity sha512-A2InDwnhhGN4LYctJj6M1JEaGL7Luj6LOmyBHjcI8529cm5p6VXiTIW2sn6ffvEAKmveLzvu4jrihwXtPojlAA==