@synergy-design-system/metadata 3.11.0 → 3.12.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## 3.12.0
+
+### 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`.
+
+## 3.11.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))
+
 ## 3.11.0
 
 ### Patch Changes

package/data/core/asset/asset:sick2018-icons.json

@@ -89029,7 +89029,7 @@
   "name": "sick2018 Icons",
   "package": "assets",
   "relations": [],
-  "since": "2.1.1",
+  "since": "2.1.2",
   "sources": [
     "packages/assets/src/sick2018/js/index.ts"
   ],

package/data/core/asset/asset:sick2018-logos.json

@@ -17,7 +17,7 @@
   "name": "sick2018 Logos",
   "package": "assets",
   "relations": [],
-  "since": "2.1.1",
+  "since": "2.1.2",
   "sources": [],
   "status": "stable",
   "tags": [

package/data/core/asset/asset:sick2018-system-icons.json

@@ -41,7 +41,7 @@
   "name": "sick2018 System Icons",
   "package": "assets",
   "relations": [],
-  "since": "2.1.1",
+  "since": "2.1.2",
   "sources": [],
   "status": "stable",
   "tags": [

package/data/core/asset/asset:sick2025-icons-fill.json

@@ -152200,7 +152200,7 @@
   "name": "sick2025 Icons (Fill)",
   "package": "assets",
   "relations": [],
-  "since": "2.1.1",
+  "since": "2.1.2",
   "sources": [
     "packages/assets/src/sick2025/js/filled.ts"
   ],

package/data/core/asset/asset:sick2025-icons-outline.json

@@ -152200,7 +152200,7 @@
   "name": "sick2025 Icons (Outline)",
   "package": "assets",
   "relations": [],
-  "since": "2.1.1",
+  "since": "2.1.2",
   "sources": [
     "packages/assets/src/sick2025/js/outline.ts"
   ],

package/data/core/asset/asset:sick2025-logos.json

@@ -23,7 +23,7 @@
   "name": "sick2025 Logos",
   "package": "assets",
   "relations": [],
-  "since": "2.1.1",
+  "since": "2.1.2",
   "sources": [],
   "status": "stable",
   "tags": [

package/data/core/asset/asset:sick2025-system-icons.json

@@ -41,7 +41,7 @@
   "name": "sick2025 System Icons",
   "package": "assets",
   "relations": [],
-  "since": "2.1.1",
+  "since": "2.1.2",
   "sources": [],
   "status": "stable",
   "tags": [

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

@@ -21,7 +21,7 @@
   "name": "Angular Components Module",
   "package": "angular",
   "relations": [],
-  "since": "3.15.1",
+  "since": "3.15.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.15.1",
+  "since": "3.15.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.15.1",
+    "packageVersion": "3.15.3",
     "subpathExports": [
       ".",
       "./components/*",
@@ -39,7 +39,7 @@
   "name": "Angular Framework Package",
   "package": "angular",
   "relations": [],
-  "since": "3.15.1",
+  "since": "3.15.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.15.1",
+  "since": "3.15.3",
   "sources": [
     "packages/angular/directives/validators/validators.ts"
   ],

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

@@ -14,7 +14,7 @@
       "./src/sick2025/*"
     ],
     "packageName": "@synergy-design-system/assets",
-    "packageVersion": "2.1.1"
+    "packageVersion": "2.1.2"
   },
   "id": "setup:assets-package",
   "kind": "setup",
@@ -41,7 +41,7 @@
   "name": "Assets Package",
   "package": "assets",
   "relations": [],
-  "since": "2.1.1",
+  "since": "2.1.2",
   "sources": [
     "packages/assets/README.md",
     "packages/assets/CHANGELOG.md",

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

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

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

@@ -9,7 +9,7 @@
       "./src/*"
     ],
     "packageName": "@synergy-design-system/fonts",
-    "packageVersion": "1.0.6"
+    "packageVersion": "1.0.7"
   },
   "id": "setup:fonts-package",
   "kind": "setup",
@@ -32,7 +32,7 @@
   "name": "Fonts Package",
   "package": "fonts",
   "relations": [],
-  "since": "1.0.6",
+  "since": "1.0.7",
   "sources": [
     "packages/fonts/README.md",
     "packages/fonts/CHANGELOG.md",

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

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

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

@@ -6,7 +6,7 @@
       "./package.json"
     ],
     "packageName": "@synergy-design-system/styles",
-    "packageVersion": "2.1.0"
+    "packageVersion": "2.1.1"
   },
   "id": "setup:styles-package",
   "kind": "setup",
@@ -33,7 +33,7 @@
   "name": "Styles Package",
   "package": "styles",
   "relations": [],
-  "since": "2.1.0",
+  "since": "2.1.1",
   "sources": [
     "packages/styles/README.md",
     "packages/styles/CHANGELOG.md",

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

@@ -32,7 +32,7 @@
       "./themes/*"
     ],
     "packageName": "@synergy-design-system/tokens",
-    "packageVersion": "3.15.1"
+    "packageVersion": "3.15.3"
   },
   "id": "setup:tokens-package",
   "kind": "setup",
