better github action for chromatic

.github/workflows/chromatic.yaml

@@ -0,0 +1,18 @@
+name: Chromatic
+
+on: push
+
+jobs:
+  chromatic-deployment:
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+      - name: Install dependencies
+        run: yarn
+      - name: Publish to Chromatic
+        uses: chromaui/action@v1
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          buildScriptName: build:docs

.github/workflows/release.yaml

@@ -63,9 +63,3 @@ jobs:
           git add .
           git commit -m "published ${{ github.ref_name }}"
           git push
-
-      - id: publish-chromatic
-        name: Chromatic
-        run: npm run chromatic
-        env:
-          CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

package.json

@@ -15,8 +15,7 @@
     "build:docs": "storybook build -o docs && touch ./docs/.nojekyll",
     "build": "npm-run-all build:package build:docs",
     "prepublishOnly": "npm run build:package",
-    "postversion": "git push origin && git push origin --tags",
-    "chromatic": "npx chromatic --build-script-name build:docs"
+    "postversion": "git push origin && git push origin --tags"
   },
   "license": "MIT",
   "types": "./dist/@types/index.d.ts",