@synergy-design-system/mcp 1.10.0 → 1.12.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 (15) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/metadata/checksum.txt +1 -1
  3. package/metadata/packages/components/components/syn-breadcrumb-item/component.custom.styles.ts +7 -3
  4. package/metadata/packages/components/components/syn-header/component.styles.ts +0 -1
  5. package/metadata/packages/components/components/syn-icon-button/component.custom.styles.ts +17 -6
  6. package/metadata/packages/components/static/CHANGELOG.md +14 -0
  7. package/metadata/packages/tokens/CHANGELOG.md +14 -0
  8. package/metadata/packages/tokens/dark.css +3 -1
  9. package/metadata/packages/tokens/index.js +11 -1
  10. package/metadata/packages/tokens/light.css +3 -1
  11. package/metadata/packages/tokens/sick2018_dark.css +3 -1
  12. package/metadata/packages/tokens/sick2018_light.css +3 -1
  13. package/metadata/packages/tokens/sick2025_dark.css +9 -7
  14. package/metadata/packages/tokens/sick2025_light.css +9 -7
  15. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # [@synergy-design-system/mcp-v1.12.0](https://github.com/synergy-design-system/synergy-design-system/compare/mcp/1.11.0...mcp/1.12.0) (2025-10-23)
2
+
3
+
4
+ ### Features
5
+
6
+ * ✨ CD update for syn-icon-button ([#1048](https://github.com/synergy-design-system/synergy-design-system/issues/1048)) ([d740a54](https://github.com/synergy-design-system/synergy-design-system/commit/d740a5495abd1b36bbe1c1c47fc69ca6a6480549))
7
+
8
+ # [@synergy-design-system/mcp-v1.11.0](https://github.com/synergy-design-system/synergy-design-system/compare/mcp/1.10.0...mcp/1.11.0) (2025-10-23)
9
+
10
+
11
+ ### Features
12
+
13
+ * ✨ CD update for syn-breadcrumb ([#1045](https://github.com/synergy-design-system/synergy-design-system/issues/1045)) ([46383b2](https://github.com/synergy-design-system/synergy-design-system/commit/46383b2557d284328cfb49d476a052986cb47d75))
14
+
1
15
  # [@synergy-design-system/mcp-v1.10.0](https://github.com/synergy-design-system/synergy-design-system/compare/mcp/1.9.0...mcp/1.10.0) (2025-10-22)
2
16
 
3
17
 
package/metadata/checksum.txt CHANGED
@@ -1 +1 @@
1
- 326582214e3110197d09d065a1b37f69
1
+ d80b07b1c5fd9cf03e5d37e1384733b0
package/metadata/packages/components/components/syn-breadcrumb-item/component.custom.styles.ts CHANGED
@@ -2,9 +2,9 @@ import { css } from 'lit';
2
2
 
3
3
  export default css`
4
4
  .breadcrumb-item {
5
- color: var(--syn-color-neutral-500);
5
+ color: var(--syn-breadcrumb-color, var(--syn-color-neutral-500));
6
6
  font-size: var(--syn-font-size-x-small);
7
- font-weight: var(--syn-font-weight-normal);
7
+ font-weight: var(--syn-font-weight-semibold);
8
8
  }
9
9
 
10
10
  /**
@@ -15,6 +15,10 @@ export default css`
15
15
  border-radius: var(--syn-border-radius-none);
16
16
  }
17
17
 
18
+ :host(:not(:last-of-type)) .breadcrumb-item {
19
+ font-weight: var(--syn-font-weight-normal);
20
+ }
21
+
18
22
  :host(:not(:last-of-type)) .breadcrumb-item__label {
19
23
  color: var(--syn-typography-color-text);
20
24
  }
@@ -49,7 +53,7 @@ export default css`
49
53
  */
50
54
  :host(:last-of-type) .breadcrumb-item--has-prefix .breadcrumb-item__prefix,
51
55
  :host(:last-of-type) .breadcrumb-item--has-suffix .breadcrumb-item__suffix {
52
- color: var(--syn-color-neutral-500);
56
+ color: inherit;
53
57
  }
54
58
 
55
59
  .breadcrumb-item__separator {
package/metadata/packages/components/components/syn-header/component.styles.ts CHANGED
@@ -44,7 +44,6 @@ export default css`
44
44
 
45
45
  .header__logo ::slotted(a:is(:focus-visible)) {
46
46
  outline: var(--syn-focus-ring);
47
- outline-color: var(--syn-logo-color, var(--syn-focus-ring-color));
48
47
  outline-offset: var(--syn-focus-ring-offset);
49
48
  }
50
49
 
package/metadata/packages/components/components/syn-icon-button/component.custom.styles.ts CHANGED
@@ -16,7 +16,7 @@ export default css`
16
16
 
17
17
  /* Remove round borders */
18
18
  .icon-button:focus-visible {
19
- border-radius: var(--syn-border-radius-none);
19
+ border-radius: var(--syn-icon-button-focus-ring-border-radius, var(--syn-border-radius-none));
20
20
  }
21
21
 
22
22
  /* Colors */
@@ -26,20 +26,31 @@ export default css`
26
26
 
27
27
  :host([color="primary"]),
28
28
  :host([color="primary"]) .icon-button:focus-visible:not(.icon-button--disabled) {
29
- color: var(--syn-color-primary-600);
29
+ color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
30
30
  }
31
31
 
32
32
  :host([color="primary"]) .icon-button:hover:not(.icon-button--disabled) {
33
- color: var(--syn-color-primary-900);
33
+ color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));
34
34
  }
35
35
 
36
36
  :host([color="primary"]) .icon-button:active:not(.icon-button--disabled) {
37
- color: var(--syn-color-primary-950);
37
+ color: var(--syn-interactive-emphasis-color-active, var(--syn-color-primary-950));
38
+ }
39
+
40
+ :host([color="neutral"]) {
41
+ color: var(--syn-interactive-quiet-color, var(--syn-typography-color-text));
42
+ }
43
+
44
+ :host([color="neutral"]) .icon-button:hover:not(.icon-button--disabled) {
45
+ color: var(--syn-interactive-quiet-color-hover, var(--syn-color-primary-600));
46
+ }
47
+
48
+ :host([color="neutral"]) .icon-button:active:not(.icon-button--disabled) {
49
+ color: var(--syn-interactive-quiet-color-active, var(--syn-color-primary-700));
38
50
  }
39
51
 
40
- :host([color="neutral"]),
41
52
  :host([color="neutral"]) .icon-button:focus-visible:not(.icon-button--disabled):not(:hover) {
42
- color: var(--syn-color-neutral-950);
53
+ color: var(--syn-interactive-quiet-color, var(--syn-typography-color-text));
43
54
  }
44
55
 
45
56
  /* Sizes */
package/metadata/packages/components/static/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # [@synergy-design-system/components-v2.51.0](https://github.com/synergy-design-system/synergy-design-system/compare/components/2.50.0...components/2.51.0) (2025-10-23)
2
+
3
+
4
+ ### Features
5
+
6
+ * ✨ CD update for syn-icon-button ([#1048](https://github.com/synergy-design-system/synergy-design-system/issues/1048)) ([d740a54](https://github.com/synergy-design-system/synergy-design-system/commit/d740a5495abd1b36bbe1c1c47fc69ca6a6480549))
7
+
8
+ # [@synergy-design-system/components-v2.50.0](https://github.com/synergy-design-system/synergy-design-system/compare/components/2.49.0...components/2.50.0) (2025-10-23)
9
+
10
+
11
+ ### Features
12
+
13
+ * ✨ CD update for syn-breadcrumb ([#1045](https://github.com/synergy-design-system/synergy-design-system/issues/1045)) ([46383b2](https://github.com/synergy-design-system/synergy-design-system/commit/46383b2557d284328cfb49d476a052986cb47d75))
14
+
1
15
  # [@synergy-design-system/components-v2.49.0](https://github.com/synergy-design-system/synergy-design-system/compare/components/2.48.0...components/2.49.0) (2025-10-22)
2
16
 
3
17
 
package/metadata/packages/tokens/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # [@synergy-design-system/tokens-v2.32.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.31.0...tokens/2.32.0) (2025-10-23)
2
+
3
+
4
+ ### Features
5
+
6
+ * ✨ CD update for syn-icon-button ([#1048](https://github.com/synergy-design-system/synergy-design-system/issues/1048)) ([d740a54](https://github.com/synergy-design-system/synergy-design-system/commit/d740a5495abd1b36bbe1c1c47fc69ca6a6480549))
7
+
8
+ # [@synergy-design-system/tokens-v2.31.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.30.0...tokens/2.31.0) (2025-10-23)
9
+
10
+
11
+ ### Features
12
+
13
+ * ✨ CD update for syn-breadcrumb ([#1045](https://github.com/synergy-design-system/synergy-design-system/issues/1045)) ([46383b2](https://github.com/synergy-design-system/synergy-design-system/commit/46383b2557d284328cfb49d476a052986cb47d75))
14
+
1
15
  # [@synergy-design-system/tokens-v2.30.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.29.0...tokens/2.30.0) (2025-10-22)
2
16
 
3
17
 
package/metadata/packages/tokens/dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.29.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -19,6 +19,7 @@
19
19
  --syn-border-width-none: 0px; /** None */
20
20
  --syn-border-width-small: 1px; /** Small */
21
21
  --syn-border-width-x-large: 4px; /** X Large */
22
+ --syn-breadcrumb-color: var(--syn-color-neutral-500);
22
23
  --syn-button-font-size-large: var(--syn-font-size-large);
23
24
  --syn-button-font-size-medium: var(--syn-font-size-medium);
24
25
  --syn-button-font-size-small: var(--syn-font-size-small);
@@ -120,6 +121,7 @@
120
121
  --syn-font-weight-normal: 400;
121
122
  --syn-font-weight-semibold: 600;
122
123
  --syn-header-border-color: var(--syn-color-neutral-400);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
123
125
  --syn-input-background-color: var(--syn-color-neutral-0);
124
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
125
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
package/metadata/packages/tokens/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.29.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
 
@@ -63,6 +63,11 @@ export const SynBorderWidthSmall = 'var(--syn-border-width-small)';
63
63
  */
64
64
  export const SynBorderWidthXLarge = 'var(--syn-border-width-x-large)';
65
65
 
66
+ /**
67
+ * @type {string}
68
+ */
69
+ export const SynBreadcrumbColor = 'var(--syn-breadcrumb-color)';
70
+
66
71
  /**
67
72
  * @type {string}
68
73
  */
@@ -568,6 +573,11 @@ export const SynFontWeightSemibold = 'var(--syn-font-weight-semibold)';
568
573
  */
569
574
  export const SynHeaderBorderColor = 'var(--syn-header-border-color)';
570
575
 
576
+ /**
577
+ * @type {string}
578
+ */
579
+ export const SynIconButtonFocusRingBorderRadius = 'var(--syn-icon-button-focus-ring-border-radius)';
580
+
571
581
  /**
572
582
  * @type {string}
573
583
  */
package/metadata/packages/tokens/light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.29.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -19,6 +19,7 @@
19
19
  --syn-border-width-none: 0px; /** None */
20
20
  --syn-border-width-small: 1px; /** Small */
21
21
  --syn-border-width-x-large: 4px; /** X Large */
22
+ --syn-breadcrumb-color: var(--syn-color-neutral-500);
22
23
  --syn-button-font-size-large: var(--syn-font-size-large);
23
24
  --syn-button-font-size-medium: var(--syn-font-size-medium);
24
25
  --syn-button-font-size-small: var(--syn-font-size-small);
@@ -120,6 +121,7 @@
120
121
  --syn-font-weight-normal: 400;
121
122
  --syn-font-weight-semibold: 600;
122
123
  --syn-header-border-color: var(--syn-color-neutral-400);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
123
125
  --syn-input-background-color: var(--syn-color-neutral-0);
124
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
125
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
package/metadata/packages/tokens/sick2018_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.29.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -19,6 +19,7 @@
19
19
  --syn-border-width-none: 0px; /** None */
20
20
  --syn-border-width-small: 1px; /** Small */
21
21
  --syn-border-width-x-large: 4px; /** X Large */
22
+ --syn-breadcrumb-color: var(--syn-color-neutral-500);
22
23
  --syn-button-font-size-large: var(--syn-font-size-large);
23
24
  --syn-button-font-size-medium: var(--syn-font-size-medium);
24
25
  --syn-button-font-size-small: var(--syn-font-size-small);
@@ -120,6 +121,7 @@
120
121
  --syn-font-weight-normal: 400;
121
122
  --syn-font-weight-semibold: 600;
122
123
  --syn-header-border-color: var(--syn-color-neutral-400);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
123
125
  --syn-input-background-color: var(--syn-color-neutral-0);
124
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
125
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
package/metadata/packages/tokens/sick2018_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.29.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -19,6 +19,7 @@
19
19
  --syn-border-width-none: 0px; /** None */
20
20
  --syn-border-width-small: 1px; /** Small */
21
21
  --syn-border-width-x-large: 4px; /** X Large */
22
+ --syn-breadcrumb-color: var(--syn-color-neutral-500);
22
23
  --syn-button-font-size-large: var(--syn-font-size-large);
23
24
  --syn-button-font-size-medium: var(--syn-font-size-medium);
24
25
  --syn-button-font-size-small: var(--syn-font-size-small);
@@ -120,6 +121,7 @@
120
121
  --syn-font-weight-normal: 400;
121
122
  --syn-font-weight-semibold: 600;
122
123
  --syn-header-border-color: var(--syn-color-neutral-400);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
123
125
  --syn-input-background-color: var(--syn-color-neutral-0);
124
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
125
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
package/metadata/packages/tokens/sick2025_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.29.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -19,6 +19,7 @@
19
19
  --syn-border-width-none: 0px; /** None */
20
20
  --syn-border-width-small: 1px; /** Small */
21
21
  --syn-border-width-x-large: 4px; /** X Large */
22
+ --syn-breadcrumb-color: var(--syn-typography-color-text);
22
23
  --syn-button-font-size-large: var(--syn-font-size-large);
23
24
  --syn-button-font-size-medium: var(--syn-font-size-medium);
24
25
  --syn-button-font-size-small: var(--syn-font-size-small);
@@ -98,7 +99,7 @@
98
99
  --syn-duration-normal: 250ms;
99
100
  --syn-duration-slow: 500ms;
100
101
  --syn-focus-ring-border-radius: var(--syn-border-radius-small);
101
- --syn-focus-ring-color: var(--syn-color-primary-500);
102
+ --syn-focus-ring-color: var(--syn-color-primary-700);
102
103
  --syn-focus-ring-offset: var(--syn-spacing-3x-small);
103
104
  --syn-focus-ring-style: solid;
104
105
  --syn-focus-ring-width: var(--syn-border-width-medium);
@@ -119,7 +120,8 @@
119
120
  --syn-font-weight-light: 400; /** Shoelace compatibility DO NOT USE */
120
121
  --syn-font-weight-normal: 400;
121
122
  --syn-font-weight-semibold: 600;
122
- --syn-header-border-color: var(--syn-color-neutral-400);
123
+ --syn-header-border-color: var(--syn-color-neutral-300);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-pill);
123
125
  --syn-input-background-color: var(--syn-color-neutral-50);
124
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
125
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
@@ -169,10 +171,10 @@
169
171
  --syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
170
172
  --syn-input-readonly-color-focus: var(--syn-color-neutral-950);
171
173
  --syn-input-readonly-color-hover: var(--syn-color-neutral-950);
172
- --syn-input-readonly-background-color: var(--syn-color-neutral-100);
173
- --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-100);
174
- --syn-input-readonly-background-color-focus: var(--syn-color-neutral-100);
175
- --syn-input-readonly-background-color-hover: var(--syn-color-neutral-100);
174
+ --syn-input-readonly-background-color: var(--syn-color-neutral-200);
175
+ --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-200);
176
+ --syn-input-readonly-background-color-focus: var(--syn-color-neutral-200);
177
+ --syn-input-readonly-background-color-hover: var(--syn-color-neutral-200);
176
178
  --syn-input-required-content: "*";
177
179
  --syn-input-required-content-color: var(--syn-input-label-color);
178
180
  --syn-input-required-content-offset: -2px;
package/metadata/packages/tokens/sick2025_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.29.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -19,6 +19,7 @@
19
19
  --syn-border-width-none: 0px; /** None */
20
20
  --syn-border-width-small: 1px; /** Small */
21
21
  --syn-border-width-x-large: 4px; /** X Large */
22
+ --syn-breadcrumb-color: var(--syn-typography-color-text);
22
23
  --syn-button-font-size-large: var(--syn-font-size-large);
23
24
  --syn-button-font-size-medium: var(--syn-font-size-medium);
24
25
  --syn-button-font-size-small: var(--syn-font-size-small);
@@ -98,7 +99,7 @@
98
99
  --syn-duration-normal: 250ms;
99
100
  --syn-duration-slow: 500ms;
100
101
  --syn-focus-ring-border-radius: var(--syn-border-radius-small);
101
- --syn-focus-ring-color: var(--syn-color-primary-700);
102
+ --syn-focus-ring-color: var(--syn-color-primary-500);
102
103
  --syn-focus-ring-offset: var(--syn-spacing-3x-small);
103
104
  --syn-focus-ring-style: solid;
104
105
  --syn-focus-ring-width: var(--syn-border-width-medium);
@@ -119,7 +120,8 @@
119
120
  --syn-font-weight-light: 400; /** Shoelace compatibility DO NOT USE */
120
121
  --syn-font-weight-normal: 400;
121
122
  --syn-font-weight-semibold: 600;
122
- --syn-header-border-color: #d5ccc5;
123
+ --syn-header-border-color: #e6e1dc;
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-pill);
123
125
  --syn-input-background-color: var(--syn-color-neutral-0);
124
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
125
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
@@ -169,10 +171,10 @@
169
171
  --syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
170
172
  --syn-input-readonly-color-focus: var(--syn-color-neutral-950);
171
173
  --syn-input-readonly-color-hover: var(--syn-color-neutral-950);
172
- --syn-input-readonly-background-color: #f8f7f6;
173
- --syn-input-readonly-background-color-disabled: #f8f7f6;
174
- --syn-input-readonly-background-color-focus: #f8f7f6;
175
- --syn-input-readonly-background-color-hover: #f8f7f6;
174
+ --syn-input-readonly-background-color: #f2f0ed;
175
+ --syn-input-readonly-background-color-disabled: #f2f0ed;
176
+ --syn-input-readonly-background-color-focus: #f2f0ed;
177
+ --syn-input-readonly-background-color-hover: #f2f0ed;
176
178
  --syn-input-required-content: "*";
177
179
  --syn-input-required-content-color: var(--syn-input-label-color);
178
180
  --syn-input-required-content-offset: -2px;
package/package.json CHANGED
@@ -33,10 +33,10 @@
33
33
  "serve-handler": "^6.1.6",
34
34
  "ts-jest": "^29.4.4",
35
35
  "typescript": "^5.9.3",
36
- "@synergy-design-system/components": "2.49.0",
36
+ "@synergy-design-system/components": "2.51.0",
37
37
  "@synergy-design-system/docs": "0.1.0",
38
38
  "@synergy-design-system/eslint-config-syn": "^0.1.0",
39
- "@synergy-design-system/tokens": "^2.30.0",
39
+ "@synergy-design-system/tokens": "^2.32.0",
40
40
  "@synergy-design-system/styles": "1.8.1"
41
41
  },
42
42
  "exports": {
@@ -122,7 +122,7 @@
122
122
  "directory": "packages/mcp"
123
123
  },
124
124
  "type": "module",
125
- "version": "1.10.0",
125
+ "version": "1.12.0",
126
126
  "scripts": {
127
127
  "build": "pnpm run build:ts && pnpm run build:metadata && pnpm build:hash",
128
128
  "build:all": "pnpm run build && pnpm run build:storybook",