@uifabric/styling - npm Package Compare versions

Comparing version 0.11.10 to 0.12.0

CHANGELOG.json

@@ -5,2 +5,21 @@ {
     {
+      "version": "0.12.0",
+      "tag": "@uifabric/styling_v0.12.0",
+      "date": "Fri, 30 Jun 2017 19:44:26 GMT",
+      "comments": {
+        "minor": [
+          {
+            "author": "David Zearing <[e-mail]>",
+            "commit": "20e5559ad325465a6c1bdc3bbb879ce831adc9e9",
+            "comment": "Dependencies now use path based imports to various utilities to minimize the graph dependency."
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@uifabric/utilities\" from `>=4.5.0 <5.0.0` to `>=4.6.0 <5.0.0`"
+          }
+        ]
+      }
+    },
+    {
       "version": "0.11.10",
@@ -7,0 +26,0 @@ "tag": "@uifabric/styling_v0.11.10",

CHANGELOG.md

 # Change Log - @uifabric/styling
 
-This log was last generated on Fri, 30 Jun 2017 10:23:15 GMT and should not be manually modified.
+This log was last generated on Fri, 30 Jun 2017 19:44:26 GMT and should not be manually modified.
 
+## 0.12.0
+Fri, 30 Jun 2017 19:44:26 GMT
+
+### Minor changes
+
+- Dependencies now use path based imports to various utilities to minimize the graph dependency.
+
 ## 0.11.10
@@ -6,0 +13,0 @@ Fri, 30 Jun 2017 10:23:15 GMT

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

@@ -5,3 +5,3 @@ {
   "componentType": "Library",
-  "version": "0.11.9",
+  "version": "0.11.10",
   "manifestVersion": 2,
@@ -17,8 +17,2 @@ "loaderConfig": {
         "path": "dist/office-ui-styling.js"
-      },
-      "react": {
-        "type": "component",
-        "version": "15.4.2",
-        "id": "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d",
-        "failoverPath": "node_modules/react/dist/react.js"
       }
@@ -25,0 +19,0 @@ }

lib-amd/glamorExports.js

@@ -1,2 +0,2 @@
-define(["require", "exports", "glamor", "rtl-css-js", "@uifabric/utilities/lib/index"], function (require, exports, Glamor, rtl_css_js_1, index_1) {
+define(["require", "exports", "glamor", "rtl-css-js", "@uifabric/utilities/lib/rtl"], function (require, exports, Glamor, rtl_css_js_1, rtl_1) {
     "use strict";
@@ -16,3 +16,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
                 selector: selector,
-                style: index_1.getRTL() ? rtl_css_js_1.default(style) : style
+                style: rtl_1.getRTL() ? rtl_css_js_1.default(style) : style
             });
@@ -19,0 +19,0 @@ });

lib-amd/interfaces/index.d.ts

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

lib-amd/styles/DefaultFontStyles.js

@@ -1,2 +0,2 @@
-define(["require", "exports", "../glamorExports", "@uifabric/utilities/lib/index"], function (require, exports, glamorExports_1, index_1) {
+define(["require", "exports", "../glamorExports", "@uifabric/utilities/lib/language"], function (require, exports, glamorExports_1, language_1) {
     "use strict";
@@ -105,3 +105,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
     function _getFontFamily() {
-        var language = index_1.getLanguage();
+        var language = language_1.getLanguage();
         var fontFamily = FontFamilyWestEuropean;
@@ -173,3 +173,3 @@ for (var lang in LanguageToFontMap) {
     function _getFontBaseUrl() {
-        var win = index_1.getWindow();
+        var win = typeof window !== 'undefined' ? window : undefined;
         // tslint:disable-next-line:no-string-literal no-any
@@ -176,0 +176,0 @@ var fabricConfig = win ? win['FabricConfig'] : undefined;

lib-amd/styles/getFocusStyle.d.ts

@@ -1,3 +0,2 @@
-import { IProcessedStyle } from '../interfaces/index';
-import { ITheme } from './theme';
+import { IProcessedStyle, ITheme } from '../interfaces/index';
 /**
@@ -4,0 +3,0 @@ * Generates a focus style which can be used to define an :after focus border.

lib-amd/styles/index.d.ts

@@ -6,2 +6,2 @@ export { AnimationStyles } from './AnimationStyles';
 export { getFocusStyle } from './getFocusStyle';
-export { ITheme, getTheme, loadTheme, createTheme } from './theme';
+export { ThemeSettingName, getTheme, loadTheme, createTheme } from './theme';

lib-amd/styles/index.js

@@ -11,2 +11,3 @@ define(["require", "exports", "./AnimationStyles", "./DefaultPalette", "./DefaultFontStyles", "./IconCodes", "./getFocusStyle", "./theme"], function (require, exports, AnimationStyles_1, DefaultPalette_1, DefaultFontStyles_1, IconCodes_1, getFocusStyle_1, theme_1) {
     exports.getFocusStyle = getFocusStyle_1.getFocusStyle;
+    exports.ThemeSettingName = theme_1.ThemeSettingName;
     exports.getTheme = theme_1.getTheme;
@@ -13,0 +14,0 @@ exports.loadTheme = theme_1.loadTheme;

lib-amd/styles/theme.d.ts

@@ -1,7 +0,3 @@
-import { IPalette, IFontStyles, ISemanticColors } from '../interfaces/index';
-export interface ITheme {
-    palette: IPalette;
-    fonts: IFontStyles;
-    semanticColors?: ISemanticColors;
-}
+import { ITheme } from '../interfaces/index';
+export declare const ThemeSettingName = "theme";
 /**
@@ -8,0 +4,0 @@ * Gets the theme object.

lib-amd/styles/theme.js

@@ -1,2 +0,2 @@
-define(["require", "exports", "tslib", "./DefaultFontStyles", "./DefaultPalette", "@uifabric/utilities/lib/index", "@microsoft/load-themed-styles"], function (require, exports, tslib_1, DefaultFontStyles_1, DefaultPalette_1, index_1, load_themed_styles_1) {
+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) {
     "use strict";
@@ -9,3 +9,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
     };
-    var win = index_1.getWindow();
+    exports.ThemeSettingName = 'theme';
+    var win = typeof window !== 'undefined' ? window : undefined;
     // tslint:disable:no-string-literal no-any
@@ -16,3 +17,4 @@ if (win && win['FabricConfig'] && win['FabricConfig'].theme) {
     // tslint:enable:no-string-literal no-any
-    index_1.Customizer.setDefault('theme', _theme);
+    // Set the default theme.
+    GlobalSettings_1.GlobalSettings.setValue(exports.ThemeSettingName, _theme);
     /**
@@ -32,3 +34,3 @@ * Gets the theme object.
         load_themed_styles_1.loadTheme(_theme.palette);
-        index_1.Customizer.setDefault('theme', _theme);
+        GlobalSettings_1.GlobalSettings.setValue(exports.ThemeSettingName, _theme);
     }
@@ -35,0 +37,0 @@ exports.loadTheme = loadTheme;

lib-amd/utilities/mergeStyles.js

@@ -1,2 +0,2 @@
-define(["require", "exports", "glamor", "@uifabric/utilities/lib/index"], function (require, exports, glamor_1, index_1) {
+define(["require", "exports", "glamor", "@uifabric/utilities/lib/FabricPerformance"], function (require, exports, glamor_1, FabricPerformance_1) {
     "use strict";
@@ -41,3 +41,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
         if (rules.length) {
-            index_1.FabricPerformance.measure('glamor.css', function () {
+            FabricPerformance_1.FabricPerformance.measure('glamor.css', function () {
                 rulesObject = glamor_1.css.apply(void 0, rules);
@@ -44,0 +44,0 @@ });

lib/glamorExports.js

@@ -5,3 +5,3 @@ "use strict";
 var rtl_css_js_1 = require("rtl-css-js");
-var index_1 = require("@uifabric/utilities/lib/index");
+var rtl_1 = require("@uifabric/utilities/lib/rtl");
 function _initializeGlamor() {
@@ -19,3 +19,3 @@ // force speedy.
             selector: selector,
-            style: index_1.getRTL() ? rtl_css_js_1.default(style) : style
+            style: rtl_1.getRTL() ? rtl_css_js_1.default(style) : style
         });
@@ -22,0 +22,0 @@ });

lib/interfaces/index.d.ts

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

lib/styles/DefaultFontStyles.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var glamorExports_1 = require("../glamorExports");
-var index_1 = require("@uifabric/utilities/lib/index");
+var language_1 = require("@uifabric/utilities/lib/language");
 // Default urls.
@@ -106,3 +106,3 @@ var DefaultBaseUrl = 'https://static2.sharepointonline.com/files/fabric/assets';
 function _getFontFamily() {
-    var language = index_1.getLanguage();
+    var language = language_1.getLanguage();
     var fontFamily = FontFamilyWestEuropean;
@@ -174,3 +174,3 @@ for (var lang in LanguageToFontMap) {
 function _getFontBaseUrl() {
-    var win = index_1.getWindow();
+    var win = typeof window !== 'undefined' ? window : undefined;
     // tslint:disable-next-line:no-string-literal no-any
@@ -177,0 +177,0 @@ var fabricConfig = win ? win['FabricConfig'] : undefined;

lib/styles/getFocusStyle.d.ts

@@ -1,3 +0,2 @@
-import { IProcessedStyle } from '../interfaces/index';
-import { ITheme } from './theme';
+import { IProcessedStyle, ITheme } from '../interfaces/index';
 /**
@@ -4,0 +3,0 @@ * Generates a focus style which can be used to define an :after focus border.

lib/styles/index.d.ts

@@ -6,2 +6,2 @@ export { AnimationStyles } from './AnimationStyles';
 export { getFocusStyle } from './getFocusStyle';
-export { ITheme, getTheme, loadTheme, createTheme } from './theme';
+export { ThemeSettingName, getTheme, loadTheme, createTheme } from './theme';

lib/styles/index.js

@@ -16,2 +16,3 @@ "use strict";
 var theme_1 = require("./theme");
+exports.ThemeSettingName = theme_1.ThemeSettingName;
 exports.getTheme = theme_1.getTheme;
@@ -18,0 +19,0 @@ exports.loadTheme = theme_1.loadTheme;

lib/styles/theme.d.ts

@@ -1,7 +0,3 @@
-import { IPalette, IFontStyles, ISemanticColors } from '../interfaces/index';
-export interface ITheme {
-    palette: IPalette;
-    fonts: IFontStyles;
-    semanticColors?: ISemanticColors;
-}
+import { ITheme } from '../interfaces/index';
+export declare const ThemeSettingName = "theme";
 /**
@@ -8,0 +4,0 @@ * Gets the theme object.

lib/styles/theme.js

@@ -6,4 +6,4 @@ "use strict";
 var DefaultPalette_1 = require("./DefaultPalette");
-var index_1 = require("@uifabric/utilities/lib/index");
 var load_themed_styles_1 = require("@microsoft/load-themed-styles");
+var GlobalSettings_1 = require("@uifabric/utilities/lib/GlobalSettings");
 var _theme = {
@@ -14,3 +14,4 @@ palette: DefaultPalette_1.DefaultPalette,
 };
-var win = index_1.getWindow();
+exports.ThemeSettingName = 'theme';
+var win = typeof window !== 'undefined' ? window : undefined;
 // tslint:disable:no-string-literal no-any
@@ -21,3 +22,4 @@ if (win && win['FabricConfig'] && win['FabricConfig'].theme) {
 // tslint:enable:no-string-literal no-any
-index_1.Customizer.setDefault('theme', _theme);
+// Set the default theme.
+GlobalSettings_1.GlobalSettings.setValue(exports.ThemeSettingName, _theme);
 /**
@@ -37,3 +39,3 @@ * Gets the theme object.
     load_themed_styles_1.loadTheme(_theme.palette);
-    index_1.Customizer.setDefault('theme', _theme);
+    GlobalSettings_1.GlobalSettings.setValue(exports.ThemeSettingName, _theme);
 }
@@ -40,0 +42,0 @@ exports.loadTheme = loadTheme;

lib/utilities/mergeStyles.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var glamor_1 = require("glamor");
-var index_1 = require("@uifabric/utilities/lib/index");
+var FabricPerformance_1 = require("@uifabric/utilities/lib/FabricPerformance");
 /**
@@ -42,3 +42,3 @@ * Takes a collection of collection of styles, defined in various formats, and compresses them into
     if (rules.length) {
-        index_1.FabricPerformance.measure('glamor.css', function () {
+        FabricPerformance_1.FabricPerformance.measure('glamor.css', function () {
             rulesObject = glamor_1.css.apply(void 0, rules);
@@ -45,0 +45,0 @@ });

package-deps.json

@@ -5,4 +5,4 @@ {
     "packages/styling/.npmrc": "825c83e09df4dad076d980d1236c532d689edf75",
-    "packages/styling/CHANGELOG.json": "62e2bf35cafb0c298af7c2abc3979f9597359d85",
-    "packages/styling/CHANGELOG.md": "48048932e40a3d5081fe12617abf964fa7c55c82",
+    "packages/styling/CHANGELOG.json": "288e545421e3cc3e6154d03cea4864647e3a7a0d",
+    "packages/styling/CHANGELOG.md": "9fe22ae04bd2dc46449de466f727d6564e72b3b0",
     "packages/styling/README.md": "793b76a8d1e8ba29a382526c492972beea3dc535",
@@ -14,3 +14,3 @@ "packages/styling/config/api-extractor.json": "9c294e8c13388f8d28d5aa10408fc68cf74723be",
     "packages/styling/index.html": "df2218fe1ab9aa3e7b2208487831f853308c9623",
-    "packages/styling/package.json": "c3a6ebe1b707310237588efa41170b0c9663cfba",
+    "packages/styling/package.json": "cd8e68d21464a0088b104b419e4c62accdd6cbc3",
     "packages/styling/src/classNames/AnimationClassNames.ts": "1b073c8ebeedeb817255ba6249fb1ad0cec5e37f",
@@ -38,3 +38,3 @@ "packages/styling/src/classNames/ColorClassNames.ts": "3b748ba8371655e8112b7952e3f115e582e9df74",
     "packages/styling/src/examples/PageHeader/PageHeader.tsx": "de749409903e1bcb9150752ebbb6fe46be185c23",
-    "packages/styling/src/glamorExports.ts": "32f01b6710debfd3aaa2009c4a18e381788a1d37",
+    "packages/styling/src/glamorExports.ts": "d6283c815832f2776fc7a077bcf38343d9edd9ac",
     "packages/styling/src/index.demo.tsx": "fce4c88d6761373476e74f79013d1e4bcaaf9a03",
@@ -52,22 +52,23 @@ "packages/styling/src/index.ts": "9a45f899bb8738a51710f674aa255022c568289d",
     "packages/styling/src/interfaces/ISwatchSet.ts": "70bcaf9b3358dafed3fafe1d54b4d708d135988a",
-    "packages/styling/src/interfaces/index.ts": "6dbc8c420ce68186ead09573fe2f0fe5a159da6c",
+    "packages/styling/src/interfaces/ITheme.ts": "0437c9b77214aa6c20acb05c7ecc0d8b8fcf5ece",
+    "packages/styling/src/interfaces/index.ts": "218951c85c7197af6d4248e125b19ad035e313e7",
     "packages/styling/src/office-ui-styling.manifest.json": "492d48e60542c3a9b73a7f587b67872582b17823",
     "packages/styling/src/styles/AnimationStyles.ts": "968541748f5b0fecf0000abcf4483d54828b7437",
-    "packages/styling/src/styles/DefaultFontStyles.ts": "e74814b30848da43afd0a6c9ffbdbfa07788302a",
+    "packages/styling/src/styles/DefaultFontStyles.ts": "f1d6171366ce47da3544aec2f7548c08deb2e487",
     "packages/styling/src/styles/DefaultPalette.ts": "68adf43165d029a3505b8ace2350ac428e781345",
     "packages/styling/src/styles/IconCodes.ts": "1461a370e495b78c2815a2afc53c6ed85e183583",
-    "packages/styling/src/styles/getFocusStyle.ts": "2f7f8addb3d05b240df41bd5617a8e7d35c68b34",
-    "packages/styling/src/styles/index.ts": "6b342cfb72d7b655987d9a60aa158efe96919d38",
-    "packages/styling/src/styles/theme.ts": "ab121601ca8fb5e0cf37daedc37da576ea4351ef",
+    "packages/styling/src/styles/getFocusStyle.ts": "5bd5f91e4da391feff5b6c952ea7405c3ebb1956",
+    "packages/styling/src/styles/index.ts": "881706017c0c9116e8dea3da14f56fdba71a152b",
+    "packages/styling/src/styles/theme.ts": "9e9ca5e225d17c1800095fa3e713dd5eb9c7b4fc",
     "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": "8312a21bb4206b9d1ca44bc1fcddb705a0ebaf02",
+    "packages/styling/src/utilities/mergeStyles.ts": "185dd7c3a20e3a71f2f56570cd891036bb36e34c",
     "packages/styling/tsconfig.json": "1ef6a2633361fbaaa1a7d0e5bc0c25469e9c3c21",
     "packages/styling/tslint.json": "621ee6ba046052113aa7042fb5bb5323594253ff",
-    "packages/styling/webpack.config.js": "d48d7a99462ef96182f79e02c4d5389a69391b89",
+    "packages/styling/webpack.config.js": "f62169121828fce963c15cd7c5e6ee01efc9762e",
     "packages/styling/webpack.serve.config.js": "19fb33194a9347825d5cdea1d40ba332b4cbf593",
     ".github/ISSUE_TEMPLATE.md": "c59dd238310369cd98ec5a798d604bf938cee571",
     ".github/PULL_REQUEST_TEMPLATE.md": "96596ef25f373002c178b2f2056fb168330d243a",
-    ".gitignore": "f44f968874ef5cd70b35ec116dec40877d286521",
+    ".gitignore": "46257cf4e56d7707519bb554dc9d998a45c7f829",
     ".npmrc": "825c83e09df4dad076d980d1236c532d689edf75",
@@ -89,5 +90,6 @@ ".travis.yml": "818c787046457d2af750d98311f2c220af47ab05",
     "common/changes/@uifabric/fabric-website/miwhea-website-update-header_2017-06-09-19-15.json~b0ee1f6c9e5f0d9b31c060d92998e0c43af504d4": "ca46d03d328836932b80598ff535fcba69693730",
-    "common/changes/office-ui-fabric-react/betrue-fixGroupedListHeaders_2017-06-28-18-25.json": "6f6fe17a880bdcfff3079a3b4c940c734c640ca2",
-    "common/changes/office-ui-fabric-react/dialog-allow-blocking-close-button_2017-06-29-22-30.json": "f9f74df8985ab46ff914dc1a560bd14d862bda37",
-    "common/changes/office-ui-fabric-react/users-adsurang-fixes_2017-06-12-10-04.json": "df95a5eab26a90be147abf558b705dba2849f5e9",
+    "common/changes/@uifabric/styling/simplified-customizer_2017-06-30-00-54.json": "19210252f45e81da514fcfa03faf97612d82e287",
+    "common/changes/@uifabric/utilities/simplified-customizer_2017-06-30-00-54.json": "96cc49e1a92886dde6e61a2893bcc90afd39f32c",
+    "common/changes/office-ui-fabric-react/breadcrumb-flexbox_2017-06-29-18-43.json": "6f6ee1eff90ecfbc624712cde0a5c027ee185f64",
+    "common/changes/office-ui-fabric-react/messagebar-padding-fix_2017-06-29-19-51.json": "297522e3c6afa95ef3875d615b78b0bddda77348",
     "common/config/rush/npm-shrinkwrap.json": "f4908916778c381d98818fb5586bdd8b6477abe2",
@@ -114,3 +116,3 @@ "common/config/rush/pinned-versions.json": "25d1374df7f188789dc94653ea3ba88be3dc8b90",
   },
-  "arguments": "D:\\agent\\3\\_work\\30\\s\\common\\temp\\node_modules\\.bin\\gulp --color --production"
+  "arguments": "D:\\agent\\1\\_work\\13\\s\\common\\temp\\node_modules\\.bin\\gulp --color --production"
 }

package.json

 {
   "name": "@uifabric/styling",
-  "version": "0.11.10",
+  "version": "0.12.0",
   "description": "Defines the core Office UI Fabric styles through a JavaScript interface.",
@@ -48,3 +48,3 @@ "main": "lib/index.js",
     "@microsoft/load-themed-styles": "^1.2.2",
-    "@uifabric/utilities": ">=4.5.0 <5.0.0",
+    "@uifabric/utilities": ">=4.6.0 <5.0.0",
     "tslib": "^1.6.0",
@@ -51,0 +51,0 @@ "rtl-css-js": "^1.1.1",

temp/manifests.js

@@ -1534,3 +1534,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	    "componentType": "Library",
-	    "version": "0.11.9",
+	    "version": "0.11.10",
 	    "manifestVersion": 2,
@@ -1546,8 +1546,2 @@ "loaderConfig": {
 	          "path": "dist/office-ui-styling.js"
-	        },
-	        "react": {
-	          "type": "component",
-	          "version": "15.4.2",
-	          "id": "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d",
-	          "failoverPath": "node_modules/react/dist/react.js"
 	        }
@@ -1554,0 +1548,0 @@ }

temp/manifests.json

@@ -6,3 +6,3 @@ [
     "componentType": "Library",
-    "version": "0.11.9",
+    "version": "0.11.10",
     "manifestVersion": 2,
@@ -18,8 +18,2 @@ "loaderConfig": {
           "path": "dist/office-ui-styling.js"
-        },
-        "react": {
-          "type": "component",
-          "version": "15.4.2",
-          "id": "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d",
-          "failoverPath": "node_modules/react/dist/react.js"
         }
@@ -26,0 +20,0 @@ }

No alert changes

Improved metrics

Number of package files

301

increased by2.03%

Worsened metrics

Total package byte prevSize

2075139

decreased by-22.91%

Lines of code

16801

decreased by-10.77%

Dependency changes

• Updated@uifabric/utilities@>=4.6.0 <5.0.0