fix(Themes): add missing themes sap_fiori_3_hcb and sap_fiori_3_hcw (#648)

Author: MarcusNotheis

.storybook/preview.js

@@ -9,7 +9,6 @@ import { ContentDensity } from '@ui5/webcomponents-react/lib/ContentDensity';
 import { ThemeProvider } from '@ui5/webcomponents-react/lib/ThemeProvider';
 import { Themes } from '@ui5/webcomponents-react/lib/Themes';
 import '@ui5/webcomponents/dist/Assets';
-import '@ui5/webcomponents-react/dist/Assets';
 import '@ui5/webcomponents/dist/features/InputElementsFormSupport';
 import React, { useEffect } from 'react';
 import 'react-app-polyfill/ie11';
@@ -68,28 +67,10 @@ export const globalTypes = {
     description: 'Fiori Theme',
     defaultValue: Themes.sap_fiori_3,
     toolbar: {
-      items: [
-        {
-          value: Themes.sap_fiori_3,
-          title: Themes.sap_fiori_3
-        },
-        {
-          value: Themes.sap_fiori_3_dark,
-          title: Themes.sap_fiori_3_dark
-        },
-        {
-          value: Themes.sap_belize,
-          title: Themes.sap_belize
-        },
-        {
-          value: Themes.sap_belize_hcb,
-          title: Themes.sap_belize_hcb
-        },
-        {
-          value: Themes.sap_belize_hcw,
-          title: Themes.sap_belize_hcw
-        }
-      ]
+      items: Object.keys(Themes).map((themeKey) => ({
+        value: themeKey,
+        title: themeKey
+      }))
     }
   },
   contentDensity: {

packages/main/src/enums/Themes.ts

@@ -1,6 +1,8 @@
 export enum Themes {
   sap_fiori_3 = 'sap_fiori_3',
   sap_fiori_3_dark = 'sap_fiori_3_dark',
+  sap_fiori_3_hcb = 'sap_fiori_3_hcb',
+  sap_fiori_3_hcw = 'sap_fiori_3_hcw',
   sap_belize = 'sap_belize',
   sap_belize_hcb = 'sap_belize_hcb',
   sap_belize_hcw = 'sap_belize_hcw'