Chromatic in UI (#26)

* Update SB, add visual regression tests in UI

* Ignore chromatic.config.json

.gitignore

@@ -6,4 +6,5 @@ package
 storybook
 *.zip
 *.tgz
-build-storybook.log
+build-storybook.log
+chromatic.config.json

.storybook/main.js

@@ -11,6 +11,7 @@ module.exports = {
     "@storybook/addon-a11y",
     "@storybook/addon-interactions",
     "@storybook/addon-mdx-gfm",
+    "@chromaui/addon-visual-tests",
   ],
   framework: {
     name: "@storybook/html-webpack5",

CHANGELOG.md

@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - `tna-aside` now has a `--tight` modifier with less padding
+- Visual regression tests can now be run in the Storyobok UI
 
 ### Changed
 
@@ -20,6 +21,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Links in footer and text in buttons have balanced wrapping applied
 - Header and header group class modifiers have been moved to separate blocks (`tna-heading tna-heading--xl` -> `tna-heading-xl`)
 - `space-below` has been replaced with `space-above` and all paddings in between page elements reassessed
+- Updated Storybook to `7.5.1`
 
 ### Deprecated
 ### Removed