release(components): v17.0.0

SchweizerischeBundesbahnen · Nov 15, 2023 · 1a6294b · 1a6294b
1 parent a2e4e14
commit 1a6294b
Show file tree

Hide file tree

Showing 5 changed files with 1,019 additions and 432 deletions.
diff --git a/CHANGELOG_COMPONENTS.md b/CHANGELOG_COMPONENTS.md
@@ -1,3 +1,34 @@
+# [17.0.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.2.0...components-17.0.0) (2023-11-15)
+
+
+### Dependencies
+
+* **components:** update @scion/components to Angular 17 ([ac7f284](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/ac7f28401bbbd76b179cd845929b5f258ffab652)), closes [#174](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/issues/174)
+
+
+### BREAKING CHANGES
+
+* **components:** Updating `@scion/components` to Angular 17 introduced a breaking change.
+
+  To migrate:
+  - Update your application to Angular 17; for detailed migration instructions, refer to https://v17.angular.io/guide/update-to-latest-version;
+  - Scrollbar-related mixins have been moved to the `@scion/components/scrollbar` SCSS module; migrate as follows:
+
+    Before migration:
+    ```scss
+    @use '@scion/components' as sci-components;
+    @include sci-components.scrollbar-hide-when-inactive();
+    @include sci-components.scrollbar-position();
+    ```
+    After migration:
+    ```scss
+    @use '@scion/components/scrollbar' as sci-scrollbar;
+    @include sci-scrollbar.scrollbar-hide-when-inactive();
+    @include sci-scrollbar.scrollbar-position();
+    ```
+
+
+
 # [16.2.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.1.0...components-16.2.0) (2023-10-09)
 
 

diff --git a/CHANGELOG_COMPONENTS_LATEST.md b/CHANGELOG_COMPONENTS_LATEST.md
@@ -1,43 +1,31 @@
-# [16.2.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.1.0...components-16.2.0) (2023-10-09)
+# [17.0.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.2.0...components-17.0.0) (2023-11-15)
 
 
-### Bug Fixes
+### Dependencies
 
-* **components/viewport:** calculate exact scrollbar size ([7dd929a](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/7dd929a76f14d7b433d5e5fb729c3452d947d41e))
+* **components:** update @scion/components to Angular 17 ([ac7f284](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/ac7f28401bbbd76b179cd845929b5f258ffab652)), closes [#174](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/issues/174)
 
 
-### Features
+### BREAKING CHANGES
 
-* **components:** enable theming of SCION components ([e33a358](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/e33a358bfa80b799faf34f1ac6f272f08e007653))
+* **components:** Updating `@scion/components` to Angular 17 introduced a breaking change.
 
+  To migrate:
+  - Update your application to Angular 17; for detailed migration instructions, refer to https://v17.angular.io/guide/update-to-latest-version;
+  - Scrollbar-related mixins have been moved to the `@scion/components/scrollbar` SCSS module; migrate as follows:
+
+    Before migration:
+    ```scss
+    @use '@scion/components' as sci-components;
+    @include sci-components.scrollbar-hide-when-inactive();
+    @include sci-components.scrollbar-position();
+    ```
+    After migration:
+    ```scss
+    @use '@scion/components/scrollbar' as sci-scrollbar;
+    @include sci-scrollbar.scrollbar-hide-when-inactive();
+    @include sci-scrollbar.scrollbar-position();
+    ```
 
-### DEPRECATIONS
 
-* **components:** Theming of SCION components has introduced deprecations that will break in the next major release.
 
-  To migrate:
-    - Import the `@scion/components` SCSS module in `styles.scss`. Optionally, pass a configuration to customize the default look of SCION components or to support multiple themes. See [SCION Design Tokens](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/blob/master/docs/site/scion-design-tokens.md) for more information. Note that this step is not required if using `@scion/workbench` as imported by the SCION Workbench.
-    - For consistency, following CSS variables for styling the `sci-splitter` and `sci-sashbox` components have been renamed:
-        - `--sci-splitter-bgcolor` ➜ `--sci-splitter-background-color`
-        - `--sci-splitter-bgcolor_hover` ➜ `--sci-splitter-background-color-hover`
-        - `--sci-splitter-size_hover` ➜ `--sci-splitter-size-hover`
-        - `--sci-splitter-opacity_active` ➜ `--sci-splitter-opacity-active`
-        - `--sci-splitter-opacity_hover` ➜ `--sci-splitter-opacity-hover`
-        - `--sci-sashbox-splitter-bgcolor` ➜ `--sci-sashbox-splitter-background-color`
-        - `--sci-sashbox-splitter-size_hover` ➜ `--sci-sashbox-splitter-size-hover`
-        - `--sci-sashbox-splitter-opacity_hover` ➜ `--sci-sashbox-splitter-opacity-hover`
-        - `--sci-sashbox-splitter-bgcolor_hover` ➜ `--sci-sashbox-splitter-background-color-hover`
-        - `--sci-sashbox-splitter-opacity_active` ➜ `--sci-sashbox-splitter-opacity-active`
-    - Scrollbar-related mixins have been moved to the `@scion/components/scrollbar` SCSS module. Migrate as follows:
-      **Before:**
-       ```scss
-       @use '@scion/components' as sci-components;
-       @include sci-components.scrollbar-hide-when-inactive()
-       @include sci-components.scrollbar-position()
-       ```
-      **After:**
-       ```scss
-       @use '@scion/components/scrollbar' as sci-scrollbar;
-       @include sci-scrollbar.scrollbar-hide-when-inactive()
-       @include sci-scrollbar.scrollbar-position()
-       ```
diff --git a/docs/site/changelog-components/changelog.md b/docs/site/changelog-components/changelog.md
@@ -6,6 +6,37 @@
 ## [Changelog][menu-changelog] > @scion/components
 
 
+# [17.0.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.2.0...components-17.0.0) (2023-11-15)
+
+
+### Dependencies
+
+* **components:** update @scion/components to Angular 17 ([ac7f284](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/ac7f28401bbbd76b179cd845929b5f258ffab652)), closes [#174](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/issues/174)
+
+
+### BREAKING CHANGES
+
+* **components:** Updating `@scion/components` to Angular 17 introduced a breaking change.
+
+  To migrate:
+  - Update your application to Angular 17; for detailed migration instructions, refer to https://v17.angular.io/guide/update-to-latest-version;
+  - Scrollbar-related mixins have been moved to the `@scion/components/scrollbar` SCSS module; migrate as follows:
+
+    Before migration:
+    ```scss
+    @use '@scion/components' as sci-components;
+    @include sci-components.scrollbar-hide-when-inactive();
+    @include sci-components.scrollbar-position();
+    ```
+    After migration:
+    ```scss
+    @use '@scion/components/scrollbar' as sci-scrollbar;
+    @include sci-scrollbar.scrollbar-hide-when-inactive();
+    @include sci-scrollbar.scrollbar-position();
+    ```
+
+
+
 # [16.2.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.1.0...components-16.2.0) (2023-10-09)