@synergy-design-system/mcp 1.13.0 → 1.14.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 (14) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/metadata/checksum.txt +1 -1
  3. package/metadata/packages/components/components/syn-badge/component.custom.styles.ts +10 -10
  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 +22 -1
  7. package/metadata/packages/tokens/index.js +106 -1
  8. package/metadata/packages/tokens/light.css +22 -1
  9. package/metadata/packages/tokens/sick2018_dark.css +22 -1
  10. package/metadata/packages/tokens/sick2018_light.css +22 -1
  11. package/metadata/packages/tokens/sick2025_dark.css +22 -1
  12. package/metadata/packages/tokens/sick2025_light.css +22 -1
  13. package/metadata/static/components/syn-badge/docs.md +3 -13
  14. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [@synergy-design-system/mcp-v1.14.0](https://github.com/synergy-design-system/synergy-design-system/compare/mcp/1.13.0...mcp/1.14.0) (2025-10-27)
2
+
3
+
4
+ ### Features
5
+
6
+ * ✨ CD update for syn-badge ([#1049](https://github.com/synergy-design-system/synergy-design-system/issues/1049)) ([894e541](https://github.com/synergy-design-system/synergy-design-system/commit/894e5416653a66f5ef81acaaee8b74a1adf7f3ab))
7
+
1
8
  # [@synergy-design-system/mcp-v1.13.0](https://github.com/synergy-design-system/synergy-design-system/compare/mcp/1.12.0...mcp/1.13.0) (2025-10-23)
2
9
 
3
10
 
package/metadata/checksum.txt CHANGED
@@ -1 +1 @@
1
- 70cb3200ddbb9faa6788b5b71e130280
1
+ f3114c45878f843af63d95fbab5c9fec
package/metadata/packages/components/components/syn-badge/component.custom.styles.ts CHANGED
@@ -13,28 +13,28 @@ export default css`
13
13
 
14
14
  /* Variant modifiers */
15
15
  .badge--primary {
16
- background-color: var(--syn-color-primary-600);
17
- color: var(--syn-typography-color-text-inverted);
16
+ background-color: var(--syn-badge-informative-color-background, var(--syn-color-primary-600));
17
+ color: var(--syn-badge-informative-color-text, var(--syn-typography-color-text-inverted));
18
18
  }
19
19
 
20
20
  .badge--success {
21
- background-color: var(--syn-color-success-500);
22
- color: var(--syn-typography-color-text);
21
+ background-color: var(--syn-badge-success-color-background, var(--syn-color-success-500));
22
+ color: var(--syn-badge-success-color-text, var(--syn-typography-color-text));
23
23
  }
24
24
 
25
25
  .badge--neutral {
26
- background-color: var(--syn-color-neutral-800);
27
- color: var(--syn-typography-color-text-inverted);
26
+ background-color: var(--syn-badge-neutral-color-background, var(--syn-color-neutral-800));
27
+ color: var(--syn-badge-neutral-color-text, var(--syn-typography-color-text-inverted));
28
28
  }
29
29
 
30
30
  .badge--warning {
31
- background-color: var(--syn-color-warning-400);
32
- color: var(--syn-typography-color-text);
31
+ background-color: var(--syn-badge-warning-color-background, var(--syn-color-warning-400));
32
+ color: var(--syn-badge-warning-color-text, var(--syn-typography-color-text));
33
33
  }
34
34
 
35
35
  .badge--danger {
36
- background-color: var(--syn-color-error-600);
37
- color: var(--syn-typography-color-text-inverted);
36
+ background-color: var(--syn-badge-error-color-background, var(--syn-color-error-600));
37
+ color: var(--syn-badge-error-color-text, var(--syn-typography-color-text-inverted));
38
38
  }
39
39
 
40
40
  /**
package/metadata/packages/components/static/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [@synergy-design-system/components-v2.53.0](https://github.com/synergy-design-system/synergy-design-system/compare/components/2.52.0...components/2.53.0) (2025-10-27)
2
+
3
+
4
+ ### Features
5
+
6
+ * ✨ CD update for syn-badge ([#1049](https://github.com/synergy-design-system/synergy-design-system/issues/1049)) ([894e541](https://github.com/synergy-design-system/synergy-design-system/commit/894e5416653a66f5ef81acaaee8b74a1adf7f3ab))
7
+
1
8
  # [@synergy-design-system/components-v2.52.0](https://github.com/synergy-design-system/synergy-design-system/compare/components/2.51.0...components/2.52.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.34.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.33.0...tokens/2.34.0) (2025-10-27)
2
+
3
+
4
+ ### Features
5
+
6
+ * ✨ CD update for syn-badge ([#1049](https://github.com/synergy-design-system/synergy-design-system/issues/1049)) ([894e541](https://github.com/synergy-design-system/synergy-design-system/commit/894e5416653a66f5ef81acaaee8b74a1adf7f3ab))
7
+
1
8
  # [@synergy-design-system/tokens-v2.33.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.32.0...tokens/2.33.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.32.0
2
+ * @synergy-design-system/tokens version 2.33.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -7,6 +7,16 @@
7
7
  :root, .syn-sick2018-dark, .syn-theme-dark {
8
8
  color-scheme: dark;
9
9
 
10
+ --syn-badge-error-color-background: var(--syn-color-error-600);
11
+ --syn-badge-error-color-text: var(--syn-typography-color-text-inverted);
12
+ --syn-badge-informative-color-background: var(--syn-color-info-600);
13
+ --syn-badge-informative-color-text: var(--syn-typography-color-text-inverted);
14
+ --syn-badge-neutral-color-background: var(--syn-color-neutral-800);
15
+ --syn-badge-neutral-color-text: var(--syn-typography-color-text-inverted);
16
+ --syn-badge-success-color-background: var(--syn-color-success-500);
17
+ --syn-badge-success-color-text: var(--syn-typography-color-text);
18
+ --syn-badge-warning-color-background: var(--syn-color-warning-400);
19
+ --syn-badge-warning-color-text: var(--syn-typography-color-text);
10
20
  --syn-border-radius-circle: 9999px;
11
21
  --syn-border-radius-large: 8px;
12
22
  --syn-border-radius-medium: 8px;
@@ -46,6 +56,17 @@
46
56
  --syn-color-error-800: #ffc3c9;
47
57
  --syn-color-error-900: #ffdee2;
48
58
  --syn-color-error-950: #fff0f2;
59
+ --syn-color-info-50: #072e4a;
60
+ --syn-color-info-100: #0b486f;
61
+ --syn-color-info-200: #065786;
62
+ --syn-color-info-300: #0166a3;
63
+ --syn-color-info-400: #007cc1;
64
+ --syn-color-info-500: #0ca2eb;
65
+ --syn-color-info-600: #36bbfa;
66
+ --syn-color-info-700: #7cd1fd;
67
+ --syn-color-info-800: #b9e5fe;
68
+ --syn-color-info-900: #e0f1fe;
69
+ --syn-color-info-950: #f0f9ff;
49
70
  --syn-color-neutral-0: #000000;
50
71
  --syn-color-neutral-50: #31373a;
51
72
  --syn-color-neutral-100: #4c5357;
package/metadata/packages/tokens/index.js CHANGED
@@ -1,8 +1,58 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.32.0
2
+ * @synergy-design-system/tokens version 2.33.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
 
6
+ /**
7
+ * @type {string}
8
+ */
9
+ export const SynBadgeErrorColorBackground = 'var(--syn-badge-error-color-background)';
10
+
11
+ /**
12
+ * @type {string}
13
+ */
14
+ export const SynBadgeErrorColorText = 'var(--syn-badge-error-color-text)';
15
+
16
+ /**
17
+ * @type {string}
18
+ */
19
+ export const SynBadgeInformativeColorBackground = 'var(--syn-badge-informative-color-background)';
20
+
21
+ /**
22
+ * @type {string}
23
+ */
24
+ export const SynBadgeInformativeColorText = 'var(--syn-badge-informative-color-text)';
25
+
26
+ /**
27
+ * @type {string}
28
+ */
29
+ export const SynBadgeNeutralColorBackground = 'var(--syn-badge-neutral-color-background)';
30
+
31
+ /**
32
+ * @type {string}
33
+ */
34
+ export const SynBadgeNeutralColorText = 'var(--syn-badge-neutral-color-text)';
35
+
36
+ /**
37
+ * @type {string}
38
+ */
39
+ export const SynBadgeSuccessColorBackground = 'var(--syn-badge-success-color-background)';
40
+
41
+ /**
42
+ * @type {string}
43
+ */
44
+ export const SynBadgeSuccessColorText = 'var(--syn-badge-success-color-text)';
45
+
46
+ /**
47
+ * @type {string}
48
+ */
49
+ export const SynBadgeWarningColorBackground = 'var(--syn-badge-warning-color-background)';
50
+
51
+ /**
52
+ * @type {string}
53
+ */
54
+ export const SynBadgeWarningColorText = 'var(--syn-badge-warning-color-text)';
55
+
6
56
  /**
7
57
  * @type {string}
8
58
  */
@@ -198,6 +248,61 @@ export const SynColorError900 = 'var(--syn-color-error-900)';
198
248
  */
199
249
  export const SynColorError950 = 'var(--syn-color-error-950)';
200
250
 
251
+ /**
252
+ * @type {string}
253
+ */
254
+ export const SynColorInfo50 = 'var(--syn-color-info-50)';
255
+
256
+ /**
257
+ * @type {string}
258
+ */
259
+ export const SynColorInfo100 = 'var(--syn-color-info-100)';
260
+
261
+ /**
262
+ * @type {string}
263
+ */
264
+ export const SynColorInfo200 = 'var(--syn-color-info-200)';
265
+
266
+ /**
267
+ * @type {string}
268
+ */
269
+ export const SynColorInfo300 = 'var(--syn-color-info-300)';
270
+
271
+ /**
272
+ * @type {string}
273
+ */
274
+ export const SynColorInfo400 = 'var(--syn-color-info-400)';
275
+
276
+ /**
277
+ * @type {string}
278
+ */
279
+ export const SynColorInfo500 = 'var(--syn-color-info-500)';
280
+
281
+ /**
282
+ * @type {string}
283
+ */
284
+ export const SynColorInfo600 = 'var(--syn-color-info-600)';
285
+
286
+ /**
287
+ * @type {string}
288
+ */
289
+ export const SynColorInfo700 = 'var(--syn-color-info-700)';
290
+
291
+ /**
292
+ * @type {string}
293
+ */
294
+ export const SynColorInfo800 = 'var(--syn-color-info-800)';
295
+
296
+ /**
297
+ * @type {string}
298
+ */
299
+ export const SynColorInfo900 = 'var(--syn-color-info-900)';
300
+
301
+ /**
302
+ * @type {string}
303
+ */
304
+ export const SynColorInfo950 = 'var(--syn-color-info-950)';
305
+
201
306
  /**
202
307
  * @type {string}
203
308
  */
package/metadata/packages/tokens/light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.32.0
2
+ * @synergy-design-system/tokens version 2.33.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -7,6 +7,16 @@
7
7
  :root, .syn-sick2018-light, .syn-theme-light {
8
8
  color-scheme: light;
9
9
 
10
+ --syn-badge-error-color-background: var(--syn-color-error-600);
11
+ --syn-badge-error-color-text: var(--syn-typography-color-text-inverted);
12
+ --syn-badge-informative-color-background: var(--syn-color-info-600);
13
+ --syn-badge-informative-color-text: var(--syn-typography-color-text-inverted);
14
+ --syn-badge-neutral-color-background: var(--syn-color-neutral-800);
15
+ --syn-badge-neutral-color-text: var(--syn-typography-color-text-inverted);
16
+ --syn-badge-success-color-background: var(--syn-color-success-500);
17
+ --syn-badge-success-color-text: var(--syn-typography-color-text);
18
+ --syn-badge-warning-color-background: var(--syn-color-warning-400);
19
+ --syn-badge-warning-color-text: var(--syn-typography-color-text);
10
20
  --syn-border-radius-circle: 9999px;
11
21
  --syn-border-radius-large: 8px;
12
22
  --syn-border-radius-medium: 8px;
@@ -46,6 +56,17 @@
46
56
  --syn-color-error-800: #ab091c;
47
57
  --syn-color-error-900: #8d0f1e;
48
58
  --syn-color-error-950: #4e010a;
59
+ --syn-color-info-50: #f0f9ff;
60
+ --syn-color-info-100: #e0f1fe;
61
+ --syn-color-info-200: #b9e5fe;
62
+ --syn-color-info-300: #7cd1fd;
63
+ --syn-color-info-400: #36bbfa;
64
+ --syn-color-info-500: #0ca2eb;
65
+ --syn-color-info-600: #007cc1;
66
+ --syn-color-info-700: #0166a3;
67
+ --syn-color-info-800: #065786;
68
+ --syn-color-info-900: #0b486f;
69
+ --syn-color-info-950: #072e4a;
49
70
  --syn-color-neutral-0: #ffffff;
50
71
  --syn-color-neutral-50: #f9fafb;
51
72
  --syn-color-neutral-100: #f2f3f6;
package/metadata/packages/tokens/sick2018_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.32.0
2
+ * @synergy-design-system/tokens version 2.33.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -7,6 +7,16 @@
7
7
  :root, .syn-sick2018-dark, .syn-theme-dark {
8
8
  color-scheme: dark;
9
9
 
10
+ --syn-badge-error-color-background: var(--syn-color-error-600);
11
+ --syn-badge-error-color-text: var(--syn-typography-color-text-inverted);
12
+ --syn-badge-informative-color-background: var(--syn-color-info-600);
13
+ --syn-badge-informative-color-text: var(--syn-typography-color-text-inverted);
14
+ --syn-badge-neutral-color-background: var(--syn-color-neutral-800);
15
+ --syn-badge-neutral-color-text: var(--syn-typography-color-text-inverted);
16
+ --syn-badge-success-color-background: var(--syn-color-success-500);
17
+ --syn-badge-success-color-text: var(--syn-typography-color-text);
18
+ --syn-badge-warning-color-background: var(--syn-color-warning-400);
19
+ --syn-badge-warning-color-text: var(--syn-typography-color-text);
10
20
  --syn-border-radius-circle: 9999px;
11
21
  --syn-border-radius-large: 8px;
12
22
  --syn-border-radius-medium: 8px;
@@ -46,6 +56,17 @@
46
56
  --syn-color-error-800: #ffc3c9;
47
57
  --syn-color-error-900: #ffdee2;
48
58
  --syn-color-error-950: #fff0f2;
59
+ --syn-color-info-50: #072e4a;
60
+ --syn-color-info-100: #0b486f;
61
+ --syn-color-info-200: #065786;
62
+ --syn-color-info-300: #0166a3;
63
+ --syn-color-info-400: #007cc1;
64
+ --syn-color-info-500: #0ca2eb;
65
+ --syn-color-info-600: #36bbfa;
66
+ --syn-color-info-700: #7cd1fd;
67
+ --syn-color-info-800: #b9e5fe;
68
+ --syn-color-info-900: #e0f1fe;
69
+ --syn-color-info-950: #f0f9ff;
49
70
  --syn-color-neutral-0: #000000;
50
71
  --syn-color-neutral-50: #31373a;
51
72
  --syn-color-neutral-100: #4c5357;
package/metadata/packages/tokens/sick2018_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.32.0
2
+ * @synergy-design-system/tokens version 2.33.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -7,6 +7,16 @@
7
7
  :root, .syn-sick2018-light, .syn-theme-light {
8
8
  color-scheme: light;
9
9
 
10
+ --syn-badge-error-color-background: var(--syn-color-error-600);
11
+ --syn-badge-error-color-text: var(--syn-typography-color-text-inverted);
12
+ --syn-badge-informative-color-background: var(--syn-color-info-600);
13
+ --syn-badge-informative-color-text: var(--syn-typography-color-text-inverted);
14
+ --syn-badge-neutral-color-background: var(--syn-color-neutral-800);
15
+ --syn-badge-neutral-color-text: var(--syn-typography-color-text-inverted);
16
+ --syn-badge-success-color-background: var(--syn-color-success-500);
17
+ --syn-badge-success-color-text: var(--syn-typography-color-text);
18
+ --syn-badge-warning-color-background: var(--syn-color-warning-400);
19
+ --syn-badge-warning-color-text: var(--syn-typography-color-text);
10
20
  --syn-border-radius-circle: 9999px;
11
21
  --syn-border-radius-large: 8px;
12
22
  --syn-border-radius-medium: 8px;
@@ -46,6 +56,17 @@
46
56
  --syn-color-error-800: #ab091c;
47
57
  --syn-color-error-900: #8d0f1e;
48
58
  --syn-color-error-950: #4e010a;
59
+ --syn-color-info-50: #f0f9ff;
60
+ --syn-color-info-100: #e0f1fe;
61
+ --syn-color-info-200: #b9e5fe;
62
+ --syn-color-info-300: #7cd1fd;
63
+ --syn-color-info-400: #36bbfa;
64
+ --syn-color-info-500: #0ca2eb;
65
+ --syn-color-info-600: #007cc1;
66
+ --syn-color-info-700: #0166a3;
67
+ --syn-color-info-800: #065786;
68
+ --syn-color-info-900: #0b486f;
69
+ --syn-color-info-950: #072e4a;
49
70
  --syn-color-neutral-0: #ffffff;
50
71
  --syn-color-neutral-50: #f9fafb;
51
72
  --syn-color-neutral-100: #f2f3f6;
package/metadata/packages/tokens/sick2025_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.32.0
2
+ * @synergy-design-system/tokens version 2.33.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -7,6 +7,16 @@
7
7
  :root, .syn-sick2025-dark {
8
8
  color-scheme: dark;
9
9
 
10
+ --syn-badge-error-color-background: var(--syn-color-error-600);
11
+ --syn-badge-error-color-text: var(--syn-typography-color-text-inverted);
12
+ --syn-badge-informative-color-background: #a6e9ff;
13
+ --syn-badge-informative-color-text: var(--syn-typography-color-text-inverted);
14
+ --syn-badge-neutral-color-background: var(--syn-color-neutral-800);
15
+ --syn-badge-neutral-color-text: var(--syn-typography-color-text-inverted);
16
+ --syn-badge-success-color-background: var(--syn-color-success-600);
17
+ --syn-badge-success-color-text: var(--syn-typography-color-text-inverted);
18
+ --syn-badge-warning-color-background: var(--syn-color-warning-800);
19
+ --syn-badge-warning-color-text: var(--syn-typography-color-text-inverted);
10
20
  --syn-border-radius-circle: 9999px;
11
21
  --syn-border-radius-large: 8px;
12
22
  --syn-border-radius-medium: 8px;
@@ -46,6 +56,17 @@
46
56
  --syn-color-error-800: #ffcfd1;
47
57
  --syn-color-error-900: #ffe3e4;
48
58
  --syn-color-error-950: #fff1f1;
59
+ --syn-color-info-50: #06334b;
60
+ --syn-color-info-100: #085172;
61
+ --syn-color-info-200: #02628a;
62
+ --syn-color-info-300: #0075a7;
63
+ --syn-color-info-400: #0092ce;
64
+ --syn-color-info-500: #06b6f1;
65
+ --syn-color-info-600: #26c9ff;
66
+ --syn-color-info-700: #78ddff;
67
+ --syn-color-info-800: #a6e9ff;
68
+ --syn-color-info-900: #dff4ff;
69
+ --syn-color-info-950: #effaff;
49
70
  --syn-color-neutral-0: #000414;
50
71
  --syn-color-neutral-50: #000724;
51
72
  --syn-color-neutral-100: #000a37;
package/metadata/packages/tokens/sick2025_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.32.0
2
+ * @synergy-design-system/tokens version 2.33.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -7,6 +7,16 @@
7
7
  :root, .syn-sick2025-light {
8
8
  color-scheme: light;
9
9
 
10
+ --syn-badge-error-color-background: var(--syn-color-error-600);
11
+ --syn-badge-error-color-text: var(--syn-typography-color-text-inverted);
12
+ --syn-badge-informative-color-background: #26c9ff;
13
+ --syn-badge-informative-color-text: var(--syn-typography-color-text);
14
+ --syn-badge-neutral-color-background: #d5ccc5;
15
+ --syn-badge-neutral-color-text: var(--syn-typography-color-text);
16
+ --syn-badge-success-color-background: var(--syn-color-success-800);
17
+ --syn-badge-success-color-text: var(--syn-typography-color-text-inverted);
18
+ --syn-badge-warning-color-background: var(--syn-color-warning-500);
19
+ --syn-badge-warning-color-text: var(--syn-typography-color-text);
10
20
  --syn-border-radius-circle: 9999px;
11
21
  --syn-border-radius-large: 8px;
12
22
  --syn-border-radius-medium: 8px;
@@ -46,6 +56,17 @@
46
56
  --syn-color-error-800: #941013;
47
57
  --syn-color-error-900: #6c0c0e;
48
58
  --syn-color-error-950: #450709;
59
+ --syn-color-info-50: #effaff;
60
+ --syn-color-info-100: #dff4ff;
61
+ --syn-color-info-200: #a6e9ff;
62
+ --syn-color-info-300: #78ddff;
63
+ --syn-color-info-400: #26c9ff;
64
+ --syn-color-info-500: #06b6f1;
65
+ --syn-color-info-600: #0092ce;
66
+ --syn-color-info-700: #0075a7;
67
+ --syn-color-info-800: #02628a;
68
+ --syn-color-info-900: #085172;
69
+ --syn-color-info-950: #06334b;
49
70
  --syn-color-neutral-0: #ffffff;
50
71
  --syn-color-neutral-50: #f2f2f2;
51
72
  --syn-color-neutral-100: #e7e7e7;
package/metadata/static/components/syn-badge/docs.md CHANGED
@@ -16,9 +16,9 @@ Set the variant attribute to change the badge’s variant.
16
16
  <div style="display: flex; gap: var(--syn-spacing-large)">
17
17
  <syn-badge variant="primary">primary</syn-badge>
18
18
  <syn-badge variant="success">success</syn-badge>
19
- <syn-badge variant="neutral">neutral</syn-badge>
20
19
  <syn-badge variant="warning">warning</syn-badge>
21
20
  <syn-badge variant="danger">danger</syn-badge>
21
+ <syn-badge variant="neutral">neutral</syn-badge>
22
22
  </div>
23
23
  ```
24
24
 
@@ -35,22 +35,12 @@ One of the most common use cases for badges is attaching them to buttons. DEV: T
35
35
  <syn-badge pill="" variant="primary">30</syn-badge>
36
36
  </syn-button>
37
37
 
38
- <syn-button
39
- style="margin-inline-start: 1rem"
40
- title=""
41
- variant="outline"
42
- size="medium"
43
- >
38
+ <syn-button title="" variant="outline" size="medium">
44
39
  Warnings
45
40
  <syn-badge variant="warning" pill="">8</syn-badge>
46
41
  </syn-button>
47
42
 
48
- <syn-button
49
- style="margin-inline-start: 1rem"
50
- title=""
51
- variant="outline"
52
- size="medium"
53
- >
43
+ <syn-button title="" variant="outline" size="medium">
54
44
  Errors
55
45
  <syn-badge variant="danger" pill="">6</syn-badge>
56
46
  </syn-button>
package/package.json CHANGED
@@ -33,11 +33,11 @@
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.52.0",
37
36
  "@synergy-design-system/docs": "0.1.0",
37
+ "@synergy-design-system/components": "2.53.0",
38
38
  "@synergy-design-system/eslint-config-syn": "^0.1.0",
39
- "@synergy-design-system/tokens": "^2.33.0",
40
- "@synergy-design-system/styles": "1.8.1"
39
+ "@synergy-design-system/styles": "1.8.1",
40
+ "@synergy-design-system/tokens": "^2.34.0"
41
41
  },
42
42
  "exports": {
43
43
  ".": {
@@ -122,7 +122,7 @@
122
122
  "directory": "packages/mcp"
123
123
  },
124
124
  "type": "module",
125
- "version": "1.13.0",
125
+ "version": "1.14.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",