@synergy-design-system/metadata 3.11.0 → 3.12.0

package/data/layers/full/setup/setup:angular-package/angular/package.json

@@ -22,7 +22,7 @@
     "url": "https://github.com/synergy-design-system/synergy-design-system.git",
     "directory": "packages/angular"
   },
-  "version": "3.15.1",
+  "version": "3.15.3",
   "scripts": {
     "_build": "pnpm _clean && ng-packagr -c tsconfig.lib.json && pnpm _after-build",
     "_clean": "rm -rf ../_private/angular-demo/.angular",
@@ -36,8 +36,8 @@
     "@synergy-design-system/tokens": "workspace:*"
   },
   "devDependencies": {
-    "@angular/core": "^21.2.10",
-    "@angular/forms": "^21.2.10",
+    "@angular/core": "^21.2.15",
+    "@angular/forms": "^21.2.15",
     "@synergy-design-system/components": "workspace:*",
     "ng-packagr": "^21.2.3",
     "tslib": "^2.8.1",

package/data/layers/full/setup/setup:assets-package/assets/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 2.1.2
+
+### Patch Changes
+
+- [#1293](https://github.com/synergy-design-system/synergy-design-system/pull/1293) [`513e931`](https://github.com/synergy-design-system/synergy-design-system/commit/513e931c88a46e1e71a3a4d8ca7ac3c3a85b2189) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-03
+
+  fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
+
 ## 2.1.1
 
 ### Patch Changes

package/data/layers/full/setup/setup:assets-package/assets/package.json

@@ -8,7 +8,7 @@
   },
   "description": "Assets for the Synergy Design System",
   "devDependencies": {
-    "@dotenvx/dotenvx": "^1.63.0",
+    "@dotenvx/dotenvx": "^1.71.0",
     "@figma-export/cli": "^6.4.0",
     "@figma-export/core": "^6.4.0",
     "@figma-export/output-components-as-svg": "^6.4.0",
@@ -16,7 +16,7 @@
     "@figma-export/types": "^6.4.0",
     "@figma/rest-api-spec": "^0.37.0",
     "@synergy-design-system/eslint-config-syn": "workspace:*",
-    "@types/node": "^24.12.2",
+    "@types/node": "^24.12.4",
     "cheerio": "^1.2.0",
     "eslint": "^9.39.4",
     "rimraf": "^6.1.3",
@@ -94,5 +94,5 @@
   },
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "2.1.1"
+  "version": "2.1.2"
 }

