Storybook: Outdated addon-info leading to wrong code styling

[ocBruno]

🐛 Bug Report

Complete bug report and reproduction steps in detail in following issue > https://github.com/storybookjs/storybook/issues/9618

According to one of the contributors of storybook, addon-info is being superceded by addon-docs which resolves various bugs and is easier to maintain. I suggest we follow the suggestion and change the config to resolve this styling problem and reap of the other benefits.

I'm giving this a shot atm but if anyone with more experience with storybook and/or the project config wants to take over or shine some light on the subject feel free!

Reference links: -https://www.npmjs.com/package/@storybook/addon-docs#typescript-configuration

[RobertoMSousa]

👋 , I can take care of this. I can give a look on the addons we have and can get updated and install some new ones. Especially the accessibility one because on a health-related website the accessibility should be a must.

[matteovivona]

@RobertoMSousa good work and thanks!

[RobertoMSousa]

List of components that need to be updated

• [x] Alert
• [x] Badge
• [x] Breadcrumb
• [x] Button
• [x] Calendar
• [x] Callout
• [ ] Checkbox
• [ ] DateTimePicker
• [ ] DropDown
• [ ] Graph
• [ ] Icon
• [ ] Image
• [ ] Label
• [ ] Layout
• [ ] List
• [ ] Modal
• [ ] NavBar
• [ ] Panel
• [ ] Pill
• [ ] Radio
• [ ] RichText
• [ ] Select
• [ ] Spinner
• [ ] Switch
• [ ] Tab
• [ ] Table
• [ ] TextField
• [ ] TextInput
• [ ] Toaster
• [ ] Typeahead
• [ ] Typography
• [ ] VideoPlayer