@@ -59,7 +59,7 @@
   "name": "Tokens Package",
   "package": "tokens",
   "relations": [],
-  "since": "3.15.1",
+  "since": "3.15.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.15.1"
+    "packageVersion": "3.15.3"
   },
   "id": "setup:vue-package",
   "kind": "setup",
@@ -33,7 +33,7 @@
   "name": "Vue Framework Package",
   "package": "vue",
   "relations": [],
-  "since": "3.15.1",
+  "since": "3.15.3",
   "sources": [
     "packages/vue/README.md",
     "packages/vue/CHANGELOG.md",

package/data/core/style/style:syn-body.json

@@ -21,7 +21,7 @@
   "name": "syn-body",
   "package": "styles",
   "relations": [],
-  "since": "2.1.0",
+  "since": "2.1.1",
   "sources": [
     "packages/styles/src/typography/body.css"
   ],

package/data/core/style/style:syn-heading.json

@@ -21,7 +21,7 @@
   "name": "syn-heading",
   "package": "styles",
   "relations": [],
-  "since": "2.1.0",
+  "since": "2.1.1",
   "sources": [
     "packages/styles/src/typography/heading.css"
   ],

package/data/core/style/style:syn-link-list.json

@@ -21,7 +21,7 @@
   "name": "syn-link-list",
   "package": "styles",
   "relations": [],
-  "since": "2.1.0",
+  "since": "2.1.1",
   "sources": [
     "packages/styles/src/link-list/index.css"
   ],

package/data/core/style/style:syn-link.json

@@ -21,7 +21,7 @@
   "name": "syn-link",
   "package": "styles",
   "relations": [],
-  "since": "2.1.0",
+  "since": "2.1.1",
   "sources": [
     "packages/styles/src/link/index.css"
   ],

package/data/core/style/style:syn-table-cell.json

@@ -21,7 +21,7 @@
   "name": "syn-table-cell",
   "package": "styles",
   "relations": [],
-  "since": "2.1.0",
+  "since": "2.1.1",
   "sources": [
     "packages/styles/src/tables/table-cell.css"
   ],

package/data/core/style/style:syn-table.json

@@ -21,7 +21,7 @@
   "name": "syn-table",
   "package": "styles",
   "relations": [],
-  "since": "2.1.0",
+  "since": "2.1.1",
   "sources": [
     "packages/styles/src/tables/table.css"
   ],

package/data/core/style/style:syn-weight.json

@@ -21,7 +21,7 @@
   "name": "syn-weight",
   "package": "styles",
   "relations": [],
-  "since": "2.1.0",
+  "since": "2.1.1",
   "sources": [
     "packages/styles/src/typography/weight.css"
   ],

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

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

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

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

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

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

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

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

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

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

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.15.1",
+  "since": "3.15.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.15.1",
+  "since": "3.15.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.15.1",
+  "since": "3.15.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.15.1",
+  "since": "3.15.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.15.1",
+  "since": "3.15.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.15.1",
+  "since": "3.15.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.15.1",
+  "since": "3.15.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.15.1",
+  "since": "3.15.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.15.1",
+  "since": "3.15.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.15.1",
+  "since": "3.15.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.15.1",
+  "since": "3.15.3",
   "sources": [
     "packages/tokens/dist/themes/sick2025_light.css"
   ],

package/data/core/utility/utility:fonts-sick-intl.json

@@ -20,7 +20,7 @@
   "name": "SICK Intl Font Source",
   "package": "fonts",
   "relations": [],
-  "since": "1.0.6",
+  "since": "1.0.7",
   "sources": [
     "packages/fonts/src/sick-intl/font.css",
     "packages/fonts/src/sick-intl/LICENSE"

package/data/index.json

@@ -1,5 +1,5 @@
 {
-  "builtAt": "2026-06-03T07:07:11.049Z",
+  "builtAt": "2026-06-08T10:05:19.631Z",
   "entities": [
     {
       "corePath": "data/core/asset/asset:sick2018-icons.json",

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

@@ -136,6 +136,12 @@ export default class SynDropdown extends SynergyElement {
     }
   }
 
+  private getContainingModalHost() {
+    return this.closest('syn-dialog, syn-drawer') as
+      | (HTMLElement & { modal?: { activateExternal(): void; deactivateExternal(): void } })
+      | null;
+  }
+
   getMenu() {
     return this.panel.assignedElements({ flatten: true }).find(el => el.tagName.toLowerCase() === 'syn-menu') as
       | SynMenu
@@ -354,6 +360,10 @@ export default class SynDropdown extends SynergyElement {
 
   addOpenListeners() {
     this.panel.addEventListener('syn-select', this.handlePanelSelect);
+
+    // #1297: If the dropdown is inside a dialog, temporarily disable its focus trap while the popup is open because popup content can move to the browser top layer.
+    this.getContainingModalHost()?.modal?.activateExternal();
+
     if ('CloseWatcher' in window) {
       this.closeWatcher?.destroy();
       this.closeWatcher = new CloseWatcher();
@@ -373,6 +383,10 @@ export default class SynDropdown extends SynergyElement {
       this.panel.removeEventListener('syn-select', this.handlePanelSelect);
       this.panel.removeEventListener('keydown', this.handleKeyDown);
     }
+
+    // #1297: If the dropdown is inside a dialog, temporarily disable its focus trap while the popup is open because popup content can move to the browser top layer.
+    this.getContainingModalHost()?.modal?.deactivateExternal();
+
     document.removeEventListener('keydown', this.handleDocumentKeyDown);
     document.removeEventListener('mousedown', this.handleDocumentMouseDown);
     this.closeWatcher?.destroy();

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

@@ -120,6 +120,8 @@ export default class SynOptgroup extends SynergyElement {
           if (optgroupMutation.type === 'childList') {
             optgroupMutation.addedNodes.forEach((node) => {
               if (node instanceof HTMLElement && node.matches('syn-option')) {
+                // False positive for instanceof check, but we know this is correct since the mutation observer is only looking for syn-options
+                // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
                 handleInitialDisabledForOption(node as SynOption, this.disabled);
               }
             });

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

@@ -94,6 +94,12 @@ export default class SynSelect extends SynergyElement implements SynergyFormCont
   private selectedOptionObserver: MutationObserver;
   private isUserInput: boolean = false;
 
+  private getContainingModalHost() {
+    return this.closest('syn-dialog, syn-drawer') as
+      | (HTMLElement & { modal?: { activateExternal(): void; deactivateExternal(): void } })
+      | null;
+  }
+
   @query('.select') popup: SynPopup;
   @query('.select__combobox') combobox: HTMLSlotElement;
   @query('.select__display-input') displayInput: HTMLInputElement;
@@ -300,6 +306,9 @@ export default class SynSelect extends SynergyElement implements SynergyFormCont
     document.addEventListener('keydown', this.handleDocumentKeyDown);
     document.addEventListener('mousedown', this.handleDocumentMouseDown);
 
+    // #1297: If the select is inside a dialog, we need to activate the dialog's modal to prevent focus from escaping the dialog while the select is open
+    this.getContainingModalHost()?.modal?.activateExternal();
+
     // If the component is rendered in a shadow root, we need to attach the focusin listener there too
     if (this.getRootNode() !== document) {
       this.getRootNode().addEventListener('focusin', this.handleDocumentFocusIn);
@@ -322,6 +331,9 @@ export default class SynSelect extends SynergyElement implements SynergyFormCont
     document.removeEventListener('keydown', this.handleDocumentKeyDown);
     document.removeEventListener('mousedown', this.handleDocumentMouseDown);
 
+    // #1297: If the select is inside a dialog, we need to activate the dialog's modal to prevent focus from escaping the dialog while the select is open
+    this.getContainingModalHost()?.modal?.deactivateExternal();
+
     if (this.getRootNode() !== document) {
       this.getRootNode().removeEventListener('focusin', this.handleDocumentFocusIn);
     }

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

@@ -1,5 +1,25 @@
 # @synergy-design-system/angular
 
+## 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