@synergy-design-system/metadata 3.16.0 → 3.17.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.
Files changed (86) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/data/core/asset/asset:sick2018-icons.json +1 -1
  3. package/data/core/asset/asset:sick2018-logos.json +1 -1
  4. package/data/core/asset/asset:sick2018-system-icons.json +1 -1
  5. package/data/core/asset/asset:sick2025-icons-fill.json +1 -1
  6. package/data/core/asset/asset:sick2025-icons-outline.json +1 -1
  7. package/data/core/asset/asset:sick2025-logos.json +1 -1
  8. package/data/core/asset/asset:sick2025-system-icons.json +1 -1
  9. package/data/core/component/component:syn-chart.json +2 -2
  10. package/data/core/setup/setup:angular-components-module.json +1 -1
  11. package/data/core/setup/setup:angular-forms-module.json +1 -1
  12. package/data/core/setup/setup:angular-package.json +2 -2
  13. package/data/core/setup/setup:angular-validators-module.json +1 -1
  14. package/data/core/setup/setup:assets-package.json +2 -2
  15. package/data/core/setup/setup:components-package.json +2 -2
  16. package/data/core/setup/setup:fonts-package.json +2 -2
  17. package/data/core/setup/setup:react-package.json +2 -2
  18. package/data/core/setup/setup:styles-package.json +2 -2
  19. package/data/core/setup/setup:tokens-package.json +2 -2
  20. package/data/core/setup/setup:vue-package.json +2 -2
  21. package/data/core/style/style:syn-body.json +1 -1
  22. package/data/core/style/style:syn-heading.json +1 -1
  23. package/data/core/style/style:syn-link-list.json +1 -1
  24. package/data/core/style/style:syn-link.json +1 -1
  25. package/data/core/style/style:syn-table-cell.json +1 -1
  26. package/data/core/style/style:syn-table.json +1 -1
  27. package/data/core/style/style:syn-weight.json +1 -1
  28. package/data/core/token/token:tokens-charts-js-index-d-ts.json +1 -1
  29. package/data/core/token/token:tokens-charts-js-index-js.json +1 -1
  30. package/data/core/token/token:tokens-charts-scss-tokens-scss.json +1 -1
  31. package/data/core/token/token:tokens-charts-themes-sick2025-dark-css.json +1 -1
  32. package/data/core/token/token:tokens-charts-themes-sick2025-light-css.json +1 -1
  33. package/data/core/token/token:tokens-figma-variables-sick2018-dark-json.json +1 -1
  34. package/data/core/token/token:tokens-figma-variables-sick2018-light-json.json +1 -1
  35. package/data/core/token/token:tokens-figma-variables-sick2025-dark-json.json +1 -1
  36. package/data/core/token/token:tokens-figma-variables-sick2025-light-json.json +1 -1
  37. package/data/core/token/token:tokens-js-index-d-ts.json +1 -1
  38. package/data/core/token/token:tokens-js-index-js.json +1 -1
  39. package/data/core/token/token:tokens-scss-tokens-scss.json +1 -1
  40. package/data/core/token/token:tokens-themes-sick2018-dark-css.json +1 -1
  41. package/data/core/token/token:tokens-themes-sick2018-light-css.json +1 -1
  42. package/data/core/token/token:tokens-themes-sick2025-dark-css.json +1 -1
  43. package/data/core/token/token:tokens-themes-sick2025-light-css.json +1 -1
  44. package/data/core/utility/utility:fonts-sick-intl.json +1 -1
  45. package/data/index.json +1 -1
  46. package/data/layers/examples/component/component:syn-chart.md +115 -106
  47. package/data/layers/examples/component/component:syn-combobox.md +0 -18
  48. package/data/layers/full/component/component:syn-chart/angular/chart.component.ts +11 -5
  49. package/data/layers/full/component/component:syn-chart/components/chart.component.ts +67 -20
  50. package/data/layers/full/component/component:syn-chart/components/chart.palettes.ts +59 -59
  51. package/data/layers/full/component/component:syn-chart/components/types.ts +47 -4
  52. package/data/layers/full/component/component:syn-chart/react/chart.ts +1 -1
  53. package/data/layers/full/component/component:syn-chart/vue/SynVueChart.vue +11 -5
  54. package/data/layers/full/setup/setup:angular-package/angular/CHANGELOG.md +32 -0
  55. package/data/layers/full/setup/setup:angular-package/angular/package.json +4 -4
  56. package/data/layers/full/setup/setup:assets-package/assets/CHANGELOG.md +8 -0
  57. package/data/layers/full/setup/setup:assets-package/assets/package.json +3 -3
  58. package/data/layers/full/setup/setup:components-package/components/CHANGELOG.md +30 -0
  59. package/data/layers/full/setup/setup:components-package/components/package.json +8 -8
  60. package/data/layers/full/setup/setup:fonts-package/fonts/CHANGELOG.md +8 -0
  61. package/data/layers/full/setup/setup:fonts-package/fonts/package.json +2 -2
  62. package/data/layers/full/setup/setup:react-package/react/CHANGELOG.md +32 -0
  63. package/data/layers/full/setup/setup:react-package/react/package.json +2 -2
  64. package/data/layers/full/setup/setup:react-package/react/syn-jsx-elements.ts +2 -2
  65. package/data/layers/full/setup/setup:styles-package/styles/CHANGELOG.md +8 -0
  66. package/data/layers/full/setup/setup:styles-package/styles/package.json +3 -3
  67. package/data/layers/full/setup/setup:tokens-package/tokens/CHANGELOG.md +27 -0
  68. package/data/layers/full/setup/setup:tokens-package/tokens/package.json +5 -5
  69. package/data/layers/full/setup/setup:vue-package/vue/CHANGELOG.md +32 -0
  70. package/data/layers/full/setup/setup:vue-package/vue/package.json +2 -2
  71. package/data/layers/full/tokens/charts/js/index.d.ts +275 -265
  72. package/data/layers/full/tokens/charts/js/index.js +143 -133
  73. package/data/layers/full/tokens/charts/scss/_tokens.scss +135 -133
  74. package/data/layers/full/tokens/charts/themes/sick2025_dark.css +135 -133
  75. package/data/layers/full/tokens/charts/themes/sick2025_light.css +135 -133
  76. package/data/layers/full/tokens/js/index.d.ts +11 -1
  77. package/data/layers/full/tokens/js/index.js +11 -1
  78. package/data/layers/full/tokens/scss/_tokens.scss +3 -1
  79. package/data/layers/full/tokens/themes/sick2018_dark.css +3 -1
  80. package/data/layers/full/tokens/themes/sick2018_light.css +3 -1
  81. package/data/layers/full/tokens/themes/sick2025_dark.css +3 -1
  82. package/data/layers/full/tokens/themes/sick2025_light.css +3 -1
  83. package/data/layers/interface/component/component:syn-chart.json +5 -5
  84. package/data/layers/interface/component/component:syn-chart.md +4 -4
  85. package/data/manifest.json +1 -1
  86. package/package.json +7 -7
