Palette not optional (#1951)

* Make palette and font required for theme

* Rush change

* Update ThemePage.tsx

* Rename theme to palette.

common/changes/@uifabric/styling/palette-not-optional_2017-06-07-06-56.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@uifabric/styling",
+      "comment": "ITheme: Make palette a required prop",
+      "type": "minor"
+    }
+  ],
+  "packageName": "@uifabric/styling",
+  "email": "[email protected]"
+}

common/changes/office-ui-fabric-react/palette-not-optional_2017-06-07-06-56.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "ITheme: Make palette a required prop",
+      "type": "patch"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "[email protected]"
+}

packages/office-ui-fabric-react/src/components/Theme/ThemePage.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { loadTheme, FontClassNames, ITheme } from 'office-ui-fabric-react/lib/Styling';
+import { loadTheme, FontClassNames, ITheme, IPalette } from 'office-ui-fabric-react/lib/Styling';
 import { Highlight } from '@uifabric/example-app-base';
 import { defaultTheme } from './defaultTheme';
 import { Callout } from 'office-ui-fabric-react/lib/Callout';
@@ -115,17 +115,17 @@ export class ThemePage extends React.Component<any, any> {
   private _onColorChanged(index: number, newColor: string) {
     let { colors } = this.state;
     let color = colors[index];
-    let theme: ITheme = {};
+    let palette: Partial<IPalette> = {};
 
     color.value = newColor;
 
     for (let i = 0; i < colors.length; i++) {
       let themeColor = colors[i];
 
-      theme[themeColor.key] = themeColor.value;
+      palette[themeColor.key] = themeColor.value;
     }
 
-    loadTheme({ palette: theme });
+    loadTheme({ palette });
 
     // The theme has changed values, but color state is the same. Force an update on the list.
     this.refs.list.forceUpdate();

packages/styling/src/utilities/theme.ts

@@ -9,8 +9,8 @@ import {
 } from '../styles/index';
 import { Customizer } from '@uifabric/utilities/lib/index';
 export interface ITheme {
-  palette?: IPalette;
-  fonts?: IFontStyles;
+  palette: IPalette;
+  fonts: IFontStyles;
   semanticColors?: ISemanticColors;
 }
 import { loadTheme as legacyLoadTheme } from '@microsoft/load-themed-styles';
@@ -33,7 +33,7 @@ export function getTheme(): ITheme {
 /**
  * Loads the default global theme definition.
  */
-export function loadTheme(theme: ITheme): void {
+export function loadTheme(theme: Partial<ITheme>): void {
   _theme = createTheme(theme);
 
   // Load the legacy theme from the palette.
@@ -45,7 +45,7 @@ export function loadTheme(theme: ITheme): void {
 /**
  * Creates a custom theme definition which can be used with the Customizer.
  */
-export function createTheme(theme: ITheme): ITheme {
+export function createTheme(theme: Partial<ITheme>): ITheme {
   let newPalette = {
     ..._theme.palette,
     ...theme.palette