@synergy-design-system/metadata 3.16.1 → 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 (62) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/data/core/component/component:syn-chart.json +2 -2
  3. package/data/core/setup/setup:angular-components-module.json +1 -1
  4. package/data/core/setup/setup:angular-forms-module.json +1 -1
  5. package/data/core/setup/setup:angular-package.json +2 -2
  6. package/data/core/setup/setup:angular-validators-module.json +1 -1
  7. package/data/core/setup/setup:components-package.json +2 -2
  8. package/data/core/setup/setup:react-package.json +2 -2
  9. package/data/core/setup/setup:tokens-package.json +2 -2
  10. package/data/core/setup/setup:vue-package.json +2 -2
  11. package/data/core/token/token:tokens-charts-js-index-d-ts.json +1 -1
  12. package/data/core/token/token:tokens-charts-js-index-js.json +1 -1
  13. package/data/core/token/token:tokens-charts-scss-tokens-scss.json +1 -1
  14. package/data/core/token/token:tokens-charts-themes-sick2025-dark-css.json +1 -1
  15. package/data/core/token/token:tokens-charts-themes-sick2025-light-css.json +1 -1
  16. package/data/core/token/token:tokens-figma-variables-sick2018-dark-json.json +1 -1
  17. package/data/core/token/token:tokens-figma-variables-sick2018-light-json.json +1 -1
  18. package/data/core/token/token:tokens-figma-variables-sick2025-dark-json.json +1 -1
  19. package/data/core/token/token:tokens-figma-variables-sick2025-light-json.json +1 -1
  20. package/data/core/token/token:tokens-js-index-d-ts.json +1 -1
  21. package/data/core/token/token:tokens-js-index-js.json +1 -1
  22. package/data/core/token/token:tokens-scss-tokens-scss.json +1 -1
  23. package/data/core/token/token:tokens-themes-sick2018-dark-css.json +1 -1
  24. package/data/core/token/token:tokens-themes-sick2018-light-css.json +1 -1
  25. package/data/core/token/token:tokens-themes-sick2025-dark-css.json +1 -1
  26. package/data/core/token/token:tokens-themes-sick2025-light-css.json +1 -1
  27. package/data/index.json +1 -1
  28. package/data/layers/examples/component/component:syn-chart.md +115 -106
  29. package/data/layers/examples/component/component:syn-combobox.md +0 -18
  30. package/data/layers/full/component/component:syn-chart/angular/chart.component.ts +11 -5
  31. package/data/layers/full/component/component:syn-chart/components/chart.component.ts +67 -20
  32. package/data/layers/full/component/component:syn-chart/components/chart.palettes.ts +59 -59
  33. package/data/layers/full/component/component:syn-chart/components/types.ts +47 -4
  34. package/data/layers/full/component/component:syn-chart/react/chart.ts +1 -1
  35. package/data/layers/full/component/component:syn-chart/vue/SynVueChart.vue +11 -5
  36. package/data/layers/full/setup/setup:angular-package/angular/CHANGELOG.md +20 -0
  37. package/data/layers/full/setup/setup:angular-package/angular/package.json +1 -1
  38. package/data/layers/full/setup/setup:components-package/components/CHANGELOG.md +19 -0
  39. package/data/layers/full/setup/setup:components-package/components/package.json +1 -1
  40. package/data/layers/full/setup/setup:react-package/react/CHANGELOG.md +20 -0
  41. package/data/layers/full/setup/setup:react-package/react/package.json +1 -1
  42. package/data/layers/full/setup/setup:react-package/react/syn-jsx-elements.ts +2 -2
  43. package/data/layers/full/setup/setup:tokens-package/tokens/CHANGELOG.md +19 -0
  44. package/data/layers/full/setup/setup:tokens-package/tokens/package.json +1 -1
  45. package/data/layers/full/setup/setup:vue-package/vue/CHANGELOG.md +20 -0
  46. package/data/layers/full/setup/setup:vue-package/vue/package.json +1 -1
  47. package/data/layers/full/tokens/charts/js/index.d.ts +275 -265
  48. package/data/layers/full/tokens/charts/js/index.js +143 -133
  49. package/data/layers/full/tokens/charts/scss/_tokens.scss +135 -133
  50. package/data/layers/full/tokens/charts/themes/sick2025_dark.css +135 -133
  51. package/data/layers/full/tokens/charts/themes/sick2025_light.css +135 -133
  52. package/data/layers/full/tokens/js/index.d.ts +11 -1
  53. package/data/layers/full/tokens/js/index.js +11 -1
  54. package/data/layers/full/tokens/scss/_tokens.scss +3 -1
  55. package/data/layers/full/tokens/themes/sick2018_dark.css +3 -1
  56. package/data/layers/full/tokens/themes/sick2018_light.css +3 -1
  57. package/data/layers/full/tokens/themes/sick2025_dark.css +3 -1
  58. package/data/layers/full/tokens/themes/sick2025_light.css +3 -1
  59. package/data/layers/interface/component/component:syn-chart.json +5 -5
  60. package/data/layers/interface/component/component:syn-chart.md +4 -4
  61. package/data/manifest.json +1 -1
  62. package/package.json +5 -5
