@synergy-design-system/tokens 2.20.0 → 2.21.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 +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 +41 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
# [@synergy-design-system/tokens-v2.21.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.20.1...tokens/2.21.0) (2025-07-09)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* ✨ Add restricted options to syn-combobox ([#914](https://github.com/synergy-design-system/synergy-design-system/issues/914)) ([d1b2e4d](https://github.com/synergy-design-system/synergy-design-system/commit/d1b2e4d0d63bf9f132fa179cc3954e9b21b4ea72))
|
|
7
|
+
|
|
8
|
+
# [@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)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* 🐛 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))
|
|
14
|
+
|
|
1
15
|
# [@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
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.1
|
|
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.1
|
|
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.21.0",
|
|
111
111
|
"scripts": {
|
|
112
112
|
"build": "pnpm clean && node scripts/build.js",
|
|
113
113
|
"clean": "rimraf build",
|
|
@@ -3333,6 +3333,46 @@
|
|
|
3333
3333
|
"type": "text"
|
|
3334
3334
|
}
|
|
3335
3335
|
},
|
|
3336
|
+
"multiple": {
|
|
3337
|
+
"title": {
|
|
3338
|
+
"value": "Multiple",
|
|
3339
|
+
"type": "text"
|
|
3340
|
+
},
|
|
3341
|
+
"description": {
|
|
3342
|
+
"value": "To allow multiple options to be selected, use the multiple attribute. It’s a good practice to use clearable when this option is enabled. To set multiple values at once, set value to a space-delimited list of values. \n\nUse the max-options-visible attribute to define the maximum number of selected options that will be visible. After the maximum, \"+n\" will be shown to indicate the number of additional items that are selected.",
|
|
3343
|
+
"type": "text"
|
|
3344
|
+
}
|
|
3345
|
+
},
|
|
3346
|
+
"initial-values": {
|
|
3347
|
+
"title": {
|
|
3348
|
+
"value": "Setting initial values",
|
|
3349
|
+
"type": "text"
|
|
3350
|
+
},
|
|
3351
|
+
"description": {
|
|
3352
|
+
"value": "Use the value attribute to set the initial selection.\n\nWhen using multiple, the value attribute uses space-delimited values to select more than one option. Because of this, <syn-option> values cannot contain spaces. If you’re accessing the value property through Javascript, it will be an array.",
|
|
3353
|
+
"type": "text"
|
|
3354
|
+
}
|
|
3355
|
+
},
|
|
3356
|
+
"restrict-options": {
|
|
3357
|
+
"title": {
|
|
3358
|
+
"value": "Restrict options",
|
|
3359
|
+
"type": "text"
|
|
3360
|
+
},
|
|
3361
|
+
"description": {
|
|
3362
|
+
"value": "This restricts the combobox to only allow selections from the available options. Users cannot enter custom values that are not in the list.",
|
|
3363
|
+
"type": "text"
|
|
3364
|
+
}
|
|
3365
|
+
},
|
|
3366
|
+
"no-results": {
|
|
3367
|
+
"title": {
|
|
3368
|
+
"value": "No results found",
|
|
3369
|
+
"type": "text"
|
|
3370
|
+
},
|
|
3371
|
+
"description": {
|
|
3372
|
+
"value": "A “No results found” message is displayed, when the search term doesn’t match the options.",
|
|
3373
|
+
"type": "text"
|
|
3374
|
+
}
|
|
3375
|
+
},
|
|
3336
3376
|
"size": {
|
|
3337
3377
|
"title": {
|
|
3338
3378
|
"value": "Sizes",
|
|
@@ -4057,4 +4097,4 @@
|
|
|
4057
4097
|
}
|
|
4058
4098
|
}
|
|
4059
4099
|
}
|
|
4060
|
-
}
|
|
4100
|
+
}
|