package/data/layers/full/tokens/charts/themes/sick2025_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.15.6
2
+ * @synergy-design-system/tokens version 3.16.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -7,136 +7,138 @@
7
7
  :root, .syn-sick2025-light, .syn-theme-light {
8
8
  color-scheme: light;
9
9
 
10
- --syn-categorical-10: var(--syn-color-data-purple-700);
11
- --syn-categorical-11: var(--syn-color-neutral-500);
12
- --syn-categorical-12: var(--syn-color-data-magenta-500);
13
- --syn-categorical-01: var(--syn-color-primary-700);
14
- --syn-categorical-02: var(--syn-color-accent-600);
15
- --syn-categorical-03: var(--syn-color-muted-600);
16
- --syn-categorical-04: var(--syn-color-data-purple-400);
17
- --syn-categorical-05: var(--syn-color-primary-900);
18
- --syn-categorical-06: var(--syn-color-data-teal-600);
19
- --syn-categorical-07: var(--syn-color-data-magenta-700);
20
- --syn-categorical-08: var(--syn-color-neutral-800);
21
- --syn-categorical-09: var(--syn-color-data-teal-800);
22
- --syn-sequential-01-10: var(--syn-color-primary-100);
23
- --syn-sequential-01-20: var(--syn-color-primary-200);
24
- --syn-sequential-01-30: var(--syn-color-primary-300);
25
- --syn-sequential-01-40: var(--syn-color-primary-400);
26
- --syn-sequential-01-50: var(--syn-color-primary-500);
27
- --syn-sequential-01-60: var(--syn-color-primary-600);
28
- --syn-sequential-01-70: var(--syn-color-primary-700);
29
- --syn-sequential-01-80: var(--syn-color-primary-800);
30
- --syn-sequential-01-90: var(--syn-color-primary-900);
31
- --syn-sequential-01-100: var(--syn-color-primary-950);
32
- --syn-sequential-02-10: var(--syn-color-accent-100);
33
- --syn-sequential-02-20: var(--syn-color-accent-200);
34
- --syn-sequential-02-30: var(--syn-color-accent-300);
35
- --syn-sequential-02-40: var(--syn-color-accent-400);
36
- --syn-sequential-02-50: var(--syn-color-accent-500);
37
- --syn-sequential-02-60: var(--syn-color-accent-600);
38
- --syn-sequential-02-70: var(--syn-color-accent-700);
39
- --syn-sequential-02-80: var(--syn-color-accent-800);
40
- --syn-sequential-02-90: var(--syn-color-accent-900);
41
- --syn-sequential-02-100: var(--syn-color-accent-950);
42
- --syn-sequential-03-10: var(--syn-color-muted-100);
43
- --syn-sequential-03-20: var(--syn-color-muted-200);
44
- --syn-sequential-03-30: var(--syn-color-muted-300);
45
- --syn-sequential-03-40: var(--syn-color-muted-400);
46
- --syn-sequential-03-50: var(--syn-color-muted-500);
47
- --syn-sequential-03-60: var(--syn-color-muted-600);
48
- --syn-sequential-03-70: var(--syn-color-muted-700);
49
- --syn-sequential-03-80: var(--syn-color-muted-800);
50
- --syn-sequential-03-90: var(--syn-color-muted-900);
51
- --syn-sequential-03-100: var(--syn-color-muted-950);
52
- --syn-sequential-04-10: var(--syn-color-data-purple-100);
53
- --syn-sequential-04-20: var(--syn-color-data-purple-200);
54
- --syn-sequential-04-30: var(--syn-color-data-purple-300);
55
- --syn-sequential-04-40: var(--syn-color-data-purple-400);
56
- --syn-sequential-04-50: var(--syn-color-data-purple-500);
57
- --syn-sequential-04-60: var(--syn-color-data-purple-600);
58
- --syn-sequential-04-70: var(--syn-color-data-purple-700);
59
- --syn-sequential-04-80: var(--syn-color-data-purple-800);
60
- --syn-sequential-04-90: var(--syn-color-data-purple-900);
61
- --syn-sequential-04-100: var(--syn-color-data-purple-950);
62
- --syn-sequential-05-10: var(--syn-color-data-teal-100);
63
- --syn-sequential-05-20: var(--syn-color-data-teal-200);
64
- --syn-sequential-05-30: var(--syn-color-data-teal-300);
65
- --syn-sequential-05-40: var(--syn-color-data-teal-400);
66
- --syn-sequential-05-50: var(--syn-color-data-teal-500);
67
- --syn-sequential-05-60: var(--syn-color-data-teal-600);
68
- --syn-sequential-05-70: var(--syn-color-data-teal-700);
69
- --syn-sequential-05-80: var(--syn-color-data-teal-800);
70
- --syn-sequential-05-90: var(--syn-color-data-teal-900);
71
- --syn-sequential-05-100: var(--syn-color-data-teal-950);
72
- --syn-sequential-06-10: var(--syn-color-data-magenta-100);
73
- --syn-sequential-06-20: var(--syn-color-data-magenta-200);
74
- --syn-sequential-06-30: var(--syn-color-data-magenta-300);
75
- --syn-sequential-06-40: var(--syn-color-data-magenta-400);
76
- --syn-sequential-06-50: var(--syn-color-data-magenta-500);
77
- --syn-sequential-06-60: var(--syn-color-data-magenta-600);
78
- --syn-sequential-06-70: var(--syn-color-data-magenta-700);
79
- --syn-sequential-06-80: var(--syn-color-data-magenta-800);
80
- --syn-sequential-06-90: var(--syn-color-data-magenta-900);
81
- --syn-sequential-06-100: var(--syn-color-data-magenta-950);
82
- --syn-sequential-07-10: var(--syn-color-neutral-100);
83
- --syn-sequential-07-20: var(--syn-color-neutral-200);
84
- --syn-sequential-07-30: var(--syn-color-neutral-300);
85
- --syn-sequential-07-40: var(--syn-color-neutral-400);
86
- --syn-sequential-07-50: var(--syn-color-neutral-500);
87
- --syn-sequential-07-60: var(--syn-color-neutral-600);
88
- --syn-sequential-07-70: var(--syn-color-neutral-700);
89
- --syn-sequential-07-80: var(--syn-color-neutral-800);
90
- --syn-sequential-07-90: var(--syn-color-neutral-900);
91
- --syn-sequential-07-100: var(--syn-color-neutral-950);
92
- --syn-sequential-status-critical-10: var(--syn-color-critical-100);
93
- --syn-sequential-status-critical-20: var(--syn-color-critical-200);
94
- --syn-sequential-status-critical-30: var(--syn-color-critical-300);
95
- --syn-sequential-status-critical-40: var(--syn-color-critical-400);
96
- --syn-sequential-status-critical-50: var(--syn-color-critical-500);
97
- --syn-sequential-status-critical-60: var(--syn-color-critical-600);
98
- --syn-sequential-status-critical-70: var(--syn-color-critical-700);
99
- --syn-sequential-status-critical-80: var(--syn-color-critical-800);
100
- --syn-sequential-status-critical-90: var(--syn-color-critical-900);
101
- --syn-sequential-status-critical-100: var(--syn-color-critical-950);
102
- --syn-sequential-status-error-10: var(--syn-color-error-100);
103
- --syn-sequential-status-error-20: var(--syn-color-error-200);
104
- --syn-sequential-status-error-30: var(--syn-color-error-300);
105
- --syn-sequential-status-error-40: var(--syn-color-error-400);
106
- --syn-sequential-status-error-50: var(--syn-color-error-500);
107
- --syn-sequential-status-error-60: var(--syn-color-error-600);
108
- --syn-sequential-status-error-70: var(--syn-color-error-700);
109
- --syn-sequential-status-error-80: var(--syn-color-error-800);
110
- --syn-sequential-status-error-90: var(--syn-color-error-900);
111
- --syn-sequential-status-error-100: var(--syn-color-error-950);
112
- --syn-sequential-status-info-10: var(--syn-color-info-100);
113
- --syn-sequential-status-info-20: var(--syn-color-info-200);
114
- --syn-sequential-status-info-30: var(--syn-color-info-300);
115
- --syn-sequential-status-info-40: var(--syn-color-info-400);
116
- --syn-sequential-status-info-50: var(--syn-color-info-500);
117
- --syn-sequential-status-info-60: var(--syn-color-info-600);
118
- --syn-sequential-status-info-70: var(--syn-color-info-700);
119
- --syn-sequential-status-info-80: var(--syn-color-info-800);
120
- --syn-sequential-status-info-90: var(--syn-color-info-900);
121
- --syn-sequential-status-info-100: var(--syn-color-info-950);
122
- --syn-sequential-status-success-10: var(--syn-color-success-100);
123
- --syn-sequential-status-success-20: var(--syn-color-success-200);
124
- --syn-sequential-status-success-30: var(--syn-color-success-300);
125
- --syn-sequential-status-success-40: var(--syn-color-success-400);
126
- --syn-sequential-status-success-50: var(--syn-color-success-500);
127
- --syn-sequential-status-success-60: var(--syn-color-success-600);
128
- --syn-sequential-status-success-70: var(--syn-color-success-700);
129
- --syn-sequential-status-success-80: var(--syn-color-success-800);
130
- --syn-sequential-status-success-90: var(--syn-color-success-900);
131
- --syn-sequential-status-success-100: var(--syn-color-success-950);
132
- --syn-sequential-status-warning-10: var(--syn-color-warning-100);
133
- --syn-sequential-status-warning-20: var(--syn-color-warning-200);
134
- --syn-sequential-status-warning-30: var(--syn-color-warning-300);
135
- --syn-sequential-status-warning-40: var(--syn-color-warning-400);
136
- --syn-sequential-status-warning-50: var(--syn-color-warning-500);
137
- --syn-sequential-status-warning-60: var(--syn-color-warning-600);
138
- --syn-sequential-status-warning-70: var(--syn-color-warning-700);
139
- --syn-sequential-status-warning-80: var(--syn-color-warning-800);
140
- --syn-sequential-status-warning-90: var(--syn-color-warning-900);
141
- --syn-sequential-status-warning-100: var(--syn-color-warning-950);
10
+ --syn-chart-categorical-10: var(--syn-color-data-purple-700);
11
+ --syn-chart-categorical-11: var(--syn-color-neutral-500);
12
+ --syn-chart-categorical-12: var(--syn-color-data-magenta-500);
13
+ --syn-chart-categorical-01: var(--syn-color-primary-700);
14
+ --syn-chart-categorical-02: var(--syn-color-accent-600);
15
+ --syn-chart-categorical-03: var(--syn-color-muted-600);
16
+ --syn-chart-categorical-04: var(--syn-color-data-purple-400);
17
+ --syn-chart-categorical-05: var(--syn-color-primary-900);
18
+ --syn-chart-categorical-06: var(--syn-color-data-teal-600);
19
+ --syn-chart-categorical-07: var(--syn-color-data-magenta-700);
20
+ --syn-chart-categorical-08: var(--syn-color-neutral-800);
21
+ --syn-chart-categorical-09: var(--syn-color-data-teal-800);
22
+ --syn-chart-grid-lines-color: var(--syn-color-neutral-100);
23
+ --syn-chart-grid-lines-color-emphasize: var(--syn-color-neutral-200);
24
+ --syn-chart-sequential-01-10: var(--syn-color-primary-100);
25
+ --syn-chart-sequential-01-20: var(--syn-color-primary-200);
26
+ --syn-chart-sequential-01-30: var(--syn-color-primary-300);
27
+ --syn-chart-sequential-01-40: var(--syn-color-primary-400);
28
+ --syn-chart-sequential-01-50: var(--syn-color-primary-500);
29
+ --syn-chart-sequential-01-60: var(--syn-color-primary-600);
30
+ --syn-chart-sequential-01-70: var(--syn-color-primary-700);
31
+ --syn-chart-sequential-01-80: var(--syn-color-primary-800);
32
+ --syn-chart-sequential-01-90: var(--syn-color-primary-900);
33
+ --syn-chart-sequential-01-100: var(--syn-color-primary-950);
34
+ --syn-chart-sequential-02-10: var(--syn-color-accent-100);
35
+ --syn-chart-sequential-02-20: var(--syn-color-accent-200);
36
+ --syn-chart-sequential-02-30: var(--syn-color-accent-300);
37
+ --syn-chart-sequential-02-40: var(--syn-color-accent-400);
38
+ --syn-chart-sequential-02-50: var(--syn-color-accent-500);
39
+ --syn-chart-sequential-02-60: var(--syn-color-accent-600);
40
+ --syn-chart-sequential-02-70: var(--syn-color-accent-700);
41
+ --syn-chart-sequential-02-80: var(--syn-color-accent-800);
42
+ --syn-chart-sequential-02-90: var(--syn-color-accent-900);
43
+ --syn-chart-sequential-02-100: var(--syn-color-accent-950);
44
+ --syn-chart-sequential-03-10: var(--syn-color-muted-100);
45
+ --syn-chart-sequential-03-20: var(--syn-color-muted-200);
46
+ --syn-chart-sequential-03-30: var(--syn-color-muted-300);
47
+ --syn-chart-sequential-03-40: var(--syn-color-muted-400);
48
+ --syn-chart-sequential-03-50: var(--syn-color-muted-500);
49
+ --syn-chart-sequential-03-60: var(--syn-color-muted-600);
50
+ --syn-chart-sequential-03-70: var(--syn-color-muted-700);
51
+ --syn-chart-sequential-03-80: var(--syn-color-muted-800);
52
+ --syn-chart-sequential-03-90: var(--syn-color-muted-900);
53
+ --syn-chart-sequential-03-100: var(--syn-color-muted-950);
54
+ --syn-chart-sequential-04-10: var(--syn-color-data-purple-100);
55
+ --syn-chart-sequential-04-20: var(--syn-color-data-purple-200);
56
+ --syn-chart-sequential-04-30: var(--syn-color-data-purple-300);
57
+ --syn-chart-sequential-04-40: var(--syn-color-data-purple-400);
58
+ --syn-chart-sequential-04-50: var(--syn-color-data-purple-500);
59
+ --syn-chart-sequential-04-60: var(--syn-color-data-purple-600);
60
+ --syn-chart-sequential-04-70: var(--syn-color-data-purple-700);
61
+ --syn-chart-sequential-04-80: var(--syn-color-data-purple-800);
62
+ --syn-chart-sequential-04-90: var(--syn-color-data-purple-900);
63
+ --syn-chart-sequential-04-100: var(--syn-color-data-purple-950);
64
+ --syn-chart-sequential-05-10: var(--syn-color-data-teal-100);
65
+ --syn-chart-sequential-05-20: var(--syn-color-data-teal-200);
66
+ --syn-chart-sequential-05-30: var(--syn-color-data-teal-300);
67
+ --syn-chart-sequential-05-40: var(--syn-color-data-teal-400);
68
+ --syn-chart-sequential-05-50: var(--syn-color-data-teal-500);
69
+ --syn-chart-sequential-05-60: var(--syn-color-data-teal-600);
70
+ --syn-chart-sequential-05-70: var(--syn-color-data-teal-700);
71
+ --syn-chart-sequential-05-80: var(--syn-color-data-teal-800);
72
+ --syn-chart-sequential-05-90: var(--syn-color-data-teal-900);
73
+ --syn-chart-sequential-05-100: var(--syn-color-data-teal-950);
74
+ --syn-chart-sequential-06-10: var(--syn-color-data-magenta-100);
75
+ --syn-chart-sequential-06-20: var(--syn-color-data-magenta-200);
76
+ --syn-chart-sequential-06-30: var(--syn-color-data-magenta-300);
77
+ --syn-chart-sequential-06-40: var(--syn-color-data-magenta-400);
78
+ --syn-chart-sequential-06-50: var(--syn-color-data-magenta-500);
79
+ --syn-chart-sequential-06-60: var(--syn-color-data-magenta-600);
80
+ --syn-chart-sequential-06-70: var(--syn-color-data-magenta-700);
81
+ --syn-chart-sequential-06-80: var(--syn-color-data-magenta-800);
82
+ --syn-chart-sequential-06-90: var(--syn-color-data-magenta-900);
83
+ --syn-chart-sequential-06-100: var(--syn-color-data-magenta-950);
84
+ --syn-chart-sequential-07-10: var(--syn-color-neutral-100);
85
+ --syn-chart-sequential-07-20: var(--syn-color-neutral-200);
86
+ --syn-chart-sequential-07-30: var(--syn-color-neutral-300);
87
+ --syn-chart-sequential-07-40: var(--syn-color-neutral-400);
88
+ --syn-chart-sequential-07-50: var(--syn-color-neutral-500);
89
+ --syn-chart-sequential-07-60: var(--syn-color-neutral-600);
90
+ --syn-chart-sequential-07-70: var(--syn-color-neutral-700);
91
+ --syn-chart-sequential-07-80: var(--syn-color-neutral-800);
92
+ --syn-chart-sequential-07-90: var(--syn-color-neutral-900);
93
+ --syn-chart-sequential-07-100: var(--syn-color-neutral-950);
94
+ --syn-chart-sequential-status-critical-10: var(--syn-color-critical-100);
95
+ --syn-chart-sequential-status-critical-20: var(--syn-color-critical-200);
96
+ --syn-chart-sequential-status-critical-30: var(--syn-color-critical-300);
97
+ --syn-chart-sequential-status-critical-40: var(--syn-color-critical-400);
98
+ --syn-chart-sequential-status-critical-50: var(--syn-color-critical-500);
99
+ --syn-chart-sequential-status-critical-60: var(--syn-color-critical-600);
100
+ --syn-chart-sequential-status-critical-70: var(--syn-color-critical-700);
101
+ --syn-chart-sequential-status-critical-80: var(--syn-color-critical-800);
102
+ --syn-chart-sequential-status-critical-90: var(--syn-color-critical-900);
103
+ --syn-chart-sequential-status-critical-100: var(--syn-color-critical-950);
104
+ --syn-chart-sequential-status-error-10: var(--syn-color-error-100);
105
+ --syn-chart-sequential-status-error-20: var(--syn-color-error-200);
106
+ --syn-chart-sequential-status-error-30: var(--syn-color-error-300);
107
+ --syn-chart-sequential-status-error-40: var(--syn-color-error-400);
108
+ --syn-chart-sequential-status-error-50: var(--syn-color-error-500);
109
+ --syn-chart-sequential-status-error-60: var(--syn-color-error-600);
110
+ --syn-chart-sequential-status-error-70: var(--syn-color-error-700);
111
+ --syn-chart-sequential-status-error-80: var(--syn-color-error-800);
112
+ --syn-chart-sequential-status-error-90: var(--syn-color-error-900);
113
+ --syn-chart-sequential-status-error-100: var(--syn-color-error-950);
114
+ --syn-chart-sequential-status-info-10: var(--syn-color-info-100);
115
+ --syn-chart-sequential-status-info-20: var(--syn-color-info-200);
116
+ --syn-chart-sequential-status-info-30: var(--syn-color-info-300);
117
+ --syn-chart-sequential-status-info-40: var(--syn-color-info-400);
118
+ --syn-chart-sequential-status-info-50: var(--syn-color-info-500);
119
+ --syn-chart-sequential-status-info-60: var(--syn-color-info-600);
120
+ --syn-chart-sequential-status-info-70: var(--syn-color-info-700);
121
+ --syn-chart-sequential-status-info-80: var(--syn-color-info-800);
122
+ --syn-chart-sequential-status-info-90: var(--syn-color-info-900);
123
+ --syn-chart-sequential-status-info-100: var(--syn-color-info-950);
124
+ --syn-chart-sequential-status-success-10: var(--syn-color-success-100);
125
+ --syn-chart-sequential-status-success-20: var(--syn-color-success-200);
126
+ --syn-chart-sequential-status-success-30: var(--syn-color-success-300);
127
+ --syn-chart-sequential-status-success-40: var(--syn-color-success-400);
128
+ --syn-chart-sequential-status-success-50: var(--syn-color-success-500);
129
+ --syn-chart-sequential-status-success-60: var(--syn-color-success-600);
130
+ --syn-chart-sequential-status-success-70: var(--syn-color-success-700);
131
+ --syn-chart-sequential-status-success-80: var(--syn-color-success-800);
132
+ --syn-chart-sequential-status-success-90: var(--syn-color-success-900);
133
+ --syn-chart-sequential-status-success-100: var(--syn-color-success-950);
134
+ --syn-chart-sequential-status-warning-10: var(--syn-color-warning-100);
135
+ --syn-chart-sequential-status-warning-20: var(--syn-color-warning-200);
136
+ --syn-chart-sequential-status-warning-30: var(--syn-color-warning-300);
137
+ --syn-chart-sequential-status-warning-40: var(--syn-color-warning-400);
138
+ --syn-chart-sequential-status-warning-50: var(--syn-color-warning-500);
139
+ --syn-chart-sequential-status-warning-60: var(--syn-color-warning-600);
140
+ --syn-chart-sequential-status-warning-70: var(--syn-color-warning-700);
141
+ --syn-chart-sequential-status-warning-80: var(--syn-color-warning-800);
142
+ --syn-chart-sequential-status-warning-90: var(--syn-color-warning-900);
143
+ --syn-chart-sequential-status-warning-100: var(--syn-color-warning-950);
142
144
  }
