@synergy-design-system/mcp 2.13.4 → 2.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.
- package/CHANGELOG.md +13 -0
- package/metadata/checksum.txt +1 -1
- package/metadata/packages/components/static/CHANGELOG.md +18 -0
- package/metadata/packages/styles/index.css +1 -1
- package/metadata/packages/styles/link-list.css +1 -1
- package/metadata/packages/styles/link.css +1 -1
- package/metadata/packages/styles/tables.css +1 -1
- package/metadata/packages/styles/typography.css +1 -1
- package/metadata/packages/tokens/CHANGELOG.md +2 -0
- package/metadata/packages/tokens/dark.css +1 -1
- package/metadata/packages/tokens/index.js +1 -1
- package/metadata/packages/tokens/light.css +1 -1
- package/metadata/packages/tokens/sick2018_dark.css +1 -1
- package/metadata/packages/tokens/sick2018_light.css +1 -1
- package/metadata/packages/tokens/sick2025_dark.css +1 -1
- package/metadata/packages/tokens/sick2025_light.css +1 -1
- package/metadata/static/templates/localization.md +279 -0
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 2.14.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1247](https://github.com/synergy-design-system/synergy-design-system/pull/1247) [`b3ab501`](https://github.com/synergy-design-system/synergy-design-system/commit/b3ab50132ec4ab770b79fa32b1334a1054c60746) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-04-15
|
|
8
|
+
|
|
9
|
+
feat: ✨ Updates to the Synergy translation System (#452, #1242, #1248)
|
|
10
|
+
|
|
11
|
+
This release adds translations for all officially supported languages, as well as documentation about how to use Synergies translation system.
|
|
12
|
+
It also removes unneeded dependencies from the components package:
|
|
13
|
+
- `@shoelace-style/translate` has reached end of live. We forked the original code to make sure it receives updates in Synergy if needed.
|
|
14
|
+
- `@shoelace-style/animation` was never used internally.
|
|
15
|
+
|
|
3
16
|
## 2.13.4
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
package/metadata/checksum.txt
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
4a1b447c845c11f9c997efbb142e3a62
|
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 3.11.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1247](https://github.com/synergy-design-system/synergy-design-system/pull/1247) [`b3ab501`](https://github.com/synergy-design-system/synergy-design-system/commit/b3ab50132ec4ab770b79fa32b1334a1054c60746) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-04-15
|
|
8
|
+
|
|
9
|
+
feat: ✨ Updates to the Synergy translation System (#452, #1242, #1248)
|
|
10
|
+
|
|
11
|
+
This release adds translations for all officially supported languages, as well as documentation about how to use Synergies translation system.
|
|
12
|
+
It also removes unneeded dependencies from the components package:
|
|
13
|
+
- `@shoelace-style/translate` has reached end of live. We forked the original code to make sure it receives updates in Synergy if needed.
|
|
14
|
+
- `@shoelace-style/animation` was never used internally.
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- Updated dependencies []:
|
|
19
|
+
- @synergy-design-system/tokens@3.11.0
|
|
20
|
+
|
|
3
21
|
## 3.10.5
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
## Dynamically Set Localizations
|
|
2
|
+
|
|
3
|
+
This example shows how to dynamically set localizations for Synergy components. This can be useful if you want to allow users to change the language of your application on the fly.
|
|
4
|
+
|
|
5
|
+
```html
|
|
6
|
+
<!-- .synergy-demo-application -->
|
|
7
|
+
<div id="localization-demo-story" class="synergy-demo-application">
|
|
8
|
+
<!-- header -->
|
|
9
|
+
<syn-header label="Localization Demo" sticky="" burger-menu="hidden">
|
|
10
|
+
<!-- meta-navigation -->
|
|
11
|
+
<nav slot="meta-navigation">
|
|
12
|
+
<syn-dropdown placement="bottom-start">
|
|
13
|
+
<div slot="trigger">
|
|
14
|
+
<syn-tooltip content="Change language" placement="bottom">
|
|
15
|
+
<syn-icon-button
|
|
16
|
+
color="neutral"
|
|
17
|
+
name="language"
|
|
18
|
+
label="Choose language"
|
|
19
|
+
size="inherit"
|
|
20
|
+
></syn-icon-button>
|
|
21
|
+
</syn-tooltip>
|
|
22
|
+
</div>
|
|
23
|
+
<syn-menu role="menu">
|
|
24
|
+
<syn-menu-item
|
|
25
|
+
type="checkbox"
|
|
26
|
+
value="cs"
|
|
27
|
+
role="menuitemcheckbox"
|
|
28
|
+
aria-checked="false"
|
|
29
|
+
aria-disabled="false"
|
|
30
|
+
tabindex="0"
|
|
31
|
+
>Čeština</syn-menu-item
|
|
32
|
+
>
|
|
33
|
+
|
|
34
|
+
<syn-menu-item
|
|
35
|
+
type="checkbox"
|
|
36
|
+
value="da"
|
|
37
|
+
role="menuitemcheckbox"
|
|
38
|
+
aria-checked="false"
|
|
39
|
+
aria-disabled="false"
|
|
40
|
+
tabindex="-1"
|
|
41
|
+
>Dansk</syn-menu-item
|
|
42
|
+
>
|
|
43
|
+
|
|
44
|
+
<syn-menu-item
|
|
45
|
+
type="checkbox"
|
|
46
|
+
checked=""
|
|
47
|
+
value="de"
|
|
48
|
+
role="menuitemcheckbox"
|
|
49
|
+
aria-checked="true"
|
|
50
|
+
aria-disabled="false"
|
|
51
|
+
tabindex="-1"
|
|
52
|
+
>Deutsch</syn-menu-item
|
|
53
|
+
>
|
|
54
|
+
|
|
55
|
+
<syn-menu-item
|
|
56
|
+
type="checkbox"
|
|
57
|
+
value="en"
|
|
58
|
+
role="menuitemcheckbox"
|
|
59
|
+
aria-checked="false"
|
|
60
|
+
aria-disabled="false"
|
|
61
|
+
tabindex="-1"
|
|
62
|
+
>English</syn-menu-item
|
|
63
|
+
>
|
|
64
|
+
|
|
65
|
+
<syn-menu-item
|
|
66
|
+
type="checkbox"
|
|
67
|
+
value="es"
|
|
68
|
+
role="menuitemcheckbox"
|
|
69
|
+
aria-checked="false"
|
|
70
|
+
aria-disabled="false"
|
|
71
|
+
tabindex="-1"
|
|
72
|
+
>Español</syn-menu-item
|
|
73
|
+
>
|
|
74
|
+
|
|
75
|
+
<syn-menu-item
|
|
76
|
+
type="checkbox"
|
|
77
|
+
value="fi"
|
|
78
|
+
role="menuitemcheckbox"
|
|
79
|
+
aria-checked="false"
|
|
80
|
+
aria-disabled="false"
|
|
81
|
+
tabindex="-1"
|
|
82
|
+
>Suomi</syn-menu-item
|
|
83
|
+
>
|
|
84
|
+
|
|
85
|
+
<syn-menu-item
|
|
86
|
+
type="checkbox"
|
|
87
|
+
value="fr"
|
|
88
|
+
role="menuitemcheckbox"
|
|
89
|
+
aria-checked="false"
|
|
90
|
+
aria-disabled="false"
|
|
91
|
+
tabindex="-1"
|
|
92
|
+
>Français</syn-menu-item
|
|
93
|
+
>
|
|
94
|
+
|
|
95
|
+
<syn-menu-item
|
|
96
|
+
type="checkbox"
|
|
97
|
+
value="it"
|
|
98
|
+
role="menuitemcheckbox"
|
|
99
|
+
aria-checked="false"
|
|
100
|
+
aria-disabled="false"
|
|
101
|
+
tabindex="-1"
|
|
102
|
+
>Italian</syn-menu-item
|
|
103
|
+
>
|
|
104
|
+
|
|
105
|
+
<syn-menu-item
|
|
106
|
+
type="checkbox"
|
|
107
|
+
value="ja"
|
|
108
|
+
role="menuitemcheckbox"
|
|
109
|
+
aria-checked="false"
|
|
110
|
+
aria-disabled="false"
|
|
111
|
+
tabindex="-1"
|
|
112
|
+
>日本語</syn-menu-item
|
|
113
|
+
>
|
|
114
|
+
|
|
115
|
+
<syn-menu-item
|
|
116
|
+
type="checkbox"
|
|
117
|
+
value="ko"
|
|
118
|
+
role="menuitemcheckbox"
|
|
119
|
+
aria-checked="false"
|
|
120
|
+
aria-disabled="false"
|
|
121
|
+
tabindex="-1"
|
|
122
|
+
>한국어</syn-menu-item
|
|
123
|
+
>
|
|
124
|
+
|
|
125
|
+
<syn-menu-item
|
|
126
|
+
type="checkbox"
|
|
127
|
+
value="nl"
|
|
128
|
+
role="menuitemcheckbox"
|
|
129
|
+
aria-checked="false"
|
|
130
|
+
aria-disabled="false"
|
|
131
|
+
tabindex="-1"
|
|
132
|
+
>Nederlands</syn-menu-item
|
|
133
|
+
>
|
|
134
|
+
|
|
135
|
+
<syn-menu-item
|
|
136
|
+
type="checkbox"
|
|
137
|
+
value="pl"
|
|
138
|
+
role="menuitemcheckbox"
|
|
139
|
+
aria-checked="false"
|
|
140
|
+
aria-disabled="false"
|
|
141
|
+
tabindex="-1"
|
|
142
|
+
>Polski</syn-menu-item
|
|
143
|
+
>
|
|
144
|
+
|
|
145
|
+
<syn-menu-item
|
|
146
|
+
type="checkbox"
|
|
147
|
+
value="pt-BR"
|
|
148
|
+
role="menuitemcheckbox"
|
|
149
|
+
aria-checked="false"
|
|
150
|
+
aria-disabled="false"
|
|
151
|
+
tabindex="-1"
|
|
152
|
+
>Português (Brasil)</syn-menu-item
|
|
153
|
+
>
|
|
154
|
+
|
|
155
|
+
<syn-menu-item
|
|
156
|
+
type="checkbox"
|
|
157
|
+
value="ru"
|
|
158
|
+
role="menuitemcheckbox"
|
|
159
|
+
aria-checked="false"
|
|
160
|
+
aria-disabled="false"
|
|
161
|
+
tabindex="-1"
|
|
162
|
+
>Русский</syn-menu-item
|
|
163
|
+
>
|
|
164
|
+
|
|
165
|
+
<syn-menu-item
|
|
166
|
+
type="checkbox"
|
|
167
|
+
value="sv"
|
|
168
|
+
role="menuitemcheckbox"
|
|
169
|
+
aria-checked="false"
|
|
170
|
+
aria-disabled="false"
|
|
171
|
+
tabindex="-1"
|
|
172
|
+
>Svenska</syn-menu-item
|
|
173
|
+
>
|
|
174
|
+
|
|
175
|
+
<syn-menu-item
|
|
176
|
+
type="checkbox"
|
|
177
|
+
value="tr"
|
|
178
|
+
role="menuitemcheckbox"
|
|
179
|
+
aria-checked="false"
|
|
180
|
+
aria-disabled="false"
|
|
181
|
+
tabindex="-1"
|
|
182
|
+
>Türkçe</syn-menu-item
|
|
183
|
+
>
|
|
184
|
+
|
|
185
|
+
<syn-menu-item
|
|
186
|
+
type="checkbox"
|
|
187
|
+
value="zh-cn"
|
|
188
|
+
role="menuitemcheckbox"
|
|
189
|
+
aria-checked="false"
|
|
190
|
+
aria-disabled="false"
|
|
191
|
+
tabindex="-1"
|
|
192
|
+
>简体中文</syn-menu-item
|
|
193
|
+
>
|
|
194
|
+
|
|
195
|
+
<syn-menu-item
|
|
196
|
+
type="checkbox"
|
|
197
|
+
value="zh-tw"
|
|
198
|
+
role="menuitemcheckbox"
|
|
199
|
+
aria-checked="false"
|
|
200
|
+
aria-disabled="false"
|
|
201
|
+
tabindex="-1"
|
|
202
|
+
>正體中文</syn-menu-item
|
|
203
|
+
>
|
|
204
|
+
</syn-menu>
|
|
205
|
+
</syn-dropdown>
|
|
206
|
+
</nav>
|
|
207
|
+
<!-- /meta-navigation -->
|
|
208
|
+
</syn-header>
|
|
209
|
+
<!-- /header -->
|
|
210
|
+
|
|
211
|
+
<!-- .synergy-demo-content -->
|
|
212
|
+
<div class="synergy-demo-content">
|
|
213
|
+
<main class="synergy-demo-main">
|
|
214
|
+
<syn-card shadow="">
|
|
215
|
+
<h1 class="syn-heading--3x-large">
|
|
216
|
+
Current selected language:
|
|
217
|
+
<span>Deutsch</span>
|
|
218
|
+
</h1>
|
|
219
|
+
<p>
|
|
220
|
+
The following example demonstrates the usage of the
|
|
221
|
+
<code><syn-file></code> component with different language
|
|
222
|
+
settings. The first item will adapt to the currently selected
|
|
223
|
+
language, while the second one uses a fixed
|
|
224
|
+
<code>lang="en"</code> attribute, making it fixed to English
|
|
225
|
+
regardless of the selected language.
|
|
226
|
+
</p>
|
|
227
|
+
<p>
|
|
228
|
+
Try changing the language using the dropdown in the header to see how
|
|
229
|
+
the first file input updates its translations accordingly.
|
|
230
|
+
</p>
|
|
231
|
+
<div class="form">
|
|
232
|
+
<syn-file droparea="" size="medium" form=""></syn-file>
|
|
233
|
+
<syn-file droparea="" lang="en" size="medium" form=""></syn-file>
|
|
234
|
+
</div>
|
|
235
|
+
</syn-card>
|
|
236
|
+
</main>
|
|
237
|
+
<!-- /.synergy-demo-main -->
|
|
238
|
+
</div>
|
|
239
|
+
<!-- /.synergy-demo-content -->
|
|
240
|
+
</div>
|
|
241
|
+
<!-- /.synergy-demo-application -->
|
|
242
|
+
|
|
243
|
+
<style>
|
|
244
|
+
body {
|
|
245
|
+
margin: 0 !important;
|
|
246
|
+
padding: 0 !important;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.synergy-demo-application {
|
|
250
|
+
display: flex;
|
|
251
|
+
flex-direction: column;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.synergy-demo-content {
|
|
255
|
+
background: var(--syn-page-background-color-muted);
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.synergy-demo-main {
|
|
259
|
+
display: flex;
|
|
260
|
+
flex-direction: column;
|
|
261
|
+
font: var(--syn-body-medium);
|
|
262
|
+
margin: var(--syn-spacing-medium);
|
|
263
|
+
|
|
264
|
+
h1 {
|
|
265
|
+
margin: 0 0 var(--syn-spacing-medium);
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
.form {
|
|
269
|
+
display: flex;
|
|
270
|
+
flex-direction: row;
|
|
271
|
+
gap: var(--syn-spacing-medium);
|
|
272
|
+
|
|
273
|
+
syn-file {
|
|
274
|
+
flex-basis: calc(50% - var(--syn-spacing-medium) / 2);
|
|
275
|
+
}
|
|
276
|
+
}
|
|
277
|
+
}
|
|
278
|
+
</style>
|
|
279
|
+
```
|
package/package.json
CHANGED
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
"ts-jest": "^29.4.6",
|
|
30
30
|
"typescript": "^5.9.3",
|
|
31
31
|
"@synergy-design-system/eslint-config-syn": "^0.1.0",
|
|
32
|
-
"@synergy-design-system/components": "3.10.5",
|
|
33
|
-
"@synergy-design-system/tokens": "^3.10.5",
|
|
34
32
|
"@synergy-design-system/fonts": "1.0.5",
|
|
35
33
|
"@synergy-design-system/docs": "0.1.0",
|
|
36
|
-
"@synergy-design-system/
|
|
34
|
+
"@synergy-design-system/tokens": "^3.11.0",
|
|
35
|
+
"@synergy-design-system/styles": "2.0.3",
|
|
36
|
+
"@synergy-design-system/components": "3.11.0"
|
|
37
37
|
},
|
|
38
38
|
"exports": {
|
|
39
39
|
".": {
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"directory": "packages/mcp"
|
|
68
68
|
},
|
|
69
69
|
"type": "module",
|
|
70
|
-
"version": "2.
|
|
70
|
+
"version": "2.14.0",
|
|
71
71
|
"scripts": {
|
|
72
72
|
"build": "pnpm run build:ts && pnpm run build:metadata && pnpm build:hash",
|
|
73
73
|
"build:all": "pnpm run build && pnpm run build:storybook",
|