@uifabric/styling - npm Package Compare versions

Comparing version 0.12.3 to 0.13.0

CHANGELOG.json

@@ -5,2 +5,23 @@ {
     {
+      "version": "0.13.0",
+      "tag": "@uifabric/styling_v0.13.0",
+      "date": "Fri, 07 Jul 2017 10:11:38 GMT",
+      "comments": {
+        "minor": [
+          {
+            "author": "Philip Kuo <[e-mail]>",
+            "commit": "8739efafc90df5f7c51da305189b2cdc131c66e0",
+            "comment": "Styling package: remove optionals from interfaces, since consumers can now use partial interfaces to define overrides."
+          }
+        ],
+        "patch": [
+          {
+            "author": "Christian Gonzalez <[e-mail]>",
+            "commit": "42587fd0ba26b9efade415cc5cc60103fbe2f980",
+            "comment": "Enable strict null checks in the styling package"
+          }
+        ]
+      }
+    },
+    {
       "version": "0.12.3",
@@ -7,0 +28,0 @@ "tag": "@uifabric/styling_v0.12.3",

CHANGELOG.md

 # Change Log - @uifabric/styling
 
-This log was last generated on Thu, 06 Jul 2017 10:11:47 GMT and should not be manually modified.
+This log was last generated on Fri, 07 Jul 2017 10:11:38 GMT and should not be manually modified.
 
+## 0.13.0
+Fri, 07 Jul 2017 10:11:38 GMT
+
+### Minor changes
+
+- Styling package: remove optionals from interfaces, since consumers can now use partial interfaces to define overrides.
+
+### Patches
+
+- Enable strict null checks in the styling package
+
 ## 0.12.3
@@ -6,0 +17,0 @@ Thu, 06 Jul 2017 10:11:47 GMT

dist/999a39fc-2e41-878c-eeb6-f8d33c5e46cf.manifest.json

@@ -5,3 +5,3 @@ {
   "componentType": "Library",
-  "version": "0.12.2",
+  "version": "0.12.3",
   "manifestVersion": 2,
@@ -8,0 +8,0 @@ "loaderConfig": {

lib-amd/examples/AnimationTile/AnimationTile.styles.d.ts

 import { IStyle, ITheme } from '@uifabric/styling';
 export interface IAnimationTileStyles {
-    root?: IStyle;
-    title?: IStyle;
-    container?: IStyle;
-    animationBox?: IStyle;
-    isLeft?: IStyle;
-    isRight?: IStyle;
-    isTop?: IStyle;
-    isBottom?: IStyle;
-    isIn?: IStyle;
+    root: IStyle;
+    title: IStyle;
+    container: IStyle;
+    animationBox: IStyle;
+    isLeft: IStyle;
+    isRight: IStyle;
+    isTop: IStyle;
+    isBottom: IStyle;
+    isIn: IStyle;
 }
 export declare function getStyles(theme?: ITheme): IAnimationTileStyles;

lib-amd/interfaces/index.d.ts

@@ -8,2 +8,2 @@ export { IProcessedStyle } from './IProcessedStyle';
 export { IFontStyles } from './IFontStyles';
-export { ITheme } from './ITheme';
+export { ITheme, IPartialTheme } from './ITheme';

lib-amd/interfaces/IPalette.d.ts

@@ -8,183 +8,183 @@ /**
      */
-    themeDarker?: string;
+    themeDarker: string;
     /**
      * Color code for themeDark.
      */
-    themeDark?: string;
+    themeDark: string;
     /**
      * Color code for themeDarkAlt.
      */
-    themeDarkAlt?: string;
+    themeDarkAlt: string;
     /**
      * Color code for themePrimary.
      */
-    themePrimary?: string;
+    themePrimary: string;
     /**
      * Color code for themeSecondary.
      */
-    themeSecondary?: string;
+    themeSecondary: string;
     /**
      * Color code for themeTertiary.
      */
-    themeTertiary?: string;
+    themeTertiary: string;
     /**
      * Color code for themeLight.
      */
-    themeLight?: string;
+    themeLight: string;
     /**
      * Color code for themeLighter.
      */
-    themeLighter?: string;
+    themeLighter: string;
     /**
      * Color code for themeLighterAlt.
      */
-    themeLighterAlt?: string;
+    themeLighterAlt: string;
     /**
      * Color code for black.
      */
-    black?: string;
+    black: string;
     /**
      * Color code for blackTranslucent40.
      */
-    blackTranslucent40?: string;
+    blackTranslucent40: string;
     /**
      * Color code for neutralDark.
      */
-    neutralDark?: string;
+    neutralDark: string;
     /**
      * Color code for neutralPrimary.
      */
-    neutralPrimary?: string;
+    neutralPrimary: string;
     /**
      * Color code for neutralPrimaryAlt.
      */
-    neutralPrimaryAlt?: string;
+    neutralPrimaryAlt: string;
     /**
      * Color code for neutralSecondary.
      */
-    neutralSecondary?: string;
+    neutralSecondary: string;
     /**
      * Color code for neutralTertiary.
      */
-    neutralTertiary?: string;
+    neutralTertiary: string;
     /**
      * Color code for neutralTertiaryAlt.
      */
-    neutralTertiaryAlt?: string;
+    neutralTertiaryAlt: string;
     /**
      * Color code for neutralQuaternary.
      */
-    neutralQuaternary?: string;
+    neutralQuaternary: string;
     /**
      * Color code for neutralQuaternaryAlt.
      */
-    neutralQuaternaryAlt?: string;
+    neutralQuaternaryAlt: string;
     /**
      * Color code for neutralLight.
      */
-    neutralLight?: string;
+    neutralLight: string;
     /**
      * Color code for neutralLighter.
      */
-    neutralLighter?: string;
+    neutralLighter: string;
     /**
      * Color code for neutralLighterAlt.
      */
-    neutralLighterAlt?: string;
+    neutralLighterAlt: string;
     /**
      * Color code for white.
      */
-    white?: string;
+    white: string;
     /**
      * Color code for yellow.
      */
-    yellow?: string;
+    yellow: string;
     /**
      * Color code for yellowLight.
      */
-    yellowLight?: string;
+    yellowLight: string;
     /**
      * Color code for orange.
      */
-    orange?: string;
+    orange: string;
     /**
      * Color code for orangeLight.
      */
-    orangeLight?: string;
+    orangeLight: string;
     /**
      * Color code for orangeLighter.
      */
-    orangeLighter?: string;
+    orangeLighter: string;
     /**
      * Color code for redDark.
      */
-    redDark?: string;
+    redDark: string;
     /**
      * Color code for red.
      */
-    red?: string;
+    red: string;
     /**
      * Color code for magentaDark.
      */
-    magentaDark?: string;
+    magentaDark: string;
     /**
      * Color code for magenta.
      */
-    magenta?: string;
+    magenta: string;
     /**
      * Color code for magentaLight.
      */
-    magentaLight?: string;
+    magentaLight: string;
     /**
      * Color code for purpleDark.
      */
-    purpleDark?: string;
+    purpleDark: string;
     /**
      * Color code for purple.
      */
-    purple?: string;
+    purple: string;
     /**
      * Color code for purpleLight.
      */
-    purpleLight?: string;
+    purpleLight: string;
     /**
      * Color code for blueDark.
      */
-    blueDark?: string;
+    blueDark: string;
     /**
      * Color code for blueMid.
      */
-    blueMid?: string;
+    blueMid: string;
     /**
      * Color code for blue.
      */
-    blue?: string;
+    blue: string;
     /**
      * Color code for blueLight.
      */
-    blueLight?: string;
+    blueLight: string;
     /**
      * Color code for tealDark.
      */
-    tealDark?: string;
+    tealDark: string;
     /**
      * Color code for teal.
      */
-    teal?: string;
+    teal: string;
     /**
      * Color code for tealLight.
      */
-    tealLight?: string;
+    tealLight: string;
     /**
      * Color code for greenDark.
      */
-    greenDark?: string;
+    greenDark: string;
     /**
      * Color code for green.
      */
-    green?: string;
+    green: string;
     /**
      * Color code for greenLight.
      */
-    greenLight?: string;
+    greenLight: string;
 }

lib-amd/interfaces/ISemanticColors.d.ts

@@ -42,55 +42,55 @@ /**
      */
-    bodyBackground?: string;
+    bodyBackground: string;
     /**
      * The default color for text.
      */
-    bodyText?: string;
+    bodyText: string;
     /**
      * De-emphasized text; e.g. metadata, captions, placeholder text.
      */
-    bodySubtext?: string;
+    bodySubtext: string;
     /**
      * Divider lines; e.g. lines that separate sections in a menu, an <HR> element.
      */
-    bodyDivider?: string;
+    bodyDivider: string;
     /**
      * The default color for backgrounds of disabled controls; e.g. disabled text field.
      */
-    disabledBackground?: string;
+    disabledBackground: string;
     /**
      * The default color for disabled text; e.g. user input inside a disabled text field.
      */
-    disabledText?: string;
+    disabledText: string;
     /**
      * Disabled de-emphasized text; e.g. placeholder text inside disabled input field.
      */
-    disabledSubtext?: string;
+    disabledSubtext: string;
     /**
      * The color of the outline around focused controls that don't already have a border; e.g. menu items
      */
-    focusBorder?: string;
+    focusBorder: string;
     /**
      * The background for errors, if necessary, or highlighting the section of the page where the error is present.
      */
-    errorBackground?: string;
+    errorBackground: string;
     /**
      * The default color of error text.
      */
-    errorText?: string;
+    errorText: string;
     /**
      * The border of an input control in its resting, unchecked state; e.g. the box of an unchecked checkbox.
      */
-    inputBorder?: string;
+    inputBorder: string;
     /**
      * The border color of a hovered input control.
      */
-    inputBorderHovered?: string;
+    inputBorderHovered: string;
     /**
      * The background of a checked control; e.g. checked radio button's dot, checked toggle's background.
      */
-    inputBackgroundChecked?: string;
+    inputBackgroundChecked: string;
     /**
      * The background of a checked and hovered control; e.g. checked checkbox's background color on hover.
      */
-    inputBackgroundCheckedHovered?: string;
+    inputBackgroundCheckedHovered: string;
     /**
@@ -100,43 +100,43 @@ * The foreground of a checked control; e.g. checked checkbox's checkmark color, checked toggle's thumb color,
      */
-    inputForegroundChecked?: string;
+    inputForegroundChecked: string;
     /**
      * The alternate focus border color for elements that already have a border; e.g. text field borders on focus.
      */
-    inputFocusBorderAlt?: string;
+    inputFocusBorderAlt: string;
     /**
      * The background of a hovered menu item.
      */
-    menuItemBackgroundHovered?: string;
+    menuItemBackgroundHovered: string;
     /**
      * The background of checked menu item; e.g. a menu item whose submenu is open, a selected dropdown item.
      */
-    menuItemBackgroundChecked?: string;
+    menuItemBackgroundChecked: string;
     /**
      * The default colors of icons in menus.
      */
-    menuIcon?: string;
+    menuIcon: string;
     /**
      * The headers in menus that denote title of a section.
      */
-    menuHeader?: string;
+    menuHeader: string;
     /**
      * The background color for the entire list.
      */
-    listBackground?: string;
+    listBackground: string;
     /**
      * The default text color for list item titles and text in column fields.
      */
-    listTextColor?: string;
+    listTextColor: string;
     /**
      * The background color of a hovered list item.
      */
-    listItemBackgroundHovered?: string;
+    listItemBackgroundHovered: string;
     /**
      * The background color of a checked list item.
      */
-    listItemBackgroundChecked?: string;
+    listItemBackgroundChecked: string;
     /**
      * The background color of a checked and hovered list item.
      */
-    listItemBackgroundCheckedHovered?: string;
+    listItemBackgroundCheckedHovered: string;
 }

lib-amd/interfaces/ITheme.d.ts

@@ -7,3 +7,8 @@ import { IPalette } from './IPalette';
     fonts: IFontStyles;
-    semanticColors?: ISemanticColors;
+    semanticColors: ISemanticColors;
 }
+export interface IPartialTheme {
+    palette?: Partial<IPalette>;
+    fonts?: Partial<IFontStyles>;
+    semanticColors?: Partial<ISemanticColors>;
+}

lib-amd/styles/DefaultFontStyles.js

@@ -108,3 +108,3 @@ define(["require", "exports", "../glamorExports", "@uifabric/utilities/lib/language"], function (require, exports, glamorExports_1, language_1) {
         for (var lang in LanguageToFontMap) {
-            if (LanguageToFontMap.hasOwnProperty(lang) && lang.indexOf(language) === 0) {
+            if (LanguageToFontMap.hasOwnProperty(lang) && language && lang.indexOf(language) === 0) {
                 // tslint:disable-next-line:no-any
@@ -111,0 +111,0 @@ fontFamily = LanguageToFontMap[lang];

lib-amd/styles/getFocusStyle.d.ts

@@ -12,2 +12,2 @@ import { IProcessedStyle, ITheme } from '../interfaces/index';
  */
-export declare function getFocusStyle(theme: ITheme, inset?: string, color?: string, position?: 'relative' | 'absolute'): IProcessedStyle;
+export declare function getFocusStyle(theme: ITheme, inset?: string, color?: string | undefined, position?: 'relative' | 'absolute'): IProcessedStyle;

lib-amd/styles/theme.d.ts

@@ -1,2 +0,2 @@
-import { ITheme } from '../interfaces/index';
+import { ITheme, IPartialTheme } from '../interfaces/index';
 export declare const ThemeSettingName = "theme";
@@ -8,8 +8,8 @@ /**
 /**
- * Loads the default global theme definition.
+ * Applies the theme, while filling in missing slots.
  */
-export declare function loadTheme(theme: Partial<ITheme>): void;
+export declare function loadTheme(theme: IPartialTheme): ITheme;
 /**
  * Creates a custom theme definition which can be used with the Customizer.
  */
-export declare function createTheme(theme: Partial<ITheme>): ITheme;
+export declare function createTheme(theme: IPartialTheme): ITheme;

lib-amd/styles/theme.js

@@ -1,2 +0,2 @@
-define(["require", "exports", "tslib", "./DefaultFontStyles", "./DefaultPalette", "@microsoft/load-themed-styles", "@uifabric/utilities/lib/GlobalSettings"], function (require, exports, tslib_1, DefaultFontStyles_1, DefaultPalette_1, load_themed_styles_1, GlobalSettings_1) {
+define(["require", "exports", "tslib", "@uifabric/utilities/lib/GlobalSettings", "./DefaultFontStyles", "./DefaultPalette", "@microsoft/load-themed-styles"], function (require, exports, tslib_1, GlobalSettings_1, DefaultFontStyles_1, DefaultPalette_1, load_themed_styles_1) {
     "use strict";
@@ -26,3 +26,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
     /**
-     * Loads the default global theme definition.
+     * Applies the theme, while filling in missing slots.
      */
@@ -34,2 +34,3 @@ function loadTheme(theme) {
         GlobalSettings_1.GlobalSettings.setValue(exports.ThemeSettingName, _theme);
+        return _theme;
     }
@@ -41,6 +42,6 @@ exports.loadTheme = loadTheme;
     function createTheme(theme) {
-        var newPalette = tslib_1.__assign({}, _theme.palette, theme.palette);
+        var newPalette = tslib_1.__assign({}, DefaultPalette_1.DefaultPalette, theme.palette);
         return {
             palette: newPalette,
-            fonts: tslib_1.__assign({}, _theme.fonts, theme.fonts),
+            fonts: tslib_1.__assign({}, DefaultFontStyles_1.DefaultFontStyles, theme.fonts),
             semanticColors: tslib_1.__assign({}, _makeSemanticColorsFromPalette(newPalette), theme.semanticColors)
@@ -62,3 +63,3 @@ };
             focusBorder: p.black,
-            // errorBackground: todo,
+            errorBackground: '#fde7e9',
             errorText: p.redDark,
@@ -65,0 +66,0 @@ inputBorder: p.neutralTertiary,

lib-amd/utilities/mergeStyles.d.ts

@@ -13,2 +13,2 @@ import { IStyle, IProcessedStyle } from '../interfaces/index';
  */
-export declare function mergeStyles(...args: (IStyle | string)[]): IProcessedStyle | string;
+export declare function mergeStyles(...args: (IStyle | string | null | undefined)[]): IProcessedStyle | string;

lib-amd/utilities/mergeStyles.js

@@ -51,3 +51,3 @@ define(["require", "exports", "glamor", "@uifabric/utilities/lib/FabricPerformance"], function (require, exports, glamor_1, FabricPerformance_1) {
         }
-        return rulesObject;
+        return rulesObject || {};
     }
@@ -54,0 +54,0 @@ exports.mergeStyles = mergeStyles;

lib/examples/AnimationTile/AnimationTile.styles.d.ts

 import { IStyle, ITheme } from '@uifabric/styling';
 export interface IAnimationTileStyles {
-    root?: IStyle;
-    title?: IStyle;
-    container?: IStyle;
-    animationBox?: IStyle;
-    isLeft?: IStyle;
-    isRight?: IStyle;
-    isTop?: IStyle;
-    isBottom?: IStyle;
-    isIn?: IStyle;
+    root: IStyle;
+    title: IStyle;
+    container: IStyle;
+    animationBox: IStyle;
+    isLeft: IStyle;
+    isRight: IStyle;
+    isTop: IStyle;
+    isBottom: IStyle;
+    isIn: IStyle;
 }
 export declare function getStyles(theme?: ITheme): IAnimationTileStyles;

lib/interfaces/index.d.ts

@@ -8,2 +8,2 @@ export { IProcessedStyle } from './IProcessedStyle';
 export { IFontStyles } from './IFontStyles';
-export { ITheme } from './ITheme';
+export { ITheme, IPartialTheme } from './ITheme';

lib/interfaces/IPalette.d.ts

@@ -8,183 +8,183 @@ /**
      */
-    themeDarker?: string;
+    themeDarker: string;
     /**
      * Color code for themeDark.
      */
-    themeDark?: string;
+    themeDark: string;
     /**
      * Color code for themeDarkAlt.
      */
-    themeDarkAlt?: string;
+    themeDarkAlt: string;
     /**
      * Color code for themePrimary.
      */
-    themePrimary?: string;
+    themePrimary: string;
     /**
      * Color code for themeSecondary.
      */
-    themeSecondary?: string;
+    themeSecondary: string;
     /**
      * Color code for themeTertiary.
      */
-    themeTertiary?: string;
+    themeTertiary: string;
     /**
      * Color code for themeLight.
      */
-    themeLight?: string;
+    themeLight: string;
     /**
      * Color code for themeLighter.
      */
-    themeLighter?: string;
+    themeLighter: string;
     /**
      * Color code for themeLighterAlt.
      */
-    themeLighterAlt?: string;
+    themeLighterAlt: string;
     /**
      * Color code for black.
      */
-    black?: string;
+    black: string;
     /**
      * Color code for blackTranslucent40.
      */
-    blackTranslucent40?: string;
+    blackTranslucent40: string;
     /**
      * Color code for neutralDark.
      */
-    neutralDark?: string;
+    neutralDark: string;
     /**
      * Color code for neutralPrimary.
      */
-    neutralPrimary?: string;
+    neutralPrimary: string;
     /**
      * Color code for neutralPrimaryAlt.
      */
-    neutralPrimaryAlt?: string;
+    neutralPrimaryAlt: string;
     /**
      * Color code for neutralSecondary.
      */
-    neutralSecondary?: string;
+    neutralSecondary: string;
     /**
      * Color code for neutralTertiary.
      */
-    neutralTertiary?: string;
+    neutralTertiary: string;
     /**
      * Color code for neutralTertiaryAlt.
      */
-    neutralTertiaryAlt?: string;
+    neutralTertiaryAlt: string;
     /**
      * Color code for neutralQuaternary.
      */
-    neutralQuaternary?: string;
+    neutralQuaternary: string;
     /**
      * Color code for neutralQuaternaryAlt.
      */
-    neutralQuaternaryAlt?: string;
+    neutralQuaternaryAlt: string;
     /**
      * Color code for neutralLight.
      */
-    neutralLight?: string;
+    neutralLight: string;
     /**
      * Color code for neutralLighter.
      */
-    neutralLighter?: string;
+    neutralLighter: string;
     /**
      * Color code for neutralLighterAlt.
      */
-    neutralLighterAlt?: string;
+    neutralLighterAlt: string;
     /**
      * Color code for white.
      */
-    white?: string;
+    white: string;
     /**
      * Color code for yellow.
      */
-    yellow?: string;
+    yellow: string;
     /**
      * Color code for yellowLight.
      */
-    yellowLight?: string;
+    yellowLight: string;
     /**
      * Color code for orange.
      */
-    orange?: string;
+    orange: string;
     /**
      * Color code for orangeLight.
      */
-    orangeLight?: string;
+    orangeLight: string;
     /**
      * Color code for orangeLighter.
      */
-    orangeLighter?: string;
+    orangeLighter: string;
     /**
      * Color code for redDark.
      */
-    redDark?: string;
+    redDark: string;
     /**
      * Color code for red.
      */
-    red?: string;
+    red: string;
     /**
      * Color code for magentaDark.
      */
-    magentaDark?: string;
+    magentaDark: string;
     /**
      * Color code for magenta.
      */
-    magenta?: string;
+    magenta: string;
     /**
      * Color code for magentaLight.
      */
-    magentaLight?: string;
+    magentaLight: string;
     /**
      * Color code for purpleDark.
      */
-    purpleDark?: string;
+    purpleDark: string;
     /**
      * Color code for purple.
      */
-    purple?: string;
+    purple: string;
     /**
      * Color code for purpleLight.
      */
-    purpleLight?: string;
+    purpleLight: string;
     /**
      * Color code for blueDark.
      */
-    blueDark?: string;
+    blueDark: string;
     /**
      * Color code for blueMid.
      */
-    blueMid?: string;
+    blueMid: string;
     /**
      * Color code for blue.
      */
-    blue?: string;
+    blue: string;
     /**
      * Color code for blueLight.
      */
-    blueLight?: string;
+    blueLight: string;
     /**
      * Color code for tealDark.
      */
-    tealDark?: string;
+    tealDark: string;
     /**
      * Color code for teal.
      */
-    teal?: string;
+    teal: string;
     /**
      * Color code for tealLight.
      */
-    tealLight?: string;
+    tealLight: string;
     /**
      * Color code for greenDark.
      */
-    greenDark?: string;
+    greenDark: string;
     /**
      * Color code for green.
      */
-    green?: string;
+    green: string;
     /**
      * Color code for greenLight.
      */
-    greenLight?: string;
+    greenLight: string;
 }

lib/interfaces/ISemanticColors.d.ts

@@ -42,55 +42,55 @@ /**
      */
-    bodyBackground?: string;
+    bodyBackground: string;
     /**
      * The default color for text.
      */
-    bodyText?: string;
+    bodyText: string;
     /**
      * De-emphasized text; e.g. metadata, captions, placeholder text.
      */
-    bodySubtext?: string;
+    bodySubtext: string;
     /**
      * Divider lines; e.g. lines that separate sections in a menu, an <HR> element.
      */
-    bodyDivider?: string;
+    bodyDivider: string;
     /**
      * The default color for backgrounds of disabled controls; e.g. disabled text field.
      */
-    disabledBackground?: string;
+    disabledBackground: string;
     /**
      * The default color for disabled text; e.g. user input inside a disabled text field.
      */
-    disabledText?: string;
+    disabledText: string;
     /**
      * Disabled de-emphasized text; e.g. placeholder text inside disabled input field.
      */
-    disabledSubtext?: string;
+    disabledSubtext: string;
     /**
      * The color of the outline around focused controls that don't already have a border; e.g. menu items
      */
-    focusBorder?: string;
+    focusBorder: string;
     /**
      * The background for errors, if necessary, or highlighting the section of the page where the error is present.
      */
-    errorBackground?: string;
+    errorBackground: string;
     /**
      * The default color of error text.
      */
-    errorText?: string;
+    errorText: string;
     /**
      * The border of an input control in its resting, unchecked state; e.g. the box of an unchecked checkbox.
      */
-    inputBorder?: string;
+    inputBorder: string;
     /**
      * The border color of a hovered input control.
      */
-    inputBorderHovered?: string;
+    inputBorderHovered: string;
     /**
      * The background of a checked control; e.g. checked radio button's dot, checked toggle's background.
      */
-    inputBackgroundChecked?: string;
+    inputBackgroundChecked: string;
     /**
      * The background of a checked and hovered control; e.g. checked checkbox's background color on hover.
      */
-    inputBackgroundCheckedHovered?: string;
+    inputBackgroundCheckedHovered: string;
     /**
@@ -100,43 +100,43 @@ * The foreground of a checked control; e.g. checked checkbox's checkmark color, checked toggle's thumb color,
      */
-    inputForegroundChecked?: string;
+    inputForegroundChecked: string;
     /**
      * The alternate focus border color for elements that already have a border; e.g. text field borders on focus.
      */
-    inputFocusBorderAlt?: string;
+    inputFocusBorderAlt: string;
     /**
      * The background of a hovered menu item.
      */
-    menuItemBackgroundHovered?: string;
+    menuItemBackgroundHovered: string;
     /**
      * The background of checked menu item; e.g. a menu item whose submenu is open, a selected dropdown item.
      */
-    menuItemBackgroundChecked?: string;
+    menuItemBackgroundChecked: string;
     /**
      * The default colors of icons in menus.
      */
-    menuIcon?: string;
+    menuIcon: string;
     /**
      * The headers in menus that denote title of a section.
      */
-    menuHeader?: string;
+    menuHeader: string;
     /**
      * The background color for the entire list.
      */
-    listBackground?: string;
+    listBackground: string;
     /**
      * The default text color for list item titles and text in column fields.
      */
-    listTextColor?: string;
+    listTextColor: string;
     /**
      * The background color of a hovered list item.
      */
-    listItemBackgroundHovered?: string;
+    listItemBackgroundHovered: string;
     /**
      * The background color of a checked list item.
      */
-    listItemBackgroundChecked?: string;
+    listItemBackgroundChecked: string;
     /**
      * The background color of a checked and hovered list item.
      */
-    listItemBackgroundCheckedHovered?: string;
+    listItemBackgroundCheckedHovered: string;
 }

lib/interfaces/ITheme.d.ts

@@ -7,3 +7,8 @@ import { IPalette } from './IPalette';
     fonts: IFontStyles;
-    semanticColors?: ISemanticColors;
+    semanticColors: ISemanticColors;
 }
+export interface IPartialTheme {
+    palette?: Partial<IPalette>;
+    fonts?: Partial<IFontStyles>;
+    semanticColors?: Partial<ISemanticColors>;
+}

lib/styles/DefaultFontStyles.js

@@ -109,3 +109,3 @@ "use strict";
     for (var lang in LanguageToFontMap) {
-        if (LanguageToFontMap.hasOwnProperty(lang) && lang.indexOf(language) === 0) {
+        if (LanguageToFontMap.hasOwnProperty(lang) && language && lang.indexOf(language) === 0) {
             // tslint:disable-next-line:no-any
@@ -112,0 +112,0 @@ fontFamily = LanguageToFontMap[lang];

lib/styles/getFocusStyle.d.ts

@@ -12,2 +12,2 @@ import { IProcessedStyle, ITheme } from '../interfaces/index';
  */
-export declare function getFocusStyle(theme: ITheme, inset?: string, color?: string, position?: 'relative' | 'absolute'): IProcessedStyle;
+export declare function getFocusStyle(theme: ITheme, inset?: string, color?: string | undefined, position?: 'relative' | 'absolute'): IProcessedStyle;

lib/styles/theme.d.ts

@@ -1,2 +0,2 @@
-import { ITheme } from '../interfaces/index';
+import { ITheme, IPartialTheme } from '../interfaces/index';
 export declare const ThemeSettingName = "theme";
@@ -8,8 +8,8 @@ /**
 /**
- * Loads the default global theme definition.
+ * Applies the theme, while filling in missing slots.
  */
-export declare function loadTheme(theme: Partial<ITheme>): void;
+export declare function loadTheme(theme: IPartialTheme): ITheme;
 /**
  * Creates a custom theme definition which can be used with the Customizer.
  */
-export declare function createTheme(theme: Partial<ITheme>): ITheme;
+export declare function createTheme(theme: IPartialTheme): ITheme;

lib/styles/theme.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+var GlobalSettings_1 = require("@uifabric/utilities/lib/GlobalSettings");
 var DefaultFontStyles_1 = require("./DefaultFontStyles");
 var DefaultPalette_1 = require("./DefaultPalette");
 var load_themed_styles_1 = require("@microsoft/load-themed-styles");
-var GlobalSettings_1 = require("@uifabric/utilities/lib/GlobalSettings");
 var _theme = {
@@ -30,3 +30,3 @@ palette: DefaultPalette_1.DefaultPalette,
 /**
- * Loads the default global theme definition.
+ * Applies the theme, while filling in missing slots.
  */
@@ -38,2 +38,3 @@ function loadTheme(theme) {
     GlobalSettings_1.GlobalSettings.setValue(exports.ThemeSettingName, _theme);
+    return _theme;
 }
@@ -45,6 +46,6 @@ exports.loadTheme = loadTheme;
 function createTheme(theme) {
-    var newPalette = tslib_1.__assign({}, _theme.palette, theme.palette);
+    var newPalette = tslib_1.__assign({}, DefaultPalette_1.DefaultPalette, theme.palette);
     return {
         palette: newPalette,
-        fonts: tslib_1.__assign({}, _theme.fonts, theme.fonts),
+        fonts: tslib_1.__assign({}, DefaultFontStyles_1.DefaultFontStyles, theme.fonts),
         semanticColors: tslib_1.__assign({}, _makeSemanticColorsFromPalette(newPalette), theme.semanticColors)
@@ -66,3 +67,3 @@ };
         focusBorder: p.black,
-        // errorBackground: todo,
+        errorBackground: '#fde7e9',
         errorText: p.redDark,
@@ -69,0 +70,0 @@ inputBorder: p.neutralTertiary,

lib/utilities/mergeStyles.d.ts

@@ -13,2 +13,2 @@ import { IStyle, IProcessedStyle } from '../interfaces/index';
  */
-export declare function mergeStyles(...args: (IStyle | string)[]): IProcessedStyle | string;
+export declare function mergeStyles(...args: (IStyle | string | null | undefined)[]): IProcessedStyle | string;

lib/utilities/mergeStyles.js

@@ -52,3 +52,3 @@ "use strict";
     }
-    return rulesObject;
+    return rulesObject || {};
 }
@@ -55,0 +55,0 @@ exports.mergeStyles = mergeStyles;

package-deps.json

@@ -5,4 +5,5 @@ {
     "packages/styling/.npmrc": "825c83e09df4dad076d980d1236c532d689edf75",
-    "packages/styling/CHANGELOG.json": "bb0cc21c671085e63c88ce91754645de182613fc",
-    "packages/styling/CHANGELOG.md": "6edd73d64329295f7bd468b94fc51210bb50f705",
+    "packages/styling/CHANGELOG.json": "3873a26b0ff9ab7a14ec87e344a3f389276f9d7e",
+    "packages/styling/CHANGELOG.md": "0a1b4b60158a1a2dc31cbf01954025ce96636a39",
+    "packages/styling/LICENSE": "d29ec4fa050ac97b39c5b514a8d467d790ddb542",
     "packages/styling/README.md": "793b76a8d1e8ba29a382526c492972beea3dc535",
@@ -14,3 +15,3 @@ "packages/styling/config/api-extractor.json": "9c294e8c13388f8d28d5aa10408fc68cf74723be",
     "packages/styling/index.html": "df2218fe1ab9aa3e7b2208487831f853308c9623",
-    "packages/styling/package.json": "c945c2e39b8f4baa383b902fb03e48dc3b57111c",
+    "packages/styling/package.json": "9664ec49bcbcd21ad86e08d4ec781db06ed3eece",
     "packages/styling/src/classNames/AnimationClassNames.ts": "1b073c8ebeedeb817255ba6249fb1ad0cec5e37f",
@@ -24,3 +25,3 @@ "packages/styling/src/classNames/ColorClassNames.ts": "3b748ba8371655e8112b7952e3f115e582e9df74",
     "packages/styling/src/examples/AnimationPage/AnimationPage.tsx": "55a9678c60e13f7439a139cb723030ab252699f1",
-    "packages/styling/src/examples/AnimationTile/AnimationTile.styles.ts": "733c5592d9c81884dffc1d0c5ab2f8b0efb06f47",
+    "packages/styling/src/examples/AnimationTile/AnimationTile.styles.ts": "eb09c5f655678f8375452539c85b4d2bf8a45494",
     "packages/styling/src/examples/AnimationTile/AnimationTile.tsx": "545bcf46b3603b2c2f25857d24083a97377c06cd",
@@ -45,24 +46,24 @@ "packages/styling/src/examples/ColorPage/ColorPage.styles.ts": "957eaa6273f7c5efd0740f5220ed1fc2af8ed03c",
     "packages/styling/src/interfaces/IFontStyles.ts": "4c6ddb9343ae8d20b34bda044bd557ee5fe9f677",
-    "packages/styling/src/interfaces/IPalette.ts": "73dc4e77fc4a27c8810d7f9eca2119b1812d601f",
+    "packages/styling/src/interfaces/IPalette.ts": "611f1810648c69be9966d163691ae4eefeb88301",
     "packages/styling/src/interfaces/IProcessedStyle.ts": "0bb6509b649520f20ed649d0d6ee1139e3b885c1",
     "packages/styling/src/interfaces/IRawStyle.ts": "c9deea151cdf71a965df292994b12ddd7c8ebef8",
-    "packages/styling/src/interfaces/ISemanticColors.ts": "2a58cf069e4ffabe5586efa11bd1237812528f2e",
+    "packages/styling/src/interfaces/ISemanticColors.ts": "c7d5b3d17f99996b8b1e2f49e5d2a5575ac57415",
     "packages/styling/src/interfaces/IStyle.ts": "86f57812b8c693b6fa13d3290d9c8607dbd5369e",
     "packages/styling/src/interfaces/ISwatch.ts": "6d212a81025c20e9b407e73706c4163fac8c334d",
     "packages/styling/src/interfaces/ISwatchSet.ts": "70bcaf9b3358dafed3fafe1d54b4d708d135988a",
-    "packages/styling/src/interfaces/ITheme.ts": "0437c9b77214aa6c20acb05c7ecc0d8b8fcf5ece",
-    "packages/styling/src/interfaces/index.ts": "218951c85c7197af6d4248e125b19ad035e313e7",
+    "packages/styling/src/interfaces/ITheme.ts": "90fb34dbac2d61c915ebbe56c703b0b133a54e7c",
+    "packages/styling/src/interfaces/index.ts": "e80c7d3d1ce69f1d3b0b588e174a30dcaad909f1",
     "packages/styling/src/office-ui-styling.manifest.json": "492d48e60542c3a9b73a7f587b67872582b17823",
     "packages/styling/src/styles/AnimationStyles.ts": "968541748f5b0fecf0000abcf4483d54828b7437",
-    "packages/styling/src/styles/DefaultFontStyles.ts": "f1d6171366ce47da3544aec2f7548c08deb2e487",
+    "packages/styling/src/styles/DefaultFontStyles.ts": "c1b46d9bb7ea97c465cfec3dc8bef487c2c05d54",
     "packages/styling/src/styles/DefaultPalette.ts": "68adf43165d029a3505b8ace2350ac428e781345",
     "packages/styling/src/styles/IconCodes.ts": "1461a370e495b78c2815a2afc53c6ed85e183583",
-    "packages/styling/src/styles/getFocusStyle.ts": "5bd5f91e4da391feff5b6c952ea7405c3ebb1956",
+    "packages/styling/src/styles/getFocusStyle.ts": "16b285967082489e67c3b504ad2ed229b40ba993",
     "packages/styling/src/styles/index.ts": "881706017c0c9116e8dea3da14f56fdba71a152b",
-    "packages/styling/src/styles/theme.ts": "9e9ca5e225d17c1800095fa3e713dd5eb9c7b4fc",
+    "packages/styling/src/styles/theme.ts": "7f059854f356d01e4e204e78016ae4e58691a7d6",
     "packages/styling/src/utilities/buildClassMap.ts": "9ab4bc9c6f0d18a36cd67c8706461ed9743c3a45",
     "packages/styling/src/utilities/index.ts": "26d203ec8ceea4a9352bc1f308decab31304c659",
     "packages/styling/src/utilities/mergeStyleSets.ts": "489a7e4e293fa20709ad375817a8abe4193478df",
-    "packages/styling/src/utilities/mergeStyles.ts": "185dd7c3a20e3a71f2f56570cd891036bb36e34c",
-    "packages/styling/tsconfig.json": "1ef6a2633361fbaaa1a7d0e5bc0c25469e9c3c21",
+    "packages/styling/src/utilities/mergeStyles.ts": "a74e67bdd30cb71676332d541c2b70d6bf5b29ac",
+    "packages/styling/tsconfig.json": "b3619a40108716ca65641b89ba6e662c9e8255d6",
     "packages/styling/tslint.json": "621ee6ba046052113aa7042fb5bb5323594253ff",
@@ -88,18 +89,8 @@ "packages/styling/webpack.config.js": "f62169121828fce963c15cd7c5e6ee01efc9762e",
     "apps/component-demo/webpack.config.js": "3fb1f0a32ca1a71376b0261bd16dd3cc7b298c52",
-    "common/changes/@uifabric/example-app-base/anihan-hover-card_2017-06-22-01-39.json": "fa53882beab0fffb5853764b5f2ccdd1e56b1a0d",
-    "common/changes/@uifabric/example-app-base/overflow-set-cache-key-no-grow_2017-06-30-20-42.json": "8986a3dbd61f26a6f6d95250dc4f280c52059e37",
-    "common/changes/@uifabric/fabric-website/anihan-hover-card_2017-06-22-01-39.json": "a7a946702dea021bd51fec697e0dd5b625327206",
     "common/changes/@uifabric/fabric-website/miwhea-website-update-header_2017-06-09-19-15.json~HEAD": "ca46d03d328836932b80598ff535fcba69693730",
     "common/changes/@uifabric/fabric-website/miwhea-website-update-header_2017-06-09-19-15.json~b0ee1f6c9e5f0d9b31c060d92998e0c43af504d4": "ca46d03d328836932b80598ff535fcba69693730",
-    "common/changes/@uifabric/fabric-website/overflow-set-cache-key-no-grow_2017-06-30-20-42.json": "fa5fca5c645ebc6d63b38ebff0115431351ccae2",
-    "common/changes/@uifabric/styling/anihan-hover-card_2017-06-22-01-39.json": "a97fc36c90b662c7191e0548f46ab77a0d1d629c",
-    "common/changes/@uifabric/styling/overflow-set-cache-key-no-grow_2017-06-30-20-42.json": "e6b8f7e62cafdca184a7d02ad9213b52962a8abd",
-    "common/changes/@uifabric/utilities/anihan-hover-card_2017-06-22-01-39.json": "faf4dbcc11174e08cacb63b9cd59d0a032204786",
-    "common/changes/@uifabric/utilities/export-global-settings_2017-07-05-16-58.json": "cf2703906ad03bda7a0c85df54edbb1cc7de0507",
-    "common/changes/@uifabric/utilities/overflow-set-cache-key-no-grow_2017-06-30-20-42.json": "7eeb1bd3be6a9e3000365c01afbc78731f6d6567",
-    "common/changes/office-ui-fabric-react/anihan-hover-card_2017-06-22-01-39.json": "05e8c01918099f629c928690768273d9b782112b",
-    "common/changes/office-ui-fabric-react/fix-details-row-cell-size_2017-07-05-18-22.json": "23ae10a2f744532fc4f93b012789fd679daad952",
-    "common/changes/office-ui-fabric-react/overflow-set-cache-key-no-grow_2017-06-30-20-42.json": "aee85f4bef1c8581d01912e2ec3a3bb00ea70f9c",
-    "common/changes/office-ui-fabric-react/toggle-aria-label_2017-07-03-16-50.json": "15f42a2353f87d14b521f695cb252eebdac8b54e",
-    "common/changes/office-ui-fabric-react/v-edwliu-commandbar-item-margin_2017-06-29-20-26.json": "68c64bef96f843a1029ee1cdd464d86a67287b37",
+    "common/changes/@uifabric/styling/phkuo-themingClasses_2017-07-05-22-20.json": "2b1a4bebcc85a70bcc32e70cfe1223556dda5486",
+    "common/changes/@uifabric/styling/styling-strict-null_2017-06-28-14-07.json": "42c9f3d57c185cac45d7625bf8fdfd1893131cdf",
+    "common/changes/office-ui-fabric-react/users-adsurang-bugfixes4_2017-07-03-19-25.json": "402ce49328666b304d81f7d2e3435a7ba087ba01",
+    "common/changes/office-ui-fabric-react/users-chench-ignorechevron_2017-06-29-18-00.json": "da142146a2ed1c6ee3af208c5bf4d7896cfbf258",
     "common/config/rush/npm-shrinkwrap.json": "f4908916778c381d98818fb5586bdd8b6477abe2",
@@ -106,0 +97,0 @@ "common/config/rush/pinned-versions.json": "25d1374df7f188789dc94653ea3ba88be3dc8b90",

package.json

 {
   "name": "@uifabric/styling",
-  "version": "0.12.3",
+  "version": "0.13.0",
   "description": "Defines the core Office UI Fabric styles through a JavaScript interface.",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

temp/manifests.js

@@ -1534,3 +1534,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	    "componentType": "Library",
-	    "version": "0.12.2",
+	    "version": "0.12.3",
 	    "manifestVersion": 2,
@@ -1537,0 +1537,0 @@ "loaderConfig": {

temp/manifests.json

@@ -6,3 +6,3 @@ [
     "componentType": "Library",
-    "version": "0.12.2",
+    "version": "0.12.3",
     "manifestVersion": 2,
@@ -9,0 +9,0 @@ "loaderConfig": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No License Found

License

(Experimental) License information could not be found.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2080643

increased by0.1%

Number of package files

302

increased by0.33%

Number of low license alerts

0

decreased by-100%

Lines of code

16860

increased by0.15%

No dependency changes