@synergy-design-system/metadata 3.3.0 → 3.5.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## 3.5.0
+
+### Patch Changes
+
+- [#1279](https://github.com/synergy-design-system/synergy-design-system/pull/1279) [`de1f21e`](https://github.com/synergy-design-system/synergy-design-system/commit/de1f21e46ac3092e8bd3a1911e1284936b3354cf) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-05-06
+
+  fix: 🐛 `<syn-select>` and `<syn-combobox>` have invalid selected value if the selected option changes ([#1265](https://github.com/synergy-design-system/synergy-design-system/issues/1265))
+
+  This release ensures `<syn-select>` and `<syn-combobox>` always show the current selected option text.
+  If a selected option name changes, the field now updates right away instead of showing outdated text.
+
+## 3.4.0
+
+### Minor Changes
+
+- Released on: 2026-05-05
+
+  chore: ✨ Update Metadata and MCP with latest metadata
+
 ## 3.3.0
 
 ### Patch Changes

package/data/core/setup/setup:angular-components-module.json

@@ -21,7 +21,7 @@
   "name": "Angular Components Module",
   "package": "angular",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/angular/modules/synergy/synergy.module.ts",
     "packages/angular/components/index.ts"

package/data/core/setup/setup:angular-forms-module.json

@@ -22,7 +22,7 @@
   "name": "Angular Forms Module",
   "package": "angular",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/angular/modules/forms/forms.module.ts"
   ],

package/data/core/setup/setup:angular-package.json

@@ -2,7 +2,7 @@
   "custom": {
     "framework": "angular",
     "packageName": "@synergy-design-system/angular",
-    "packageVersion": "3.13.2",
+    "packageVersion": "3.13.3",
     "subpathExports": [
       ".",
       "./components/*",
@@ -39,7 +39,7 @@
   "name": "Angular Framework Package",
   "package": "angular",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/angular/README.md",
     "packages/angular/CHANGELOG.md",

package/data/core/setup/setup:angular-validators-module.json

@@ -22,7 +22,7 @@
   "name": "Angular Validators Module",
   "package": "angular",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/angular/directives/validators/validators.ts"
   ],

package/data/core/setup/setup:components-package.json

@@ -1,7 +1,7 @@
 {
   "custom": {
     "packageName": "@synergy-design-system/components",
-    "packageVersion": "3.13.2"
+    "packageVersion": "3.13.3"
   },
   "id": "setup:components-package",
   "kind": "setup",
@@ -40,7 +40,7 @@
   "name": "Components Package",
   "package": "components",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/components/README.md",
     "packages/components/CHANGELOG.md",

package/data/core/setup/setup:react-package.json

@@ -2,7 +2,7 @@
   "custom": {
     "framework": "react",
     "packageName": "@synergy-design-system/react",
-    "packageVersion": "3.13.2",
+    "packageVersion": "3.13.3",
     "subpathExports": [
       ".",
       "./components/*",
@@ -42,7 +42,7 @@
   "name": "React Framework Package",
   "package": "react",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/react/README.md",
     "packages/react/CHANGELOG.md",

package/data/core/setup/setup:tokens-package.json

@@ -24,7 +24,7 @@
       "./themes/*"
     ],
     "packageName": "@synergy-design-system/tokens",
-    "packageVersion": "3.13.2"
+    "packageVersion": "3.13.3"
   },
   "id": "setup:tokens-package",
   "kind": "setup",
@@ -51,7 +51,7 @@
   "name": "Tokens Package",
   "package": "tokens",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/tokens/BREAKING_CHANGES.md",
     "packages/tokens/CHANGELOG.md",

package/data/core/setup/setup:vue-package.json

@@ -2,7 +2,7 @@
   "custom": {
     "framework": "vue",
     "packageName": "@synergy-design-system/vue",
-    "packageVersion": "3.13.2"
+    "packageVersion": "3.13.3"
   },
   "id": "setup:vue-package",
   "kind": "setup",
@@ -33,7 +33,7 @@
   "name": "Vue Framework Package",
   "package": "vue",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/vue/README.md",
     "packages/vue/CHANGELOG.md",

package/data/core/token/token:tokens-figma-variables-sick2018-dark-json.json

@@ -18,7 +18,7 @@
   "name": "sick2018-dark.json",
   "package": "tokens",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/tokens/src/figma-variables/output/sick2018-dark.json"
   ],

package/data/core/token/token:tokens-figma-variables-sick2018-light-json.json

@@ -18,7 +18,7 @@
   "name": "sick2018-light.json",
   "package": "tokens",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/tokens/src/figma-variables/output/sick2018-light.json"
   ],

package/data/core/token/token:tokens-figma-variables-sick2025-dark-json.json

@@ -18,7 +18,7 @@
   "name": "sick2025-dark.json",
   "package": "tokens",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/tokens/src/figma-variables/output/sick2025-dark.json"
   ],

package/data/core/token/token:tokens-figma-variables-sick2025-light-json.json

@@ -18,7 +18,7 @@
   "name": "sick2025-light.json",
   "package": "tokens",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/tokens/src/figma-variables/output/sick2025-light.json"
   ],

