diff --git a/--output-dir b/--output-dir
new file mode 100644
index 00000000..e69de29b
diff --git a/.github/workflows/release.yaml b/.github/workflows/release.yaml
index f116430c..bd421e2d 100644
--- a/.github/workflows/release.yaml
+++ b/.github/workflows/release.yaml
@@ -40,7 +40,7 @@ jobs:
       - id: install-deps
         name: Install dependencies
         run: yarn install --frozen-lockfile
-      
+
       - id: build-docs
         name: Build docs
         run: npm run build:docs
@@ -62,4 +62,10 @@ jobs:
           git config --global user.email github-actions@github.com
           git add .
           git commit -m "published ${{ github.ref_name }}"
-          git push
\ No newline at end of file
+          git push
+
+      - id: publish-chromatic
+        name: Chromatic
+        run: npm run chromatic
+        env:
+          CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
diff --git a/docs/project.json b/docs/project.json
index 92b640f8..51dde9d3 100644
--- a/docs/project.json
+++ b/docs/project.json
@@ -1 +1 @@
-{"generatedAt":1688661446572,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.21.0"},"framework":{"name":"@storybook/svelte-vite"},"builder":"@storybook/builder-vite","renderer":"@storybook/svelte","storybookVersion":"7.0.20","storybookVersionSpecifier":"^7.0.20","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.0.20"},"@storybook/addon-mdx-gfm":{"version":"7.0.20"},"@storybook/blocks":{"version":"7.0.20"},"@storybook/builder-vite":{"version":"7.0.20"},"@storybook/manager-api":{"version":"7.0.20"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/svelte":{"version":"7.0.20"},"@storybook/svelte-vite":{"version":"7.0.20"},"@storybook/testing-library":{"version":"0.1.0"},"@storybook/theming":{"version":"7.0.20"},"eslint-plugin-storybook":{"version":"0.6.12"},"storybook":{"version":"7.0.20"}},"addons":{"@storybook/addon-links":{"version":"7.0.20"},"@storybook/addon-actions":{"version":"7.0.20"},"@storybook/addon-viewport":{"version":"7.0.20"},"@storybook/addon-docs":{"options":{"csfPluginOptions":null,"jsxOptions":{},"mdxPluginOptions":{"mdxCompileOptions":{"remarkPlugins":[null]}}},"version":"7.0.20"},"@storybook/addon-controls":{"version":"7.0.20"},"@storybook/addon-backgrounds":{"version":"7.0.20"},"@storybook/addon-toolbars":{"version":"7.0.20"},"@storybook/addon-measure":{"version":"7.0.20"},"@storybook/addon-outline":{"version":"7.0.20"},"@storybook/addon-interactions":{"version":"7.0.20"},"@storybook/addon-svelte-csf":{"version":"3.0.3"}}}
+{"generatedAt":1688661705801,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.21.0"},"framework":{"name":"@storybook/svelte-vite"},"builder":"@storybook/builder-vite","renderer":"@storybook/svelte","storybookVersion":"7.0.20","storybookVersionSpecifier":"^7.0.20","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.0.20"},"@storybook/addon-mdx-gfm":{"version":"7.0.20"},"@storybook/blocks":{"version":"7.0.20"},"@storybook/builder-vite":{"version":"7.0.20"},"@storybook/manager-api":{"version":"7.0.20"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/svelte":{"version":"7.0.20"},"@storybook/svelte-vite":{"version":"7.0.20"},"@storybook/testing-library":{"version":"0.1.0"},"@storybook/theming":{"version":"7.0.20"},"eslint-plugin-storybook":{"version":"0.6.12"},"storybook":{"version":"7.0.20"}},"addons":{"@storybook/addon-links":{"version":"7.0.20"},"@storybook/addon-actions":{"version":"7.0.20"},"@storybook/addon-viewport":{"version":"7.0.20"},"@storybook/addon-docs":{"options":{"csfPluginOptions":null,"jsxOptions":{},"mdxPluginOptions":{"mdxCompileOptions":{"remarkPlugins":[null]}}},"version":"7.0.20"},"@storybook/addon-controls":{"version":"7.0.20"},"@storybook/addon-backgrounds":{"version":"7.0.20"},"@storybook/addon-toolbars":{"version":"7.0.20"},"@storybook/addon-measure":{"version":"7.0.20"},"@storybook/addon-outline":{"version":"7.0.20"},"@storybook/addon-interactions":{"version":"7.0.20"},"@storybook/addon-svelte-csf":{"version":"3.0.3"},"chromatic":{"version":null,"versionSpecifier":"^6.19.9"}}}
diff --git a/package.json b/package.json
index 97e7e270..d19a37e8 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,10 @@
   "type": "module",
   "private": false,
   "homepage": "https://reuters-graphics.github.io/graphics-components",
-  "repository": "https://github.com/reuters-graphics/graphics-components",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/reuters-graphics/graphics-components.git"
+  },
   "scripts": {
     "start": "storybook dev -p 3000",
     "new": "node ./bin/newComponent/index.cjs",
@@ -12,7 +15,8 @@
     "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"
+    "postversion": "git push origin && git push origin --tags",
+    "chromatic": "npx chromatic --build-script-name build:docs"
   },
   "license": "MIT",
   "types": "./dist/@types/index.d.ts",
@@ -54,6 +58,7 @@
     "autoprefixer": "^10.4.14",
     "babel-loader": "^9.1.2",
     "change-case": "^4.1.2",
+    "chromatic": "^6.19.9",
     "eslint": "^8.42.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-n": "^16.0.0",
@@ -245,5 +250,10 @@
     "./scss/typography/variables": "./dist/scss/typography/_variables.scss",
     ".": "./dist/index.js"
   },
-  "svelte": "./dist/index.js"
+  "svelte": "./dist/index.js",
+  "bugs": {
+    "url": "https://github.com/reuters-graphics/graphics-components/issues"
+  },
+  "readme": "ERROR: No README data found!",
+  "_id": "@reuters-graphics/graphics-components@0.1.5"
 }
diff --git a/yarn.lock b/yarn.lock
index 2155dba6..c32b160b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3393,6 +3393,11 @@ chownr@^2.0.0:
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
   integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
 
+chromatic@^6.19.9:
+  version "6.19.9"
+  resolved "https://registry.yarnpkg.com/chromatic/-/chromatic-6.19.9.tgz#b73548ad31154f3ac5e1291268ee44e4778e3057"
+  integrity sha512-UHrPbPoLnJwd063cRSO0U865VhcATykpMiHsAnNFz5EFRsBvM9wefqyS2Z6W8Ti9J7Fjrf4MV4PA+Q5k2lhFfQ==
+
 ci-info@^3.2.0:
   version "3.8.0"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91"