fix(Charts): Add hcb and hcw support for charts. (#441)

Author: Lukas742

packages/charts/src/themes/sap_belize_hcb.ts

@@ -0,0 +1,20 @@
+export const sequentialColors = {
+  sapUiChartAccent1: '#4DA2F6',
+  sapUiChartAccent2: '#E8743B',
+  sapUiChartAccent3: '#19A979',
+  sapUiChartAccent4: '#ED4A7B',
+  sapUiChartAccent5: '#945ECF',
+  sapUiChartAccent6: '#13A4B4',
+  sapUiChartAccent7: '#5C66F5',
+  sapUiChartAccent8: '#C63FA4',
+  sapUiChartAccent9: '#6C8893',
+  sapUiChartAccent10: '#EE6868',
+  sapUiChartAccent11: '#387BB7',
+  sapUiChartAccent12: '#097be8'
+};
+
+export const semanticColors = {
+  sapUiChartGood: '#9c9',
+  sapUiChartBad: '#ff5e5e',
+  sapUiChartHighlight: '#ffab1d'
+};

packages/charts/src/themes/sap_belize_hcw.ts

@@ -0,0 +1,20 @@
+export const sequentialColors = {
+  sapUiChartAccent1: '#286AC3',
+  sapUiChartAccent2: '#D74114',
+  sapUiChartAccent3: '#057D47',
+  sapUiChartAccent4: '#E11E48',
+  sapUiChartAccent5: '#642EB2',
+  sapUiChartAccent6: '#03778C',
+  sapUiChartAccent7: '#232DEB',
+  sapUiChartAccent8: '#9B136F',
+  sapUiChartAccent9: '#395563',
+  sapUiChartAccent10: '#E02E2E',
+  sapUiChartAccent11: '#0D3367',
+  sapUiChartAccent12: '#0e4186'
+};
+
+export const semanticColors = {
+  sapUiChartGood: '#006362',
+  sapUiChartBad: '#ab0000',
+  sapUiChartHighlight: '#5c5c00'
+};

packages/charts/src/themes/themeMap.ts

@@ -2,13 +2,22 @@ import * as sapBelize from './sap_belize';
 import * as sapBelizePlus from './sap_belize_plus';
 import * as sapFiori3 from './sap_fiori_3';
 import * as sapFiori3Dark from './sap_fiori_3_dark';
+import * as sapBelizeHCB from './sap_belize_hcb';
+import * as sapBelizeHCW from './sap_belize_hcw';
 
 const themeMap = new Map();
 themeMap.set('sap_belize', sapBelize);
 themeMap.set('sap_belize_plus', sapBelizePlus);
 themeMap.set('sap_fiori_3', sapFiori3);
 themeMap.set('sap_fiori_3_dark', sapFiori3Dark);
+themeMap.set('sap_belize_hcw', sapBelizeHCW);
+themeMap.set('sap_belize_hcb', sapBelizeHCB);
 
 export const getOrLoadTheme = (theme) => {
-  return themeMap.get(theme);
+  if (themeMap.has(theme)) {
+    return themeMap.get(theme);
+  } else {
+    console.warn(`${theme}-theme not found. Falling back to default theme 'sap_fiori_3'.`);
+    return themeMap.get('sap_fiori_3');
+  }
 };