@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.
- package/CHANGELOG.md +22 -0
- package/data/core/asset/asset:sick2018-icons.json +1 -1
- package/data/core/asset/asset:sick2018-logos.json +1 -1
- package/data/core/asset/asset:sick2018-system-icons.json +1 -1
- package/data/core/asset/asset:sick2025-icons-fill.json +1 -1
- package/data/core/asset/asset:sick2025-icons-outline.json +1 -1
- package/data/core/asset/asset:sick2025-logos.json +1 -1
- package/data/core/asset/asset:sick2025-system-icons.json +1 -1
- package/data/core/component/component:syn-chart.json +2 -2
- package/data/core/setup/setup:angular-components-module.json +1 -1
- package/data/core/setup/setup:angular-forms-module.json +1 -1
- package/data/core/setup/setup:angular-package.json +2 -2
- package/data/core/setup/setup:angular-validators-module.json +1 -1
- package/data/core/setup/setup:assets-package.json +2 -2
- package/data/core/setup/setup:components-package.json +2 -2
- package/data/core/setup/setup:fonts-package.json +2 -2
- package/data/core/setup/setup:react-package.json +2 -2
- package/data/core/setup/setup:styles-package.json +2 -2
- package/data/core/setup/setup:tokens-package.json +2 -2
- package/data/core/setup/setup:vue-package.json +2 -2
- package/data/core/style/style:syn-body.json +1 -1
- package/data/core/style/style:syn-heading.json +1 -1
- package/data/core/style/style:syn-link-list.json +1 -1
- package/data/core/style/style:syn-link.json +1 -1
- package/data/core/style/style:syn-table-cell.json +1 -1
- package/data/core/style/style:syn-table.json +1 -1
- package/data/core/style/style:syn-weight.json +1 -1
- package/data/core/token/token:tokens-charts-js-index-d-ts.json +1 -1
- package/data/core/token/token:tokens-charts-js-index-js.json +1 -1
- package/data/core/token/token:tokens-charts-scss-tokens-scss.json +1 -1
- package/data/core/token/token:tokens-charts-themes-sick2025-dark-css.json +1 -1
- package/data/core/token/token:tokens-charts-themes-sick2025-light-css.json +1 -1
- package/data/core/token/token:tokens-figma-variables-sick2018-dark-json.json +1 -1
- package/data/core/token/token:tokens-figma-variables-sick2018-light-json.json +1 -1
- package/data/core/token/token:tokens-figma-variables-sick2025-dark-json.json +1 -1
- package/data/core/token/token:tokens-figma-variables-sick2025-light-json.json +1 -1
- package/data/core/token/token:tokens-js-index-d-ts.json +1 -1
- package/data/core/token/token:tokens-js-index-js.json +1 -1
- package/data/core/token/token:tokens-scss-tokens-scss.json +1 -1
- package/data/core/token/token:tokens-themes-sick2018-dark-css.json +1 -1
- package/data/core/token/token:tokens-themes-sick2018-light-css.json +1 -1
- package/data/core/token/token:tokens-themes-sick2025-dark-css.json +1 -1
- package/data/core/token/token:tokens-themes-sick2025-light-css.json +1 -1
- package/data/core/utility/utility:fonts-sick-intl.json +1 -1
- package/data/index.json +1 -1
- package/data/layers/examples/component/component:syn-chart.md +115 -106
- package/data/layers/examples/component/component:syn-combobox.md +0 -18
- package/data/layers/full/component/component:syn-chart/angular/chart.component.ts +11 -5
- package/data/layers/full/component/component:syn-chart/components/chart.component.ts +67 -20
- package/data/layers/full/component/component:syn-chart/components/chart.palettes.ts +59 -59
- package/data/layers/full/component/component:syn-chart/components/types.ts +47 -4
- package/data/layers/full/component/component:syn-chart/react/chart.ts +1 -1
- package/data/layers/full/component/component:syn-chart/vue/SynVueChart.vue +11 -5
- package/data/layers/full/setup/setup:angular-package/angular/CHANGELOG.md +32 -0
- package/data/layers/full/setup/setup:angular-package/angular/package.json +4 -4
- package/data/layers/full/setup/setup:assets-package/assets/CHANGELOG.md +8 -0
- package/data/layers/full/setup/setup:assets-package/assets/package.json +3 -3
- package/data/layers/full/setup/setup:components-package/components/CHANGELOG.md +30 -0
- package/data/layers/full/setup/setup:components-package/components/package.json +8 -8
- package/data/layers/full/setup/setup:fonts-package/fonts/CHANGELOG.md +8 -0
- package/data/layers/full/setup/setup:fonts-package/fonts/package.json +2 -2
- package/data/layers/full/setup/setup:react-package/react/CHANGELOG.md +32 -0
- package/data/layers/full/setup/setup:react-package/react/package.json +2 -2
- package/data/layers/full/setup/setup:react-package/react/syn-jsx-elements.ts +2 -2
- package/data/layers/full/setup/setup:styles-package/styles/CHANGELOG.md +8 -0
- package/data/layers/full/setup/setup:styles-package/styles/package.json +3 -3
- package/data/layers/full/setup/setup:tokens-package/tokens/CHANGELOG.md +27 -0
- package/data/layers/full/setup/setup:tokens-package/tokens/package.json +5 -5
- package/data/layers/full/setup/setup:vue-package/vue/CHANGELOG.md +32 -0
- package/data/layers/full/setup/setup:vue-package/vue/package.json +2 -2
- package/data/layers/full/tokens/charts/js/index.d.ts +275 -265
- package/data/layers/full/tokens/charts/js/index.js +143 -133
- package/data/layers/full/tokens/charts/scss/_tokens.scss +135 -133
- package/data/layers/full/tokens/charts/themes/sick2025_dark.css +135 -133
- package/data/layers/full/tokens/charts/themes/sick2025_light.css +135 -133
- package/data/layers/full/tokens/js/index.d.ts +11 -1
- package/data/layers/full/tokens/js/index.js +11 -1
- package/data/layers/full/tokens/scss/_tokens.scss +3 -1
- package/data/layers/full/tokens/themes/sick2018_dark.css +3 -1
- package/data/layers/full/tokens/themes/sick2018_light.css +3 -1
- package/data/layers/full/tokens/themes/sick2025_dark.css +3 -1
- package/data/layers/full/tokens/themes/sick2025_light.css +3 -1
- package/data/layers/interface/component/component:syn-chart.json +5 -5
- package/data/layers/interface/component/component:syn-chart.md +4 -4
- package/data/manifest.json +1 -1
- package/package.json +7 -7
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* (`01`=primary, `02`=accent, `03`=muted, `04`=purple, `05`=teal, `06`=magenta, `07`=neutral)
|
|
8
8
|
* - `sequential-status-critical/error/info/success/warning` — 10-step status color ramps, ordered from darkest to brightest
|
|
9
9
|
*/
|
|
10
|
-
export type
|
|
10
|
+
export type ChartPalette =
|
|
11
11
|
| 'categorical'
|
|
12
12
|
| 'sequential-01'
|
|
13
13
|
| 'sequential-02'
|
|
@@ -23,88 +23,88 @@ export type SynChartPalette =
|
|
|
23
23
|
| 'sequential-status-warning';
|
|
24
24
|
|
|
25
25
|
/** Maps each palette name to the ordered list of CSS custom property names to resolve. */
|
|
26
|
-
export const PALETTE_TOKENS: Record<
|
|
26
|
+
export const PALETTE_TOKENS: Record<ChartPalette, string[]> = {
|
|
27
27
|
categorical: [
|
|
28
|
-
'--syn-categorical-01', '--syn-categorical-02', '--syn-categorical-03',
|
|
29
|
-
'--syn-categorical-04', '--syn-categorical-05', '--syn-categorical-06',
|
|
30
|
-
'--syn-categorical-07', '--syn-categorical-08', '--syn-categorical-09',
|
|
31
|
-
'--syn-categorical-10', '--syn-categorical-11', '--syn-categorical-12',
|
|
28
|
+
'--syn-chart-categorical-01', '--syn-chart-categorical-02', '--syn-chart-categorical-03',
|
|
29
|
+
'--syn-chart-categorical-04', '--syn-chart-categorical-05', '--syn-chart-categorical-06',
|
|
30
|
+
'--syn-chart-categorical-07', '--syn-chart-categorical-08', '--syn-chart-categorical-09',
|
|
31
|
+
'--syn-chart-categorical-10', '--syn-chart-categorical-11', '--syn-chart-categorical-12',
|
|
32
32
|
],
|
|
33
33
|
'sequential-01': [
|
|
34
|
-
'--syn-sequential-01-100', '--syn-sequential-01-90', '--syn-sequential-01-80',
|
|
35
|
-
'--syn-sequential-01-70', '--syn-sequential-01-60', '--syn-sequential-01-50',
|
|
36
|
-
'--syn-sequential-01-40', '--syn-sequential-01-30', '--syn-sequential-01-20',
|
|
37
|
-
'--syn-sequential-01-10',
|
|
34
|
+
'--syn-chart-sequential-01-100', '--syn-chart-sequential-01-90', '--syn-chart-sequential-01-80',
|
|
35
|
+
'--syn-chart-sequential-01-70', '--syn-chart-sequential-01-60', '--syn-chart-sequential-01-50',
|
|
36
|
+
'--syn-chart-sequential-01-40', '--syn-chart-sequential-01-30', '--syn-chart-sequential-01-20',
|
|
37
|
+
'--syn-chart-sequential-01-10',
|
|
38
38
|
],
|
|
39
39
|
'sequential-02': [
|
|
40
|
-
'--syn-sequential-02-100', '--syn-sequential-02-90', '--syn-sequential-02-80',
|
|
41
|
-
'--syn-sequential-02-70', '--syn-sequential-02-60', '--syn-sequential-02-50',
|
|
42
|
-
'--syn-sequential-02-40', '--syn-sequential-02-30', '--syn-sequential-02-20',
|
|
43
|
-
'--syn-sequential-02-10',
|
|
40
|
+
'--syn-chart-sequential-02-100', '--syn-chart-sequential-02-90', '--syn-chart-sequential-02-80',
|
|
41
|
+
'--syn-chart-sequential-02-70', '--syn-chart-sequential-02-60', '--syn-chart-sequential-02-50',
|
|
42
|
+
'--syn-chart-sequential-02-40', '--syn-chart-sequential-02-30', '--syn-chart-sequential-02-20',
|
|
43
|
+
'--syn-chart-sequential-02-10',
|
|
44
44
|
],
|
|
45
45
|
'sequential-03': [
|
|
46
|
-
'--syn-sequential-03-100', '--syn-sequential-03-90', '--syn-sequential-03-80',
|
|
47
|
-
'--syn-sequential-03-70', '--syn-sequential-03-60', '--syn-sequential-03-50',
|
|
48
|
-
'--syn-sequential-03-40', '--syn-sequential-03-30', '--syn-sequential-03-20',
|
|
49
|
-
'--syn-sequential-03-10',
|
|
46
|
+
'--syn-chart-sequential-03-100', '--syn-chart-sequential-03-90', '--syn-chart-sequential-03-80',
|
|
47
|
+
'--syn-chart-sequential-03-70', '--syn-chart-sequential-03-60', '--syn-chart-sequential-03-50',
|
|
48
|
+
'--syn-chart-sequential-03-40', '--syn-chart-sequential-03-30', '--syn-chart-sequential-03-20',
|
|
49
|
+
'--syn-chart-sequential-03-10',
|
|
50
50
|
],
|
|
51
51
|
'sequential-04': [
|
|
52
|
-
'--syn-sequential-04-100', '--syn-sequential-04-90', '--syn-sequential-04-80',
|
|
53
|
-
'--syn-sequential-04-70', '--syn-sequential-04-60', '--syn-sequential-04-50',
|
|
54
|
-
'--syn-sequential-04-40', '--syn-sequential-04-30', '--syn-sequential-04-20',
|
|
55
|
-
'--syn-sequential-04-10',
|
|
52
|
+
'--syn-chart-sequential-04-100', '--syn-chart-sequential-04-90', '--syn-chart-sequential-04-80',
|
|
53
|
+
'--syn-chart-sequential-04-70', '--syn-chart-sequential-04-60', '--syn-chart-sequential-04-50',
|
|
54
|
+
'--syn-chart-sequential-04-40', '--syn-chart-sequential-04-30', '--syn-chart-sequential-04-20',
|
|
55
|
+
'--syn-chart-sequential-04-10',
|
|
56
56
|
],
|
|
57
57
|
'sequential-05': [
|
|
58
|
-
'--syn-sequential-05-100', '--syn-sequential-05-90', '--syn-sequential-05-80',
|
|
59
|
-
'--syn-sequential-05-70', '--syn-sequential-05-60', '--syn-sequential-05-50',
|
|
60
|
-
'--syn-sequential-05-40', '--syn-sequential-05-30', '--syn-sequential-05-20',
|
|
61
|
-
'--syn-sequential-05-10',
|
|
58
|
+
'--syn-chart-sequential-05-100', '--syn-chart-sequential-05-90', '--syn-chart-sequential-05-80',
|
|
59
|
+
'--syn-chart-sequential-05-70', '--syn-chart-sequential-05-60', '--syn-chart-sequential-05-50',
|
|
60
|
+
'--syn-chart-sequential-05-40', '--syn-chart-sequential-05-30', '--syn-chart-sequential-05-20',
|
|
61
|
+
'--syn-chart-sequential-05-10',
|
|
62
62
|
],
|
|
63
63
|
'sequential-06': [
|
|
64
|
-
'--syn-sequential-06-100', '--syn-sequential-06-90', '--syn-sequential-06-80',
|
|
65
|
-
'--syn-sequential-06-70', '--syn-sequential-06-60', '--syn-sequential-06-50',
|
|
66
|
-
'--syn-sequential-06-40', '--syn-sequential-06-30', '--syn-sequential-06-20',
|
|
67
|
-
'--syn-sequential-06-10',
|
|
64
|
+
'--syn-chart-sequential-06-100', '--syn-chart-sequential-06-90', '--syn-chart-sequential-06-80',
|
|
65
|
+
'--syn-chart-sequential-06-70', '--syn-chart-sequential-06-60', '--syn-chart-sequential-06-50',
|
|
66
|
+
'--syn-chart-sequential-06-40', '--syn-chart-sequential-06-30', '--syn-chart-sequential-06-20',
|
|
67
|
+
'--syn-chart-sequential-06-10',
|
|
68
68
|
],
|
|
69
69
|
'sequential-07': [
|
|
70
|
-
'--syn-sequential-07-100', '--syn-sequential-07-90', '--syn-sequential-07-80',
|
|
71
|
-
'--syn-sequential-07-70', '--syn-sequential-07-60', '--syn-sequential-07-50',
|
|
72
|
-
'--syn-sequential-07-40', '--syn-sequential-07-30', '--syn-sequential-07-20',
|
|
73
|
-
'--syn-sequential-07-10',
|
|
70
|
+
'--syn-chart-sequential-07-100', '--syn-chart-sequential-07-90', '--syn-chart-sequential-07-80',
|
|
71
|
+
'--syn-chart-sequential-07-70', '--syn-chart-sequential-07-60', '--syn-chart-sequential-07-50',
|
|
72
|
+
'--syn-chart-sequential-07-40', '--syn-chart-sequential-07-30', '--syn-chart-sequential-07-20',
|
|
73
|
+
'--syn-chart-sequential-07-10',
|
|
74
74
|
],
|
|
75
75
|
'sequential-status-critical': [
|
|
76
|
-
'--syn-sequential-status-critical-100', '--syn-sequential-status-critical-90',
|
|
77
|
-
'--syn-sequential-status-critical-80', '--syn-sequential-status-critical-70',
|
|
78
|
-
'--syn-sequential-status-critical-60', '--syn-sequential-status-critical-50',
|
|
79
|
-
'--syn-sequential-status-critical-40', '--syn-sequential-status-critical-30',
|
|
80
|
-
'--syn-sequential-status-critical-20', '--syn-sequential-status-critical-10',
|
|
76
|
+
'--syn-chart-sequential-status-critical-100', '--syn-chart-sequential-status-critical-90',
|
|
77
|
+
'--syn-chart-sequential-status-critical-80', '--syn-chart-sequential-status-critical-70',
|
|
78
|
+
'--syn-chart-sequential-status-critical-60', '--syn-chart-sequential-status-critical-50',
|
|
79
|
+
'--syn-chart-sequential-status-critical-40', '--syn-chart-sequential-status-critical-30',
|
|
80
|
+
'--syn-chart-sequential-status-critical-20', '--syn-chart-sequential-status-critical-10',
|
|
81
81
|
],
|
|
82
82
|
'sequential-status-error': [
|
|
83
|
-
'--syn-sequential-status-error-100', '--syn-sequential-status-error-90',
|
|
84
|
-
'--syn-sequential-status-error-80', '--syn-sequential-status-error-70',
|
|
85
|
-
'--syn-sequential-status-error-60', '--syn-sequential-status-error-50',
|
|
86
|
-
'--syn-sequential-status-error-40', '--syn-sequential-status-error-30',
|
|
87
|
-
'--syn-sequential-status-error-20', '--syn-sequential-status-error-10',
|
|
83
|
+
'--syn-chart-sequential-status-error-100', '--syn-chart-sequential-status-error-90',
|
|
84
|
+
'--syn-chart-sequential-status-error-80', '--syn-chart-sequential-status-error-70',
|
|
85
|
+
'--syn-chart-sequential-status-error-60', '--syn-chart-sequential-status-error-50',
|
|
86
|
+
'--syn-chart-sequential-status-error-40', '--syn-chart-sequential-status-error-30',
|
|
87
|
+
'--syn-chart-sequential-status-error-20', '--syn-chart-sequential-status-error-10',
|
|
88
88
|
],
|
|
89
89
|
'sequential-status-info': [
|
|
90
|
-
'--syn-sequential-status-info-100', '--syn-sequential-status-info-90',
|
|
91
|
-
'--syn-sequential-status-info-80', '--syn-sequential-status-info-70',
|
|
92
|
-
'--syn-sequential-status-info-60', '--syn-sequential-status-info-50',
|
|
93
|
-
'--syn-sequential-status-info-40', '--syn-sequential-status-info-30',
|
|
94
|
-
'--syn-sequential-status-info-20', '--syn-sequential-status-info-10',
|
|
90
|
+
'--syn-chart-sequential-status-info-100', '--syn-chart-sequential-status-info-90',
|
|
91
|
+
'--syn-chart-sequential-status-info-80', '--syn-chart-sequential-status-info-70',
|
|
92
|
+
'--syn-chart-sequential-status-info-60', '--syn-chart-sequential-status-info-50',
|
|
93
|
+
'--syn-chart-sequential-status-info-40', '--syn-chart-sequential-status-info-30',
|
|
94
|
+
'--syn-chart-sequential-status-info-20', '--syn-chart-sequential-status-info-10',
|
|
95
95
|
],
|
|
96
96
|
'sequential-status-success': [
|
|
97
|
-
'--syn-sequential-status-success-100', '--syn-sequential-status-success-90',
|
|
98
|
-
'--syn-sequential-status-success-80', '--syn-sequential-status-success-70',
|
|
99
|
-
'--syn-sequential-status-success-60', '--syn-sequential-status-success-50',
|
|
100
|
-
'--syn-sequential-status-success-40', '--syn-sequential-status-success-30',
|
|
101
|
-
'--syn-sequential-status-success-20', '--syn-sequential-status-success-10',
|
|
97
|
+
'--syn-chart-sequential-status-success-100', '--syn-chart-sequential-status-success-90',
|
|
98
|
+
'--syn-chart-sequential-status-success-80', '--syn-chart-sequential-status-success-70',
|
|
99
|
+
'--syn-chart-sequential-status-success-60', '--syn-chart-sequential-status-success-50',
|
|
100
|
+
'--syn-chart-sequential-status-success-40', '--syn-chart-sequential-status-success-30',
|
|
101
|
+
'--syn-chart-sequential-status-success-20', '--syn-chart-sequential-status-success-10',
|
|
102
102
|
],
|
|
103
103
|
'sequential-status-warning': [
|
|
104
|
-
'--syn-sequential-status-warning-100', '--syn-sequential-status-warning-90',
|
|
105
|
-
'--syn-sequential-status-warning-80', '--syn-sequential-status-warning-70',
|
|
106
|
-
'--syn-sequential-status-warning-60', '--syn-sequential-status-warning-50',
|
|
107
|
-
'--syn-sequential-status-warning-40', '--syn-sequential-status-warning-30',
|
|
108
|
-
'--syn-sequential-status-warning-20', '--syn-sequential-status-warning-10',
|
|
104
|
+
'--syn-chart-sequential-status-warning-100', '--syn-chart-sequential-status-warning-90',
|
|
105
|
+
'--syn-chart-sequential-status-warning-80', '--syn-chart-sequential-status-warning-70',
|
|
106
|
+
'--syn-chart-sequential-status-warning-60', '--syn-chart-sequential-status-warning-50',
|
|
107
|
+
'--syn-chart-sequential-status-warning-40', '--syn-chart-sequential-status-warning-30',
|
|
108
|
+
'--syn-chart-sequential-status-warning-20', '--syn-chart-sequential-status-warning-10',
|
|
109
109
|
],
|
|
110
110
|
};
|
|
@@ -1,5 +1,48 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import
|
|
1
|
+
import type { EChartsOption } from 'echarts/types/dist/shared.js';
|
|
2
|
+
import {
|
|
3
|
+
type ChartPresets,
|
|
4
|
+
} from './configs/presets/index.js';
|
|
5
|
+
import type { ChartConfigBuilder } from './configs/config.js';
|
|
3
6
|
|
|
4
|
-
|
|
5
|
-
|
|
7
|
+
export type ECConfig = EChartsOption;
|
|
8
|
+
|
|
9
|
+
export type ChartPresetFunctions = {
|
|
10
|
+
[K in keyof typeof ChartPresets]: (...args: Parameters<(typeof ChartPresets)[K]>) => ChartConfigHandle;
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export type ChartConfigHandle = ChartPresetFunctions & Omit<ChartConfigBuilder, 'build'>;
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Configuration callback for the chart `config` property.
|
|
17
|
+
*
|
|
18
|
+
* This callback is invoked with a configuration handle that provides preset functions
|
|
19
|
+
* for building the chart configuration. Use the handle to call preset functions and
|
|
20
|
+
* set the base configuration. The callback is responsible for configuring all aspects
|
|
21
|
+
* of the chart before rendering.
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* ```typescript
|
|
25
|
+
* config={(handle) => {
|
|
26
|
+
* handle.baseConfig({ ... });
|
|
27
|
+
* handle.axesShowSplitLines();
|
|
28
|
+
* handle.axesAddXLabelIcons({ ... });
|
|
29
|
+
* }}
|
|
30
|
+
* ```
|
|
31
|
+
*/
|
|
32
|
+
export type ChartConfigCallback = (handle: ChartConfigHandle) => void;
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* Accepted input type for the `config` property on `<syn-chart>`.
|
|
36
|
+
*
|
|
37
|
+
* Can be either:
|
|
38
|
+
* - A direct ECharts configuration object
|
|
39
|
+
* - A callback function that configures the chart using preset functions
|
|
40
|
+
*/
|
|
41
|
+
export type ChartConfigType = ECConfig | ChartConfigCallback;
|
|
42
|
+
|
|
43
|
+
export type {
|
|
44
|
+
AxisIndices,
|
|
45
|
+
AxisUpdateOptions,
|
|
46
|
+
AxesUpdateOptions,
|
|
47
|
+
AxisLabelIconOptions,
|
|
48
|
+
} from './configs/axes/types.js';
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
*
|
|
11
11
|
* @documentation https://synergy-design-system.github.io/?path=/docs/charting-syn-chart--docs
|
|
12
12
|
* @status experimental
|
|
13
|
-
* @since
|
|
13
|
+
* @since 3.15.0
|
|
14
14
|
*
|
|
15
15
|
* @csspart base - The component's base wrapper.
|
|
16
16
|
*/
|
|
@@ -44,16 +44,22 @@ it takes precedence over the palette.
|
|
|
44
44
|
palette?: SynChart['palette'];
|
|
45
45
|
|
|
46
46
|
/**
|
|
47
|
-
* The ECharts configuration
|
|
47
|
+
* The ECharts configuration input.
|
|
48
48
|
|
|
49
|
-
This property
|
|
49
|
+
This property accepts either:
|
|
50
|
+
- a plain `ECConfig` object, or
|
|
51
|
+
- a callback that receives a typed preset handle and applies chart presets.
|
|
52
|
+
|
|
53
|
+
The resolved result maps 1:1 to the ECharts `option` parameter passed to
|
|
54
|
+
`setOption()`.
|
|
50
55
|
Consult the [ECharts option documentation](https://echarts.apache.org/en/option.html)
|
|
51
|
-
and assign the object directly
|
|
56
|
+
and assign either the object directly or build it through the handle.
|
|
52
57
|
|
|
53
58
|
> **Note:** Currently only **line charts** (`series[].type: 'line'`) are supported.
|
|
54
59
|
> Support for additional chart types (bar, pie, etc.) will be added in future releases or can be requested.
|
|
55
60
|
|
|
56
|
-
Assigning a new
|
|
61
|
+
Assigning a new config input completely replaces the previous chart
|
|
62
|
+
configuration (`notMerge: true`).
|
|
57
63
|
To update only parts of the chart, access the underlying ECharts instance directly and
|
|
58
64
|
call `setOption()` with custom merge options.
|
|
59
65
|
*/
|
|
@@ -1,5 +1,37 @@
|
|
|
1
1
|
# @synergy-design-system/angular
|
|
2
2
|
|
|
3
|
+
## 3.16.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1291](https://github.com/synergy-design-system/synergy-design-system/pull/1291) [`363595e`](https://github.com/synergy-design-system/synergy-design-system/commit/363595ea1fde8baad6e11d69365732aa9f547c10) Thanks [@kirchsuSICKAG](https://github.com/kirchsuSICKAG)! - Released on: 2026-06-24
|
|
8
|
+
|
|
9
|
+
feat: ✨ chart axes mvp ([#1203](https://github.com/synergy-design-system/synergy-design-system/issues/1203))
|
|
10
|
+
|
|
11
|
+
This release introduces the first chart axis MVP for syn-chart.
|
|
12
|
+
|
|
13
|
+
New features:
|
|
14
|
+
- Adds and registers a Synergy ECharts light theme as default for syn-chart.
|
|
15
|
+
- Provides a config callback API with preset methods like `axesShowSplitLines()`, `axesAddXLabelIcons()`, and `axesHideLabels()` as an alternative to raw ECharts configuration objects for the _config_ property. These methods support both method chaining and sequential calling patterns for maximum flexibility.
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies [[`363595e`](https://github.com/synergy-design-system/synergy-design-system/commit/363595ea1fde8baad6e11d69365732aa9f547c10), [`363595e`](https://github.com/synergy-design-system/synergy-design-system/commit/363595ea1fde8baad6e11d69365732aa9f547c10)]:
|
|
20
|
+
- @synergy-design-system/components@3.16.0
|
|
21
|
+
- @synergy-design-system/tokens@3.16.0
|
|
22
|
+
|
|
23
|
+
## 3.15.7
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- [#1313](https://github.com/synergy-design-system/synergy-design-system/pull/1313) [`89a2022`](https://github.com/synergy-design-system/synergy-design-system/commit/89a2022e49b8f7aad3469ac392e5e5601b7238e8) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-24
|
|
28
|
+
|
|
29
|
+
fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
|
|
30
|
+
|
|
31
|
+
- Updated dependencies [[`89a2022`](https://github.com/synergy-design-system/synergy-design-system/commit/89a2022e49b8f7aad3469ac392e5e5601b7238e8)]:
|
|
32
|
+
- @synergy-design-system/components@3.15.7
|
|
33
|
+
- @synergy-design-system/tokens@3.15.7
|
|
34
|
+
|
|
3
35
|
## 3.15.6
|
|
4
36
|
|
|
5
37
|
### Patch Changes
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"url": "https://github.com/synergy-design-system/synergy-design-system.git",
|
|
23
23
|
"directory": "packages/angular"
|
|
24
24
|
},
|
|
25
|
-
"version": "3.
|
|
25
|
+
"version": "3.16.0",
|
|
26
26
|
"scripts": {
|
|
27
27
|
"_build": "pnpm _clean && ng-packagr -c tsconfig.lib.json && pnpm _after-build",
|
|
28
28
|
"_clean": "rm -rf ../_private/angular-demo/.angular",
|
|
@@ -36,10 +36,10 @@
|
|
|
36
36
|
"@synergy-design-system/tokens": "workspace:*"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@angular/core": "^21.2.
|
|
40
|
-
"@angular/forms": "^21.2.
|
|
39
|
+
"@angular/core": "^21.2.17",
|
|
40
|
+
"@angular/forms": "^21.2.17",
|
|
41
41
|
"@synergy-design-system/components": "workspace:*",
|
|
42
|
-
"ng-packagr": "^21.2.
|
|
42
|
+
"ng-packagr": "^21.2.5",
|
|
43
43
|
"tslib": "^2.8.1",
|
|
44
44
|
"typescript": "~5.9.3"
|
|
45
45
|
},
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 2.1.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#1313](https://github.com/synergy-design-system/synergy-design-system/pull/1313) [`89a2022`](https://github.com/synergy-design-system/synergy-design-system/commit/89a2022e49b8f7aad3469ac392e5e5601b7238e8) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-24
|
|
8
|
+
|
|
9
|
+
fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
|
|
10
|
+
|
|
3
11
|
## 2.1.2
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
},
|
|
9
9
|
"description": "Assets for the Synergy Design System",
|
|
10
10
|
"devDependencies": {
|
|
11
|
-
"@dotenvx/dotenvx": "^1.
|
|
11
|
+
"@dotenvx/dotenvx": "^1.75.1",
|
|
12
12
|
"@figma-export/cli": "^6.4.0",
|
|
13
13
|
"@figma-export/core": "^6.4.0",
|
|
14
14
|
"@figma-export/output-components-as-svg": "^6.4.0",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"@figma-export/types": "^6.4.0",
|
|
17
17
|
"@figma/rest-api-spec": "^0.37.0",
|
|
18
18
|
"@synergy-design-system/eslint-config-syn": "workspace:*",
|
|
19
|
-
"@types/node": "^24.
|
|
19
|
+
"@types/node": "^24.13.2",
|
|
20
20
|
"cheerio": "^1.2.0",
|
|
21
21
|
"eslint": "^9.39.4",
|
|
22
22
|
"rimraf": "^6.1.3",
|
|
@@ -94,5 +94,5 @@
|
|
|
94
94
|
},
|
|
95
95
|
"type": "module",
|
|
96
96
|
"types": "./dist/index.d.ts",
|
|
97
|
-
"version": "2.1.
|
|
97
|
+
"version": "2.1.3"
|
|
98
98
|
}
|
|
@@ -1,5 +1,35 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 3.16.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1291](https://github.com/synergy-design-system/synergy-design-system/pull/1291) [`363595e`](https://github.com/synergy-design-system/synergy-design-system/commit/363595ea1fde8baad6e11d69365732aa9f547c10) Thanks [@kirchsuSICKAG](https://github.com/kirchsuSICKAG)! - Released on: 2026-06-24
|
|
8
|
+
|
|
9
|
+
feat: ✨ chart axes mvp ([#1203](https://github.com/synergy-design-system/synergy-design-system/issues/1203))
|
|
10
|
+
|
|
11
|
+
This release introduces the first chart axis MVP for syn-chart.
|
|
12
|
+
|
|
13
|
+
New features:
|
|
14
|
+
- Adds and registers a Synergy ECharts light theme as default for syn-chart.
|
|
15
|
+
- Provides a config callback API with preset methods like `axesShowSplitLines()`, `axesAddXLabelIcons()`, and `axesHideLabels()` as an alternative to raw ECharts configuration objects for the _config_ property. These methods support both method chaining and sequential calling patterns for maximum flexibility.
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies [[`363595e`](https://github.com/synergy-design-system/synergy-design-system/commit/363595ea1fde8baad6e11d69365732aa9f547c10)]:
|
|
20
|
+
- @synergy-design-system/tokens@3.16.0
|
|
21
|
+
|
|
22
|
+
## 3.15.7
|
|
23
|
+
|
|
24
|
+
### Patch Changes
|
|
25
|
+
|
|
26
|
+
- [#1313](https://github.com/synergy-design-system/synergy-design-system/pull/1313) [`89a2022`](https://github.com/synergy-design-system/synergy-design-system/commit/89a2022e49b8f7aad3469ac392e5e5601b7238e8) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-24
|
|
27
|
+
|
|
28
|
+
fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
|
|
29
|
+
|
|
30
|
+
- Updated dependencies [[`89a2022`](https://github.com/synergy-design-system/synergy-design-system/commit/89a2022e49b8f7aad3469ac392e5e5601b7238e8)]:
|
|
31
|
+
- @synergy-design-system/tokens@3.15.7
|
|
32
|
+
|
|
3
33
|
## 3.15.6
|
|
4
34
|
|
|
5
35
|
### Patch Changes
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"url": "https://www.sick.com"
|
|
5
5
|
},
|
|
6
6
|
"name": "@synergy-design-system/components",
|
|
7
|
-
"version": "3.
|
|
7
|
+
"version": "3.16.0",
|
|
8
8
|
"description": "",
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"license": "MIT",
|
|
69
69
|
"devDependencies": {
|
|
70
70
|
"@custom-elements-manifest/analyzer": "^0.11.0",
|
|
71
|
-
"@figma/code-connect": "^1.4.
|
|
71
|
+
"@figma/code-connect": "^1.4.8",
|
|
72
72
|
"@open-wc/testing": "^4.0.0",
|
|
73
73
|
"@playwright/test": "^1.61.0",
|
|
74
74
|
"@size-limit/esbuild": "^12.1.0",
|
|
@@ -78,8 +78,8 @@
|
|
|
78
78
|
"@synergy-design-system/tokens": "workspace:*",
|
|
79
79
|
"@types/mocha": "^10.0.10",
|
|
80
80
|
"@types/sinon": "^21.0.1",
|
|
81
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
82
|
-
"@typescript-eslint/parser": "^8.
|
|
81
|
+
"@typescript-eslint/eslint-plugin": "^8.61.1",
|
|
82
|
+
"@typescript-eslint/parser": "^8.61.1",
|
|
83
83
|
"@web/dev-server-esbuild": "^1.0.5",
|
|
84
84
|
"@web/test-runner": "^0.20.2",
|
|
85
85
|
"@web/test-runner-commands": "^0.9.0",
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"command-line-args": "^6.0.2",
|
|
89
89
|
"comment-parser": "^1.4.7",
|
|
90
90
|
"custom-element-vs-code-integration": "^1.5.0",
|
|
91
|
-
"esbuild": "^0.28.
|
|
91
|
+
"esbuild": "^0.28.1",
|
|
92
92
|
"esbuild-plugin-replace": "^1.4.0",
|
|
93
93
|
"eslint": "^9.39.4",
|
|
94
94
|
"eslint-config-airbnb": "^19.0.4",
|
|
@@ -99,15 +99,15 @@
|
|
|
99
99
|
"eslint-plugin-lit-a11y": "^5.1.1",
|
|
100
100
|
"eslint-plugin-playwright": "^2.10.4",
|
|
101
101
|
"eslint-plugin-wc": "^3.1.0",
|
|
102
|
-
"html-validate": "^11.5.
|
|
102
|
+
"html-validate": "^11.5.3",
|
|
103
103
|
"ora": "^9.4.0",
|
|
104
104
|
"postcss": "^8.5.15",
|
|
105
105
|
"postcss-header": "^3.0.3",
|
|
106
106
|
"postcss-import": "^16.1.1",
|
|
107
|
-
"prettier": "^3.8.
|
|
107
|
+
"prettier": "^3.8.4",
|
|
108
108
|
"sinon": "^21.1.2",
|
|
109
109
|
"size-limit": "^12.1.0",
|
|
110
|
-
"stylelint": "^17.
|
|
110
|
+
"stylelint": "^17.13.0",
|
|
111
111
|
"typescript": "~5.9.3"
|
|
112
112
|
},
|
|
113
113
|
"dependencies": {
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 1.0.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#1313](https://github.com/synergy-design-system/synergy-design-system/pull/1313) [`89a2022`](https://github.com/synergy-design-system/synergy-design-system/commit/89a2022e49b8f7aad3469ac392e5e5601b7238e8) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-24
|
|
8
|
+
|
|
9
|
+
fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
|
|
10
|
+
|
|
3
11
|
## 1.0.7
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"postcss-header": "^3.0.3",
|
|
14
14
|
"postcss-import": "^16.1.1",
|
|
15
15
|
"postcss-url": "^10.1.4",
|
|
16
|
-
"stylelint": "^17.
|
|
16
|
+
"stylelint": "^17.13.0"
|
|
17
17
|
},
|
|
18
18
|
"exports": {
|
|
19
19
|
".": {
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"lint": "pnpm run /^lint:.*/"
|
|
69
69
|
},
|
|
70
70
|
"type": "module",
|
|
71
|
-
"version": "1.0.
|
|
71
|
+
"version": "1.0.8"
|
|
72
72
|
}
|
|
@@ -1,5 +1,37 @@
|
|
|
1
1
|
# @synergy-design-system/react
|
|
2
2
|
|
|
3
|
+
## 3.16.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1291](https://github.com/synergy-design-system/synergy-design-system/pull/1291) [`363595e`](https://github.com/synergy-design-system/synergy-design-system/commit/363595ea1fde8baad6e11d69365732aa9f547c10) Thanks [@kirchsuSICKAG](https://github.com/kirchsuSICKAG)! - Released on: 2026-06-24
|
|
8
|
+
|
|
9
|
+
feat: ✨ chart axes mvp ([#1203](https://github.com/synergy-design-system/synergy-design-system/issues/1203))
|
|
10
|
+
|
|
11
|
+
This release introduces the first chart axis MVP for syn-chart.
|
|
12
|
+
|
|
13
|
+
New features:
|
|
14
|
+
- Adds and registers a Synergy ECharts light theme as default for syn-chart.
|
|
15
|
+
- Provides a config callback API with preset methods like `axesShowSplitLines()`, `axesAddXLabelIcons()`, and `axesHideLabels()` as an alternative to raw ECharts configuration objects for the _config_ property. These methods support both method chaining and sequential calling patterns for maximum flexibility.
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies [[`363595e`](https://github.com/synergy-design-system/synergy-design-system/commit/363595ea1fde8baad6e11d69365732aa9f547c10), [`363595e`](https://github.com/synergy-design-system/synergy-design-system/commit/363595ea1fde8baad6e11d69365732aa9f547c10)]:
|
|
20
|
+
- @synergy-design-system/components@3.16.0
|
|
21
|
+
- @synergy-design-system/tokens@3.16.0
|
|
22
|
+
|
|
23
|
+
## 3.15.7
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- [#1313](https://github.com/synergy-design-system/synergy-design-system/pull/1313) [`89a2022`](https://github.com/synergy-design-system/synergy-design-system/commit/89a2022e49b8f7aad3469ac392e5e5601b7238e8) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-24
|
|
28
|
+
|
|
29
|
+
fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
|
|
30
|
+
|
|
31
|
+
- Updated dependencies [[`89a2022`](https://github.com/synergy-design-system/synergy-design-system/commit/89a2022e49b8f7aad3469ac392e5e5601b7238e8)]:
|
|
32
|
+
- @synergy-design-system/components@3.15.7
|
|
33
|
+
- @synergy-design-system/tokens@3.15.7
|
|
34
|
+
|
|
3
35
|
## 3.15.6
|
|
4
36
|
|
|
5
37
|
### Patch Changes
|
|
@@ -269,7 +269,7 @@ export type SynCustomElement<
|
|
|
269
269
|
*
|
|
270
270
|
* @documentation https://synergy-design-system.github.io/?path=/docs/charting-syn-chart--docs
|
|
271
271
|
* @status experimental
|
|
272
|
-
* @since
|
|
272
|
+
* @since 3.15.0
|
|
273
273
|
*
|
|
274
274
|
* @csspart base - The component's base wrapper.
|
|
275
275
|
*/ export type SynChartJSXElement = SynCustomElement<SynChart, []>;
|
|
@@ -1737,7 +1737,7 @@ declare module 'react' {
|
|
|
1737
1737
|
*
|
|
1738
1738
|
* @documentation https://synergy-design-system.github.io/?path=/docs/charting-syn-chart--docs
|
|
1739
1739
|
* @status experimental
|
|
1740
|
-
* @since
|
|
1740
|
+
* @since 3.15.0
|
|
1741
1741
|
*
|
|
1742
1742
|
* @csspart base - The component's base wrapper.
|
|
1743
1743
|
*/ 'syn-chart': SynChartJSXElement;
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 2.1.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#1313](https://github.com/synergy-design-system/synergy-design-system/pull/1313) [`89a2022`](https://github.com/synergy-design-system/synergy-design-system/commit/89a2022e49b8f7aad3469ac392e5e5601b7238e8) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-24
|
|
8
|
+
|
|
9
|
+
fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
|
|
10
|
+
|
|
3
11
|
## 2.1.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"lint": "pnpm run /^lint:.*/"
|
|
37
37
|
},
|
|
38
38
|
"type": "module",
|
|
39
|
-
"version": "2.1.
|
|
39
|
+
"version": "2.1.2",
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@synergy-design-system/eslint-config-syn": "workspace:^",
|
|
42
42
|
"@synergy-design-system/stylelint-config-syn": "workspace:^",
|
|
@@ -48,8 +48,8 @@
|
|
|
48
48
|
"postcss-cli": "^11.0.1",
|
|
49
49
|
"postcss-header": "^3.0.3",
|
|
50
50
|
"postcss-import": "^16.1.1",
|
|
51
|
-
"prettier": "^3.8.
|
|
52
|
-
"stylelint": "^17.
|
|
51
|
+
"prettier": "^3.8.4",
|
|
52
|
+
"stylelint": "^17.13.0"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|
|
55
55
|
"@synergy-design-system/tokens": "workspace:^"
|
|
@@ -1,5 +1,32 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 3.16.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1291](https://github.com/synergy-design-system/synergy-design-system/pull/1291) [`363595e`](https://github.com/synergy-design-system/synergy-design-system/commit/363595ea1fde8baad6e11d69365732aa9f547c10) Thanks [@kirchsuSICKAG](https://github.com/kirchsuSICKAG)! - Released on: 2026-06-24
|
|
8
|
+
|
|
9
|
+
feat: ✨ Prefix all chart tokens, add new component and chart tokens
|
|
10
|
+
|
|
11
|
+
**Prefixing chart tokens**
|
|
12
|
+
- chart-related tokens now use a dedicated `chart` prefix to ensure clear scoping and avoid naming conflicts.
|
|
13
|
+
|
|
14
|
+
**Component tokens**
|
|
15
|
+
- `--syn-typography-color-text-quiet`
|
|
16
|
+
- `--syn-typography-color-text-quiet-inverted`
|
|
17
|
+
|
|
18
|
+
**Chart tokens**:
|
|
19
|
+
- `--syn-chart-grid-lines-color`
|
|
20
|
+
- `--syn-chart-grid-lines-color-emphasize`
|
|
21
|
+
|
|
22
|
+
## 3.15.7
|
|
23
|
+
|
|
24
|
+
### Patch Changes
|
|
25
|
+
|
|
26
|
+
- [#1313](https://github.com/synergy-design-system/synergy-design-system/pull/1313) [`89a2022`](https://github.com/synergy-design-system/synergy-design-system/commit/89a2022e49b8f7aad3469ac392e5e5601b7238e8) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-24
|
|
27
|
+
|
|
28
|
+
fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))
|
|
29
|
+
|
|
3
30
|
## 3.15.6
|
|
4
31
|
|
|
5
32
|
## 3.15.5
|