@synergy-design-system/tokens 2.32.0 → 2.33.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 +7 -0
- package/dist/js/index.d.ts +6 -1
- package/dist/js/index.js +6 -1
- package/dist/scss/_tokens.scss +2 -1
- package/dist/themes/dark.css +2 -1
- package/dist/themes/light.css +2 -1
- package/dist/themes/sick2018_dark.css +2 -1
- package/dist/themes/sick2018_light.css +2 -1
- package/dist/themes/sick2025_dark.css +2 -1
- package/dist/themes/sick2025_light.css +2 -1
- package/package.json +1 -1
- package/src/figma-tokens/_docs.json +1 -1
- package/src/figma-variables/output/sick2018-dark.json +8 -0
- package/src/figma-variables/output/sick2018-light.json +8 -0
- package/src/figma-variables/output/sick2025-dark.json +8 -0
- package/src/figma-variables/output/sick2025-light.json +8 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [@synergy-design-system/tokens-v2.33.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.32.0...tokens/2.33.0) (2025-10-23)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* ✨ CD update for syn-checkbox ([#1050](https://github.com/synergy-design-system/synergy-design-system/issues/1050)) ([1054c71](https://github.com/synergy-design-system/synergy-design-system/commit/1054c71415f36233ba1e242433806aac21d4d19b))
|
|
7
|
+
|
|
1
8
|
# [@synergy-design-system/tokens-v2.32.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.31.0...tokens/2.32.0) (2025-10-23)
|
|
2
9
|
|
|
3
10
|
|
package/dist/js/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.32.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -83,6 +83,11 @@ export const SynButtonFontSizeMedium: string;
|
|
|
83
83
|
*/
|
|
84
84
|
export const SynButtonFontSizeSmall: string;
|
|
85
85
|
|
|
86
|
+
/**
|
|
87
|
+
* Maps to the css variable `--syn-checkbox-border-radius`
|
|
88
|
+
*/
|
|
89
|
+
export const SynCheckboxBorderRadius: string;
|
|
90
|
+
|
|
86
91
|
/**
|
|
87
92
|
* Maps to the css variable `--syn-color-accent-50`
|
|
88
93
|
*/
|
package/dist/js/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.32.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -83,6 +83,11 @@ export const SynButtonFontSizeMedium = 'var(--syn-button-font-size-medium)';
|
|
|
83
83
|
*/
|
|
84
84
|
export const SynButtonFontSizeSmall = 'var(--syn-button-font-size-small)';
|
|
85
85
|
|
|
86
|
+
/**
|
|
87
|
+
* @type {string}
|
|
88
|
+
*/
|
|
89
|
+
export const SynCheckboxBorderRadius = 'var(--syn-checkbox-border-radius)';
|
|
90
|
+
|
|
86
91
|
/**
|
|
87
92
|
* @type {string}
|
|
88
93
|
*/
|
package/dist/scss/_tokens.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.32.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
*/
|
|
5
5
|
$SynBorderRadiusCircle: var(--syn-border-radius-circle) !default;
|
|
@@ -18,6 +18,7 @@ $SynBreadcrumbColor: var(--syn-breadcrumb-color) !default;
|
|
|
18
18
|
$SynButtonFontSizeLarge: var(--syn-button-font-size-large) !default;
|
|
19
19
|
$SynButtonFontSizeMedium: var(--syn-button-font-size-medium) !default;
|
|
20
20
|
$SynButtonFontSizeSmall: var(--syn-button-font-size-small) !default;
|
|
21
|
+
$SynCheckboxBorderRadius: var(--syn-checkbox-border-radius) !default;
|
|
21
22
|
$SynColorAccent50: var(--syn-color-accent-50) !default;
|
|
22
23
|
$SynColorAccent100: var(--syn-color-accent-100) !default;
|
|
23
24
|
$SynColorAccent200: var(--syn-color-accent-200) !default;
|
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.32.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
--syn-button-font-size-large: var(--syn-font-size-large);
|
|
24
24
|
--syn-button-font-size-medium: var(--syn-font-size-medium);
|
|
25
25
|
--syn-button-font-size-small: var(--syn-font-size-small);
|
|
26
|
+
--syn-checkbox-border-radius: var(--syn-border-radius-none);
|
|
26
27
|
--syn-color-accent-50: #481700;
|
|
27
28
|
--syn-color-accent-100: #7c310b;
|
|
28
29
|
--syn-color-accent-200: #983b08;
|
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.32.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
--syn-button-font-size-large: var(--syn-font-size-large);
|
|
24
24
|
--syn-button-font-size-medium: var(--syn-font-size-medium);
|
|
25
25
|
--syn-button-font-size-small: var(--syn-font-size-small);
|
|
26
|
+
--syn-checkbox-border-radius: var(--syn-border-radius-none);
|
|
26
27
|
--syn-color-accent-50: #fffbea;
|
|
27
28
|
--syn-color-accent-100: #fff2c5;
|
|
28
29
|
--syn-color-accent-200: #ffe685;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.32.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
--syn-button-font-size-large: var(--syn-font-size-large);
|
|
24
24
|
--syn-button-font-size-medium: var(--syn-font-size-medium);
|
|
25
25
|
--syn-button-font-size-small: var(--syn-font-size-small);
|
|
26
|
+
--syn-checkbox-border-radius: var(--syn-border-radius-none);
|
|
26
27
|
--syn-color-accent-50: #481700;
|
|
27
28
|
--syn-color-accent-100: #7c310b;
|
|
28
29
|
--syn-color-accent-200: #983b08;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.32.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
--syn-button-font-size-large: var(--syn-font-size-large);
|
|
24
24
|
--syn-button-font-size-medium: var(--syn-font-size-medium);
|
|
25
25
|
--syn-button-font-size-small: var(--syn-font-size-small);
|
|
26
|
+
--syn-checkbox-border-radius: var(--syn-border-radius-none);
|
|
26
27
|
--syn-color-accent-50: #fffbea;
|
|
27
28
|
--syn-color-accent-100: #fff2c5;
|
|
28
29
|
--syn-color-accent-200: #ffe685;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.32.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
--syn-button-font-size-large: var(--syn-font-size-large);
|
|
24
24
|
--syn-button-font-size-medium: var(--syn-font-size-medium);
|
|
25
25
|
--syn-button-font-size-small: var(--syn-font-size-small);
|
|
26
|
+
--syn-checkbox-border-radius: var(--syn-border-radius-small);
|
|
26
27
|
--syn-color-accent-50: #ffffff;
|
|
27
28
|
--syn-color-accent-100: #ffffff;
|
|
28
29
|
--syn-color-accent-200: #ffffff;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.32.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
--syn-button-font-size-large: var(--syn-font-size-large);
|
|
24
24
|
--syn-button-font-size-medium: var(--syn-font-size-medium);
|
|
25
25
|
--syn-button-font-size-small: var(--syn-font-size-small);
|
|
26
|
+
--syn-checkbox-border-radius: var(--syn-border-radius-small);
|
|
26
27
|
--syn-color-accent-50: #ffffff;
|
|
27
28
|
--syn-color-accent-100: #ffffff;
|
|
28
29
|
--syn-color-accent-200: #ffffff;
|
package/package.json
CHANGED
|
@@ -581,7 +581,7 @@
|
|
|
581
581
|
"type": "text"
|
|
582
582
|
},
|
|
583
583
|
"description": {
|
|
584
|
-
"value": "Add descriptive help text to a
|
|
584
|
+
"value": "Add descriptive help text to a checkbox with the help-text attribute. For help texts that contain HTML, use the help-text slot instead.\nThe help-text attribute should not be used to display error messages. To handle validation and error messaging, use syn-validate for proper error management.",
|
|
585
585
|
"type": "text"
|
|
586
586
|
}
|
|
587
587
|
}
|