@storybook/nextjs 7.1.0-alpha.32 → 7.1.0-alpha.34

package/dist/{index.d-78ba9067.d.ts → index.d-d4396bd0.d.ts}

@@ -1035,6 +1035,7 @@ interface CLIOptions {
     disableTelemetry?: boolean;
     enableCrashReports?: boolean;
     host?: string;
+    initialPath?: string;
     /**
      * @deprecated Use 'staticDirs' Storybook Configuration option instead
      */

package/dist/preset.d.ts

@@ -1,4 +1,4 @@
-import { P as PresetProperty, O as Options } from './index.d-78ba9067.js';
+import { P as PresetProperty, O as Options } from './index.d-d4396bd0.js';
 import { TransformOptions } from '@babel/core';
 import { StorybookConfig } from './index.js';
 import 'file-system-cache';

package/dist/preview.d.ts

@@ -1,4 +1,4 @@
-import { A as Addon_DecoratorFunction } from './index.d-78ba9067.js';
+import { A as Addon_DecoratorFunction } from './index.d-d4396bd0.js';
 import 'file-system-cache';
 import '@babel/core';
 import 'http';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "7.1.0-alpha.32",
+  "version": "7.1.0-alpha.34",
   "description": "Storybook for Next.js",
   "keywords": [
     "storybook",
@@ -70,13 +70,13 @@
     "@babel/preset-react": "^7.22.0",
     "@babel/preset-typescript": "^7.21.0",
     "@babel/runtime": "^7.22.0",
-    "@storybook/addon-actions": "7.1.0-alpha.32",
-    "@storybook/builder-webpack5": "7.1.0-alpha.32",
-    "@storybook/core-common": "7.1.0-alpha.32",
-    "@storybook/node-logger": "7.1.0-alpha.32",
-    "@storybook/preset-react-webpack": "7.1.0-alpha.32",
-    "@storybook/preview-api": "7.1.0-alpha.32",
-    "@storybook/react": "7.1.0-alpha.32",
+    "@storybook/addon-actions": "7.1.0-alpha.34",
+    "@storybook/builder-webpack5": "7.1.0-alpha.34",
+    "@storybook/core-common": "7.1.0-alpha.34",
+    "@storybook/node-logger": "7.1.0-alpha.34",
+    "@storybook/preset-react-webpack": "7.1.0-alpha.34",
+    "@storybook/preview-api": "7.1.0-alpha.34",
+    "@storybook/react": "7.1.0-alpha.34",
     "@types/node": "^16.0.0",
     "css-loader": "^6.7.3",
     "find-up": "^5.0.0",

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

@@ -1,14 +1,18 @@
 import { Button } from './Button';
 
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
   title: 'Example/Button',
   component: Button,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+    layout: 'centered',
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
+  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {
-    backgroundColor: {
-      control: 'color',
-    },
+    backgroundColor: { control: 'color' },
   },
 };
 

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

@@ -2,15 +2,19 @@ import type { Meta, StoryObj } from '@storybook/react';
 
 import { Button } from './Button';
 
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta: Meta<typeof Button> = {
   title: 'Example/Button',
   component: Button,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+    layout: 'centered',
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
+  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {
-    backgroundColor: {
-      control: 'color',
-    },
+    backgroundColor: { control: 'color' },
   },
 };
 

package/template/cli/ts-3-8/Introduction.mdx

@@ -16,7 +16,7 @@ import StackAlt from './assets/stackalt.svg';
   {`
     .subheading {
       --mediumdark: '#999999';
-      font-weight: 700;
+      font-weight: 900;
       font-size: 13px;
       color: #999;
       letter-spacing: 6px;

package/template/cli/{ts → ts-4-9}/Button.stories.ts

@@ -2,20 +2,24 @@ import type { Meta, StoryObj } from '@storybook/react';
 
 import { Button } from './Button';
 
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-const meta: Meta<typeof Button> = {
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
   title: 'Example/Button',
   component: Button,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+    layout: 'centered',
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
+  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {
-    backgroundColor: {
-      control: 'color',
-    },
+    backgroundColor: { control: 'color' },
   },
-};
+} satisfies Meta<typeof Button>;
 
 export default meta;
-type Story = StoryObj<typeof Button>;
+type Story = StoryObj<typeof meta>;
 
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Primary: Story = {

package/template/cli/{ts → ts-4-9}/Header.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Header } from './Header';
 
-const meta: Meta<typeof Header> = {
+const meta = {
   title: 'Example/Header',
   component: Header,
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
@@ -10,10 +10,10 @@ const meta: Meta<typeof Header> = {
     // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
-};
+} satisfies Meta<typeof Header>;
 
 export default meta;
-type Story = StoryObj<typeof Header>;
+type Story = StoryObj<typeof meta>;
 
 export const LoggedIn: Story = {
   args: {

package/template/cli/{ts → ts-4-9}/Introduction.mdx

@@ -16,7 +16,7 @@ import StackAlt from './assets/stackalt.svg';
   {`
     .subheading {
       --mediumdark: '#999999';
-      font-weight: 900;
+      font-weight: 700;
       font-size: 13px;
       color: #999;
       letter-spacing: 6px;

package/template/cli/{ts → ts-4-9}/Page.stories.ts

@@ -3,17 +3,17 @@ import { within, userEvent } from '@storybook/testing-library';
 
 import { Page } from './Page';
 
-const meta: Meta<typeof Page> = {
+const meta = {
   title: 'Example/Page',
   component: Page,
   parameters: {
     // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
-};
+} satisfies Meta<typeof Page>;
 
 export default meta;
-type Story = StoryObj<typeof Page>;
+type Story = StoryObj<typeof meta>;
 
 export const LoggedOut: Story = {};