@storybook/html 8.0.0-rc.3 → 8.0.0-rc.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "8.0.0-rc.3",
+  "version": "8.0.0-rc.4",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -47,10 +47,10 @@
     "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/docs-tools": "8.0.0-rc.3",
+    "@storybook/docs-tools": "8.0.0-rc.4",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "8.0.0-rc.3",
-    "@storybook/types": "8.0.0-rc.3",
+    "@storybook/preview-api": "8.0.0-rc.4",
+    "@storybook/types": "8.0.0-rc.4",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {

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

@@ -1,3 +1,4 @@
+import { fn } from '@storybook/test';
 import { createHeader } from './Header';
 
 export default {
@@ -9,11 +10,10 @@ export default {
     // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
     layout: 'fullscreen',
   },
-  // More on argTypes: https://storybook.js.org/docs/api/argtypes
-  argTypes: {
-    onLogin: { action: 'onLogin' },
-    onLogout: { action: 'onLogout' },
-    onCreateAccount: { action: 'onCreateAccount' },
+  args: {
+    onLogin: fn(),
+    onLogout: fn(),
+    onCreateAccount: fn(),
   },
 };
 

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

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/html';
+import { fn } from '@storybook/test';
 import type { HeaderProps } from './Header';
 import { createHeader } from './Header';
 
@@ -12,10 +13,10 @@ const meta: Meta<HeaderProps> = {
     layout: 'fullscreen',
   },
   // More on argTypes: https://storybook.js.org/docs/api/argtypes
-  argTypes: {
-    onLogin: { action: 'onLogin' },
-    onLogout: { action: 'onLogout' },
-    onCreateAccount: { action: 'onCreateAccount' },
+  args: {
+    onLogin: fn(),
+    onLogout: fn(),
+    onCreateAccount: fn(),
   },
 };
 

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

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/html';
+import { fn } from '@storybook/test';
 import type { HeaderProps } from './Header';
 import { createHeader } from './Header';
 
@@ -12,10 +13,10 @@ const meta = {
     layout: 'fullscreen',
   },
   // More on argTypes: https://storybook.js.org/docs/api/argtypes
-  argTypes: {
-    onLogin: { action: 'onLogin' },
-    onLogout: { action: 'onLogout' },
-    onCreateAccount: { action: 'onCreateAccount' },
+  args: {
+    onLogin: fn(),
+    onLogout: fn(),
+    onCreateAccount: fn(),
   },
 } satisfies Meta<HeaderProps>;