@fluentui/react-theme-provider - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6

CHANGELOG.json

@@ -5,2 +5,17 @@ {
     {
+      "date": "Thu, 21 May 2020 12:31:40 GMT",
+      "tag": "@fluentui/react-theme-provider_v0.1.6",
+      "version": "0.1.6",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Avoid adding empty string class attribute",
+            "author": "[e-mail]",
+            "commit": "ecbfff23b83b795d51d73322a4938a2f6ed682bf",
+            "package": "@fluentui/react-theme-provider"
+          }
+        ]
+      }
+    },
+    {
       "date": "Mon, 11 May 2020 12:36:34 GMT",
@@ -7,0 +22,0 @@ "tag": "@fluentui/react-theme-provider_v0.1.1",

CHANGELOG.md

 # Change Log - @fluentui/react-theme-provider
 
-This log was last generated on Mon, 11 May 2020 12:36:34 GMT and should not be manually modified.
+This log was last generated on Thu, 21 May 2020 12:31:40 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-provider_v0.1.6)
+
+Thu, 21 May 2020 12:31:40 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-provider_v0.1.1..@fluentui/react-theme-provider_v0.1.6)
+
+### Patches
+
+- Avoid adding empty string class attribute ([PR #13146](https://github.com/microsoft/fluentui/pull/13146) by [e-mail])
+
 ## [0.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-provider_v0.1.1)
@@ -8,0 +17,0 @@

dist/react-theme-provider.d.ts

 import * as React from 'react';
 
 /**
+ * Merges all themes on top of a blank initial theme and ensures the theme is fully qualified.
+ */
+export declare const mergeThemes: (...themes: (ThemePrepared | Theme | undefined)[]) => ThemePrepared;
+
+/**
  * Recursive partial type.
@@ -5,0 +10,0 @@ */

etc/react-theme-provider.api.md

@@ -10,2 +10,5 @@ ## API Report File for "@fluentui/react-theme-provider"
 // @public
+export const mergeThemes: (...themes: (ThemePrepared | Theme | undefined)[]) => ThemePrepared;
+
+// @public
 export type RecursivePartial<T> = {
@@ -12,0 +15,0 @@ [P in keyof T]?: T[P] extends (infer U)[] ? RecursivePartial<U>[] : T[P] extends object ? RecursivePartial<T[P]> : T[P];

lib-amd/index.d.ts

@@ -5,1 +5,2 @@ import './version';
 export * from './types';
+export * from './mergeThemes';

lib-amd/index.js

@@ -1,2 +0,2 @@
-define(["require", "exports", "./ThemeProvider", "./useTheme", "./version"], function (require, exports, ThemeProvider_1, useTheme_1) {
+define(["require", "exports", "tslib", "./ThemeProvider", "./useTheme", "./mergeThemes", "./version"], function (require, exports, tslib_1, ThemeProvider_1, useTheme_1, mergeThemes_1) {
     "use strict";
@@ -6,3 +6,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
     exports.useTheme = useTheme_1.useTheme;
+    tslib_1.__exportStar(mergeThemes_1, exports);
 });
 //# sourceMappingURL=index.js.map

lib-amd/ThemeProvider.js

@@ -15,2 +15,3 @@ define(["require", "exports", "tslib", "react", "classnames", "@fluentui/react-stylesheets", "./tokensToStyleObject", "./ThemeContext", "./mergeThemes", "./useTheme", "./ThemeProvider.scss"], function (require, exports, tslib_1, React, classnames_1, react_stylesheets_1, tokensToStyleObject_1, ThemeContext_1, mergeThemes_1, useTheme_1, classes) {
         var inlineStyle = React.useMemo(function () { return tokensToStyleObject_1.tokensToStyleObject(fullTheme.tokens, undefined, tslib_1.__assign({}, style)); }, [fullTheme, style]);
+        var rootClass = classnames_1.default(className, classes.root) || undefined;
         // Register stylesheets as needed.
@@ -21,3 +22,3 @@ react_stylesheets_1.useStylesheet(fullTheme.stylesheets);
         return (React.createElement(ThemeContext_1.ThemeContext.Provider, { value: fullTheme },
-            React.createElement("div", tslib_1.__assign({}, rest, { ref: ref, className: classnames_1.default(className, classes.root), style: inlineStyle }))));
+            React.createElement("div", tslib_1.__assign({}, rest, { ref: ref, className: rootClass, style: inlineStyle }))));
         // tslint:enable:jsx-ban-props
@@ -24,0 +25,0 @@ });

lib-amd/ThemeProvider.scss.d.ts

@@ -1,1 +0,1 @@
-export declare const root = "root_f7a4bde7";
+export declare const root = "root_922b4660";

lib-amd/ThemeProvider.scss.js

 define(["require", "exports", "@microsoft/load-themed-styles"], function (require, exports, load_themed_styles_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    load_themed_styles_1.loadStyles([{ "rawString": ".root_f7a4bde7{background:var(--body-fill);color:var(--body-text);font-family:var(--body-fontFamily);font-weight:var(--body-fontWeight);font-size:var(--body-fontSize);line-height:var(--body-fontLineHeight)}.root_f7a4bde7>*{-webkit-box-sizing:border-box;box-sizing:border-box}" }]);
-    exports.root = "root_f7a4bde7";
+    load_themed_styles_1.loadStyles([{ "rawString": ".root_922b4660{background:var(--body-fill);color:var(--body-text);font-family:var(--body-fontFamily);font-weight:var(--body-fontWeight);font-size:var(--body-fontSize);line-height:var(--body-fontLineHeight)}.root_922b4660>*{-webkit-box-sizing:border-box;box-sizing:border-box}" }]);
+    exports.root = "root_922b4660";
 });
 //# sourceMappingURL=ThemeProvider.scss.js.map

lib-amd/version.js

 define(["require", "exports", "@uifabric/set-version"], function (require, exports, set_version_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    set_version_1.setVersion('@fluentui/react-theme-provider', '0.1.5');
+    set_version_1.setVersion('@fluentui/react-theme-provider', '0.1.6');
 });
 //# sourceMappingURL=version.js.map

lib-commonjs/index.d.ts

@@ -5,1 +5,2 @@ import './version';
 export * from './types';
+export * from './mergeThemes';

lib-commonjs/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
 require("./version");
@@ -8,2 +9,3 @@ var ThemeProvider_1 = require("./ThemeProvider");
 exports.useTheme = useTheme_1.useTheme;
+tslib_1.__exportStar(require("./mergeThemes"), exports);
 //# sourceMappingURL=index.js.map

lib-commonjs/ThemeProvider.js

@@ -23,2 +23,3 @@ "use strict";
     var inlineStyle = React.useMemo(function () { return tokensToStyleObject_1.tokensToStyleObject(fullTheme.tokens, undefined, tslib_1.__assign({}, style)); }, [fullTheme, style]);
+    var rootClass = classnames_1.default(className, classes.root) || undefined;
     // Register stylesheets as needed.
@@ -29,3 +30,3 @@ react_stylesheets_1.useStylesheet(fullTheme.stylesheets);
     return (React.createElement(ThemeContext_1.ThemeContext.Provider, { value: fullTheme },
-        React.createElement("div", tslib_1.__assign({}, rest, { ref: ref, className: classnames_1.default(className, classes.root), style: inlineStyle }))));
+        React.createElement("div", tslib_1.__assign({}, rest, { ref: ref, className: rootClass, style: inlineStyle }))));
     // tslint:enable:jsx-ban-props
@@ -32,0 +33,0 @@ });

