@synergy-design-system/tokens 2.19.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 +14 -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/src/figma-tokens/_docs.json +11 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
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
|
+
|
|
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)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
* ✨ number-input - allow clamping via property ([#853](https://github.com/synergy-design-system/synergy-design-system/issues/853)) ([674f310](https://github.com/synergy-design-system/synergy-design-system/commit/674f310b19aad7e02e8b6d0e6346c8cff1a89d94))
|
|
14
|
+
|
|
1
15
|
# [@synergy-design-system/tokens-v2.19.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.18.1...tokens/2.19.0) (2025-05-21)
|
|
2
16
|
|
|
3
17
|
|
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.
|
|
110
|
+
"version": "2.20.1",
|
|
111
111
|
"scripts": {
|
|
112
112
|
"build": "pnpm clean && node scripts/build.js",
|
|
113
113
|
"clean": "rimraf build",
|
|
@@ -1357,6 +1357,16 @@
|
|
|
1357
1357
|
"type": "text"
|
|
1358
1358
|
}
|
|
1359
1359
|
},
|
|
1360
|
+
"stepper-input-handling": {
|
|
1361
|
+
"title": {
|
|
1362
|
+
"value": "Stepper Input Handling",
|
|
1363
|
+
"type": "text"
|
|
1364
|
+
},
|
|
1365
|
+
"description": {
|
|
1366
|
+
"value": "The `numeric-strategy` property defines how numeric input is handled during user interaction. It lets you select between the browsers native control and Synergy’s enhanced number-input logic.\n\nnative: Uses the browser’s built-in number control. Values are not auto-clamped, and stepping/validation can vary across browsers.\n\nmodern: Provides a more intuitive and predictable behavior by automatically clamping values to the nearest min/max value, including those bounds when stepping, and ignoring the step attribute during validation.",
|
|
1367
|
+
"type": "text"
|
|
1368
|
+
}
|
|
1369
|
+
},
|
|
1360
1370
|
"types": {
|
|
1361
1371
|
"title": {
|
|
1362
1372
|
"value": "Input Types",
|
|
@@ -4047,4 +4057,4 @@
|
|
|
4047
4057
|
}
|
|
4048
4058
|
}
|
|
4049
4059
|
}
|
|
4050
|
-
}
|
|
4060
|
+
}
|