package/data/layers/full/tokens/js/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.15.6
2
+ * @synergy-design-system/tokens version 3.16.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
 
@@ -2113,6 +2113,16 @@ export const SynTypographyColorText: string;
2113
2113
  */
2114
2114
  export const SynTypographyColorTextInverted: string;
2115
2115
 
2116
+ /**
2117
+ * Maps to the css variable `--syn-typography-color-text-quiet`
2118
+ */
2119
+ export const SynTypographyColorTextQuiet: string;
2120
+
2121
+ /**
2122
+ * Maps to the css variable `--syn-typography-color-text-quiet-inverted`
2123
+ */
2124
+ export const SynTypographyColorTextQuietInverted: string;
2125
+
2116
2126
  /**
2117
2127
  * Maps to the css variable `--syn-z-index-dialog`
2118
2128
  */
package/data/layers/full/tokens/js/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.15.6
2
+ * @synergy-design-system/tokens version 3.16.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
 
@@ -2113,6 +2113,16 @@ export const SynTypographyColorText = 'var(--syn-typography-color-text)';
2113
2113
  */
2114
2114
  export const SynTypographyColorTextInverted = 'var(--syn-typography-color-text-inverted)';
2115
2115
 
2116
+ /**
2117
+ * @type {string}
2118
+ */
2119
+ export const SynTypographyColorTextQuiet = 'var(--syn-typography-color-text-quiet)';
2120
+
2121
+ /**
2122
+ * @type {string}
2123
+ */
2124
+ export const SynTypographyColorTextQuietInverted = 'var(--syn-typography-color-text-quiet-inverted)';
2125
+
2116
2126
  /**
2117
2127
  * @type {string}
2118
2128
  */
