chore: upgrade storybook from v5 to v6

[emyarod]

Closes #8883

related #8702

This PR updates the v5 Storybook to v6 for packages/react so that there are no clashes with the carbon-react storybook and so that component story knobs are functional again

Changelog

Changed

• upgrade packages/react storybook
• regenerate lockfiles to update dependency versions
• fix outdated story imports

Testing / Reviewing

Confirm that component story knobs are functional again as well as the existing Carbon theme and type addon knobs

[netlify]

❌ Deploy Preview for carbon-react-next failed.

🔨 Explore the source changes: fb6dc58

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/60de1d5f7ac7c000075cf72d

[joshblack]

@emyarod is there a way to upgrade without regenerating the lockfile? Seems like we're getting a lot of big jumps with dependencies, could this be something that we use yarn upgrade-interactive to help out with?

[emyarod]

@joshblack I tried not to touch the lockfile but that was the only way I could fix storybook build issues after migrating to v6. I suppose we can try and isolate the packages that need to be bumped with upgrade-interactive

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: fb6dc58

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/60de1d5fe6c009000795e32b

😎 Browse the preview: https://deploy-preview-9062--carbon-elements.netlify.app

[joshblack]

@emyarod got it, it would be best to avoid doing a whole lockfile update and instead use upgrade-interactive along with yarn why to figure out why certain entries in the lockfile are old or duplicated which are causing the build to be a problem

[netlify]

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: fb6dc58

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/60de1d5fdd295a000785f90b

😎 Browse the preview: https://deploy-preview-9062--carbon-components-react.netlify.app

[joshblack]

Looking great! I think the only thing left is the deploy step which seems to be failing with:

ERR! Failed to load static files, no such directory: packages/react/.storybook/assets
ERR! Make sure this directory exists, or omit the -s (--static-dir) option.

[emyarod]

looks like it was moved in #8630 but not reverted in #8684

not sure if we wanted to keep it but I added it back even though it's not in carbon-react currently

[joshblack]

@emyarod it looks like the color contrast on the selected story text might have changed?

Not sure if it's a new theme option or something 🤔

[emyarod]

yeah seems to be caused by the new default storybook styles

[joshblack]

🎉

[tw15egan]

Everything looking/working great, nice work! 🎉