SCSS files should not be excluded

Author: Lion Huang

libs/fabric/src/lib/components/calendar/calendar.module.ts

@@ -4,9 +4,14 @@
 import { registerElement } from '@angular-react/core';
 import { CommonModule } from '@angular/common';
 import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss';
 import { Calendar } from 'office-ui-fabric-react';
+import { noop } from '../../utils/noop';
 import { FabCalendarComponent } from './calendar.component';
 
+// Dummy action to force CalendarCss to load and not be tree-shaken away.
+noop(CalendarCss);
+
 const components = [FabCalendarComponent];
 
 @NgModule({

libs/fabric/src/lib/components/command-bar/command-bar.module.ts

@@ -4,7 +4,9 @@
 import { registerElement } from '@angular-react/core';
 import { CommonModule } from '@angular/common';
 import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import * as OverflowSetCss from 'office-ui-fabric-react/lib-amd/components/OverflowSet/OverflowSet.scss';
 import { CommandBar } from 'office-ui-fabric-react';
+import { noop } from '../../utils/noop';
 import { FabContextualMenuModule } from '../contextual-menu/contextual-menu.module';
 import { FabCommandBarComponent } from './command-bar.component';
 import {
@@ -18,6 +20,9 @@ import {
   CommandBarOverflowItemsDirective,
 } from './directives/command-bar-items.directives';
 
+// Dummy action to force OverflowSetCss to load and not be tree-shaken away.
+noop(OverflowSetCss);
+
 const components = [
   FabCommandBarComponent,
   CommandBarItemsDirective,

libs/fabric/src/lib/components/date-picker/date-picker.module.ts

@@ -5,8 +5,13 @@ import { registerElement } from '@angular-react/core';
 import { CommonModule } from '@angular/common';
 import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
 import { DatePicker } from 'office-ui-fabric-react';
+import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss';
+import { noop } from '../../utils/noop';
 import { FabDatePickerComponent } from './date-picker.component';
 
+// Dummy action to force CalendarCss to load and not be tree-shaken away.
+noop(CalendarCss);
+
 const components = [FabDatePickerComponent];
 
 @NgModule({

libs/fabric/src/lib/components/pickers/base-picker/base-picker.module.ts

@@ -4,7 +4,7 @@
 import { registerElement } from '@angular-react/core';
 import { CommonModule } from '@angular/common';
 import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
-import * as BasePickerCss from 'office-ui-fabric-react';
+import * as BasePickerCss from 'office-ui-fabric-react/lib-amd/components/pickers/BasePicker.scss';
 import { BasePicker } from 'office-ui-fabric-react';
 import { noop } from '../../../utils/noop';
 

libs/fabric/src/lib/components/pickers/tag-picker/tag-picker.module.ts

@@ -4,7 +4,7 @@
 import { registerElement } from '@angular-react/core';
 import { CommonModule } from '@angular/common';
 import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
-import * as TagItemCss from 'office-ui-fabric-react';
+import * as TagItemCss from 'office-ui-fabric-react/lib-amd/components/pickers/TagPicker/TagItem.scss';
 import { TagPicker } from 'office-ui-fabric-react';
 import { noop } from '../../../utils/noop';
 import { FabBasePickerModule } from '../base-picker/base-picker.module';