@synergy-design-system/metadata 3.2.0 → 3.3.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 +10 -0
- package/data/core/setup/setup:angular-components-module.json +1 -1
- package/data/core/setup/setup:angular-forms-module.json +1 -1
- package/data/core/setup/setup:angular-package.json +2 -2
- package/data/core/setup/setup:angular-validators-module.json +1 -1
- package/data/core/setup/setup:components-package.json +2 -2
- package/data/core/setup/setup:react-package.json +2 -2
- package/data/core/setup/setup:tokens-package.json +2 -2
- package/data/core/setup/setup:vue-package.json +2 -2
- package/data/core/token/token:tokens-figma-variables-sick2018-dark-json.json +1 -1
- package/data/core/token/token:tokens-figma-variables-sick2018-light-json.json +1 -1
- package/data/core/token/token:tokens-figma-variables-sick2025-dark-json.json +1 -1
- package/data/core/token/token:tokens-figma-variables-sick2025-light-json.json +1 -1
- package/data/core/token/token:tokens-js-index-d-ts.json +1 -1
- package/data/core/token/token:tokens-js-index-js.json +1 -1
- package/data/core/token/token:tokens-scss-tokens-scss.json +1 -1
- package/data/core/token/token:tokens-themes-sick2018-dark-css.json +1 -1
- package/data/core/token/token:tokens-themes-sick2018-light-css.json +1 -1
- package/data/core/token/token:tokens-themes-sick2025-dark-css.json +1 -1
- package/data/core/token/token:tokens-themes-sick2025-light-css.json +1 -1
- package/data/index.json +1 -1
- package/data/layers/examples/component/component:syn-option.md +8 -1
- package/data/layers/full/component/component:syn-option/components/option.styles.ts +5 -5
- package/data/layers/full/setup/setup:angular-package/angular/CHANGELOG.md +8 -0
- package/data/layers/full/setup/setup:angular-package/angular/package.json +1 -1
- package/data/layers/full/setup/setup:components-package/components/CHANGELOG.md +13 -0
- package/data/layers/full/setup/setup:components-package/components/package.json +1 -1
- package/data/layers/full/setup/setup:react-package/react/CHANGELOG.md +8 -0
- package/data/layers/full/setup/setup:react-package/react/package.json +1 -1
- package/data/layers/full/setup/setup:tokens-package/tokens/CHANGELOG.md +2 -0
- package/data/layers/full/setup/setup:tokens-package/tokens/package.json +1 -1
- package/data/layers/full/setup/setup:vue-package/vue/CHANGELOG.md +8 -0
- package/data/layers/full/setup/setup:vue-package/vue/package.json +1 -1
- package/data/layers/full/tokens/js/index.d.ts +1 -1
- package/data/layers/full/tokens/js/index.js +1 -1
- package/data/layers/full/tokens/scss/_tokens.scss +1 -1
- package/data/layers/full/tokens/themes/sick2018_dark.css +1 -1
- package/data/layers/full/tokens/themes/sick2018_light.css +1 -1
- package/data/layers/full/tokens/themes/sick2025_dark.css +1 -1
- package/data/layers/full/tokens/themes/sick2025_light.css +1 -1
- package/data/manifest.json +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 3.3.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#1278](https://github.com/synergy-design-system/synergy-design-system/pull/1278) [`e84b97a`](https://github.com/synergy-design-system/synergy-design-system/commit/e84b97ae70affae71afcc85725e56b3f690a445e) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-05-04
|
|
8
|
+
|
|
9
|
+
fix: 🐛 `<syn-option>` slotted icons not visible on hover ([#1277](https://github.com/synergy-design-system/synergy-design-system/issues/1277))
|
|
10
|
+
|
|
11
|
+
This release fixes a bug that accidentally set the color of slotted elements in `<syn-option>` to white which lead to the icons appear to be invisible.
|
|
12
|
+
|
|
3
13
|
## 3.2.0
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"custom": {
|
|
3
3
|
"framework": "angular",
|
|
4
4
|
"packageName": "@synergy-design-system/angular",
|
|
5
|
-
"packageVersion": "3.13.
|
|
5
|
+
"packageVersion": "3.13.2",
|
|
6
6
|
"subpathExports": [
|
|
7
7
|
".",
|
|
8
8
|
"./components/*",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"name": "Angular Framework Package",
|
|
40
40
|
"package": "angular",
|
|
41
41
|
"relations": [],
|
|
42
|
-
"since": "3.13.
|
|
42
|
+
"since": "3.13.2",
|
|
43
43
|
"sources": [
|
|
44
44
|
"packages/angular/README.md",
|
|
45
45
|
"packages/angular/CHANGELOG.md",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"custom": {
|
|
3
3
|
"packageName": "@synergy-design-system/components",
|
|
4
|
-
"packageVersion": "3.13.
|
|
4
|
+
"packageVersion": "3.13.2"
|
|
5
5
|
},
|
|
6
6
|
"id": "setup:components-package",
|
|
7
7
|
"kind": "setup",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"name": "Components Package",
|
|
41
41
|
"package": "components",
|
|
42
42
|
"relations": [],
|
|
43
|
-
"since": "3.13.
|
|
43
|
+
"since": "3.13.2",
|
|
44
44
|
"sources": [
|
|
45
45
|
"packages/components/README.md",
|
|
46
46
|
"packages/components/CHANGELOG.md",
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"custom": {
|
|
3
3
|
"framework": "react",
|
|
4
4
|
"packageName": "@synergy-design-system/react",
|
|
5
|
-
"packageVersion": "3.13.
|
|
5
|
+
"packageVersion": "3.13.2",
|
|
6
6
|
"subpathExports": [
|
|
7
7
|
".",
|
|
8
8
|
"./components/*",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"name": "React Framework Package",
|
|
43
43
|
"package": "react",
|
|
44
44
|
"relations": [],
|
|
45
|
-
"since": "3.13.
|
|
45
|
+
"since": "3.13.2",
|
|
46
46
|
"sources": [
|
|
47
47
|
"packages/react/README.md",
|
|
48
48
|
"packages/react/CHANGELOG.md",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"./themes/*"
|
|
25
25
|
],
|
|
26
26
|
"packageName": "@synergy-design-system/tokens",
|
|
27
|
-
"packageVersion": "3.13.
|
|
27
|
+
"packageVersion": "3.13.2"
|
|
28
28
|
},
|
|
29
29
|
"id": "setup:tokens-package",
|
|
30
30
|
"kind": "setup",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"name": "Tokens Package",
|
|
52
52
|
"package": "tokens",
|
|
53
53
|
"relations": [],
|
|
54
|
-
"since": "3.13.
|
|
54
|
+
"since": "3.13.2",
|
|
55
55
|
"sources": [
|
|
56
56
|
"packages/tokens/BREAKING_CHANGES.md",
|
|
57
57
|
"packages/tokens/CHANGELOG.md",
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"custom": {
|
|
3
3
|
"framework": "vue",
|
|
4
4
|
"packageName": "@synergy-design-system/vue",
|
|
5
|
-
"packageVersion": "3.13.
|
|
5
|
+
"packageVersion": "3.13.2"
|
|
6
6
|
},
|
|
7
7
|
"id": "setup:vue-package",
|
|
8
8
|
"kind": "setup",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"name": "Vue Framework Package",
|
|
34
34
|
"package": "vue",
|
|
35
35
|
"relations": [],
|
|
36
|
-
"since": "3.13.
|
|
36
|
+
"since": "3.13.2",
|
|
37
37
|
"sources": [
|
|
38
38
|
"packages/vue/README.md",
|
|
39
39
|
"packages/vue/CHANGELOG.md",
|
package/data/index.json
CHANGED
|
@@ -22,6 +22,13 @@ Use the disabled attribute to disable an option and prevent it from being select
|
|
|
22
22
|
<syn-option value="option-1">Email</syn-option>
|
|
23
23
|
<syn-option value="option-2" disabled="">Phone</syn-option>
|
|
24
24
|
<syn-option value="option-3">Chat</syn-option>
|
|
25
|
+
|
|
26
|
+
<syn-option value="option-4" disabled="">
|
|
27
|
+
<syn-icon name="chat_bubble_outline" slot="prefix"></syn-icon>
|
|
28
|
+
<syn-icon name="check_circle_outline" slot="suffix"></syn-icon>
|
|
29
|
+
Other
|
|
30
|
+
</syn-option>
|
|
31
|
+
<!-- /Regression#1277 -->
|
|
25
32
|
</syn-select>
|
|
26
33
|
```
|
|
27
34
|
|
|
@@ -32,7 +39,7 @@ Use the disabled attribute to disable an option and prevent it from being select
|
|
|
32
39
|
Add icons to the start and end of menu items using the prefix and suffix slots.
|
|
33
40
|
|
|
34
41
|
```html
|
|
35
|
-
<syn-select label="Select one">
|
|
42
|
+
<syn-select label="Select one" open="">
|
|
36
43
|
<syn-option value="option-1">
|
|
37
44
|
<syn-icon slot="prefix" name="email"></syn-icon>
|
|
38
45
|
Email
|
|
@@ -139,16 +139,16 @@ export default css`
|
|
|
139
139
|
font-size: var(--option-icon-size, var(--syn-spacing-large));
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
.option--hover .option__prefix::slotted(syn-icon),
|
|
143
|
-
.option--hover .option__suffix::slotted(syn-icon) {
|
|
144
|
-
color: var(--syn-option-icon-color-hover);
|
|
145
|
-
}
|
|
146
|
-
|
|
147
142
|
.option--current .option__prefix::slotted(syn-icon),
|
|
148
143
|
.option--current .option__suffix::slotted(syn-icon) {
|
|
149
144
|
color: var(--syn-option-icon-color-active);
|
|
150
145
|
}
|
|
151
146
|
|
|
147
|
+
.option--hover:not(.option--disabled) .option__prefix::slotted(syn-icon),
|
|
148
|
+
.option--hover:not(.option--disabled) .option__suffix::slotted(syn-icon) {
|
|
149
|
+
color: var(--syn-option-icon-color-hover);
|
|
150
|
+
}
|
|
151
|
+
|
|
152
152
|
/* This is needed for the highlight styling of the options in syn-combobox */
|
|
153
153
|
.option__label::slotted(.syn-highlight-style) {
|
|
154
154
|
background-color: transparent;
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @synergy-design-system/angular
|
|
2
2
|
|
|
3
|
+
## 3.13.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [[`e84b97a`](https://github.com/synergy-design-system/synergy-design-system/commit/e84b97ae70affae71afcc85725e56b3f690a445e)]:
|
|
8
|
+
- @synergy-design-system/components@3.13.2
|
|
9
|
+
- @synergy-design-system/tokens@3.13.2
|
|
10
|
+
|
|
3
11
|
## 3.13.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"url": "https://github.com/synergy-design-system/synergy-design-system.git",
|
|
23
23
|
"directory": "packages/angular"
|
|
24
24
|
},
|
|
25
|
-
"version": "3.13.
|
|
25
|
+
"version": "3.13.2",
|
|
26
26
|
"scripts": {
|
|
27
27
|
"_build": "pnpm _clean && ng-packagr -c tsconfig.lib.json && pnpm _after-build",
|
|
28
28
|
"_clean": "rm -rf ../_private/angular-demo/.angular",
|
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 3.13.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#1278](https://github.com/synergy-design-system/synergy-design-system/pull/1278) [`e84b97a`](https://github.com/synergy-design-system/synergy-design-system/commit/e84b97ae70affae71afcc85725e56b3f690a445e) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-05-04
|
|
8
|
+
|
|
9
|
+
fix: 🐛 `<syn-option>` slotted icons not visible on hover ([#1277](https://github.com/synergy-design-system/synergy-design-system/issues/1277))
|
|
10
|
+
|
|
11
|
+
This release fixes a bug that accidentally set the color of slotted elements in `<syn-option>` to white which lead to the icons appear to be invisible.
|
|
12
|
+
|
|
13
|
+
- Updated dependencies []:
|
|
14
|
+
- @synergy-design-system/tokens@3.13.2
|
|
15
|
+
|
|
3
16
|
## 3.13.1
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @synergy-design-system/react
|
|
2
2
|
|
|
3
|
+
## 3.13.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [[`e84b97a`](https://github.com/synergy-design-system/synergy-design-system/commit/e84b97ae70affae71afcc85725e56b3f690a445e)]:
|
|
8
|
+
- @synergy-design-system/components@3.13.2
|
|
9
|
+
- @synergy-design-system/tokens@3.13.2
|
|
10
|
+
|
|
3
11
|
## 3.13.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @synergy-design-system/vue
|
|
2
2
|
|
|
3
|
+
## 3.13.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [[`e84b97a`](https://github.com/synergy-design-system/synergy-design-system/commit/e84b97ae70affae71afcc85725e56b3f690a445e)]:
|
|
8
|
+
- @synergy-design-system/components@3.13.2
|
|
9
|
+
- @synergy-design-system/tokens@3.13.2
|
|
10
|
+
|
|
3
11
|
## 3.13.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
package/data/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
"serve-handler": "^6.1.7",
|
|
20
20
|
"typescript": "^5.9.3",
|
|
21
21
|
"zod": "^4.3.6",
|
|
22
|
-
"@synergy-design-system/
|
|
22
|
+
"@synergy-design-system/components": "3.13.2",
|
|
23
23
|
"@synergy-design-system/docs": "0.1.0",
|
|
24
|
-
"@synergy-design-system/
|
|
25
|
-
"@synergy-design-system/
|
|
26
|
-
"@synergy-design-system/tokens": "^3.13.
|
|
27
|
-
"@synergy-design-system/
|
|
24
|
+
"@synergy-design-system/eslint-config-syn": "^0.1.0",
|
|
25
|
+
"@synergy-design-system/fonts": "1.0.6",
|
|
26
|
+
"@synergy-design-system/tokens": "^3.13.2",
|
|
27
|
+
"@synergy-design-system/styles": "2.1.0"
|
|
28
28
|
},
|
|
29
29
|
"exports": {
|
|
30
30
|
".": {
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
},
|
|
66
66
|
"types": "./dist/index.d.ts",
|
|
67
67
|
"type": "module",
|
|
68
|
-
"version": "3.
|
|
68
|
+
"version": "3.3.0",
|
|
69
69
|
"scripts": {
|
|
70
70
|
"build:all": "METADATA_LOG_LEVEL=info pnpm run build:ts && RUN_STORYBOOK_SCRAPER=true pnpm run build:data",
|
|
71
71
|
"build": "METADATA_LOG_LEVEL=info pnpm run build:ts && pnpm run build:data",
|