release(components): v16.0.0

SchweizerischeBundesbahnen · May 15, 2023 · 6a610fd · 6a610fd
1 parent 5555800
commit 6a610fd
Show file tree

Hide file tree

Showing 2 changed files with 78 additions and 0 deletions.
diff --git a/CHANGELOG_COMPONENTS.md b/CHANGELOG_COMPONENTS.md
@@ -1,3 +1,42 @@
+# [16.0.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-15.0.2...components-16.0.0) (2023-05-15)
+
+
+### Dependencies
+
+* **components:** update @scion/components to Angular 16 ([f1813e6](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/f1813e6440cc44660e7da8d3a71466cd59ee7c7c)), closes [#151](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/issues/151) [#100](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/issues/100)
+
+
+### BREAKING CHANGES
+
+* **components:** Updating `@scion/components` to Angular 16 introduced a breaking change.
+
+  To migrate:
+  - Update your application to Angular 16; for detailed migration instructions, refer to https://v16.angular.io/guide/update-to-latest-version;
+  - Deprecated API for customizing the layout of `sci-viewport` via CSS variables has been removed. Change the following CSS variables to styles of the `sci-viewport::part(content)` pseudo element selector:
+    - `--sci-viewport-content-grid-template-columns` -> `grid-template-columns`
+    - `--sci-viewport-content-grid-template-rows` -> `grid-template-rows`
+    - `--sci-viewport-content-grid-auto-columns` -> `grid-auto-columns`
+    - `--sci-viewport-content-grid-auto-rows` -> `grid-auto-rows`
+    - `--sci-viewport-content-grid-gap` -> `gap`
+
+    #### Migration example:
+    **Before**
+    ```css
+    sci-viewport {
+      --sci-viewport-content-grid-template-columns: 1fr 1fr;
+      --sci-viewport-content-grid-gap: 1em;
+    }
+    ```
+    **After**
+    ```css
+    sci-viewport::part(content) {
+      grid-template-columns: 1fr 1fr;
+      gap: 1em;
+    }
+    ```
+
+
+
 ## [15.0.2](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-15.0.1...components-15.0.2) (2023-03-29)
 
 

diff --git a/docs/site/changelog-components/changelog.md b/docs/site/changelog-components/changelog.md
@@ -6,6 +6,45 @@
 ## [Changelog][menu-changelog] > @scion/components
 
 
+# [16.0.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-15.0.2...components-16.0.0) (2023-05-15)
+
+
+### Dependencies
+
+* **components:** update @scion/components to Angular 16 ([f1813e6](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/f1813e6440cc44660e7da8d3a71466cd59ee7c7c)), closes [#151](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/issues/151) [#100](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/issues/100)
+
+
+### BREAKING CHANGES
+
+* **components:** Updating `@scion/components` to Angular 16 introduced a breaking change.
+
+  To migrate:
+  - Update your application to Angular 16; for detailed migration instructions, refer to https://v16.angular.io/guide/update-to-latest-version;
+  - Deprecated API for customizing the layout of `sci-viewport` via CSS variables has been removed. Change the following CSS variables to styles of the `sci-viewport::part(content)` pseudo element selector:
+    - `--sci-viewport-content-grid-template-columns` -> `grid-template-columns`
+    - `--sci-viewport-content-grid-template-rows` -> `grid-template-rows`
+    - `--sci-viewport-content-grid-auto-columns` -> `grid-auto-columns`
+    - `--sci-viewport-content-grid-auto-rows` -> `grid-auto-rows`
+    - `--sci-viewport-content-grid-gap` -> `gap`
+
+    #### Migration example:
+    **Before**
+    ```css
+    sci-viewport {
+      --sci-viewport-content-grid-template-columns: 1fr 1fr;
+      --sci-viewport-content-grid-gap: 1em;
+    }
+    ```
+    **After**
+    ```css
+    sci-viewport::part(content) {
+      grid-template-columns: 1fr 1fr;
+      gap: 1em;
+    }
+    ```
+
+
+
 ## [15.0.2](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-15.0.1...components-15.0.2) (2023-03-29)