Add dark theme to mgt-people-picker and mgt-channel-picker (#676)

* Add dark theme to mgt-people-picker

* Add copyright language

* themeing with css only

* Address pr feedback and add Nikola's suggestion

* Add channel picker themes. Consolidate commonly used css functions.

* Address PR feedback

* Update reference

Co-authored-by: Shane Weaver <[email protected]>
Co-authored-by: Nikola Metulev <[email protected]>
Co-authored-by: Nikola Metulev <[email protected]>

Author: 3 people

packages/mgt-react/src/generated/react.ts

@@ -1,4 +1,4 @@
-import { ResponseType,IDynamicPerson,PersonType,GroupType,ThemeType,PersonCardInteraction,PersonViewType,AvatarSize,TasksStringResource,TaskFilter,SelectedChannel } from '@microsoft/mgt';
+import { ResponseType,IDynamicPerson,PersonType,GroupType,PersonCardInteraction,PersonViewType,AvatarSize,TasksStringResource,TaskFilter,SelectedChannel } from '@microsoft/mgt';
 import * as MgtElement from '@microsoft/mgt-element';
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 import * as MicrosoftGraphBeta from '@microsoft/microsoft-graph-types-beta';
@@ -56,7 +56,6 @@ export type PeoplePickerProps = {
 	selectionMode?: string;
 	showMax?: number;
 	selectedPeople?: IDynamicPerson[];
-	theme?: ThemeType;
 	templateConverters?: MgtElement.TemplateContext;
 	templateContext?: MgtElement.TemplateContext;
 	useShadowRoot?: boolean;

packages/mgt/src/components/mgt-agenda/mgt-agenda.ts

@@ -8,7 +8,7 @@
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 import { customElement, html, property, TemplateResult } from 'lit-element';
 import { Providers, ProviderState, MgtTemplatedComponent } from '@microsoft/mgt-element';
-import '../../styles/fabric-icon-font';
+import '../../styles/style-helper';
 import { prepScopes } from '../../utils/GraphHelpers';
 import { getDayOfWeekString, getMonthString } from '../../utils/Utils';
 import '../mgt-person/mgt-person';

packages/mgt/src/components/mgt-login/mgt-login.ts

@@ -12,7 +12,7 @@ import { Providers, ProviderState, MgtTemplatedComponent } from '@microsoft/mgt-
 import { MgtFlyout } from '../sub-components/mgt-flyout/mgt-flyout';
 import { styles } from './mgt-login-css';
 import { getUserWithPhoto } from '../../graph/graph.user';
-import '../../styles/fabric-icon-font';
+import '../../styles/style-helper';
 import '../mgt-person/mgt-person';
 import { PersonViewType } from '../mgt-person/mgt-person';