package/data/layers/full/setup/setup:components-package/components/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## 3.15.3
+
+### Patch Changes
+
+- [#1298](https://github.com/synergy-design-system/synergy-design-system/pull/1298) [`49e5b92`](https://github.com/synergy-design-system/synergy-design-system/commit/49e5b92f06c0600c5e8612834cb34e0f7c2a474a) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-08
+
+  fix: 🐛 `<syn-select>` and `<syn-dropdown>` not opening correctly when slotted in `<syn-dialog>` or `<syn-drawer>` ([#1297](https://github.com/synergy-design-system/synergy-design-system/issues/1297))
+
+  This release fixes an issue with multiple Synergy components automatically closing when opened in a `<syn-dialog>` or `<syn-drawer>` element in Chromium based browsers. This happens because Chromium now uses a more aggressive method of checking the active focused element when using `popover`.
+
+- Updated dependencies []:
+  - @synergy-design-system/tokens@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- [#1293](https://github.com/synergy-design-system/synergy-design-system/pull/1293) [`513e931`](https://github.com/synergy-design-system/synergy-design-system/commit/513e931c88a46e1e71a3a4d8ca7ac3c3a85b2189) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-03
+
+  fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
+
+- Updated dependencies [[`513e931`](https://github.com/synergy-design-system/synergy-design-system/commit/513e931c88a46e1e71a3a4d8ca7ac3c3a85b2189)]:
+  - @synergy-design-system/tokens@3.15.2
+
 ## 3.15.1
 
 ### Patch Changes

package/data/layers/full/setup/setup:components-package/components/LIMITATIONS.md

@@ -301,6 +301,61 @@ In other cases, make sure to suppress the other elements' emitted `syn-hide` eve
 
 ---
 
+<h2 id="syn-dialog-focus-trap-top-layer">Keyboard focus jumps to the modal close button when popup components are used inside `<syn-dialog>` or `<syn-drawer>`</h2>
+
+<h3 id="syn-dialog-focus-trap-top-layer-meta">Meta Information</h3>
+
+- Framework version: ALL
+- Synergy version: <= 3.15.2
+- Browsers: Chrome >= 149.0.7827.54, Edge >= 149.0.4022.52
+- Issues: [#1297](https://github.com/synergy-design-system/synergy-design-system/issues/1297)
+
+<h3 id="syn-dialog-focus-trap-top-layer-description">Description</h3>
+
+When using keyboard navigation in popup-based components (e.g. `<syn-select>` or `<syn-dropdown>`) inside an open `<syn-dialog>` or `<syn-drawer>`, focus may jump to the modal close button instead of staying on popup menu items.
+
+<h3 id="syn-dialog-focus-trap-top-layer-cause">Cause</h3>
+
+Some browsers render popup content in the top layer. In this case, the focused popup element may no longer be detected as part of the modal subtree. The modal focus trap then treats focus as escaped and moves it back to the first tabbable modal element (often the close button).
+
+<h3 id="syn-dialog-focus-trap-top-layer-solution">Proposed Solution</h3>
+
+When opening a popup inside a dialog or drawer, temporarily disable the host modal focus trap with `modalHost.modal.activateExternal()`. Re-enable it after closing with `modalHost.modal.deactivateExternal()`.
+
+<h4 id="syn-dialog-focus-trap-top-layer-problem">Problem</h4>
+
+```html
+<syn-dialog open>
+  <my-custom-popup-select></my-custom-popup-select>
+</syn-dialog>
+
+<syn-drawer open>
+  <my-custom-popup-select></my-custom-popup-select>
+</syn-drawer>
+
+<script type="module">
+  // Inside my-custom-popup-select keyboard handling
+  // Focus may jump to the modal close button on ArrowDown
+</script>
+```
+
+<h4 id="syn-dialog-focus-trap-top-layer-solution-example">Solution</h4>
+
+```js
+// Example component logic
+const modalHost = this.closest("syn-dialog, syn-drawer");
+
+function onOpenPopup() {
+  modalHost?.modal?.activateExternal();
+}
+
+function onClosePopup() {
+  modalHost?.modal?.deactivateExternal();
+}
+```
+
+---
+
 <h2 id="syn-nav-item-click-events">Click events for `syn-nav-item` are not fired when clicking slotted items (e.g. icons)</h2>
 
 <h3 id="syn-nav-item-click-events-meta">Meta Information</h3>

package/data/layers/full/setup/setup:components-package/components/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "3.15.1",
+  "version": "3.15.3",
   "description": "",
   "repository": {
     "type": "git",
@@ -68,9 +68,9 @@
   "license": "MIT",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@figma/code-connect": "^1.4.4",
+    "@figma/code-connect": "^1.4.7",
     "@open-wc/testing": "^4.0.0",
-    "@playwright/test": "^1.59.1",
+    "@playwright/test": "^1.60.0",
     "@size-limit/esbuild": "^12.1.0",
     "@size-limit/file": "^12.1.0",
     "@synergy-design-system/eslint-config-syn": "workspace:*",
@@ -78,15 +78,15 @@
     "@synergy-design-system/tokens": "workspace:*",
     "@types/mocha": "^10.0.10",
     "@types/sinon": "^21.0.1",
-    "@typescript-eslint/eslint-plugin": "^8.59.0",
-    "@typescript-eslint/parser": "^8.59.0",
+    "@typescript-eslint/eslint-plugin": "^8.60.1",
+    "@typescript-eslint/parser": "^8.60.1",
     "@web/dev-server-esbuild": "^1.0.5",
     "@web/test-runner": "^0.20.2",
     "@web/test-runner-commands": "^0.9.0",
     "@web/test-runner-playwright": "^0.11.1",
     "change-case": "^5.4.4",
     "command-line-args": "^6.0.2",
-    "comment-parser": "^1.4.6",
+    "comment-parser": "^1.4.7",
     "custom-element-vs-code-integration": "^1.5.0",
     "esbuild": "^0.28.0",
     "esbuild-plugin-replace": "^1.4.0",
@@ -95,25 +95,25 @@
     "eslint-config-airbnb-typescript": "^18.0.0",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jest": "^29.15.2",
-    "eslint-plugin-lit": "^2.2.1",
+    "eslint-plugin-lit": "^2.3.1",
     "eslint-plugin-lit-a11y": "^5.1.1",
-    "eslint-plugin-playwright": "^2.10.2",
+    "eslint-plugin-playwright": "^2.10.4",
     "eslint-plugin-wc": "^3.1.0",
-    "html-validate": "^10.13.1",
+    "html-validate": "^11.5.0",
     "ora": "^9.4.0",
-    "postcss": "^8.5.10",
+    "postcss": "^8.5.15",
     "postcss-header": "^3.0.3",
     "postcss-import": "^16.1.1",
     "prettier": "^3.8.3",
     "sinon": "^21.1.2",
     "size-limit": "^12.1.0",
-    "stylelint": "^17.9.0",
+    "stylelint": "^17.12.0",
     "typescript": "~5.9.3"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "composed-offset-position": "^0.0.6",
-    "lit": "^3.3.2"
+    "lit": "^3.3.3"
   },
   "peerDependencies": {
     "@synergy-design-system/tokens": "workspace:*",

package/data/layers/full/setup/setup:fonts-package/fonts/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 1.0.7
+
+### Patch Changes
+
+- [#1293](https://github.com/synergy-design-system/synergy-design-system/pull/1293) [`513e931`](https://github.com/synergy-design-system/synergy-design-system/commit/513e931c88a46e1e71a3a4d8ca7ac3c3a85b2189) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-03
+
+  fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
+
 ## 1.0.6
 
 ### Patch Changes

package/data/layers/full/setup/setup:fonts-package/fonts/package.json

@@ -9,11 +9,11 @@
     "@synergy-design-system/stylelint-config-syn": "workspace:^",
     "eslint": "^9.39.4",
     "ora": "^9.4.0",
-    "postcss": "^8.5.10",
+    "postcss": "^8.5.15",
     "postcss-header": "^3.0.3",
     "postcss-import": "^16.1.1",
-    "postcss-url": "^10.1.3",
-    "stylelint": "^17.9.0"
+    "postcss-url": "^10.1.4",
+    "stylelint": "^17.12.0"
   },
   "exports": {
     ".": {
@@ -68,5 +68,5 @@
     "lint": "pnpm run /^lint:.*/"
   },
   "type": "module",
-  "version": "1.0.6"
+  "version": "1.0.7"
 }

package/data/layers/full/setup/setup:react-package/react/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @synergy-design-system/react
 
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [[`49e5b92`](https://github.com/synergy-design-system/synergy-design-system/commit/49e5b92f06c0600c5e8612834cb34e0f7c2a474a)]:
+  - @synergy-design-system/components@3.15.3
+  - @synergy-design-system/tokens@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- [#1293](https://github.com/synergy-design-system/synergy-design-system/pull/1293) [`513e931`](https://github.com/synergy-design-system/synergy-design-system/commit/513e931c88a46e1e71a3a4d8ca7ac3c3a85b2189) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-03
+
+  fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
+
+- Updated dependencies [[`513e931`](https://github.com/synergy-design-system/synergy-design-system/commit/513e931c88a46e1e71a3a4d8ca7ac3c3a85b2189)]:
+  - @synergy-design-system/components@3.15.2
+  - @synergy-design-system/tokens@3.15.2
+
 ## 3.15.1
 
 ### Patch Changes

package/data/layers/full/setup/setup:react-package/react/package.json

@@ -43,10 +43,10 @@
     "directory": "packages/react"
   },
   "type": "module",
-  "version": "3.15.1",
+  "version": "3.15.3",
   "devDependencies": {
-    "@types/react": "^19.2.14",
-    "react": "^19.2.5"
+    "@types/react": "^19.2.16",
+    "react": "^19.2.7"
   },
   "peerDependencies": {
     "@synergy-design-system/tokens": "workspace:*"

package/data/layers/full/setup/setup:styles-package/styles/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 2.1.1
+
+### Patch Changes
+
+- [#1293](https://github.com/synergy-design-system/synergy-design-system/pull/1293) [`513e931`](https://github.com/synergy-design-system/synergy-design-system/commit/513e931c88a46e1e71a3a4d8ca7ac3c3a85b2189) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-03
+
+  fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
+
 ## 2.1.0
 
 ### Minor Changes

package/data/layers/full/setup/setup:styles-package/styles/package.json

@@ -36,7 +36,7 @@
     "lint": "pnpm run /^lint:.*/"
   },
   "type": "module",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "devDependencies": {
     "@synergy-design-system/eslint-config-syn": "workspace:^",
     "@synergy-design-system/stylelint-config-syn": "workspace:^",
@@ -44,12 +44,12 @@
     "eslint": "^9.39.4",
     "globby": "^16.2.0",
     "ora": "^9.4.0",
-    "postcss": "^8.5.10",
+    "postcss": "^8.5.15",
     "postcss-cli": "^11.0.1",
     "postcss-header": "^3.0.3",
     "postcss-import": "^16.1.1",
     "prettier": "^3.8.3",
-    "stylelint": "^17.9.0"
+    "stylelint": "^17.12.0"
   },
   "peerDependencies": {
     "@synergy-design-system/tokens": "workspace:^"

package/data/layers/full/setup/setup:tokens-package/tokens/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- [#1293](https://github.com/synergy-design-system/synergy-design-system/pull/1293) [`513e931`](https://github.com/synergy-design-system/synergy-design-system/commit/513e931c88a46e1e71a3a4d8ca7ac3c3a85b2189) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-03
+
+  fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
+
 ## 3.15.1
 
 ## 3.15.0

package/data/layers/full/setup/setup:tokens-package/tokens/package.json

@@ -5,7 +5,7 @@
   },
   "description": "Design tokens for Synergy, the SICK Design System",
   "devDependencies": {
-    "@dotenvx/dotenvx": "^1.63.0",
+    "@dotenvx/dotenvx": "^1.71.0",
     "@figma-export/cli": "^6.4.0",
     "@figma-export/types": "^6.4.0",
     "@figma/rest-api-spec": "^0.37.0",
@@ -13,12 +13,12 @@
     "@synergy-design-system/stylelint-config-syn": "workspace:*",
     "@tamtamchik/json-deep-sort": "^1.5.0",
     "@tokens-studio/sd-transforms": "^2.0.3",
-    "@types/node": "^24.12.2",
+    "@types/node": "^24.12.4",
     "change-case": "^5.4.4",
     "eslint": "^9.39.4",
-    "eslint-import-resolver-typescript": "^4.4.4",
-    "style-dictionary": "^5.4.0",
-    "stylelint": "^17.9.0",
+    "eslint-import-resolver-typescript": "^4.4.5",
+    "style-dictionary": "^5.4.2",
+    "stylelint": "^17.12.0",
     "typescript": "^5.9.3"
   },
   "exports": {
@@ -82,5 +82,5 @@
   },
   "type": "module",
   "types": "./dist/js/index.d.ts",
-  "version": "3.15.1"
+  "version": "3.15.3"
 }

package/data/layers/full/setup/setup:vue-package/vue/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @synergy-design-system/vue
 
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [[`49e5b92`](https://github.com/synergy-design-system/synergy-design-system/commit/49e5b92f06c0600c5e8612834cb34e0f7c2a474a)]:
+  - @synergy-design-system/components@3.15.3
+  - @synergy-design-system/tokens@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- [#1293](https://github.com/synergy-design-system/synergy-design-system/pull/1293) [`513e931`](https://github.com/synergy-design-system/synergy-design-system/commit/513e931c88a46e1e71a3a4d8ca7ac3c3a85b2189) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-03
+
+  fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
+
+- Updated dependencies [[`513e931`](https://github.com/synergy-design-system/synergy-design-system/commit/513e931c88a46e1e71a3a4d8ca7ac3c3a85b2189)]:
+  - @synergy-design-system/components@3.15.2
+  - @synergy-design-system/tokens@3.15.2
+
 ## 3.15.1
 
 ### Patch Changes

package/data/layers/full/setup/setup:vue-package/vue/package.json

@@ -50,14 +50,14 @@
     "directory": "packages/vue"
   },
   "type": "module",
-  "version": "3.15.1",
+  "version": "3.15.3",
   "devDependencies": {
-    "@vitejs/plugin-vue": "^6.0.6",
+    "@vitejs/plugin-vue": "^6.0.7",
     "@vue/tsconfig": "^0.9.1",
     "rollup-plugin-node-externals": "^9.0.1",
-    "vite": "^8.0.10",
+    "vite": "^8.0.16",
     "vite-plugin-dts": "^4.5.4",
-    "vue": "^3.5.33"
+    "vue": "^3.5.35"
   },
   "peerDependencies": {
     "@synergy-design-system/tokens": "workspace:*"

package/data/layers/full/tokens/charts/js/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.15.1
+ * @synergy-design-system/tokens version 3.15.3
  * SICK Global UX Foundation
  */
 

package/data/layers/full/tokens/charts/js/index.js

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.15.1
+ * @synergy-design-system/tokens version 3.15.3
  * SICK Global UX Foundation
  */
 

package/data/layers/full/tokens/charts/scss/_tokens.scss

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.15.1
+ * @synergy-design-system/tokens version 3.15.3
  * SICK Global UX Foundation
  */
 $SynCategorical10: var(--syn-categorical-10) !default;

package/data/layers/full/tokens/charts/themes/sick2025_dark.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.15.1
+ * @synergy-design-system/tokens version 3.15.3
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */

package/data/layers/full/tokens/charts/themes/sick2025_light.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.15.1
+ * @synergy-design-system/tokens version 3.15.3
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */

package/data/layers/full/tokens/js/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.15.1
+ * @synergy-design-system/tokens version 3.15.3
  * SICK Global UX Foundation
  */
 

package/data/layers/full/tokens/js/index.js

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.15.1
+ * @synergy-design-system/tokens version 3.15.3
  * SICK Global UX Foundation
  */
 

package/data/layers/full/tokens/scss/_tokens.scss

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.15.1
+ * @synergy-design-system/tokens version 3.15.3
  * SICK Global UX Foundation
  */
 $SynAlertErrorColorBackground: var(--syn-alert-error-color-background) !default;

package/data/layers/full/tokens/themes/sick2018_dark.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.15.1
+ * @synergy-design-system/tokens version 3.15.3
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */
@@ -40,13 +40,13 @@
   --syn-border-radius-circle: 9999px;
   --syn-border-radius-large: 8px;
   --syn-border-radius-medium: 8px;
-  --syn-border-radius-none: 0;
+  --syn-border-radius-none: 0px;
   --syn-border-radius-pill: 9999px;
   --syn-border-radius-small: 4px;
   --syn-border-radius-x-large: 16px;
   --syn-border-width-large: 3px; /** Large */
   --syn-border-width-medium: 2px; /** Medium */
-  --syn-border-width-none: 0; /** None */
+  --syn-border-width-none: 0px; /** None */
   --syn-border-width-small: 1px; /** Small */
   --syn-border-width-x-large: 4px; /** X Large */
   --syn-breadcrumb-color: var(--syn-color-neutral-500);
@@ -259,7 +259,7 @@
   --syn-input-disabled-opacity: 0.5;
   --syn-input-focus-ring-color: var(--syn-color-primary-400);
   --syn-input-focus-ring-error: var(--syn-color-error-600);
-  --syn-input-focus-ring-offset: 0;
+  --syn-input-focus-ring-offset: 0px;
   --syn-input-font-family: var(--syn-font-sans);
   --syn-input-font-size-large: var(--syn-font-size-large);
   --syn-input-font-size-medium: var(--syn-font-size-medium);
@@ -349,7 +349,7 @@
   --syn-option-icon-color: var(--syn-typography-color-text);
   --syn-option-icon-color-active: var(--syn-typography-color-text-inverted);
   --syn-option-icon-color-hover: var(--syn-typography-color-text);
-  --syn-overlay-background-blur: 0;
+  --syn-overlay-background-blur: 0px;
   --syn-overlay-background-color: rgba(49, 55, 58, 0.5);
   --syn-page-background: var(--syn-page-background-color); /** Will be DEPRECATED */
   --syn-page-background-color: var(--syn-color-neutral-0);

package/data/layers/full/tokens/themes/sick2018_light.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.15.1
+ * @synergy-design-system/tokens version 3.15.3
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */
@@ -40,13 +40,13 @@
   --syn-border-radius-circle: 9999px;
   --syn-border-radius-large: 8px;
   --syn-border-radius-medium: 8px;
-  --syn-border-radius-none: 0;
+  --syn-border-radius-none: 0px;
   --syn-border-radius-pill: 9999px;
   --syn-border-radius-small: 4px;
   --syn-border-radius-x-large: 16px;
   --syn-border-width-large: 3px; /** Large */
   --syn-border-width-medium: 2px; /** Medium */
-  --syn-border-width-none: 0; /** None */
+  --syn-border-width-none: 0px; /** None */
   --syn-border-width-small: 1px; /** Small */
   --syn-border-width-x-large: 4px; /** X Large */
   --syn-breadcrumb-color: var(--syn-color-neutral-500);
@@ -259,7 +259,7 @@
   --syn-input-disabled-opacity: 0.5;
   --syn-input-focus-ring-color: var(--syn-color-primary-400);
   --syn-input-focus-ring-error: var(--syn-color-error-600);
-  --syn-input-focus-ring-offset: 0;
+  --syn-input-focus-ring-offset: 0px;
   --syn-input-font-family: var(--syn-font-sans);
   --syn-input-font-size-large: var(--syn-font-size-large);
   --syn-input-font-size-medium: var(--syn-font-size-medium);
@@ -349,7 +349,7 @@
   --syn-option-icon-color: var(--syn-input-icon-color);
   --syn-option-icon-color-active: var(--syn-color-neutral-0);
   --syn-option-icon-color-hover: var(--syn-input-icon-color-hover);
-  --syn-overlay-background-blur: 0;
+  --syn-overlay-background-blur: 0px;
   --syn-overlay-background-color: rgba(49, 55, 58, 0.5);
   --syn-page-background: var(--syn-page-background-color); /** Will be DEPRECATED */
   --syn-page-background-color: var(--syn-color-neutral-0);

package/data/layers/full/tokens/themes/sick2025_dark.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.15.1
+ * @synergy-design-system/tokens version 3.15.3
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */
@@ -40,13 +40,13 @@
   --syn-border-radius-circle: 9999px;
   --syn-border-radius-large: 8px;
   --syn-border-radius-medium: 8px;
-  --syn-border-radius-none: 0;
+  --syn-border-radius-none: 0px;
   --syn-border-radius-pill: 9999px;
   --syn-border-radius-small: 4px;
   --syn-border-radius-x-large: 16px;
   --syn-border-width-large: 3px; /** Large */
   --syn-border-width-medium: 2px; /** Medium */
-  --syn-border-width-none: 0; /** None */
+  --syn-border-width-none: 0px; /** None */
   --syn-border-width-small: 1px; /** Small */
   --syn-border-width-x-large: 4px; /** X Large */
   --syn-breadcrumb-color: var(--syn-typography-color-text);
@@ -259,7 +259,7 @@
   --syn-input-disabled-opacity: 0.5;
   --syn-input-focus-ring-color: var(--syn-color-primary-700);
   --syn-input-focus-ring-error: var(--syn-color-error-600);
-  --syn-input-focus-ring-offset: 0;
+  --syn-input-focus-ring-offset: 0px;
   --syn-input-font-family: var(--syn-font-sans);
   --syn-input-font-size-large: var(--syn-font-size-large);
   --syn-input-font-size-medium: var(--syn-font-size-medium);

package/data/layers/full/tokens/themes/sick2025_light.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.15.1
+ * @synergy-design-system/tokens version 3.15.3
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */
@@ -40,13 +40,13 @@
   --syn-border-radius-circle: 9999px;
   --syn-border-radius-large: 8px;
   --syn-border-radius-medium: 8px;
-  --syn-border-radius-none: 0;
+  --syn-border-radius-none: 0px;
   --syn-border-radius-pill: 9999px;
   --syn-border-radius-small: 4px;
   --syn-border-radius-x-large: 16px;
   --syn-border-width-large: 3px; /** Large */
   --syn-border-width-medium: 2px; /** Medium */
-  --syn-border-width-none: 0; /** None */
+  --syn-border-width-none: 0px; /** None */
   --syn-border-width-small: 1px; /** Small */
   --syn-border-width-x-large: 4px; /** X Large */
   --syn-breadcrumb-color: var(--syn-typography-color-text);
@@ -259,7 +259,7 @@
   --syn-input-disabled-opacity: 0.5;
   --syn-input-focus-ring-color: var(--syn-color-primary-500);
   --syn-input-focus-ring-error: var(--syn-color-error-600);
-  --syn-input-focus-ring-offset: 0;
+  --syn-input-focus-ring-offset: 0px;
   --syn-input-font-family: var(--syn-font-sans);
   --syn-input-font-size-large: var(--syn-font-size-large);
   --syn-input-font-size-medium: var(--syn-font-size-medium);