@storybook/react 6.4.0-alpha.38 → 6.4.0-alpha.41

package/dist/cjs/client/preview/types-7-0.js

@@ -0,0 +1 @@
+"use strict";

package/dist/ts3.4/client/preview/types-6-0.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType } from 'react';
-import { Args, ComponentAnnotations, StoryAnnotationsOrFn } from '@storybook/csf';
+import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
 import { StoryFnReactReturnType } from './types';
 export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
 export declare type ReactFramework = {
@@ -13,8 +13,23 @@ export declare type ReactFramework = {
  */
 export declare type Meta<TArgs = Args> = ComponentAnnotations<ReactFramework, TArgs>;
 /**
- * Story function that represents a component example.
+ * Story function that represents a CSFv2 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-export declare type Story<TArgs = Args> = StoryAnnotationsOrFn<ReactFramework, TArgs>;
+export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<ReactFramework, 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)
+ */
+export declare type StoryObj<TArgs = Args> = StoryAnnotations<ReactFramework, 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)
+ *
+ * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
+ *
+ */
+export declare type Story<TArgs = Args> = StoryFn<TArgs>;

package/dist/ts3.4/client/preview/types-6-3.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, JSXElementConstructor } from 'react';
-import { Story, Meta } from './types-6-0';
+import { StoryFn, StoryObj, Story, Meta } from './types-6-0';
 export * from './types-6-0';
 /**
  * For the common case where a component's stories are simple components that receives args as props:
@@ -10,10 +10,31 @@ export * from './types-6-0';
  */
 export declare type ComponentMeta<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = Meta<ComponentProps<T>>;
 /**
- * For the common case where a story is a simple component that receives args as props:
+ * For the common case where a (CSFv2) story is a simple component that receives args as props:
  *
  * ```tsx
  * const Template: ComponentStory<typeof Button> = (args) => <Button {...args} />
  * ```
  */
+export declare type ComponentStoryFn<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = StoryFn<ComponentProps<T>>;
+/**
+ * For the common case where a (CSFv3) story is a simple component that receives args as props:
+ *
+ * ```tsx
+ * const MyStory: ComponentStory<typeof Button> = {
+ *   args: { buttonArg1: 'val' },
+ * }
+ * ```
+ */
+export declare type ComponentStoryObj<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = StoryObj<ComponentProps<T>>;
+/**
+ * For the common case where a (CSFv2) story is a simple component that receives args as props:
+ *
+ * ```tsx
+ * const Template: ComponentStory<typeof Button> = (args) => <Button {...args} />
+ * ```
+ *
+ * NOTE: this is an alias for `ComponentStoryFn`.
+ * In Storybook v7, `ComponentStory` will alias `ComponentStoryObj`
+ */
 export declare type ComponentStory<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = Story<ComponentProps<T>>;

package/dist/ts3.4/client/preview/types-7-0.d.ts

@@ -0,0 +1,21 @@
+import { JSXElementConstructor } from 'react';
+import { Args } from '@storybook/csf';
+import { StoryObj } from './types-6-0';
+import { ComponentStoryObj } from './types-6-3';
+export { StoryFn, StoryObj, Meta } from './types-6-0';
+export { ComponentStoryFn, ComponentStoryObj, ComponentMeta } from './types-6-3';
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type Story<TArgs = Args> = StoryObj<TArgs>;
+/**
+ * For the common case where a (CSFv3) story is a simple component that receives args as props:
+ *
+ * ```tsx
+ * const MyStory: ComponentStory<typeof Button> = {
+ *   args: { buttonArg1: 'val' },
+ * }
+ * ```
+ */ export declare type ComponentStory<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = ComponentStoryObj<T>;

