@storybook/cli 6.5.0-alpha.20 → 6.5.0-alpha.24

package/bin/index.js

@@ -1,3 +1,4 @@
 #!/usr/bin/env node
 
+// eslint-disable-next-line import/extensions
 require('../dist/cjs/generate.js');

package/dist/cjs/add.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.add = add;
-exports.addStorybookAddonToFile = exports.getPackageArg = exports.getInstalledStorybookVersion = exports.getPackageName = exports.storybookAddonScope = void 0;
+exports.storybookAddonScope = exports.getPackageName = exports.getPackageArg = exports.getInstalledStorybookVersion = exports.addStorybookAddonToFile = void 0;
 
 require("core-js/modules/es.promise.js");
 

package/dist/cjs/automigrate/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/babel-config.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateStorybookBabelConfig = exports.generateStorybookBabelConfigInCWD = void 0;
+exports.generateStorybookBabelConfigInCWD = exports.generateStorybookBabelConfig = void 0;
 
 require("core-js/modules/es.promise.js");
 

package/dist/cjs/detect.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.detect = detect;
 exports.detectFrameworkPreset = detectFrameworkPreset;
-exports.isStorybookInstalled = isStorybookInstalled;
 exports.detectLanguage = detectLanguage;
-exports.detect = detect;
+exports.isStorybookInstalled = isStorybookInstalled;
 
 var _path = _interopRequireDefault(require("path"));
 

package/dist/cjs/frameworks/svelte/Button.stories.js

@@ -0,0 +1,51 @@
+import Button from './Button.svelte';
+
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+// More on argTypes: https://storybook.js.org/docs/svelte/api/argtypes
+export default {
+  title: 'Example/Button',
+  component: Button,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+    label: { control: 'text' },
+    onClick: { action: 'onClick' },
+    primary: { control: 'boolean' },
+    size: {
+      control: { type: 'select' },
+      options: ['small', 'medium', 'large'],
+    },
+  },
+};
+
+// More on component templates: https://storybook.js.org/docs/svelte/writing-stories/introduction#using-args
+const Template = (args) => ({
+  Component: Button,
+  props: args,
+  on: {
+    click: args.onClick,
+  },
+});
+
+// More on args: https://storybook.js.org/docs/svelte/writing-stories/args
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  label: 'Button',
+};
+
+export const Large = Template.bind({});
+Large.args = {
+  size: 'large',
+  label: 'Button',
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  size: 'small',
+  label: 'Button',
+};

package/dist/cjs/frameworks/svelte/Header.stories.js

@@ -0,0 +1,29 @@
+import Header from './Header.svelte';
+
+export default {
+  title: 'Example/Header',
+  component: Header,
+  argTypes: {
+    onLogin: { action: 'onLogin' },
+    onLogout: { action: 'onLogout' },
+    onCreateAccount: { action: 'onCreateAccount' },
+  },
+};
+
+const Template = (args) => ({
+  Component: Header,
+  props: args,
+  on: {
+    login: args.onLogin,
+    logout: args.onLogout,
+    createAccount: args.onCreateAccount,
+  },
+});
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {},
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};

package/dist/cjs/frameworks/svelte/Page.stories.js

@@ -0,0 +1,29 @@
+import Page from './Page.svelte';
+
+export default {
+  title: 'Example/Page',
+  component: Page,
+  argTypes: {
+    onLogin: { action: 'onLogin' },
+    onLogout: { action: 'onLogout' },
+    onCreateAccount: { action: 'onCreateAccount' },
+  },
+};
+
+const Template = (args) => ({
+  Component: Page,
+  props: args,
+  on: {
+    login: args.onLogin,
+    logout: args.onLogout,
+    createAccount: args.onCreateAccount,
+  },
+});
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {},
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};

package/dist/cjs/generators/ANGULAR/angular-helpers.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAngularAppTsConfigPath = getAngularAppTsConfigPath;
-exports.getAngularAppTsConfigJson = getAngularAppTsConfigJson;
 exports.editStorybookTsConfig = editStorybookTsConfig;
-exports.isDefaultProjectSet = isDefaultProjectSet;
+exports.getAngularAppTsConfigJson = getAngularAppTsConfigJson;
+exports.getAngularAppTsConfigPath = getAngularAppTsConfigPath;
 exports.getBaseTsConfigName = getBaseTsConfigName;
+exports.isDefaultProjectSet = isDefaultProjectSet;
 
 require("core-js/modules/es.promise.js");
 
