Add Chromatic workflow

Author: mbarton

.github/workflows/chromatic.yml

@@ -0,0 +1,25 @@
+# Chromatic recommend having this on "push" so we have it as a separate workflow
+# https://www.chromatic.com/docs/github-actions/#recommended-configuration-for-build-events
+
+name: "Chromatic"
+
+on: push
+
+jobs:
+  chromatic:
+    name: Run Chromatic
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Install dependencies
+        run: npm ci
+      - name: Run Chromatic
+        uses: chromaui/action@latest
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

package.json

@@ -9,6 +9,7 @@
         "test": "jest --env=jsdom",
         "build": "ROLLUP_WATCH=false rollup -c --bundleConfigAsCjs",
         "storybook": "storybook dev -p 6006",
+        "chromatic": "chromatic --exit-zero-on-changes",
         "build-storybook": "storybook build",
         "prettier:check": "prettier --check .",
         "prettier:write": "prettier --write ."