diff --git a/.release-please-manifest.json b/.release-please-manifest.json
index af6cce821..997161bb8 100644
--- a/.release-please-manifest.json
+++ b/.release-please-manifest.json
@@ -1,6 +1,6 @@
 {
-  "packages/angular": "0.21.0",
-  "packages/react": "0.21.0",
-  "packages/vue": "0.21.0",
-  "packages/web": "0.21.0"
+  "packages/angular": "0.22.0",
+  "packages/react": "0.22.0",
+  "packages/vue": "0.22.0",
+  "packages/web": "0.22.0"
 }
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1367676f8..b54cfe06d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,18 @@
 
 All notable changes to this project will be documented in this file.
 
+## [0.22.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-v0.21.0...gcds-components-v0.22.0) (2024-05-21)
+
+### New Features
+
+- Add/create @cdssnc/gcds-components-vue package ([#516](https://github.com/cds-snc/gcds-components/issues/516)) ([3933498](https://github.com/cds-snc/gcds-components/commit/3933498c007bb3628badb0a9c751980bb01ecd25))ß
+- Add @Outputs to angular wrapper components ([#529](https://github.com/cds-snc/gcds-components/issues/529)) ([0660093](https://github.com/cds-snc/gcds-components/commit/0660093997b9f23ddc4745a0599df66c793a6e51))
+- Add dist-hydrate-app output ([#524](https://github.com/cds-snc/gcds-components/issues/524)) ([c448c59](https://github.com/cds-snc/gcds-components/commit/c448c59f56c367e8f408becffaa3edaf3ef8d280))
+
+### Bug Fixes
+
+- Emit change event from form components ([#523](https://github.com/cds-snc/gcds-components/issues/523)) ([d956370](https://github.com/cds-snc/gcds-components/commit/d9563707bb5f26ac8da7ee0cbd2c5f343ec624d3))
+
 ## [0.21.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-v0.20.0...gcds-components-v0.21.0) (2024-05-08)
 
 ### Breaking changes
@@ -82,24 +94,24 @@ As part of the transition, our `gcds-radio` component will be deprecated in favo
 
 ### New Features
 
-* add tag prop to gcds-sr-only component ([#484](https://github.com/cds-snc/gcds-components/issues/484)) ([dfb7285](https://github.com/cds-snc/gcds-components/commit/dfb7285a14b477f4c4f71750e8b09d3ca5c193a9))
-* Component rewrites (form-associated, gcds-radio-group, CSS rewrites)  ([#486](https://github.com/cds-snc/gcds-components/issues/486)) ([ae05841](https://github.com/cds-snc/gcds-components/commit/ae0584172bb2219f907074c48235ae8b4f8719f5))
+- add tag prop to gcds-sr-only component ([#484](https://github.com/cds-snc/gcds-components/issues/484)) ([dfb7285](https://github.com/cds-snc/gcds-components/commit/dfb7285a14b477f4c4f71750e8b09d3ca5c193a9))
+- Component rewrites (form-associated, gcds-radio-group, CSS rewrites)  ([#486](https://github.com/cds-snc/gcds-components/issues/486)) ([ae05841](https://github.com/cds-snc/gcds-components/commit/ae0584172bb2219f907074c48235ae8b4f8719f5))
 
 
 ### Bug Fixes
 
-* Update utility functions for more usability ([#495](https://github.com/cds-snc/gcds-components/issues/495)) ([a0e8fbb](https://github.com/cds-snc/gcds-components/commit/a0e8fbbf5ed8004f72f4e51ca2f2da4ef70a37ef))
+- Update utility functions for more usability ([#495](https://github.com/cds-snc/gcds-components/issues/495)) ([a0e8fbb](https://github.com/cds-snc/gcds-components/commit/a0e8fbbf5ed8004f72f4e51ca2f2da4ef70a37ef))
 
 ## [0.20.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-v0.19.1...gcds-components-v0.20.0) (2024-03-14)
 
 
 ### New Features
 
-* set allowed values for grid tag property to limit misuse ([#470](https://github.com/cds-snc/gcds-components/issues/470)) ([a686d09](https://github.com/cds-snc/gcds-components/commit/a686d09dab4cf40548448ccdc7e050d6322afb24))
+- set allowed values for grid tag property to limit misuse ([#470](https://github.com/cds-snc/gcds-components/issues/470)) ([a686d09](https://github.com/cds-snc/gcds-components/commit/a686d09dab4cf40548448ccdc7e050d6322afb24))
   
 ### Bug Fixes
 
-* React package: invalid path for types ([#471](https://github.com/cds-snc/gcds-components/issues/471)) ([f859d43](https://github.com/cds-snc/gcds-components/commit/f859d438e9a79184d83157b92a97f855376777ac))
+- React package: invalid path for types ([#471](https://github.com/cds-snc/gcds-components/issues/471)) ([f859d43](https://github.com/cds-snc/gcds-components/commit/f859d438e9a79184d83157b92a97f855376777ac))
 
   
 ## [0.19.1](https://github.com/cds-snc/gcds-components/compare/gcds-components-v0.19.0...gcds-components-v0.19.1) (2024-02-22)
diff --git a/lerna.json b/lerna.json
index b35d978dd..1d992d641 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,5 +1,5 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
   "useNx": true,
-  "version": "0.21.0"
+  "version": "0.22.0"
 }
diff --git a/package-lock.json b/package-lock.json
index 9a7520f39..fba2bc5ac 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44907,22 +44907,22 @@
     },
     "packages/angular": {
       "name": "@cdssnc/gcds-components-angular",
-      "version": "0.21.0",
+      "version": "0.22.0",
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
         "@angular/common": "^16.0.0",
         "@angular/core": "^16.0.0",
-        "@cdssnc/gcds-components": "^0.21.0"
+        "@cdssnc/gcds-components": "^0.22.0"
       }
     },
     "packages/react": {
       "name": "@cdssnc/gcds-components-react",
-      "version": "0.21.0",
+      "version": "0.22.0",
       "license": "MIT",
       "dependencies": {
-        "@cdssnc/gcds-components": "^0.21.0"
+        "@cdssnc/gcds-components": "^0.22.0"
       },
       "devDependencies": {
         "@types/react": "^18.2.48",
@@ -44934,10 +44934,10 @@
     },
     "packages/vue": {
       "name": "@cdssnc/gcds-components-vue",
-      "version": "0.21.0",
+      "version": "0.22.0",
       "license": "MIT",
       "dependencies": {
-        "@cdssnc/gcds-components": "^0.21.0"
+        "@cdssnc/gcds-components": "^0.22.0"
       },
       "devDependencies": {
         "vue": "^3.4.26"
@@ -45074,7 +45074,7 @@
     },
     "packages/web": {
       "name": "@cdssnc/gcds-components",
-      "version": "0.21.0",
+      "version": "0.22.0",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.11.0",
diff --git a/packages/angular/CHANGELOG.md b/packages/angular/CHANGELOG.md
index d70221e62..505f78143 100644
--- a/packages/angular/CHANGELOG.md
+++ b/packages/angular/CHANGELOG.md
@@ -1,5 +1,19 @@
 # Changelog
 
+## [0.22.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-angular-v0.21.0...gcds-components-angular-v0.22.0) (2024-05-21)
+
+
+### New Features
+
+* Add @Outputs to angular wrapper components ([#529](https://github.com/cds-snc/gcds-components/issues/529)) ([0660093](https://github.com/cds-snc/gcds-components/commit/0660093997b9f23ddc4745a0599df66c793a6e51))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * peerDependencies
+    * @cdssnc/gcds-components bumped from ^0.21.0 to ^0.22.0
+
 ## [0.21.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-angular-v0.20.0...gcds-components-angular-v0.21.0) (2024-05-08)
 
 
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index 766562e6e..9691096e2 100644
--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@cdssnc/gcds-components-angular",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@cdssnc/gcds-components-angular",
-      "version": "0.21.0",
+      "version": "0.22.0",
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -93,7 +93,7 @@
       }
     },
     "node_modules/@cdssnc/gcds-components": {
-      "version": "0.21.0",
+      "version": "0.22.0",
       "resolved": "https://registry.npmjs.org/@cdssnc/gcds-components/-/gcds-components-0.18.1.tgz",
       "integrity": "sha512-4/cCXijjwudiY0HfXAAISzd5ViLudVcpQ8ZfYGjyLpLIluuzUH8PAsNO6UMhRdukD0Wspl8nkFFBPE1RqqKAZA==",
       "peer": true,
diff --git a/packages/angular/package.json b/packages/angular/package.json
index f426fba6f..f2b08e4ca 100644
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cdssnc/gcds-components-angular",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "author": "Government of Canada / Gouvernement du Canada",
   "description": "Angular wrapper for gcds-components",
   "homepage": "https://design-system.alpha.canada.ca/",
@@ -20,7 +20,7 @@
   "peerDependencies": {
     "@angular/common": "^16.0.0",
     "@angular/core": "^16.0.0",
-    "@cdssnc/gcds-components": "^0.21.0"
+    "@cdssnc/gcds-components": "^0.22.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 5f464153f..2e8475d8c 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,19 @@
 # Changelog
 
+## [0.22.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-react-v0.21.0...gcds-components-react-v0.22.0) (2024-05-21)
+
+
+### Patch
+
+* **gcds-components-react:** Synchronize GCDS Components versions
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @cdssnc/gcds-components bumped from ^0.21.0 to ^0.22.0
+
 ## [0.21.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-react-v0.20.0...gcds-components-react-v0.21.0) (2024-05-08)
 
 
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index d61546112..7a80b0597 100644
--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@cdssnc/gcds-components-react",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@cdssnc/gcds-components-react",
-      "version": "0.21.0",
+      "version": "0.22.0",
       "license": "MIT",
       "dependencies": {
         "@cdssnc/gcds-components": "^0.18.1"
@@ -60,7 +60,7 @@
       }
     },
     "node_modules/@cdssnc/gcds-components": {
-      "version": "0.21.0",
+      "version": "0.22.0",
       "resolved": "https://registry.npmjs.org/@cdssnc/gcds-components/-/gcds-components-0.18.1.tgz",
       "integrity": "sha512-4/cCXijjwudiY0HfXAAISzd5ViLudVcpQ8ZfYGjyLpLIluuzUH8PAsNO6UMhRdukD0Wspl8nkFFBPE1RqqKAZA==",
       "dependencies": {
diff --git a/packages/react/package.json b/packages/react/package.json
index 28560721c..96c9018de 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cdssnc/gcds-components-react",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "author": "Government of Canada / Gouvernement du Canada",
   "description": "React wrapper for gcds-components",
   "homepage": "https://design-system.alpha.canada.ca/",
@@ -29,7 +29,7 @@
     "gcds.css"
   ],
   "dependencies": {
-    "@cdssnc/gcds-components": "^0.21.0"
+    "@cdssnc/gcds-components": "^0.22.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.48",
diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md
new file mode 100644
index 000000000..55c082aae
--- /dev/null
+++ b/packages/vue/CHANGELOG.md
@@ -0,0 +1,15 @@
+# Changelog
+
+## [0.22.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-vue-v0.21.0...gcds-components-vue-v0.22.0) (2024-05-21)
+
+
+### New Features
+
+* Add/create @cdssnc/gcds-components-vue package ([#516](https://github.com/cds-snc/gcds-components/issues/516)) ([3933498](https://github.com/cds-snc/gcds-components/commit/3933498c007bb3628badb0a9c751980bb01ecd25))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @cdssnc/gcds-components bumped from ^0.21.0 to ^0.22.0
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index 4fbcc60e8..34474b799 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@cdssnc/gcds-components-vue",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@cdssnc/gcds-components-vue",
-      "version": "0.20.0",
+      "version": "0.22.0",
       "license": "ISC",
       "dependencies": {
         "@cdssnc/gcds-components": "^0.20.0"
@@ -56,7 +56,7 @@
       }
     },
     "node_modules/@cdssnc/gcds-components": {
-      "version": "0.20.0",
+      "version": "0.22.0",
       "resolved": "https://registry.npmjs.org/@cdssnc/gcds-components/-/gcds-components-0.20.0.tgz",
       "integrity": "sha512-oYLDX/grTe0HnpHTWTT5868TfsOxhuDohYihw2SAEdbhw7VUwmNL+oSfn1K4d1JXPCR8RNDbPEBCXR9nWB7E7g==",
       "dependencies": {
diff --git a/packages/vue/package.json b/packages/vue/package.json
index a71134db6..10d2c87cd 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cdssnc/gcds-components-vue",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "Vue wrapper for GC Design System components",
   "author": "Government of Canada / Gouvernement du Canada",
   "homepage": "https://design-system.alpha.canada.ca/",
@@ -29,7 +29,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@cdssnc/gcds-components": "^0.21.0"
+    "@cdssnc/gcds-components": "^0.22.0"
   },
   "devDependencies": {
     "vue": "^3.4.26"
diff --git a/packages/web/CHANGELOG.md b/packages/web/CHANGELOG.md
index 1b55fbf50..545a43cb6 100644
--- a/packages/web/CHANGELOG.md
+++ b/packages/web/CHANGELOG.md
@@ -1,5 +1,19 @@
 # Changelog
 
+## [0.22.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-v0.21.0...gcds-components-v0.22.0) (2024-05-21)
+
+
+### New Features
+
+* Add @Outputs to angular wrapper components ([#529](https://github.com/cds-snc/gcds-components/issues/529)) ([0660093](https://github.com/cds-snc/gcds-components/commit/0660093997b9f23ddc4745a0599df66c793a6e51))
+* Add dist-hydrate-app output ([#524](https://github.com/cds-snc/gcds-components/issues/524)) ([c448c59](https://github.com/cds-snc/gcds-components/commit/c448c59f56c367e8f408becffaa3edaf3ef8d280))
+* Add/create @cdssnc/gcds-components-vue package ([#516](https://github.com/cds-snc/gcds-components/issues/516)) ([3933498](https://github.com/cds-snc/gcds-components/commit/3933498c007bb3628badb0a9c751980bb01ecd25))
+
+
+### Bug Fixes
+
+* Emit change event from form components ([#523](https://github.com/cds-snc/gcds-components/issues/523)) ([d956370](https://github.com/cds-snc/gcds-components/commit/d9563707bb5f26ac8da7ee0cbd2c5f343ec624d3))
+
 ## [0.21.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-v0.20.0...gcds-components-v0.21.0) (2024-05-08)
 
 
diff --git a/packages/web/package-lock.json b/packages/web/package-lock.json
index 3e55f748d..233222c74 100644
--- a/packages/web/package-lock.json
+++ b/packages/web/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@cdssnc/gcds-components",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@cdssnc/gcds-components",
-      "version": "0.21.0",
+      "version": "0.22.0",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.11.0",
diff --git a/packages/web/package.json b/packages/web/package.json
index 637040709..6e39287b6 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cdssnc/gcds-components",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "author": "Government of Canada / Gouvernement du Canada",
   "description": "Web components for the GCDS",
   "homepage": "https://design-system.alpha.canada.ca/",