[Feature]: migrate to Storybook 7

[Hotell]

Library

all

Describe the feature that you would like added

our repo is long overdue for latest SB migrations

Tasks

• Convert vr-tests to CSF chore(vr-tests): Convert stories to CSF #31941
• Convert vr-tests-react-components to CSF chore(vr-tests-react-components): Convert stories to CSF #31939
• switch default to named import for import { addons } from @stortbook/addons
• exclude/rename files with individual stories (without default exports)
• update all workspace addons
• resolve in memory loading for workspace addons
• mdx v2 migration (possibility to opt out)
• swc addon may not work ?
• check/update all manual style overrides for storybook Docs and shell rendering
  • fix(docsite-v9): fix layout of description #32012
• TBA

Things to revert as part of migration:

• https://github.com/microsoft/fluentui/pull/30816/files

Closes

• [Bug]: unable to copy to clipboard content within storybook doc blocks #29265
• TBA

Have you discussed this feature with our team

v-build

Additional context

No response

Validations

• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Priority

None

[radium-v]

Storybook 7 should be skipped in favor of Storybook 8, which has a more stable plugin API (including better support for web components).

[levithomason]

Agree, any reason not to go as green as possible here @Hotell?

[Hotell]

• our vr-testing solution doesn't support storybook 8 so that's a showstopper for now
• as a general scalable migration practice we migrate 1 major at a time - v8 is planned ofc once we will be unblocked

Storybook 7 should be skipped in favor of Storybook 8, which has a more stable plugin API (including better support for web components).

can you provide more details on "more stable plugin API" ?