package/data/core/token/token:tokens-js-index-d-ts.json

@@ -17,7 +17,7 @@
   "name": "index.d.ts",
   "package": "tokens",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/tokens/dist/js/index.d.ts"
   ],

package/data/core/token/token:tokens-js-index-js.json

@@ -17,7 +17,7 @@
   "name": "index.js",
   "package": "tokens",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/tokens/dist/js/index.js"
   ],

package/data/core/token/token:tokens-scss-tokens-scss.json

@@ -17,7 +17,7 @@
   "name": "_tokens.scss",
   "package": "tokens",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/tokens/dist/scss/_tokens.scss"
   ],

package/data/core/token/token:tokens-themes-sick2018-dark-css.json

@@ -18,7 +18,7 @@
   "name": "sick2018_dark.css",
   "package": "tokens",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/tokens/dist/themes/sick2018_dark.css"
   ],

package/data/core/token/token:tokens-themes-sick2018-light-css.json

@@ -18,7 +18,7 @@
   "name": "sick2018_light.css",
   "package": "tokens",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/tokens/dist/themes/sick2018_light.css"
   ],

package/data/core/token/token:tokens-themes-sick2025-dark-css.json

@@ -18,7 +18,7 @@
   "name": "sick2025_dark.css",
   "package": "tokens",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/tokens/dist/themes/sick2025_dark.css"
   ],

package/data/core/token/token:tokens-themes-sick2025-light-css.json

@@ -18,7 +18,7 @@
   "name": "sick2025_light.css",
   "package": "tokens",
   "relations": [],
-  "since": "3.13.2",
+  "since": "3.13.3",
   "sources": [
     "packages/tokens/dist/themes/sick2025_light.css"
   ],

package/data/index.json

@@ -1,5 +1,5 @@
 {
-  "builtAt": "2026-05-04T13:29:30.055Z",
+  "builtAt": "2026-05-06T07:44:15.227Z",
   "entities": [
     {
       "corePath": "data/core/asset/asset:sick2018-icons.json",

package/data/layers/full/component/component:syn-combobox/components/combobox.component.ts

@@ -389,15 +389,36 @@ export default class SynCombobox extends SynergyElement implements SynergyFormCo
         return entry.oldValue !== currentValue && !!currentValue;
       });
 
+      const hasRelevantSelectedLabelChange = (this.restricted || this.multiple) && entries.some(entry => {
+        if (entry.type !== 'characterData' && entry.type !== 'childList') {
+          return false;
+        }
+
+        return this.selectedOptions.some(option => option === entry.target || option.contains(entry.target));
+      });
+
       if (hasRelevantValueChange) {
         this.handleSlotContentChange();
       }
+
+      if (hasRelevantSelectedLabelChange) {
+        if (this.multiple) {
+          if (this.readonly) {
+            this.displayLabel = this.selectedOptions.map(option => option.getTextLabel()).join(', ');
+          } else {
+            this.requestUpdate();
+          }
+        } else {
+          this.displayLabel = this.selectedOptions[0]?.getTextLabel?.() ?? this.displayLabel;
+        }
+      }
     });
 
     this.mutationObserver.observe(this, {
       attributeFilter: ['value'],
       attributeOldValue: true,
       attributes: true,
+      characterData: true,
       childList: true,
       subtree: true,
     });