package/dist/ts3.9/client/preview/types-6-0.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType } from 'react';
-import { Args, ComponentAnnotations, StoryAnnotationsOrFn } from '@storybook/csf';
+import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
 import { StoryFnReactReturnType } from './types';
 export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
 export declare type ReactFramework = {
@@ -13,8 +13,23 @@ export declare type ReactFramework = {
  */
 export declare type Meta<TArgs = Args> = ComponentAnnotations<ReactFramework, TArgs>;
 /**
- * Story function that represents a component example.
+ * Story function that represents a CSFv2 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-export declare type Story<TArgs = Args> = StoryAnnotationsOrFn<ReactFramework, TArgs>;
+export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<ReactFramework, 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)
+ */
+export declare type StoryObj<TArgs = Args> = StoryAnnotations<ReactFramework, 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)
+ *
+ * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
+ *
+ */
+export declare type Story<TArgs = Args> = StoryFn<TArgs>;

package/dist/ts3.9/client/preview/types-6-3.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, JSXElementConstructor } from 'react';
-import type { Story, Meta } from './types-6-0';
+import type { StoryFn, StoryObj, Story, Meta } from './types-6-0';
 export * from './types-6-0';
 /**
  * For the common case where a component's stories are simple components that receives args as props:
@@ -10,10 +10,31 @@ export * from './types-6-0';
  */
 export declare type ComponentMeta<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = Meta<ComponentProps<T>>;
 /**
- * For the common case where a story is a simple component that receives args as props:
+ * For the common case where a (CSFv2) story is a simple component that receives args as props:
  *
  * ```tsx
  * const Template: ComponentStory<typeof Button> = (args) => <Button {...args} />
  * ```
  */
+export declare type ComponentStoryFn<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = StoryFn<ComponentProps<T>>;
+/**
+ * For the common case where a (CSFv3) story is a simple component that receives args as props:
+ *
+ * ```tsx
+ * const MyStory: ComponentStory<typeof Button> = {
+ *   args: { buttonArg1: 'val' },
+ * }
+ * ```
+ */
+export declare type ComponentStoryObj<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = StoryObj<ComponentProps<T>>;
+/**
+ * For the common case where a (CSFv2) story is a simple component that receives args as props:
+ *
+ * ```tsx
+ * const Template: ComponentStory<typeof Button> = (args) => <Button {...args} />
+ * ```
+ *
+ * NOTE: this is an alias for `ComponentStoryFn`.
+ * In Storybook v7, `ComponentStory` will alias `ComponentStoryObj`
+ */
 export declare type ComponentStory<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = Story<ComponentProps<T>>;

package/dist/ts3.9/client/preview/types-7-0.d.ts

@@ -0,0 +1,21 @@
+import { JSXElementConstructor } from 'react';
+import { Args } from '@storybook/csf';
+import type { StoryObj } from './types-6-0';
+import type { ComponentStoryObj } from './types-6-3';
+export type { StoryFn, StoryObj, Meta } from './types-6-0';
+export type { ComponentStoryFn, ComponentStoryObj, ComponentMeta } from './types-6-3';
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type Story<TArgs = Args> = StoryObj<TArgs>;
+/**
+ * For the common case where a (CSFv3) story is a simple component that receives args as props:
+ *
+ * ```tsx
+ * const MyStory: ComponentStory<typeof Button> = {
+ *   args: { buttonArg1: 'val' },
+ * }
+ * ```
+ */ export declare type ComponentStory<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = ComponentStoryObj<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "6.4.0-alpha.38",
+  "version": "6.4.0-alpha.41",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -49,14 +49,14 @@
     "@babel/preset-flow": "^7.12.1",
     "@babel/preset-react": "^7.12.10",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.0-rc.2",
-    "@storybook/addons": "6.4.0-alpha.38",
-    "@storybook/core": "6.4.0-alpha.38",
-    "@storybook/core-common": "6.4.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.68887a1.0",
-    "@storybook/node-logger": "6.4.0-alpha.38",
+    "@storybook/addons": "6.4.0-alpha.41",
+    "@storybook/core": "6.4.0-alpha.41",
+    "@storybook/core-common": "6.4.0-alpha.41",
+    "@storybook/csf": "0.0.2--canary.6aca495.0",
+    "@storybook/node-logger": "6.4.0-alpha.41",
     "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.253f8c1.0",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.4.0-alpha.38",
+    "@storybook/store": "6.4.0-alpha.41",
     "@types/webpack-env": "^1.16.0",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "babel-plugin-named-asset-import": "^0.3.1",
@@ -73,7 +73,7 @@
     "webpack": "4"
   },
   "devDependencies": {
-    "@storybook/client-api": "6.4.0-alpha.38",
+    "@storybook/client-api": "6.4.0-alpha.41",
     "@types/node": "^14.14.20",
     "@types/prompts": "^2.0.9"
   },
@@ -96,6 +96,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "14b9d19e7e9e3de84729ce0c7989efa372c6987c",
+  "gitHead": "64746ce270eb58d30a58d4df358c927780bc1a64",
   "sbmodern": "dist/modern/client/index.js"
 }