Updated examples and docs for storybook's declarative configuration

[DigTheDoug]

At the beginning of the year Storybook update their configuration: https://medium.com/storybookjs/declarative-storybook-configuration-49912f77b78

This changes a lot of how the configuration files are structured and their contents, and as a result the instructions in the DSM docs as well as the example repos unfortunately don't reflect the current way storybook is configured. Some changes are easy to port over, but others such as the ones in this section aren't very clear and I have yet to successfully get working.

It'd be great to get updated documentation and examples that use the new declarative configuration format.

[mryechkin]

I'd like to see updated examples as well. Trying to move to the new format and it's not clear

[hanilim]

+1 to wanting to see updated examples.

According to this https://support.invisionapp.com/hc/en-us/articles/360039932191

DSM does not yet support stories written in the new MDX story format or the new declarative configuration file that was introduced in version 5.3.

But I hope it's something that the InVision team is considering.

[elycruz]

@DigTheDoug Quick headsup, I got everything working with the storybook's older configuration setup (folder structure below):

.storybook/
- addons.js
- config.js
- presets.js
- preview-head.html
- webpack.config.js

I pretty much just ended up copying what they had in their example: https://github.com/InVisionApp/dsm-storybook-example-library/tree/master/html/storybook-v5/.storybook

Cheers,