lib-commonjs/ThemeProvider.scss.d.ts

@@ -1,1 +0,1 @@
-export declare const root = "root_f7a4bde7";
+export declare const root = "root_922b4660";

lib-commonjs/ThemeProvider.scss.js

@@ -5,4 +5,4 @@ "use strict";
 var load_themed_styles_1 = require("@microsoft/load-themed-styles");
-load_themed_styles_1.loadStyles([{ "rawString": ".root_f7a4bde7{background:var(--body-fill);color:var(--body-text);font-family:var(--body-fontFamily);font-weight:var(--body-fontWeight);font-size:var(--body-fontSize);line-height:var(--body-fontLineHeight)}.root_f7a4bde7>*{-webkit-box-sizing:border-box;box-sizing:border-box}" }]);
-exports.root = "root_f7a4bde7";
+load_themed_styles_1.loadStyles([{ "rawString": ".root_922b4660{background:var(--body-fill);color:var(--body-text);font-family:var(--body-fontFamily);font-weight:var(--body-fontWeight);font-size:var(--body-fontSize);line-height:var(--body-fontLineHeight)}.root_922b4660>*{-webkit-box-sizing:border-box;box-sizing:border-box}" }]);
+exports.root = "root_922b4660";
 //# sourceMappingURL=ThemeProvider.scss.js.map