package/data/layers/full/tokens/scss/_tokens.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.15.6
2
+ * @synergy-design-system/tokens version 3.16.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
5
  $SynAlertErrorColorBackground: var(--syn-alert-error-color-background) !default;
@@ -424,6 +424,8 @@ $SynTransitionXFast: var(--syn-transition-x-fast) !default;
424
424
  $SynTransitionXSlow: var(--syn-transition-x-slow) !default;
425
425
  $SynTypographyColorText: var(--syn-typography-color-text) !default;
426
426
  $SynTypographyColorTextInverted: var(--syn-typography-color-text-inverted) !default;
427
+ $SynTypographyColorTextQuiet: var(--syn-typography-color-text-quiet) !default;
428
+ $SynTypographyColorTextQuietInverted: var(--syn-typography-color-text-quiet-inverted) !default;
427
429
  $SynZIndexDialog: var(--syn-z-index-dialog) !default;
428
430
  $SynZIndexDrawer: var(--syn-z-index-drawer) !default;
429
431
  $SynZIndexDropdown: var(--syn-z-index-dropdown) !default;
package/data/layers/full/tokens/themes/sick2018_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.15.6
2
+ * @synergy-design-system/tokens version 3.16.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -429,6 +429,8 @@
429
429
  --syn-transition-x-slow: 1000ms; /** Shoelace compatibility DO NOT USE */
