@synergy-design-system/tokens 2.48.0 → 2.48.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.
Files changed (11) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/js/index.d.ts +1 -1
  3. package/dist/js/index.js +1 -1
  4. package/dist/scss/_tokens.scss +1 -1
  5. package/dist/themes/dark.css +5 -5
  6. package/dist/themes/light.css +5 -5
  7. package/dist/themes/sick2018_dark.css +5 -5
  8. package/dist/themes/sick2018_light.css +5 -5
  9. package/dist/themes/sick2025_dark.css +1 -1
  10. package/dist/themes/sick2025_light.css +4 -4
  11. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # Changelog
2
2
 
3
+ ## 2.48.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#1147](https://github.com/synergy-design-system/synergy-design-system/pull/1147) [`8e3230c`](https://github.com/synergy-design-system/synergy-design-system/commit/8e3230cc351c62e2e9485c5234675d40ac7ac175) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-01-07
8
+
9
+ fix: 🐛 adjust syn button tokens (#1145)
10
+
11
+ The original tokens used `inherit` as a fallback value, which did not have any effect but to fall back to the original value.
12
+ This is now made explicit to allow the use of button variables in code directly.
13
+
3
14
  ## 2.48.0
4
15
 
5
16
  ### Minor Changes
package/dist/js/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.47.0
2
+ * @synergy-design-system/tokens version 2.48.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
 
package/dist/js/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.47.0
2
+ * @synergy-design-system/tokens version 2.48.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
 
package/dist/scss/_tokens.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.47.0
2
+ * @synergy-design-system/tokens version 2.48.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
  $SynAlertErrorColorBackground: var(--syn-alert-error-color-background) !default;
package/dist/themes/dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.47.0
2
+ * @synergy-design-system/tokens version 2.48.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -56,15 +56,15 @@
56
56
  --syn-button-color: var(--syn-interactive-emphasis-color);
57
57
  --syn-button-color-active: var(--syn-interactive-emphasis-color-active);
58
58
  --syn-button-color-hover: var(--syn-interactive-emphasis-color-hover);
59
- --syn-button-filled-color-text: inherit;
60
- --syn-button-filled-color-text-active: inherit;
61
- --syn-button-filled-color-text-hover: inherit;
59
+ --syn-button-filled-color-text: var(--syn-color-neutral-0);
60
+ --syn-button-filled-color-text-active: var(--syn-color-neutral-0);
61
+ --syn-button-filled-color-text-hover: var(--syn-color-neutral-0);
62
62
  --syn-button-font-size-large: var(--syn-font-size-large);
63
63
  --syn-button-font-size-medium: var(--syn-font-size-medium);
64
64
  --syn-button-font-size-small: var(--syn-font-size-small);
65
65
  --syn-button-outline-color-active: none;
66
66
  --syn-button-outline-color-hover: none;
67
- --syn-button-outline-color-text: inherit;
67
+ --syn-button-outline-color-text: var(--syn-color-primary-600);
68
68
  --syn-button-outline-color-text-active: var(--syn-color-primary-950);
69
69
  --syn-button-outline-color-text-hover: var(--syn-color-primary-900);
70
70
  --syn-button-text-color-text: var(--syn-button-color);
package/dist/themes/light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.47.0
2
+ * @synergy-design-system/tokens version 2.48.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -56,15 +56,15 @@
56
56
  --syn-button-color: var(--syn-interactive-emphasis-color);
57
57
  --syn-button-color-active: var(--syn-interactive-emphasis-color-active);
58
58
  --syn-button-color-hover: var(--syn-interactive-emphasis-color-hover);
59
- --syn-button-filled-color-text: inherit;
60
- --syn-button-filled-color-text-active: inherit;
61
- --syn-button-filled-color-text-hover: inherit;
59
+ --syn-button-filled-color-text: var(--syn-color-neutral-0);
60
+ --syn-button-filled-color-text-active: var(--syn-color-neutral-0);
61
+ --syn-button-filled-color-text-hover: var(--syn-color-neutral-0);
62
62
  --syn-button-font-size-large: var(--syn-font-size-large);
63
63
  --syn-button-font-size-medium: var(--syn-font-size-medium);
64
64
  --syn-button-font-size-small: var(--syn-font-size-small);
65
65
  --syn-button-outline-color-active: none;
66
66
  --syn-button-outline-color-hover: none;
67
- --syn-button-outline-color-text: inherit;
67
+ --syn-button-outline-color-text: var(--syn-color-primary-600);
68
68
  --syn-button-outline-color-text-active: var(--syn-color-primary-950);
69
69
  --syn-button-outline-color-text-hover: var(--syn-color-primary-900);
70
70
  --syn-button-text-color-text: var(--syn-button-color);
package/dist/themes/sick2018_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.47.0
2
+ * @synergy-design-system/tokens version 2.48.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -56,15 +56,15 @@
56
56
  --syn-button-color: var(--syn-interactive-emphasis-color);
57
57
  --syn-button-color-active: var(--syn-interactive-emphasis-color-active);
58
58
  --syn-button-color-hover: var(--syn-interactive-emphasis-color-hover);
59
- --syn-button-filled-color-text: inherit;
60
- --syn-button-filled-color-text-active: inherit;
61
- --syn-button-filled-color-text-hover: inherit;
59
+ --syn-button-filled-color-text: var(--syn-color-neutral-0);
60
+ --syn-button-filled-color-text-active: var(--syn-color-neutral-0);
61
+ --syn-button-filled-color-text-hover: var(--syn-color-neutral-0);
62
62
  --syn-button-font-size-large: var(--syn-font-size-large);
63
63
  --syn-button-font-size-medium: var(--syn-font-size-medium);
64
64
  --syn-button-font-size-small: var(--syn-font-size-small);
65
65
  --syn-button-outline-color-active: none;
66
66
  --syn-button-outline-color-hover: none;
67
- --syn-button-outline-color-text: inherit;
67
+ --syn-button-outline-color-text: var(--syn-color-primary-600);
68
68
  --syn-button-outline-color-text-active: var(--syn-color-primary-950);
69
69
  --syn-button-outline-color-text-hover: var(--syn-color-primary-900);
70
70
  --syn-button-text-color-text: var(--syn-button-color);
package/dist/themes/sick2018_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.47.0
2
+ * @synergy-design-system/tokens version 2.48.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -56,15 +56,15 @@
56
56
  --syn-button-color: var(--syn-interactive-emphasis-color);
57
57
  --syn-button-color-active: var(--syn-interactive-emphasis-color-active);
58
58
  --syn-button-color-hover: var(--syn-interactive-emphasis-color-hover);
59
- --syn-button-filled-color-text: inherit;
60
- --syn-button-filled-color-text-active: inherit;
61
- --syn-button-filled-color-text-hover: inherit;
59
+ --syn-button-filled-color-text: var(--syn-color-neutral-0);
60
+ --syn-button-filled-color-text-active: var(--syn-color-neutral-0);
61
+ --syn-button-filled-color-text-hover: var(--syn-color-neutral-0);
62
62
  --syn-button-font-size-large: var(--syn-font-size-large);
63
63
  --syn-button-font-size-medium: var(--syn-font-size-medium);
64
64
  --syn-button-font-size-small: var(--syn-font-size-small);
65
65
  --syn-button-outline-color-active: none;
66
66
  --syn-button-outline-color-hover: none;
67
- --syn-button-outline-color-text: inherit;
67
+ --syn-button-outline-color-text: var(--syn-color-primary-600);
68
68
  --syn-button-outline-color-text-active: var(--syn-color-primary-950);
69
69
  --syn-button-outline-color-text-hover: var(--syn-color-primary-900);
70
70
  --syn-button-text-color-text: var(--syn-button-color);
package/dist/themes/sick2025_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.47.0
2
+ * @synergy-design-system/tokens version 2.48.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
package/dist/themes/sick2025_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 2.47.0
2
+ * @synergy-design-system/tokens version 2.48.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -56,9 +56,9 @@
56
56
  --syn-button-color: var(--syn-interactive-emphasis-color);
57
57
  --syn-button-color-active: var(--syn-interactive-emphasis-color-active);
58
58
  --syn-button-color-hover: var(--syn-interactive-emphasis-color-hover);
59
- --syn-button-filled-color-text: inherit;
60
- --syn-button-filled-color-text-active: inherit;
61
- --syn-button-filled-color-text-hover: inherit;
59
+ --syn-button-filled-color-text: var(--syn-color-neutral-0);
60
+ --syn-button-filled-color-text-active: var(--syn-color-neutral-0);
61
+ --syn-button-filled-color-text-hover: var(--syn-color-neutral-0);
62
62
  --syn-button-font-size-large: var(--syn-font-size-large);
63
63
  --syn-button-font-size-medium: var(--syn-font-size-medium);
64
64
  --syn-button-font-size-small: var(--syn-font-size-small);
package/package.json CHANGED
@@ -57,7 +57,7 @@
57
57
  },
58
58
  "type": "module",
59
59
  "types": "./dist/js/index.d.ts",
60
- "version": "2.48.0",
60
+ "version": "2.48.1",
61
61
  "scripts": {
62
62
  "build": "pnpm clean && node scripts/build.js",
63
63
  "build:all": "dotenvx -q run pnpm build:_all",