release(components): v16.2.0

SchweizerischeBundesbahnen · Oct 9, 2023 · 6550f9d · 6550f9d
1 parent e33a358
commit 6550f9d
Show file tree

Hide file tree

Showing 4 changed files with 137 additions and 2 deletions.
diff --git a/CHANGELOG_COMPONENTS.md b/CHANGELOG_COMPONENTS.md
@@ -1,3 +1,49 @@
+# [16.2.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.1.0...components-16.2.0) (2023-10-09)
+
+
+### Bug Fixes
+
+* **components/viewport:** calculate exact scrollbar size ([7dd929a](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/7dd929a76f14d7b433d5e5fb729c3452d947d41e))
+
+
+### Features
+
+* **components:** enable theming of SCION components ([e33a358](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/e33a358bfa80b799faf34f1ac6f272f08e007653))
+
+
+### 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()
+       ```
+
+
+
 # [16.1.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.0.0...components-16.1.0) (2023-06-02)
 
 
@@ -234,4 +280,4 @@ Therefore, we have moved Angular-specific components and directives to the NPM p
 
 The changelog before the separation into `@scion/toolkit` and `@scion/components` can be found [here](/docs/site/changelog-toolkit/changelog.md).
 
-***
+***
diff --git a/CHANGELOG_COMPONENTS_LATEST.md b/CHANGELOG_COMPONENTS_LATEST.md
@@ -0,0 +1,43 @@
+# [16.2.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.1.0...components-16.2.0) (2023-10-09)
+
+
+### Bug Fixes
+
+* **components/viewport:** calculate exact scrollbar size ([7dd929a](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/7dd929a76f14d7b433d5e5fb729c3452d947d41e))
+
+
+### Features
+
+* **components:** enable theming of SCION components ([e33a358](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/e33a358bfa80b799faf34f1ac6f272f08e007653))
+
+
+### 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,52 @@
 ## [Changelog][menu-changelog] > @scion/components
 
 
+# [16.2.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.1.0...components-16.2.0) (2023-10-09)
+
+
+### Bug Fixes
+
+* **components/viewport:** calculate exact scrollbar size ([7dd929a](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/7dd929a76f14d7b433d5e5fb729c3452d947d41e))
+
+
+### Features
+
+* **components:** enable theming of SCION components ([e33a358](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/commit/e33a358bfa80b799faf34f1ac6f272f08e007653))
+
+
+### 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()
+       ```
+
+
+
 # [16.1.0](https://github.com/SchweizerischeBundesbahnen/scion-toolkit/compare/components-16.0.0...components-16.1.0) (2023-06-02)
 
 

diff --git a/projects/scion/components/package.json b/projects/scion/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@scion/components",
-  "version": "16.1.0",
+  "version": "16.2.0",
   "description": "Provides a collection of Angular components and directives primarily for use in SCION libraries such as `@scion/workbench` and `@scion/microfrontend-platform`. This library is not a comprehensive component library as its focus is on SCION requirements.",
   "license": "EPL-2.0",
   "private": false,