lib-commonjs/version.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-// @fluentui/react-theme-provider@0.1.5
+// @fluentui/react-theme-provider@0.1.6
 // Do not modify this file, the file is generated as part of publish. The checked in version is a placeholder only.
 var set_version_1 = require("@uifabric/set-version");
-set_version_1.setVersion('@fluentui/react-theme-provider', '0.1.5');
+set_version_1.setVersion('@fluentui/react-theme-provider', '0.1.6');
 //# sourceMappingURL=version.js.map

lib/index.d.ts

@@ -5,1 +5,2 @@ import './version';
 export * from './types';
+export * from './mergeThemes';

lib/index.js

 import './version';
 export { ThemeProvider } from './ThemeProvider';
 export { useTheme } from './useTheme';
+export * from './mergeThemes';
 //# sourceMappingURL=index.js.map

lib/ThemeProvider.js

@@ -21,2 +21,3 @@ import { __assign, __rest } from "tslib";
     var inlineStyle = React.useMemo(function () { return tokensToStyleObject(fullTheme.tokens, undefined, __assign({}, style)); }, [fullTheme, style]);
+    var rootClass = cx(className, classes.root) || undefined;
     // Register stylesheets as needed.
@@ -27,3 +28,3 @@ useStylesheet(fullTheme.stylesheets);
     return (React.createElement(ThemeContext.Provider, { value: fullTheme },
-        React.createElement("div", __assign({}, rest, { ref: ref, className: cx(className, classes.root), style: inlineStyle }))));
+        React.createElement("div", __assign({}, rest, { ref: ref, className: rootClass, style: inlineStyle }))));
     // tslint:enable:jsx-ban-props
@@ -30,0 +31,0 @@ });

lib/ThemeProvider.scss.d.ts

@@ -1,1 +0,1 @@
-export declare const root = "root_f7a4bde7";
+export declare const root = "root_922b4660";

lib/ThemeProvider.scss.js

 /* tslint:disable */
 import { loadStyles } from '@microsoft/load-themed-styles';
-loadStyles([{ "rawString": ".root_f7a4bde7{background:var(--body-fill);color:var(--body-text);font-family:var(--body-fontFamily);font-weight:var(--body-fontWeight);font-size:var(--body-fontSize);line-height:var(--body-fontLineHeight)}.root_f7a4bde7>*{-webkit-box-sizing:border-box;box-sizing:border-box}" }]);
-export var root = "root_f7a4bde7";
+loadStyles([{ "rawString": ".root_922b4660{background:var(--body-fill);color:var(--body-text);font-family:var(--body-fontFamily);font-weight:var(--body-fontWeight);font-size:var(--body-fontSize);line-height:var(--body-fontLineHeight)}.root_922b4660>*{-webkit-box-sizing:border-box;box-sizing:border-box}" }]);
+export var root = "root_922b4660";
 //# sourceMappingURL=ThemeProvider.scss.js.map

lib/version.js

@@ -1,5 +0,5 @@
-// @fluentui/react-theme-provider@0.1.5
+// @fluentui/react-theme-provider@0.1.6
 // Do not modify this file, the file is generated as part of publish. The checked in version is a placeholder only.
 import { setVersion } from '@uifabric/set-version';
-setVersion('@fluentui/react-theme-provider', '0.1.5');
+setVersion('@fluentui/react-theme-provider', '0.1.6');
 //# sourceMappingURL=version.js.map

package.json

 {
   "name": "@fluentui/react-theme-provider",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Fluent UI React theme provider component, hook, and theme related utilities.",
@@ -48,3 +48,3 @@ "main": "lib-commonjs/index.js",
     "@uifabric/set-version": "^7.0.12",
-    "@uifabric/utilities": "^7.17.3",
+    "@uifabric/utilities": "^7.18.0",
     "classnames": "^2.2.6",
@@ -51,0 +51,0 @@ "tslib": "^1.10.0"

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

Improved metrics

Total package byte prevSize

88448

increased by2.38%

Lines of code

1049

increased by2.84%

Dependency changes

• Updated@uifabric/utilities@^7.18.0