@storybook/cli 6.4.0-beta.8 → 6.4.0-rc.2

package/dist/cjs/automigrate/fixes/eslint-plugin.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.eslintPlugin = void 0;
+
+require("core-js/modules/es.promise.js");
+
+var _chalk = _interopRequireDefault(require("chalk"));
+
+var _tsDedent = _interopRequireDefault(require("ts-dedent"));
+
+var _csfTools = require("@storybook/csf-tools");
+
+var _getEslintInfo = require("../helpers/getEslintInfo");
+
+var _getStorybookInfo = require("../helpers/getStorybookInfo");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const logger = console;
+
+/**
+ * Does the user not have eslint-plugin-storybook installed?
+ *
+ * If so:
+ * - Install it, and if possible configure it
+ */
+const eslintPlugin = {
+  id: 'eslintPlugin',
+
+  async check({
+    packageManager
+  }) {
+    const packageJson = packageManager.retrievePackageJson();
+    const {
+      dependencies,
+      devDependencies
+    } = packageJson;
+    const eslintPluginStorybook = dependencies['eslint-plugin-storybook'] || devDependencies['eslint-plugin-storybook'];
+    const eslintDependency = dependencies.eslint || devDependencies.eslint;
+
+    if (eslintPluginStorybook || !eslintDependency) {
+      return null;
+    }
+
+    const config = (0, _getStorybookInfo.getStorybookInfo)(packageJson);
+    const {
+      mainConfig
+    } = config;
+
+    if (!mainConfig) {
+      logger.warn('Unable to find storybook main.js config, skipping');
+      return null;
+    }
+
+    let eslintFile;
+    let unsupportedExtension;
+
+    try {
+      eslintFile = (0, _getEslintInfo.findEslintFile)();
+    } catch (err) {
+      unsupportedExtension = err.message;
+    }
+
+    if (!eslintFile && !unsupportedExtension) {
+      logger.warn('Unable to find .eslintrc config file, skipping');
+      return null;
+    } // If in the future the eslint plugin has a framework option, using main to extract the framework field will be very useful
+
+
+    const main = await (0, _csfTools.readConfig)(mainConfig);
+    return {
+      eslintFile,
+      main,
+      unsupportedExtension
+    };
+  },
+
+  prompt() {
+    return (0, _tsDedent.default)`
+      We've detected you are not using our eslint-plugin.
+
+      In order to have the best experience with Storybook and follow best practices, we advise you to install eslint-plugin-storybook.
+
+      More info: ${_chalk.default.yellow('https://github.com/storybookjs/eslint-plugin-storybook#readme')}
+    `;
+  },
+
+  async run({
+    result: {
+      eslintFile,
+      unsupportedExtension
+    },
+    packageManager,
+    dryRun
+  }) {
+    const deps = [`eslint-plugin-storybook`];
+    logger.info(`✅ Adding dependencies: ${deps}`);
+    if (!dryRun) packageManager.addDependencies({
+      installAsDevDependencies: true
+    }, deps);
+
+    if (!dryRun && unsupportedExtension) {
+      throw new Error((0, _tsDedent.default)`
+          ⚠️ The plugin was successfuly installed but failed to configure.
+          
+          Found an .eslintrc config file with an unsupported automigration format: ${unsupportedExtension}.
+          Supported formats for automigration are: ${_getEslintInfo.SUPPORTED_ESLINT_EXTENSIONS.join(', ')}.
+
+          Please refer to https://github.com/storybookjs/eslint-plugin-storybook#usage to finish setting up the plugin manually.
+      `);
+    }
+
+    const eslint = await (0, _csfTools.readConfig)(eslintFile);
+    logger.info(`✅ Configuring eslint rules in ${eslint.fileName}`);
+
+    if (!dryRun) {
+      logger.info(`✅ Adding Storybook to extends list`);
+      const extendsConfig = eslint.getFieldValue(['extends']) || [];
+      const existingConfigValue = Array.isArray(extendsConfig) ? extendsConfig : [extendsConfig];
+      eslint.setFieldValue(['extends'], [...existingConfigValue, 'plugin:storybook/recommended']);
+      await (0, _csfTools.writeConfig)(eslint);
+    }
+  }
+
+};
+exports.eslintPlugin = eslintPlugin;

