Fixed storybook with migration to WP5

lib/content-services/.storybook/main.js

@@ -1,9 +1,27 @@
-const rootMain = require('../../../.storybook/main');
+var rootPath = require('../../../.storybook/main');
 
 module.exports = {
-    ...rootMain,
-    core: { ...rootMain.core, builder: 'webpack5' },
-    stories: [...rootMain.stories, '../**/*.stories.@(js|jsx|ts|tsx)'],
-    staticDirs: [...rootMain.staticDirs, { from: __dirname + '/../src/lib/i18n', to: 'assets/adf-content-services/i18n' }],
-    addons: ['@storybook/addon-essentials', ...rootMain.addons]
+    rootMain: rootPath,
+    stories: [...rootPath.stories, '../**/*.stories.@(js|jsx|ts|tsx)'],
+
+    staticDirs: [
+        ...rootPath.staticDirs,
+        { from: __dirname + '/../src/lib/i18n', to: 'assets/adf-core/i18n' },
+        { from: __dirname + '/../src/lib/assets/images', to: 'assets/images' }
+    ],
+
+    addons: ['@storybook/addon-essentials', ...rootPath.addons],
+
+    framework: {
+        name: '@storybook/angular',
+        options: {}
+    },
+
+    docs: {
+        autodocs: true
+    },
+
+    core: {
+        builder: '@storybook/builder-webpack5'
+    }
 };

lib/content-services/src/lib/category/categories-management/categories-management.component.scss

@@ -40,7 +40,7 @@
     padding-bottom: 10px;
 
     .mat-mdc-list-base .mat-mdc-list-item,
-    .mat-list-base .mat-list-option {
+    .mat-mdc-list-base .mat-mdc-list-option {
         display: flex;
         height: 100%;
         overflow-wrap: anywhere;

lib/content-services/src/lib/search/components/search-filter-chips/search-facet-chip-tabbed/search-facet-chip-tabbed.component.scss

@@ -12,7 +12,7 @@ adf-search-facet-chip-tabbed {
 
 adf-search-filter-tabbed {
     /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
-    .mat-tab-body-wrapper {
+    .mat-mdc-tab-body-content {
         margin-top: 16px;
     }
 }