430
430
  --syn-typography-color-text: var(--syn-color-neutral-950);
431
431
  --syn-typography-color-text-inverted: var(--syn-color-neutral-0);
432
+ --syn-typography-color-text-quiet: var(--syn-color-neutral-800);
433
+ --syn-typography-color-text-quiet-inverted: var(--syn-color-neutral-200);
432
434
  --syn-z-index-dialog: 800; /** Shoelace compatibility DO NOT USE */
433
435
  --syn-z-index-drawer: 700; /** Shoelace compatibility DO NOT USE */
434
436
  --syn-z-index-dropdown: 900; /** Shoelace compatibility DO NOT USE */
package/data/layers/full/tokens/themes/sick2018_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.15.6
2
+ * @synergy-design-system/tokens version 3.16.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -429,6 +429,8 @@
429
429
  --syn-transition-x-slow: 1000ms; /** Shoelace compatibility DO NOT USE */
430
430
  --syn-typography-color-text: var(--syn-color-neutral-950);
431
431
  --syn-typography-color-text-inverted: var(--syn-color-neutral-0);
432
+ --syn-typography-color-text-quiet: var(--syn-color-neutral-800);
433
+ --syn-typography-color-text-quiet-inverted: var(--syn-color-neutral-200);
432
434
  --syn-z-index-dialog: 800; /** Shoelace compatibility DO NOT USE */
