@fluentui/theme - npm Package Compare versions

Comparing version 2.0.5 to 2.1.0

CHANGELOG.json

@@ -5,3 +5,50 @@ {
     {
-      "date": "Fri, 23 Apr 2021 07:30:56 GMT",
+      "date": "Fri, 30 Apr 2021 07:35:40 GMT",
+      "tag": "@fluentui/theme_v2.1.0",
+      "version": "2.1.0",
+      "comments": {
+        "minor": [
+          {
+            "comment": "Upgrade to ts 4.0",
+            "author": "[e-mail]",
+            "commit": "2b62c457bb860f6675fae4acae86ee6c0b06c279",
+            "package": "@fluentui/theme"
+          }
+        ],
+        "patch": [
+          {
+            "comment": "Bump @fluentui/utilities to v8.1.0",
+            "author": "[e-mail]",
+            "commit": "2b62c457bb860f6675fae4acae86ee6c0b06c279",
+            "package": "@fluentui/theme"
+          },
+          {
+            "comment": "Bump @fluentui/eslint-plugin to v1.2.0",
+            "author": "[e-mail]",
+            "commit": "2b62c457bb860f6675fae4acae86ee6c0b06c279",
+            "package": "@fluentui/theme"
+          },
+          {
+            "comment": "Bump @fluentui/merge-styles to v8.1.0",
+            "author": "[e-mail]",
+            "commit": "2b62c457bb860f6675fae4acae86ee6c0b06c279",
+            "package": "@fluentui/theme"
+          },
+          {
+            "comment": "Bump @fluentui/set-version to v8.1.0",
+            "author": "[e-mail]",
+            "commit": "2b62c457bb860f6675fae4acae86ee6c0b06c279",
+            "package": "@fluentui/theme"
+          },
+          {
+            "comment": "Bump @fluentui/scripts to v1.0.0",
+            "author": "[e-mail]",
+            "commit": "2b62c457bb860f6675fae4acae86ee6c0b06c279",
+            "package": "@fluentui/theme"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 23 Apr 2021 07:37:10 GMT",
       "tag": "@fluentui/theme_v2.0.5",
@@ -8,0 +55,0 @@ "version": "2.0.5",

CHANGELOG.md

 # Change Log - @fluentui/theme
 
-This log was last generated on Fri, 23 Apr 2021 07:30:56 GMT and should not be manually modified.
+This log was last generated on Fri, 30 Apr 2021 07:35:40 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [2.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.1.0)
+
+Fri, 30 Apr 2021 07:35:40 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v2.0.5..@fluentui/theme_v2.1.0)
+
+### Minor changes
+
+- Upgrade to ts 4.0 ([PR #17932](https://github.com/microsoft/fluentui/pull/17932) by [e-mail])
+
+### Patches
+
+- Bump @fluentui/utilities to v8.1.0 ([PR #17932](https://github.com/microsoft/fluentui/pull/17932) by [e-mail])
+- Bump @fluentui/eslint-plugin to v1.2.0 ([PR #17932](https://github.com/microsoft/fluentui/pull/17932) by [e-mail])
+- Bump @fluentui/merge-styles to v8.1.0 ([PR #17932](https://github.com/microsoft/fluentui/pull/17932) by [e-mail])
+- Bump @fluentui/set-version to v8.1.0 ([PR #17932](https://github.com/microsoft/fluentui/pull/17932) by [e-mail])
+- Bump @fluentui/scripts to v1.0.0 ([PR #17932](https://github.com/microsoft/fluentui/pull/17932) by [e-mail])
+
 ## [2.0.5](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.0.5)
 
-Fri, 23 Apr 2021 07:30:56 GMT 
+Fri, 23 Apr 2021 07:37:10 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v2.0.4..@fluentui/theme_v2.0.5)
@@ -11,0 +28,0 @@

lib-amd/colors/DefaultPalette.js

 define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DefaultPalette = void 0;
     // When adding or removing a color, make sure you keep this consistent with IColorClassNames
@@ -5,0 +6,0 @@ // by adding the color variants.

lib-amd/colors/FluentColors.js

 define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.SharedColors = exports.NeutralColors = exports.CommunicationColors = void 0;
     var CommunicationColors;
@@ -5,0 +6,0 @@ (function (CommunicationColors) {

lib-amd/colors/index.js

 define(["require", "exports", "tslib", "./FluentColors", "./DefaultPalette"], function (require, exports, tslib_1, FluentColors_1, DefaultPalette_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DefaultPalette = void 0;
     tslib_1.__exportStar(FluentColors_1, exports);
-    exports.DefaultPalette = DefaultPalette_1.DefaultPalette;
+    Object.defineProperty(exports, "DefaultPalette", { enumerable: true, get: function () { return DefaultPalette_1.DefaultPalette; } });
 });
 //# sourceMappingURL=index.js.map

lib-amd/createTheme.js

 define(["require", "exports", "./colors/index", "./effects/index", "./fonts/index", "./mergeThemes", "./spacing/index", "./utilities/makeSemanticColors"], function (require, exports, index_1, index_2, index_3, mergeThemes_1, index_4, makeSemanticColors_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createTheme = void 0;
     /**
@@ -5,0 +6,0 @@ * Creates a custom theme definition.

lib-amd/effects/DefaultEffects.js

 define(["require", "exports", "./FluentDepths"], function (require, exports, FluentDepths_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DefaultEffects = void 0;
     exports.DefaultEffects = {
@@ -5,0 +6,0 @@ elevation4: FluentDepths_1.Depths.depth4,

lib-amd/effects/FluentDepths.js

 define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Depths = void 0;
     var Depths;
@@ -5,0 +6,0 @@ (function (Depths) {

lib-amd/effects/index.js

 define(["require", "exports", "./DefaultEffects", "./FluentDepths"], function (require, exports, DefaultEffects_1, FluentDepths_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.DefaultEffects = DefaultEffects_1.DefaultEffects;
-    exports.Depths = FluentDepths_1.Depths;
+    exports.Depths = exports.DefaultEffects = void 0;
+    Object.defineProperty(exports, "DefaultEffects", { enumerable: true, get: function () { return DefaultEffects_1.DefaultEffects; } });
+    Object.defineProperty(exports, "Depths", { enumerable: true, get: function () { return FluentDepths_1.Depths; } });
 });
 //# sourceMappingURL=index.js.map

lib-amd/FluentTheme.js

 define(["require", "exports", "./createTheme"], function (require, exports, createTheme_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FluentTheme = void 0;
     exports.FluentTheme = createTheme_1.createTheme({});
 });
 //# sourceMappingURL=FluentTheme.js.map

lib-amd/fonts/createFontStyles.js

 define(["require", "exports", "./FluentFonts"], function (require, exports, FluentFonts_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createFontStyles = void 0;
     // Fallback fonts, if specified system or web fonts are unavailable.
@@ -5,0 +6,0 @@ var FontFamilyFallbacks = "'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif";

lib-amd/fonts/DefaultFontStyles.js

 define(["require", "exports", "@fluentui/merge-styles", "./FluentFonts", "./createFontStyles", "@fluentui/utilities"], function (require, exports, merge_styles_1, FluentFonts_1, createFontStyles_1, utilities_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.registerDefaultFontFaces = exports.DefaultFontStyles = void 0;
     // Default urls.
@@ -56,6 +57,6 @@ var DefaultBaseUrl = 'https://static2.sharepointonline.com/files/fabric/assets';
     function _getFontBaseUrl() {
-        var _a, _b, _c;
+        var _a, _b;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var fabricConfig = (_a = utilities_1.getWindow()) === null || _a === void 0 ? void 0 : _a.FabricConfig;
-        return _c = (_b = fabricConfig) === null || _b === void 0 ? void 0 : _b.fontBaseUrl, (_c !== null && _c !== void 0 ? _c : DefaultBaseUrl);
+        return (_b = fabricConfig === null || fabricConfig === void 0 ? void 0 : fabricConfig.fontBaseUrl) !== null && _b !== void 0 ? _b : DefaultBaseUrl;
     }
@@ -62,0 +63,0 @@ /**

lib-amd/fonts/FluentFonts.js

 define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.IconFontSizes = exports.FontWeights = exports.FontSizes = exports.LocalizedFontFamilies = exports.LocalizedFontNames = void 0;
     // Font face names to be registered.
@@ -5,0 +6,0 @@ var LocalizedFontNames;

lib-amd/fonts/index.js

 define(["require", "exports", "tslib", "./FluentFonts", "./createFontStyles", "./DefaultFontStyles"], function (require, exports, tslib_1, FluentFonts_1, createFontStyles_1, DefaultFontStyles_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.registerDefaultFontFaces = exports.DefaultFontStyles = exports.createFontStyles = void 0;
     tslib_1.__exportStar(FluentFonts_1, exports);
-    exports.createFontStyles = createFontStyles_1.createFontStyles;
-    exports.DefaultFontStyles = DefaultFontStyles_1.DefaultFontStyles;
-    exports.registerDefaultFontFaces = DefaultFontStyles_1.registerDefaultFontFaces;
+    Object.defineProperty(exports, "createFontStyles", { enumerable: true, get: function () { return createFontStyles_1.createFontStyles; } });
+    Object.defineProperty(exports, "DefaultFontStyles", { enumerable: true, get: function () { return DefaultFontStyles_1.DefaultFontStyles; } });
+    Object.defineProperty(exports, "registerDefaultFontFaces", { enumerable: true, get: function () { return DefaultFontStyles_1.registerDefaultFontFaces; } });
 });
 //# sourceMappingURL=index.js.map

lib-amd/index.js

@@ -1,4 +0,5 @@
-define(["require", "exports", "tslib", "./mergeThemes", "./colors/index", "./effects/index", "./spacing/index", "./motion/index", "./fonts/index", "./createTheme", "./FluentTheme", "./version"], function (require, exports, tslib_1, mergeThemes_1, index_1, index_2, index_3, index_4, index_5, createTheme_1, FluentTheme_1) {
+define(["require", "exports", "tslib", "./mergeThemes", "./types/index", "./colors/index", "./effects/index", "./spacing/index", "./motion/index", "./fonts/index", "./createTheme", "./FluentTheme", "./version"], function (require, exports, tslib_1, mergeThemes_1, index_1, index_2, index_3, index_4, index_5, index_6, createTheme_1, FluentTheme_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FluentTheme = void 0;
     tslib_1.__exportStar(mergeThemes_1, exports);
@@ -10,5 +11,6 @@ tslib_1.__exportStar(index_1, exports);
     tslib_1.__exportStar(index_5, exports);
+    tslib_1.__exportStar(index_6, exports);
     tslib_1.__exportStar(createTheme_1, exports);
-    exports.FluentTheme = FluentTheme_1.FluentTheme;
+    Object.defineProperty(exports, "FluentTheme", { enumerable: true, get: function () { return FluentTheme_1.FluentTheme; } });
 });
 //# sourceMappingURL=index.js.map

lib-amd/mergeThemes.js

 define(["require", "exports", "@fluentui/utilities", "./utilities/makeSemanticColors"], function (require, exports, utilities_1, makeSemanticColors_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.mergeThemes = void 0;
     /**
@@ -8,4 +9,4 @@ * Merge a partial/full theme into a full theme and returns a merged full theme.
     function mergeThemes(theme, partialTheme) {
+        var _a, _b, _c;
         if (partialTheme === void 0) { partialTheme = {}; }
-        var _a, _b, _c, _d;
         var mergedTheme = utilities_1.merge({}, theme, partialTheme, {
@@ -18,5 +19,5 @@ semanticColors: makeSemanticColors_1.getSemanticColors(partialTheme.palette, partialTheme.effects, partialTheme.semanticColors, partialTheme.isInverted === undefined ? theme.isInverted : partialTheme.isInverted),
         if (partialTheme.defaultFontStyle) {
-            for (var _i = 0, _e = Object.keys(mergedTheme.fonts); _i < _e.length; _i++) {
-                var fontStyle = _e[_i];
-                mergedTheme.fonts[fontStyle] = utilities_1.merge(mergedTheme.fonts[fontStyle], partialTheme.defaultFontStyle, (_d = (_c = partialTheme) === null || _c === void 0 ? void 0 : _c.fonts) === null || _d === void 0 ? void 0 : _d[fontStyle]);
+            for (var _i = 0, _d = Object.keys(mergedTheme.fonts); _i < _d.length; _i++) {
+                var fontStyle = _d[_i];
+                mergedTheme.fonts[fontStyle] = utilities_1.merge(mergedTheme.fonts[fontStyle], partialTheme.defaultFontStyle, (_c = partialTheme === null || partialTheme === void 0 ? void 0 : partialTheme.fonts) === null || _c === void 0 ? void 0 : _c[fontStyle]);
             }
@@ -23,0 +24,0 @@ }

lib-amd/motion/AnimationStyles.js

 define(["require", "exports", "@fluentui/merge-styles"], function (require, exports, merge_styles_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.AnimationStyles = exports.AnimationVariables = void 0;
     /* Register the keyframes */
@@ -5,0 +6,0 @@ var EASING_FUNCTION_1 = 'cubic-bezier(.1,.9,.2,1)';

lib-amd/motion/FluentMotion.js

 define(["require", "exports", "@fluentui/merge-styles"], function (require, exports, merge_styles_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MotionAnimations = exports.MotionTimings = exports.MotionDurations = void 0;
     var fadeInAnimationName = merge_styles_1.keyframes({
@@ -5,0 +6,0 @@ from: { opacity: 0 },

lib-amd/spacing/DefaultSpacing.js

 define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DefaultSpacing = void 0;
     exports.DefaultSpacing = {
@@ -5,0 +6,0 @@ s2: '4px',

lib-amd/spacing/index.js

 define(["require", "exports", "./DefaultSpacing"], function (require, exports, DefaultSpacing_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.DefaultSpacing = DefaultSpacing_1.DefaultSpacing;
+    exports.DefaultSpacing = void 0;
+    Object.defineProperty(exports, "DefaultSpacing", { enumerable: true, get: function () { return DefaultSpacing_1.DefaultSpacing; } });
 });
 //# sourceMappingURL=index.js.map

lib-amd/types/index.js

@@ -1,5 +0,6 @@
-define(["require", "exports"], function (require, exports) {
+define(["require", "exports", "tslib", "./Theme"], function (require, exports, tslib_1, Theme_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(Theme_1, exports);
 });
 //# sourceMappingURL=index.js.map

lib-amd/utilities/makeSemanticColors.js

 define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getSemanticColors = exports.makeSemanticColors = void 0;
     /** Generates all the semantic slot colors based on the theme so far
@@ -22,6 +23,5 @@ * We'll use these as fallbacks for semantic slots that the passed in theme did not define.
         if (depComments === void 0) { depComments = false; }
-        var _a, _b, _c;
         var result = {};
         // map palette
-        var _d = p || {}, white = _d.white, black = _d.black, themePrimary = _d.themePrimary, themeDark = _d.themeDark, themeDarker = _d.themeDarker, themeDarkAlt = _d.themeDarkAlt, themeLighter = _d.themeLighter, neutralLight = _d.neutralLight, neutralLighter = _d.neutralLighter, neutralDark = _d.neutralDark, neutralQuaternary = _d.neutralQuaternary, neutralQuaternaryAlt = _d.neutralQuaternaryAlt, neutralPrimary = _d.neutralPrimary, neutralSecondary = _d.neutralSecondary, neutralSecondaryAlt = _d.neutralSecondaryAlt, neutralTertiary = _d.neutralTertiary, neutralTertiaryAlt = _d.neutralTertiaryAlt, neutralLighterAlt = _d.neutralLighterAlt, accent = _d.accent;
+        var _a = p || {}, white = _a.white, black = _a.black, themePrimary = _a.themePrimary, themeDark = _a.themeDark, themeDarker = _a.themeDarker, themeDarkAlt = _a.themeDarkAlt, themeLighter = _a.themeLighter, neutralLight = _a.neutralLight, neutralLighter = _a.neutralLighter, neutralDark = _a.neutralDark, neutralQuaternary = _a.neutralQuaternary, neutralQuaternaryAlt = _a.neutralQuaternaryAlt, neutralPrimary = _a.neutralPrimary, neutralSecondary = _a.neutralSecondary, neutralSecondaryAlt = _a.neutralSecondaryAlt, neutralTertiary = _a.neutralTertiary, neutralTertiaryAlt = _a.neutralTertiaryAlt, neutralLighterAlt = _a.neutralLighterAlt, accent = _a.accent;
         if (white) {
@@ -102,3 +102,3 @@ result.bodyBackground = white;
             result.disabledBodyText = neutralTertiary;
-            result.variantBorderHovered = ((_a = s) === null || _a === void 0 ? void 0 : _a.variantBorderHovered) || neutralTertiary;
+            result.variantBorderHovered = (s === null || s === void 0 ? void 0 : s.variantBorderHovered) || neutralTertiary;
             result.buttonTextDisabled = neutralTertiary;
@@ -149,6 +149,6 @@ result.inputIconDisabled = neutralTertiary;
         // map effects
-        if ((_b = e) === null || _b === void 0 ? void 0 : _b.elevation4) {
+        if (e === null || e === void 0 ? void 0 : e.elevation4) {
             result.cardShadow = e.elevation4;
         }
-        if (!isInverted && ((_c = e) === null || _c === void 0 ? void 0 : _c.elevation8)) {
+        if (!isInverted && (e === null || e === void 0 ? void 0 : e.elevation8)) {
             result.cardShadowHovered = e.elevation8;
@@ -155,0 +155,0 @@ }

lib-amd/version.js

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

lib-commonjs/colors/DefaultPalette.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultPalette = void 0;
 // When adding or removing a color, make sure you keep this consistent with IColorClassNames
@@ -4,0 +5,0 @@ // by adding the color variants.

lib-commonjs/colors/FluentColors.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SharedColors = exports.NeutralColors = exports.CommunicationColors = void 0;
 var CommunicationColors;
@@ -4,0 +5,0 @@ (function (CommunicationColors) {

lib-commonjs/colors/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultPalette = void 0;
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./FluentColors"), exports);
 var DefaultPalette_1 = require("./DefaultPalette");
-exports.DefaultPalette = DefaultPalette_1.DefaultPalette;
+Object.defineProperty(exports, "DefaultPalette", { enumerable: true, get: function () { return DefaultPalette_1.DefaultPalette; } });
 //# sourceMappingURL=index.js.map

lib-commonjs/createTheme.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTheme = void 0;
 var index_1 = require("./colors/index");
@@ -4,0 +5,0 @@ var index_2 = require("./effects/index");

lib-commonjs/effects/DefaultEffects.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultEffects = void 0;
 var FluentDepths_1 = require("./FluentDepths");
@@ -4,0 +5,0 @@ exports.DefaultEffects = {

lib-commonjs/effects/FluentDepths.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Depths = void 0;
 var Depths;
@@ -4,0 +5,0 @@ (function (Depths) {

lib-commonjs/effects/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Depths = exports.DefaultEffects = void 0;
 var DefaultEffects_1 = require("./DefaultEffects");
-exports.DefaultEffects = DefaultEffects_1.DefaultEffects;
+Object.defineProperty(exports, "DefaultEffects", { enumerable: true, get: function () { return DefaultEffects_1.DefaultEffects; } });
 var FluentDepths_1 = require("./FluentDepths");
-exports.Depths = FluentDepths_1.Depths;
+Object.defineProperty(exports, "Depths", { enumerable: true, get: function () { return FluentDepths_1.Depths; } });
 //# sourceMappingURL=index.js.map

lib-commonjs/FluentTheme.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FluentTheme = void 0;
 var createTheme_1 = require("./createTheme");
 exports.FluentTheme = createTheme_1.createTheme({});
 //# sourceMappingURL=FluentTheme.js.map

lib-commonjs/fonts/createFontStyles.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.createFontStyles = void 0;
 var FluentFonts_1 = require("./FluentFonts");
@@ -4,0 +5,0 @@ // Fallback fonts, if specified system or web fonts are unavailable.

lib-commonjs/fonts/DefaultFontStyles.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerDefaultFontFaces = exports.DefaultFontStyles = void 0;
 var merge_styles_1 = require("@fluentui/merge-styles");
@@ -59,6 +60,6 @@ var FluentFonts_1 = require("./FluentFonts");
 function _getFontBaseUrl() {
-    var _a, _b, _c;
+    var _a, _b;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var fabricConfig = (_a = utilities_1.getWindow()) === null || _a === void 0 ? void 0 : _a.FabricConfig;
-    return _c = (_b = fabricConfig) === null || _b === void 0 ? void 0 : _b.fontBaseUrl, (_c !== null && _c !== void 0 ? _c : DefaultBaseUrl);
+    return (_b = fabricConfig === null || fabricConfig === void 0 ? void 0 : fabricConfig.fontBaseUrl) !== null && _b !== void 0 ? _b : DefaultBaseUrl;
 }
@@ -65,0 +66,0 @@ /**

lib-commonjs/fonts/FluentFonts.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconFontSizes = exports.FontWeights = exports.FontSizes = exports.LocalizedFontFamilies = exports.LocalizedFontNames = void 0;
 // Font face names to be registered.
@@ -4,0 +5,0 @@ var LocalizedFontNames;

lib-commonjs/fonts/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerDefaultFontFaces = exports.DefaultFontStyles = exports.createFontStyles = void 0;
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./FluentFonts"), exports);
 var createFontStyles_1 = require("./createFontStyles");
-exports.createFontStyles = createFontStyles_1.createFontStyles;
+Object.defineProperty(exports, "createFontStyles", { enumerable: true, get: function () { return createFontStyles_1.createFontStyles; } });
 var DefaultFontStyles_1 = require("./DefaultFontStyles");
-exports.DefaultFontStyles = DefaultFontStyles_1.DefaultFontStyles;
-exports.registerDefaultFontFaces = DefaultFontStyles_1.registerDefaultFontFaces;
+Object.defineProperty(exports, "DefaultFontStyles", { enumerable: true, get: function () { return DefaultFontStyles_1.DefaultFontStyles; } });
+Object.defineProperty(exports, "registerDefaultFontFaces", { enumerable: true, get: function () { return DefaultFontStyles_1.registerDefaultFontFaces; } });
 //# sourceMappingURL=index.js.map

lib-commonjs/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FluentTheme = void 0;
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./mergeThemes"), exports);
+tslib_1.__exportStar(require("./types/index"), exports);
 tslib_1.__exportStar(require("./colors/index"), exports);
@@ -12,4 +14,4 @@ tslib_1.__exportStar(require("./effects/index"), exports);
 var FluentTheme_1 = require("./FluentTheme");
-exports.FluentTheme = FluentTheme_1.FluentTheme;
+Object.defineProperty(exports, "FluentTheme", { enumerable: true, get: function () { return FluentTheme_1.FluentTheme; } });
 require("./version");
 //# sourceMappingURL=index.js.map

lib-commonjs/mergeThemes.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeThemes = void 0;
 var utilities_1 = require("@fluentui/utilities");
@@ -9,4 +10,4 @@ var makeSemanticColors_1 = require("./utilities/makeSemanticColors");
 function mergeThemes(theme, partialTheme) {
+    var _a, _b, _c;
     if (partialTheme === void 0) { partialTheme = {}; }
-    var _a, _b, _c, _d;
     var mergedTheme = utilities_1.merge({}, theme, partialTheme, {
@@ -19,5 +20,5 @@ semanticColors: makeSemanticColors_1.getSemanticColors(partialTheme.palette, partialTheme.effects, partialTheme.semanticColors, partialTheme.isInverted === undefined ? theme.isInverted : partialTheme.isInverted),
     if (partialTheme.defaultFontStyle) {
-        for (var _i = 0, _e = Object.keys(mergedTheme.fonts); _i < _e.length; _i++) {
-            var fontStyle = _e[_i];
-            mergedTheme.fonts[fontStyle] = utilities_1.merge(mergedTheme.fonts[fontStyle], partialTheme.defaultFontStyle, (_d = (_c = partialTheme) === null || _c === void 0 ? void 0 : _c.fonts) === null || _d === void 0 ? void 0 : _d[fontStyle]);
+        for (var _i = 0, _d = Object.keys(mergedTheme.fonts); _i < _d.length; _i++) {
+            var fontStyle = _d[_i];
+            mergedTheme.fonts[fontStyle] = utilities_1.merge(mergedTheme.fonts[fontStyle], partialTheme.defaultFontStyle, (_c = partialTheme === null || partialTheme === void 0 ? void 0 : partialTheme.fonts) === null || _c === void 0 ? void 0 : _c[fontStyle]);
         }
@@ -24,0 +25,0 @@ }

lib-commonjs/motion/AnimationStyles.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimationStyles = exports.AnimationVariables = void 0;
 var merge_styles_1 = require("@fluentui/merge-styles");
@@ -4,0 +5,0 @@ /* Register the keyframes */

lib-commonjs/motion/FluentMotion.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MotionAnimations = exports.MotionTimings = exports.MotionDurations = void 0;
 var merge_styles_1 = require("@fluentui/merge-styles");
@@ -4,0 +5,0 @@ var fadeInAnimationName = merge_styles_1.keyframes({

lib-commonjs/spacing/DefaultSpacing.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultSpacing = void 0;
 exports.DefaultSpacing = {
@@ -4,0 +5,0 @@ s2: '4px',

lib-commonjs/spacing/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultSpacing = void 0;
 var DefaultSpacing_1 = require("./DefaultSpacing");
-exports.DefaultSpacing = DefaultSpacing_1.DefaultSpacing;
+Object.defineProperty(exports, "DefaultSpacing", { enumerable: true, get: function () { return DefaultSpacing_1.DefaultSpacing; } });
 //# sourceMappingURL=index.js.map

lib-commonjs/types/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Theme"), exports);
 //# sourceMappingURL=index.js.map

lib-commonjs/utilities/makeSemanticColors.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSemanticColors = exports.makeSemanticColors = void 0;
 var tslib_1 = require("tslib");
@@ -22,6 +23,5 @@ /** Generates all the semantic slot colors based on the theme so far
     if (depComments === void 0) { depComments = false; }
-    var _a, _b, _c;
     var result = {};
     // map palette
-    var _d = p || {}, white = _d.white, black = _d.black, themePrimary = _d.themePrimary, themeDark = _d.themeDark, themeDarker = _d.themeDarker, themeDarkAlt = _d.themeDarkAlt, themeLighter = _d.themeLighter, neutralLight = _d.neutralLight, neutralLighter = _d.neutralLighter, neutralDark = _d.neutralDark, neutralQuaternary = _d.neutralQuaternary, neutralQuaternaryAlt = _d.neutralQuaternaryAlt, neutralPrimary = _d.neutralPrimary, neutralSecondary = _d.neutralSecondary, neutralSecondaryAlt = _d.neutralSecondaryAlt, neutralTertiary = _d.neutralTertiary, neutralTertiaryAlt = _d.neutralTertiaryAlt, neutralLighterAlt = _d.neutralLighterAlt, accent = _d.accent;
+    var _a = p || {}, white = _a.white, black = _a.black, themePrimary = _a.themePrimary, themeDark = _a.themeDark, themeDarker = _a.themeDarker, themeDarkAlt = _a.themeDarkAlt, themeLighter = _a.themeLighter, neutralLight = _a.neutralLight, neutralLighter = _a.neutralLighter, neutralDark = _a.neutralDark, neutralQuaternary = _a.neutralQuaternary, neutralQuaternaryAlt = _a.neutralQuaternaryAlt, neutralPrimary = _a.neutralPrimary, neutralSecondary = _a.neutralSecondary, neutralSecondaryAlt = _a.neutralSecondaryAlt, neutralTertiary = _a.neutralTertiary, neutralTertiaryAlt = _a.neutralTertiaryAlt, neutralLighterAlt = _a.neutralLighterAlt, accent = _a.accent;
     if (white) {
@@ -102,3 +102,3 @@ result.bodyBackground = white;
         result.disabledBodyText = neutralTertiary;
-        result.variantBorderHovered = ((_a = s) === null || _a === void 0 ? void 0 : _a.variantBorderHovered) || neutralTertiary;
+        result.variantBorderHovered = (s === null || s === void 0 ? void 0 : s.variantBorderHovered) || neutralTertiary;
         result.buttonTextDisabled = neutralTertiary;
@@ -149,6 +149,6 @@ result.inputIconDisabled = neutralTertiary;
     // map effects
-    if ((_b = e) === null || _b === void 0 ? void 0 : _b.elevation4) {
+    if (e === null || e === void 0 ? void 0 : e.elevation4) {
         result.cardShadow = e.elevation4;
     }
-    if (!isInverted && ((_c = e) === null || _c === void 0 ? void 0 : _c.elevation8)) {
+    if (!isInverted && (e === null || e === void 0 ? void 0 : e.elevation8)) {
         result.cardShadowHovered = e.elevation8;
@@ -155,0 +155,0 @@ }

lib-commonjs/version.js

@@ -6,3 +6,3 @@ "use strict";
 var set_version_1 = require("@fluentui/set-version");
-set_version_1.setVersion('@fluentui/theme', '2.0.5');
+set_version_1.setVersion('@fluentui/theme', '2.1.0');
 //# sourceMappingURL=version.js.map

lib/fonts/DefaultFontStyles.js

@@ -56,6 +56,6 @@ import { fontFace } from '@fluentui/merge-styles';
 function _getFontBaseUrl() {
-    var _a, _b, _c;
+    var _a, _b;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var fabricConfig = (_a = getWindow()) === null || _a === void 0 ? void 0 : _a.FabricConfig;
-    return _c = (_b = fabricConfig) === null || _b === void 0 ? void 0 : _b.fontBaseUrl, (_c !== null && _c !== void 0 ? _c : DefaultBaseUrl);
+    return (_b = fabricConfig === null || fabricConfig === void 0 ? void 0 : fabricConfig.fontBaseUrl) !== null && _b !== void 0 ? _b : DefaultBaseUrl;
 }
@@ -62,0 +62,0 @@ /**

lib/index.js

 export * from './mergeThemes';
+export * from './types/index';
 export * from './colors/index';
@@ -3,0 +4,0 @@ export * from './effects/index';

lib/mergeThemes.js

@@ -7,4 +7,4 @@ import { merge } from '@fluentui/utilities';
 export function mergeThemes(theme, partialTheme) {
+    var _a, _b, _c;
     if (partialTheme === void 0) { partialTheme = {}; }
-    var _a, _b, _c, _d;
     var mergedTheme = merge({}, theme, partialTheme, {
@@ -17,5 +17,5 @@ semanticColors: getSemanticColors(partialTheme.palette, partialTheme.effects, partialTheme.semanticColors, partialTheme.isInverted === undefined ? theme.isInverted : partialTheme.isInverted),
     if (partialTheme.defaultFontStyle) {
-        for (var _i = 0, _e = Object.keys(mergedTheme.fonts); _i < _e.length; _i++) {
-            var fontStyle = _e[_i];
-            mergedTheme.fonts[fontStyle] = merge(mergedTheme.fonts[fontStyle], partialTheme.defaultFontStyle, (_d = (_c = partialTheme) === null || _c === void 0 ? void 0 : _c.fonts) === null || _d === void 0 ? void 0 : _d[fontStyle]);
+        for (var _i = 0, _d = Object.keys(mergedTheme.fonts); _i < _d.length; _i++) {
+            var fontStyle = _d[_i];
+            mergedTheme.fonts[fontStyle] = merge(mergedTheme.fonts[fontStyle], partialTheme.defaultFontStyle, (_c = partialTheme === null || partialTheme === void 0 ? void 0 : partialTheme.fonts) === null || _c === void 0 ? void 0 : _c[fontStyle]);
         }
@@ -22,0 +22,0 @@ }

lib/tsdoc-metadata.json

@@ -8,5 +8,5 @@ // This file is read by tools that parse documentation comments conforming to the TSDoc standard.
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.7.1"
+      "packageVersion": "7.13.0"
     }
   ]
 }

lib/types/IAnimationStyles.js

@@ -0,1 +1,2 @@
+export {};
 //# sourceMappingURL=IAnimationStyles.js.map

lib/types/IEffects.js

 /* eslint-disable @typescript-eslint/naming-convention */
+export {};
 //# sourceMappingURL=IEffects.js.map

lib/types/IFabricConfig.js

@@ -0,1 +1,2 @@
+export {};
 //# sourceMappingURL=IFabricConfig.js.map

lib/types/IFontStyles.js

 /* eslint-disable @typescript-eslint/naming-convention */
+export {};
 //# sourceMappingURL=IFontStyles.js.map

lib/types/index.js

@@ -0,1 +1,2 @@
+export * from './Theme';
 //# sourceMappingURL=index.js.map

lib/types/IPalette.js

 /* eslint-disable @typescript-eslint/naming-convention */
+export {};
 //# sourceMappingURL=IPalette.js.map

lib/types/IScheme.js

 /* eslint-disable @typescript-eslint/naming-convention */
+export {};
 //# sourceMappingURL=IScheme.js.map

lib/types/ISemanticColors.js

 /* eslint-disable @typescript-eslint/naming-convention */
+export {};
 //# sourceMappingURL=ISemanticColors.js.map

lib/types/ISemanticTextColors.js

 /* eslint-disable @typescript-eslint/naming-convention */
+export {};
 //# sourceMappingURL=ISemanticTextColors.js.map

lib/types/ISpacing.js

 /* eslint-disable @typescript-eslint/naming-convention */
+export {};
 //# sourceMappingURL=ISpacing.js.map

lib/types/ITheme.js

@@ -0,1 +1,2 @@
+export {};
 //# sourceMappingURL=ITheme.js.map

lib/types/Theme.js

@@ -0,1 +1,2 @@
+export {};
 //# sourceMappingURL=Theme.js.map

lib/utilities/makeSemanticColors.js

@@ -19,6 +19,5 @@ import { __assign } from "tslib";
     if (depComments === void 0) { depComments = false; }
-    var _a, _b, _c;
     var result = {};
     // map palette
-    var _d = p || {}, white = _d.white, black = _d.black, themePrimary = _d.themePrimary, themeDark = _d.themeDark, themeDarker = _d.themeDarker, themeDarkAlt = _d.themeDarkAlt, themeLighter = _d.themeLighter, neutralLight = _d.neutralLight, neutralLighter = _d.neutralLighter, neutralDark = _d.neutralDark, neutralQuaternary = _d.neutralQuaternary, neutralQuaternaryAlt = _d.neutralQuaternaryAlt, neutralPrimary = _d.neutralPrimary, neutralSecondary = _d.neutralSecondary, neutralSecondaryAlt = _d.neutralSecondaryAlt, neutralTertiary = _d.neutralTertiary, neutralTertiaryAlt = _d.neutralTertiaryAlt, neutralLighterAlt = _d.neutralLighterAlt, accent = _d.accent;
+    var _a = p || {}, white = _a.white, black = _a.black, themePrimary = _a.themePrimary, themeDark = _a.themeDark, themeDarker = _a.themeDarker, themeDarkAlt = _a.themeDarkAlt, themeLighter = _a.themeLighter, neutralLight = _a.neutralLight, neutralLighter = _a.neutralLighter, neutralDark = _a.neutralDark, neutralQuaternary = _a.neutralQuaternary, neutralQuaternaryAlt = _a.neutralQuaternaryAlt, neutralPrimary = _a.neutralPrimary, neutralSecondary = _a.neutralSecondary, neutralSecondaryAlt = _a.neutralSecondaryAlt, neutralTertiary = _a.neutralTertiary, neutralTertiaryAlt = _a.neutralTertiaryAlt, neutralLighterAlt = _a.neutralLighterAlt, accent = _a.accent;
     if (white) {
@@ -99,3 +98,3 @@ result.bodyBackground = white;
         result.disabledBodyText = neutralTertiary;
-        result.variantBorderHovered = ((_a = s) === null || _a === void 0 ? void 0 : _a.variantBorderHovered) || neutralTertiary;
+        result.variantBorderHovered = (s === null || s === void 0 ? void 0 : s.variantBorderHovered) || neutralTertiary;
         result.buttonTextDisabled = neutralTertiary;
@@ -146,6 +145,6 @@ result.inputIconDisabled = neutralTertiary;
     // map effects
-    if ((_b = e) === null || _b === void 0 ? void 0 : _b.elevation4) {
+    if (e === null || e === void 0 ? void 0 : e.elevation4) {
         result.cardShadow = e.elevation4;
     }
-    if (!isInverted && ((_c = e) === null || _c === void 0 ? void 0 : _c.elevation8)) {
+    if (!isInverted && (e === null || e === void 0 ? void 0 : e.elevation8)) {
         result.cardShadowHovered = e.elevation8;
@@ -152,0 +151,0 @@ }

lib/version.js

 // Do not modify this file; it is generated as part of publish.
 // The checked in version is a placeholder only and will not be updated.
 import { setVersion } from '@fluentui/set-version';
-setVersion('@fluentui/theme', '2.0.5');
+setVersion('@fluentui/theme', '2.1.0');
 //# sourceMappingURL=version.js.map

package.json

 {
   "name": "@fluentui/theme",
-  "version": "2.0.5",
+  "version": "2.1.0",
   "description": "Basic building blocks for Fluent UI React Component themes",
@@ -27,3 +27,3 @@ "main": "lib-commonjs/index.js",
   "devDependencies": {
-    "@fluentui/eslint-plugin": "^1.1.1",
+    "@fluentui/eslint-plugin": "^1.2.0",
     "@types/enzyme": "3.10.3",
@@ -38,6 +38,6 @@ "@types/enzyme-adapter-react-16": "1.0.3",
   "dependencies": {
-    "@fluentui/merge-styles": "^8.0.4",
-    "@fluentui/utilities": "^8.0.5",
-    "@fluentui/set-version": "^8.0.3",
-    "tslib": "^1.10.0"
+    "@fluentui/merge-styles": "^8.1.0",
+    "@fluentui/utilities": "^8.1.0",
+    "@fluentui/set-version": "^8.1.0",
+    "tslib": "^2.1.0"
   },
@@ -44,0 +44,0 @@ "peerDependencies": {

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

686725

increased by1.04%

Lines of code

8496

increased by1.19%

Dependency changes

• - Removedtslib@1.14.1(transitive)

• Updated@fluentui/merge-styles@^8.1.0

• Updated@fluentui/set-version@^8.1.0

• Updated@fluentui/utilities@^8.1.0

• Updatedtslib@^2.1.0