@synergy-design-system/mcp 1.19.0 → 1.21.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 +18 -0
  2. package/metadata/checksum.txt +1 -1
  3. package/metadata/packages/components/components/syn-card/component.custom.styles.ts +1 -1
  4. package/metadata/packages/components/components/syn-dialog/component.custom.styles.ts +6 -0
  5. package/metadata/packages/components/static/CHANGELOG.md +28 -0
  6. package/metadata/packages/tokens/CHANGELOG.md +18 -0
  7. package/metadata/packages/tokens/dark.css +5 -8
  8. package/metadata/packages/tokens/index.js +1 -16
  9. package/metadata/packages/tokens/light.css +5 -8
  10. package/metadata/packages/tokens/sick2018_dark.css +5 -8
  11. package/metadata/packages/tokens/sick2018_light.css +5 -8
  12. package/metadata/packages/tokens/sick2025_dark.css +19 -22
  13. package/metadata/packages/tokens/sick2025_light.css +7 -10
  14. package/metadata/static/components/syn-card/docs.md +6 -6
  15. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # Changelog
2
2
 
3
+ ## 1.21.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1072](https://github.com/synergy-design-system/synergy-design-system/pull/1072) [`81dae1e`](https://github.com/synergy-design-system/synergy-design-system/commit/81dae1e912bcbdefb4346b4a3bbc245f7fac9f12) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-07
8
+
9
+ feat: ✨ Brand updates for `<syn-card>` (#942)
10
+
11
+ ## 1.20.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [#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
16
+
17
+ feat: ✨ Brand updates for `<syn-dialog>` (#946)
18
+
19
+ Also made sure to have smaller `blur` settings as the token has double the size in Figma.
20
+
3
21
  ## 1.19.0
4
22
 
5
23
  ### Minor Changes
package/metadata/checksum.txt CHANGED
@@ -1 +1 @@
1
- 18e791c80371d179b8ed04f364929603
1
+ f2250dcbcf8ea1a11b07fa054a2bce93
package/metadata/packages/components/components/syn-card/component.custom.styles.ts CHANGED
@@ -2,7 +2,7 @@ import { css } from 'lit';
2
2
 
3
3
  export default css`
4
4
  :host {
5
- --border-color: var(--syn-color-neutral-300);
5
+ --border-color: var(--syn-panel-border-color);
6
6
  --border-width: var(--syn-border-width-small);
7
7
  --border-radius: var(--syn-border-radius-medium);
8
8
  }
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,33 @@
1
1
  # Changelog
2
2
 
3
+ ## 2.59.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1072](https://github.com/synergy-design-system/synergy-design-system/pull/1072) [`81dae1e`](https://github.com/synergy-design-system/synergy-design-system/commit/81dae1e912bcbdefb4346b4a3bbc245f7fac9f12) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-07
8
+
9
+ feat: ✨ Brand updates for `<syn-card>` (#942)
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies [[`81dae1e`](https://github.com/synergy-design-system/synergy-design-system/commit/81dae1e912bcbdefb4346b4a3bbc245f7fac9f12)]:
14
+ - @synergy-design-system/tokens@2.40.0
15
+
16
+ ## 2.58.0
17
+
18
+ ### Minor Changes
19
+
20
+ - [#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
21
+
22
+ feat: ✨ Brand updates for `<syn-dialog>` (#946)
23
+
24
+ Also made sure to have smaller `blur` settings as the token has double the size in Figma.
25
+
26
+ ### Patch Changes
27
+
28
+ - Updated dependencies [[`0ae632c`](https://github.com/synergy-design-system/synergy-design-system/commit/0ae632c5331f0583ba652add18755df01766cbf5)]:
29
+ - @synergy-design-system/tokens@2.39.0
30
+
3
31
  ## 2.57.0
4
32
 
5
33
  ### Minor Changes
package/metadata/packages/tokens/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # Changelog
2
2
 
3
+ ## 2.40.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1072](https://github.com/synergy-design-system/synergy-design-system/pull/1072) [`81dae1e`](https://github.com/synergy-design-system/synergy-design-system/commit/81dae1e912bcbdefb4346b4a3bbc245f7fac9f12) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-11-07
8
+
9
+ feat: ✨ Brand updates for `<syn-card>` (#942)
10
+
11
+ ## 2.39.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [#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
16
+
17
+ feat: ✨ Brand updates for `<syn-dialog>` (#946)
18
+
19
+ Also made sure to have smaller `blur` settings as the token has double the size in Figma.
20
+
3
21
  ## 2.38.0
4
22
 
5
23
  ### Minor Changes
package/metadata/packages/tokens/dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.38.0
2
+ * @synergy-design-system/tokens version 2.39.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -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
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.38.0
2
+ * @synergy-design-system/tokens version 2.39.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
 
@@ -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
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.38.0
2
+ * @synergy-design-system/tokens version 2.39.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -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
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.38.0
2
+ * @synergy-design-system/tokens version 2.39.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -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
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.38.0
2
+ * @synergy-design-system/tokens version 2.39.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -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
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.38.0
2
+ * @synergy-design-system/tokens version 2.39.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -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
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.38.0
2
+ * @synergy-design-system/tokens version 2.39.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -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/metadata/static/components/syn-card/docs.md CHANGED
@@ -3,14 +3,14 @@
3
3
  ```html
4
4
  <syn-card>
5
5
  <h3>Headline</h3>
6
- This are some happy employees, but not just any employees. These are SICK
6
+ These are some happy employees, but not just any employees. These are SICK
7
7
  employees.
8
8
 
9
9
  <span slot="footer"> </span>
10
10
  <footer slot="footer">
11
11
  <small>Optional information</small>
12
12
  <nav>
13
- <syn-button variant="filled" size="small" title="">More Info</syn-button>
13
+ <syn-button variant="filled" size="small" title="">More info</syn-button>
14
14
  </nav>
15
15
  </footer>
16
16
  <span slot="footer"> </span>
@@ -61,14 +61,14 @@ Cards can be used to group related subjects in a container.
61
61
  ```html
62
62
  <syn-card>
63
63
  <h3>Headline</h3>
64
- This are some happy employees, but not just any employees. These are SICK
64
+ These are some happy employees, but not just any employees. These are SICK
65
65
  employees.
66
66
 
67
67
  <span slot="footer"> </span>
68
68
  <footer slot="footer">
69
69
  <small>Optional information</small>
70
70
  <nav>
71
- <syn-button variant="filled" size="small" title="">More Info</syn-button>
71
+ <syn-button variant="filled" size="small" title="">More info</syn-button>
72
72
  </nav>
73
73
  </footer>
74
74
  <span slot="footer"> </span>
@@ -237,7 +237,7 @@ Cards accept an image slot. The image is displayed atop the card and stretches t
237
237
  src="https://synergy-design-system.github.io/card-example.jpg"
238
238
  alt="Multiple persons having lunch in SICK Academy"
239
239
  />
240
- This are some happy employees, but not just any employees. These are SICK
240
+ These are some happy employees, but not just any employees. These are SICK
241
241
  employees.
242
242
  </syn-card>
243
243
 
@@ -261,7 +261,7 @@ Use the sharp variant attribute for the Card to Use a different style.
261
261
  src="https://synergy-design-system.github.io/card-example.jpg"
262
262
  alt="Multiple persons having lunch in SICK Academy"
263
263
  />
264
- This are some happy employees, but not just any employees. These are SICK
264
+ These are some happy employees, but not just any employees. These are SICK
265
265
  employees.
266
266
  </syn-card>
267
267
 
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/docs": "0.1.0",
32
- "@synergy-design-system/components": "2.57.0",
31
+ "@synergy-design-system/components": "2.59.0",
33
32
  "@synergy-design-system/eslint-config-syn": "^0.1.0",
34
33
  "@synergy-design-system/styles": "1.9.0",
35
- "@synergy-design-system/tokens": "^2.38.0"
34
+ "@synergy-design-system/tokens": "^2.40.0",
35
+ "@synergy-design-system/docs": "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.19.0",
69
+ "version": "1.21.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",