433
435
  --syn-z-index-drawer: 700; /** Shoelace compatibility DO NOT USE */
434
436
  --syn-z-index-dropdown: 900; /** Shoelace compatibility DO NOT USE */
package/data/layers/full/tokens/themes/sick2025_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.15.6
2
+ * @synergy-design-system/tokens version 3.16.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -429,6 +429,8 @@
429
429
  --syn-transition-x-slow: 1000ms; /** Shoelace compatibility DO NOT USE */
430
430
  --syn-typography-color-text: var(--syn-color-neutral-1000);
431
431
  --syn-typography-color-text-inverted: var(--syn-color-neutral-50);
432
+ --syn-typography-color-text-quiet: var(--syn-color-neutral-800);
433
+ --syn-typography-color-text-quiet-inverted: var(--syn-color-neutral-200);
432
434
  --syn-z-index-dialog: 800; /** Shoelace compatibility DO NOT USE */
433
435
  --syn-z-index-drawer: 700; /** Shoelace compatibility DO NOT USE */
434
436
  --syn-z-index-dropdown: 900; /** Shoelace compatibility DO NOT USE */
package/data/layers/full/tokens/themes/sick2025_light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.15.6
2
+ * @synergy-design-system/tokens version 3.16.0
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
@@ -429,6 +429,8 @@
429
429
  --syn-transition-x-slow: 1000ms; /** Shoelace compatibility DO NOT USE */
