Upgrade to Storybook 6

[connor-baer]

Suggested technology

The next major version of Storybook, our development environment & documentation tool, was released this week. Most notably, it greatly improves support for TypeScript and adds Storybook Args, a new API for interactive component examples.

We've started to gradually migrate Circuit UI to TypeScript (#516). All changes and new components should be done in TypeScript. Upgrading Storybook now would make our lives a lot easier while enabling powerful new features.

[robinmetral]

Will this also solve the problem of the Storybook Info Addon not being compatible with TypeScript at the moment? Or should we handle it separately as recommended by Storybook?

[connor-baer]

Yes, that's the main reason I want to update asap. Storybook 6 will have no-config TypeScript support, so I prefer to upgrade rather than fight with the configuration myself.

(FYI, the Info addon has been replaced by the Docs addon, which has the same issue)

[robinmetral]

Perfect! I was going to start fixing the addon, but good to know that this will solve the issue. Are we waiting for the stable version to upgrade?

[connor-baer]

I started the upgrade in tech/storybook but ran into some issues that might have been fixed by now. If you wanna work on this, you could continue from there.

Edit: The latest beta has some changes related to the props table 👀

[github-actions]

🎉 This issue has been resolved in version 2.1.0-beta.1 🎉

The release is available on:

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

Your semantic-release bot 📦🚀

[github-actions]

🎉 This issue has been resolved in version 2.1.0 🎉

The release is available on:

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

Your semantic-release bot 📦🚀