@synergy-design-system/mcp 1.22.0 → 1.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/metadata/checksum.txt +1 -1
  3. package/metadata/packages/components/components/syn-nav-item/component.styles.ts +10 -22
  4. package/metadata/packages/components/components/syn-nav-item/component.ts +0 -1
  5. package/metadata/packages/components/components/syn-side-nav/component.styles.ts +0 -11
  6. package/metadata/packages/components/static/CHANGELOG.md +13 -0
  7. package/metadata/packages/tokens/CHANGELOG.md +8 -0
  8. package/metadata/packages/tokens/dark.css +1 -1
  9. package/metadata/packages/tokens/index.js +1 -1
  10. package/metadata/packages/tokens/light.css +1 -1
  11. package/metadata/packages/tokens/sick2018_dark.css +1 -1
  12. package/metadata/packages/tokens/sick2018_light.css +1 -1
  13. package/metadata/packages/tokens/sick2025_dark.css +1 -1
  14. package/metadata/packages/tokens/sick2025_light.css +1 -1
  15. package/metadata/static/components/syn-nav-item/docs.md +6 -1
  16. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # Changelog
2
2
 
3
+ ## 1.23.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#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
8
+
9
+ feat: ✨ Brand updates for `<syn-side-nav>`, `<syn-prio-nav>` and `<syn-nav-item>` (#967, #960)
10
+
3
11
  ## 1.22.0
4
12
 
5
13
  ### Minor Changes
package/metadata/checksum.txt CHANGED
@@ -1 +1 @@
1
- 801fb6a373aadb785308b079343111ee
1
+ 9c17fca60aa5184e64a48343595cda82
package/metadata/packages/components/components/syn-nav-item/component.styles.ts CHANGED
@@ -41,7 +41,7 @@ export default css`
41
41
  border: none;
42
42
  box-shadow: inset 0 -1px 0 0 transparent;
43
43
  box-sizing: border-box;
44
- color: var(--syn-color-neutral-950);
44
+ color: var(--syn-typography-color-text);
45
45
  cursor: pointer;
46
46
  display: inline-flex;
47
47
  font: var(--syn-font-sans);
@@ -103,7 +103,7 @@ export default css`
103
103
  * Basic set up for the nav item prefix.
104
104
  */
105
105
  .nav-item:not(.nav-item--disabled)::before {
106
- background: var(--syn-color-neutral-600);
106
+ background: var(--syn-interactive-background-color-hover, var(--syn-color-neutral-50));
107
107
  content: '';
108
108
  display: block;
109
109
  height: 100%;
@@ -120,7 +120,7 @@ export default css`
120
120
  * We use opacity to make sure the border-bottom is visible if used in the prio-nav in header
121
121
  */
122
122
  .nav-item:not(.nav-item--disabled):hover::before {
123
- opacity: 0.11;
123
+ opacity: 1;
124
124
  }
125
125
 
126
126
  /**
@@ -164,6 +164,7 @@ export default css`
164
164
  * The chevron indicates the use as a <details /> element OR a link
165
165
  */
166
166
  .nav-item__chevron {
167
+ color: var(--syn-interactive-quiet-color);
167
168
  font-size: var(--syn-font-size-x-large);
168
169
  margin-inline-start: var(--syn-spacing-x-small);
169
170
  rotate: 0deg;
@@ -193,7 +194,7 @@ export default css`
193
194
  /**
194
195
  * Horizontal navigation items should not break words
195
196
  */
196
- .nav-item--horizontal .nav-item__content-container {
197
+ .nav-item--horizontal .nav-item__content-container {
197
198
  font-weight: var(--syn-font-weight-bold);
198
199
  white-space: nowrap;
199
200
  }
@@ -257,12 +258,8 @@ export default css`
257
258
  z-index: 1;
258
259
  }
259
260
 
260
- .current-indicator--visible.current-indicator--disabled {
261
- background: var(--syn-color-neutral-500);
262
- }
263
-
264
261
  .current-indicator--visible {
265
- background: var(--syn-color-primary-600);
262
+ background: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
266
263
  }
267
264
 
268
265
  .nav-item--horizontal .current-indicator {
@@ -295,28 +292,19 @@ export default css`
295
292
  * Dividers are optionally displayed in horizontal nav items
296
293
  */
297
294
  .divider {
298
- --color: var(--syn-color-neutral-200);
299
-
300
295
  left: var(--syn-spacing-medium);
301
296
  margin: 0;
302
297
  position: absolute;
303
298
  right: var(--syn-spacing-medium);
304
299
  top: 0;
305
- transition: border var(--syn-transition-fast) ease-in-out;
306
- }
307
-
308
- /**
309
- * Hide the divider for active elements
310
- */
311
- .nav-item:focus-visible .divider {
312
- --color: transparent;
313
300
  }
314
301
 
315
302
  /**
316
- * Make sure the divider is not visible anymore when hovering
303
+ * Make sure the divider blends into the background on hover
304
+ * for items that are NOT disabled.
317
305
  */
318
- .nav-item:not(.nav-item--disabled):hover .divider {
319
- --color: transparent;
306
+ .nav-item--vertical:not(.nav-item--disabled):hover .divider {
307
+ --color: var(--syn-interactive-background-color-hover);
320
308
  }
321
309
 
322
310
  /**
package/metadata/packages/components/components/syn-nav-item/component.ts CHANGED
@@ -449,7 +449,6 @@ export default class SynNavItem extends SynergyElement {
449
449
  'nav-item__chevron': true,
450
450
  'nav-item__chevron-open': this.open,
451
451
  })}
452
- color="currentColor"
453
452
  library="system"
454
453
  name="chevron-down"
455
454
  part="chevron"
package/metadata/packages/components/components/syn-side-nav/component.styles.ts CHANGED
@@ -32,9 +32,6 @@ export default css`
32
32
  position: absolute;
33
33
  }
34
34
 
35
-
36
-
37
-
38
35
  /****
39
36
  *
40
37
  * variant="default"
@@ -51,9 +48,6 @@ export default css`
51
48
  display: block;
52
49
  }
53
50
 
54
-
55
-
56
-
57
51
  /****
58
52
  *
59
53
  * variant="rail"
@@ -88,9 +82,6 @@ export default css`
88
82
  overflow: hidden;
89
83
  }
90
84
 
91
-
92
-
93
-
94
85
  /****
95
86
  *
96
87
  * variant="sticky"
@@ -114,7 +105,6 @@ export default css`
114
105
  --size: var(--side-nav-rail-width);
115
106
  }
116
107
 
117
-
118
108
  /*
119
109
  * For touch devices the content should not shrink in a flex container
120
110
  */
@@ -144,7 +134,6 @@ export default css`
144
134
  ****/
145
135
  .side-nav__footer-divider{
146
136
  --spacing: 0;
147
- --color: var(--syn-color-neutral-300);
148
137
  }
149
138
 
150
139
  :not(.side-nav--open).side-nav--rail ::slotted(syn-nav-item){
package/metadata/packages/components/static/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # Changelog
2
2
 
3
+ ## 2.61.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#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
8
+
9
+ feat: ✨ Brand updates for `<syn-side-nav>`, `<syn-prio-nav>` and `<syn-nav-item>` (#967, #960)
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies [[`1392ed2`](https://github.com/synergy-design-system/synergy-design-system/commit/1392ed23aba2b628344356adba0a78e1e8beff84)]:
14
+ - @synergy-design-system/tokens@2.42.0
15
+
3
16
  ## 2.60.0
4
17
 
5
18
  ### Minor Changes
package/metadata/packages/tokens/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # Changelog
2
2
 
3
+ ## 2.42.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#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
8
+
9
+ feat: ✨ Brand updates for `<syn-side-nav>`, `<syn-prio-nav>` and `<syn-nav-item>` (#967, #960)
10
+
3
11
  ## 2.41.0
4
12
 
5
13
  ### Minor Changes
package/metadata/packages/tokens/dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.40.0
2
+ * @synergy-design-system/tokens version 2.41.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
package/metadata/packages/tokens/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.40.0
2
+ * @synergy-design-system/tokens version 2.41.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
 
package/metadata/packages/tokens/light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.40.0
2
+ * @synergy-design-system/tokens version 2.41.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
package/metadata/packages/tokens/sick2018_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.40.0
2
+ * @synergy-design-system/tokens version 2.41.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
package/metadata/packages/tokens/sick2018_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.40.0
2
+ * @synergy-design-system/tokens version 2.41.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
package/metadata/packages/tokens/sick2025_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.40.0
2
+ * @synergy-design-system/tokens version 2.41.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
package/metadata/packages/tokens/sick2025_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.40.0
2
+ * @synergy-design-system/tokens version 2.41.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
package/metadata/static/components/syn-nav-item/docs.md CHANGED
@@ -33,7 +33,12 @@ The current attribute provides the user feedback about which of the navigation e
33
33
  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.)
34
34
 
35
35
  ```html
36
- <syn-nav-item current="" horizontal="">Horizontal navigation item</syn-nav-item>
36
+ <div style="display: flex; gap: var(--syn-spacing-large)">
37
+ <syn-nav-item current="" horizontal=""
38
+ >Horizontal navigation item</syn-nav-item
39
+ >
40
+ <syn-nav-item horizontal="">Horizontal navigation item</syn-nav-item>
41
+ </div>
37
42
  ```
38
43
 
39
44
  ---
package/package.json CHANGED
@@ -28,11 +28,11 @@
28
28
  "serve-handler": "^6.1.6",
29
29
  "ts-jest": "^29.4.0",
30
30
  "typescript": "^5.9.3",
31
- "@synergy-design-system/components": "2.60.0",
32
- "@synergy-design-system/eslint-config-syn": "^0.1.0",
31
+ "@synergy-design-system/components": "2.61.0",
33
32
  "@synergy-design-system/docs": "0.1.0",
33
+ "@synergy-design-system/tokens": "^2.42.0",
34
34
  "@synergy-design-system/styles": "1.9.0",
35
- "@synergy-design-system/tokens": "^2.41.0"
35
+ "@synergy-design-system/eslint-config-syn": "^0.1.0"
36
36
  },
37
37
  "exports": {
38
38
  ".": {
@@ -66,7 +66,7 @@
66
66
  "directory": "packages/mcp"
67
67
  },
68
68
  "type": "module",
69
- "version": "1.22.0",
69
+ "version": "1.23.0",
70
70
  "scripts": {
71
71
  "build": "pnpm run build:ts && pnpm run build:metadata && pnpm build:hash",
72
72
  "build:all": "pnpm run build && pnpm run build:storybook",