@synergy-design-system/mcp 1.22.0 → 1.24.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## 1.24.0
+
+### Minor Changes
+
+- [#1086](https://github.com/synergy-design-system/synergy-design-system/pull/1086) [`515226c`](https://github.com/synergy-design-system/synergy-design-system/commit/515226c44f8bba7b2b4b80cdd0f21f3237f0670d) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-19
+
+  feat: ✨ Brand updates for `<syn validate>` (#973)
+
+### Patch Changes
+
+- Updated dependencies [[`515226c`](https://github.com/synergy-design-system/synergy-design-system/commit/515226c44f8bba7b2b4b80cdd0f21f3237f0670d)]:
+  - @synergy-design-system/assets@1.22.0
+
+## 1.23.0
+
+### Minor Changes
+
+- [#1076](https://github.com/synergy-design-system/synergy-design-system/pull/1076) [`1392ed2`](https://github.com/synergy-design-system/synergy-design-system/commit/1392ed23aba2b628344356adba0a78e1e8beff84) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-18
+
+  feat: ✨ Brand updates for `<syn-side-nav>`, `<syn-prio-nav>` and `<syn-nav-item>` (#967, #960)
+
 ## 1.22.0
 
 ### Minor Changes

package/metadata/checksum.txt

@@ -1 +1 @@
-801fb6a373aadb785308b079343111ee
+e4580d57e51553f431865895f2834f20

package/metadata/packages/assets/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 1.22.0
+
+### Minor Changes
+
+- [#1086](https://github.com/synergy-design-system/synergy-design-system/pull/1086) [`515226c`](https://github.com/synergy-design-system/synergy-design-system/commit/515226c44f8bba7b2b4b80cdd0f21f3237f0670d) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-19
+
+  feat: ✨ Brand updates for `<syn validate>` (#973)
+
 ## 1.21.0
 
 ### Minor Changes

package/metadata/packages/components/components/syn-button/component.ts

@@ -311,7 +311,7 @@ export default class SynButton extends SynergyElement implements SynergyFormCont
         <slot part="label" class=${classMap({ 'button__label': true, 'button__icon-only': this.iconOnly })} @slotchange=${this.handleSlotChange}></slot>
         <slot name="suffix" part="suffix" class="button__suffix"></slot>
         ${
-          this.caret ? html` <syn-icon part="caret" class="button__caret" library="system" name="caret"></syn-icon> ` : ''
+          this.caret ? html` <syn-icon part="caret" class="button__caret" library="system" name="chevron-down"></syn-icon> ` : ''
         }
         ${this.loading ? html`<syn-spinner part="spinner"></syn-spinner>` : ''}
       </${tag}>

package/metadata/packages/components/components/syn-nav-item/component.styles.ts

@@ -41,7 +41,7 @@ export default css`
     border: none;
     box-shadow: inset 0 -1px 0 0 transparent;
     box-sizing: border-box;
-    color: var(--syn-color-neutral-950);
+    color: var(--syn-typography-color-text);
     cursor: pointer;
     display: inline-flex;
     font: var(--syn-font-sans);
@@ -103,7 +103,7 @@ export default css`
    * Basic set up for the nav item prefix.
    */
   .nav-item:not(.nav-item--disabled)::before {
-    background: var(--syn-color-neutral-600);
+    background: var(--syn-interactive-background-color-hover, var(--syn-color-neutral-50));
     content: '';
     display: block;
     height: 100%;
@@ -120,7 +120,7 @@ export default css`
    * We use opacity to make sure the border-bottom is visible if used in the prio-nav in header
    */
   .nav-item:not(.nav-item--disabled):hover::before {
-    opacity: 0.11;
+    opacity: 1;
   }
 
   /**
@@ -164,6 +164,7 @@ export default css`
    * The chevron indicates the use as a <details /> element OR a link
    */
   .nav-item__chevron {
+    color: var(--syn-interactive-quiet-color);
     font-size: var(--syn-font-size-x-large);
     margin-inline-start: var(--syn-spacing-x-small);
     rotate: 0deg;
@@ -193,7 +194,7 @@ export default css`
   /**
    * Horizontal navigation items should not break words
    */
-    .nav-item--horizontal .nav-item__content-container {
+  .nav-item--horizontal .nav-item__content-container {
     font-weight: var(--syn-font-weight-bold);
     white-space: nowrap;
   }
@@ -257,12 +258,8 @@ export default css`
     z-index: 1;
   }
 
-  .current-indicator--visible.current-indicator--disabled {
-    background: var(--syn-color-neutral-500);
-  }
-
   .current-indicator--visible {
-    background: var(--syn-color-primary-600);
+    background: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
   }
 
   .nav-item--horizontal .current-indicator {
@@ -295,28 +292,19 @@ export default css`
    * Dividers are optionally displayed in horizontal nav items
    */
   .divider {
-    --color: var(--syn-color-neutral-200);
-
     left: var(--syn-spacing-medium);
     margin: 0;
     position: absolute;
     right: var(--syn-spacing-medium);
     top: 0;
-    transition: border var(--syn-transition-fast) ease-in-out;
-  }
-
-  /**
-   * Hide the divider for active elements
-   */
-  .nav-item:focus-visible .divider {
-    --color: transparent;
   }
 
   /**
-   * Make sure the divider is not visible anymore when hovering
+   * Make sure the divider blends into the background on hover
+   * for items that are NOT disabled.
    */
-  .nav-item:not(.nav-item--disabled):hover .divider {
-    --color: transparent;
+  .nav-item--vertical:not(.nav-item--disabled):hover .divider {
+    --color: var(--syn-interactive-background-color-hover);
   }
 
   /**

package/metadata/packages/components/components/syn-nav-item/component.ts

@@ -449,7 +449,6 @@ export default class SynNavItem extends SynergyElement {
                 'nav-item__chevron': true,
                 'nav-item__chevron-open': this.open,
               })}
-              color="currentColor"
               library="system"
               name="chevron-down"
               part="chevron"

package/metadata/packages/components/components/syn-side-nav/component.styles.ts

@@ -32,9 +32,6 @@ export default css`
     position: absolute;
   }
 
-
-
-
   /****
    *
    * variant="default"
@@ -51,9 +48,6 @@ export default css`
     display: block;
   }
 
-
-
-
   /****
    *
    * variant="rail"
@@ -88,9 +82,6 @@ export default css`
     overflow: hidden;
   }
 
-
-
-
   /****
    *
    * variant="sticky"
@@ -114,7 +105,6 @@ export default css`
     --size: var(--side-nav-rail-width);
   }
 
-
   /*
    * For touch devices the content should not shrink in a flex container
    */ 
@@ -144,7 +134,6 @@ export default css`
    ****/
   .side-nav__footer-divider{
     --spacing: 0;
-    --color: var(--syn-color-neutral-300);
   }
 
   :not(.side-nav--open).side-nav--rail ::slotted(syn-nav-item){

package/metadata/packages/components/components/syn-validate/component.ts

@@ -411,7 +411,7 @@ export default class SynValidate extends SynergyElement {
         variant="danger"
       >
         ${!this.hideIcon
-          ? html`<syn-icon slot="icon" name="error" library="system"></syn-icon>`
+          ? html`<syn-icon slot="icon" name="status-error" library="system"></syn-icon>`
           : ''
         }
         ${this.validationMessage}

package/metadata/packages/components/static/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+## 2.62.0
+
+### Minor Changes
+
+- [#1086](https://github.com/synergy-design-system/synergy-design-system/pull/1086) [`515226c`](https://github.com/synergy-design-system/synergy-design-system/commit/515226c44f8bba7b2b4b80cdd0f21f3237f0670d) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-19
+
+  feat: ✨ Brand updates for `<syn validate>` (#973)
+
+### Patch Changes
+
+- Updated dependencies [[`515226c`](https://github.com/synergy-design-system/synergy-design-system/commit/515226c44f8bba7b2b4b80cdd0f21f3237f0670d)]:
+  - @synergy-design-system/tokens@2.43.0
+
+## 2.61.0
+
+### Minor Changes
+
+- [#1076](https://github.com/synergy-design-system/synergy-design-system/pull/1076) [`1392ed2`](https://github.com/synergy-design-system/synergy-design-system/commit/1392ed23aba2b628344356adba0a78e1e8beff84) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-18
+
+  feat: ✨ Brand updates for `<syn-side-nav>`, `<syn-prio-nav>` and `<syn-nav-item>` (#967, #960)
+
+### Patch Changes
+
+- Updated dependencies [[`1392ed2`](https://github.com/synergy-design-system/synergy-design-system/commit/1392ed23aba2b628344356adba0a78e1e8beff84)]:
+  - @synergy-design-system/tokens@2.42.0
+
 ## 2.60.0
 
 ### Minor Changes

package/metadata/packages/tokens/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 2.43.0
+
+### Minor Changes
+
+- [#1086](https://github.com/synergy-design-system/synergy-design-system/pull/1086) [`515226c`](https://github.com/synergy-design-system/synergy-design-system/commit/515226c44f8bba7b2b4b80cdd0f21f3237f0670d) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-19
+
+  feat: ✨ Brand updates for `<syn validate>` (#973)
+
+## 2.42.0
+
+### Minor Changes
+
+- [#1076](https://github.com/synergy-design-system/synergy-design-system/pull/1076) [`1392ed2`](https://github.com/synergy-design-system/synergy-design-system/commit/1392ed23aba2b628344356adba0a78e1e8beff84) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-18
+
+  feat: ✨ Brand updates for `<syn-side-nav>`, `<syn-prio-nav>` and `<syn-nav-item>` (#967, #960)
+
 ## 2.41.0
 
 ### Minor Changes

package/metadata/packages/tokens/dark.css

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

package/metadata/packages/tokens/index.js

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

package/metadata/packages/tokens/light.css

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

package/metadata/packages/tokens/sick2018_dark.css

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

package/metadata/packages/tokens/sick2018_light.css

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

package/metadata/packages/tokens/sick2025_dark.css

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

package/metadata/packages/tokens/sick2025_light.css

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

package/metadata/static/components/syn-nav-item/docs.md

@@ -33,7 +33,12 @@ The current attribute provides the user feedback about which of the navigation e
 Use the horizontal attribute to indicate that an element is used in a horizontal navigation. (The example shows it in combination with the current attribute, to indicate the difference.)
 
 ```html
-<syn-nav-item current="" horizontal="">Horizontal navigation item</syn-nav-item>
+<div style="display: flex; gap: var(--syn-spacing-large)">
+  <syn-nav-item current="" horizontal=""
+    >Horizontal navigation item</syn-nav-item
+  >
+  <syn-nav-item horizontal="">Horizontal navigation item</syn-nav-item>
+</div>
 ```
 
 ---

package/package.json

@@ -10,7 +10,7 @@
     "@modelcontextprotocol/sdk": "^1.19.1",
     "globby": "^15.0.0",
     "zod": "^3.25.76",
-    "@synergy-design-system/assets": "1.21.0"
+    "@synergy-design-system/assets": "1.22.0"
   },
   "description": "MCP Server for the Synergy Design System",
   "devDependencies": {
@@ -28,11 +28,11 @@
     "serve-handler": "^6.1.6",
     "ts-jest": "^29.4.0",
     "typescript": "^5.9.3",
-    "@synergy-design-system/components": "2.60.0",
+    "@synergy-design-system/components": "2.62.0",
     "@synergy-design-system/eslint-config-syn": "^0.1.0",
     "@synergy-design-system/docs": "0.1.0",
-    "@synergy-design-system/styles": "1.9.0",
-    "@synergy-design-system/tokens": "^2.41.0"
+    "@synergy-design-system/tokens": "^2.43.0",
+    "@synergy-design-system/styles": "1.9.0"
   },
   "exports": {
     ".": {
@@ -66,7 +66,7 @@
     "directory": "packages/mcp"
   },
   "type": "module",
-  "version": "1.22.0",
+  "version": "1.24.0",
   "scripts": {
     "build": "pnpm run build:ts && pnpm run build:metadata && pnpm build:hash",
     "build:all": "pnpm run build && pnpm run build:storybook",