package/dist/cjs/automigrate/fixes/index.js

@@ -14,6 +14,10 @@ var _webpack = require("./webpack5");
 
 var _angular = require("./angular12");
 
+var _mainjsFramework = require("./mainjsFramework");
+
+var _eslintPlugin = require("./eslint-plugin");
+
 var _types = require("../types");
 
 Object.keys(_types).forEach(function (key) {
@@ -27,5 +31,5 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
-const fixes = [_cra.cra5, _webpack.webpack5, _angular.angular12];
+const fixes = [_cra.cra5, _webpack.webpack5, _angular.angular12, _mainjsFramework.mainjsFramework, _eslintPlugin.eslintPlugin];
 exports.fixes = fixes;

package/dist/cjs/automigrate/fixes/mainjsFramework.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mainjsFramework = void 0;
+
+require("core-js/modules/es.promise.js");
+
+var _chalk = _interopRequireDefault(require("chalk"));
+
+var _tsDedent = _interopRequireDefault(require("ts-dedent"));
+
+var _semver = _interopRequireDefault(require("@storybook/semver"));
+
+var _csfTools = require("@storybook/csf-tools");
+
+var _getStorybookInfo = require("../helpers/getStorybookInfo");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const logger = console;
+const mainjsFramework = {
+  id: 'mainjsFramework',
+
+  async check({
+    packageManager
+  }) {
+    var _semver$coerce;
+
+    const packageJson = packageManager.retrievePackageJson();
+    const {
+      mainConfig,
+      framework,
+      version: storybookVersion
+    } = (0, _getStorybookInfo.getStorybookInfo)(packageJson);
+    const storybookCoerced = storybookVersion && ((_semver$coerce = _semver.default.coerce(storybookVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version);
+
+    if (!storybookCoerced) {
+      logger.warn((0, _tsDedent.default)`
+        ❌ Unable to determine storybook version, skipping ${_chalk.default.cyan('mainjsFramework')} fix.
+        🤔 Are you running automigrate from your project directory?
+      `);
+      return null;
+    }
+
+    const main = await (0, _csfTools.readConfig)(mainConfig);
+    const currentFramework = main.getFieldValue(['framework']);
+    const features = main.getFieldValue(['features']);
+    if (currentFramework) return null;
+    return features !== null && features !== void 0 && features.breakingChangesV7 || features !== null && features !== void 0 && features.storyStoreV7 || _semver.default.gte(storybookCoerced, '7.0.0') ? {
+      main,
+      framework: `@storybook/${framework}`
+    } : null;
+  },
+
+  prompt({
+    framework
+  }) {
+    const frameworkFormatted = _chalk.default.cyan(`framework: '${framework}'`);
+
+    return (0, _tsDedent.default)`
+      We've detected that your main.js configuration file does not specify the
+      'framework' field, which is a requirement in SB7.0 and above. We can add one
+      for you automatically:
+
+      ${frameworkFormatted}
+
+      More info: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field')}
+    `;
+  },
+
+  async run({
+    result: {
+      main,
+      framework
+    },
+    dryRun
+  }) {
+    logger.info(`✅ Setting 'framework' to '${framework}' in main.js`);
+
+    if (!dryRun) {
+      main.setFieldValue(['framework'], framework);
+      await (0, _csfTools.writeConfig)(main);
+    }
+  }
+
+};
+exports.mainjsFramework = mainjsFramework;

package/dist/cjs/automigrate/fixes/webpack5.js

@@ -35,15 +35,19 @@ const webpack5 = {
   id: 'webpack5',
 
   async checkWebpack5Builder(packageJson) {
+    var _semver$coerce;
+
     const {
       mainConfig,
       version: storybookVersion
     } = (0, _getStorybookInfo.getStorybookInfo)(packageJson);
-
-    const storybookCoerced = _semver.default.coerce(storybookVersion).version;
+    const storybookCoerced = storybookVersion && ((_semver$coerce = _semver.default.coerce(storybookVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version);
 
     if (!storybookCoerced) {
-      logger.warn(`Unable to determine storybook version, skipping webpack5 fix.`);
+      logger.warn((0, _tsDedent.default)`
+        ❌ Unable to determine storybook version, skipping ${_chalk.default.cyan('webpack5')} fix.
+        🤔 Are you running automigrate from your project directory?
+      `);
       return null;
     }
 
@@ -86,7 +90,7 @@ const webpack5 = {
   async check({
     packageManager
   }) {
-    var _semver$coerce;
+    var _semver$coerce2;
 
     const packageJson = packageManager.retrievePackageJson();
     const {
@@ -94,7 +98,7 @@ const webpack5 = {
       devDependencies
     } = packageJson;
     const webpackVersion = dependencies.webpack || devDependencies.webpack;
-    const webpackCoerced = (_semver$coerce = _semver.default.coerce(webpackVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version;
+    const webpackCoerced = (_semver$coerce2 = _semver.default.coerce(webpackVersion)) === null || _semver$coerce2 === void 0 ? void 0 : _semver$coerce2.version;
     if (!webpackCoerced || _semver.default.lt(webpackCoerced, '5.0.0') || _semver.default.gte(webpackCoerced, '6.0.0')) return null;
     const builderInfo = await this.checkWebpack5Builder(packageJson);
     return builderInfo ? Object.assign({

package/dist/cjs/automigrate/helpers/getEslintInfo.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findEslintFile = exports.SUPPORTED_ESLINT_EXTENSIONS = void 0;
+
+var _fsExtra = _interopRequireDefault(require("fs-extra"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const SUPPORTED_ESLINT_EXTENSIONS = ['js', 'cjs'];
+exports.SUPPORTED_ESLINT_EXTENSIONS = SUPPORTED_ESLINT_EXTENSIONS;
+const UNSUPPORTED_ESLINT_EXTENSIONS = ['yaml', 'yml', 'json'];
+
+const findEslintFile = () => {
+  const filePrefix = '.eslintrc';
+  const unsupportedExtension = UNSUPPORTED_ESLINT_EXTENSIONS.find(ext => _fsExtra.default.existsSync(`${filePrefix}.${ext}`));
+
+  if (unsupportedExtension) {
+    throw new Error(unsupportedExtension);
+  }
+
+  const extension = SUPPORTED_ESLINT_EXTENSIONS.find(ext => _fsExtra.default.existsSync(`${filePrefix}.${ext}`));
+  return extension ? `${filePrefix}.${extension}` : null;
+};
+
+exports.findEslintFile = findEslintFile;

package/dist/cjs/automigrate/index.js

@@ -26,7 +26,7 @@ const automigrate = async ({
   fixId,
   dryRun,
   yes
-}) => {
+} = {}) => {
   const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager();
 
   const filtered = fixId ? _fixes.fixes.filter(f => f.id === fixId) : _fixes.fixes;
@@ -54,16 +54,22 @@ const automigrate = async ({
       }]);
 
       if (runAnswer.fix) {
-        await f.run({
-          result,
-          packageManager,
-          dryRun
-        });
-        logger.info(`✅ fixed ${_chalk.default.cyan(f.id)}`);
+        try {
+          await f.run({
+            result,
+            packageManager,
+            dryRun
+          });
+          logger.info(`✅ fixed ${_chalk.default.cyan(f.id)}`);
+        } catch (error) {
+          logger.info(`❌ error in ${_chalk.default.cyan(f.id)}:`);
+          logger.info(error.message);
+          logger.info();
+        }
       } else {
         logger.info(`Skipping the ${_chalk.default.cyan(f.id)} fix.`);
         logger.info();
-        logger.info(`If you change your mind, run '${_chalk.default.cyan('npx sb@next fix')}'`);
+        logger.info(`If you change your mind, run '${_chalk.default.cyan('npx sb@next automigrate')}'`);
       }
     }
   }

package/dist/cjs/extract.js

@@ -37,6 +37,9 @@ const read = async url => {
 };
 
 const useLocation = async input => {
+  // check for input's existence
+  await (0, _fsExtra.stat)(_path.default.resolve(input));
+
   if (input.match(/^http/)) {
     return [input, async () => {}];
   }

package/dist/cjs/frameworks/web-components/js/Button.js

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { styleMap } from 'lit-html/directives/style-map';
+import { styleMap } from 'lit-html/directives/style-map.js';
 import './button.css';
 
 /**

package/dist/cjs/frameworks/web-components/ts/Button.ts

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import { styleMap } from 'lit-html/directives/style-map';
+import { styleMap } from 'lit-html/directives/style-map.js';
 import './button.css';
 
 export interface ButtonProps {

package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/index.js

@@ -14,7 +14,7 @@ configure(() => {
   require('./stories');
 }, module);
 
-// Refer to https://github.com/storybookjs/storybook/tree/master/app/react-native#start-command-parameters
+// Refer to https://github.com/storybookjs/react-native/tree/master/app/react-native#getstorybookui-options
 // To find allowed options for getStorybookUI
 const StorybookUIRoot = getStorybookUI({});
 

package/dist/cjs/generators/REACT_SCRIPTS/index.js

@@ -37,7 +37,7 @@ const generator = async (packageManager, npmOptions, options) => {
   } : {};
   const craVersion = (_semver$coerce = _semver.default.coerce(packageManager.retrievePackageJson().dependencies['react-scripts'])) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version;
 
-  const isCra5 = _semver.default.gte(craVersion, '5.0.0');
+  const isCra5 = craVersion && _semver.default.gte(craVersion, '5.0.0');
 
   const updatedOptions = isCra5 ? Object.assign({}, options, {
     builder: _project_types.CoreBuilder.Webpack5

package/dist/cjs/generators/baseGenerator.js

@@ -76,7 +76,8 @@ async function baseGenerator(packageManager, npmOptions, {
   const isNewFolder = !files.some(fname => fname.startsWith('.babel') || fname.startsWith('babel') || fname === 'package.json');
   const packageJson = packageManager.retrievePackageJson();
   const installedDependencies = new Set(Object.keys(packageJson.dependencies));
-  const packages = [`@storybook/${framework}`, ...addonPackages, ...extraPackages, ...extraAddons, ...yarn2Dependencies, ...builderDependencies(builder)].filter(Boolean).filter(packageToInstall => !installedDependencies.has((0, _jsPackageManager.getPackageDetails)(packageToInstall)[0]));
+  const frameworkPackage = `@storybook/${framework}`;
+  const packages = [frameworkPackage, ...addonPackages, ...extraPackages, ...extraAddons, ...yarn2Dependencies, ...builderDependencies(builder)].filter(Boolean).filter(packageToInstall => !installedDependencies.has((0, _jsPackageManager.getPackageDetails)(packageToInstall)[0]));
   const versionedPackages = await packageManager.getVersionedPackages(...packages);
   const mainOptions = builder !== _project_types.CoreBuilder.Webpack4 ? Object.assign({
     core: {
@@ -84,6 +85,7 @@ async function baseGenerator(packageManager, npmOptions, {
     }
   }, extraMain) : extraMain;
   (0, _configure.configure)(framework, Object.assign({
+    framework: frameworkPackage,
     addons: [...addons, ...stripVersions(extraAddons)],
     extensions,
     commonJs: options.commonJs

package/dist/cjs/initiate.js

@@ -65,6 +65,8 @@ var _SERVER = _interopRequireDefault(require("./generators/SERVER"));
 
 var _jsPackageManager = require("./js-package-manager");
 
+var _automigrate = require("./automigrate");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const logger = console;
@@ -242,7 +244,7 @@ const projectTypeInquirer = async options => {
   return Promise.resolve();
 };
 
-function initiate(options, pkg) {
+async function initiate(options, pkg) {
   const welcomeMessage = 'sb init - the simplest way to add a Storybook to your project.';
   logger.log(_chalk.default.inverse(`\n ${welcomeMessage} \n`)); // Update notify code.
 
@@ -253,18 +255,18 @@ function initiate(options, pkg) {
   }).notify();
   let projectType;
   const projectTypeProvided = options.type;
-  const infoText = projectTypeProvided ? 'Installing Storybook for user specified project type' : 'Detecting project type';
+  const infoText = projectTypeProvided ? `Installing Storybook for user specified project type: ${projectTypeProvided}` : 'Detecting project type';
   const done = (0, _helpers.commandLog)(infoText);
   const packageJson = (0, _jsPackageManager.readPackageJson)();
   const isEsm = packageJson && packageJson.type === 'module';
 
   try {
     if (projectTypeProvided) {
-      if (_project_types.installableProjectTypes.includes(options.type)) {
+      if (_project_types.installableProjectTypes.includes(projectTypeProvided)) {
         const storybookInstalled = (0, _detect.isStorybookInstalled)(packageJson, options.force);
-        projectType = storybookInstalled ? _project_types.ProjectType.ALREADY_HAS_STORYBOOK : options.type.toUpperCase();
+        projectType = storybookInstalled ? _project_types.ProjectType.ALREADY_HAS_STORYBOOK : projectTypeProvided.toUpperCase();
       } else {
-        done(`The provided project type was not recognized by Storybook.`);
+        done(`The provided project type was not recognized by Storybook: ${projectTypeProvided}`);
         logger.log(`\nThe project types currently supported by Storybook are:\n`);
 
         _project_types.installableProjectTypes.sort().forEach(framework => (0, _helpers.paddedLog)(`- ${framework}`));
@@ -281,7 +283,8 @@ function initiate(options, pkg) {
   }
 
   done();
-  return installStorybook(projectType, Object.assign({}, options, isEsm ? {
+  await installStorybook(projectType, Object.assign({}, options, isEsm ? {
     commonJs: true
   } : undefined));
+  return (0, _automigrate.automigrate)();
 }

package/dist/cjs/repro-generators/configs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.svelte = exports.sfcVue = exports.preact = exports.html = exports.vue3 = exports.vue = exports.web_components_lit2 = exports.web_components_typescript = exports.web_components = exports.angular = exports.angular11 = exports.angular10 = exports.react_in_yarn_workspace = exports.webpack_react = exports.react_typescript = exports.react = exports.cra_typescript = exports.cra = void 0;
+exports.svelte = exports.sfcVue = exports.preact = exports.html = exports.vue3 = exports.vue = exports.web_components_lit2 = exports.web_components_typescript = exports.web_components = exports.angular = exports.angular12 = exports.angular11 = exports.angular10 = exports.react_in_yarn_workspace = exports.webpack_react = exports.react_typescript = exports.react = exports.cra_typescript = exports.cra = void 0;
 
 const fromDeps = (...args) => ['mkdir {{appName}}', 'cd {{appName}}', // Create `yarn.lock` to force Yarn to consider adding deps in this directory
 // and not look for a yarn workspace in parent directory
@@ -74,6 +74,11 @@ const angular11 = Object.assign({}, baseAngular, {
   version: 'v11-lts'
 });
 exports.angular11 = angular11;
+const angular12 = Object.assign({}, baseAngular, {
+  name: 'angular12',
+  version: 'v12-lts'
+});
+exports.angular12 = angular12;
 const angular = baseAngular; // #endregion
 // #region  web components
 

package/dist/cjs/upgrade.js

@@ -59,6 +59,8 @@ const checkVersionConsistency = () => {
     _nodeLogger.logger.warn('No storybook core packages found.');
 
     _nodeLogger.logger.warn(`'npm ls | grep storybook' can show if multiple versions are installed.`);
+
+    return;
   }
 
   storybookPackages.sort((a, b) => _semver.default.rcompare(a.version, b.version));
@@ -131,7 +133,7 @@ const upgrade = async ({
   flags.push('--target');
   flags.push(prerelease ? 'greatest' : 'latest');
   flags = addExtraFlags(EXTRA_FLAGS, flags, packageManager.retrievePackageJson());
-  const check = (0, _crossSpawn.sync)('npx', ['npm-check-updates', '/storybook/', ...flags], {
+  const check = (0, _crossSpawn.sync)('npx', ['npm-check-updates@latest', '/storybook/', ...flags], {
     stdio: 'pipe'
   }).output.toString();
 

package/dist/cjs/versions.json

@@ -1,57 +1,59 @@
 {
-  "@storybook/addon-a11y": "6.4.0-beta.8",
-  "@storybook/addon-actions": "6.4.0-beta.8",
-  "@storybook/addon-backgrounds": "6.4.0-beta.8",
-  "@storybook/addon-controls": "6.4.0-beta.8",
-  "@storybook/addon-docs": "6.4.0-beta.8",
-  "@storybook/addon-essentials": "6.4.0-beta.8",
-  "@storybook/addon-jest": "6.4.0-beta.8",
-  "@storybook/addon-links": "6.4.0-beta.8",
-  "@storybook/addon-storyshots": "6.4.0-beta.8",
-  "@storybook/addon-storyshots-puppeteer": "6.4.0-beta.8",
-  "@storybook/addon-storysource": "6.4.0-beta.8",
-  "@storybook/addon-toolbars": "6.4.0-beta.8",
-  "@storybook/addon-viewport": "6.4.0-beta.8",
-  "@storybook/addons": "6.4.0-beta.8",
-  "@storybook/angular": "6.4.0-beta.8",
-  "@storybook/api": "6.4.0-beta.8",
-  "@storybook/aurelia": "6.4.0-beta.8",
-  "@storybook/builder-webpack4": "6.4.0-beta.8",
-  "@storybook/builder-webpack5": "6.4.0-beta.8",
-  "@storybook/channel-postmessage": "6.4.0-beta.8",
-  "@storybook/channel-websocket": "6.4.0-beta.8",
-  "@storybook/channels": "6.4.0-beta.8",
-  "@storybook/cli": "6.4.0-beta.8",
-  "@storybook/client-api": "6.4.0-beta.8",
-  "@storybook/client-logger": "6.4.0-beta.8",
-  "@storybook/codemod": "6.4.0-beta.8",
-  "@storybook/components": "6.4.0-beta.8",
-  "@storybook/core": "6.4.0-beta.8",
-  "@storybook/core-client": "6.4.0-beta.8",
-  "@storybook/core-common": "6.4.0-beta.8",
-  "@storybook/core-events": "6.4.0-beta.8",
-  "@storybook/core-server": "6.4.0-beta.8",
-  "@storybook/csf-tools": "6.4.0-beta.8",
-  "@storybook/ember": "6.4.0-beta.8",
-  "@storybook/html": "6.4.0-beta.8",
-  "@storybook/manager-webpack4": "6.4.0-beta.8",
-  "@storybook/manager-webpack5": "6.4.0-beta.8",
-  "@storybook/marionette": "6.4.0-beta.8",
-  "@storybook/marko": "6.4.0-beta.8",
-  "@storybook/mithril": "6.4.0-beta.8",
-  "@storybook/node-logger": "6.4.0-beta.8",
-  "@storybook/postinstall": "6.4.0-beta.8",
-  "@storybook/preact": "6.4.0-beta.8",
-  "@storybook/rax": "6.4.0-beta.8",
-  "@storybook/react": "6.4.0-beta.8",
-  "@storybook/riot": "6.4.0-beta.8",
-  "@storybook/router": "6.4.0-beta.8",
-  "@storybook/server": "6.4.0-beta.8",
-  "@storybook/source-loader": "6.4.0-beta.8",
-  "@storybook/svelte": "6.4.0-beta.8",
-  "@storybook/theming": "6.4.0-beta.8",
-  "@storybook/ui": "6.4.0-beta.8",
-  "@storybook/vue": "6.4.0-beta.8",
-  "@storybook/vue3": "6.4.0-beta.8",
-  "@storybook/web-components": "6.4.0-beta.8"
+  "@storybook/addon-a11y": "6.4.0-rc.2",
+  "@storybook/addon-actions": "6.4.0-rc.2",
+  "@storybook/addon-backgrounds": "6.4.0-rc.2",
+  "@storybook/addon-controls": "6.4.0-rc.2",
+  "@storybook/addon-docs": "6.4.0-rc.2",
+  "@storybook/addon-essentials": "6.4.0-rc.2",
+  "@storybook/addon-interactions": "6.4.0-rc.2",
+  "@storybook/addon-jest": "6.4.0-rc.2",
+  "@storybook/addon-links": "6.4.0-rc.2",
+  "@storybook/addon-storyshots": "6.4.0-rc.2",
+  "@storybook/addon-storyshots-puppeteer": "6.4.0-rc.2",
+  "@storybook/addon-storysource": "6.4.0-rc.2",
+  "@storybook/addon-toolbars": "6.4.0-rc.2",
+  "@storybook/addon-viewport": "6.4.0-rc.2",
+  "@storybook/addons": "6.4.0-rc.2",
+  "@storybook/angular": "6.4.0-rc.2",
+  "@storybook/api": "6.4.0-rc.2",
+  "@storybook/aurelia": "6.4.0-rc.2",
+  "@storybook/builder-webpack4": "6.4.0-rc.2",
+  "@storybook/builder-webpack5": "6.4.0-rc.2",
+  "@storybook/channel-postmessage": "6.4.0-rc.2",
+  "@storybook/channel-websocket": "6.4.0-rc.2",
+  "@storybook/channels": "6.4.0-rc.2",
+  "@storybook/cli": "6.4.0-rc.2",
+  "@storybook/client-api": "6.4.0-rc.2",
+  "@storybook/client-logger": "6.4.0-rc.2",
+  "@storybook/codemod": "6.4.0-rc.2",
+  "@storybook/components": "6.4.0-rc.2",
+  "@storybook/core": "6.4.0-rc.2",
+  "@storybook/core-client": "6.4.0-rc.2",
+  "@storybook/core-common": "6.4.0-rc.2",
+  "@storybook/core-events": "6.4.0-rc.2",
+  "@storybook/core-server": "6.4.0-rc.2",
+  "@storybook/csf-tools": "6.4.0-rc.2",
+  "@storybook/ember": "6.4.0-rc.2",
+  "@storybook/html": "6.4.0-rc.2",
+  "@storybook/instrumenter": "6.4.0-rc.2",
+  "@storybook/manager-webpack4": "6.4.0-rc.2",
+  "@storybook/manager-webpack5": "6.4.0-rc.2",
+  "@storybook/marionette": "6.4.0-rc.2",
+  "@storybook/marko": "6.4.0-rc.2",
+  "@storybook/mithril": "6.4.0-rc.2",
+  "@storybook/node-logger": "6.4.0-rc.2",
+  "@storybook/postinstall": "6.4.0-rc.2",
+  "@storybook/preact": "6.4.0-rc.2",
+  "@storybook/rax": "6.4.0-rc.2",
+  "@storybook/react": "6.4.0-rc.2",
+  "@storybook/riot": "6.4.0-rc.2",
+  "@storybook/router": "6.4.0-rc.2",
+  "@storybook/server": "6.4.0-rc.2",
+  "@storybook/source-loader": "6.4.0-rc.2",
+  "@storybook/svelte": "6.4.0-rc.2",
+  "@storybook/theming": "6.4.0-rc.2",
+  "@storybook/ui": "6.4.0-rc.2",
+  "@storybook/vue": "6.4.0-rc.2",
+  "@storybook/vue3": "6.4.0-rc.2",
+  "@storybook/web-components": "6.4.0-rc.2"
 }