@storybook/html 7.0.0-alpha.50 → 7.0.0-alpha.51

package/dist/config.d.ts

@@ -1,4 +1,4 @@
 import 'lib/docs-tools/dist';
-export { a as argTypesEnhancers, d as decorators, p as parameters, b as render, r as renderToCanvas } from './types-becdd26a.js';
+export { a as argTypesEnhancers, d as decorators, p as parameters, b as render, r as renderToCanvas } from './types-08f5f6f2.js';
 import '@storybook/types';
 import 'lib/types/dist';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { Addon_ClientStoryApi, Addon_Loadable, Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1 } from '@storybook/types';
 export { ArgTypes, Args, Parameters, StrictArgs } from '@storybook/types';
-import { H as HtmlRenderer } from './types-becdd26a.js';
-export { H as HtmlRenderer } from './types-becdd26a.js';
+import { H as HtmlRenderer } from './types-08f5f6f2.js';
+export { H as HtmlRenderer } from './types-08f5f6f2.js';
 import 'lib/docs-tools/dist';
 import 'lib/types/dist';
 
@@ -20,19 +20,19 @@ declare const raw: ClientApi['raw'];
  *
  * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
  */
-declare type Meta<TArgs = Args> = ComponentAnnotations<HtmlRenderer, TArgs>;
+type Meta<TArgs = Args> = ComponentAnnotations<HtmlRenderer, TArgs>;
 /**
  * Story function that represents a CSFv2 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<HtmlRenderer, TArgs>;
+type StoryFn<TArgs = Args> = AnnotatedStoryFn<HtmlRenderer, TArgs>;
 /**
  * Story function that represents a CSFv3 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-declare type StoryObj<TArgs = Args> = StoryAnnotations<HtmlRenderer, TArgs>;
+type StoryObj<TArgs = Args> = StoryAnnotations<HtmlRenderer, TArgs>;
 /**
  * @deprecated Use `StoryFn` instead.
  * Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories.
@@ -42,9 +42,9 @@ declare type StoryObj<TArgs = Args> = StoryAnnotations<HtmlRenderer, TArgs>;
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-declare type Story<TArgs = Args> = StoryFn<TArgs>;
-declare type Decorator<TArgs = StrictArgs> = DecoratorFunction<HtmlRenderer, TArgs>;
-declare type Loader<TArgs = StrictArgs> = LoaderFunction<HtmlRenderer, TArgs>;
-declare type StoryContext<TArgs = StrictArgs> = StoryContext$1<HtmlRenderer, TArgs>;
+type Story<TArgs = Args> = StoryFn<TArgs>;
+type Decorator<TArgs = StrictArgs> = DecoratorFunction<HtmlRenderer, TArgs>;
+type Loader<TArgs = StrictArgs> = LoaderFunction<HtmlRenderer, TArgs>;
+type StoryContext<TArgs = StrictArgs> = StoryContext$1<HtmlRenderer, TArgs>;
 
 export { Decorator, Loader, Meta, Story, StoryContext, StoryFn, StoryObj, configure, forceReRender, raw, storiesOf };

package/dist/{types-becdd26a.d.ts → types-08f5f6f2.d.ts}

@@ -24,12 +24,12 @@ declare const parameters: {
     framework: "html";
 };
 
-declare type StoryFnHtmlReturnType = string | Node;
+type StoryFnHtmlReturnType = string | Node;
 interface HtmlRenderer extends WebRenderer {
     component: string | HTMLElement | ArgsStoryFn<HtmlRenderer>;
     storyResult: StoryFnHtmlReturnType;
 }
-declare type StoryContext = StoryContext$1<HtmlRenderer> & {
+type StoryContext = StoryContext$1<HtmlRenderer> & {
     parameters: StoryContext$1<HtmlRenderer>['parameters'] & typeof parameters;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.0.0-alpha.50",
+  "version": "7.0.0-alpha.51",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -51,19 +51,19 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.50",
-    "@storybook/core-client": "7.0.0-alpha.50",
-    "@storybook/docs-tools": "7.0.0-alpha.50",
-    "@storybook/preview-web": "7.0.0-alpha.50",
-    "@storybook/store": "7.0.0-alpha.50",
-    "@storybook/types": "7.0.0-alpha.50",
+    "@storybook/addons": "7.0.0-alpha.51",
+    "@storybook/core-client": "7.0.0-alpha.51",
+    "@storybook/docs-tools": "7.0.0-alpha.51",
+    "@storybook/preview-web": "7.0.0-alpha.51",
+    "@storybook/store": "7.0.0-alpha.51",
+    "@storybook/types": "7.0.0-alpha.51",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "^4.9.3"
   },
   "peerDependencies": {
     "@babel/core": "*"
@@ -81,5 +81,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "77184d039091f4782dc4540df6d271a24fb3e242"
+  "gitHead": "4fec76c3f5135854d9834ebc1cf2f1f325696ded"
 }

package/template/cli/js/Button.stories.js

@@ -1,17 +1,14 @@
 import { createButton } from './Button';
 
-// More on default export: https://storybook.js.org/docs/html/writing-stories/introduction#default-export
+// More on how to set up stories at: https://storybook.js.org/docs/7.0/html/writing-stories/introduction
 export default {
   title: 'Example/Button',
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/html/writing-docs/docs-page
   tags: ['docsPage'],
-  // More on component templates: https://storybook.js.org/docs/html/writing-stories/introduction#using-args
   render: ({ label, ...args }) => {
     // You can either use a function to create DOM elements or use a plain html string!
     // return `<div>${label}</div>`;
     return createButton({ label, ...args });
   },
-  // More on argTypes: https://storybook.js.org/docs/html/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },
     label: { control: 'text' },
@@ -24,6 +21,7 @@ export default {
   },
 };
 
+// More on writing stories with args: https://storybook.js.org/docs/7.0/html/writing-stories/args
 export const Primary = {
   args: {
     primary: true,

package/template/cli/js/Header.stories.js

@@ -2,14 +2,14 @@ import { createHeader } from './Header';
 
 export default {
   title: 'Example/Header',
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/html/writing-docs/docs-page
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/7.0/html/writing-docs/docs-page
   tags: ['docsPage'],
   render: (args) => createHeader(args),
   parameters: {
-    // More on Story layout: https://storybook.js.org/docs/html/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/7.0/html/configure/story-layout
     layout: 'fullscreen',
   },
-  // More on argTypes: https://storybook.js.org/docs/html/api/argtypes
+  // More on argTypes: https://storybook.js.org/docs/7.0/html/api/argtypes
   argTypes: {
     onLogin: { action: 'onLogin' },
     onLogout: { action: 'onLogout' },

package/template/cli/js/Page.stories.js

@@ -5,14 +5,14 @@ export default {
   title: 'Example/Page',
   render: () => createPage(),
   parameters: {
-    // More on Story layout: https://storybook.js.org/docs/html/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/7.0/html/configure/story-layout
     layout: 'fullscreen',
   },
 };
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/html/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/7.0/html/writing-tests/interaction-testing
 export const LoggedIn = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);

package/template/cli/ts/Button.stories.ts

@@ -5,14 +5,12 @@ import { createButton } from './Button';
 // More on how to set up stories at: https://storybook.js.org/docs/html/writing-stories/introduction#default-export
 const meta: Meta<ButtonProps> = {
   title: 'Example/Button',
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/html/writing-docs/docs-page
   tags: ['docsPage'],
   render: (args) => {
     // You can either use a function to create DOM elements or use a plain html string!
     // return `<div>${label}</div>`;
     return createButton(args);
   },
-  // More on argTypes: https://storybook.js.org/docs/html/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },
     label: { control: 'text' },
@@ -28,7 +26,7 @@ const meta: Meta<ButtonProps> = {
 export default meta;
 type Story = StoryObj<ButtonProps>;
 
-// More on component templates: https://storybook.js.org/docs/html/writing-stories/introduction#using-args
+// More on writing stories with args: https://storybook.js.org/docs/7.0/html/writing-stories/args
 export const Primary: Story = {
   args: {
     primary: true,

package/template/cli/ts/Header.stories.ts

@@ -4,14 +4,14 @@ import { createHeader } from './Header';
 
 const meta: Meta<HeaderProps> = {
   title: 'Example/Header',
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/html/writing-docs/docs-page
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/7.0/html/writing-docs/docs-page
   tags: ['docsPage'],
   render: (args) => createHeader(args),
   parameters: {
-    // More on Story layout: https://storybook.js.org/docs/html/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/7.0/html/configure/story-layout
     layout: 'fullscreen',
   },
-  // More on argTypes: https://storybook.js.org/docs/html/api/argtypes
+  // More on argTypes: https://storybook.js.org/docs/7.0/html/api/argtypes
   argTypes: {
     onLogin: { action: 'onLogin' },
     onLogout: { action: 'onLogout' },

package/template/cli/ts/Page.stories.ts

@@ -6,7 +6,7 @@ const meta: Meta = {
   title: 'Example/Page',
   render: () => createPage(),
   parameters: {
-    // More on Story layout: https://storybook.js.org/docs/html/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/7.0/html/configure/story-layout
     layout: 'fullscreen',
   },
 };
@@ -15,7 +15,7 @@ export default meta;
 
 export const LoggedOut: StoryObj = {};
 
-// More on interaction testing: https://storybook.js.org/docs/html/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/7.0/html/writing-tests/interaction-testing
 export const LoggedIn: StoryObj = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);