430
430
  --syn-typography-color-text: var(--syn-color-neutral-950);
431
431
  --syn-typography-color-text-inverted: var(--syn-color-neutral-0);
432
+ --syn-typography-color-text-quiet: var(--syn-color-neutral-700);
433
+ --syn-typography-color-text-quiet-inverted: var(--syn-color-neutral-300);
432
434
  --syn-z-index-dialog: 800; /** Shoelace compatibility DO NOT USE */
433
435
  --syn-z-index-drawer: 700; /** Shoelace compatibility DO NOT USE */
434
436
  --syn-z-index-dropdown: 900; /** Shoelace compatibility DO NOT USE */
package/data/layers/interface/component/component:syn-chart.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "fieldName": "palette",
7
7
  "name": "palette",
8
8
  "reflects": true,
9
- "type": "SynChartPalette"
9
+ "type": "ChartPalette"
10
10
  }
11
11
  ],
12
12
  "cssParts": [
@@ -30,19 +30,19 @@
30
30
  {
31
31
  "access": "public",
32
32
  "default": "{}",
33
- "description": "The ECharts configuration option object.\n\nThis property maps 1:1 to the ECharts `option` parameter passed to `setOption()`.\nConsult the [ECharts option documentation](https://echarts.apache.org/en/option.html)\nand assign the object directly to this property.\n\n> **Note:** Currently only **line charts** (`series[].type: 'line'`) are supported.\n> Support for additional chart types (bar, pie, etc.) will be added in future releases or can be requested.\n\nAssigning a new object completely replaces the previous chart configuration (`notMerge: true`).\nTo update only parts of the chart, access the underlying ECharts instance directly and\ncall `setOption()` with custom merge options.",
33
+ "description": "The ECharts configuration input.\n\nThis property accepts either:\n- a plain `ECConfig` object, or\n- a callback that receives a typed preset handle and applies chart presets.\n\nThe resolved result maps 1:1 to the ECharts `option` parameter passed to\n`setOption()`.\nConsult the [ECharts option documentation](https://echarts.apache.org/en/option.html)\nand assign either the object directly or build it through the handle.\n\n> **Note:** Currently only **line charts** (`series[].type: 'line'`) are supported.\n> Support for additional chart types (bar, pie, etc.) will be added in future releases or can be requested.\n\nAssigning a new config input completely replaces the previous chart\nconfiguration (`notMerge: true`).\nTo update only parts of the chart, access the underlying ECharts instance directly and\ncall `setOption()` with custom merge options.",
34
34
  "name": "config",
35
- "type": "ECConfig"
35
+ "type": "ChartConfigType"
36
36
  },
37
37
  {
38
38
  "access": "public",
39
39
  "default": "'categorical'",
40
40
  "description": "The color palette to apply to chart series.\n\n- `categorical` (default) — 12 distinct colors for comparing unrelated data series\n- `sequential-01` … `sequential-07` — 10-step single-hue ramps:\n `01`=primary, `02`=accent, `03`=muted, `04`=purple, `05`=teal, `06`=magenta, `07`=neutral\n- `sequential-status-critical`, `sequential-status-error`, `sequential-status-info`,\n `sequential-status-success`, `sequential-status-warning` — 10-step status ramps\n\nThe palette sets the ECharts `color` array. If `config.color` is explicitly provided,\nit takes precedence over the palette.",
41
41
  "name": "palette",
42
- "type": "SynChartPalette"
42
+ "type": "ChartPalette"
43
43
  }
44
44
  ],