package/data/layers/full/tokens/charts/scss/_tokens.scss CHANGED
@@ -1,136 +1,138 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.15.7
2
+ * @synergy-design-system/tokens version 3.16.0
3
3
  * SICK Global UX Foundation
4
4
  */
5
- $SynCategorical10: var(--syn-categorical-10) !default;
6
- $SynCategorical11: var(--syn-categorical-11) !default;
7
- $SynCategorical12: var(--syn-categorical-12) !default;
8
- $SynCategorical01: var(--syn-categorical-01) !default;
9
- $SynCategorical02: var(--syn-categorical-02) !default;
10
- $SynCategorical03: var(--syn-categorical-03) !default;
11
- $SynCategorical04: var(--syn-categorical-04) !default;
12
- $SynCategorical05: var(--syn-categorical-05) !default;
13
- $SynCategorical06: var(--syn-categorical-06) !default;
14
- $SynCategorical07: var(--syn-categorical-07) !default;
15
- $SynCategorical08: var(--syn-categorical-08) !default;
16
- $SynCategorical09: var(--syn-categorical-09) !default;
17
- $SynSequential01_10: var(--syn-sequential-01-10) !default;
18
- $SynSequential01_20: var(--syn-sequential-01-20) !default;
19
- $SynSequential01_30: var(--syn-sequential-01-30) !default;
20
- $SynSequential01_40: var(--syn-sequential-01-40) !default;
21
- $SynSequential01_50: var(--syn-sequential-01-50) !default;
22
- $SynSequential01_60: var(--syn-sequential-01-60) !default;
23
- $SynSequential01_70: var(--syn-sequential-01-70) !default;
24
- $SynSequential01_80: var(--syn-sequential-01-80) !default;
25
- $SynSequential01_90: var(--syn-sequential-01-90) !default;
26
- $SynSequential01_100: var(--syn-sequential-01-100) !default;
27
- $SynSequential02_10: var(--syn-sequential-02-10) !default;
28
- $SynSequential02_20: var(--syn-sequential-02-20) !default;
29
- $SynSequential02_30: var(--syn-sequential-02-30) !default;
30
- $SynSequential02_40: var(--syn-sequential-02-40) !default;
31
- $SynSequential02_50: var(--syn-sequential-02-50) !default;
32
- $SynSequential02_60: var(--syn-sequential-02-60) !default;
33
- $SynSequential02_70: var(--syn-sequential-02-70) !default;
34
- $SynSequential02_80: var(--syn-sequential-02-80) !default;
35
- $SynSequential02_90: var(--syn-sequential-02-90) !default;
36
- $SynSequential02_100: var(--syn-sequential-02-100) !default;
37
- $SynSequential03_10: var(--syn-sequential-03-10) !default;
38
- $SynSequential03_20: var(--syn-sequential-03-20) !default;
39
- $SynSequential03_30: var(--syn-sequential-03-30) !default;
40
- $SynSequential03_40: var(--syn-sequential-03-40) !default;
41
- $SynSequential03_50: var(--syn-sequential-03-50) !default;
42
- $SynSequential03_60: var(--syn-sequential-03-60) !default;
43
- $SynSequential03_70: var(--syn-sequential-03-70) !default;
44
- $SynSequential03_80: var(--syn-sequential-03-80) !default;
45
- $SynSequential03_90: var(--syn-sequential-03-90) !default;
46
- $SynSequential03_100: var(--syn-sequential-03-100) !default;
47
- $SynSequential04_10: var(--syn-sequential-04-10) !default;
48
- $SynSequential04_20: var(--syn-sequential-04-20) !default;
49
- $SynSequential04_30: var(--syn-sequential-04-30) !default;
50
- $SynSequential04_40: var(--syn-sequential-04-40) !default;
51
- $SynSequential04_50: var(--syn-sequential-04-50) !default;
52
- $SynSequential04_60: var(--syn-sequential-04-60) !default;
53
- $SynSequential04_70: var(--syn-sequential-04-70) !default;
54
- $SynSequential04_80: var(--syn-sequential-04-80) !default;
55
- $SynSequential04_90: var(--syn-sequential-04-90) !default;
56
- $SynSequential04_100: var(--syn-sequential-04-100) !default;
57
- $SynSequential05_10: var(--syn-sequential-05-10) !default;
58
- $SynSequential05_20: var(--syn-sequential-05-20) !default;
59
- $SynSequential05_30: var(--syn-sequential-05-30) !default;
60
- $SynSequential05_40: var(--syn-sequential-05-40) !default;
61
- $SynSequential05_50: var(--syn-sequential-05-50) !default;
62
- $SynSequential05_60: var(--syn-sequential-05-60) !default;
63
- $SynSequential05_70: var(--syn-sequential-05-70) !default;
64
- $SynSequential05_80: var(--syn-sequential-05-80) !default;
65
- $SynSequential05_90: var(--syn-sequential-05-90) !default;
66
- $SynSequential05_100: var(--syn-sequential-05-100) !default;
67
- $SynSequential06_10: var(--syn-sequential-06-10) !default;
68
- $SynSequential06_20: var(--syn-sequential-06-20) !default;
69
- $SynSequential06_30: var(--syn-sequential-06-30) !default;
70
- $SynSequential06_40: var(--syn-sequential-06-40) !default;
71
- $SynSequential06_50: var(--syn-sequential-06-50) !default;
72
- $SynSequential06_60: var(--syn-sequential-06-60) !default;
73
- $SynSequential06_70: var(--syn-sequential-06-70) !default;
74
- $SynSequential06_80: var(--syn-sequential-06-80) !default;
75
- $SynSequential06_90: var(--syn-sequential-06-90) !default;
76
- $SynSequential06_100: var(--syn-sequential-06-100) !default;
77
- $SynSequential07_10: var(--syn-sequential-07-10) !default;
78
- $SynSequential07_20: var(--syn-sequential-07-20) !default;
79
- $SynSequential07_30: var(--syn-sequential-07-30) !default;
80
- $SynSequential07_40: var(--syn-sequential-07-40) !default;
81
- $SynSequential07_50: var(--syn-sequential-07-50) !default;
82
- $SynSequential07_60: var(--syn-sequential-07-60) !default;
83
- $SynSequential07_70: var(--syn-sequential-07-70) !default;
84
- $SynSequential07_80: var(--syn-sequential-07-80) !default;
85
- $SynSequential07_90: var(--syn-sequential-07-90) !default;
86
- $SynSequential07_100: var(--syn-sequential-07-100) !default;
87
- $SynSequentialStatusCritical10: var(--syn-sequential-status-critical-10) !default;
88
- $SynSequentialStatusCritical20: var(--syn-sequential-status-critical-20) !default;
89
- $SynSequentialStatusCritical30: var(--syn-sequential-status-critical-30) !default;
90
- $SynSequentialStatusCritical40: var(--syn-sequential-status-critical-40) !default;
91
- $SynSequentialStatusCritical50: var(--syn-sequential-status-critical-50) !default;
92
- $SynSequentialStatusCritical60: var(--syn-sequential-status-critical-60) !default;
93
- $SynSequentialStatusCritical70: var(--syn-sequential-status-critical-70) !default;
94
- $SynSequentialStatusCritical80: var(--syn-sequential-status-critical-80) !default;
95
- $SynSequentialStatusCritical90: var(--syn-sequential-status-critical-90) !default;
96
- $SynSequentialStatusCritical100: var(--syn-sequential-status-critical-100) !default;
97
- $SynSequentialStatusError10: var(--syn-sequential-status-error-10) !default;
98
- $SynSequentialStatusError20: var(--syn-sequential-status-error-20) !default;
99
- $SynSequentialStatusError30: var(--syn-sequential-status-error-30) !default;
100
- $SynSequentialStatusError40: var(--syn-sequential-status-error-40) !default;
101
- $SynSequentialStatusError50: var(--syn-sequential-status-error-50) !default;
102
- $SynSequentialStatusError60: var(--syn-sequential-status-error-60) !default;
103
- $SynSequentialStatusError70: var(--syn-sequential-status-error-70) !default;
104
- $SynSequentialStatusError80: var(--syn-sequential-status-error-80) !default;
105
- $SynSequentialStatusError90: var(--syn-sequential-status-error-90) !default;
106
- $SynSequentialStatusError100: var(--syn-sequential-status-error-100) !default;
107
- $SynSequentialStatusInfo10: var(--syn-sequential-status-info-10) !default;
108
- $SynSequentialStatusInfo20: var(--syn-sequential-status-info-20) !default;
109
- $SynSequentialStatusInfo30: var(--syn-sequential-status-info-30) !default;
110
- $SynSequentialStatusInfo40: var(--syn-sequential-status-info-40) !default;
111
- $SynSequentialStatusInfo50: var(--syn-sequential-status-info-50) !default;
112
- $SynSequentialStatusInfo60: var(--syn-sequential-status-info-60) !default;
113
- $SynSequentialStatusInfo70: var(--syn-sequential-status-info-70) !default;
114
- $SynSequentialStatusInfo80: var(--syn-sequential-status-info-80) !default;
115
- $SynSequentialStatusInfo90: var(--syn-sequential-status-info-90) !default;
116
- $SynSequentialStatusInfo100: var(--syn-sequential-status-info-100) !default;
117
- $SynSequentialStatusSuccess10: var(--syn-sequential-status-success-10) !default;
118
- $SynSequentialStatusSuccess20: var(--syn-sequential-status-success-20) !default;
119
- $SynSequentialStatusSuccess30: var(--syn-sequential-status-success-30) !default;
120
- $SynSequentialStatusSuccess40: var(--syn-sequential-status-success-40) !default;
121
- $SynSequentialStatusSuccess50: var(--syn-sequential-status-success-50) !default;
122
- $SynSequentialStatusSuccess60: var(--syn-sequential-status-success-60) !default;
123
- $SynSequentialStatusSuccess70: var(--syn-sequential-status-success-70) !default;
124
- $SynSequentialStatusSuccess80: var(--syn-sequential-status-success-80) !default;
125
- $SynSequentialStatusSuccess90: var(--syn-sequential-status-success-90) !default;
126
- $SynSequentialStatusSuccess100: var(--syn-sequential-status-success-100) !default;
127
- $SynSequentialStatusWarning10: var(--syn-sequential-status-warning-10) !default;
128
- $SynSequentialStatusWarning20: var(--syn-sequential-status-warning-20) !default;
129
- $SynSequentialStatusWarning30: var(--syn-sequential-status-warning-30) !default;
130
- $SynSequentialStatusWarning40: var(--syn-sequential-status-warning-40) !default;
131
- $SynSequentialStatusWarning50: var(--syn-sequential-status-warning-50) !default;
132
- $SynSequentialStatusWarning60: var(--syn-sequential-status-warning-60) !default;
133
- $SynSequentialStatusWarning70: var(--syn-sequential-status-warning-70) !default;
134
- $SynSequentialStatusWarning80: var(--syn-sequential-status-warning-80) !default;
135
- $SynSequentialStatusWarning90: var(--syn-sequential-status-warning-90) !default;
136
- $SynSequentialStatusWarning100: var(--syn-sequential-status-warning-100) !default;
5
+ $SynChartCategorical10: var(--syn-chart-categorical-10) !default;
6
+ $SynChartCategorical11: var(--syn-chart-categorical-11) !default;
7
+ $SynChartCategorical12: var(--syn-chart-categorical-12) !default;
8
+ $SynChartCategorical01: var(--syn-chart-categorical-01) !default;
9
+ $SynChartCategorical02: var(--syn-chart-categorical-02) !default;
10
+ $SynChartCategorical03: var(--syn-chart-categorical-03) !default;
11
+ $SynChartCategorical04: var(--syn-chart-categorical-04) !default;
12
+ $SynChartCategorical05: var(--syn-chart-categorical-05) !default;
13
+ $SynChartCategorical06: var(--syn-chart-categorical-06) !default;
14
+ $SynChartCategorical07: var(--syn-chart-categorical-07) !default;
15
+ $SynChartCategorical08: var(--syn-chart-categorical-08) !default;
16
+ $SynChartCategorical09: var(--syn-chart-categorical-09) !default;
17
+ $SynChartGridLinesColor: var(--syn-chart-grid-lines-color) !default;
18
+ $SynChartGridLinesColorEmphasize: var(--syn-chart-grid-lines-color-emphasize) !default;
19
+ $SynChartSequential01_10: var(--syn-chart-sequential-01-10) !default;
20
+ $SynChartSequential01_20: var(--syn-chart-sequential-01-20) !default;
21
+ $SynChartSequential01_30: var(--syn-chart-sequential-01-30) !default;
22
+ $SynChartSequential01_40: var(--syn-chart-sequential-01-40) !default;
23
+ $SynChartSequential01_50: var(--syn-chart-sequential-01-50) !default;
24
+ $SynChartSequential01_60: var(--syn-chart-sequential-01-60) !default;
25
+ $SynChartSequential01_70: var(--syn-chart-sequential-01-70) !default;
26
+ $SynChartSequential01_80: var(--syn-chart-sequential-01-80) !default;
27
+ $SynChartSequential01_90: var(--syn-chart-sequential-01-90) !default;
28
+ $SynChartSequential01_100: var(--syn-chart-sequential-01-100) !default;
29
+ $SynChartSequential02_10: var(--syn-chart-sequential-02-10) !default;
30
+ $SynChartSequential02_20: var(--syn-chart-sequential-02-20) !default;
31
+ $SynChartSequential02_30: var(--syn-chart-sequential-02-30) !default;
32
+ $SynChartSequential02_40: var(--syn-chart-sequential-02-40) !default;
33
+ $SynChartSequential02_50: var(--syn-chart-sequential-02-50) !default;
34
+ $SynChartSequential02_60: var(--syn-chart-sequential-02-60) !default;
35
+ $SynChartSequential02_70: var(--syn-chart-sequential-02-70) !default;
36
+ $SynChartSequential02_80: var(--syn-chart-sequential-02-80) !default;
37
+ $SynChartSequential02_90: var(--syn-chart-sequential-02-90) !default;
38
+ $SynChartSequential02_100: var(--syn-chart-sequential-02-100) !default;
39
+ $SynChartSequential03_10: var(--syn-chart-sequential-03-10) !default;
40
+ $SynChartSequential03_20: var(--syn-chart-sequential-03-20) !default;
41
+ $SynChartSequential03_30: var(--syn-chart-sequential-03-30) !default;
42
+ $SynChartSequential03_40: var(--syn-chart-sequential-03-40) !default;
43
+ $SynChartSequential03_50: var(--syn-chart-sequential-03-50) !default;
44
+ $SynChartSequential03_60: var(--syn-chart-sequential-03-60) !default;
45
+ $SynChartSequential03_70: var(--syn-chart-sequential-03-70) !default;
46
+ $SynChartSequential03_80: var(--syn-chart-sequential-03-80) !default;
47
+ $SynChartSequential03_90: var(--syn-chart-sequential-03-90) !default;
48
+ $SynChartSequential03_100: var(--syn-chart-sequential-03-100) !default;
49
+ $SynChartSequential04_10: var(--syn-chart-sequential-04-10) !default;
50
+ $SynChartSequential04_20: var(--syn-chart-sequential-04-20) !default;
51
+ $SynChartSequential04_30: var(--syn-chart-sequential-04-30) !default;
52
+ $SynChartSequential04_40: var(--syn-chart-sequential-04-40) !default;
53
+ $SynChartSequential04_50: var(--syn-chart-sequential-04-50) !default;
54
+ $SynChartSequential04_60: var(--syn-chart-sequential-04-60) !default;
55
+ $SynChartSequential04_70: var(--syn-chart-sequential-04-70) !default;
56
+ $SynChartSequential04_80: var(--syn-chart-sequential-04-80) !default;
57
+ $SynChartSequential04_90: var(--syn-chart-sequential-04-90) !default;
58
+ $SynChartSequential04_100: var(--syn-chart-sequential-04-100) !default;
59
+ $SynChartSequential05_10: var(--syn-chart-sequential-05-10) !default;
60
+ $SynChartSequential05_20: var(--syn-chart-sequential-05-20) !default;
61
+ $SynChartSequential05_30: var(--syn-chart-sequential-05-30) !default;
62
+ $SynChartSequential05_40: var(--syn-chart-sequential-05-40) !default;
63
+ $SynChartSequential05_50: var(--syn-chart-sequential-05-50) !default;
64
+ $SynChartSequential05_60: var(--syn-chart-sequential-05-60) !default;
65
+ $SynChartSequential05_70: var(--syn-chart-sequential-05-70) !default;
66
+ $SynChartSequential05_80: var(--syn-chart-sequential-05-80) !default;
67
+ $SynChartSequential05_90: var(--syn-chart-sequential-05-90) !default;
68
+ $SynChartSequential05_100: var(--syn-chart-sequential-05-100) !default;
69
+ $SynChartSequential06_10: var(--syn-chart-sequential-06-10) !default;
70
+ $SynChartSequential06_20: var(--syn-chart-sequential-06-20) !default;
71
+ $SynChartSequential06_30: var(--syn-chart-sequential-06-30) !default;
72
+ $SynChartSequential06_40: var(--syn-chart-sequential-06-40) !default;
73
+ $SynChartSequential06_50: var(--syn-chart-sequential-06-50) !default;
74
+ $SynChartSequential06_60: var(--syn-chart-sequential-06-60) !default;
75
+ $SynChartSequential06_70: var(--syn-chart-sequential-06-70) !default;
76
+ $SynChartSequential06_80: var(--syn-chart-sequential-06-80) !default;
77
+ $SynChartSequential06_90: var(--syn-chart-sequential-06-90) !default;
78
+ $SynChartSequential06_100: var(--syn-chart-sequential-06-100) !default;
79
+ $SynChartSequential07_10: var(--syn-chart-sequential-07-10) !default;
80
+ $SynChartSequential07_20: var(--syn-chart-sequential-07-20) !default;
81
+ $SynChartSequential07_30: var(--syn-chart-sequential-07-30) !default;
82
+ $SynChartSequential07_40: var(--syn-chart-sequential-07-40) !default;
83
+ $SynChartSequential07_50: var(--syn-chart-sequential-07-50) !default;
84
+ $SynChartSequential07_60: var(--syn-chart-sequential-07-60) !default;
85
+ $SynChartSequential07_70: var(--syn-chart-sequential-07-70) !default;
86
+ $SynChartSequential07_80: var(--syn-chart-sequential-07-80) !default;
87
+ $SynChartSequential07_90: var(--syn-chart-sequential-07-90) !default;
88
+ $SynChartSequential07_100: var(--syn-chart-sequential-07-100) !default;
89
+ $SynChartSequentialStatusCritical10: var(--syn-chart-sequential-status-critical-10) !default;
90
+ $SynChartSequentialStatusCritical20: var(--syn-chart-sequential-status-critical-20) !default;
91
+ $SynChartSequentialStatusCritical30: var(--syn-chart-sequential-status-critical-30) !default;
92
+ $SynChartSequentialStatusCritical40: var(--syn-chart-sequential-status-critical-40) !default;
93
+ $SynChartSequentialStatusCritical50: var(--syn-chart-sequential-status-critical-50) !default;
94
+ $SynChartSequentialStatusCritical60: var(--syn-chart-sequential-status-critical-60) !default;
95
+ $SynChartSequentialStatusCritical70: var(--syn-chart-sequential-status-critical-70) !default;
96
+ $SynChartSequentialStatusCritical80: var(--syn-chart-sequential-status-critical-80) !default;
97
+ $SynChartSequentialStatusCritical90: var(--syn-chart-sequential-status-critical-90) !default;
98
+ $SynChartSequentialStatusCritical100: var(--syn-chart-sequential-status-critical-100) !default;
99
+ $SynChartSequentialStatusError10: var(--syn-chart-sequential-status-error-10) !default;
100
+ $SynChartSequentialStatusError20: var(--syn-chart-sequential-status-error-20) !default;
101
+ $SynChartSequentialStatusError30: var(--syn-chart-sequential-status-error-30) !default;
102
+ $SynChartSequentialStatusError40: var(--syn-chart-sequential-status-error-40) !default;
103
+ $SynChartSequentialStatusError50: var(--syn-chart-sequential-status-error-50) !default;
104
+ $SynChartSequentialStatusError60: var(--syn-chart-sequential-status-error-60) !default;
105
+ $SynChartSequentialStatusError70: var(--syn-chart-sequential-status-error-70) !default;
106
+ $SynChartSequentialStatusError80: var(--syn-chart-sequential-status-error-80) !default;
107
+ $SynChartSequentialStatusError90: var(--syn-chart-sequential-status-error-90) !default;
108
+ $SynChartSequentialStatusError100: var(--syn-chart-sequential-status-error-100) !default;
109
+ $SynChartSequentialStatusInfo10: var(--syn-chart-sequential-status-info-10) !default;
110
+ $SynChartSequentialStatusInfo20: var(--syn-chart-sequential-status-info-20) !default;
111
+ $SynChartSequentialStatusInfo30: var(--syn-chart-sequential-status-info-30) !default;
112
+ $SynChartSequentialStatusInfo40: var(--syn-chart-sequential-status-info-40) !default;
113
+ $SynChartSequentialStatusInfo50: var(--syn-chart-sequential-status-info-50) !default;
114
+ $SynChartSequentialStatusInfo60: var(--syn-chart-sequential-status-info-60) !default;
115
+ $SynChartSequentialStatusInfo70: var(--syn-chart-sequential-status-info-70) !default;
116
+ $SynChartSequentialStatusInfo80: var(--syn-chart-sequential-status-info-80) !default;
117
+ $SynChartSequentialStatusInfo90: var(--syn-chart-sequential-status-info-90) !default;
118
+ $SynChartSequentialStatusInfo100: var(--syn-chart-sequential-status-info-100) !default;
119
+ $SynChartSequentialStatusSuccess10: var(--syn-chart-sequential-status-success-10) !default;
120
+ $SynChartSequentialStatusSuccess20: var(--syn-chart-sequential-status-success-20) !default;
121
+ $SynChartSequentialStatusSuccess30: var(--syn-chart-sequential-status-success-30) !default;
122
+ $SynChartSequentialStatusSuccess40: var(--syn-chart-sequential-status-success-40) !default;
123
+ $SynChartSequentialStatusSuccess50: var(--syn-chart-sequential-status-success-50) !default;
124
+ $SynChartSequentialStatusSuccess60: var(--syn-chart-sequential-status-success-60) !default;
125
+ $SynChartSequentialStatusSuccess70: var(--syn-chart-sequential-status-success-70) !default;
126
+ $SynChartSequentialStatusSuccess80: var(--syn-chart-sequential-status-success-80) !default;
127
+ $SynChartSequentialStatusSuccess90: var(--syn-chart-sequential-status-success-90) !default;
128
+ $SynChartSequentialStatusSuccess100: var(--syn-chart-sequential-status-success-100) !default;
129
+ $SynChartSequentialStatusWarning10: var(--syn-chart-sequential-status-warning-10) !default;
130
+ $SynChartSequentialStatusWarning20: var(--syn-chart-sequential-status-warning-20) !default;
131
+ $SynChartSequentialStatusWarning30: var(--syn-chart-sequential-status-warning-30) !default;
132
+ $SynChartSequentialStatusWarning40: var(--syn-chart-sequential-status-warning-40) !default;
133
+ $SynChartSequentialStatusWarning50: var(--syn-chart-sequential-status-warning-50) !default;
134
+ $SynChartSequentialStatusWarning60: var(--syn-chart-sequential-status-warning-60) !default;
135
+ $SynChartSequentialStatusWarning70: var(--syn-chart-sequential-status-warning-70) !default;
136
+ $SynChartSequentialStatusWarning80: var(--syn-chart-sequential-status-warning-80) !default;
137
+ $SynChartSequentialStatusWarning90: var(--syn-chart-sequential-status-warning-90) !default;
138
+ $SynChartSequentialStatusWarning100: var(--syn-chart-sequential-status-warning-100) !default;
package/data/layers/full/tokens/charts/themes/sick2025_dark.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 3.15.7
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-dark, .syn-theme-dark {
8
8
  color-scheme: dark;
9
9
 
10
- --syn-categorical-10: var(--syn-color-data-purple-500);
11
- --syn-categorical-11: var(--syn-color-neutral-950);
12
- --syn-categorical-12: var(--syn-color-data-magenta-600);
13
- --syn-categorical-01: var(--syn-color-primary-400);
14
- --syn-categorical-02: var(--syn-color-accent-700);
15
- --syn-categorical-03: var(--syn-color-muted-500);
16
- --syn-categorical-04: var(--syn-color-data-purple-700);
17
- --syn-categorical-05: var(--syn-color-primary-700);
18
- --syn-categorical-06: var(--syn-color-data-teal-400);
19
- --syn-categorical-07: var(--syn-color-data-magenta-400);
20
- --syn-categorical-08: var(--syn-color-neutral-800);
21
- --syn-categorical-09: var(--syn-color-data-teal-500);
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-500);
11
+ --syn-chart-categorical-11: var(--syn-color-neutral-950);
12
+ --syn-chart-categorical-12: var(--syn-color-data-magenta-600);
13
+ --syn-chart-categorical-01: var(--syn-color-primary-400);
14
+ --syn-chart-categorical-02: var(--syn-color-accent-700);
15
+ --syn-chart-categorical-03: var(--syn-color-muted-500);
16
+ --syn-chart-categorical-04: var(--syn-color-data-purple-700);
17
+ --syn-chart-categorical-05: var(--syn-color-primary-700);
18
+ --syn-chart-categorical-06: var(--syn-color-data-teal-400);
19
+ --syn-chart-categorical-07: var(--syn-color-data-magenta-400);
20
+ --syn-chart-categorical-08: var(--syn-color-neutral-800);
21
+ --syn-chart-categorical-09: var(--syn-color-data-teal-500);
22
+ --syn-chart-grid-lines-color: var(--syn-color-neutral-300);
23
+ --syn-chart-grid-lines-color-emphasize: var(--syn-color-neutral-400);
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
  }