Add Chromatic to CI

.eslintrc

@@ -32,7 +32,7 @@
         "jsx-a11y/anchor-has-content": 0,
         "jsx-a11y/alt-text": 0,
         "jsx-a11y/heading-has-content": 0,
-        "react-hooks/exhaustive-deps": 0,
+        "react-hooks/exhaustive-deps": 0
     },
     "overrides": [{
         "files": ["*.stories.tsx"],

.github/workflows/ci.yml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v1
+      - uses: actions/checkout@v4
       - name: Yarn Install
         run: yarn
       - name: Lint
@@ -19,5 +19,8 @@ jobs:
         run: yarn test:ci
       - name: Typescript build
         run: yarn build
-      - name: Storybook build
-        run: yarn build-storybook
+      - name: Publish to Chromatic
+        uses: chromaui/action@v10
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/release.yml

@@ -9,7 +9,9 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v1
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
 
       - name: Yarn Install
         run: yarn

package.json

@@ -1,9 +1,11 @@
 {
+  "_id": "[email protected]",
   "name": "nhsuk-react-components",
   "version": "3.0.0",
+  "readme": "README.md",
   "author": {
-    "email": "[email protected]",
     "name": "Thomas Judd-Cooper",
+    "email": "[email protected]",
     "url": "https://tomjuddcooper.co.uk"
   },
   "license": "MIT",
@@ -33,7 +35,7 @@
     "@typescript-eslint/eslint-plugin": "^4.23.0",
     "@typescript-eslint/parser": "^4.23.0",
     "babel-loader": "^8.2.2",
-    "chromatic": "^6.17.3",
+    "chromatic": "^10.3.1",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.6",
     "enzyme-to-json": "^3.6.2",