@synergy-design-system/mcp 1.11.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 (13) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/metadata/checksum.txt +1 -1
  3. package/metadata/packages/components/components/syn-icon-button/component.custom.styles.ts +17 -6
  4. package/metadata/packages/components/static/CHANGELOG.md +7 -0
  5. package/metadata/packages/tokens/CHANGELOG.md +7 -0
  6. package/metadata/packages/tokens/dark.css +2 -1
  7. package/metadata/packages/tokens/index.js +6 -1
  8. package/metadata/packages/tokens/light.css +2 -1
  9. package/metadata/packages/tokens/sick2018_dark.css +2 -1
  10. package/metadata/packages/tokens/sick2018_light.css +2 -1
  11. package/metadata/packages/tokens/sick2025_dark.css +2 -1
  12. package/metadata/packages/tokens/sick2025_light.css +2 -1
  13. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
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
+
1
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)
2
9
 
3
10
 
package/metadata/checksum.txt CHANGED
@@ -1 +1 @@
1
- d1a9ae3630171aa2cbb2fd92eaac7827
1
+ d80b07b1c5fd9cf03e5d37e1384733b0
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,10 @@
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
+
1
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)
2
9
 
3
10
 
package/metadata/packages/tokens/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
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
+
1
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)
2
9
 
3
10
 
package/metadata/packages/tokens/dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.30.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
  */
@@ -121,6 +121,7 @@
121
121
  --syn-font-weight-normal: 400;
122
122
  --syn-font-weight-semibold: 600;
123
123
  --syn-header-border-color: var(--syn-color-neutral-400);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
124
125
  --syn-input-background-color: var(--syn-color-neutral-0);
125
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
126
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.30.0
2
+ * @synergy-design-system/tokens version 2.31.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
 
@@ -573,6 +573,11 @@ export const SynFontWeightSemibold = 'var(--syn-font-weight-semibold)';
573
573
  */
574
574
  export const SynHeaderBorderColor = 'var(--syn-header-border-color)';
575
575
 
576
+ /**
577
+ * @type {string}
578
+ */
579
+ export const SynIconButtonFocusRingBorderRadius = 'var(--syn-icon-button-focus-ring-border-radius)';
580
+
576
581
  /**
577
582
  * @type {string}
578
583
  */
package/metadata/packages/tokens/light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.30.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
  */
@@ -121,6 +121,7 @@
121
121
  --syn-font-weight-normal: 400;
122
122
  --syn-font-weight-semibold: 600;
123
123
  --syn-header-border-color: var(--syn-color-neutral-400);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
124
125
  --syn-input-background-color: var(--syn-color-neutral-0);
125
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
126
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.30.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
  */
@@ -121,6 +121,7 @@
121
121
  --syn-font-weight-normal: 400;
122
122
  --syn-font-weight-semibold: 600;
123
123
  --syn-header-border-color: var(--syn-color-neutral-400);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
124
125
  --syn-input-background-color: var(--syn-color-neutral-0);
125
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
126
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.30.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
  */
@@ -121,6 +121,7 @@
121
121
  --syn-font-weight-normal: 400;
122
122
  --syn-font-weight-semibold: 600;
123
123
  --syn-header-border-color: var(--syn-color-neutral-400);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
124
125
  --syn-input-background-color: var(--syn-color-neutral-0);
125
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
126
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.30.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
  */
@@ -121,6 +121,7 @@
121
121
  --syn-font-weight-normal: 400;
122
122
  --syn-font-weight-semibold: 600;
123
123
  --syn-header-border-color: var(--syn-color-neutral-300);
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-pill);
124
125
  --syn-input-background-color: var(--syn-color-neutral-50);
125
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
126
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
package/metadata/packages/tokens/sick2025_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.30.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
  */
@@ -121,6 +121,7 @@
121
121
  --syn-font-weight-normal: 400;
122
122
  --syn-font-weight-semibold: 600;
123
123
  --syn-header-border-color: #e6e1dc;
124
+ --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-pill);
124
125
  --syn-input-background-color: var(--syn-color-neutral-0);
125
126
  --syn-input-background-color-disabled: var(--syn-input-background-color);
126
127
  --syn-input-background-color-focus: var(--syn-input-background-color);
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.50.0",
37
- "@synergy-design-system/tokens": "^2.31.0",
38
- "@synergy-design-system/eslint-config-syn": "^0.1.0",
36
+ "@synergy-design-system/components": "2.51.0",
39
37
  "@synergy-design-system/docs": "0.1.0",
38
+ "@synergy-design-system/eslint-config-syn": "^0.1.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.11.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",