@synergy-design-system/metadata 3.10.0 → 3.11.1

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

@@ -2,7 +2,6 @@
 import { html } from 'lit';
 import { query } from 'lit/decorators.js';
 import { state } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
 import type { SynAttributesChangedEvent } from '../../events/syn-attributes-changed.js';
 import componentStyles from '../../styles/component.styles.js';
 import SynergyElement from '../../internal/synergy-element.js';
@@ -29,11 +28,35 @@ export default class SynMenu extends SynergyElement {
 
   @query('slot') defaultSlot: HTMLSlotElement;
   @state() hasMenuItemsWithCheckmarks = false;
+  private checkmarkStyledItems = new Set<SynMenuItem>();
 
   private handleUpdateCheckmarks(items: SynMenuItem[]) {
     // #368: Treat a menu as having checkmarks if it has any checkboxes or items with loading states
     // The loading indicator has to be checked as well, as it's specially placed over the check mark
-    this.hasMenuItemsWithCheckmarks = items.some(item => item.type === 'checkbox' || item.loading);  
+    this.hasMenuItemsWithCheckmarks = items.some(item => item.type === 'checkbox' || item.loading);
+    this.syncCheckmarkVisibility(items);
+  }
+
+  private syncCheckmarkVisibility(items: SynMenuItem[]) {
+    this.checkmarkStyledItems.forEach(item => {
+      if (!items.includes(item)) {
+        item.style.removeProperty('--display-checkmark');
+        this.checkmarkStyledItems.delete(item);
+      }
+    });
+
+    if (this.hasMenuItemsWithCheckmarks) {
+      items.forEach(item => {
+        item.style.removeProperty('--display-checkmark');
+        this.checkmarkStyledItems.delete(item);
+      });
+      return;
+    }
+
+    items.forEach(item => {
+      item.style.setProperty('--display-checkmark', 'none');
+      this.checkmarkStyledItems.add(item);
+    });
   }
 
   private updateCheckMarksByChildPropChange = (e: SynAttributesChangedEvent) => {
@@ -43,6 +66,8 @@ export default class SynMenu extends SynergyElement {
   
   disconnectedCallback() {
     this.removeEventListener('syn-attributes-changed', this.updateCheckMarksByChildPropChange);
+    this.checkmarkStyledItems.forEach(item => item.style.removeProperty('--display-checkmark'));
+    this.checkmarkStyledItems.clear();
   }
 
   connectedCallback() {
@@ -51,22 +76,26 @@ export default class SynMenu extends SynergyElement {
     this.addEventListener('syn-attributes-changed', this.updateCheckMarksByChildPropChange);
   }
 
-  private handleClick(event: MouseEvent) {
-    const menuItemTypes = ['menuitem', 'menuitemcheckbox'];
-
+  private getMenuItemFromEvent(event: Event) {
     const composedPath = event.composedPath();
-    const target = composedPath.find((el: Element) => menuItemTypes.includes(el?.getAttribute?.('role') || ''));
+    const target = composedPath.find((el: EventTarget) => el instanceof HTMLElement && this.isMenuItem(el));
+
+    if (!target || !(target instanceof HTMLElement)) {
+      return undefined;
+    }
 
-    if (!target) return;
+    const closestMenu = composedPath.find((el: EventTarget) => el instanceof Element && el.getAttribute('role') === 'menu');
+    if (closestMenu !== this) {
+      return undefined;
+    }
 
-    const closestMenu = composedPath.find((el: Element) => el?.getAttribute?.('role') === 'menu');
-    const clickHasSubmenu = closestMenu !== this;
+    return target as SynMenuItem;
+  }
 
-    // Make sure we're the menu thats supposed to be handling the click event.
-    if (clickHasSubmenu) return;
+  private handleClick(event: MouseEvent) {
+    const item = this.getMenuItemFromEvent(event);
 
-    // This isn't true. But we use it for TypeScript checks below.
-    const item = target as SynMenuItem;
+    if (!item) return;
 
     if (item.type === 'checkbox') {
       item.checked = !item.checked;
@@ -120,10 +149,10 @@ export default class SynMenu extends SynergyElement {
   }
 
   private handleMouseDown(event: MouseEvent) {
-    const target = event.target as HTMLElement;
+    const target = this.getMenuItemFromEvent(event);
 
-    if (this.isMenuItem(target)) {
-      this.setCurrentItem(target as SynMenuItem);
+    if (target) {
+      this.setCurrentItem(target);
     }
   }
 
@@ -144,14 +173,25 @@ export default class SynMenu extends SynergyElement {
     );
   }
 
+  private getMenuItemsFromElement(element: HTMLElement): SynMenuItem[] {
+    if (element.inert) {
+      return [];
+    }
+
+    if (this.isMenuItem(element)) {
+      return [element as SynMenuItem];
+    }
+
+    if (element.tagName.toLowerCase() === 'syn-menu') {
+      return [];
+    }
+
+    return [...element.children].flatMap(child => this.getMenuItemsFromElement(child as HTMLElement));
+  }
+
   /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
   getAllItems() {
-    return [...this.defaultSlot.assignedElements({ flatten: true })].filter((el: HTMLElement) => {
-      if (el.inert || !this.isMenuItem(el)) {
-        return false;
-      }
-      return true;
-    }) as SynMenuItem[];
+    return [...this.defaultSlot.assignedElements({ flatten: true })].flatMap(el => this.getMenuItemsFromElement(el as HTMLElement));
   }
 
   /**
@@ -178,9 +218,6 @@ export default class SynMenu extends SynergyElement {
   render() {
     return html`
       <slot
-        class=${classMap({
-          'menu--no-checkmarks': !this.hasMenuItemsWithCheckmarks,
-        })}
         @slotchange=${this.handleSlotChange}
         @click=${this.handleClick}
         @keydown=${this.handleKeyDown}

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

@@ -26,12 +26,4 @@ export default css`
   ::slotted(syn-menu-label:first-of-type) {
     --display-divider: none;
   }
-
-  /*
-   * #368: Hide the checkmarks for menu items
-   * when no syn-menu-item[checkbox] or loading is present
-   */
-  .menu--no-checkmarks::slotted(syn-menu-item) {
-    --display-checkmark: none;
-  }
 `;

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

@@ -79,13 +79,11 @@ export default class SynMenuItem extends SynergyElement {
   connectedCallback() {
     super.connectedCallback();
     this.addEventListener('click', this.handleHostClick);
-    this.addEventListener('mouseover', this.handleMouseOver);
   }
 
   disconnectedCallback() {
     super.disconnectedCallback();
     this.removeEventListener('click', this.handleHostClick);
-    this.removeEventListener('mouseover', this.handleMouseOver);
   }
 
   private handleDefaultSlotChange() {
@@ -112,11 +110,6 @@ export default class SynMenuItem extends SynergyElement {
     }
   };
 
-  private handleMouseOver = (event: MouseEvent) => {
-    this.focus();
-    event.stopPropagation();
-  };
-
   @watch('checked')
   handleCheckedChange() {
     // For proper accessibility, users have to use type="checkbox" to use the checked attribute

package/data/layers/full/component/component:syn-menu-item/components/submenu-controller.ts

@@ -11,6 +11,7 @@ export class SubmenuController implements ReactiveController {
   private host: ReactiveControllerHost & SynMenuItem;
   private popupRef: Ref<SynPopup> = createRef();
   private enableSubmenuTimer = -1;
+  private hasGlobalDismissListeners = false;
   private isConnected = false;
   private isPopupConnected = false;
   private skidding = 0;
@@ -45,6 +46,7 @@ export class SubmenuController implements ReactiveController {
     if (!this.isConnected) {
       this.host.addEventListener('mousemove', this.handleMouseMove);
       this.host.addEventListener('mouseover', this.handleMouseOver);
+      this.host.addEventListener('mouseleave', this.handleHostMouseLeave);
       this.host.addEventListener('keydown', this.handleKeyDown);
       this.host.addEventListener('click', this.handleClick);
       this.host.addEventListener('focusout', this.handleFocusOut);
@@ -56,6 +58,7 @@ export class SubmenuController implements ReactiveController {
     if (!this.isPopupConnected) {
       if (this.popupRef.value) {
         this.popupRef.value.addEventListener('mouseover', this.handlePopupMouseover);
+        this.popupRef.value.addEventListener('mouseleave', this.handlePopupMouseLeave);
         this.popupRef.value.addEventListener('syn-reposition', this.handlePopupReposition);
         this.isPopupConnected = true;
       }
@@ -66,6 +69,7 @@ export class SubmenuController implements ReactiveController {
     if (this.isConnected) {
       this.host.removeEventListener('mousemove', this.handleMouseMove);
       this.host.removeEventListener('mouseover', this.handleMouseOver);
+      this.host.removeEventListener('mouseleave', this.handleHostMouseLeave);
       this.host.removeEventListener('keydown', this.handleKeyDown);
       this.host.removeEventListener('click', this.handleClick);
       this.host.removeEventListener('focusout', this.handleFocusOut);
@@ -74,10 +78,37 @@ export class SubmenuController implements ReactiveController {
     if (this.isPopupConnected) {
       if (this.popupRef.value) {
         this.popupRef.value.removeEventListener('mouseover', this.handlePopupMouseover);
+        this.popupRef.value.removeEventListener('mouseleave', this.handlePopupMouseLeave);
         this.popupRef.value.removeEventListener('syn-reposition', this.handlePopupReposition);
         this.isPopupConnected = false;
       }
     }
+
+    this.removeGlobalDismissListeners();
+  }
+
+  private addGlobalDismissListeners() {
+    if (this.hasGlobalDismissListeners) {
+      return;
+    }
+
+    document.addEventListener('keydown', this.handleDocumentKeyDown);
+    window.addEventListener('blur', this.handleWindowBlur);
+    window.addEventListener('pagehide', this.handlePageHide);
+    document.addEventListener('visibilitychange', this.handleVisibilityChange);
+    this.hasGlobalDismissListeners = true;
+  }
+
+  private removeGlobalDismissListeners() {
+    if (!this.hasGlobalDismissListeners) {
+      return;
+    }
+
+    document.removeEventListener('keydown', this.handleDocumentKeyDown);
+    window.removeEventListener('blur', this.handleWindowBlur);
+    window.removeEventListener('pagehide', this.handlePageHide);
+    document.removeEventListener('visibilitychange', this.handleVisibilityChange);
+    this.hasGlobalDismissListeners = false;
   }
 
   // Set the safe triangle cursor position
@@ -92,6 +123,35 @@ export class SubmenuController implements ReactiveController {
     }
   };
 
+  private isWithinSubmenuInteractionTree(target: EventTarget | null): boolean {
+    if (!(target instanceof Node)) {
+      return false;
+    }
+
+    if (this.host.contains(target)) {
+      return true;
+    }
+
+    if (this.popupRef.value?.contains(target)) {
+      return true;
+    }
+
+    const rootNode = target.getRootNode();
+    if (rootNode instanceof ShadowRoot) {
+      return this.isWithinSubmenuInteractionTree(rootNode.host);
+    }
+
+    return false;
+  }
+
+  private handleHostMouseLeave = (event: MouseEvent) => {
+    if (this.isWithinSubmenuInteractionTree(event.relatedTarget)) {
+      return;
+    }
+
+    this.disableSubmenu();
+  };
+
   private handleSubmenuEntry(event: KeyboardEvent) {
     // Pass focus to the first menu-item in the submenu.
     const submenuSlot: HTMLSlotElement | null = this.host.renderRoot.querySelector("slot[name='submenu']");
@@ -187,11 +247,40 @@ export class SubmenuController implements ReactiveController {
     this.disableSubmenu();
   };
 
+  private handleWindowBlur = () => {
+    this.disableSubmenu();
+  };
+
+  private handlePageHide = () => {
+    this.disableSubmenu();
+  };
+
+  private handleVisibilityChange = () => {
+    if (document.visibilityState === 'hidden') {
+      this.disableSubmenu();
+    }
+  };
+
+  private handleDocumentKeyDown = (event: KeyboardEvent) => {
+    if (event.key === 'Escape' && this.isExpanded()) {
+      this.disableSubmenu();
+      event.stopPropagation();
+    }
+  };
+
   // Prevent the parent menu-item from getting focus on mouse movement on the submenu
   private handlePopupMouseover = (event: MouseEvent) => {
     event.stopPropagation();
   };
 
+  private handlePopupMouseLeave = (event: MouseEvent) => {
+    if (this.isWithinSubmenuInteractionTree(event.relatedTarget)) {
+      return;
+    }
+
+    this.disableSubmenu();
+  };
+
   // Set the safe triangle values for the submenu when the position changes
   private handlePopupReposition = () => {
     const submenuSlot: HTMLSlotElement | null = this.host.renderRoot.querySelector("slot[name='submenu']");
@@ -213,6 +302,11 @@ export class SubmenuController implements ReactiveController {
     if (this.popupRef.value) {
       if (this.popupRef.value.active !== state) {
         this.popupRef.value.active = state;
+        if (state) {
+          this.addGlobalDismissListeners();
+        } else {
+          this.removeGlobalDismissListeners();
+        }
         this.host.requestUpdate();
       }
     }

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/setup/setup:angular-package/angular/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @synergy-design-system/angular
 
+## 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
+
+- Updated dependencies [[`4fdb69a`](https://github.com/synergy-design-system/synergy-design-system/commit/4fdb69aec5ddb0ddfa76a948c87eaf84be6fd670)]:
+  - @synergy-design-system/components@3.15.1
+  - @synergy-design-system/tokens@3.15.1
+
 ## 3.15.0
 
 ### Minor 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.15.0",
+  "version": "3.15.2",
   "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,32 @@
 # Changelog
 
+## 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
+
+- [#1296](https://github.com/synergy-design-system/synergy-design-system/pull/1296) [`4fdb69a`](https://github.com/synergy-design-system/synergy-design-system/commit/4fdb69aec5ddb0ddfa76a948c87eaf84be6fd670) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-03
+
+  fix: 🐛 `<syn-menu>` multiple issues ([#1295](https://github.com/synergy-design-system/synergy-design-system/issues/1295))
+
+  This release fixes multiple issues when using `<syn-menu>`:
+  - submenus no longer stay open when leaving the browser window ([#882](https://github.com/synergy-design-system/synergy-design-system/issues/882))
+  - `<syn-menu-item>` wrapped in tooltip can now be used reliably (including navigation and selection) ([#1162](https://github.com/synergy-design-system/synergy-design-system/issues/1162))
+  - `<syn-menu-item>` no longer steals focus on hover ([#1286](https://github.com/synergy-design-system/synergy-design-system/issues/1286))
+
+- Updated dependencies []:
+  - @synergy-design-system/tokens@3.15.1
+
 ## 3.15.0
 
 ### Minor 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.15.0",
+  "version": "3.15.2",
   "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.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
+
+- Updated dependencies [[`4fdb69a`](https://github.com/synergy-design-system/synergy-design-system/commit/4fdb69aec5ddb0ddfa76a948c87eaf84be6fd670)]:
+  - @synergy-design-system/components@3.15.1
+  - @synergy-design-system/tokens@3.15.1
+
 ## 3.15.0
 
 ### Minor Changes

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

@@ -43,10 +43,10 @@
     "directory": "packages/react"
   },
   "type": "module",
-  "version": "3.15.0",
+  "version": "3.15.2",
   "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:^"