From deaddb9657cbe532cae71b47f9cfb0356f7e73ef Mon Sep 17 00:00:00 2001 From: Marcarrian Date: Fri, 31 May 2024 15:56:03 +0200 Subject: [PATCH] release(components): v18.0.0 --- CHANGELOG_COMPONENTS.md | 30 ++++++++++++++++++ CHANGELOG_COMPONENTS_LATEST.md | 35 ++++++++++----------- docs/site/changelog-components/changelog.md | 30 ++++++++++++++++++ 3 files changed, 77 insertions(+), 18 deletions(-) diff --git a/CHANGELOG_COMPONENTS.md b/CHANGELOG_COMPONENTS.md index 6a9db647..3d2b3dfa 100644 --- 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 index 8b01d11e..65b28439 100644 --- 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 index 7008b8f4..9f54782c 100644 --- 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)