@synergy-design-system/mcp 1.19.0 → 1.20.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 +10 -0
  2. package/metadata/checksum.txt +1 -1
  3. package/metadata/packages/components/components/syn-dialog/component.custom.styles.ts +6 -0
  4. package/metadata/packages/components/static/CHANGELOG.md +15 -0
  5. package/metadata/packages/tokens/CHANGELOG.md +10 -0
  6. package/metadata/packages/tokens/dark.css +4 -7
  7. package/metadata/packages/tokens/index.js +0 -15
  8. package/metadata/packages/tokens/light.css +4 -7
  9. package/metadata/packages/tokens/sick2018_dark.css +4 -7
  10. package/metadata/packages/tokens/sick2018_light.css +4 -7
  11. package/metadata/packages/tokens/sick2025_dark.css +18 -21
  12. package/metadata/packages/tokens/sick2025_light.css +6 -9
  13. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # Changelog
2
2
 
3
+ ## 1.20.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1073](https://github.com/synergy-design-system/synergy-design-system/pull/1073) [`0ae632c`](https://github.com/synergy-design-system/synergy-design-system/commit/0ae632c5331f0583ba652add18755df01766cbf5) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-07
8
+
9
+ feat: ✨ Brand updates for `<syn-dialog>` (#946)
10
+
11
+ Also made sure to have smaller `blur` settings as the token has double the size in Figma.
12
+
3
13
  ## 1.19.0
4
14
 
5
15
  ### Minor Changes
package/metadata/checksum.txt CHANGED
@@ -1 +1 @@
1
- 18e791c80371d179b8ed04f364929603
1
+ a21c18d1a046bcf6d9f6f013611a7a88
package/metadata/packages/components/components/syn-dialog/component.custom.styles.ts CHANGED
@@ -30,6 +30,12 @@ export default css`
30
30
  padding: var(--syn-spacing-large) var(--syn-spacing-small) var(--syn-spacing-large) 0;
31
31
  }
32
32
 
33
+ /* Overlay Background */
34
+ .dialog__overlay {
35
+ /* #946: Add background blur for sick 2025 */
36
+ backdrop-filter: blur(var(--syn-overlay-background-blur, 0));
37
+ }
38
+
33
39
  /**
34
40
  * We need this to make sure we are big enough as defined in the layout
35
41
  * When omitting this statement, we will get rounding problems via line-height
package/metadata/packages/components/static/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # Changelog
2
2
 
3
+ ## 2.58.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1073](https://github.com/synergy-design-system/synergy-design-system/pull/1073) [`0ae632c`](https://github.com/synergy-design-system/synergy-design-system/commit/0ae632c5331f0583ba652add18755df01766cbf5) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-07
8
+
9
+ feat: ✨ Brand updates for `<syn-dialog>` (#946)
10
+
11
+ Also made sure to have smaller `blur` settings as the token has double the size in Figma.
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies [[`0ae632c`](https://github.com/synergy-design-system/synergy-design-system/commit/0ae632c5331f0583ba652add18755df01766cbf5)]:
16
+ - @synergy-design-system/tokens@2.39.0
17
+
3
18
  ## 2.57.0
4
19
 
5
20
  ### Minor Changes
package/metadata/packages/tokens/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # Changelog
2
2
 
3
+ ## 2.39.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1073](https://github.com/synergy-design-system/synergy-design-system/pull/1073) [`0ae632c`](https://github.com/synergy-design-system/synergy-design-system/commit/0ae632c5331f0583ba652add18755df01766cbf5) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-07
8
+
9
+ feat: ✨ Brand updates for `<syn-dialog>` (#946)
10
+
11
+ Also made sure to have smaller `blur` settings as the token has double the size in Figma.
12
+
3
13
  ## 2.38.0
4
14
 
5
15
  ### Minor Changes
package/metadata/packages/tokens/dark.css CHANGED
@@ -209,14 +209,11 @@
209
209
  --syn-input-letter-spacing: var(--syn-letter-spacing-normal);
210
210
  --syn-input-placeholder-color: var(--syn-color-neutral-500);
211
211
  --syn-input-placeholder-color-disabled: var(--syn-color-neutral-500);
212
- --syn-input-readonly-color: var(--syn-color-neutral-800);
213
- --syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
214
- --syn-input-readonly-color-focus: var(--syn-color-neutral-950);
215
212
  --syn-input-readonly-color-hover: var(--syn-color-neutral-950);
216
- --syn-input-readonly-background-color: var(--syn-color-neutral-50);
217
- --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-50);
218
- --syn-input-readonly-background-color-focus: var(--syn-color-neutral-50);
219
- --syn-input-readonly-background-color-hover: var(--syn-color-neutral-50);
213
+ --syn-input-readonly-background-color: var(--syn-color-neutral-300);
214
+ --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-300);
215
+ --syn-input-readonly-background-color-focus: var(--syn-color-neutral-300);
216
+ --syn-input-readonly-background-color-hover: var(--syn-color-neutral-300);
220
217
  --syn-input-required-content: "*";
221
218
  --syn-input-required-content-color: var(--syn-input-label-color);
222
219
  --syn-input-required-content-offset: -2px;
package/metadata/packages/tokens/index.js CHANGED
@@ -1013,21 +1013,6 @@ export const SynInputPlaceholderColor = 'var(--syn-input-placeholder-color)';
1013
1013
  */
1014
1014
  export const SynInputPlaceholderColorDisabled = 'var(--syn-input-placeholder-color-disabled)';
1015
1015
 
1016
- /**
1017
- * @type {string}
1018
- */
1019
- export const SynInputReadonlyColor = 'var(--syn-input-readonly-color)';
1020
-
1021
- /**
1022
- * @type {string}
1023
- */
1024
- export const SynInputReadonlyColorDisabled = 'var(--syn-input-readonly-color-disabled)';
1025
-
1026
- /**
1027
- * @type {string}
1028
- */
1029
- export const SynInputReadonlyColorFocus = 'var(--syn-input-readonly-color-focus)';
1030
-
1031
1016
  /**
1032
1017
  * @type {string}
1033
1018
  */
package/metadata/packages/tokens/light.css CHANGED
@@ -209,14 +209,11 @@
209
209
  --syn-input-letter-spacing: var(--syn-letter-spacing-normal);
210
210
  --syn-input-placeholder-color: var(--syn-color-neutral-500);
211
211
  --syn-input-placeholder-color-disabled: var(--syn-color-neutral-500);
212
- --syn-input-readonly-color: var(--syn-color-neutral-800);
213
- --syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
214
- --syn-input-readonly-color-focus: var(--syn-color-neutral-950);
215
212
  --syn-input-readonly-color-hover: var(--syn-color-neutral-950);
216
- --syn-input-readonly-background-color: var(--syn-color-neutral-50);
217
- --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-50);
218
- --syn-input-readonly-background-color-focus: var(--syn-color-neutral-50);
219
- --syn-input-readonly-background-color-hover: var(--syn-color-neutral-50);
213
+ --syn-input-readonly-background-color: var(--syn-color-neutral-300);
214
+ --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-300);
215
+ --syn-input-readonly-background-color-focus: var(--syn-color-neutral-300);
216
+ --syn-input-readonly-background-color-hover: var(--syn-color-neutral-300);
220
217
  --syn-input-required-content: "*";
221
218
  --syn-input-required-content-color: var(--syn-input-label-color);
222
219
  --syn-input-required-content-offset: -2px;
package/metadata/packages/tokens/sick2018_dark.css CHANGED
@@ -209,14 +209,11 @@
209
209
  --syn-input-letter-spacing: var(--syn-letter-spacing-normal);
210
210
  --syn-input-placeholder-color: var(--syn-color-neutral-500);
211
211
  --syn-input-placeholder-color-disabled: var(--syn-color-neutral-500);
212
- --syn-input-readonly-color: var(--syn-color-neutral-800);
213
- --syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
214
- --syn-input-readonly-color-focus: var(--syn-color-neutral-950);
215
212
  --syn-input-readonly-color-hover: var(--syn-color-neutral-950);
216
- --syn-input-readonly-background-color: var(--syn-color-neutral-50);
217
- --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-50);
218
- --syn-input-readonly-background-color-focus: var(--syn-color-neutral-50);
219
- --syn-input-readonly-background-color-hover: var(--syn-color-neutral-50);
213
+ --syn-input-readonly-background-color: var(--syn-color-neutral-300);
214
+ --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-300);
215
+ --syn-input-readonly-background-color-focus: var(--syn-color-neutral-300);
216
+ --syn-input-readonly-background-color-hover: var(--syn-color-neutral-300);
220
217
  --syn-input-required-content: "*";
221
218
  --syn-input-required-content-color: var(--syn-input-label-color);
222
219
  --syn-input-required-content-offset: -2px;
package/metadata/packages/tokens/sick2018_light.css CHANGED
@@ -209,14 +209,11 @@
209
209
  --syn-input-letter-spacing: var(--syn-letter-spacing-normal);
210
210
  --syn-input-placeholder-color: var(--syn-color-neutral-500);
211
211
  --syn-input-placeholder-color-disabled: var(--syn-color-neutral-500);
212
- --syn-input-readonly-color: var(--syn-color-neutral-800);
213
- --syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
214
- --syn-input-readonly-color-focus: var(--syn-color-neutral-950);
215
212
  --syn-input-readonly-color-hover: var(--syn-color-neutral-950);
216
- --syn-input-readonly-background-color: var(--syn-color-neutral-50);
217
- --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-50);
218
- --syn-input-readonly-background-color-focus: var(--syn-color-neutral-50);
219
- --syn-input-readonly-background-color-hover: var(--syn-color-neutral-50);
213
+ --syn-input-readonly-background-color: var(--syn-color-neutral-300);
214
+ --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-300);
215
+ --syn-input-readonly-background-color-focus: var(--syn-color-neutral-300);
216
+ --syn-input-readonly-background-color-hover: var(--syn-color-neutral-300);
220
217
  --syn-input-required-content: "*";
221
218
  --syn-input-required-content-color: var(--syn-input-label-color);
222
219
  --syn-input-required-content-offset: -2px;
package/metadata/packages/tokens/sick2025_dark.css CHANGED
@@ -87,10 +87,10 @@
87
87
  --syn-color-info-800: #a6e9ff;
88
88
  --syn-color-info-900: #dff4ff;
89
89
  --syn-color-info-950: #effaff;
90
- --syn-color-neutral-0: #000414;
91
- --syn-color-neutral-50: #000724;
90
+ --syn-color-neutral-0: #000206;
91
+ --syn-color-neutral-50: #00051a;
92
92
  --syn-color-neutral-100: #000a37;
93
- --syn-color-neutral-200: #141e47;
93
+ --syn-color-neutral-200: #0e1633;
94
94
  --syn-color-neutral-300: #262f55;
95
95
  --syn-color-neutral-400: #404769;
96
96
  --syn-color-neutral-500: #4d5473;
@@ -170,9 +170,9 @@
170
170
  --syn-input-background-color-hover: var(--syn-input-background-color);
171
171
  --syn-input-border-color: var(--syn-color-neutral-1000);
172
172
  --syn-input-border-color-disabled: var(--syn-color-neutral-1000);
173
- --syn-input-border-color-focus: var(--syn-color-primary-500);
173
+ --syn-input-border-color-focus: var(--syn-color-primary-400);
174
174
  --syn-input-border-color-focus-error: var(--syn-color-error-600);
175
- --syn-input-border-color-hover: var(--syn-color-primary-500);
175
+ --syn-input-border-color-hover: var(--syn-color-primary-400);
176
176
  --syn-input-border-radius-large: var(--syn-border-radius-medium);
177
177
  --syn-input-border-radius-medium: var(--syn-border-radius-medium);
178
178
  --syn-input-border-radius-small: var(--syn-border-radius-medium);
@@ -209,14 +209,11 @@
209
209
  --syn-input-letter-spacing: normal;
210
210
  --syn-input-placeholder-color: var(--syn-color-neutral-800);
211
211
  --syn-input-placeholder-color-disabled: var(--syn-color-neutral-800);
212
- --syn-input-readonly-color: var(--syn-color-neutral-800);
213
- --syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
214
- --syn-input-readonly-color-focus: var(--syn-color-neutral-950);
215
212
  --syn-input-readonly-color-hover: var(--syn-color-neutral-950);
216
- --syn-input-readonly-background-color: var(--syn-color-neutral-200);
217
- --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-200);
218
- --syn-input-readonly-background-color-focus: var(--syn-color-neutral-200);
219
- --syn-input-readonly-background-color-hover: var(--syn-color-neutral-200);
213
+ --syn-input-readonly-background-color: var(--syn-color-neutral-300);
214
+ --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-300);
215
+ --syn-input-readonly-background-color-focus: var(--syn-color-neutral-300);
216
+ --syn-input-readonly-background-color-hover: var(--syn-color-neutral-300);
220
217
  --syn-input-required-content: "*";
221
218
  --syn-input-required-content-color: var(--syn-input-label-color);
222
219
  --syn-input-required-content-offset: -2px;
@@ -225,12 +222,12 @@
225
222
  --syn-input-spacing-small: var(--syn-spacing-small);
226
223
  --syn-input-width: var(--syn-border-width-small);
227
224
  --syn-interactive-background-color-hover: var(--syn-color-neutral-100);
228
- --syn-interactive-emphasis-color: var(--syn-color-primary-500);
229
- --syn-interactive-emphasis-color-active: var(--syn-color-primary-800);
230
- --syn-interactive-emphasis-color-hover: var(--syn-color-primary-700);
225
+ --syn-interactive-emphasis-color: var(--syn-color-primary-400);
226
+ --syn-interactive-emphasis-color-active: var(--syn-color-primary-700);
227
+ --syn-interactive-emphasis-color-hover: var(--syn-color-primary-600);
231
228
  --syn-interactive-quiet-color: var(--syn-color-neutral-1000);
232
- --syn-interactive-quiet-color-active: var(--syn-color-primary-600);
233
- --syn-interactive-quiet-color-hover: var(--syn-color-primary-500);
229
+ --syn-interactive-quiet-color-active: var(--syn-color-primary-500);
230
+ --syn-interactive-quiet-color-hover: var(--syn-color-primary-400);
234
231
  --syn-letter-spacing-dense: normal; /** Shoelace compatibility DO NOT USE */
235
232
  --syn-letter-spacing-denser: normal; /** Shoelace compatibility DO NOT USE */
236
233
  --syn-letter-spacing-loose: normal; /** Shoelace compatibility DO NOT USE */
@@ -250,8 +247,8 @@
250
247
  --syn-link-underline-outline: 25%;
251
248
  --syn-logo-color: var(--syn-color-primary-300);
252
249
  --syn-opacity-50: 0.5; /** 50% */
253
- --syn-overlay-background-blur: 16px;
254
- --syn-overlay-background-color: rgba(0, 10, 55, 0.6);
250
+ --syn-overlay-background-blur: 8px;
251
+ --syn-overlay-background-color: rgba(0, 5, 26, 0.6);
255
252
  --syn-page-background: var(--syn-color-neutral-0);
256
253
  --syn-panel-background-color: var(--syn-color-neutral-50);
257
254
  --syn-panel-border-color: var(--syn-color-neutral-300);
@@ -274,8 +271,8 @@
274
271
  --syn-spacing-x-small: 8px;
275
272
  --syn-spinner-opacity: 0.4;
276
273
  --syn-table-background-color: var(--syn-panel-background-color);
277
- --syn-table-background-color-alternating: var(--syn-color-neutral-100);
278
- --syn-table-background-color-header: var(--syn-color-neutral-200);
274
+ --syn-table-background-color-alternating: var(--syn-color-neutral-200);
275
+ --syn-table-background-color-header: var(--syn-color-neutral-300);
279
276
  --syn-table-border-color: var(--syn-color-neutral-300);
280
277
  --syn-table-shadow-end: rgba(0, 0, 0, 0);
281
278
  --syn-table-shadow-start: rgba(0, 0, 0, 0.8);
package/metadata/packages/tokens/sick2025_light.css CHANGED
@@ -209,14 +209,11 @@
209
209
  --syn-input-letter-spacing: normal;
210
210
  --syn-input-placeholder-color: var(--syn-color-neutral-700);
211
211
  --syn-input-placeholder-color-disabled: var(--syn-color-neutral-700);
212
- --syn-input-readonly-color: var(--syn-color-neutral-800);
213
- --syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
214
- --syn-input-readonly-color-focus: var(--syn-color-neutral-950);
215
212
  --syn-input-readonly-color-hover: var(--syn-color-neutral-950);
216
- --syn-input-readonly-background-color: #f2f0ed;
217
- --syn-input-readonly-background-color-disabled: #f2f0ed;
218
- --syn-input-readonly-background-color-focus: #f2f0ed;
219
- --syn-input-readonly-background-color-hover: #f2f0ed;
213
+ --syn-input-readonly-background-color: #e6e1dc;
214
+ --syn-input-readonly-background-color-disabled: #e6e1dc;
215
+ --syn-input-readonly-background-color-focus: #e6e1dc;
216
+ --syn-input-readonly-background-color-hover: #e6e1dc;
220
217
  --syn-input-required-content: "*";
221
218
  --syn-input-required-content-color: var(--syn-input-label-color);
222
219
  --syn-input-required-content-offset: -2px;
@@ -250,8 +247,8 @@
250
247
  --syn-link-underline-outline: 25%;
251
248
  --syn-logo-color: var(--syn-color-primary-700);
252
249
  --syn-opacity-50: 0.5; /** 50% */
253
- --syn-overlay-background-blur: 16px;
254
- --syn-overlay-background-color: rgba(0, 10, 55, 0.3);
250
+ --syn-overlay-background-blur: 8px;
251
+ --syn-overlay-background-color: rgba(0, 5, 26, 0.3);
255
252
  --syn-page-background: #f8f7f6;
256
253
  --syn-panel-background-color: var(--syn-color-neutral-0);
257
254
  --syn-panel-border-color: #e6e1dc;
package/package.json CHANGED
@@ -29,10 +29,10 @@
29
29
  "ts-jest": "^29.4.0",
30
30
  "typescript": "^5.9.3",
31
31
  "@synergy-design-system/docs": "0.1.0",
32
- "@synergy-design-system/components": "2.57.0",
32
+ "@synergy-design-system/components": "2.58.0",
33
33
  "@synergy-design-system/eslint-config-syn": "^0.1.0",
34
34
  "@synergy-design-system/styles": "1.9.0",
35
- "@synergy-design-system/tokens": "^2.38.0"
35
+ "@synergy-design-system/tokens": "^2.39.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.19.0",
69
+ "version": "1.20.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",