change files

Author: dmytrokirpa

apps/public-docsite-v9/src/Concepts/Accessibility/ComponentLabelling.mdx

@@ -459,9 +459,11 @@ Explanation
           {' '}
           <li>
             The text is not focusable anymore, because the "tabindex" attribute does not exist on the text element.
-          </li> <strong>Example 1:</strong> <li>The text element has a unique id, like "notificationText".</li> <li>
+            <strong>Example 1:</strong> The text element has a unique id, like "notificationText".
+          </li>
+          <li>
             The `button` has the aria-describedby="notificationText" attribute.
-          </li> <strong>Example 2:</strong> <li>
+            <strong>Example 2:</strong>
             `Button` is wrapped with the `div` element. It has role="group" and label.
           </li>{' '}
         </ul>

change/@fluentui-chart-web-components-bb1b0527-799b-4646-8872-14e1fd3966e3.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: upgrade to storybook 9",
+  "packageName": "@fluentui/chart-web-components",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-storybook-addon-249fd6d2-d874-408f-8629-b19483cbde91.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: upgrade to storybook 9",
+  "packageName": "@fluentui/react-storybook-addon",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-storybook-addon-export-to-sandbox-c97405bf-2fa8-46c9-8025-e9e1829aefe5.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: upgrade to storybook 9",
+  "packageName": "@fluentui/react-storybook-addon-export-to-sandbox",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-web-components-1c227a93-f7e4-4902-a58c-cbe54cc6cd98.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "chore: upgrade to storybook 9",
+  "packageName": "@fluentui/web-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-storybook-addon-export-to-sandbox/src/preset/preview.ts

@@ -1,5 +1,5 @@
 import type { Parameters } from '@storybook/react-webpack5';
-import type { StoryContextForEnhancers } from '@storybook/csf';
+import type { StoryContextForEnhancers } from 'storybook/internal/csf';
 
 import { withExportToSandboxButton } from '../decorators/with-export-to-sandbox-button';
 

scripts/tasks/src/storybook.ts

@@ -3,7 +3,8 @@ import * as fs from 'fs';
 import * as path from 'path';
 import { findGitRoot } from '@fluentui/scripts-monorepo';
 
-import { build as storybook } from '@storybook/core-server';
+// @ts-expect-error - storybook/internal/core-server is an ECMAScript module
+import { build as storybook } from 'storybook/internal/core-server';
 
 // Option types are documented here but not included in package for some reason
 // https://github.com/storybookjs/storybook/blob/master/lib/core/docs/standalone.md