⬆️ Feature/storybook version bump v5

bdolly commented 5 years ago

Motivation

To avoid using dated and deprecated features in our codebase we want to always use the latest stable version of libraries. As Storybook provides the proving ground for all of our component code and testing framework for the uikit we want to keep it updated to take advantage of the latest fixes, features, and improvements.

Use Cases/Improvements

https://medium.com/storybookjs/storybook-5-0-db1d0f9c83b8 Specific to UIkit:

updated A11y features
- color contrast
background addon to show the foundational 4px grid for all components
🚧 TODO: easy storyshots addon integration to run snapshot tests automatically for all stories
upgrade to Percy v3 for better visual regression testing
better/easier Stroybook Ui themeing for brand specific customization

API changes

converts .storybook/webpack.config.js to new async version
upgrades Percy to v3

Implementation Notes

❗️ had to keep all rollup.js packages at their old versions to make the build work

🐛 found bugs in the some components styles that will need resolved before this gets merged to a release

dankolbman commented 5 years ago

UIKit Storybook for Review

Built with commit 941001cf6edb8baa11ae2d4d3c8c5cfcd74a74c4

https://deploy-preview-106--kf-uikit.netlify.com

dankolbman commented 5 years ago

Looks like you can squash b0749e5 and 1e0a0a6.

kids-first / kf-uikit