@siemens/ix-echarts 2.2.0 → 2.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -6,21 +6,29 @@
6
6
  * This source code is licensed under the MIT license found in the
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
+ const colors$3 = [
10
+ '#00C1B6' /* theme-chart-3 */,
11
+ '#85E9D2' /* theme-chart-2 */,
12
+ '#3664C6' /* theme-chart-8 */,
13
+ '#00FFB9' /* theme-chart-1 */,
14
+ '#6895F6' /* theme-chart-6 */,
15
+ '#CCF5F5' /* theme-chart-4 */,
16
+ '#805CFF' /* theme-chart-10 */,
17
+ '#BFB0F3' /* theme-chart-9 */,
18
+ '#B95CC9' /* theme-chart-11 */,
19
+ '#BE5925' /* theme-chart-14 */,
20
+ '#FF98C4' /* theme-chart-13 */,
21
+ '#E5659B' /* theme-chart-12 */,
22
+ '#97C7FF' /* theme-chart-7 */,
23
+ '#FFBC66' /* theme-chart-15 */,
24
+ '#FFF7D6' /* theme-chart-16 */,
25
+ '#AAAA96' /* theme-chart-17 */,
26
+ '#FFBC66' /* theme-chart-5 */,
27
+ ];
9
28
  var brandDarkProject = {
10
29
  themeName: 'brand-dark',
11
30
  theme: {
12
- color: [
13
- '#00ffb9',
14
- '#41b7e6',
15
- '#cd31e7',
16
- '#b3b3be',
17
- '#0087be',
18
- '#86a0f6',
19
- '#baba9d',
20
- '#009e78',
21
- '#ffb180',
22
- '#b5bd00',
23
- ],
31
+ color: colors$3,
24
32
  backgroundColor: 'rgba(0,0,0,0)',
25
33
  textStyle: {},
26
34
  title: {
@@ -122,18 +130,7 @@ var brandDarkProject = {
122
130
  symbolSize: 4,
123
131
  symbol: 'emptyCircle',
124
132
  smooth: false,
125
- color: [
126
- '#00ffb9',
127
- '#41b7e6',
128
- '#cd31e7',
129
- '#b3b3be',
130
- '#0087be',
131
- '#86a0f6',
132
- '#baba9d',
133
- '#009e78',
134
- '#ffb180',
135
- '#b5bd00',
136
- ],
133
+ color: colors$3,
137
134
  label: {
138
135
  color: '#000000',
139
136
  },
@@ -367,21 +364,29 @@ var brandDarkProject = {
367
364
  * This source code is licensed under the MIT license found in the
368
365
  * LICENSE file in the root directory of this source tree.
369
366
  */
367
+ const colors$2 = [
368
+ '#009999' /* theme-chart-3 */,
369
+ '#005159' /* theme-chart-2 */,
370
+ '#00004A' /* theme-chart-8 */,
371
+ '#1A747D' /* theme-chart-1 */,
372
+ '#3664C6' /* theme-chart-6 */,
373
+ '#002949' /* theme-chart-4 */,
374
+ '#7353E5' /* theme-chart-10 */,
375
+ '#553BA3' /* theme-chart-9 */,
376
+ '#740089' /* theme-chart-11 */,
377
+ '#BE5925' /* theme-chart-14 */,
378
+ '#4F153D' /* theme-chart-13 */,
379
+ '#C04774' /* theme-chart-12 */,
380
+ '#00237A' /* theme-chart-7 */,
381
+ '#801100' /* theme-chart-15 */,
382
+ '#805800' /* theme-chart-16 */,
383
+ '#5E5E4A' /* theme-chart-17 */,
384
+ '#801100' /* theme-chart-5 */,
385
+ ];
370
386
  var brandLightProject = {
371
387
  themeName: 'brand-light',
372
388
  theme: {
373
- color: [
374
- '#00af8e',
375
- '#0087be',
376
- '#aa32be',
377
- '#71758f',
378
- '#00557c',
379
- '#4660b4',
380
- '#94947b',
381
- '#007362',
382
- '#dd886a',
383
- '#909700',
384
- ],
389
+ color: colors$2,
385
390
  backgroundColor: 'rgba(0,0,0,0)',
386
391
  textStyle: {},
387
392
  title: {
@@ -483,18 +488,7 @@ var brandLightProject = {
483
488
  symbolSize: 4,
484
489
  symbol: 'circle',
485
490
  smooth: false,
486
- color: [
487
- '#00af8e',
488
- '#0087be',
489
- '#aa32be',
490
- '#71758f',
491
- '#00557c',
492
- '#4660b4',
493
- '#94947b',
494
- '#007362',
495
- '#dd886a',
496
- '#909700',
497
- ],
491
+ color: colors$2,
498
492
  label: {
499
493
  color: '#ffffff',
500
494
  },
@@ -728,21 +722,29 @@ var brandLightProject = {
728
722
  * This source code is licensed under the MIT license found in the
729
723
  * LICENSE file in the root directory of this source tree.
730
724
  */
725
+ const colors$1 = [
726
+ '#00C2CC' /* theme-chart-3 */,
727
+ '#94FFC9' /* theme-chart-2 */,
728
+ '#3664C6' /* theme-chart-8 */,
729
+ '#00FFE7' /* theme-chart-1 */,
730
+ '#42C6FF' /* theme-chart-6 */,
731
+ '#A3EEFF' /* theme-chart-4 */,
732
+ '#B999FF' /* theme-chart-10 */,
733
+ '#9EA3FF' /* theme-chart-9 */,
734
+ '#D08FFF' /* theme-chart-11 */,
735
+ '#EF9A9A' /* theme-chart-14 */,
736
+ '#F38FC2' /* theme-chart-13 */,
737
+ '#ED85FF' /* theme-chart-12 */,
738
+ '#7AAAFF' /* theme-chart-7 */,
739
+ '#FFB180' /* theme-chart-15 */,
740
+ '#CACAB4' /* theme-chart-16 */,
741
+ '#AAAA96' /* theme-chart-17 */,
742
+ '#90B4C5' /* theme-chart-5 */,
743
+ ];
731
744
  var classicDarkProject = {
732
745
  themeName: 'classic-dark',
733
746
  theme: {
734
- color: [
735
- '#00ebd5',
736
- '#42b3ff',
737
- '#dd65b5',
738
- '#86acc0',
739
- '#2473ff',
740
- '#757eff',
741
- '#baba9d',
742
- '#009e78',
743
- '#ffb180',
744
- '#b5bd00',
745
- ],
747
+ color: colors$1,
746
748
  backgroundColor: 'rgba(0,0,0,0)',
747
749
  textStyle: {},
748
750
  title: {
@@ -844,18 +846,7 @@ var classicDarkProject = {
844
846
  symbolSize: 4,
845
847
  symbol: 'circle',
846
848
  smooth: false,
847
- color: [
848
- '#00ebd5',
849
- '#42b3ff',
850
- '#dd65b5',
851
- '#86acc0',
852
- '#2473ff',
853
- '#757eff',
854
- '#baba9d',
855
- '#009e78',
856
- '#ffb180',
857
- '#b5bd00',
858
- ],
849
+ color: colors$1,
859
850
  label: {
860
851
  color: '#000000',
861
852
  },
@@ -1089,21 +1080,29 @@ var classicDarkProject = {
1089
1080
  * This source code is licensed under the MIT license found in the
1090
1081
  * LICENSE file in the root directory of this source tree.
1091
1082
  */
1083
+ const colors = [
1084
+ '#00838F' /* theme-chart-3 */,
1085
+ '#00572B' /* theme-chart-2 */,
1086
+ '#0041D6' /* theme-chart-8 */,
1087
+ '#008A7C' /* theme-chart-1 */,
1088
+ '#0076A8' /* theme-chart-6 */,
1089
+ '#003C61' /* theme-chart-4 */,
1090
+ '#7C40FF' /* theme-chart-10 */,
1091
+ '#4A52F2' /* theme-chart-9 */,
1092
+ '#900EEC' /* theme-chart-11 */,
1093
+ '#9E5833' /* theme-chart-14 */,
1094
+ '#6F2542' /* theme-chart-13 */,
1095
+ '#AA32BE' /* theme-chart-12 */,
1096
+ '#182171' /* theme-chart-7 */,
1097
+ '#B74E2A' /* theme-chart-15 */,
1098
+ '#73735E' /* theme-chart-16 */,
1099
+ '#7A8000' /* theme-chart-17 */,
1100
+ '#61778C' /* theme-chart-5 */,
1101
+ ];
1092
1102
  var classicLightProject = {
1093
1103
  themeName: 'classic-light',
1094
1104
  theme: {
1095
- color: [
1096
- '#00b8a6',
1097
- '#0094f0',
1098
- '#b63b8c',
1099
- '#617d8c',
1100
- '#2351a4',
1101
- '#5560ff',
1102
- '#94947b',
1103
- '#007362',
1104
- '#dd886a',
1105
- '#909700',
1106
- ],
1105
+ color: colors,
1107
1106
  backgroundColor: 'rgba(0,0,0,0)',
1108
1107
  textStyle: {},
1109
1108
  title: {
@@ -1205,18 +1204,7 @@ var classicLightProject = {
1205
1204
  symbolSize: 4,
1206
1205
  symbol: 'circle',
1207
1206
  smooth: false,
1208
- color: [
1209
- '#00b8a6',
1210
- '#0094f0',
1211
- '#b63b8c',
1212
- '#617d8c',
1213
- '#2351a4',
1214
- '#5560ff',
1215
- '#94947b',
1216
- '#007362',
1217
- '#dd886a',
1218
- '#909700',
1219
- ],
1207
+ color: colors,
1220
1208
  label: {
1221
1209
  color: '#ffffff',
1222
1210
  },
@@ -1465,6 +1453,18 @@ function registerEChartsThemes(echartsInstance) {
1465
1453
  });
1466
1454
  }
1467
1455
 
1456
+ /*
1457
+ * SPDX-FileCopyrightText: 2023 Siemens AG
1458
+ *
1459
+ * SPDX-License-Identifier: MIT
1460
+ *
1461
+ * This source code is licensed under the MIT license found in the
1462
+ * LICENSE file in the root directory of this source tree.
1463
+ */
1464
+ function getComputedCSSProperty(cssProperty) {
1465
+ return getComputedStyle(document.body).getPropertyValue(`--theme-${cssProperty}`);
1466
+ }
1467
+
1468
1468
  /*
1469
1469
  * SPDX-FileCopyrightText: 2024 Siemens AG
1470
1470
  *
@@ -1477,4 +1477,4 @@ function convertThemeName(conventionalName) {
1477
1477
  return conventionalName.replace('theme-', '');
1478
1478
  }
1479
1479
 
1480
- export { brandDarkProject as brandDark, brandLightProject as brandLight, classicDarkProject as classicDark, classicLightProject as classicLight, convertThemeName, registerEChartsThemes as registerTheme };
1480
+ export { brandDarkProject as brandDark, brandLightProject as brandLight, classicDarkProject as classicDark, classicLightProject as classicLight, convertThemeName, getComputedCSSProperty, registerEChartsThemes as registerTheme };
package/dist/index.js CHANGED
@@ -10,21 +10,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
10
10
  * This source code is licensed under the MIT license found in the
11
11
  * LICENSE file in the root directory of this source tree.
12
12
  */
13
+ const colors$3 = [
14
+ '#00C1B6' /* theme-chart-3 */,
15
+ '#85E9D2' /* theme-chart-2 */,
16
+ '#3664C6' /* theme-chart-8 */,
17
+ '#00FFB9' /* theme-chart-1 */,
18
+ '#6895F6' /* theme-chart-6 */,
19
+ '#CCF5F5' /* theme-chart-4 */,
20
+ '#805CFF' /* theme-chart-10 */,
21
+ '#BFB0F3' /* theme-chart-9 */,
22
+ '#B95CC9' /* theme-chart-11 */,
23
+ '#BE5925' /* theme-chart-14 */,
24
+ '#FF98C4' /* theme-chart-13 */,
25
+ '#E5659B' /* theme-chart-12 */,
26
+ '#97C7FF' /* theme-chart-7 */,
27
+ '#FFBC66' /* theme-chart-15 */,
28
+ '#FFF7D6' /* theme-chart-16 */,
29
+ '#AAAA96' /* theme-chart-17 */,
30
+ '#FFBC66' /* theme-chart-5 */,
31
+ ];
13
32
  const brandDarkProject = {
14
33
  themeName: 'brand-dark',
15
34
  theme: {
16
- color: [
17
- '#00ffb9',
18
- '#41b7e6',
19
- '#cd31e7',
20
- '#b3b3be',
21
- '#0087be',
22
- '#86a0f6',
23
- '#baba9d',
24
- '#009e78',
25
- '#ffb180',
26
- '#b5bd00',
27
- ],
35
+ color: colors$3,
28
36
  backgroundColor: 'rgba(0,0,0,0)',
29
37
  textStyle: {},
30
38
  title: {
@@ -126,18 +134,7 @@ const brandDarkProject = {
126
134
  symbolSize: 4,
127
135
  symbol: 'emptyCircle',
128
136
  smooth: false,
129
- color: [
130
- '#00ffb9',
131
- '#41b7e6',
132
- '#cd31e7',
133
- '#b3b3be',
134
- '#0087be',
135
- '#86a0f6',
136
- '#baba9d',
137
- '#009e78',
138
- '#ffb180',
139
- '#b5bd00',
140
- ],
137
+ color: colors$3,
141
138
  label: {
142
139
  color: '#000000',
143
140
  },
@@ -371,21 +368,29 @@ const brandDarkProject = {
371
368
  * This source code is licensed under the MIT license found in the
372
369
  * LICENSE file in the root directory of this source tree.
373
370
  */
371
+ const colors$2 = [
372
+ '#009999' /* theme-chart-3 */,
373
+ '#005159' /* theme-chart-2 */,
374
+ '#00004A' /* theme-chart-8 */,
375
+ '#1A747D' /* theme-chart-1 */,
376
+ '#3664C6' /* theme-chart-6 */,
377
+ '#002949' /* theme-chart-4 */,
378
+ '#7353E5' /* theme-chart-10 */,
379
+ '#553BA3' /* theme-chart-9 */,
380
+ '#740089' /* theme-chart-11 */,
381
+ '#BE5925' /* theme-chart-14 */,
382
+ '#4F153D' /* theme-chart-13 */,
383
+ '#C04774' /* theme-chart-12 */,
384
+ '#00237A' /* theme-chart-7 */,
385
+ '#801100' /* theme-chart-15 */,
386
+ '#805800' /* theme-chart-16 */,
387
+ '#5E5E4A' /* theme-chart-17 */,
388
+ '#801100' /* theme-chart-5 */,
389
+ ];
374
390
  const brandLightProject = {
375
391
  themeName: 'brand-light',
376
392
  theme: {
377
- color: [
378
- '#00af8e',
379
- '#0087be',
380
- '#aa32be',
381
- '#71758f',
382
- '#00557c',
383
- '#4660b4',
384
- '#94947b',
385
- '#007362',
386
- '#dd886a',
387
- '#909700',
388
- ],
393
+ color: colors$2,
389
394
  backgroundColor: 'rgba(0,0,0,0)',
390
395
  textStyle: {},
391
396
  title: {
@@ -487,18 +492,7 @@ const brandLightProject = {
487
492
  symbolSize: 4,
488
493
  symbol: 'circle',
489
494
  smooth: false,
490
- color: [
491
- '#00af8e',
492
- '#0087be',
493
- '#aa32be',
494
- '#71758f',
495
- '#00557c',
496
- '#4660b4',
497
- '#94947b',
498
- '#007362',
499
- '#dd886a',
500
- '#909700',
501
- ],
495
+ color: colors$2,
502
496
  label: {
503
497
  color: '#ffffff',
504
498
  },
@@ -732,21 +726,29 @@ const brandLightProject = {
732
726
  * This source code is licensed under the MIT license found in the
733
727
  * LICENSE file in the root directory of this source tree.
734
728
  */
729
+ const colors$1 = [
730
+ '#00C2CC' /* theme-chart-3 */,
731
+ '#94FFC9' /* theme-chart-2 */,
732
+ '#3664C6' /* theme-chart-8 */,
733
+ '#00FFE7' /* theme-chart-1 */,
734
+ '#42C6FF' /* theme-chart-6 */,
735
+ '#A3EEFF' /* theme-chart-4 */,
736
+ '#B999FF' /* theme-chart-10 */,
737
+ '#9EA3FF' /* theme-chart-9 */,
738
+ '#D08FFF' /* theme-chart-11 */,
739
+ '#EF9A9A' /* theme-chart-14 */,
740
+ '#F38FC2' /* theme-chart-13 */,
741
+ '#ED85FF' /* theme-chart-12 */,
742
+ '#7AAAFF' /* theme-chart-7 */,
743
+ '#FFB180' /* theme-chart-15 */,
744
+ '#CACAB4' /* theme-chart-16 */,
745
+ '#AAAA96' /* theme-chart-17 */,
746
+ '#90B4C5' /* theme-chart-5 */,
747
+ ];
735
748
  const classicDarkProject = {
736
749
  themeName: 'classic-dark',
737
750
  theme: {
738
- color: [
739
- '#00ebd5',
740
- '#42b3ff',
741
- '#dd65b5',
742
- '#86acc0',
743
- '#2473ff',
744
- '#757eff',
745
- '#baba9d',
746
- '#009e78',
747
- '#ffb180',
748
- '#b5bd00',
749
- ],
751
+ color: colors$1,
750
752
  backgroundColor: 'rgba(0,0,0,0)',
751
753
  textStyle: {},
752
754
  title: {
@@ -848,18 +850,7 @@ const classicDarkProject = {
848
850
  symbolSize: 4,
849
851
  symbol: 'circle',
850
852
  smooth: false,
851
- color: [
852
- '#00ebd5',
853
- '#42b3ff',
854
- '#dd65b5',
855
- '#86acc0',
856
- '#2473ff',
857
- '#757eff',
858
- '#baba9d',
859
- '#009e78',
860
- '#ffb180',
861
- '#b5bd00',
862
- ],
853
+ color: colors$1,
863
854
  label: {
864
855
  color: '#000000',
865
856
  },
@@ -1093,21 +1084,29 @@ const classicDarkProject = {
1093
1084
  * This source code is licensed under the MIT license found in the
1094
1085
  * LICENSE file in the root directory of this source tree.
1095
1086
  */
1087
+ const colors = [
1088
+ '#00838F' /* theme-chart-3 */,
1089
+ '#00572B' /* theme-chart-2 */,
1090
+ '#0041D6' /* theme-chart-8 */,
1091
+ '#008A7C' /* theme-chart-1 */,
1092
+ '#0076A8' /* theme-chart-6 */,
1093
+ '#003C61' /* theme-chart-4 */,
1094
+ '#7C40FF' /* theme-chart-10 */,
1095
+ '#4A52F2' /* theme-chart-9 */,
1096
+ '#900EEC' /* theme-chart-11 */,
1097
+ '#9E5833' /* theme-chart-14 */,
1098
+ '#6F2542' /* theme-chart-13 */,
1099
+ '#AA32BE' /* theme-chart-12 */,
1100
+ '#182171' /* theme-chart-7 */,
1101
+ '#B74E2A' /* theme-chart-15 */,
1102
+ '#73735E' /* theme-chart-16 */,
1103
+ '#7A8000' /* theme-chart-17 */,
1104
+ '#61778C' /* theme-chart-5 */,
1105
+ ];
1096
1106
  const classicLightProject = {
1097
1107
  themeName: 'classic-light',
1098
1108
  theme: {
1099
- color: [
1100
- '#00b8a6',
1101
- '#0094f0',
1102
- '#b63b8c',
1103
- '#617d8c',
1104
- '#2351a4',
1105
- '#5560ff',
1106
- '#94947b',
1107
- '#007362',
1108
- '#dd886a',
1109
- '#909700',
1110
- ],
1109
+ color: colors,
1111
1110
  backgroundColor: 'rgba(0,0,0,0)',
1112
1111
  textStyle: {},
1113
1112
  title: {
@@ -1209,18 +1208,7 @@ const classicLightProject = {
1209
1208
  symbolSize: 4,
1210
1209
  symbol: 'circle',
1211
1210
  smooth: false,
1212
- color: [
1213
- '#00b8a6',
1214
- '#0094f0',
1215
- '#b63b8c',
1216
- '#617d8c',
1217
- '#2351a4',
1218
- '#5560ff',
1219
- '#94947b',
1220
- '#007362',
1221
- '#dd886a',
1222
- '#909700',
1223
- ],
1211
+ color: colors,
1224
1212
  label: {
1225
1213
  color: '#ffffff',
1226
1214
  },
@@ -1469,6 +1457,18 @@ function registerEChartsThemes(echartsInstance) {
1469
1457
  });
1470
1458
  }
1471
1459
 
1460
+ /*
1461
+ * SPDX-FileCopyrightText: 2023 Siemens AG
1462
+ *
1463
+ * SPDX-License-Identifier: MIT
1464
+ *
1465
+ * This source code is licensed under the MIT license found in the
1466
+ * LICENSE file in the root directory of this source tree.
1467
+ */
1468
+ function getComputedCSSProperty(cssProperty) {
1469
+ return getComputedStyle(document.body).getPropertyValue(`--theme-${cssProperty}`);
1470
+ }
1471
+
1472
1472
  /*
1473
1473
  * SPDX-FileCopyrightText: 2024 Siemens AG
1474
1474
  *
@@ -1486,4 +1486,5 @@ exports.brandLight = brandLightProject;
1486
1486
  exports.classicDark = classicDarkProject;
1487
1487
  exports.classicLight = classicLightProject;
1488
1488
  exports.convertThemeName = convertThemeName;
1489
+ exports.getComputedCSSProperty = getComputedCSSProperty;
1489
1490
  exports.registerTheme = registerEChartsThemes;
@@ -0,0 +1 @@
1
+ export default function getComputedCSSProperty(cssProperty: string): string;
@@ -1,4 +1,5 @@
1
1
  export { default as registerTheme } from './register';
2
+ export { default as getComputedCSSProperty } from './computecss';
2
3
  export { default as brandDark } from './themes/brand-dark';
3
4
  export { default as brandLight } from './themes/brand-light';
4
5
  export { default as classicDark } from './themes/classic-dark';
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/siemens/ix",
8
8
  "directory": "packages/echarts"
9
9
  },
10
- "version": "2.2.0",
10
+ "version": "2.3.1",
11
11
  "description": "Siemens iX theme for echarts",
12
12
  "main": "dist/index.js",
13
13
  "module": "dist/index.esm.js",