@@ -19,9 +19,9 @@ var _fsExtra = require("fs-extra");
 
 var _helpers = require("../../helpers");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function getAngularAppTsConfigPath() {
   const angularJson = (0, _helpers.readFileAsJson)('angular.json', true);

package/dist/cjs/generators/ANGULAR/template-csf/.storybook/tsconfig.json

@@ -1,10 +1,21 @@
 {
   "extends": "%SET_DURING_SB_INIT%",
   "compilerOptions": {
-    "types": ["node"],
+    "types": [
+      "node"
+    ],
     "allowSyntheticDefaultImports": true
   },
-  "exclude": ["../src/test.ts", "../src/**/*.spec.ts", "../projects/**/*.spec.ts"],
-  "include": ["../src/**/*", "../projects/**/*"],
-  "files": ["./typings.d.ts"]
-}
+  "exclude": [
+    "../src/test.ts",
+    "../src/**/*.spec.ts",
+    "../projects/**/*.spec.ts"
+  ],
+  "include": [
+    "../src/**/*",
+    "../projects/**/*"
+  ],
+  "files": [
+    "./typings.d.ts"
+  ]
+}

package/dist/cjs/generators/AURELIA/template-csf/.storybook/tsconfig.json

@@ -1,9 +1,20 @@
 {
   "extends": "%SET_DURING_SB_INIT%",
   "compilerOptions": {
-    "types": ["node"]
+    "types": [
+      "node"
+    ]
   },
-  "exclude": ["../src/test.ts", "../src/**/*.spec.ts", "../projects/**/*.spec.ts"],
-  "include": ["../src/**/*", "../projects/**/*"],
-  "files": ["./typings.d.ts"]
-}
+  "exclude": [
+    "../src/test.ts",
+    "../src/**/*.spec.ts",
+    "../projects/**/*.spec.ts"
+  ],
+  "include": [
+    "../src/**/*",
+    "../projects/**/*"
+  ],
+  "files": [
+    "./typings.d.ts"
+  ]
+}

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

