@synergy-design-system/metadata 3.0.0 → 3.1.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 +21 -0
- package/data/core/asset/asset:sick2018-icons.json +1 -1
- package/data/core/asset/asset:sick2018-logos.json +1 -1
- package/data/core/asset/asset:sick2018-system-icons.json +1 -1
- package/data/core/asset/asset:sick2025-icons-fill.json +1 -1
- package/data/core/asset/asset:sick2025-icons-outline.json +1 -1
- package/data/core/asset/asset:sick2025-logos.json +1 -1
- package/data/core/asset/asset:sick2025-system-icons.json +1 -1
- 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:assets-package.json +2 -2
- package/data/core/setup/setup:components-package.json +2 -2
- package/data/core/setup/setup:fonts-package.json +2 -2
- package/data/core/setup/setup:react-package.json +2 -2
- package/data/core/setup/setup:styles-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/style/style:syn-body.json +1 -1
- package/data/core/style/style:syn-heading.json +1 -1
- package/data/core/style/style:syn-link-list.json +1 -1
- package/data/core/style/style:syn-link.json +1 -1
- package/data/core/style/style:syn-table-cell.json +1 -1
- package/data/core/style/style:syn-table.json +1 -1
- package/data/core/style/style:syn-weight.json +1 -1
- package/data/core/template/template:loading-screen.json +22 -0
- 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/core/utility/utility:fonts-sick-intl.json +1 -1
- package/data/index.json +15 -1
- package/data/layers/examples/component/component:syn-combobox.md +14 -14
- package/data/layers/examples/style/style:syn-body.md +28 -1
- package/data/layers/examples/style/style:syn-heading.md +44 -1
- package/data/layers/examples/template/template:loading-screen.md +393 -0
- package/data/layers/full/component/component:syn-range/components/range.component.ts +2 -2
- package/data/layers/full/component/component:syn-validate/components/validate.component.ts +1 -1
- package/data/layers/full/setup/setup:angular-package/angular/CHANGELOG.md +20 -0
- package/data/layers/full/setup/setup:angular-package/angular/package.json +4 -4
- package/data/layers/full/setup/setup:assets-package/assets/CHANGELOG.md +8 -0
- package/data/layers/full/setup/setup:assets-package/assets/package.json +4 -4
- package/data/layers/full/setup/setup:components-package/components/CHANGELOG.md +18 -0
- package/data/layers/full/setup/setup:components-package/components/package.json +20 -20
- package/data/layers/full/setup/setup:fonts-package/fonts/CHANGELOG.md +8 -0
- package/data/layers/full/setup/setup:fonts-package/fonts/package.json +4 -4
- package/data/layers/full/setup/setup:react-package/react/CHANGELOG.md +20 -0
- package/data/layers/full/setup/setup:react-package/react/package.json +2 -2
- package/data/layers/full/setup/setup:styles-package/styles/CHANGELOG.md +21 -0
- package/data/layers/full/setup/setup:styles-package/styles/package.json +6 -6
- package/data/layers/full/setup/setup:tokens-package/tokens/CHANGELOG.md +21 -0
- package/data/layers/full/setup/setup:tokens-package/tokens/package.json +6 -6
- package/data/layers/full/setup/setup:vue-package/vue/CHANGELOG.md +20 -0
- package/data/layers/full/setup/setup:vue-package/vue/package.json +6 -6
- package/data/layers/full/styles/typography/body.css +6 -2
- package/data/layers/full/styles/typography/heading.css +9 -1
- package/data/layers/full/tokens/js/index.d.ts +16 -1
- package/data/layers/full/tokens/js/index.js +16 -1
- package/data/layers/full/tokens/scss/_tokens.scss +4 -1
- package/data/layers/full/tokens/themes/sick2018_dark.css +4 -1
- package/data/layers/full/tokens/themes/sick2018_light.css +4 -1
- package/data/layers/full/tokens/themes/sick2025_dark.css +4 -1
- package/data/layers/full/tokens/themes/sick2025_light.css +4 -1
- package/data/manifest.json +1 -1
- package/dist/public/domains/tokens.js +4 -4
- package/package.json +13 -13
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
"@synergy-design-system/eslint-config-syn": "workspace:^",
|
|
9
9
|
"@synergy-design-system/stylelint-config-syn": "workspace:^",
|
|
10
10
|
"eslint": "^9.39.4",
|
|
11
|
-
"ora": "^9.
|
|
12
|
-
"postcss": "^8.5.
|
|
11
|
+
"ora": "^9.4.0",
|
|
12
|
+
"postcss": "^8.5.10",
|
|
13
13
|
"postcss-header": "^3.0.3",
|
|
14
14
|
"postcss-import": "^16.1.1",
|
|
15
15
|
"postcss-url": "^10.1.3",
|
|
16
|
-
"stylelint": "^17.
|
|
16
|
+
"stylelint": "^17.9.0"
|
|
17
17
|
},
|
|
18
18
|
"exports": {
|
|
19
19
|
".": {
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"lint": "pnpm run /^lint:.*/"
|
|
69
69
|
},
|
|
70
70
|
"type": "module",
|
|
71
|
-
"version": "1.0.
|
|
71
|
+
"version": "1.0.6"
|
|
72
72
|
}
|
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @synergy-design-system/react
|
|
2
2
|
|
|
3
|
+
## 3.13.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [[`930328a`](https://github.com/synergy-design-system/synergy-design-system/commit/930328af3af87ba91738b89984ad7b11edd78ec5)]:
|
|
8
|
+
- @synergy-design-system/tokens@3.13.0
|
|
9
|
+
- @synergy-design-system/components@3.13.0
|
|
10
|
+
|
|
11
|
+
## 3.12.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#1263](https://github.com/synergy-design-system/synergy-design-system/pull/1263) [`f422a1f`](https://github.com/synergy-design-system/synergy-design-system/commit/f422a1f5e7c8d8970b086d914dbba3a5b3bb8d0b) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-04-28
|
|
16
|
+
|
|
17
|
+
fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
|
|
18
|
+
|
|
19
|
+
- Updated dependencies [[`f422a1f`](https://github.com/synergy-design-system/synergy-design-system/commit/f422a1f5e7c8d8970b086d914dbba3a5b3bb8d0b)]:
|
|
20
|
+
- @synergy-design-system/components@3.12.1
|
|
21
|
+
- @synergy-design-system/tokens@3.12.1
|
|
22
|
+
|
|
3
23
|
## 3.12.0
|
|
4
24
|
|
|
5
25
|
### Minor Changes
|
|
@@ -43,10 +43,10 @@
|
|
|
43
43
|
"directory": "packages/react"
|
|
44
44
|
},
|
|
45
45
|
"type": "module",
|
|
46
|
-
"version": "3.
|
|
46
|
+
"version": "3.13.0",
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@types/react": "^19.2.14",
|
|
49
|
-
"react": "^19.2.
|
|
49
|
+
"react": "^19.2.5"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
52
|
"@synergy-design-system/tokens": "workspace:*"
|
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 2.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1273](https://github.com/synergy-design-system/synergy-design-system/pull/1273) [`930328a`](https://github.com/synergy-design-system/synergy-design-system/commit/930328af3af87ba91738b89984ad7b11edd78ec5) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-04-29
|
|
8
|
+
|
|
9
|
+
feat: ✨ add new headline styles ([#1268](https://github.com/synergy-design-system/synergy-design-system/issues/1268))
|
|
10
|
+
|
|
11
|
+
This Release adds missing typographic classes:
|
|
12
|
+
- `.syn-heading--medium`
|
|
13
|
+
- `.syn-heading--4x-large`
|
|
14
|
+
- `.syn-body--2x-small`
|
|
15
|
+
|
|
16
|
+
## 2.0.4
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- [#1263](https://github.com/synergy-design-system/synergy-design-system/pull/1263) [`f422a1f`](https://github.com/synergy-design-system/synergy-design-system/commit/f422a1f5e7c8d8970b086d914dbba3a5b3bb8d0b) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-04-28
|
|
21
|
+
|
|
22
|
+
fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
|
|
23
|
+
|
|
3
24
|
## 2.0.3
|
|
4
25
|
|
|
5
26
|
### Patch Changes
|
|
@@ -36,20 +36,20 @@
|
|
|
36
36
|
"lint": "pnpm run /^lint:.*/"
|
|
37
37
|
},
|
|
38
38
|
"type": "module",
|
|
39
|
-
"version": "2.0
|
|
39
|
+
"version": "2.1.0",
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@synergy-design-system/eslint-config-syn": "workspace:^",
|
|
42
42
|
"@synergy-design-system/stylelint-config-syn": "workspace:^",
|
|
43
43
|
"del": "^8.0.1",
|
|
44
44
|
"eslint": "^9.39.4",
|
|
45
|
-
"globby": "^16.
|
|
46
|
-
"ora": "^9.
|
|
47
|
-
"postcss": "^8.5.
|
|
45
|
+
"globby": "^16.2.0",
|
|
46
|
+
"ora": "^9.4.0",
|
|
47
|
+
"postcss": "^8.5.10",
|
|
48
48
|
"postcss-cli": "^11.0.1",
|
|
49
49
|
"postcss-header": "^3.0.3",
|
|
50
50
|
"postcss-import": "^16.1.1",
|
|
51
|
-
"prettier": "^3.8.
|
|
52
|
-
"stylelint": "^17.
|
|
51
|
+
"prettier": "^3.8.3",
|
|
52
|
+
"stylelint": "^17.9.0"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|
|
55
55
|
"@synergy-design-system/tokens": "workspace:^"
|
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 3.13.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1273](https://github.com/synergy-design-system/synergy-design-system/pull/1273) [`930328a`](https://github.com/synergy-design-system/synergy-design-system/commit/930328af3af87ba91738b89984ad7b11edd78ec5) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-04-29
|
|
8
|
+
|
|
9
|
+
feat: ✨ add new headline styles ([#1268](https://github.com/synergy-design-system/synergy-design-system/issues/1268))
|
|
10
|
+
|
|
11
|
+
This Release adds missing typographic classes:
|
|
12
|
+
- `.syn-heading--medium`
|
|
13
|
+
- `.syn-heading--4x-large`
|
|
14
|
+
- `.syn-body--2x-small`
|
|
15
|
+
|
|
16
|
+
## 3.12.1
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- [#1263](https://github.com/synergy-design-system/synergy-design-system/pull/1263) [`f422a1f`](https://github.com/synergy-design-system/synergy-design-system/commit/f422a1f5e7c8d8970b086d914dbba3a5b3bb8d0b) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-04-28
|
|
21
|
+
|
|
22
|
+
fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
|
|
23
|
+
|
|
3
24
|
## 3.12.0
|
|
4
25
|
|
|
5
26
|
### Minor Changes
|
|
@@ -5,22 +5,22 @@
|
|
|
5
5
|
},
|
|
6
6
|
"description": "Design tokens for Synergy, the SICK Design System",
|
|
7
7
|
"devDependencies": {
|
|
8
|
-
"@dotenvx/dotenvx": "^1.
|
|
8
|
+
"@dotenvx/dotenvx": "^1.63.0",
|
|
9
9
|
"@figma-export/cli": "^6.4.0",
|
|
10
10
|
"@figma-export/types": "^6.4.0",
|
|
11
|
-
"@figma/rest-api-spec": "^0.
|
|
11
|
+
"@figma/rest-api-spec": "^0.37.0",
|
|
12
12
|
"@synergy-design-system/eslint-config-syn": "workspace:*",
|
|
13
13
|
"@synergy-design-system/stylelint-config-syn": "workspace:*",
|
|
14
|
-
"@tamtamchik/json-deep-sort": "^1.
|
|
14
|
+
"@tamtamchik/json-deep-sort": "^1.5.0",
|
|
15
15
|
"@tokens-studio/sd-transforms": "^2.0.3",
|
|
16
|
-
"@types/node": "^24.12.
|
|
16
|
+
"@types/node": "^24.12.2",
|
|
17
17
|
"chalk": "^5.6.2",
|
|
18
18
|
"change-case": "^5.4.4",
|
|
19
19
|
"eslint": "^9.39.4",
|
|
20
20
|
"eslint-import-resolver-typescript": "^4.4.4",
|
|
21
21
|
"rimraf": "^6.1.3",
|
|
22
22
|
"style-dictionary": "^5.4.0",
|
|
23
|
-
"stylelint": "^17.
|
|
23
|
+
"stylelint": "^17.9.0",
|
|
24
24
|
"typescript": "^5.9.3"
|
|
25
25
|
},
|
|
26
26
|
"exports": {
|
|
@@ -77,5 +77,5 @@
|
|
|
77
77
|
},
|
|
78
78
|
"type": "module",
|
|
79
79
|
"types": "./dist/js/index.d.ts",
|
|
80
|
-
"version": "3.
|
|
80
|
+
"version": "3.13.0"
|
|
81
81
|
}
|
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @synergy-design-system/vue
|
|
2
2
|
|
|
3
|
+
## 3.13.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [[`930328a`](https://github.com/synergy-design-system/synergy-design-system/commit/930328af3af87ba91738b89984ad7b11edd78ec5)]:
|
|
8
|
+
- @synergy-design-system/tokens@3.13.0
|
|
9
|
+
- @synergy-design-system/components@3.13.0
|
|
10
|
+
|
|
11
|
+
## 3.12.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#1263](https://github.com/synergy-design-system/synergy-design-system/pull/1263) [`f422a1f`](https://github.com/synergy-design-system/synergy-design-system/commit/f422a1f5e7c8d8970b086d914dbba3a5b3bb8d0b) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-04-28
|
|
16
|
+
|
|
17
|
+
fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
|
|
18
|
+
|
|
19
|
+
- Updated dependencies [[`f422a1f`](https://github.com/synergy-design-system/synergy-design-system/commit/f422a1f5e7c8d8970b086d914dbba3a5b3bb8d0b)]:
|
|
20
|
+
- @synergy-design-system/components@3.12.1
|
|
21
|
+
- @synergy-design-system/tokens@3.12.1
|
|
22
|
+
|
|
3
23
|
## 3.12.0
|
|
4
24
|
|
|
5
25
|
### Minor Changes
|
|
@@ -43,14 +43,14 @@
|
|
|
43
43
|
"directory": "packages/vue"
|
|
44
44
|
},
|
|
45
45
|
"type": "module",
|
|
46
|
-
"version": "3.
|
|
46
|
+
"version": "3.13.0",
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@vitejs/plugin-vue": "^6.0.
|
|
49
|
-
"@vue/tsconfig": "^0.
|
|
50
|
-
"rollup-plugin-node-externals": "^
|
|
51
|
-
"vite": "^
|
|
48
|
+
"@vitejs/plugin-vue": "^6.0.6",
|
|
49
|
+
"@vue/tsconfig": "^0.9.1",
|
|
50
|
+
"rollup-plugin-node-externals": "^9.0.1",
|
|
51
|
+
"vite": "^8.0.10",
|
|
52
52
|
"vite-plugin-dts": "^4.5.4",
|
|
53
|
-
"vue": "^3.5.
|
|
53
|
+
"vue": "^3.5.33"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
56
|
"@synergy-design-system/tokens": "workspace:*"
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Typographic text classes
|
|
3
|
-
* @variant {x-small | small | medium | large} syn-body The font size of the body text
|
|
3
|
+
* @variant {2x-small | x-small | small | medium | large} syn-body The font size of the body text
|
|
4
4
|
*/
|
|
5
|
-
.syn-body--
|
|
5
|
+
.syn-body--2x-small {
|
|
6
|
+
font: var(--syn-body-2x-small-regular);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.syn-body--x-small {
|
|
6
10
|
font: var(--syn-body-x-small-regular);
|
|
7
11
|
}
|
|
8
12
|
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Typographic headline classes
|
|
3
|
-
* @variant {3x-large | 2x-large | x-large | large} syn-heading The size of the headline
|
|
3
|
+
* @variant {4x-large | 3x-large | 2x-large | x-large | large | medium} syn-heading The size of the headline
|
|
4
4
|
*/
|
|
5
|
+
.syn-heading--medium {
|
|
6
|
+
font: var(--syn-heading-medium);
|
|
7
|
+
}
|
|
8
|
+
|
|
5
9
|
.syn-heading--large {
|
|
6
10
|
font: var(--syn-heading-large);
|
|
7
11
|
}
|
|
@@ -17,3 +21,7 @@
|
|
|
17
21
|
.syn-heading--3x-large {
|
|
18
22
|
font: var(--syn-heading-3x-large);
|
|
19
23
|
}
|
|
24
|
+
|
|
25
|
+
.syn-heading--4x-large {
|
|
26
|
+
font: var(--syn-heading-4x-large);
|
|
27
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 3.
|
|
2
|
+
* @synergy-design-system/tokens version 3.13.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -2198,6 +2198,11 @@ export const SynBodyLargeSemibold: string;
|
|
|
2198
2198
|
*/
|
|
2199
2199
|
export const SynBodyLargeBold: string;
|
|
2200
2200
|
|
|
2201
|
+
/**
|
|
2202
|
+
* Maps to the css variable `--syn-body-2x-small-regular`
|
|
2203
|
+
*/
|
|
2204
|
+
export const SynBody2xSmallRegular: string;
|
|
2205
|
+
|
|
2201
2206
|
/**
|
|
2202
2207
|
* Maps to the css variable `--syn-heading-large`
|
|
2203
2208
|
*/
|
|
@@ -2218,6 +2223,16 @@ export const SynHeading2xLarge: string;
|
|
|
2218
2223
|
*/
|
|
2219
2224
|
export const SynHeading3xLarge: string;
|
|
2220
2225
|
|
|
2226
|
+
/**
|
|
2227
|
+
* Maps to the css variable `--syn-heading-medium`
|
|
2228
|
+
*/
|
|
2229
|
+
export const SynHeadingMedium: string;
|
|
2230
|
+
|
|
2231
|
+
/**
|
|
2232
|
+
* Maps to the css variable `--syn-heading-4x-large`
|
|
2233
|
+
*/
|
|
2234
|
+
export const SynHeading4xLarge: string;
|
|
2235
|
+
|
|
2221
2236
|
/**
|
|
2222
2237
|
* Maps to the css variable `--syn-focus-ring`
|
|
2223
2238
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 3.
|
|
2
|
+
* @synergy-design-system/tokens version 3.13.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -2198,6 +2198,11 @@ export const SynBodyLargeSemibold = 'var(--syn-body-large-semibold)';
|
|
|
2198
2198
|
*/
|
|
2199
2199
|
export const SynBodyLargeBold = 'var(--syn-body-large-bold)';
|
|
2200
2200
|
|
|
2201
|
+
/**
|
|
2202
|
+
* @type {string}
|
|
2203
|
+
*/
|
|
2204
|
+
export const SynBody2xSmallRegular = 'var(--syn-body-2x-small-regular)';
|
|
2205
|
+
|
|
2201
2206
|
/**
|
|
2202
2207
|
* @type {string}
|
|
2203
2208
|
*/
|
|
@@ -2218,6 +2223,16 @@ export const SynHeading2xLarge = 'var(--syn-heading-2x-large)';
|
|
|
2218
2223
|
*/
|
|
2219
2224
|
export const SynHeading3xLarge = 'var(--syn-heading-3x-large)';
|
|
2220
2225
|
|
|
2226
|
+
/**
|
|
2227
|
+
* @type {string}
|
|
2228
|
+
*/
|
|
2229
|
+
export const SynHeadingMedium = 'var(--syn-heading-medium)';
|
|
2230
|
+
|
|
2231
|
+
/**
|
|
2232
|
+
* @type {string}
|
|
2233
|
+
*/
|
|
2234
|
+
export const SynHeading4xLarge = 'var(--syn-heading-4x-large)';
|
|
2235
|
+
|
|
2221
2236
|
/**
|
|
2222
2237
|
* @type {string}
|
|
2223
2238
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 3.
|
|
2
|
+
* @synergy-design-system/tokens version 3.13.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
*/
|
|
5
5
|
$SynAlertErrorColorBackground: var(--syn-alert-error-color-background) !default;
|
|
@@ -441,8 +441,11 @@ $SynBodyMediumBold: var(--syn-body-medium-bold) !default;
|
|
|
441
441
|
$SynBodyLargeRegular: var(--syn-body-large-regular) !default;
|
|
442
442
|
$SynBodyLargeSemibold: var(--syn-body-large-semibold) !default;
|
|
443
443
|
$SynBodyLargeBold: var(--syn-body-large-bold) !default;
|
|
444
|
+
$SynBody2xSmallRegular: var(--syn-body-2x-small-regular) !default;
|
|
444
445
|
$SynHeadingLarge: var(--syn-heading-large) !default;
|
|
445
446
|
$SynHeadingXLarge: var(--syn-heading-x-large) !default;
|
|
446
447
|
$SynHeading2xLarge: var(--syn-heading-2x-large) !default;
|
|
447
448
|
$SynHeading3xLarge: var(--syn-heading-3x-large) !default;
|
|
449
|
+
$SynHeadingMedium: var(--syn-heading-medium) !default;
|
|
450
|
+
$SynHeading4xLarge: var(--syn-heading-4x-large) !default;
|
|
448
451
|
$SynFocusRing: var(--syn-focus-ring) !default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 3.
|
|
2
|
+
* @synergy-design-system/tokens version 3.13.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -446,9 +446,12 @@
|
|
|
446
446
|
--syn-body-large-regular: 400 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
447
447
|
--syn-body-large-semibold: 600 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
448
448
|
--syn-body-large-bold: 700 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
449
|
+
--syn-body-2x-small-regular: 400 11px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
449
450
|
--syn-heading-large: 700 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
450
451
|
--syn-heading-x-large: 700 24px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
451
452
|
--syn-heading-2x-large: 700 32px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
452
453
|
--syn-heading-3x-large: 700 40px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
454
|
+
--syn-heading-medium: 700 16px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
455
|
+
--syn-heading-4x-large: 700 52px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
453
456
|
--syn-focus-ring: var(--syn-focus-ring-style) var(--syn-focus-ring-width) var(--syn-focus-ring-color);
|
|
454
457
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 3.
|
|
2
|
+
* @synergy-design-system/tokens version 3.13.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -446,9 +446,12 @@
|
|
|
446
446
|
--syn-body-large-regular: 400 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
447
447
|
--syn-body-large-semibold: 600 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
448
448
|
--syn-body-large-bold: 700 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
449
|
+
--syn-body-2x-small-regular: 400 11px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
449
450
|
--syn-heading-large: 700 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
450
451
|
--syn-heading-x-large: 700 24px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
451
452
|
--syn-heading-2x-large: 700 32px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
452
453
|
--syn-heading-3x-large: 700 40px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
454
|
+
--syn-heading-medium: 700 16px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
455
|
+
--syn-heading-4x-large: 700 52px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
453
456
|
--syn-focus-ring: var(--syn-focus-ring-style) var(--syn-focus-ring-width) var(--syn-focus-ring-color);
|
|
454
457
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 3.
|
|
2
|
+
* @synergy-design-system/tokens version 3.13.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -446,9 +446,12 @@
|
|
|
446
446
|
--syn-body-large-regular: 400 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
447
447
|
--syn-body-large-semibold: 600 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
448
448
|
--syn-body-large-bold: 600 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
449
|
+
--syn-body-2x-small-regular: 400 11px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
449
450
|
--syn-heading-large: 400 22px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
450
451
|
--syn-heading-x-large: 400 28px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
451
452
|
--syn-heading-2x-large: 400 34px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
452
453
|
--syn-heading-3x-large: 400 40px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
454
|
+
--syn-heading-medium: 600 18px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
455
|
+
--syn-heading-4x-large: 400 52px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
453
456
|
--syn-focus-ring: var(--syn-focus-ring-style) var(--syn-focus-ring-width) var(--syn-focus-ring-color);
|
|
454
457
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 3.
|
|
2
|
+
* @synergy-design-system/tokens version 3.13.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -446,9 +446,12 @@
|
|
|
446
446
|
--syn-body-large-regular: 400 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
447
447
|
--syn-body-large-semibold: 600 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
448
448
|
--syn-body-large-bold: 600 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
449
|
+
--syn-body-2x-small-regular: 400 11px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
449
450
|
--syn-heading-large: 400 22px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
450
451
|
--syn-heading-x-large: 400 28px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
451
452
|
--syn-heading-2x-large: 400 34px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
452
453
|
--syn-heading-3x-large: 400 40px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
454
|
+
--syn-heading-medium: 600 18px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
455
|
+
--syn-heading-4x-large: 400 52px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
453
456
|
--syn-focus-ring: var(--syn-focus-ring-style) var(--syn-focus-ring-width) var(--syn-focus-ring-color);
|
|
454
457
|
}
|
package/data/manifest.json
CHANGED
|
@@ -117,9 +117,9 @@ export const getDataForTokens = async (options = {}, storeOptions = {}) => {
|
|
|
117
117
|
warnings.push(`Theme "${options.theme}" is ignored for format "${requestedFormat}".`);
|
|
118
118
|
}
|
|
119
119
|
const filteredEntities = metadata.data.filter((entity) => {
|
|
120
|
-
const format = entity.custom?.format
|
|
120
|
+
const format = (entity.custom?.format)
|
|
121
121
|
?? deriveTokenFormat(entity.custom?.artifactPath);
|
|
122
|
-
const theme = entity.custom?.theme
|
|
122
|
+
const theme = (entity.custom?.theme)
|
|
123
123
|
?? deriveTokenTheme(entity.custom?.artifactPath);
|
|
124
124
|
if (format !== requestedFormat) {
|
|
125
125
|
return false;
|
|
@@ -133,9 +133,9 @@ export const getDataForTokens = async (options = {}, storeOptions = {}) => {
|
|
|
133
133
|
const store = createMetadataStore(storeOptions);
|
|
134
134
|
const tokenEntries = (await Promise.all(pagedEntities.map(async (entity) => {
|
|
135
135
|
const files = await readLayerFilesForEntity(store, entity, 'full');
|
|
136
|
-
const format = entity.custom?.format
|
|
136
|
+
const format = (entity.custom?.format)
|
|
137
137
|
?? deriveTokenFormat(entity.custom?.artifactPath);
|
|
138
|
-
const theme = entity.custom?.theme
|
|
138
|
+
const theme = (entity.custom?.theme)
|
|
139
139
|
?? deriveTokenTheme(entity.custom?.artifactPath);
|
|
140
140
|
return files.map(({ content, ref }) => ({
|
|
141
141
|
content,
|
package/package.json
CHANGED
|
@@ -5,26 +5,26 @@
|
|
|
5
5
|
},
|
|
6
6
|
"description": "Metadata for the Synergy Design System, usable by MCP Servers or other AI tools",
|
|
7
7
|
"devDependencies": {
|
|
8
|
-
"
|
|
9
|
-
"ajv-formats": "^3.0.1",
|
|
10
|
-
"@types/node": "^24.12.0",
|
|
8
|
+
"@types/node": "^24.12.2",
|
|
11
9
|
"@types/serve-handler": "^6.1.4",
|
|
12
|
-
"
|
|
10
|
+
"ajv": "^8.20.0",
|
|
11
|
+
"ajv-formats": "^3.0.1",
|
|
12
|
+
"chai": "^6.2.2",
|
|
13
13
|
"custom-elements-manifest": "^2.1.0",
|
|
14
14
|
"eslint": "^9.39.4",
|
|
15
|
-
"execa": "^9.6.
|
|
16
|
-
"playwright": "^1.
|
|
17
|
-
"prettier": "^3.8.
|
|
15
|
+
"execa": "^9.6.1",
|
|
16
|
+
"playwright": "^1.59.1",
|
|
17
|
+
"prettier": "^3.8.3",
|
|
18
18
|
"rimraf": "^6.1.3",
|
|
19
19
|
"serve-handler": "^6.1.7",
|
|
20
20
|
"typescript": "^5.9.3",
|
|
21
21
|
"zod": "^4.3.6",
|
|
22
|
-
"@synergy-design-system/components": "3.
|
|
23
|
-
"@synergy-design-system/docs": "0.1.0",
|
|
22
|
+
"@synergy-design-system/components": "3.13.0",
|
|
24
23
|
"@synergy-design-system/eslint-config-syn": "^0.1.0",
|
|
25
|
-
"@synergy-design-system/fonts": "1.0.
|
|
26
|
-
"@synergy-design-system/
|
|
27
|
-
"@synergy-design-system/
|
|
24
|
+
"@synergy-design-system/fonts": "1.0.6",
|
|
25
|
+
"@synergy-design-system/docs": "0.1.0",
|
|
26
|
+
"@synergy-design-system/styles": "2.1.0",
|
|
27
|
+
"@synergy-design-system/tokens": "^3.13.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.1.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",
|