@storybook/cli 6.3.6 → 6.3.10

package/dist/cjs/upgrade.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.upgrade = exports.checkVersionConsistency = exports.isCorePackage = exports.getStorybookVersion = void 0;
+exports.upgrade = exports.addExtraFlags = exports.checkVersionConsistency = exports.isCorePackage = exports.getStorybookVersion = void 0;
 
 require("core-js/modules/es.promise.js");
 
@@ -91,6 +91,28 @@ const checkVersionConsistency = () => {
 };
 
 exports.checkVersionConsistency = checkVersionConsistency;
+const EXTRA_FLAGS = {
+  'react-scripts@<5': ['--reject', '/preset-create-react-app/']
+};
+
+const addExtraFlags = (extraFlags, flags, {
+  dependencies,
+  devDependencies
+}) => {
+  return Object.entries(extraFlags).reduce((acc, entry) => {
+    const [pattern, extra] = entry;
+    const [pkg, specifier] = (0, _jsPackageManager.getPackageDetails)(pattern);
+    const pkgVersion = dependencies[pkg] || devDependencies[pkg];
+
+    if (pkgVersion && _semver.default.satisfies(_semver.default.coerce(pkgVersion), specifier)) {
+      return [...acc, ...extra];
+    }
+
+    return acc;
+  }, [...flags]);
+};
+
+exports.addExtraFlags = addExtraFlags;
 
 const upgrade = async ({
   prerelease,
@@ -101,10 +123,11 @@ const upgrade = async ({
   const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager(useNpm);
 
   (0, _helpers.commandLog)(`Checking for latest versions of '@storybook/*' packages`);
-  const flags = [];
+  let flags = [];
   if (!dryRun) flags.push('--upgrade');
   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], {
     stdio: 'pipe'
   }).output.toString();

package/dist/cjs/versions.json

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

package/dist/esm/frameworks/angular/Button.stories.ts

@@ -2,19 +2,23 @@
 import { Story, Meta } from '@storybook/angular/types-6-0';
 import Button from './button.component';
 
+// More on default export: https://storybook.js.org/docs/angular/writing-stories/introduction#default-export
 export default {
   title: 'Example/Button',
   component: Button,
+  // More on argTypes: https://storybook.js.org/docs/angular/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },
   },
 } as Meta;
 
+// More on component templates: https://storybook.js.org/docs/angular/writing-stories/introduction#using-args
 const Template: Story<Button> = (args: Button) => ({
   props: args,
 });
 
 export const Primary = Template.bind({});
+// More on args: https://storybook.js.org/docs/angular/writing-stories/args
 Primary.args = {
   primary: true,
   label: 'Button',

package/dist/esm/frameworks/angular/Page.stories.ts

@@ -24,6 +24,7 @@ const Template: Story<Page> = (args: Page) => ({
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
+  // More on composing args: https://storybook.js.org/docs/angular/writing-stories/args#args-composition
   ...HeaderStories.LoggedIn.args,
 };
 

package/dist/esm/frameworks/ember/1-Button.stories.js

@@ -2,19 +2,23 @@ import { hbs } from 'ember-cli-htmlbars';
 import { action } from '@storybook/addon-actions';
 import { linkTo } from '@storybook/addon-links';
 
+// More on default export: https://storybook.js.org/docs/ember/writing-stories/introduction#default-export
 export default {
   title: 'Button',
+  // More on argTypes: https://storybook.js.org/docs/ember/api/argtypes
   argTypes: {
     children: { control: 'text' },
   },
 };
 
+// More on component templates: https://storybook.js.org/docs/ember/writing-stories/introduction#using-args
 const Template = (args) => ({
   template: hbs`<button {{action onClick}}>{{children}}</button>`,
   context: args,
 });
 
 export const Text = Template.bind({});
+// More on args: https://storybook.js.org/docs/ember/writing-stories/args
 Text.args = {
   children: 'Button',
   onClick: action('onClick'),

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

@@ -1,18 +1,22 @@
 import { createButton } from './Button';
 
+// More on default export: https://storybook.js.org/docs/html/writing-stories/introduction#default-export
 export default {
   title: 'Example/Button',
+  // More on argTypes: https://storybook.js.org/docs/html/api/argtypes
   argTypes: {
+    backgroundColor: { control: 'color' },
     label: { control: 'text' },
+    onClick: { action: 'onClick' },
     primary: { control: 'boolean' },
-    backgroundColor: { control: 'color' },
     size: {
-      control: { type: 'select', options: ['small', 'medium', 'large'] },
+      control: { type: 'select' },
+      options: ['small', 'medium', 'large'],
     },
-    onClick: { action: 'onClick' },
   },
 };
 
+// More on component templates: https://storybook.js.org/docs/html/writing-stories/introduction#using-args
 const Template = ({ label, ...args }) => {
   // You can either use a function to create DOM elements or use a plain html string!
   // return `<div>${label}</div>`;
@@ -20,6 +24,7 @@ const Template = ({ label, ...args }) => {
 };
 
 export const Primary = Template.bind({});
+// More on args: https://storybook.js.org/docs/html/writing-stories/args
 Primary.args = {
   primary: true,
   label: 'Button',

package/dist/esm/frameworks/html/js/Page.stories.js

@@ -14,6 +14,7 @@ const Template = (args) => createPage(args);
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
+  // More on composing args: https://storybook.js.org/docs/html/writing-stories/args#args-composition
   ...HeaderStories.LoggedIn.args,
 };
 

package/dist/esm/frameworks/html/ts/Button.stories.ts

@@ -1,19 +1,23 @@
 import { Story, Meta } from '@storybook/html';
 import { createButton, ButtonProps } from './Button';
 
+// More on default export: https://storybook.js.org/docs/html/writing-stories/introduction#default-export
 export default {
   title: 'Example/Button',
+  // More on argTypes: https://storybook.js.org/docs/html/api/argtypes
   argTypes: {
+    backgroundColor: { control: 'color' },
     label: { control: 'text' },
+    onClick: { action: 'onClick' },
     primary: { control: 'boolean' },
-    backgroundColor: { control: 'color' },
     size: {
-      control: { type: 'select', options: ['small', 'medium', 'large'] },
+      control: { type: 'select' },
+      options: ['small', 'medium', 'large'],
     },
-    onClick: { action: 'onClick' },
   },
 } as Meta;
 
+// More on component templates: https://storybook.js.org/docs/html/writing-stories/introduction#using-args
 const Template: Story<ButtonProps> = (args) => {
   // You can either use a function to create DOM elements or use a plain html string!
   // return `<div>${label}</div>`;
@@ -21,6 +25,7 @@ const Template: Story<ButtonProps> = (args) => {
 };
 
 export const Primary = Template.bind({});
+// More on args: https://storybook.js.org/docs/html/writing-stories/args
 Primary.args = {
   primary: true,
   label: 'Button',

package/dist/esm/frameworks/html/ts/Page.stories.ts

@@ -16,6 +16,7 @@ const Template: Story<HeaderProps> = (args) => createPage(args);
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
+  // More on composing args: https://storybook.js.org/docs/html/writing-stories/args#args-composition
   ...HeaderStories.LoggedIn.args,
 };
 

package/dist/esm/frameworks/marko/1-Button.stories.js

@@ -1,19 +1,23 @@
 import { action } from '@storybook/addon-actions';
 import Button from './Button.marko';
 
+// More on default export: https://storybook.js.org/docs/marko/writing-stories/introduction#default-export
 export default {
   title: 'Button',
+  // More on argTypes: https://storybook.js.org/docs/marko/api/argtypes
   argTypes: {
     children: { control: 'text' },
   },
 };
 
-const ButtonStory = (args) => ({
+// More on component templates: https://storybook.js.org/docs/marko/writing-stories/introduction#using-args
+const Template = (args) => ({
   component: Button,
   input: args,
 });
 
-export const Text = ButtonStory.bind({});
+export const Text = Template.bind({});
+// More on args: https://storybook.js.org/docs/marko/writing-stories/args
 Text.args = {
   children: 'Button',
   onClick: action('onClick'),

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

@@ -2,20 +2,24 @@ import m from 'mithril';
 
 import { Button } from './Button';
 
+// More on default export: https://storybook.js.org/docs/mithril/writing-stories/introduction#default-export
 export default {
   title: 'Example/Button',
   component: Button,
+  // More on argTypes: https://storybook.js.org/docs/mithril/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },
     onClick: { action: 'onClick' },
   },
 };
 
+// More on component templates: https://storybook.js.org/docs/mithril/writing-stories/introduction#using-args
 const Template = ({ children, ...args }) => ({
   view: () => m(Button, args, children),
 });
 
 export const Primary = Template.bind({});
+// More on args: https://storybook.js.org/docs/mithril/writing-stories/args
 Primary.args = {
   primary: true,
   children: 'Button',

package/dist/esm/frameworks/mithril/Page.stories.js

@@ -14,6 +14,7 @@ const Template = ({ children, ...args }) => ({
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
+  // More on composing args: https://storybook.js.org/docs/mithril/writing-stories/args#args-composition
   ...HeaderStories.LoggedIn.args,
 };
 

package/dist/esm/frameworks/preact/Button.stories.jsx

@@ -2,18 +2,22 @@
 import { h } from 'preact';
 import { Button } from './Button';
 
+// More on default export: https://storybook.js.org/docs/preact/writing-stories/introduction#default-export
 export default {
   title: 'Example/Button',
   component: Button,
+  // More on argTypes: https://storybook.js.org/docs/preact/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },
     onClick: { action: 'onClick' },
   },
 };
 
+// More on component templates: https://storybook.js.org/docs/preact/writing-stories/introduction#using-args
 const Template = (args) => <Button {...args} />;
 
 export const Primary = Template.bind({});
+// More on args: https://storybook.js.org/docs/preact/writing-stories/args
 Primary.args = {
   primary: true,
   label: 'Button',

package/dist/esm/frameworks/preact/Page.stories.jsx

@@ -13,6 +13,7 @@ const Template = (args) => <Page {...args} />;
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
+  // More on composing args: https://storybook.js.org/docs/preact/writing-stories/args#args-composition
   ...HeaderStories.LoggedIn.args,
 };
 

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

@@ -2,17 +2,21 @@ import { createElement } from 'rax';
 
 import { Button } from './Button';
 
+// More on default export: https://storybook.js.org/docs/rax/writing-stories/introduction#default-export
 export default {
   title: 'Example/Button',
+  // More on argTypes: https://storybook.js.org/docs/rax/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },
     onClick: { action: 'onClick' },
   },
 };
 
+// More on component templates: https://storybook.js.org/docs/rax/writing-stories/introduction#using-args
 const Template = (args) => <Button {...args} />;
 
 export const Primary = Template.bind({});
+// More on args: https://storybook.js.org/docs/rax/writing-stories/args
 Primary.args = {
   primary: true,
   label: 'Button',

package/dist/esm/frameworks/rax/Page.stories.js

@@ -11,6 +11,7 @@ const Template = (args) => <Page {...args} />;
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
+  // More on composing args: https://storybook.js.org/docs/rax/writing-stories/args#args-composition
   ...HeaderStories.LoggedIn.args,
 };
 

package/dist/esm/frameworks/react/js/Button.stories.jsx

@@ -2,17 +2,21 @@ import React from 'react';
 
 import { Button } from './Button';
 
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
   title: 'Example/Button',
   component: Button,
+  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },
   },
 };
 
+// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
 const Template = (args) => <Button {...args} />;
 
 export const Primary = Template.bind({});
+// More on args: https://storybook.js.org/docs/react/writing-stories/args
 Primary.args = {
   primary: true,
   label: 'Button',

package/dist/esm/frameworks/react/js/Page.stories.jsx

@@ -12,6 +12,7 @@ const Template = (args) => <Page {...args} />;
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
+  // More on composing args: https://storybook.js.org/docs/react/writing-stories/args#args-composition
   ...HeaderStories.LoggedIn.args,
 };
 

package/dist/esm/frameworks/react/ts/Button.stories.tsx

@@ -3,17 +3,21 @@ import { ComponentStory, ComponentMeta } from '@storybook/react';
 
 import { Button } from './Button';
 
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
   title: 'Example/Button',
   component: Button,
+  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },
   },
 } as ComponentMeta<typeof Button>;
 
+// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
 const Template: ComponentStory<typeof Button> = (args) => <Button {...args} />;
 
 export const Primary = Template.bind({});
+// More on args: https://storybook.js.org/docs/react/writing-stories/args
 Primary.args = {
   primary: true,
   label: 'Button',

package/dist/esm/frameworks/react/ts/Page.stories.tsx

@@ -13,6 +13,7 @@ const Template: ComponentStory<typeof Page> = (args) => <Page {...args} />;
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
+  // More on composing args: https://storybook.js.org/docs/react/writing-stories/args#args-composition
   ...HeaderStories.LoggedIn.args,
 };
 

package/dist/esm/frameworks/riot/1-Button.stories.js

@@ -6,16 +6,20 @@ import { action } from '@storybook/addon-actions';
 import MyButtonRaw from 'raw-loader!./MyButton.tag';
 import './MyButton.tag';
 
+// More on default export: https://storybook.js.org/docs/riot/writing-stories/introduction#default-export
 export default {
   title: 'Button',
+  // More on argTypes: https://storybook.js.org/docs/riot/api/argtypes
   argTypes: {
     content: { control: 'text' },
   },
 };
 
+// More on component templates: https://storybook.js.org/docs/riot/writing-stories/introduction#using-args
 const Template = (args) => mount('my-button', args);
 
 export const Text = Template.bind({});
+// More on args: https://storybook.js.org/docs/riot/writing-stories/args
 Text.args = {
   content: 'Button',
   onClick: action('onClick'),

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

@@ -3,24 +3,29 @@
   import Button from "./Button.svelte";
 </script>
 
+<!-- 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 -->
 <Meta
   title="Example/Button"
   component={Button}
   argTypes={{
+    backgroundColor: { control: "color" },
     label: { control: "text" },
+    onClick: { action: "onClick" },
     primary: { control: "boolean" },
-    backgroundColor: { control: "color" },
     size: {
-      control: { type: "select", options: ["small", "medium", "large"] },
+      control: { type: 'select' },
+      options: ['small', 'medium', 'large'],
     },
-    onClick: { action: "onClick" },
   }}
 />
 
+<!-- More on component templates: https://storybook.js.org/docs/svelte/writing-stories/introduction#using-args -->
 <Template let:args>
   <Button {...args} on:click={args.onClick} />
 </Template>
 
+<!-- More on args: https://storybook.js.org/docs/svelte/writing-stories/args -->
 <Story
   name="Primary"
   args={{

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

@@ -1,14 +1,20 @@
 import MyButton from './Button.vue';
 
+// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
 export default {
   title: 'Example/Button',
   component: MyButton,
+  // More on argTypes: https://storybook.js.org/docs/vue/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },
-    size: { control: { type: 'select', options: ['small', 'medium', 'large'] } },
+    size: {
+      control: { type: 'select' },
+      options: ['small', 'medium', 'large'],
+    },
   },
 };
 
+// More on component templates: https://storybook.js.org/docs/vue/writing-stories/introduction#using-args
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { MyButton },
@@ -16,6 +22,7 @@ const Template = (args, { argTypes }) => ({
 });
 
 export const Primary = Template.bind({});
+// More on args: https://storybook.js.org/docs/vue/writing-stories/args
 Primary.args = {
   primary: true,
   label: 'Button',

package/dist/esm/frameworks/vue/Page.stories.js

@@ -15,6 +15,7 @@ const Template = (args, { argTypes }) => ({
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
+  // More on composing args: https://storybook.js.org/docs/vue/writing-stories/args#args-composition
   ...HeaderStories.LoggedIn.args,
 };
 

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

@@ -1,15 +1,21 @@
 import MyButton from './Button.vue';
 
+// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
 export default {
   title: 'Example/Button',
   component: MyButton,
+  // More on argTypes: https://storybook.js.org/docs/vue/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },
-    size: { control: { type: 'select', options: ['small', 'medium', 'large'] } },
     onClick: {},
+    size: {
+      control: { type: 'select' },
+      options: ['small', 'medium', 'large'],
+    },
   },
 };
 
+// More on component templates: https://storybook.js.org/docs/vue/writing-stories/introduction#using-args
 const Template = (args) => ({
   // Components used in your story `template` are defined in the `components` object
   components: { MyButton },
@@ -22,6 +28,7 @@ const Template = (args) => ({
 });
 
 export const Primary = Template.bind({});
+// More on args: https://storybook.js.org/docs/vue/writing-stories/args
 Primary.args = {
   primary: true,
   label: 'Button',

package/dist/esm/frameworks/vue3/Page.stories.js

@@ -20,6 +20,7 @@ const Template = (args) => ({
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
+  // More on composing args: https://storybook.js.org/docs/vue/writing-stories/args#args-composition
   ...HeaderStories.LoggedIn.args,
 };