@synergy-design-system/tokens 2.20.0 → 2.20.1
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 +7 -0
- package/dist/js/index.d.ts +1 -1
- package/dist/js/index.js +1 -1
- package/dist/scss/_tokens.scss +1 -1
- package/dist/themes/dark.css +12 -12
- package/dist/themes/light.css +12 -12
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [@synergy-design-system/tokens-v2.20.1](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.20.0...tokens/2.20.1) (2025-06-20)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* 🐛 Upgrade packages to latest versions ([#905](https://github.com/synergy-design-system/synergy-design-system/issues/905)) ([64de3cd](https://github.com/synergy-design-system/synergy-design-system/commit/64de3cd72f7ab3c7eeb727a9de85d9d980b27055))
|
|
7
|
+
|
|
1
8
|
# [@synergy-design-system/tokens-v2.20.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.19.0...tokens/2.20.0) (2025-05-26)
|
|
2
9
|
|
|
3
10
|
|
package/dist/js/index.d.ts
CHANGED
package/dist/js/index.js
CHANGED
package/dist/scss/_tokens.scss
CHANGED
package/dist/themes/dark.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.20.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
--syn-shadow-medium: 0 1px 2px 0 rgba(249, 250, 251, 0.08), 0 1px 4px 0 rgba(249, 250, 251, 0.08), 0 2px 8px 0 rgba(249, 250, 251, 0.08);
|
|
31
31
|
--syn-shadow-large: 0 0 3px 0 rgba(249, 250, 251, 0.12), 0 2px 6px 0 rgba(249, 250, 251, 0.12), 0 3px 8px 0 rgba(249, 250, 251, 0.16);
|
|
32
32
|
--syn-shadow-x-large: 0 1px 4px 0 rgba(249, 250, 251, 0.12), 0 8px 24px 0 rgba(249, 250, 251, 0.12), 0 16px 48px 0 rgba(249, 250, 251, 0.16);
|
|
33
|
-
--syn-shadow-overflow-down: 0 1px 4px 0 rgba(249, 250, 251, 0.12), 0 3px 8px 0 rgba(249, 250, 251, 0.12), 0 4px 12px 0 rgba(249, 250, 251, 0.16);
|
|
34
|
-
--syn-shadow-overflow-up: 0 -1px 4px 0 rgba(249, 250, 251, 0.12), 0 -3px 8px 0 rgba(249, 250, 251, 0.12), 0 -4px 12px 0 rgba(249, 250, 251, 0.16);
|
|
35
|
-
--syn-shadow-overflow-left: -1px 0 4px 0 rgba(249, 250, 251, 0.12), -3px 0 8px 0 rgba(249, 250, 251, 0.12), -4px 0 12px 0 rgba(249, 250, 251, 0.16);
|
|
36
|
-
--syn-shadow-overflow-right: 1px 0 4px 0 rgba(249, 250, 251, 0.12), 3px 0 8px 0 rgba(249, 250, 251, 0.12), 4px 0 12px 0 rgba(249, 250, 251, 0.16);
|
|
37
|
-
--syn-font-sans: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
33
|
+
--syn-shadow-overflow-down: 0 1px 4px 0 rgba(249, 250, 251, 0.12), 0 3px 8px 0 rgba(249, 250, 251, 0.12), 0 4px 12px 0 rgba(249, 250, 251, 0.16); /** Overflow Down */
|
|
34
|
+
--syn-shadow-overflow-up: 0 -1px 4px 0 rgba(249, 250, 251, 0.12), 0 -3px 8px 0 rgba(249, 250, 251, 0.12), 0 -4px 12px 0 rgba(249, 250, 251, 0.16); /** Overflow Up */
|
|
35
|
+
--syn-shadow-overflow-left: -1px 0 4px 0 rgba(249, 250, 251, 0.12), -3px 0 8px 0 rgba(249, 250, 251, 0.12), -4px 0 12px 0 rgba(249, 250, 251, 0.16); /** Overflow Left */
|
|
36
|
+
--syn-shadow-overflow-right: 1px 0 4px 0 rgba(249, 250, 251, 0.12), 3px 0 8px 0 rgba(249, 250, 251, 0.12), 4px 0 12px 0 rgba(249, 250, 251, 0.16); /** Overflow Right */
|
|
37
|
+
--syn-font-sans: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; /** Open Sans */
|
|
38
38
|
--syn-font-mono: 'Roboto Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
|
|
39
39
|
--syn-spacing-4x-small: calc(4px / 4);
|
|
40
40
|
--syn-spacing-3x-small: calc(4px / 2);
|
|
@@ -55,13 +55,13 @@
|
|
|
55
55
|
--syn-border-radius-small: 4px;
|
|
56
56
|
--syn-border-radius-medium: 8px;
|
|
57
57
|
--syn-dimension-base: 4px;
|
|
58
|
-
--syn-border-width-none: 0px;
|
|
59
|
-
--syn-border-width-small: 1px;
|
|
60
|
-
--syn-border-width-medium: 2px;
|
|
61
|
-
--syn-border-width-large: 3px;
|
|
62
|
-
--syn-border-width-x-large: 4px;
|
|
58
|
+
--syn-border-width-none: 0px; /** None */
|
|
59
|
+
--syn-border-width-small: 1px; /** Small */
|
|
60
|
+
--syn-border-width-medium: 2px; /** Medium */
|
|
61
|
+
--syn-border-width-large: 3px; /** Large */
|
|
62
|
+
--syn-border-width-x-large: 4px; /** X Large */
|
|
63
63
|
--syn-font-sans-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
64
|
-
--syn-opacity-50: 0.5;
|
|
64
|
+
--syn-opacity-50: 0.5; /** 50% */
|
|
65
65
|
--syn-text-decoration-default: none;
|
|
66
66
|
--syn-text-decoration-underline: underline;
|
|
67
67
|
--syn-button-font-size-small: var(--syn-font-size-small);
|
package/dist/themes/light.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.20.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
--syn-shadow-medium: 0 1px 2px 0 rgba(49, 55, 58, 0.08), 0 1px 4px 0 rgba(49, 55, 58, 0.08), 0 2px 8px 0 rgba(49, 55, 58, 0.08);
|
|
31
31
|
--syn-shadow-large: 0 0 3px 0 rgba(49, 55, 58, 0.12), 0 2px 6px 0 rgba(49, 55, 58, 0.12), 0 3px 8px 0 rgba(49, 55, 58, 0.16);
|
|
32
32
|
--syn-shadow-x-large: 0 1px 4px 0 rgba(49, 55, 58, 0.12), 0 8px 24px 0 rgba(49, 55, 58, 0.12), 0 16px 48px 0 rgba(49, 55, 58, 0.16);
|
|
33
|
-
--syn-shadow-overflow-down: 0 1px 4px 0 rgba(49, 55, 58, 0.12), 0 3px 8px 0 rgba(49, 55, 58, 0.12), 0 4px 12px 0 rgba(49, 55, 58, 0.16);
|
|
34
|
-
--syn-shadow-overflow-up: 0 -1px 4px 0 rgba(49, 55, 58, 0.12), 0 -3px 8px 0 rgba(49, 55, 58, 0.12), 0 -4px 12px 0 rgba(49, 55, 58, 0.16);
|
|
35
|
-
--syn-shadow-overflow-left: -1px 0 4px 0 rgba(49, 55, 58, 0.12), -3px 0 8px 0 rgba(49, 55, 58, 0.12), -4px 0 12px 0 rgba(49, 55, 58, 0.16);
|
|
36
|
-
--syn-shadow-overflow-right: 1px 0 4px 0 rgba(49, 55, 58, 0.12), 3px 0 8px 0 rgba(49, 55, 58, 0.12), 4px 0 12px 0 rgba(49, 55, 58, 0.16);
|
|
37
|
-
--syn-font-sans: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
33
|
+
--syn-shadow-overflow-down: 0 1px 4px 0 rgba(49, 55, 58, 0.12), 0 3px 8px 0 rgba(49, 55, 58, 0.12), 0 4px 12px 0 rgba(49, 55, 58, 0.16); /** Overflow Down */
|
|
34
|
+
--syn-shadow-overflow-up: 0 -1px 4px 0 rgba(49, 55, 58, 0.12), 0 -3px 8px 0 rgba(49, 55, 58, 0.12), 0 -4px 12px 0 rgba(49, 55, 58, 0.16); /** Overflow Up */
|
|
35
|
+
--syn-shadow-overflow-left: -1px 0 4px 0 rgba(49, 55, 58, 0.12), -3px 0 8px 0 rgba(49, 55, 58, 0.12), -4px 0 12px 0 rgba(49, 55, 58, 0.16); /** Overflow Left */
|
|
36
|
+
--syn-shadow-overflow-right: 1px 0 4px 0 rgba(49, 55, 58, 0.12), 3px 0 8px 0 rgba(49, 55, 58, 0.12), 4px 0 12px 0 rgba(49, 55, 58, 0.16); /** Overflow Right */
|
|
37
|
+
--syn-font-sans: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; /** Open Sans */
|
|
38
38
|
--syn-font-mono: 'Roboto Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
|
|
39
39
|
--syn-spacing-4x-small: calc(4px / 4);
|
|
40
40
|
--syn-spacing-3x-small: calc(4px / 2);
|
|
@@ -55,13 +55,13 @@
|
|
|
55
55
|
--syn-border-radius-small: 4px;
|
|
56
56
|
--syn-border-radius-medium: 8px;
|
|
57
57
|
--syn-dimension-base: 4px;
|
|
58
|
-
--syn-border-width-none: 0px;
|
|
59
|
-
--syn-border-width-small: 1px;
|
|
60
|
-
--syn-border-width-medium: 2px;
|
|
61
|
-
--syn-border-width-large: 3px;
|
|
62
|
-
--syn-border-width-x-large: 4px;
|
|
58
|
+
--syn-border-width-none: 0px; /** None */
|
|
59
|
+
--syn-border-width-small: 1px; /** Small */
|
|
60
|
+
--syn-border-width-medium: 2px; /** Medium */
|
|
61
|
+
--syn-border-width-large: 3px; /** Large */
|
|
62
|
+
--syn-border-width-x-large: 4px; /** X Large */
|
|
63
63
|
--syn-font-sans-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
64
|
-
--syn-opacity-50: 0.5;
|
|
64
|
+
--syn-opacity-50: 0.5; /** 50% */
|
|
65
65
|
--syn-text-decoration-default: none;
|
|
66
66
|
--syn-text-decoration-underline: underline;
|
|
67
67
|
--syn-button-font-size-small: var(--syn-font-size-small);
|
package/package.json
CHANGED
|
@@ -8,18 +8,18 @@
|
|
|
8
8
|
"@semantic-release/changelog": "^6.0.3",
|
|
9
9
|
"@semantic-release/exec": "^6.0.3",
|
|
10
10
|
"@semantic-release/git": "^10.0.1",
|
|
11
|
-
"@tokens-studio/sd-transforms": "^
|
|
12
|
-
"@types/node": "^22.
|
|
11
|
+
"@tokens-studio/sd-transforms": "^2.0.0",
|
|
12
|
+
"@types/node": "^22.15.32",
|
|
13
13
|
"chalk": "^5.4.1",
|
|
14
14
|
"change-case": "^5.4.4",
|
|
15
15
|
"eslint": "^8.57.1",
|
|
16
|
-
"eslint-import-resolver-typescript": "^4.
|
|
16
|
+
"eslint-import-resolver-typescript": "^4.4.3",
|
|
17
17
|
"rimraf": "^6.0.1",
|
|
18
18
|
"semantic-release": "^19.0.5",
|
|
19
19
|
"semantic-release-monorepo": "7.0.5",
|
|
20
|
-
"style-dictionary": "^
|
|
21
|
-
"stylelint": "^16.
|
|
22
|
-
"typescript": "^5.8.
|
|
20
|
+
"style-dictionary": "^5.0.0",
|
|
21
|
+
"stylelint": "^16.20.0",
|
|
22
|
+
"typescript": "^5.8.3",
|
|
23
23
|
"@synergy-design-system/eslint-config-syn": "0.1.0",
|
|
24
24
|
"@synergy-design-system/stylelint-config-syn": "0.1.0"
|
|
25
25
|
},
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
},
|
|
108
108
|
"type": "module",
|
|
109
109
|
"types": "./dist/js/index.d.ts",
|
|
110
|
-
"version": "2.20.
|
|
110
|
+
"version": "2.20.1",
|
|
111
111
|
"scripts": {
|
|
112
112
|
"build": "pnpm clean && node scripts/build.js",
|
|
113
113
|
"clean": "rimraf build",
|