@storybook/web-components 8.0.0-alpha.7 → 8.0.0-alpha.8

package/dist/index.d.ts

@@ -21,16 +21,6 @@ type StoryFn<TArgs = Args> = AnnotatedStoryFn<WebComponentsRenderer, TArgs>;
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
 type StoryObj<TArgs = Args> = StoryAnnotations<WebComponentsRenderer, TArgs>;
-/**
- * @deprecated Use `StoryFn` instead.
- * Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories.
- * You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/
- *
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-type Story<TArgs = Args> = StoryFn<TArgs>;
 type Decorator<TArgs = StrictArgs> = DecoratorFunction<WebComponentsRenderer, TArgs>;
 type Loader<TArgs = StrictArgs> = LoaderFunction<WebComponentsRenderer, TArgs>;
 type StoryContext<TArgs = StrictArgs> = StoryContext$1<WebComponentsRenderer, TArgs>;
@@ -45,4 +35,4 @@ declare function setCustomElements(customElements: any): void;
 declare function setCustomElementsManifest(customElements: any): void;
 declare function getCustomElements(): any;
 
-export { Decorator, Loader, Meta, Preview, Story, StoryContext, StoryFn, StoryObj, WebComponentsRenderer, getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest };
+export { Decorator, Loader, Meta, Preview, StoryContext, StoryFn, StoryObj, WebComponentsRenderer, getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "8.0.0-alpha.7",
+  "version": "8.0.0-alpha.8",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit",
@@ -50,12 +50,12 @@
     "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "8.0.0-alpha.7",
-    "@storybook/docs-tools": "8.0.0-alpha.7",
+    "@storybook/client-logger": "8.0.0-alpha.8",
+    "@storybook/docs-tools": "8.0.0-alpha.8",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "8.0.0-alpha.7",
-    "@storybook/preview-api": "8.0.0-alpha.7",
-    "@storybook/types": "8.0.0-alpha.7",
+    "@storybook/manager-api": "8.0.0-alpha.8",
+    "@storybook/preview-api": "8.0.0-alpha.8",
+    "@storybook/types": "8.0.0-alpha.8",
     "tiny-invariant": "^1.3.1",
     "ts-dedent": "^2.0.0"
   },

package/template/cli/ts-3-8/Header.ts

@@ -9,9 +9,9 @@ type User = {
 
 export interface HeaderProps {
   user?: User;
-  onLogin: () => void;
-  onLogout: () => void;
-  onCreateAccount: () => void;
+  onLogin?: () => void;
+  onLogout?: () => void;
+  onCreateAccount?: () => void;
 }
 
 export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => html`

package/template/cli/ts-3-8/Page.ts

@@ -8,9 +8,9 @@ type User = {
 
 export interface PageProps {
   user?: User;
-  onLogin: () => void;
-  onLogout: () => void;
-  onCreateAccount: () => void;
+  onLogin?: () => void;
+  onLogout?: () => void;
+  onCreateAccount?: () => void;
 }
 
 export const Page = ({ user, onLogin, onLogout, onCreateAccount }: PageProps) => html`

package/template/cli/ts-4-9/Header.ts

@@ -9,9 +9,9 @@ type User = {
 
 export interface HeaderProps {
   user?: User;
-  onLogin: () => void;
-  onLogout: () => void;
-  onCreateAccount: () => void;
+  onLogin?: () => void;
+  onLogout?: () => void;
+  onCreateAccount?: () => void;
 }
 
 export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => html`

package/template/cli/ts-4-9/Page.ts

@@ -8,9 +8,9 @@ type User = {
 
 export interface PageProps {
   user?: User;
-  onLogin: () => void;
-  onLogout: () => void;
-  onCreateAccount: () => void;
+  onLogin?: () => void;
+  onLogout?: () => void;
+  onCreateAccount?: () => void;
 }
 
 export const Page = ({ user, onLogin, onLogout, onCreateAccount }: PageProps) => html`