@uifabric/styling - npm Package Compare versions

Comparing version 0.10.5 to 0.11.0

CHANGELOG.json

@@ -5,2 +5,28 @@ {
     {
+      "version": "0.11.0",
+      "tag": "@uifabric/styling_v0.11.0",
+      "date": "Wed, 21 Jun 2017 00:45:41 GMT",
+      "comments": {
+        "minor": [
+          {
+            "author": "Christian Gonzalez <[e-mail]>",
+            "commit": "bff150fa91e87c31d8d433092b007ee604f22d8b",
+            "comment": "Consume latest version of createApp "
+          }
+        ],
+        "patch": [
+          {
+            "author": "David Zearing <[e-mail]>",
+            "commit": "135c06a013468eb717fddab4ccabd6d63274fe4b",
+            "comment": "General class exports now register on demand, resulting in less unneeded evaluation of classnames."
+          },
+          {
+            "author": "dmarcey <[e-mail]>",
+            "commit": "230323c6b7d4972e8b04da6a4beb981b1c15396c",
+            "comment": "Fixing circular dependency between @uifabric/styling/utilities and @uifabric/styling/styles"
+          }
+        ]
+      }
+    },
+    {
       "version": "0.10.5",
@@ -7,0 +33,0 @@ "tag": "@uifabric/styling_v0.10.5",

CHANGELOG.md

 # Change Log - @uifabric/styling
 
-This log was last generated on Tue, 20 Jun 2017 10:22:47 GMT and should not be manually modified.
+This log was last generated on Wed, 21 Jun 2017 00:45:41 GMT and should not be manually modified.
 
+## 0.11.0
+Wed, 21 Jun 2017 00:45:41 GMT
+
+### Minor changes
+
+- Consume latest version of createApp 
+
+### Patches
+
+- General class exports now register on demand, resulting in less unneeded evaluation of classnames.
+- Fixing circular dependency between @uifabric/styling/utilities and @uifabric/styling/styles
+
 ## 0.10.5
@@ -6,0 +18,0 @@ Tue, 20 Jun 2017 10:22:47 GMT

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

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

lib-amd/classNames/ColorClassNames.js

@@ -1,2 +0,2 @@
-define(["require", "exports", "../utilities/index", "../styles/DefaultPalette"], function (require, exports, index_1, DefaultPalette_1) {
+define(["require", "exports", "../utilities/index", "../styles/DefaultPalette", "../styles/index"], function (require, exports, index_1, DefaultPalette_1, index_2) {
     "use strict";
@@ -28,3 +28,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
                 // tslint:disable-next-line:no-any
-                var style = (_a = {}, _a[cssProperty] = index_1.getTheme().palette[colorName], _a);
+                var style = (_a = {}, _a[cssProperty] = index_2.getTheme().palette[colorName], _a);
                 return index_1.mergeStyles(isHover ? { ':hover': style } : style).toString();
@@ -31,0 +31,0 @@ var _a;

lib-amd/classNames/IconClassNames.js

@@ -9,10 +9,13 @@ define(["require", "exports", "../styles/index", "../utilities/index"], function (require, exports, index_1, index_2) {
     var _loop_1 = function (iconName) {
+        var className;
         Object.defineProperty(exports.IconClassNames, iconName, {
             get: function () {
-                var className = index_2.mergeStyles(index_1.DefaultFontStyles.icon, {
-                    ':before': {
-                        // tslint:disable-next-line:no-any
-                        content: "\"" + index_1.IconCodes[iconName] + "\""
-                    }
-                }).toString();
+                if (className === undefined) {
+                    className = index_2.mergeStyles(index_1.DefaultFontStyles.icon, {
+                        ':before': {
+                            // tslint:disable-next-line:no-any
+                            content: "\"" + index_1.IconCodes[iconName] + "\""
+                        }
+                    }).toString();
+                }
                 return className;
@@ -19,0 +22,0 @@ },

lib-amd/index.demo.js

@@ -10,5 +10,5 @@ define(["require", "exports", "react", "@uifabric/example-app-base", "./examples/ColorPage/ColorPage", "./examples/FontPage/FontPage", "./examples/IconPage/IconPage", "./examples/AnimationPage/AnimationPage"], function (require, exports, React, example_app_base_1, ColorPage_1, FontPage_1, IconPage_1, AnimationPage_1) {
             .add('Animations', function () { return (React.createElement(AnimationPage_1.AnimationPage, null)); })
-    ], false);
+    ]);
 });
 
 //# sourceMappingURL=index.demo.js.map

lib-amd/styles/getFocusStyle.d.ts

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

lib-amd/styles/index.d.ts

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

lib-amd/styles/index.js

@@ -1,2 +0,2 @@
-define(["require", "exports", "./AnimationStyles", "./DefaultPalette", "./DefaultFontStyles", "./IconCodes", "./getFocusStyle"], function (require, exports, AnimationStyles_1, DefaultPalette_1, DefaultFontStyles_1, IconCodes_1, getFocusStyle_1) {
+define(["require", "exports", "./AnimationStyles", "./DefaultPalette", "./DefaultFontStyles", "./IconCodes", "./getFocusStyle", "./theme"], function (require, exports, AnimationStyles_1, DefaultPalette_1, DefaultFontStyles_1, IconCodes_1, getFocusStyle_1, theme_1) {
     "use strict";
@@ -11,4 +11,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
     exports.getFocusStyle = getFocusStyle_1.getFocusStyle;
+    exports.getTheme = theme_1.getTheme;
+    exports.loadTheme = theme_1.loadTheme;
+    exports.createTheme = theme_1.createTheme;
 });
 
 //# sourceMappingURL=index.js.map

lib-amd/utilities/buildClassMap.js

@@ -11,9 +11,23 @@ define(["require", "exports", "./mergeStyles"], function (require, exports, mergeStyles_1) {
     function buildClassMap(styles) {
-        return Object
-            .keys(styles)
-            .reduce(function (classNames, className) {
-            // tslint:disable-next-line:no-any
-            classNames[className] = mergeStyles_1.mergeStyles(styles[className]).toString();
-            return classNames;
-        }, {});
+        var classes = {};
+        var _loop_1 = function (styleName) {
+            if (styles.hasOwnProperty(styleName)) {
+                var className_1;
+                Object.defineProperty(classes, styleName, {
+                    get: function () {
+                        if (className_1 === undefined) {
+                            // tslint:disable-next-line:no-any
+                            className_1 = mergeStyles_1.mergeStyles(styles[styleName]).toString();
+                        }
+                        return className_1;
+                    },
+                    enumerable: true,
+                    configurable: true
+                });
+            }
+        };
+        for (var styleName in styles) {
+            _loop_1(styleName);
+        }
+        return classes;
     }
@@ -20,0 +34,0 @@ exports.buildClassMap = buildClassMap;

lib-amd/utilities/index.d.ts

@@ -1,4 +0,3 @@
-export { ITheme, getTheme, loadTheme, createTheme } from './theme';
 export { mergeStyles } from './mergeStyles';
 export { mergeStyleSets } from './mergeStyleSets';
 export { buildClassMap } from './buildClassMap';

lib-amd/utilities/index.js

@@ -1,7 +0,4 @@
-define(["require", "exports", "./theme", "./mergeStyles", "./mergeStyleSets", "./buildClassMap"], function (require, exports, theme_1, mergeStyles_1, mergeStyleSets_1, buildClassMap_1) {
+define(["require", "exports", "./mergeStyles", "./mergeStyleSets", "./buildClassMap"], function (require, exports, mergeStyles_1, mergeStyleSets_1, buildClassMap_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getTheme = theme_1.getTheme;
-    exports.loadTheme = theme_1.loadTheme;
-    exports.createTheme = theme_1.createTheme;
     exports.mergeStyles = mergeStyles_1.mergeStyles;
@@ -8,0 +5,0 @@ exports.mergeStyleSets = mergeStyleSets_1.mergeStyleSets;

lib/classNames/ColorClassNames.js

@@ -5,2 +5,3 @@ "use strict";
 var DefaultPalette_1 = require("../styles/DefaultPalette");
+var index_2 = require("../styles/index");
 exports.ColorClassNames = {};
@@ -30,3 +31,3 @@ for (var colorName in DefaultPalette_1.DefaultPalette) {
             // tslint:disable-next-line:no-any
-            var style = (_a = {}, _a[cssProperty] = index_1.getTheme().palette[colorName], _a);
+            var style = (_a = {}, _a[cssProperty] = index_2.getTheme().palette[colorName], _a);
             return index_1.mergeStyles(isHover ? { ':hover': style } : style).toString();
@@ -33,0 +34,0 @@ var _a;

lib/classNames/IconClassNames.js

@@ -10,10 +10,13 @@ "use strict";
 var _loop_1 = function (iconName) {
+    var className;
     Object.defineProperty(exports.IconClassNames, iconName, {
         get: function () {
-            var className = index_2.mergeStyles(index_1.DefaultFontStyles.icon, {
-                ':before': {
-                    // tslint:disable-next-line:no-any
-                    content: "\"" + index_1.IconCodes[iconName] + "\""
-                }
-            }).toString();
+            if (className === undefined) {
+                className = index_2.mergeStyles(index_1.DefaultFontStyles.icon, {
+                    ':before': {
+                        // tslint:disable-next-line:no-any
+                        content: "\"" + index_1.IconCodes[iconName] + "\""
+                    }
+                }).toString();
+            }
             return className;
@@ -20,0 +23,0 @@ },

lib/index.demo.js

@@ -27,4 +27,4 @@ "use strict";
         .add('Animations', function () { return (React.createElement(AnimationPage_1.AnimationPage, null)); })
-], false);
+]);
 
 //# sourceMappingURL=index.demo.js.map

lib/styles/getFocusStyle.d.ts

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

lib/styles/index.d.ts

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

lib/styles/index.js

@@ -15,3 +15,7 @@ "use strict";
 exports.getFocusStyle = getFocusStyle_1.getFocusStyle;
+var theme_1 = require("./theme");
+exports.getTheme = theme_1.getTheme;
+exports.loadTheme = theme_1.loadTheme;
+exports.createTheme = theme_1.createTheme;
 
 //# sourceMappingURL=index.js.map

lib/utilities/buildClassMap.js

@@ -11,9 +11,23 @@ "use strict";
 function buildClassMap(styles) {
-    return Object
-        .keys(styles)
-        .reduce(function (classNames, className) {
-        // tslint:disable-next-line:no-any
-        classNames[className] = mergeStyles_1.mergeStyles(styles[className]).toString();
-        return classNames;
-    }, {});
+    var classes = {};
+    var _loop_1 = function (styleName) {
+        if (styles.hasOwnProperty(styleName)) {
+            var className_1;
+            Object.defineProperty(classes, styleName, {
+                get: function () {
+                    if (className_1 === undefined) {
+                        // tslint:disable-next-line:no-any
+                        className_1 = mergeStyles_1.mergeStyles(styles[styleName]).toString();
+                    }
+                    return className_1;
+                },
+                enumerable: true,
+                configurable: true
+            });
+        }
+    };
+    for (var styleName in styles) {
+        _loop_1(styleName);
+    }
+    return classes;
 }
@@ -20,0 +34,0 @@ exports.buildClassMap = buildClassMap;

lib/utilities/index.d.ts

@@ -1,4 +0,3 @@
-export { ITheme, getTheme, loadTheme, createTheme } from './theme';
 export { mergeStyles } from './mergeStyles';
 export { mergeStyleSets } from './mergeStyleSets';
 export { buildClassMap } from './buildClassMap';

lib/utilities/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var theme_1 = require("./theme");
-exports.getTheme = theme_1.getTheme;
-exports.loadTheme = theme_1.loadTheme;
-exports.createTheme = theme_1.createTheme;
 var mergeStyles_1 = require("./mergeStyles");
@@ -8,0 +4,0 @@ exports.mergeStyles = mergeStyles_1.mergeStyles;

package-deps.json

@@ -5,4 +5,4 @@ {
     "packages/styling/.npmrc": "825c83e09df4dad076d980d1236c532d689edf75",
-    "packages/styling/CHANGELOG.json": "c0bfb84c006db775ec2772027de03426fb6e3265",
-    "packages/styling/CHANGELOG.md": "f19122587e26856ba02ba831424cda8dd97f3acd",
+    "packages/styling/CHANGELOG.json": "92480f849693ae6c40b97bb230070fab1d839195",
+    "packages/styling/CHANGELOG.md": "a82095869ab37abee567bbbbdf66ea71be468507",
     "packages/styling/README.md": "793b76a8d1e8ba29a382526c492972beea3dc535",
@@ -14,7 +14,7 @@ "packages/styling/config/api-extractor.json": "9c294e8c13388f8d28d5aa10408fc68cf74723be",
     "packages/styling/index.html": "df2218fe1ab9aa3e7b2208487831f853308c9623",
-    "packages/styling/package.json": "be4586fe52d85ba09319563828839144e768ee9a",
+    "packages/styling/package.json": "be03ac2af13a54de03c592ede70ba703d1d5a356",
     "packages/styling/src/classNames/AnimationClassNames.ts": "1b073c8ebeedeb817255ba6249fb1ad0cec5e37f",
-    "packages/styling/src/classNames/ColorClassNames.ts": "246b889dabc71f43a1f077b10b359d47456898ed",
+    "packages/styling/src/classNames/ColorClassNames.ts": "3b748ba8371655e8112b7952e3f115e582e9df74",
     "packages/styling/src/classNames/FontClassNames.ts": "33271749723b99c595c24c70c29660ad561837fa",
-    "packages/styling/src/classNames/IconClassNames.ts": "3a4a421fcaa2fe0fa31c1a3c1be32dccc74de11d",
+    "packages/styling/src/classNames/IconClassNames.ts": "fa0ed98f3caf4ea463cec9cf9477e238eff84875",
     "packages/styling/src/classNames/index.ts": "d6b1d2298168ab519fe23347d535cc78c0aa8832",
@@ -39,3 +39,3 @@ "packages/styling/src/common/tests.js": "3a716c9dd52dadb730f380d214ea9cf49acd39f8",
     "packages/styling/src/glamorExports.ts": "32f01b6710debfd3aaa2009c4a18e381788a1d37",
-    "packages/styling/src/index.demo.tsx": "9dabca304becf5553861d4db5d24c1fcae6e6f00",
+    "packages/styling/src/index.demo.tsx": "fce4c88d6761373476e74f79013d1e4bcaaf9a03",
     "packages/styling/src/index.ts": "9a45f899bb8738a51710f674aa255022c568289d",
@@ -58,9 +58,9 @@ "packages/styling/src/interfaces/IAnimationStyles.ts": "edc39d6fafd02dc44c803e9d632212c70f119b8f",
     "packages/styling/src/styles/IconCodes.ts": "1461a370e495b78c2815a2afc53c6ed85e183583",
-    "packages/styling/src/styles/getFocusStyle.ts": "63acf529b0cfcf1c63a43c5bd03d5f351b421863",
-    "packages/styling/src/styles/index.ts": "e333bc0034c1e16e6fbbc0ff3ae5da9971c91daa",
-    "packages/styling/src/utilities/buildClassMap.ts": "f0d748ad10a8fba72530bf3c3700c5618ab1ffd7",
-    "packages/styling/src/utilities/index.ts": "8264f9df8a775f170f62dfcd15d77ba2373daa1f",
+    "packages/styling/src/styles/getFocusStyle.ts": "2f7f8addb3d05b240df41bd5617a8e7d35c68b34",
+    "packages/styling/src/styles/index.ts": "6b342cfb72d7b655987d9a60aa158efe96919d38",
+    "packages/styling/src/styles/theme.ts": "ab121601ca8fb5e0cf37daedc37da576ea4351ef",
+    "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": "869648ac51e6ca2ae2f7c23e34c606c430d625c6",
-    "packages/styling/src/utilities/theme.ts": "8bb63f8cd8613aec9b231294c047ed030b02fb21",
     "packages/styling/tsconfig.json": "b5f031e44f513cc87c8b905892640b2a0ce168c3",
@@ -87,6 +87,11 @@ "packages/styling/tslint.json": "621ee6ba046052113aa7042fb5bb5323594253ff",
     "apps/component-demo/webpack.config.js": "3fb1f0a32ca1a71376b0261bd16dd3cc7b298c52",
+    "common/changes/@uifabric/example-app-base/create-app_2017-06-20-01-08.json": "c5b3aff04f61c748067360363e79937431e73999",
     "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/office-ui-fabric-react/breadcrumb-resizegroup-refactor_2017-06-15-18-00.json": "95978ee58945064311d3d80cbd37c1b25d8e2481",
-    "common/config/rush/npm-shrinkwrap.json": "0067e2978da41ea7d4736c5fed7b394eac8b5808",
+    "common/changes/@uifabric/styling/create-app_2017-06-20-01-08.json": "efa0574335ca20a4ec8eaf9f2ba00d434f4ce4f7",
+    "common/changes/@uifabric/styling/icons_2017-06-20-17-51.json": "2e64b5548bce028b052abd8b2f6908159a8882d5",
+    "common/changes/@uifabric/styling/users-demarcey-moveTheme_2017-06-20-12-42.json": "7694634c8c5861c1108b50e34b7fcbcda7a6b8a0",
+    "common/changes/office-ui-fabric-react/icons_2017-06-20-17-51.json": "9703377b596e943bdb2f14250ae35ec996414960",
+    "common/changes/office-ui-fabric-react/panel-headertext-aria_2017-06-14-21-49.json": "f737483c7f6236273947f009bbee609818b447f2",
+    "common/config/rush/npm-shrinkwrap.json": "f4908916778c381d98818fb5586bdd8b6477abe2",
     "common/config/rush/pinned-versions.json": "25d1374df7f188789dc94653ea3ba88be3dc8b90",
@@ -106,3 +111,3 @@ "ghdocs/ADVANCED.md": "f0558f5f4dac03666dcd181cadc97a821c368afe",
     "ghdocs/images/react-app-doccard-preview.png": "145b51b25df0f9ea1615c5b51d8919f25f84ddd6",
-    "package.json": "7a84505619937782ffcf289f7ea2055fc9305f77",
+    "package.json": "899dcc1bdc1c554c0f3ff90c1844a51863b4aef1",
     "rush.json": "82d8eb5ad17b60559fbba09a6ebb7d256d53d974",
@@ -112,3 +117,3 @@ "scripts/selective-build.js": "9e20aefd82f13cd2cd7268e6f49b61e7f3e14e6e",
   },
-  "arguments": "D:\\agent\\3\\_work\\24\\s\\common\\temp\\node_modules\\.bin\\gulp --color --production"
+  "arguments": "D:\\agents\\1\\_work\\31\\s\\common\\temp\\node_modules\\.bin\\gulp --color --production"
 }

package.json

 {
   "name": "@uifabric/styling",
-  "version": "0.10.5",
+  "version": "0.11.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.10.4",
+	    "version": "0.10.5",
 	    "manifestVersion": 2,
@@ -1537,0 +1537,0 @@ "loaderConfig": {

temp/manifests.json

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

No alert changes

Improved metrics

Total package byte prevSize

2677918

increased by0.44%

Lines of code

18661

increased by0.91%

No dependency changes