45
- "since": "0.0.0",
45
+ "since": "3.15.0",
46
46
  "slots": [],
47
47
  "sourceModulePath": "components/chart/chart.js",
48
48
  "status": "experimental",
package/data/layers/interface/component/component:syn-chart.md CHANGED
@@ -17,7 +17,7 @@ The `<syn-chart>` component is a container for displaying charts. It provides a
17
17
  ## Usage Information
18
18
 
19
19
  - **Status:** experimental
20
- - **Since:** 0.0.0
20
+ - **Since:** 3.15.0
21
21
 
22
22
  ## Available Properties
23
23
 
@@ -25,16 +25,16 @@ The `<syn-chart>` component is a container for displaying charts. It provides a
25
25
 
26
26
  attribute: -
27
27
  reflects: -
28
- type: `ECConfig`
28
+ type: `ChartConfigType`
29
29
  default: `{}`
30
30
 
31
- The ECharts configuration option object. This property maps 1:1 to the ECharts `option` parameter passed to `setOption()`. Consult the [ECharts option documentation](https://echarts.apache.org/en/option.html) and assign the object directly to this property. > **Note:** Currently only **line charts** (`series[].type: 'line'`) are supported. > Support for additional chart types (bar, pie, etc.) will be added in future releases or can be requested. Assigning a new object completely replaces the previous chart configuration (`notMerge: true`). To update only parts of the chart, access the underlying ECharts instance directly and call `setOption()` with custom merge options.
31
+ The ECharts configuration input. This property accepts either: - a plain `ECConfig` object, or - a callback that receives a typed preset handle and applies chart presets. The resolved result maps 1:1 to the ECharts `option` parameter passed to `setOption()`. Consult the [ECharts option documentation](https://echarts.apache.org/en/option.html) and assign either the object directly or build it through the handle. > **Note:** Currently only **line charts** (`series[].type: 'line'`) are supported. > Support for additional chart types (bar, pie, etc.) will be added in future releases or can be requested. Assigning a new config input completely replaces the previous chart configuration (`notMerge: true`). To update only parts of the chart, access the underlying ECharts instance directly and call `setOption()` with custom merge options.
32
32
 
33
33
  ### palette
34
34
 
35
35
  attribute: `palette`
36
36
  reflects: yes
37
- type: `SynChartPalette`
37
+ type: `ChartPalette`
38
38
  default: `'categorical'`
39
39
 
40
40
  The color palette to apply to chart series. - `categorical` (default) — 12 distinct colors for comparing unrelated data series - `sequential-01` … `sequential-07` — 10-step single-hue ramps: `01`=primary, `02`=accent, `03`=muted, `04`=purple, `05`=teal, `06`=magenta, `07`=neutral - `sequential-status-critical`, `sequential-status-error`, `sequential-status-info`, `sequential-status-success`, `sequential-status-warning` — 10-step status ramps The palette sets the ECharts `color` array. If `config.color` is explicitly provided, it takes precedence over the palette.
package/data/manifest.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "builtAt": "2026-06-22T13:06:16.662Z",
2
+ "builtAt": "2026-06-24T10:06:47.287Z",
3
3
  "sources": [
4
4
  {
5
5
  "entityCount": 4,
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  },
9
9
  "description": "Metadata for the Synergy Design System, usable by MCP Servers or other AI tools",
10
10
  "devDependencies": {
11
- "@types/node": "^24.12.4",
11
+ "@types/node": "^24.13.2",
12
12
  "@types/serve-handler": "^6.1.4",
13
13
  "ajv": "^8.20.0",
14
14
  "ajv-formats": "^3.0.1",
@@ -17,17 +17,17 @@
17
17
  "eslint": "^9.39.4",
18
18
  "execa": "^9.6.1",
19
19
  "playwright": "^1.61.0",
20
- "prettier": "^3.8.3",
20
+ "prettier": "^3.8.4",
21
21
  "rimraf": "^6.1.3",
22
22
  "serve-handler": "^6.1.7",
23
23
  "typescript": "^5.9.3",
24
24
  "zod": "^4.4.3",
25
+ "@synergy-design-system/components": "3.16.0",
25
26
  "@synergy-design-system/docs": "0.1.0",
26
27
  "@synergy-design-system/eslint-config-syn": "^0.1.0",
27
- "@synergy-design-system/components": "3.15.6",
28
- "@synergy-design-system/fonts": "1.0.7",
29
- "@synergy-design-system/styles": "2.1.1",
30
- "@synergy-design-system/tokens": "^3.15.6"
28
+ "@synergy-design-system/styles": "2.1.2",
29
+ "@synergy-design-system/tokens": "^3.16.0",
30
+ "@synergy-design-system/fonts": "1.0.8"
31
31
  },
32
32
  "exports": {
33
33
  ".": {
@@ -70,7 +70,7 @@
70
70
  },
71
71
  "types": "./dist/index.d.ts",
72
72
  "type": "module",
73
- "version": "3.16.0",
73
+ "version": "3.17.0",
74
74
  "scripts": {
75
75
  "build:all": "METADATA_LOG_LEVEL=info pnpm run build:ts && RUN_STORYBOOK_SCRAPER=true pnpm run build:data",
76
76
  "build": "METADATA_LOG_LEVEL=info pnpm run build:ts && pnpm run build:data",