release(components): v18.0.0

SchweizerischeBundesbahnen · May 31, 2024 · deaddb9 · deaddb9
1 parent 2a53650
commit deaddb9
Show file tree

Hide file tree

Showing 3 changed files with 77 additions and 18 deletions.
diff --git a/CHANGELOG_COMPONENTS.md b/CHANGELOG_COMPONENTS.md
@@ -1,3 +1,33 @@
+# [18.0.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-17.0.0...components-18.0.0) (2024-05-31)
+
+
+### Dependencies
+
+* **components:** update @scion/components to Angular 18 ([dc202c4](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/dc202c44d6657fcad254946b4574bf9df7769950))
+
+
+### BREAKING CHANGES
+
+* **components:** Updating `@scion/components` to Angular 18 introduced a breaking change.
+
+  To migrate:
+  - Update your application to Angular 18; for detailed migration instructions, refer to https://v18.angular.dev/update-guide;
+  - Deprecations introduced in version 16.2.0 have been removed:
+    - SCION components now require the SCSS module `@scion/components` to be imported in `styles.scss`. 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.
+    - CSS variables of `sci-splitter` and `sci-sashbox` components have been replaced as follows:
+      - `--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`
+
+
+
 # [17.0.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.2.0...components-17.0.0) (2023-11-15)
 
 

diff --git a/CHANGELOG_COMPONENTS_LATEST.md b/CHANGELOG_COMPONENTS_LATEST.md
@@ -1,31 +1,30 @@
-# [17.0.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.2.0...components-17.0.0) (2023-11-15)
+# [18.0.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-17.0.0...components-18.0.0) (2024-05-31)
 
 
 ### 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)
+* **components:** update @scion/components to Angular 18 ([dc202c4](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/dc202c44d6657fcad254946b4574bf9df7769950))
 
 
 ### BREAKING CHANGES
 
-* **components:** Updating `@scion/components` to Angular 17 introduced a breaking change.
+* **components:** Updating `@scion/components` to Angular 18 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();
-    ```
+  - Update your application to Angular 18; for detailed migration instructions, refer to https://v18.angular.dev/update-guide;
+  - Deprecations introduced in version 16.2.0 have been removed:
+    - SCION components now require the SCSS module `@scion/components` to be imported in `styles.scss`. 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.
+    - CSS variables of `sci-splitter` and `sci-sashbox` components have been replaced as follows:
+      - `--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`
 
 
 
diff --git a/docs/site/changelog-components/changelog.md b/docs/site/changelog-components/changelog.md
@@ -6,6 +6,36 @@
 ## [Changelog][menu-changelog] > @scion/components
 
 
+# [18.0.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-17.0.0...components-18.0.0) (2024-05-31)
+
+
+### Dependencies
+
+* **components:** update @scion/components to Angular 18 ([dc202c4](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/dc202c44d6657fcad254946b4574bf9df7769950))
+
+
+### BREAKING CHANGES
+
+* **components:** Updating `@scion/components` to Angular 18 introduced a breaking change.
+
+  To migrate:
+  - Update your application to Angular 18; for detailed migration instructions, refer to https://v18.angular.dev/update-guide;
+  - Deprecations introduced in version 16.2.0 have been removed:
+    - SCION components now require the SCSS module `@scion/components` to be imported in `styles.scss`. 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.
+    - CSS variables of `sci-splitter` and `sci-sashbox` components have been replaced as follows:
+      - `--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`
+
+
+
 # [17.0.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.2.0...components-17.0.0) (2023-11-15)