@@ -53,7 +53,6 @@ const generator = async (packageManager, npmOptions, options) => {
 
   await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'svelte', {
     extraPackages: ['svelte', 'svelte-loader'],
-    extraAddons: ['@storybook/addon-svelte-csf'],
     extensions: ['js', 'jsx', 'ts', 'tsx', 'svelte'],
     extraMain,
     commonJs

package/dist/cjs/generators/configure.js

@@ -9,6 +9,8 @@ var _fsExtra = _interopRequireDefault(require("fs-extra"));
 
 var _tsDedent = _interopRequireDefault(require("ts-dedent"));
 
+const _excluded = ["addons", "extensions", "commonJs"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -19,7 +21,7 @@ function configureMain(_ref) {
     extensions = ['js', 'jsx', 'ts', 'tsx'],
     commonJs = false
   } = _ref,
-      custom = _objectWithoutPropertiesLoose(_ref, ["addons", "extensions", "commonJs"]);
+      custom = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   const prefix = _fsExtra.default.existsSync('./src') ? '../src' : '../stories';
   const config = Object.assign({

package/dist/cjs/helpers.js

@@ -3,16 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getBowerJson = getBowerJson;
-exports.readFileAsJson = readFileAsJson;
-exports.paddedLog = paddedLog;
-exports.getChars = getChars;
-exports.codeLog = codeLog;
-exports.getBabelDependencies = getBabelDependencies;
 exports.addToDevDependenciesIfNotPresent = addToDevDependenciesIfNotPresent;
-exports.copyTemplate = copyTemplate;
+exports.codeLog = codeLog;
+exports.commandLog = void 0;
 exports.copyComponents = copyComponents;
-exports.commandLog = exports.writeFileAsJson = void 0;
+exports.copyTemplate = copyTemplate;
+exports.getBabelDependencies = getBabelDependencies;
+exports.getBowerJson = getBowerJson;
+exports.getChars = getChars;
+exports.paddedLog = paddedLog;
+exports.readFileAsJson = readFileAsJson;
+exports.writeFileAsJson = void 0;
 
 require("core-js/modules/es.promise.js");
 

package/dist/cjs/initiate.js

@@ -7,6 +7,8 @@ exports.initiate = initiate;
 
 require("core-js/modules/es.promise.js");
 
+require("core-js/modules/es.array.sort.js");
+
 var _updateNotifier = require("update-notifier");
 
 var _chalk = _interopRequireDefault(require("chalk"));

package/dist/cjs/js-package-manager/JsPackageManager.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPackageDetails = getPackageDetails;
 exports.JsPackageManager = void 0;
+exports.getPackageDetails = getPackageDetails;
 
 require("core-js/modules/es.promise.js");
 

package/dist/cjs/project_types.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.installableProjectTypes = exports.unsupportedTemplate = exports.supportedTemplates = exports.SupportedLanguage = exports.CoreBuilder = exports.SUPPORTED_FRAMEWORKS = exports.ProjectType = void 0;
+exports.unsupportedTemplate = exports.supportedTemplates = exports.installableProjectTypes = exports.SupportedLanguage = exports.SUPPORTED_FRAMEWORKS = exports.ProjectType = exports.CoreBuilder = void 0;
 
 var _semver = require("@storybook/semver");
 

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.angular13 = exports.angular130 = 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;
+exports.webpack_react = exports.web_components_typescript = exports.web_components_lit2 = exports.web_components = exports.vue3 = exports.vue = exports.svelte = exports.sfcVue = exports.react_typescript = exports.react_in_yarn_workspace = exports.react = exports.preact = exports.html = exports.cra_typescript = exports.cra = exports.angular130 = exports.angular13 = exports.angular12 = exports.angular11 = exports.angular10 = exports.angular = 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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createAndInit = exports.exec = void 0;
+exports.exec = exports.createAndInit = void 0;
 
 require("core-js/modules/es.promise.js");
 
@@ -15,6 +15,8 @@ var _shelljs = _interopRequireDefault(require("shelljs"));
 
 var _chalk = _interopRequireDefault(require("chalk"));
 
+const _excluded = ["name", "version"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -182,7 +184,7 @@ const createAndInit = async (cwd, _ref, {
     name,
     version
   } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, ["name", "version"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   const options = Object.assign({
     name,

package/dist/cjs/repro.js

@@ -25,9 +25,9 @@ var _scripts = require("./repro-generators/scripts");
 
 var configs = _interopRequireWildcard(require("./repro-generators/configs"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/dist/cjs/typings.d.ts

@@ -0,0 +1,3 @@
+declare module '@storybook/codemod';
+declare module 'envinfo';
+declare module '@storybook/semver';

package/dist/cjs/upgrade.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.upgrade = exports.addExtraFlags = exports.checkVersionConsistency = exports.isCorePackage = exports.getStorybookVersion = void 0;
+exports.upgrade = exports.isCorePackage = exports.getStorybookVersion = exports.checkVersionConsistency = exports.addExtraFlags = void 0;
+
+require("core-js/modules/es.array.sort.js");
 
 require("core-js/modules/es.promise.js");
 

package/dist/cjs/versions.json

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

package/dist/cjs/window.d.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/esm/add.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.add = add;
-exports.addStorybookAddonToFile = exports.getPackageArg = exports.getInstalledStorybookVersion = exports.getPackageName = exports.storybookAddonScope = void 0;
+exports.storybookAddonScope = exports.getPackageName = exports.getPackageArg = exports.getInstalledStorybookVersion = exports.addStorybookAddonToFile = void 0;
 
 require("core-js/modules/es.promise.js");
 

package/dist/esm/automigrate/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/esm/babel-config.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateStorybookBabelConfig = exports.generateStorybookBabelConfigInCWD = void 0;
+exports.generateStorybookBabelConfigInCWD = exports.generateStorybookBabelConfig = void 0;
 
 require("core-js/modules/es.promise.js");
 

package/dist/esm/detect.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.detect = detect;
 exports.detectFrameworkPreset = detectFrameworkPreset;
-exports.isStorybookInstalled = isStorybookInstalled;
 exports.detectLanguage = detectLanguage;
-exports.detect = detect;
+exports.isStorybookInstalled = isStorybookInstalled;
 
 var _path = _interopRequireDefault(require("path"));
 

package/dist/esm/frameworks/svelte/Button.stories.js

@@ -0,0 +1,51 @@
+import Button from './Button.svelte';
+
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+// More on argTypes: https://storybook.js.org/docs/svelte/api/argtypes
+export default {
+  title: 'Example/Button',
+  component: Button,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+    label: { control: 'text' },
+    onClick: { action: 'onClick' },
+    primary: { control: 'boolean' },
+    size: {
+      control: { type: 'select' },
+      options: ['small', 'medium', 'large'],
+    },
+  },
+};
+
+// More on component templates: https://storybook.js.org/docs/svelte/writing-stories/introduction#using-args
+const Template = (args) => ({
+  Component: Button,
+  props: args,
+  on: {
+    click: args.onClick,
+  },
+});
+
+// More on args: https://storybook.js.org/docs/svelte/writing-stories/args
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  label: 'Button',
+};
+
+export const Large = Template.bind({});
+Large.args = {
+  size: 'large',
+  label: 'Button',
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  size: 'small',
+  label: 'Button',
+};