package/data/layers/full/component/component:syn-select/components/select.component.ts

@@ -91,6 +91,7 @@ export default class SynSelect extends SynergyElement implements SynergyFormCont
   private typeToSelectTimeout: number;
   private closeWatcher: CloseWatcher | null;
   private resizeObserver: ResizeObserver;
+  private selectedOptionObserver: MutationObserver;
   private isUserInput: boolean = false;
 
   @query('.select') popup: SynPopup;
@@ -248,6 +249,20 @@ export default class SynSelect extends SynergyElement implements SynergyFormCont
   connectedCallback() {
     super.connectedCallback();
 
+    // #1265: When updating the content of the selected syn-option, the select needs to update the display label.
+    // To do this, we use a MutationObserver to watch for changes in the selected options.
+    this.selectedOptionObserver = new MutationObserver(() => {
+      if (this.multiple) {
+        if (this.readonly) {
+          this.displayLabel = this.selectedOptions.map(option => option.getTextLabel()).join(', ');
+        } else {
+          this.requestUpdate();
+        }
+      } else {
+        this.displayLabel = this.selectedOptions[0]?.getTextLabel?.() ?? '';
+      }
+    });
+
     setTimeout(() => {
       this.handleDefaultSlotChange();
     });
@@ -260,6 +275,19 @@ export default class SynSelect extends SynergyElement implements SynergyFormCont
   disconnectedCallback() {
     super.disconnectedCallback();
     this.resizeObserver?.disconnect();
+    this.selectedOptionObserver?.disconnect();
+  }
+
+  private observeSelectedOptions() {
+    this.selectedOptionObserver?.disconnect();
+
+    this.selectedOptions.forEach(option => {
+      this.selectedOptionObserver.observe(option, {
+        childList: true,
+        characterData: true,
+        subtree: true,
+      });
+    });
   }
 
   private addOpenListeners() {
@@ -653,6 +681,7 @@ export default class SynSelect extends SynergyElement implements SynergyFormCont
     const options = this.getAllOptions();
     // Update selected options cache
     this.selectedOptions = options.filter(el => el.selected);
+    this.observeSelectedOptions();
 
     // Keep a reference to the previous `valueHasChanged`. Changes made here don't count has changing the value.
     const cachedValueHasChanged = this.valueHasChanged;

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

@@ -1,5 +1,13 @@
 # @synergy-design-system/angular
 
+## 3.13.3
+
+### Patch Changes
+
+- Updated dependencies [[`de1f21e`](https://github.com/synergy-design-system/synergy-design-system/commit/de1f21e46ac3092e8bd3a1911e1284936b3354cf)]:
+  - @synergy-design-system/components@3.13.3
+  - @synergy-design-system/tokens@3.13.3
+
 ## 3.13.2
 
 ### Patch Changes

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.13.2",
+  "version": "3.13.3",
   "scripts": {
     "_build": "pnpm _clean && ng-packagr -c tsconfig.lib.json && pnpm _after-build",
     "_clean": "rm -rf ../_private/angular-demo/.angular",

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

@@ -1,5 +1,19 @@
 # Changelog
 
+## 3.13.3
+
+### Patch Changes
+
+- [#1279](https://github.com/synergy-design-system/synergy-design-system/pull/1279) [`de1f21e`](https://github.com/synergy-design-system/synergy-design-system/commit/de1f21e46ac3092e8bd3a1911e1284936b3354cf) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-05-06
+
+  fix: 🐛 `<syn-select>` and `<syn-combobox>` have invalid selected value if the selected option changes ([#1265](https://github.com/synergy-design-system/synergy-design-system/issues/1265))
+
+  This release ensures `<syn-select>` and `<syn-combobox>` always show the current selected option text.
+  If a selected option name changes, the field now updates right away instead of showing outdated text.
+
+- Updated dependencies []:
+  - @synergy-design-system/tokens@3.13.3
+
 ## 3.13.2
 
 ### Patch Changes

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.13.2",
+  "version": "3.13.3",
   "description": "",
   "repository": {
     "type": "git",

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

@@ -1,5 +1,13 @@
 # @synergy-design-system/react
 
+## 3.13.3
+
+### Patch Changes
+
+- Updated dependencies [[`de1f21e`](https://github.com/synergy-design-system/synergy-design-system/commit/de1f21e46ac3092e8bd3a1911e1284936b3354cf)]:
+  - @synergy-design-system/components@3.13.3
+  - @synergy-design-system/tokens@3.13.3
+
 ## 3.13.2
 
 ### Patch Changes

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

@@ -43,7 +43,7 @@
     "directory": "packages/react"
   },
   "type": "module",
-  "version": "3.13.2",
+  "version": "3.13.3",
   "devDependencies": {
     "@types/react": "^19.2.14",
     "react": "^19.2.5"

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

@@ -1,5 +1,7 @@
 # Changelog
 
+## 3.13.3
+
 ## 3.13.2
 
 ## 3.13.1

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

@@ -77,5 +77,5 @@
   },
   "type": "module",
   "types": "./dist/js/index.d.ts",
-  "version": "3.13.2"
+  "version": "3.13.3"
 }

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

@@ -1,5 +1,13 @@
 # @synergy-design-system/vue
 
+## 3.13.3
+
+### Patch Changes
+
+- Updated dependencies [[`de1f21e`](https://github.com/synergy-design-system/synergy-design-system/commit/de1f21e46ac3092e8bd3a1911e1284936b3354cf)]:
+  - @synergy-design-system/components@3.13.3
+  - @synergy-design-system/tokens@3.13.3
+
 ## 3.13.2
 
 ### Patch Changes

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

@@ -43,7 +43,7 @@
     "directory": "packages/vue"
   },
   "type": "module",
-  "version": "3.13.2",
+  "version": "3.13.3",
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.6",
     "@vue/tsconfig": "^0.9.1",

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

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

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

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

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

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.13.2
+ * @synergy-design-system/tokens version 3.13.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.13.2
+ * @synergy-design-system/tokens version 3.13.3
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */

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

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

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

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

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

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

package/data/manifest.json

@@ -1,5 +1,5 @@
 {
-  "builtAt": "2026-05-04T13:29:30.056Z",
+  "builtAt": "2026-05-06T07:44:15.228Z",
   "sources": [
     {
       "entityCount": 4,

package/package.json

@@ -19,11 +19,11 @@
     "serve-handler": "^6.1.7",
     "typescript": "^5.9.3",
     "zod": "^4.3.6",
-    "@synergy-design-system/components": "3.13.2",
+    "@synergy-design-system/components": "3.13.3",
     "@synergy-design-system/docs": "0.1.0",
     "@synergy-design-system/eslint-config-syn": "^0.1.0",
     "@synergy-design-system/fonts": "1.0.6",
-    "@synergy-design-system/tokens": "^3.13.2",
+    "@synergy-design-system/tokens": "^3.13.3",
     "@synergy-design-system/styles": "2.1.0"
   },
   "exports": {
@@ -65,7 +65,7 @@
   },
   "types": "./dist/index.d.ts",
   "type": "module",
-  "version": "3.3.0",
+  "version": "3.5.0",
   "scripts": {
     "build:all": "METADATA_LOG_LEVEL=info pnpm run build:ts && RUN_STORYBOOK_SCRAPER=true pnpm run build:data",
     "build": "METADATA_LOG_LEVEL=info pnpm run build:ts && pnpm run build:data",