chore(deps): update to Storybook 8

[huwshimi]

Done

• Upgrade Storybook deps to v8.
• Run migrations.
• Convert docs to CSF v3.
• Update docs to use autodoc.
• Fix iframe in prod. Fixes: Code Snippet Content Iframe shows 404 on production #1102.

QA

Storybook

To see rendered examples of all react-components, run:

yarn start

QA in your project

from react-components run:

yarn build
npm pack

Install the resulting tarball in your project with:

yarn add <path-to-tarball>

QA steps

• Go through and check that component docs look OK.

[webteam-app]

Demo

Jenkins

demos.haus

[edlerd]

Spot checking QA on the demo server seems fine.
I didn't manage to check all the individual components. I guess those are mostly 1:1 transitions from mdx to tsx. Thanks for this massive update!

[edlerd]

I am surprised all screenshots in percy are marked as "new"?
Also this one seems to be not all right:

[huwshimi]

I am surprised all screenshots in percy are marked as "new"?

I think this is because the Storybook URL scheme has changed.

Also this one seems to be not all right:

Every time I run it a different set of images fail with that error. I'll try again later when hopefully the server is more stable.

[huwshimi]

I tried upgrading to the latest percy and storybook, but that didn't fix it.

[huwshimi]

@edlerd I've increased the asset loading timeouts in CircleCI and now the snapshots are all working.

[edlerd]

LGTM, tinny nitpick below.
It might be better to stash the commits into a single one?

[edlerd]

Suggested change

	timeout: 60000
	timeout: 60000

[huwshimi]

Thanks! Fixed.

[github-actions]

🎉 This PR is included in version 0.59.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