chore: GCDS Components Release v0.28.0 (#696)

* chore: GCDS Components Release * Update CHANGELOG.md * Update .release-please-manifest.json * Update package-lock.json * Update package.json * Update package-lock.json * update package-web changelog * update packages-vue changelog * update packages-react changelog * update packages-react-ssr changelog * update packages-angular changelog * chore: update lerna.json and CHANGELOG.md --------- Co-authored-by: sre-read-write[bot] <92993749+sre-read-write[bot]@users.noreply.github.com> Co-authored-by: Melanie Boeckmann <[email protected]> Co-authored-by: Daine Trinidad <[email protected]>
cds-snc · Dec 5, 2024 · dcbc4bc · dcbc4bc
1 parent 105cd4b
commit dcbc4bc
Show file tree

Hide file tree

Showing 19 changed files with 347 additions and 38 deletions.
diff --git a/.release-please-manifest.json b/.release-please-manifest.json
@@ -1,7 +1,7 @@
 {
-  "packages/angular": "0.27.0",
-  "packages/react": "0.27.0",
-  "packages/vue": "0.27.0",
-  "packages/web": "0.27.0",
-  "packages/react-ssr": "0.27.0-canary.0"
+  "packages/angular": "0.28.0",
+  "packages/react": "0.28.0",
+  "packages/vue": "0.28.0",
+  "packages/web": "0.28.0",
+  "packages/react-ssr": "0.28.0-canary.0"
 }
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,51 @@
 ([Français](#journal-des-modifications))
 
 # Changelog
+## [0.28.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-v0.27.0...gcds-components-v0.28.0)
+
+Released on 2024-12-05
+
+### :rotating_light: Breaking changes
+
+* update components with new typography + spacing tokens ([#695](https://github.com/cds-snc/gcds-components/issues/695)) ([105cd4b](https://github.com/cds-snc/gcds-components/commit/105cd4b5e755393da053aa210505260f1e8e249d))
+
+We've made small adjustments to all typography and spacing sizes across the design system. GC Design System components are now closer in appearance to their counterparts on Canada.ca.
+
+These updates were introduced with the [latest release of our design tokens](https://github.com/cds-snc/gcds-tokens/blob/main/CHANGELOG.md#200).
+
+_**If you are using this package**_
+Upgrade your version number to this release version to receive the changes in font sizes, line heights and spacing values.
+
+### Spacing changes
+
+The valid values have changed for the properties in the following components. While some values still remain, their underlying value in rem or pixels have changed. See the spacing section of our tokens release to check out the new underlying values.
+
+The valid variables used for the properties in the following components have been updated. While some options remain unchanged, the underlying values they contain (in pixels) have been modified. Check the spacing section of our tokens release for the updated pixel values.
+
+_Example_: If you were previously using `400` for the `margin` property on `gcds-container`, it will be updated to `32px`. If you want to keep its previous size of `40px`, you need to change your code to use `450` instead. Here is a [visual mapping guide](https://github.com/cds-snc/gcds-tokens/blob/main/CHANGELOG.md#spacing-tokens-visual-mapping-guide) to help you identify the values you need to use.
+
+Only update your code _if you use these properties_, otherwise the new default values will be applied automatically.
+
+* [**gcds-container**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-container/readme.md)
+  - `margin`
+  - `padding`
+* [**gcds-heading**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-heading/readme.md)
+  - `margin-top`
+  - `margin-bottom`
+* [**gcds-icon**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-icon/readme.md)
+  - `margin-left`
+  - `margin-right`
+* [**gcds-text**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-text/readme.md)
+  - `margin-top`
+  - `margin-bottom`
+
+### Typography changes
+
+Only update if you use the `caption` value for the `size` property in the following components.
+* [**gcds-icon**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-icon/readme.md)
+  - Change `caption` to `text-small`
+* [**gcds-text**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-text/readme.md)
+  - Change `caption` to `text-small`
 
 ## [0.27.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-v0.26.3...gcds-components-v0.27.0)
 

diff --git a/lerna.json b/lerna.json
@@ -1,5 +1,5 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
   "useNx": true,
-  "version": "0.27.0"
+  "version": "0.28.0"
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/angular/CHANGELOG.md b/packages/angular/CHANGELOG.md
@@ -1,5 +1,60 @@
 # Changelog
 
+## [0.28.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-angular-v0.27.0...gcds-components-angular-v0.28.0) (2024-12-05)
+
+### :rotating_light: Breaking changes
+
+* update components with new typography + spacing tokens ([#695](https://github.com/cds-snc/gcds-components/issues/695)) ([105cd4b](https://github.com/cds-snc/gcds-components/commit/105cd4b5e755393da053aa210505260f1e8e249d))
+
+We've made small adjustments to all typography and spacing sizes across the design system. GC Design System components are now closer in appearance to their counterparts on Canada.ca.  
+
+These updates were introduced with the [latest release of our design tokens](https://github.com/cds-snc/gcds-tokens/blob/main/CHANGELOG.md#200).
+
+_**If you are using this package**_
+Upgrade your version number to this release version to receive the changes in font sizes, line heights and spacing values.
+
+### Spacing changes
+
+The valid values have changed for the properties in the following components. While some values still remain, their underlying value in rem or pixels have changed. See the spacing section of our tokens release to check out the new underlying values. 
+
+The valid variables used for the properties in the following components have been updated. While some options remain unchanged, the underlying values they contain (in pixels) have been modified. Check the spacing section of our tokens release for the updated pixel values. 
+
+_Example_: If you were previously using `400` for the `margin` property on `gcds-container`, it will be updated to `32px`. If you want to keep its previous size of `40px`, you need to change your code to use `450` instead. Here is a [visual mapping guide](https://github.com/cds-snc/gcds-tokens/blob/main/CHANGELOG.md#spacing-tokens-visual-mapping-guide) to help you identify the values you need to use.
+
+Only update your code _if you use these properties_, otherwise the new default values will be applied automatically.
+
+* [**gcds-container**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-container/readme.md)
+  - `margin`
+  - `padding`
+* [**gcds-heading**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-heading/readme.md)
+  - `margin-top`
+  - `margin-bottom`
+* [**gcds-icon**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-icon/readme.md)
+  - `margin-left`
+  - `margin-right`
+* [**gcds-text**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-text/readme.md)
+  - `margin-top`
+  - `margin-bottom`
+
+### Typography changes
+
+Only update if you use the `caption` value for the `size` property in the following components.
+* [**gcds-icon**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-icon/readme.md)
+  - Change `caption` to `text-small`
+* [**gcds-text**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-text/readme.md)
+  - Change `caption` to `text-small`
+
+### Patch
+
+* **gcds-components-angular:** Synchronize GCDS Components versions
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * peerDependencies
+    * @cdssnc/gcds-components bumped from ^0.27.0 to ^0.28.0
+
 ## [0.27.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-angular-v0.26.3...gcds-components-angular-v0.27.0) (2024-11-19)
 
 

diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
diff --git a/packages/angular/package.json b/packages/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cdssnc/gcds-components-angular",
-  "version": "0.27.0",
+  "version": "0.28.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.27.0"
+    "@cdssnc/gcds-components": "^0.28.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

diff --git a/packages/react-ssr/CHANGELOG.md b/packages/react-ssr/CHANGELOG.md
@@ -1,5 +1,60 @@
 # Changelog
 
+## [0.28.0-canary.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-react-ssr-v0.27.0-canary.0...gcds-components-react-ssr-v0.28.0-canary.0) (2024-12-05)
+
+### :rotating_light: Breaking changes
+
+* update components with new typography + spacing tokens ([#695](https://github.com/cds-snc/gcds-components/issues/695)) ([105cd4b](https://github.com/cds-snc/gcds-components/commit/105cd4b5e755393da053aa210505260f1e8e249d))
+
+We've made small adjustments to all typography and spacing sizes across the design system. GC Design System components are now closer in appearance to their counterparts on Canada.ca.  
+
+These updates were introduced with the [latest release of our design tokens](https://github.com/cds-snc/gcds-tokens/blob/main/CHANGELOG.md#200).
+
+_**If you are using this package**_
+Upgrade your version number to this release version to receive the changes in font sizes, line heights and spacing values.
+
+### Spacing changes
+
+The valid values have changed for the properties in the following components. While some values still remain, their underlying value in rem or pixels have changed. See the spacing section of our tokens release to check out the new underlying values. 
+
+The valid variables used for the properties in the following components have been updated. While some options remain unchanged, the underlying values they contain (in pixels) have been modified. Check the spacing section of our tokens release for the updated pixel values. 
+
+_Example_: If you were previously using `400` for the `margin` property on `gcds-container`, it will be updated to `32px`. If you want to keep its previous size of `40px`, you need to change your code to use `450` instead. Here is a [visual mapping guide](https://github.com/cds-snc/gcds-tokens/blob/main/CHANGELOG.md#spacing-tokens-visual-mapping-guide) to help you identify the values you need to use.
+
+Only update your code _if you use these properties_, otherwise the new default values will be applied automatically.
+
+* [**gcds-container**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-container/readme.md)
+  - `margin`
+  - `padding`
+* [**gcds-heading**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-heading/readme.md)
+  - `margin-top`
+  - `margin-bottom`
+* [**gcds-icon**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-icon/readme.md)
+  - `margin-left`
+  - `margin-right`
+* [**gcds-text**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-text/readme.md)
+  - `margin-top`
+  - `margin-bottom`
+
+### Typography changes
+
+Only update if you use the `caption` value for the `size` property in the following components.
+* [**gcds-icon**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-icon/readme.md)
+  - Change `caption` to `text-small`
+* [**gcds-text**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-text/readme.md)
+  - Change `caption` to `text-small`
+
+### Patch
+
+* **gcds-components-react-ssr:** Synchronize GCDS Components versions
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @cdssnc/gcds-components bumped from ^0.27.0 to ^0.28.0
+
 ## [0.27.0-canary.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-react-ssr-v0.26.3-canary.0...gcds-components-react-ssr-v0.27.0-canary.0) (2024-11-19)
 
 

diff --git a/packages/react-ssr/package-lock.json b/packages/react-ssr/package-lock.json
diff --git a/packages/react-ssr/package.json b/packages/react-ssr/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cdssnc/gcds-components-react-ssr",
-  "version": "0.27.0-canary.0",
+  "version": "0.28.0-canary.0",
   "author": "Government of Canada / Gouvernement du Canada",
   "license": "MIT",
   "publishConfig": {
@@ -51,7 +51,7 @@
     "lint": "eslint ."
   },
   "dependencies": {
-    "@cdssnc/gcds-components": "^0.27.0",
+    "@cdssnc/gcds-components": "^0.28.0",
     "@stencil/core": "4.19.2",
     "element-internals-polyfill": "^1.3.10",
     "linkedom": "^0.16.1",

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
@@ -1,5 +1,60 @@
 # Changelog
 
+## [0.28.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-react-v0.27.0...gcds-components-react-v0.28.0) (2024-12-05)
+
+### :rotating_light: Breaking changes
+
+* update components with new typography + spacing tokens ([#695](https://github.com/cds-snc/gcds-components/issues/695)) ([105cd4b](https://github.com/cds-snc/gcds-components/commit/105cd4b5e755393da053aa210505260f1e8e249d))
+
+We've made small adjustments to all typography and spacing sizes across the design system. GC Design System components are now closer in appearance to their counterparts on Canada.ca.  
+
+These updates were introduced with the [latest release of our design tokens](https://github.com/cds-snc/gcds-tokens/blob/main/CHANGELOG.md#200).
+
+_**If you are using this package**_
+Upgrade your version number to this release version to receive the changes in font sizes, line heights and spacing values.
+
+### Spacing changes
+
+The valid values have changed for the properties in the following components. While some values still remain, their underlying value in rem or pixels have changed. See the spacing section of our tokens release to check out the new underlying values. 
+
+The valid variables used for the properties in the following components have been updated. While some options remain unchanged, the underlying values they contain (in pixels) have been modified. Check the spacing section of our tokens release for the updated pixel values. 
+
+_Example_: If you were previously using `400` for the `margin` property on `gcds-container`, it will be updated to `32px`. If you want to keep its previous size of `40px`, you need to change your code to use `450` instead. Here is a [visual mapping guide](https://github.com/cds-snc/gcds-tokens/blob/main/CHANGELOG.md#spacing-tokens-visual-mapping-guide) to help you identify the values you need to use.
+
+Only update your code _if you use these properties_, otherwise the new default values will be applied automatically.
+
+* [**gcds-container**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-container/readme.md)
+  - `margin`
+  - `padding`
+* [**gcds-heading**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-heading/readme.md)
+  - `margin-top`
+  - `margin-bottom`
+* [**gcds-icon**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-icon/readme.md)
+  - `margin-left`
+  - `margin-right`
+* [**gcds-text**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-text/readme.md)
+  - `margin-top`
+  - `margin-bottom`
+
+### Typography changes
+
+Only update if you use the `caption` value for the `size` property in the following components.
+* [**gcds-icon**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-icon/readme.md)
+  - Change `caption` to `text-small`
+* [**gcds-text**](https://github.com/cds-snc/gcds-components/blob/main/packages/web/src/components/gcds-text/readme.md)
+  - Change `caption` to `text-small`
+
+### Patch
+
+* **gcds-components-react:** Synchronize GCDS Components versions
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @cdssnc/gcds-components bumped from ^0.27.0 to ^0.28.0
+
 ## [0.27.0](https://github.com/cds-snc/gcds-components/compare/gcds-components-react-v0.26.3...gcds-components-react-v0.27.0) (2024-11-19)