fix(echarts): use Siemens font (#2403)

Author: nuke-ellington

.changeset/five-grapes-brake.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix-echarts": patch
+---
+
+Use Siemens Sans font.

packages/echarts/src/themes/brand-dark.ts

@@ -7,6 +7,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+const textStyleDefault = {
+  color: '#ffffff',
+  fontFamily: 'Siemens Sans, sans-serif',
+};
+
 const colors = [
   '#00C1B6' /* theme-chart-3 */,
   '#85E9D2' /* theme-chart-2 */,
@@ -63,14 +68,10 @@ export default {
   theme: {
     color: colors,
     backgroundColor: 'rgba(0,0,0,0)',
-    textStyle: {},
+    textStyle: textStyleDefault,
     title: {
-      textStyle: {
-        color: '#ffffff',
-      },
-      subtextStyle: {
-        color: '#ffffff',
-      },
+      textStyle: textStyleDefault,
+      subtextStyle: textStyleDefault,
     },
     line: {
       itemStyle: {
@@ -186,16 +187,11 @@ export default {
       },
     },
     legend: {
-      textStyle: {
-        color: '#ffffff',
-      },
+      textStyle: textStyleDefault,
     },
     tooltip: {
       backgroundColor: '#000028cc',
       borderColor: '#ffffff40',
-      textStyle: {
-        color: '#ffffff',
-      },
       axisPointer: {
         lineStyle: {
           color: '#ffffff',
@@ -249,9 +245,6 @@ export default {
       handleSize: 'undefined%',
       textStyle: {},
     },
-    nameTextStyle: {
-      color: '#fff',
-    },
     markPoint: {
       label: {
         color: '#fff',

packages/echarts/src/themes/brand-light.ts

@@ -7,6 +7,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+const textStyleDefault = {
+  color: '#000028',
+  fontFamily: 'Siemens Sans, sans-serif',
+};
+
 const colors = [
   '#009999' /* theme-chart-3 */,
   '#005159' /* theme-chart-2 */,
@@ -63,14 +68,10 @@ export default {
   theme: {
     color: colors,
     backgroundColor: 'rgba(0,0,0,0)',
-    textStyle: {},
+    textStyle: textStyleDefault,
     title: {
-      textStyle: {
-        color: '#000028',
-      },
-      subtextStyle: {
-        color: '#000028',
-      },
+      textStyle: textStyleDefault,
+      subtextStyle: textStyleDefault,
     },
     line: {
       itemStyle: {
@@ -186,16 +187,11 @@ export default {
       },
     },
     legend: {
-      textStyle: {
-        color: '#000028',
-      },
+      textStyle: textStyleDefault,
     },
     tooltip: {
       backgroundColor: '#ffffffcc',
       borderColor: '#00002833',
-      textStyle: {
-        color: '#000028',
-      },
       axisPointer: {
         lineStyle: {
           color: '#000028',
@@ -249,9 +245,6 @@ export default {
       handleSize: 'undefined%',
       textStyle: {},
     },
-    nameTextStyle: {
-      color: '#000028',
-    },
     markPoint: {
       label: {
         color: '#000028',

packages/echarts/src/themes/builder/brand-dark-tb.json

@@ -2,7 +2,7 @@
   "version": 1,
   "themeName": "theme-brand-dark",
   "theme": {
-    "seriesCnt": 3,
+    "seriesCnt": "3",
     "backgroundColor": "transparent",
     "titleColor": "#ffffff",
     "subtitleColor": "#ffffff",
@@ -26,7 +26,7 @@
       "#FFBC66",
       "#FFF7D6",
       "#AAAA96",
-      "#FFBC66"
+      "#7D8099"
     ],
     "borderColor": "#ffffff",
     "borderWidth": 0,

packages/echarts/src/themes/builder/brand-light-tb.json

@@ -2,7 +2,7 @@
   "version": 1,
   "themeName": "theme-brand-light",
   "theme": {
-    "seriesCnt": 3,
+    "seriesCnt": "3",
     "backgroundColor": "rgba(0,0,0,0)",
     "titleColor": "#000028",
     "subtitleColor": "#000028",

packages/echarts/src/themes/builder/classic-dark-tb.json

@@ -2,7 +2,7 @@
   "version": 1,
   "themeName": "theme-classic-dark",
   "theme": {
-    "seriesCnt": 3,
+    "seriesCnt": "3",
     "backgroundColor": "rgba(0,0,0,0)",
     "titleColor": "#ffffff",
     "subtitleColor": "#ffffff",

packages/echarts/src/themes/builder/classic-light-tb.json

@@ -2,7 +2,7 @@
   "version": 1,
   "themeName": "theme-classic-light",
   "theme": {
-    "seriesCnt": 3,
+    "seriesCnt": "3",
     "backgroundColor": "rgba(0,0,0,0)",
     "titleColor": "#000000",
     "subtitleColor": "#000000",

packages/echarts/src/themes/classic-dark.ts

@@ -7,6 +7,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+const textStyleDefault = {
+  color: '#ffffff',
+  fontFamily: 'Siemens Sans, sans-serif',
+};
+
 const colors = [
   '#00C2CC' /* theme-chart-3 */,
   '#94FFC9' /* theme-chart-2 */,
@@ -63,14 +68,10 @@ export default {
   theme: {
     color: colors,
     backgroundColor: 'rgba(0,0,0,0)',
-    textStyle: {},
+    textStyle: textStyleDefault,
     title: {
-      textStyle: {
-        color: '#ffffff',
-      },
-      subtextStyle: {
-        color: '#ffffff',
-      },
+      textStyle: textStyleDefault,
+      subtextStyle: textStyleDefault,
     },
     line: {
       itemStyle: {
@@ -186,15 +187,14 @@ export default {
       },
     },
     legend: {
-      textStyle: {
-        color: '#ffffff',
-      },
+      textStyle: textStyleDefault,
     },
     tooltip: {
       backgroundColor: '#0f1619cc',
       borderColor: '#ffffff40',
       textStyle: {
         color: 'rgba(245, 252, 255, .93)',
+        fontFamily: 'Siemens Sans, sans-serif',
       },
       axisPointer: {
         lineStyle: {

packages/echarts/src/themes/classic-light.ts

@@ -7,6 +7,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+const textStyleDefault = {
+  color: '#000000',
+  fontFamily: 'Siemens Sans, sans-serif',
+};
+
 const colors = [
   '#00838F' /* theme-chart-3 */,
   '#00572B' /* theme-chart-2 */,
@@ -63,14 +68,10 @@ export default {
   theme: {
     color: colors,
     backgroundColor: 'rgba(0,0,0,0)',
-    textStyle: {},
+    textStyle: textStyleDefault,
     title: {
-      textStyle: {
-        color: '#000000',
-      },
-      subtextStyle: {
-        color: '#000000',
-      },
+      textStyle: textStyleDefault,
+      subtextStyle: textStyleDefault,
     },
     line: {
       itemStyle: {
@@ -186,9 +187,7 @@ export default {
       },
     },
     legend: {
-      textStyle: {
-        color: '#000000',
-      },
+      textStyle: textStyleDefault,
     },
     tooltip: {
       backgroundColor: '#ffffffcc',