diff --git a/Gemfile.lock b/Gemfile.lock
index b49fed13a..c3dae955b 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (4.1.0.dev.5a3c660)
+    ably-ui (4.2.0)
       view_component (~> 2.33.0)
 
 GEM
diff --git a/lib/ably_ui/version.rb b/lib/ably_ui/version.rb
index 2f1cf6ae5..cd808641d 100644
--- a/lib/ably_ui/version.rb
+++ b/lib/ably_ui/version.rb
@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '4.1.0.dev.5a3c660'
+  VERSION = '4.2.0'
 end
diff --git a/package.json b/package.json
index 61d052b65..a866cea05 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ably/ably-ui",
-  "version": "4.1.0-dev.5a3c660",
+  "version": "4.2.0",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
   "repository": "git@github.com:ably/ably-ui.git",
   "license": "Apache-2.0",
diff --git a/preview/Gemfile b/preview/Gemfile
index 46f3bd502..85dcc4bea 100644
--- a/preview/Gemfile
+++ b/preview/Gemfile
@@ -36,4 +36,4 @@ gem 'view_component', '~> 2.33.0', require: 'view_component/engine'
 
 gem 'responders'
 
-gem 'ably-ui', '4.1.0.dev.5a3c660', require: 'ably_ui', source: 'https://rubygems.pkg.github.com/ably'
+gem 'ably-ui', '4.2.0', require: 'ably_ui', source: 'https://rubygems.pkg.github.com/ably'
diff --git a/preview/Gemfile.lock b/preview/Gemfile.lock
index 3baedd2dd..5de1b39aa 100644
--- a/preview/Gemfile.lock
+++ b/preview/Gemfile.lock
@@ -2,7 +2,7 @@ GEM
   remote: https://rubygems.org/
   remote: https://rubygems.pkg.github.com/ably/
   specs:
-    ably-ui (4.1.0.dev.5a3c660)
+    ably-ui (4.2.0)
       view_component (~> 2.33.0)
     actioncable (6.0.3.4)
       actionpack (= 6.0.3.4)
@@ -168,7 +168,7 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
-  ably-ui (= 4.1.0.dev.5a3c660)!
+  ably-ui (= 4.2.0)!
   bootsnap (>= 1.4.2)
   byebug
   listen (~> 3.2)
diff --git a/preview/package.json b/preview/package.json
index 41427abdb..a9c82663b 100644
--- a/preview/package.json
+++ b/preview/package.json
@@ -2,7 +2,7 @@
   "name": "preview",
   "private": true,
   "dependencies": {
-    "@ably/ably-ui": "4.1.0-dev.5a3c660",
+    "@ably/ably-ui": "4.2.0",
     "@babel/preset-react": "^7.12.5",
     "@rails/ujs": "^6.0.0",
     "@rails/webpacker": "4.3.0",
diff --git a/preview/yarn.lock b/preview/yarn.lock
index 8315fee4c..1c4c5d576 100644
--- a/preview/yarn.lock
+++ b/preview/yarn.lock
@@ -2,10 +2,10 @@
 # yarn lockfile v1
 
 
-"@ably/ably-ui@4.1.0-dev.5a3c660":
-  version "4.1.0-dev.5a3c660"
-  resolved "https://npm.pkg.github.com/download/@ably/ably-ui/4.1.0-dev.5a3c660/508094a5523732595537241eeb5dd67b2bdb453fb90004923ee49fc1daeaff32#6b79efac1583143aac1b371b017f868e3559a47c"
-  integrity sha512-Hj6Y2/uYKhigo7Z2zMYjXMvpGKP3QREB1D+NpPdjnztgc330gFqo2wradKdqLZXXgBE0cH9fZvhTjQXuLOGbAg==
+"@ably/ably-ui@4.2.0":
+  version "4.2.0"
+  resolved "https://npm.pkg.github.com/download/@ably/ably-ui/4.2.0/704f4d685d75d41eb804f874baea2a5c6adb8911fdd86742806a95a4dd320208#4ef4b08985e1fc9cfd4a62c74591dd6a1e34d248"
+  integrity sha512-547dPfPISGfNUq6wz0WehHCTYR0Fq/itR4ONtsCtJGdydL87MJ2hWC3q38qP4u+1Y03WE11kfxjKTX4W+oAT8w==
   dependencies:
     array-flat-polyfill "^1.0.1"
     deepmerge "^4.2.2"