@fluentui/theme - npm Package Compare versions

Comparing version 2.6.30 to 2.6.31

CHANGELOG.json

@@ -5,3 +5,30 @@ {
     {
-      "date": "Tue, 30 May 2023 07:33:28 GMT",
+      "date": "Wed, 31 May 2023 07:36:01 GMT",
+      "tag": "@fluentui/theme_v2.6.31",
+      "version": "2.6.31",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/theme",
+            "comment": "Bump @fluentui/merge-styles to v8.5.12",
+            "commit": "dd8c30d9b97f68eb332366fc0e69775a88775319"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/theme",
+            "comment": "Bump @fluentui/utilities to v8.13.15",
+            "commit": "dd8c30d9b97f68eb332366fc0e69775a88775319"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/theme",
+            "comment": "Bump @fluentui/set-version to v8.2.11",
+            "commit": "dd8c30d9b97f68eb332366fc0e69775a88775319"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 30 May 2023 07:36:09 GMT",
       "tag": "@fluentui/theme_v2.6.30",
@@ -8,0 +35,0 @@ "version": "2.6.30",

CHANGELOG.md

 # Change Log - @fluentui/theme
 
-This log was last generated on Tue, 30 May 2023 07:33:28 GMT and should not be manually modified.
+This log was last generated on Wed, 31 May 2023 07:36:01 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [2.6.31](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.6.31)
+
+Wed, 31 May 2023 07:36:01 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v2.6.30..@fluentui/theme_v2.6.31)
+
+### Patches
+
+- Bump @fluentui/merge-styles to v8.5.12 ([commit](https://github.com/microsoft/fluentui/commit/dd8c30d9b97f68eb332366fc0e69775a88775319) by beachball)
+- Bump @fluentui/utilities to v8.13.15 ([commit](https://github.com/microsoft/fluentui/commit/dd8c30d9b97f68eb332366fc0e69775a88775319) by beachball)
+- Bump @fluentui/set-version to v8.2.11 ([commit](https://github.com/microsoft/fluentui/commit/dd8c30d9b97f68eb332366fc0e69775a88775319) by beachball)
+
 ## [2.6.30](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.6.30)
 
-Tue, 30 May 2023 07:33:28 GMT 
+Tue, 30 May 2023 07:36:09 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v2.6.29..@fluentui/theme_v2.6.30)
@@ -11,0 +22,0 @@

lib-amd/colors/index.js

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

lib-amd/createTheme.js

@@ -21,6 +21,6 @@ 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) {
             disableGlobalClassNames: false,
-            semanticColors: makeSemanticColors_1.makeSemanticColors(index_1.DefaultPalette, index_2.DefaultEffects, undefined, isInverted, depComments),
+            semanticColors: (0, makeSemanticColors_1.makeSemanticColors)(index_1.DefaultPalette, index_2.DefaultEffects, undefined, isInverted, depComments),
             rtl: undefined,
         };
-        return mergeThemes_1.mergeThemes(baseTheme, theme);
+        return (0, mergeThemes_1.mergeThemes)(baseTheme, theme);
     }
@@ -27,0 +27,0 @@ exports.createTheme = createTheme;

lib-amd/FluentTheme.js

@@ -5,4 +5,4 @@ define(["require", "exports", "./createTheme"], function (require, exports, createTheme_1) {
     exports.FluentTheme = void 0;
-    exports.FluentTheme = createTheme_1.createTheme({});
+    exports.FluentTheme = (0, createTheme_1.createTheme)({});
 });
 //# sourceMappingURL=FluentTheme.js.map

lib-amd/fonts/createFontStyles.js

@@ -9,3 +9,3 @@ define(["require", "exports", "./FluentFonts"], function (require, exports, FluentFonts_1) {
     // All localized fonts use a web font and never use the system font.
-    var defaultFontFamily = "'Segoe UI', '" + FluentFonts_1.LocalizedFontNames.WestEuropean + "'";
+    var defaultFontFamily = "'Segoe UI', '".concat(FluentFonts_1.LocalizedFontNames.WestEuropean, "'");
     // Mapping of language prefix to to font family.
@@ -41,3 +41,3 @@ var LanguageToFontMap = {
     function _fontFamilyWithFallbacks(fontFamily) {
-        return fontFamily + ", " + FontFamilyFallbacks;
+        return "".concat(fontFamily, ", ").concat(FontFamilyFallbacks);
     }
@@ -44,0 +44,0 @@ /**

lib-amd/fonts/DefaultFontStyles.js

@@ -8,9 +8,9 @@ define(["require", "exports", "@fluentui/merge-styles", "./FluentFonts", "./createFontStyles", "@fluentui/utilities"], function (require, exports, merge_styles_1, FluentFonts_1, createFontStyles_1, utilities_1) {
     // Standard font styling.
-    exports.DefaultFontStyles = createFontStyles_1.createFontStyles(utilities_1.getLanguage());
+    exports.DefaultFontStyles = (0, createFontStyles_1.createFontStyles)((0, utilities_1.getLanguage)());
     function _registerFontFace(fontFamily, url, fontWeight, localFontName) {
-        fontFamily = "'" + fontFamily + "'";
-        var localFontSrc = localFontName !== undefined ? "local('" + localFontName + "')," : '';
-        merge_styles_1.fontFace({
+        fontFamily = "'".concat(fontFamily, "'");
+        var localFontSrc = localFontName !== undefined ? "local('".concat(localFontName, "'),") : '';
+        (0, merge_styles_1.fontFace)({
             fontFamily: fontFamily,
-            src: localFontSrc + ("url('" + url + ".woff2') format('woff2'),") + ("url('" + url + ".woff') format('woff')"),
+            src: localFontSrc + "url('".concat(url, ".woff2') format('woff2'),") + "url('".concat(url, ".woff') format('woff')"),
             fontWeight: fontWeight,
@@ -23,3 +23,3 @@ fontStyle: 'normal',
         if (cdnFontName === void 0) { cdnFontName = 'segoeui'; }
-        var urlBase = baseUrl + "/" + cdnFolder + "/" + cdnFontName;
+        var urlBase = "".concat(baseUrl, "/").concat(cdnFolder, "/").concat(cdnFontName);
         _registerFontFace(fontFamily, urlBase + '-light', FluentFonts_1.FontWeights.light, localFontName && localFontName + ' Light');
@@ -33,3 +33,3 @@ _registerFontFace(fontFamily, urlBase + '-semilight', FluentFonts_1.FontWeights.semilight, localFontName && localFontName + ' SemiLight');
         if (baseUrl) {
-            var fontUrl = baseUrl + "/fonts";
+            var fontUrl = "".concat(baseUrl, "/fonts");
             // Produce @font-face definitions for all supported web fonts.
@@ -49,6 +49,6 @@ _registerFontFaceSet(fontUrl, FluentFonts_1.LocalizedFontNames.Thai, 'leelawadeeui-thai', 'leelawadeeui');
             // the font-face generated above to use the 'semilight' weight instead.
-            _registerFontFace('Leelawadee UI Web', fontUrl + "/leelawadeeui-thai/leelawadeeui-semilight", FluentFonts_1.FontWeights.light);
+            _registerFontFace('Leelawadee UI Web', "".concat(fontUrl, "/leelawadeeui-thai/leelawadeeui-semilight"), FluentFonts_1.FontWeights.light);
             // Leelawadee UI (Thai) does not have a 'semibold' weight, so we override
             // the font-face generated above to use the 'bold' weight instead.
-            _registerFontFace('Leelawadee UI Web', fontUrl + "/leelawadeeui-thai/leelawadeeui-bold", FluentFonts_1.FontWeights.semibold);
+            _registerFontFace('Leelawadee UI Web', "".concat(fontUrl, "/leelawadeeui-thai/leelawadeeui-bold"), FluentFonts_1.FontWeights.semibold);
         }
@@ -63,3 +63,3 @@ }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var fabricConfig = (_a = utilities_1.getWindow()) === null || _a === void 0 ? void 0 : _a.FabricConfig;
+        var fabricConfig = (_a = (0, utilities_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.FabricConfig;
         return (_b = fabricConfig === null || fabricConfig === void 0 ? void 0 : fabricConfig.fontBaseUrl) !== null && _b !== void 0 ? _b : DefaultBaseUrl;
@@ -66,0 +66,0 @@ }

lib-amd/fonts/FluentFonts.js

@@ -23,18 +23,18 @@ define(["require", "exports"], function (require, exports) {
     (function (LocalizedFontFamilies) {
-        LocalizedFontFamilies.Arabic = "'" + LocalizedFontNames.Arabic + "'";
+        LocalizedFontFamilies.Arabic = "'".concat(LocalizedFontNames.Arabic, "'");
         LocalizedFontFamilies.ChineseSimplified = "'Microsoft Yahei UI', Verdana, Simsun";
         LocalizedFontFamilies.ChineseTraditional = "'Microsoft Jhenghei UI', Pmingliu";
-        LocalizedFontFamilies.Cyrillic = "'" + LocalizedFontNames.Cyrillic + "'";
-        LocalizedFontFamilies.EastEuropean = "'" + LocalizedFontNames.EastEuropean + "'";
-        LocalizedFontFamilies.Greek = "'" + LocalizedFontNames.Greek + "'";
-        LocalizedFontFamilies.Hebrew = "'" + LocalizedFontNames.Hebrew + "'";
+        LocalizedFontFamilies.Cyrillic = "'".concat(LocalizedFontNames.Cyrillic, "'");
+        LocalizedFontFamilies.EastEuropean = "'".concat(LocalizedFontNames.EastEuropean, "'");
+        LocalizedFontFamilies.Greek = "'".concat(LocalizedFontNames.Greek, "'");
+        LocalizedFontFamilies.Hebrew = "'".concat(LocalizedFontNames.Hebrew, "'");
         LocalizedFontFamilies.Hindi = "'Nirmala UI'";
         LocalizedFontFamilies.Japanese = "'Yu Gothic UI', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka";
         LocalizedFontFamilies.Korean = "'Malgun Gothic', Gulim";
-        LocalizedFontFamilies.Selawik = "'" + LocalizedFontNames.Selawik + "'";
+        LocalizedFontFamilies.Selawik = "'".concat(LocalizedFontNames.Selawik, "'");
         LocalizedFontFamilies.Thai = "'Leelawadee UI Web', 'Kmer UI'";
-        LocalizedFontFamilies.Vietnamese = "'" + LocalizedFontNames.Vietnamese + "'";
-        LocalizedFontFamilies.WestEuropean = "'" + LocalizedFontNames.WestEuropean + "'";
-        LocalizedFontFamilies.Armenian = "'" + LocalizedFontNames.Armenian + "'";
-        LocalizedFontFamilies.Georgian = "'" + LocalizedFontNames.Georgian + "'";
+        LocalizedFontFamilies.Vietnamese = "'".concat(LocalizedFontNames.Vietnamese, "'");
+        LocalizedFontFamilies.WestEuropean = "'".concat(LocalizedFontNames.WestEuropean, "'");
+        LocalizedFontFamilies.Armenian = "'".concat(LocalizedFontNames.Armenian, "'");
+        LocalizedFontFamilies.Georgian = "'".concat(LocalizedFontNames.Georgian, "'");
     })(LocalizedFontFamilies = exports.LocalizedFontFamilies || (exports.LocalizedFontFamilies = {}));
@@ -41,0 +41,0 @@ // Standard font sizes.

lib-amd/fonts/index.js

@@ -5,3 +5,3 @@ define(["require", "exports", "tslib", "./FluentFonts", "./createFontStyles", "./DefaultFontStyles"], function (require, exports, tslib_1, FluentFonts_1, createFontStyles_1, DefaultFontStyles_1) {
     exports.registerDefaultFontFaces = exports.DefaultFontStyles = exports.createFontStyles = void 0;
-    tslib_1.__exportStar(FluentFonts_1, exports);
+    (0, tslib_1.__exportStar)(FluentFonts_1, exports);
     Object.defineProperty(exports, "createFontStyles", { enumerable: true, get: function () { return createFontStyles_1.createFontStyles; } });
@@ -8,0 +8,0 @@ Object.defineProperty(exports, "DefaultFontStyles", { enumerable: true, get: function () { return DefaultFontStyles_1.DefaultFontStyles; } });

lib-amd/index.js

@@ -5,12 +5,12 @@ 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) {
     exports.FluentTheme = void 0;
-    tslib_1.__exportStar(mergeThemes_1, exports);
-    tslib_1.__exportStar(index_1, exports);
-    tslib_1.__exportStar(index_2, exports);
-    tslib_1.__exportStar(index_3, exports);
-    tslib_1.__exportStar(index_4, exports);
-    tslib_1.__exportStar(index_5, exports);
-    tslib_1.__exportStar(index_6, exports);
-    tslib_1.__exportStar(createTheme_1, exports);
+    (0, tslib_1.__exportStar)(mergeThemes_1, exports);
+    (0, tslib_1.__exportStar)(index_1, exports);
+    (0, tslib_1.__exportStar)(index_2, exports);
+    (0, tslib_1.__exportStar)(index_3, exports);
+    (0, tslib_1.__exportStar)(index_4, exports);
+    (0, tslib_1.__exportStar)(index_5, exports);
+    (0, tslib_1.__exportStar)(index_6, exports);
+    (0, tslib_1.__exportStar)(createTheme_1, exports);
     Object.defineProperty(exports, "FluentTheme", { enumerable: true, get: function () { return FluentTheme_1.FluentTheme; } });
 });
 //# sourceMappingURL=index.js.map

lib-amd/mergeThemes.js

@@ -11,4 +11,4 @@ define(["require", "exports", "@fluentui/utilities", "./utilities/makeSemanticColors"], function (require, exports, utilities_1, makeSemanticColors_1) {
         if (partialTheme === void 0) { partialTheme = {}; }
-        var mergedTheme = utilities_1.merge({}, theme, partialTheme, {
-            semanticColors: makeSemanticColors_1.getSemanticColors(partialTheme.palette, partialTheme.effects, partialTheme.semanticColors, partialTheme.isInverted === undefined ? theme.isInverted : partialTheme.isInverted),
+        var mergedTheme = (0, utilities_1.merge)({}, theme, partialTheme, {
+            semanticColors: (0, makeSemanticColors_1.getSemanticColors)(partialTheme.palette, partialTheme.effects, partialTheme.semanticColors, partialTheme.isInverted === undefined ? theme.isInverted : partialTheme.isInverted),
         });
@@ -21,3 +21,3 @@ if (((_a = partialTheme.palette) === null || _a === void 0 ? void 0 : _a.themePrimary) && !((_b = partialTheme.palette) === null || _b === void 0 ? void 0 : _b.accent)) {
                 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]);
+                mergedTheme.fonts[fontStyle] = (0, 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 +24,0 @@ }

lib-amd/motion/AnimationStyles.js

@@ -12,7 +12,7 @@ define(["require", "exports", "@fluentui/merge-styles"], function (require, exports, merge_styles_1) {
     var DURATION_4 = '0.467s';
-    var FADE_IN = merge_styles_1.keyframes({
+    var FADE_IN = (0, merge_styles_1.keyframes)({
         from: { opacity: 0 },
         to: { opacity: 1 },
     });
-    var FADE_OUT = merge_styles_1.keyframes({
+    var FADE_OUT = (0, merge_styles_1.keyframes)({
         from: { opacity: 1 },
@@ -45,23 +45,23 @@ to: { opacity: 0, visibility: 'hidden' },
     var SLIDE_DOWN_OUT20 = _createSlideOutY(20);
-    var SCALE_UP100 = merge_styles_1.keyframes({
+    var SCALE_UP100 = (0, merge_styles_1.keyframes)({
         from: { transform: 'scale3d(.98,.98,1)' },
         to: { transform: 'scale3d(1,1,1)' },
     });
-    var SCALE_DOWN98 = merge_styles_1.keyframes({
+    var SCALE_DOWN98 = (0, merge_styles_1.keyframes)({
         from: { transform: 'scale3d(1,1,1)' },
         to: { transform: 'scale3d(.98,.98,1)' },
     });
-    var SCALE_DOWN100 = merge_styles_1.keyframes({
+    var SCALE_DOWN100 = (0, merge_styles_1.keyframes)({
         from: { transform: 'scale3d(1.03,1.03,1)' },
         to: { transform: 'scale3d(1,1,1)' },
     });
-    var SCALE_UP103 = merge_styles_1.keyframes({
+    var SCALE_UP103 = (0, merge_styles_1.keyframes)({
         from: { transform: 'scale3d(1,1,1)' },
         to: { transform: 'scale3d(1.03,1.03,1)' },
     });
-    var ROTATE90 = merge_styles_1.keyframes({
+    var ROTATE90 = (0, merge_styles_1.keyframes)({
         from: { transform: 'rotateZ(0deg)' },
         to: { transform: 'rotateZ(90deg)' },
     });
-    var ROTATE_N90 = merge_styles_1.keyframes({
+    var ROTATE_N90 = (0, merge_styles_1.keyframes)({
         from: { transform: 'rotateZ(0deg)' },
@@ -86,30 +86,30 @@ to: { transform: 'rotateZ(-90deg)' },
     exports.AnimationStyles = {
-        slideRightIn10: _createAnimation(FADE_IN + "," + SLIDE_RIGHT_IN10, DURATION_3, EASING_FUNCTION_1),
-        slideRightIn20: _createAnimation(FADE_IN + "," + SLIDE_RIGHT_IN20, DURATION_3, EASING_FUNCTION_1),
-        slideRightIn40: _createAnimation(FADE_IN + "," + SLIDE_RIGHT_IN40, DURATION_3, EASING_FUNCTION_1),
-        slideRightIn400: _createAnimation(FADE_IN + "," + SLIDE_RIGHT_IN400, DURATION_3, EASING_FUNCTION_1),
-        slideLeftIn10: _createAnimation(FADE_IN + "," + SLIDE_LEFT_IN10, DURATION_3, EASING_FUNCTION_1),
-        slideLeftIn20: _createAnimation(FADE_IN + "," + SLIDE_LEFT_IN20, DURATION_3, EASING_FUNCTION_1),
-        slideLeftIn40: _createAnimation(FADE_IN + "," + SLIDE_LEFT_IN40, DURATION_3, EASING_FUNCTION_1),
-        slideLeftIn400: _createAnimation(FADE_IN + "," + SLIDE_LEFT_IN400, DURATION_3, EASING_FUNCTION_1),
-        slideUpIn10: _createAnimation(FADE_IN + "," + SLIDE_UP_IN10, DURATION_3, EASING_FUNCTION_1),
-        slideUpIn20: _createAnimation(FADE_IN + "," + SLIDE_UP_IN20, DURATION_3, EASING_FUNCTION_1),
-        slideDownIn10: _createAnimation(FADE_IN + "," + SLIDE_DOWN_IN10, DURATION_3, EASING_FUNCTION_1),
-        slideDownIn20: _createAnimation(FADE_IN + "," + SLIDE_DOWN_IN20, DURATION_3, EASING_FUNCTION_1),
-        slideRightOut10: _createAnimation(FADE_OUT + "," + SLIDE_RIGHT_OUT10, DURATION_3, EASING_FUNCTION_1),
-        slideRightOut20: _createAnimation(FADE_OUT + "," + SLIDE_RIGHT_OUT20, DURATION_3, EASING_FUNCTION_1),
-        slideRightOut40: _createAnimation(FADE_OUT + "," + SLIDE_RIGHT_OUT40, DURATION_3, EASING_FUNCTION_1),
-        slideRightOut400: _createAnimation(FADE_OUT + "," + SLIDE_RIGHT_OUT400, DURATION_3, EASING_FUNCTION_1),
-        slideLeftOut10: _createAnimation(FADE_OUT + "," + SLIDE_LEFT_OUT10, DURATION_3, EASING_FUNCTION_1),
-        slideLeftOut20: _createAnimation(FADE_OUT + "," + SLIDE_LEFT_OUT20, DURATION_3, EASING_FUNCTION_1),
-        slideLeftOut40: _createAnimation(FADE_OUT + "," + SLIDE_LEFT_OUT40, DURATION_3, EASING_FUNCTION_1),
-        slideLeftOut400: _createAnimation(FADE_OUT + "," + SLIDE_LEFT_OUT400, DURATION_3, EASING_FUNCTION_1),
-        slideUpOut10: _createAnimation(FADE_OUT + "," + SLIDE_UP_OUT10, DURATION_3, EASING_FUNCTION_1),
-        slideUpOut20: _createAnimation(FADE_OUT + "," + SLIDE_UP_OUT20, DURATION_3, EASING_FUNCTION_1),
-        slideDownOut10: _createAnimation(FADE_OUT + "," + SLIDE_DOWN_OUT10, DURATION_3, EASING_FUNCTION_1),
-        slideDownOut20: _createAnimation(FADE_OUT + "," + SLIDE_DOWN_OUT20, DURATION_3, EASING_FUNCTION_1),
-        scaleUpIn100: _createAnimation(FADE_IN + "," + SCALE_UP100, DURATION_3, EASING_FUNCTION_1),
-        scaleDownIn100: _createAnimation(FADE_IN + "," + SCALE_DOWN100, DURATION_3, EASING_FUNCTION_1),
-        scaleUpOut103: _createAnimation(FADE_OUT + "," + SCALE_UP103, DURATION_1, EASING_FUNCTION_2),
-        scaleDownOut98: _createAnimation(FADE_OUT + "," + SCALE_DOWN98, DURATION_1, EASING_FUNCTION_2),
+        slideRightIn10: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_RIGHT_IN10), DURATION_3, EASING_FUNCTION_1),
+        slideRightIn20: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_RIGHT_IN20), DURATION_3, EASING_FUNCTION_1),
+        slideRightIn40: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_RIGHT_IN40), DURATION_3, EASING_FUNCTION_1),
+        slideRightIn400: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_RIGHT_IN400), DURATION_3, EASING_FUNCTION_1),
+        slideLeftIn10: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_LEFT_IN10), DURATION_3, EASING_FUNCTION_1),
+        slideLeftIn20: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_LEFT_IN20), DURATION_3, EASING_FUNCTION_1),
+        slideLeftIn40: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_LEFT_IN40), DURATION_3, EASING_FUNCTION_1),
+        slideLeftIn400: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_LEFT_IN400), DURATION_3, EASING_FUNCTION_1),
+        slideUpIn10: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_UP_IN10), DURATION_3, EASING_FUNCTION_1),
+        slideUpIn20: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_UP_IN20), DURATION_3, EASING_FUNCTION_1),
+        slideDownIn10: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_DOWN_IN10), DURATION_3, EASING_FUNCTION_1),
+        slideDownIn20: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_DOWN_IN20), DURATION_3, EASING_FUNCTION_1),
+        slideRightOut10: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_RIGHT_OUT10), DURATION_3, EASING_FUNCTION_1),
+        slideRightOut20: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_RIGHT_OUT20), DURATION_3, EASING_FUNCTION_1),
+        slideRightOut40: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_RIGHT_OUT40), DURATION_3, EASING_FUNCTION_1),
+        slideRightOut400: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_RIGHT_OUT400), DURATION_3, EASING_FUNCTION_1),
+        slideLeftOut10: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_LEFT_OUT10), DURATION_3, EASING_FUNCTION_1),
+        slideLeftOut20: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_LEFT_OUT20), DURATION_3, EASING_FUNCTION_1),
+        slideLeftOut40: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_LEFT_OUT40), DURATION_3, EASING_FUNCTION_1),
+        slideLeftOut400: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_LEFT_OUT400), DURATION_3, EASING_FUNCTION_1),
+        slideUpOut10: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_UP_OUT10), DURATION_3, EASING_FUNCTION_1),
+        slideUpOut20: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_UP_OUT20), DURATION_3, EASING_FUNCTION_1),
+        slideDownOut10: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_DOWN_OUT10), DURATION_3, EASING_FUNCTION_1),
+        slideDownOut20: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_DOWN_OUT20), DURATION_3, EASING_FUNCTION_1),
+        scaleUpIn100: _createAnimation("".concat(FADE_IN, ",").concat(SCALE_UP100), DURATION_3, EASING_FUNCTION_1),
+        scaleDownIn100: _createAnimation("".concat(FADE_IN, ",").concat(SCALE_DOWN100), DURATION_3, EASING_FUNCTION_1),
+        scaleUpOut103: _createAnimation("".concat(FADE_OUT, ",").concat(SCALE_UP103), DURATION_1, EASING_FUNCTION_2),
+        scaleDownOut98: _createAnimation("".concat(FADE_OUT, ",").concat(SCALE_DOWN98), DURATION_1, EASING_FUNCTION_2),
         fadeIn100: _createAnimation(FADE_IN, DURATION_1, EASING_FUNCTION_2),
@@ -136,4 +136,4 @@ fadeIn200: _createAnimation(FADE_IN, DURATION_2, EASING_FUNCTION_2),
     function _createSlideInX(fromX) {
-        return merge_styles_1.keyframes({
-            from: { transform: "translate3d(" + fromX + "px,0,0)", pointerEvents: 'none' },
+        return (0, merge_styles_1.keyframes)({
+            from: { transform: "translate3d(".concat(fromX, "px,0,0)"), pointerEvents: 'none' },
             to: { transform: "translate3d(0,0,0)", pointerEvents: 'auto' },
@@ -143,4 +143,4 @@ });
     function _createSlideInY(fromY) {
-        return merge_styles_1.keyframes({
-            from: { transform: "translate3d(0," + fromY + "px,0)", pointerEvents: 'none' },
+        return (0, merge_styles_1.keyframes)({
+            from: { transform: "translate3d(0,".concat(fromY, "px,0)"), pointerEvents: 'none' },
             to: { transform: "translate3d(0,0,0)", pointerEvents: 'auto' },
@@ -150,11 +150,11 @@ });
     function _createSlideOutX(toX) {
-        return merge_styles_1.keyframes({
+        return (0, merge_styles_1.keyframes)({
             from: { transform: "translate3d(0,0,0)" },
-            to: { transform: "translate3d(" + toX + "px,0,0)" },
+            to: { transform: "translate3d(".concat(toX, "px,0,0)") },
         });
     }
     function _createSlideOutY(toY) {
-        return merge_styles_1.keyframes({
+        return (0, merge_styles_1.keyframes)({
             from: { transform: "translate3d(0,0,0)" },
-            to: { transform: "translate3d(0," + toY + "px,0)" },
+            to: { transform: "translate3d(0,".concat(toY, "px,0)") },
         });
@@ -161,0 +161,0 @@ }

lib-amd/motion/FluentMotion.js

@@ -5,47 +5,47 @@ define(["require", "exports", "@fluentui/merge-styles"], function (require, exports, merge_styles_1) {
     exports.MotionAnimations = exports.MotionTimings = exports.MotionDurations = void 0;
-    var fadeInAnimationName = merge_styles_1.keyframes({
+    var fadeInAnimationName = (0, merge_styles_1.keyframes)({
         from: { opacity: 0 },
         to: { opacity: 1 },
     });
-    var fadeOutAnimationName = merge_styles_1.keyframes({
+    var fadeOutAnimationName = (0, merge_styles_1.keyframes)({
         from: { opacity: 1 },
         to: { opacity: 0 },
     });
-    var scaleDownInAnimationName = merge_styles_1.keyframes({
+    var scaleDownInAnimationName = (0, merge_styles_1.keyframes)({
         from: { transform: 'scale3d(1.15, 1.15, 1)' },
         to: { transform: 'scale3d(1, 1, 1)' },
     });
-    var scaleDownOutAnimationName = merge_styles_1.keyframes({
+    var scaleDownOutAnimationName = (0, merge_styles_1.keyframes)({
         from: { transform: 'scale3d(1, 1, 1)' },
         to: { transform: 'scale3d(0.9, 0.9, 1)' },
     });
-    var slideLeftOutAnimationName = merge_styles_1.keyframes({
+    var slideLeftOutAnimationName = (0, merge_styles_1.keyframes)({
         from: { transform: 'translate3d(0, 0, 0)' },
         to: { transform: 'translate3d(-48px, 0, 0)' },
     });
-    var slideRightOutAnimationName = merge_styles_1.keyframes({
+    var slideRightOutAnimationName = (0, merge_styles_1.keyframes)({
         from: { transform: 'translate3d(0, 0, 0)' },
         to: { transform: 'translate3d(48px, 0, 0)' },
     });
-    var slideLeftInAnimationName = merge_styles_1.keyframes({
+    var slideLeftInAnimationName = (0, merge_styles_1.keyframes)({
         from: { transform: 'translate3d(48px, 0, 0)' },
         to: { transform: 'translate3d(0, 0, 0)' },
     });
-    var slideRightInAnimationName = merge_styles_1.keyframes({
+    var slideRightInAnimationName = (0, merge_styles_1.keyframes)({
         from: { transform: 'translate3d(-48px, 0, 0)' },
         to: { transform: 'translate3d(0, 0, 0)' },
     });
-    var slideUpOutAnimationName = merge_styles_1.keyframes({
+    var slideUpOutAnimationName = (0, merge_styles_1.keyframes)({
         from: { transform: 'translate3d(0, 0, 0)' },
         to: { transform: 'translate3d(0, -48px, 0)' },
     });
-    var slideDownOutAnimationName = merge_styles_1.keyframes({
+    var slideDownOutAnimationName = (0, merge_styles_1.keyframes)({
         from: { transform: 'translate3d(0, 0, 0)' },
         to: { transform: 'translate3d(0, 48px, 0)' },
     });
-    var slideUpInAnimationName = merge_styles_1.keyframes({
+    var slideUpInAnimationName = (0, merge_styles_1.keyframes)({
         from: { transform: 'translate3d(0, 48px, 0)' },
         to: { transform: 'translate3d(0, 0, 0)' },
     });
-    var slideDownInAnimationName = merge_styles_1.keyframes({
+    var slideDownInAnimationName = (0, merge_styles_1.keyframes)({
         from: { transform: 'translate3d(0, -48px, 0)' },
@@ -69,3 +69,3 @@ to: { transform: 'translate3d(0, 0, 0)' },
     function _createAnimation(animationName, animationDuration, animationTimingFunction) {
-        return animationName + " " + animationDuration + " " + animationTimingFunction;
+        return "".concat(animationName, " ").concat(animationDuration, " ").concat(animationTimingFunction);
     }
@@ -72,0 +72,0 @@ var MotionAnimations;

lib-amd/motion/index.js

 define(["require", "exports", "tslib", "./FluentMotion", "./AnimationStyles"], function (require, exports, tslib_1, FluentMotion_1, AnimationStyles_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(FluentMotion_1, exports);
-    tslib_1.__exportStar(AnimationStyles_1, exports);
+    (0, tslib_1.__exportStar)(FluentMotion_1, exports);
+    (0, tslib_1.__exportStar)(AnimationStyles_1, exports);
 });
 //# sourceMappingURL=index.js.map

lib-amd/types/index.js

 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);
+    (0, tslib_1.__exportStar)(Theme_1, exports);
 });
 //# sourceMappingURL=index.js.map

lib-amd/utilities/makeSemanticColors.js

@@ -11,3 +11,3 @@ define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
         if (depComments === void 0) { depComments = false; }
-        var semanticColors = tslib_1.__assign({ primaryButtonBorder: 'transparent', errorText: !isInverted ? '#a4262c' : '#F1707B', messageText: !isInverted ? '#323130' : '#F3F2F1', messageLink: !isInverted ? '#005A9E' : '#6CB8F6', messageLinkHovered: !isInverted ? '#004578' : '#82C7FF', infoIcon: !isInverted ? '#605e5c' : '#C8C6C4', errorIcon: !isInverted ? '#A80000' : '#F1707B', blockingIcon: !isInverted ? '#FDE7E9' : '#442726', warningIcon: !isInverted ? '#797775' : '#C8C6C4', severeWarningIcon: !isInverted ? '#D83B01' : '#FCE100', successIcon: !isInverted ? '#107C10' : '#92C353', infoBackground: !isInverted ? '#f3f2f1' : '#323130', errorBackground: !isInverted ? '#FDE7E9' : '#442726', blockingBackground: !isInverted ? '#FDE7E9' : '#442726', warningBackground: !isInverted ? '#FFF4CE' : '#433519', severeWarningBackground: !isInverted ? '#FED9CC' : '#4F2A0F', successBackground: !isInverted ? '#DFF6DD' : '#393D1B', 
+        var semanticColors = (0, tslib_1.__assign)({ primaryButtonBorder: 'transparent', errorText: !isInverted ? '#a4262c' : '#F1707B', messageText: !isInverted ? '#323130' : '#F3F2F1', messageLink: !isInverted ? '#005A9E' : '#6CB8F6', messageLinkHovered: !isInverted ? '#004578' : '#82C7FF', infoIcon: !isInverted ? '#605e5c' : '#C8C6C4', errorIcon: !isInverted ? '#A80000' : '#F1707B', blockingIcon: !isInverted ? '#FDE7E9' : '#442726', warningIcon: !isInverted ? '#797775' : '#C8C6C4', severeWarningIcon: !isInverted ? '#D83B01' : '#FCE100', successIcon: !isInverted ? '#107C10' : '#92C353', infoBackground: !isInverted ? '#f3f2f1' : '#323130', errorBackground: !isInverted ? '#FDE7E9' : '#442726', blockingBackground: !isInverted ? '#FDE7E9' : '#442726', warningBackground: !isInverted ? '#FFF4CE' : '#433519', severeWarningBackground: !isInverted ? '#FED9CC' : '#4F2A0F', successBackground: !isInverted ? '#DFF6DD' : '#393D1B', 
             // deprecated
@@ -157,3 +157,3 @@ warningHighlight: !isInverted ? '#ffb900' : '#fff100', successText: !isInverted ? '#107C10' : '#92c353' }, s);
         }
-        result = tslib_1.__assign(tslib_1.__assign({}, result), s);
+        result = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, result), s);
         return result;
@@ -160,0 +160,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.6.30');
+    (0, set_version_1.setVersion)('@fluentui/theme', '2.6.31');
 });
 //# sourceMappingURL=version.js.map

lib-commonjs/colors/index.js

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

lib-commonjs/createTheme.js

@@ -26,8 +26,8 @@ "use strict";
         disableGlobalClassNames: false,
-        semanticColors: makeSemanticColors_1.makeSemanticColors(index_1.DefaultPalette, index_2.DefaultEffects, undefined, isInverted, depComments),
+        semanticColors: (0, makeSemanticColors_1.makeSemanticColors)(index_1.DefaultPalette, index_2.DefaultEffects, undefined, isInverted, depComments),
         rtl: undefined,
     };
-    return mergeThemes_1.mergeThemes(baseTheme, theme);
+    return (0, mergeThemes_1.mergeThemes)(baseTheme, theme);
 }
 exports.createTheme = createTheme;
 //# sourceMappingURL=createTheme.js.map

lib-commonjs/FluentTheme.js

@@ -5,3 +5,3 @@ "use strict";
 var createTheme_1 = require("./createTheme");
-exports.FluentTheme = createTheme_1.createTheme({});
+exports.FluentTheme = (0, createTheme_1.createTheme)({});
 //# sourceMappingURL=FluentTheme.js.map

lib-commonjs/fonts/createFontStyles.js

@@ -9,3 +9,3 @@ "use strict";
 // All localized fonts use a web font and never use the system font.
-var defaultFontFamily = "'Segoe UI', '" + FluentFonts_1.LocalizedFontNames.WestEuropean + "'";
+var defaultFontFamily = "'Segoe UI', '".concat(FluentFonts_1.LocalizedFontNames.WestEuropean, "'");
 // Mapping of language prefix to to font family.
@@ -41,3 +41,3 @@ var LanguageToFontMap = {
 function _fontFamilyWithFallbacks(fontFamily) {
-    return fontFamily + ", " + FontFamilyFallbacks;
+    return "".concat(fontFamily, ", ").concat(FontFamilyFallbacks);
 }
@@ -44,0 +44,0 @@ /**

lib-commonjs/fonts/DefaultFontStyles.js

@@ -11,9 +11,9 @@ "use strict";
 // Standard font styling.
-exports.DefaultFontStyles = createFontStyles_1.createFontStyles(utilities_1.getLanguage());
+exports.DefaultFontStyles = (0, createFontStyles_1.createFontStyles)((0, utilities_1.getLanguage)());
 function _registerFontFace(fontFamily, url, fontWeight, localFontName) {
-    fontFamily = "'" + fontFamily + "'";
-    var localFontSrc = localFontName !== undefined ? "local('" + localFontName + "')," : '';
-    merge_styles_1.fontFace({
+    fontFamily = "'".concat(fontFamily, "'");
+    var localFontSrc = localFontName !== undefined ? "local('".concat(localFontName, "'),") : '';
+    (0, merge_styles_1.fontFace)({
         fontFamily: fontFamily,
-        src: localFontSrc + ("url('" + url + ".woff2') format('woff2'),") + ("url('" + url + ".woff') format('woff')"),
+        src: localFontSrc + "url('".concat(url, ".woff2') format('woff2'),") + "url('".concat(url, ".woff') format('woff')"),
         fontWeight: fontWeight,
@@ -26,3 +26,3 @@ fontStyle: 'normal',
     if (cdnFontName === void 0) { cdnFontName = 'segoeui'; }
-    var urlBase = baseUrl + "/" + cdnFolder + "/" + cdnFontName;
+    var urlBase = "".concat(baseUrl, "/").concat(cdnFolder, "/").concat(cdnFontName);
     _registerFontFace(fontFamily, urlBase + '-light', FluentFonts_1.FontWeights.light, localFontName && localFontName + ' Light');
@@ -36,3 +36,3 @@ _registerFontFace(fontFamily, urlBase + '-semilight', FluentFonts_1.FontWeights.semilight, localFontName && localFontName + ' SemiLight');
     if (baseUrl) {
-        var fontUrl = baseUrl + "/fonts";
+        var fontUrl = "".concat(baseUrl, "/fonts");
         // Produce @font-face definitions for all supported web fonts.
@@ -52,6 +52,6 @@ _registerFontFaceSet(fontUrl, FluentFonts_1.LocalizedFontNames.Thai, 'leelawadeeui-thai', 'leelawadeeui');
         // the font-face generated above to use the 'semilight' weight instead.
-        _registerFontFace('Leelawadee UI Web', fontUrl + "/leelawadeeui-thai/leelawadeeui-semilight", FluentFonts_1.FontWeights.light);
+        _registerFontFace('Leelawadee UI Web', "".concat(fontUrl, "/leelawadeeui-thai/leelawadeeui-semilight"), FluentFonts_1.FontWeights.light);
         // Leelawadee UI (Thai) does not have a 'semibold' weight, so we override
         // the font-face generated above to use the 'bold' weight instead.
-        _registerFontFace('Leelawadee UI Web', fontUrl + "/leelawadeeui-thai/leelawadeeui-bold", FluentFonts_1.FontWeights.semibold);
+        _registerFontFace('Leelawadee UI Web', "".concat(fontUrl, "/leelawadeeui-thai/leelawadeeui-bold"), FluentFonts_1.FontWeights.semibold);
     }
@@ -66,3 +66,3 @@ }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var fabricConfig = (_a = utilities_1.getWindow()) === null || _a === void 0 ? void 0 : _a.FabricConfig;
+    var fabricConfig = (_a = (0, utilities_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.FabricConfig;
     return (_b = fabricConfig === null || fabricConfig === void 0 ? void 0 : fabricConfig.fontBaseUrl) !== null && _b !== void 0 ? _b : DefaultBaseUrl;
@@ -69,0 +69,0 @@ }

lib-commonjs/fonts/FluentFonts.js

@@ -22,18 +22,18 @@ "use strict";
 (function (LocalizedFontFamilies) {
-    LocalizedFontFamilies.Arabic = "'" + LocalizedFontNames.Arabic + "'";
+    LocalizedFontFamilies.Arabic = "'".concat(LocalizedFontNames.Arabic, "'");
     LocalizedFontFamilies.ChineseSimplified = "'Microsoft Yahei UI', Verdana, Simsun";
     LocalizedFontFamilies.ChineseTraditional = "'Microsoft Jhenghei UI', Pmingliu";
-    LocalizedFontFamilies.Cyrillic = "'" + LocalizedFontNames.Cyrillic + "'";
-    LocalizedFontFamilies.EastEuropean = "'" + LocalizedFontNames.EastEuropean + "'";
-    LocalizedFontFamilies.Greek = "'" + LocalizedFontNames.Greek + "'";
-    LocalizedFontFamilies.Hebrew = "'" + LocalizedFontNames.Hebrew + "'";
+    LocalizedFontFamilies.Cyrillic = "'".concat(LocalizedFontNames.Cyrillic, "'");
+    LocalizedFontFamilies.EastEuropean = "'".concat(LocalizedFontNames.EastEuropean, "'");
+    LocalizedFontFamilies.Greek = "'".concat(LocalizedFontNames.Greek, "'");
+    LocalizedFontFamilies.Hebrew = "'".concat(LocalizedFontNames.Hebrew, "'");
     LocalizedFontFamilies.Hindi = "'Nirmala UI'";
     LocalizedFontFamilies.Japanese = "'Yu Gothic UI', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka";
     LocalizedFontFamilies.Korean = "'Malgun Gothic', Gulim";
-    LocalizedFontFamilies.Selawik = "'" + LocalizedFontNames.Selawik + "'";
+    LocalizedFontFamilies.Selawik = "'".concat(LocalizedFontNames.Selawik, "'");
     LocalizedFontFamilies.Thai = "'Leelawadee UI Web', 'Kmer UI'";
-    LocalizedFontFamilies.Vietnamese = "'" + LocalizedFontNames.Vietnamese + "'";
-    LocalizedFontFamilies.WestEuropean = "'" + LocalizedFontNames.WestEuropean + "'";
-    LocalizedFontFamilies.Armenian = "'" + LocalizedFontNames.Armenian + "'";
-    LocalizedFontFamilies.Georgian = "'" + LocalizedFontNames.Georgian + "'";
+    LocalizedFontFamilies.Vietnamese = "'".concat(LocalizedFontNames.Vietnamese, "'");
+    LocalizedFontFamilies.WestEuropean = "'".concat(LocalizedFontNames.WestEuropean, "'");
+    LocalizedFontFamilies.Armenian = "'".concat(LocalizedFontNames.Armenian, "'");
+    LocalizedFontFamilies.Georgian = "'".concat(LocalizedFontNames.Georgian, "'");
 })(LocalizedFontFamilies = exports.LocalizedFontFamilies || (exports.LocalizedFontFamilies = {}));
@@ -40,0 +40,0 @@ // Standard font sizes.

lib-commonjs/fonts/index.js

@@ -5,3 +5,3 @@ "use strict";
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./FluentFonts"), exports);
+(0, tslib_1.__exportStar)(require("./FluentFonts"), exports);
 var createFontStyles_1 = require("./createFontStyles");
@@ -8,0 +8,0 @@ Object.defineProperty(exports, "createFontStyles", { enumerable: true, get: function () { return createFontStyles_1.createFontStyles; } });

lib-commonjs/index.js

@@ -5,10 +5,10 @@ "use strict";
 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);
-tslib_1.__exportStar(require("./effects/index"), exports);
-tslib_1.__exportStar(require("./spacing/index"), exports);
-tslib_1.__exportStar(require("./motion/index"), exports);
-tslib_1.__exportStar(require("./fonts/index"), exports);
-tslib_1.__exportStar(require("./createTheme"), exports);
+(0, tslib_1.__exportStar)(require("./mergeThemes"), exports);
+(0, tslib_1.__exportStar)(require("./types/index"), exports);
+(0, tslib_1.__exportStar)(require("./colors/index"), exports);
+(0, tslib_1.__exportStar)(require("./effects/index"), exports);
+(0, tslib_1.__exportStar)(require("./spacing/index"), exports);
+(0, tslib_1.__exportStar)(require("./motion/index"), exports);
+(0, tslib_1.__exportStar)(require("./fonts/index"), exports);
+(0, tslib_1.__exportStar)(require("./createTheme"), exports);
 var FluentTheme_1 = require("./FluentTheme");
@@ -15,0 +15,0 @@ Object.defineProperty(exports, "FluentTheme", { enumerable: true, get: function () { return FluentTheme_1.FluentTheme; } });

lib-commonjs/mergeThemes.js

@@ -12,4 +12,4 @@ "use strict";
     if (partialTheme === void 0) { partialTheme = {}; }
-    var mergedTheme = utilities_1.merge({}, theme, partialTheme, {
-        semanticColors: makeSemanticColors_1.getSemanticColors(partialTheme.palette, partialTheme.effects, partialTheme.semanticColors, partialTheme.isInverted === undefined ? theme.isInverted : partialTheme.isInverted),
+    var mergedTheme = (0, utilities_1.merge)({}, theme, partialTheme, {
+        semanticColors: (0, makeSemanticColors_1.getSemanticColors)(partialTheme.palette, partialTheme.effects, partialTheme.semanticColors, partialTheme.isInverted === undefined ? theme.isInverted : partialTheme.isInverted),
     });
@@ -22,3 +22,3 @@ if (((_a = partialTheme.palette) === null || _a === void 0 ? void 0 : _a.themePrimary) && !((_b = partialTheme.palette) === null || _b === void 0 ? void 0 : _b.accent)) {
             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]);
+            mergedTheme.fonts[fontStyle] = (0, 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]);
         }
@@ -25,0 +25,0 @@ }

lib-commonjs/motion/AnimationStyles.js

@@ -12,7 +12,7 @@ "use strict";
 var DURATION_4 = '0.467s';
-var FADE_IN = merge_styles_1.keyframes({
+var FADE_IN = (0, merge_styles_1.keyframes)({
     from: { opacity: 0 },
     to: { opacity: 1 },
 });
-var FADE_OUT = merge_styles_1.keyframes({
+var FADE_OUT = (0, merge_styles_1.keyframes)({
     from: { opacity: 1 },
@@ -45,23 +45,23 @@ to: { opacity: 0, visibility: 'hidden' },
 var SLIDE_DOWN_OUT20 = _createSlideOutY(20);
-var SCALE_UP100 = merge_styles_1.keyframes({
+var SCALE_UP100 = (0, merge_styles_1.keyframes)({
     from: { transform: 'scale3d(.98,.98,1)' },
     to: { transform: 'scale3d(1,1,1)' },
 });
-var SCALE_DOWN98 = merge_styles_1.keyframes({
+var SCALE_DOWN98 = (0, merge_styles_1.keyframes)({
     from: { transform: 'scale3d(1,1,1)' },
     to: { transform: 'scale3d(.98,.98,1)' },
 });
-var SCALE_DOWN100 = merge_styles_1.keyframes({
+var SCALE_DOWN100 = (0, merge_styles_1.keyframes)({
     from: { transform: 'scale3d(1.03,1.03,1)' },
     to: { transform: 'scale3d(1,1,1)' },
 });
-var SCALE_UP103 = merge_styles_1.keyframes({
+var SCALE_UP103 = (0, merge_styles_1.keyframes)({
     from: { transform: 'scale3d(1,1,1)' },
     to: { transform: 'scale3d(1.03,1.03,1)' },
 });
-var ROTATE90 = merge_styles_1.keyframes({
+var ROTATE90 = (0, merge_styles_1.keyframes)({
     from: { transform: 'rotateZ(0deg)' },
     to: { transform: 'rotateZ(90deg)' },
 });
-var ROTATE_N90 = merge_styles_1.keyframes({
+var ROTATE_N90 = (0, merge_styles_1.keyframes)({
     from: { transform: 'rotateZ(0deg)' },
@@ -86,30 +86,30 @@ to: { transform: 'rotateZ(-90deg)' },
 exports.AnimationStyles = {
-    slideRightIn10: _createAnimation(FADE_IN + "," + SLIDE_RIGHT_IN10, DURATION_3, EASING_FUNCTION_1),
-    slideRightIn20: _createAnimation(FADE_IN + "," + SLIDE_RIGHT_IN20, DURATION_3, EASING_FUNCTION_1),
-    slideRightIn40: _createAnimation(FADE_IN + "," + SLIDE_RIGHT_IN40, DURATION_3, EASING_FUNCTION_1),
-    slideRightIn400: _createAnimation(FADE_IN + "," + SLIDE_RIGHT_IN400, DURATION_3, EASING_FUNCTION_1),
-    slideLeftIn10: _createAnimation(FADE_IN + "," + SLIDE_LEFT_IN10, DURATION_3, EASING_FUNCTION_1),
-    slideLeftIn20: _createAnimation(FADE_IN + "," + SLIDE_LEFT_IN20, DURATION_3, EASING_FUNCTION_1),
-    slideLeftIn40: _createAnimation(FADE_IN + "," + SLIDE_LEFT_IN40, DURATION_3, EASING_FUNCTION_1),
-    slideLeftIn400: _createAnimation(FADE_IN + "," + SLIDE_LEFT_IN400, DURATION_3, EASING_FUNCTION_1),
-    slideUpIn10: _createAnimation(FADE_IN + "," + SLIDE_UP_IN10, DURATION_3, EASING_FUNCTION_1),
-    slideUpIn20: _createAnimation(FADE_IN + "," + SLIDE_UP_IN20, DURATION_3, EASING_FUNCTION_1),
-    slideDownIn10: _createAnimation(FADE_IN + "," + SLIDE_DOWN_IN10, DURATION_3, EASING_FUNCTION_1),
-    slideDownIn20: _createAnimation(FADE_IN + "," + SLIDE_DOWN_IN20, DURATION_3, EASING_FUNCTION_1),
-    slideRightOut10: _createAnimation(FADE_OUT + "," + SLIDE_RIGHT_OUT10, DURATION_3, EASING_FUNCTION_1),
-    slideRightOut20: _createAnimation(FADE_OUT + "," + SLIDE_RIGHT_OUT20, DURATION_3, EASING_FUNCTION_1),
-    slideRightOut40: _createAnimation(FADE_OUT + "," + SLIDE_RIGHT_OUT40, DURATION_3, EASING_FUNCTION_1),
-    slideRightOut400: _createAnimation(FADE_OUT + "," + SLIDE_RIGHT_OUT400, DURATION_3, EASING_FUNCTION_1),
-    slideLeftOut10: _createAnimation(FADE_OUT + "," + SLIDE_LEFT_OUT10, DURATION_3, EASING_FUNCTION_1),
-    slideLeftOut20: _createAnimation(FADE_OUT + "," + SLIDE_LEFT_OUT20, DURATION_3, EASING_FUNCTION_1),
-    slideLeftOut40: _createAnimation(FADE_OUT + "," + SLIDE_LEFT_OUT40, DURATION_3, EASING_FUNCTION_1),
-    slideLeftOut400: _createAnimation(FADE_OUT + "," + SLIDE_LEFT_OUT400, DURATION_3, EASING_FUNCTION_1),
-    slideUpOut10: _createAnimation(FADE_OUT + "," + SLIDE_UP_OUT10, DURATION_3, EASING_FUNCTION_1),
-    slideUpOut20: _createAnimation(FADE_OUT + "," + SLIDE_UP_OUT20, DURATION_3, EASING_FUNCTION_1),
-    slideDownOut10: _createAnimation(FADE_OUT + "," + SLIDE_DOWN_OUT10, DURATION_3, EASING_FUNCTION_1),
-    slideDownOut20: _createAnimation(FADE_OUT + "," + SLIDE_DOWN_OUT20, DURATION_3, EASING_FUNCTION_1),
-    scaleUpIn100: _createAnimation(FADE_IN + "," + SCALE_UP100, DURATION_3, EASING_FUNCTION_1),
-    scaleDownIn100: _createAnimation(FADE_IN + "," + SCALE_DOWN100, DURATION_3, EASING_FUNCTION_1),
-    scaleUpOut103: _createAnimation(FADE_OUT + "," + SCALE_UP103, DURATION_1, EASING_FUNCTION_2),
-    scaleDownOut98: _createAnimation(FADE_OUT + "," + SCALE_DOWN98, DURATION_1, EASING_FUNCTION_2),
+    slideRightIn10: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_RIGHT_IN10), DURATION_3, EASING_FUNCTION_1),
+    slideRightIn20: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_RIGHT_IN20), DURATION_3, EASING_FUNCTION_1),
+    slideRightIn40: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_RIGHT_IN40), DURATION_3, EASING_FUNCTION_1),
+    slideRightIn400: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_RIGHT_IN400), DURATION_3, EASING_FUNCTION_1),
+    slideLeftIn10: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_LEFT_IN10), DURATION_3, EASING_FUNCTION_1),
+    slideLeftIn20: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_LEFT_IN20), DURATION_3, EASING_FUNCTION_1),
+    slideLeftIn40: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_LEFT_IN40), DURATION_3, EASING_FUNCTION_1),
+    slideLeftIn400: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_LEFT_IN400), DURATION_3, EASING_FUNCTION_1),
+    slideUpIn10: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_UP_IN10), DURATION_3, EASING_FUNCTION_1),
+    slideUpIn20: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_UP_IN20), DURATION_3, EASING_FUNCTION_1),
+    slideDownIn10: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_DOWN_IN10), DURATION_3, EASING_FUNCTION_1),
+    slideDownIn20: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_DOWN_IN20), DURATION_3, EASING_FUNCTION_1),
+    slideRightOut10: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_RIGHT_OUT10), DURATION_3, EASING_FUNCTION_1),
+    slideRightOut20: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_RIGHT_OUT20), DURATION_3, EASING_FUNCTION_1),
+    slideRightOut40: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_RIGHT_OUT40), DURATION_3, EASING_FUNCTION_1),
+    slideRightOut400: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_RIGHT_OUT400), DURATION_3, EASING_FUNCTION_1),
+    slideLeftOut10: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_LEFT_OUT10), DURATION_3, EASING_FUNCTION_1),
+    slideLeftOut20: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_LEFT_OUT20), DURATION_3, EASING_FUNCTION_1),
+    slideLeftOut40: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_LEFT_OUT40), DURATION_3, EASING_FUNCTION_1),
+    slideLeftOut400: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_LEFT_OUT400), DURATION_3, EASING_FUNCTION_1),
+    slideUpOut10: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_UP_OUT10), DURATION_3, EASING_FUNCTION_1),
+    slideUpOut20: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_UP_OUT20), DURATION_3, EASING_FUNCTION_1),
+    slideDownOut10: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_DOWN_OUT10), DURATION_3, EASING_FUNCTION_1),
+    slideDownOut20: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_DOWN_OUT20), DURATION_3, EASING_FUNCTION_1),
+    scaleUpIn100: _createAnimation("".concat(FADE_IN, ",").concat(SCALE_UP100), DURATION_3, EASING_FUNCTION_1),
+    scaleDownIn100: _createAnimation("".concat(FADE_IN, ",").concat(SCALE_DOWN100), DURATION_3, EASING_FUNCTION_1),
+    scaleUpOut103: _createAnimation("".concat(FADE_OUT, ",").concat(SCALE_UP103), DURATION_1, EASING_FUNCTION_2),
+    scaleDownOut98: _createAnimation("".concat(FADE_OUT, ",").concat(SCALE_DOWN98), DURATION_1, EASING_FUNCTION_2),
     fadeIn100: _createAnimation(FADE_IN, DURATION_1, EASING_FUNCTION_2),
@@ -136,4 +136,4 @@ fadeIn200: _createAnimation(FADE_IN, DURATION_2, EASING_FUNCTION_2),
 function _createSlideInX(fromX) {
-    return merge_styles_1.keyframes({
-        from: { transform: "translate3d(" + fromX + "px,0,0)", pointerEvents: 'none' },
+    return (0, merge_styles_1.keyframes)({
+        from: { transform: "translate3d(".concat(fromX, "px,0,0)"), pointerEvents: 'none' },
         to: { transform: "translate3d(0,0,0)", pointerEvents: 'auto' },
@@ -143,4 +143,4 @@ });
 function _createSlideInY(fromY) {
-    return merge_styles_1.keyframes({
-        from: { transform: "translate3d(0," + fromY + "px,0)", pointerEvents: 'none' },
+    return (0, merge_styles_1.keyframes)({
+        from: { transform: "translate3d(0,".concat(fromY, "px,0)"), pointerEvents: 'none' },
         to: { transform: "translate3d(0,0,0)", pointerEvents: 'auto' },
@@ -150,13 +150,13 @@ });
 function _createSlideOutX(toX) {
-    return merge_styles_1.keyframes({
+    return (0, merge_styles_1.keyframes)({
         from: { transform: "translate3d(0,0,0)" },
-        to: { transform: "translate3d(" + toX + "px,0,0)" },
+        to: { transform: "translate3d(".concat(toX, "px,0,0)") },
     });
 }
 function _createSlideOutY(toY) {
-    return merge_styles_1.keyframes({
+    return (0, merge_styles_1.keyframes)({
         from: { transform: "translate3d(0,0,0)" },
-        to: { transform: "translate3d(0," + toY + "px,0)" },
+        to: { transform: "translate3d(0,".concat(toY, "px,0)") },
     });
 }
 //# sourceMappingURL=AnimationStyles.js.map

lib-commonjs/motion/FluentMotion.js

@@ -5,47 +5,47 @@ "use strict";
 var merge_styles_1 = require("@fluentui/merge-styles");
-var fadeInAnimationName = merge_styles_1.keyframes({
+var fadeInAnimationName = (0, merge_styles_1.keyframes)({
     from: { opacity: 0 },
     to: { opacity: 1 },
 });
-var fadeOutAnimationName = merge_styles_1.keyframes({
+var fadeOutAnimationName = (0, merge_styles_1.keyframes)({
     from: { opacity: 1 },
     to: { opacity: 0 },
 });
-var scaleDownInAnimationName = merge_styles_1.keyframes({
+var scaleDownInAnimationName = (0, merge_styles_1.keyframes)({
     from: { transform: 'scale3d(1.15, 1.15, 1)' },
     to: { transform: 'scale3d(1, 1, 1)' },
 });
-var scaleDownOutAnimationName = merge_styles_1.keyframes({
+var scaleDownOutAnimationName = (0, merge_styles_1.keyframes)({
     from: { transform: 'scale3d(1, 1, 1)' },
     to: { transform: 'scale3d(0.9, 0.9, 1)' },
 });
-var slideLeftOutAnimationName = merge_styles_1.keyframes({
+var slideLeftOutAnimationName = (0, merge_styles_1.keyframes)({
     from: { transform: 'translate3d(0, 0, 0)' },
     to: { transform: 'translate3d(-48px, 0, 0)' },
 });
-var slideRightOutAnimationName = merge_styles_1.keyframes({
+var slideRightOutAnimationName = (0, merge_styles_1.keyframes)({
     from: { transform: 'translate3d(0, 0, 0)' },
     to: { transform: 'translate3d(48px, 0, 0)' },
 });
-var slideLeftInAnimationName = merge_styles_1.keyframes({
+var slideLeftInAnimationName = (0, merge_styles_1.keyframes)({
     from: { transform: 'translate3d(48px, 0, 0)' },
     to: { transform: 'translate3d(0, 0, 0)' },
 });
-var slideRightInAnimationName = merge_styles_1.keyframes({
+var slideRightInAnimationName = (0, merge_styles_1.keyframes)({
     from: { transform: 'translate3d(-48px, 0, 0)' },
     to: { transform: 'translate3d(0, 0, 0)' },
 });
-var slideUpOutAnimationName = merge_styles_1.keyframes({
+var slideUpOutAnimationName = (0, merge_styles_1.keyframes)({
     from: { transform: 'translate3d(0, 0, 0)' },
     to: { transform: 'translate3d(0, -48px, 0)' },
 });
-var slideDownOutAnimationName = merge_styles_1.keyframes({
+var slideDownOutAnimationName = (0, merge_styles_1.keyframes)({
     from: { transform: 'translate3d(0, 0, 0)' },
     to: { transform: 'translate3d(0, 48px, 0)' },
 });
-var slideUpInAnimationName = merge_styles_1.keyframes({
+var slideUpInAnimationName = (0, merge_styles_1.keyframes)({
     from: { transform: 'translate3d(0, 48px, 0)' },
     to: { transform: 'translate3d(0, 0, 0)' },
 });
-var slideDownInAnimationName = merge_styles_1.keyframes({
+var slideDownInAnimationName = (0, merge_styles_1.keyframes)({
     from: { transform: 'translate3d(0, -48px, 0)' },
@@ -69,3 +69,3 @@ to: { transform: 'translate3d(0, 0, 0)' },
 function _createAnimation(animationName, animationDuration, animationTimingFunction) {
-    return animationName + " " + animationDuration + " " + animationTimingFunction;
+    return "".concat(animationName, " ").concat(animationDuration, " ").concat(animationTimingFunction);
 }
@@ -72,0 +72,0 @@ var MotionAnimations;

lib-commonjs/motion/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./FluentMotion"), exports);
-tslib_1.__exportStar(require("./AnimationStyles"), exports);
+(0, tslib_1.__exportStar)(require("./FluentMotion"), exports);
+(0, tslib_1.__exportStar)(require("./AnimationStyles"), exports);
 //# 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);
+(0, tslib_1.__exportStar)(require("./Theme"), exports);
 //# sourceMappingURL=index.js.map

lib-commonjs/utilities/makeSemanticColors.js

@@ -11,3 +11,3 @@ "use strict";
     if (depComments === void 0) { depComments = false; }
-    var semanticColors = tslib_1.__assign({ primaryButtonBorder: 'transparent', errorText: !isInverted ? '#a4262c' : '#F1707B', messageText: !isInverted ? '#323130' : '#F3F2F1', messageLink: !isInverted ? '#005A9E' : '#6CB8F6', messageLinkHovered: !isInverted ? '#004578' : '#82C7FF', infoIcon: !isInverted ? '#605e5c' : '#C8C6C4', errorIcon: !isInverted ? '#A80000' : '#F1707B', blockingIcon: !isInverted ? '#FDE7E9' : '#442726', warningIcon: !isInverted ? '#797775' : '#C8C6C4', severeWarningIcon: !isInverted ? '#D83B01' : '#FCE100', successIcon: !isInverted ? '#107C10' : '#92C353', infoBackground: !isInverted ? '#f3f2f1' : '#323130', errorBackground: !isInverted ? '#FDE7E9' : '#442726', blockingBackground: !isInverted ? '#FDE7E9' : '#442726', warningBackground: !isInverted ? '#FFF4CE' : '#433519', severeWarningBackground: !isInverted ? '#FED9CC' : '#4F2A0F', successBackground: !isInverted ? '#DFF6DD' : '#393D1B', 
+    var semanticColors = (0, tslib_1.__assign)({ primaryButtonBorder: 'transparent', errorText: !isInverted ? '#a4262c' : '#F1707B', messageText: !isInverted ? '#323130' : '#F3F2F1', messageLink: !isInverted ? '#005A9E' : '#6CB8F6', messageLinkHovered: !isInverted ? '#004578' : '#82C7FF', infoIcon: !isInverted ? '#605e5c' : '#C8C6C4', errorIcon: !isInverted ? '#A80000' : '#F1707B', blockingIcon: !isInverted ? '#FDE7E9' : '#442726', warningIcon: !isInverted ? '#797775' : '#C8C6C4', severeWarningIcon: !isInverted ? '#D83B01' : '#FCE100', successIcon: !isInverted ? '#107C10' : '#92C353', infoBackground: !isInverted ? '#f3f2f1' : '#323130', errorBackground: !isInverted ? '#FDE7E9' : '#442726', blockingBackground: !isInverted ? '#FDE7E9' : '#442726', warningBackground: !isInverted ? '#FFF4CE' : '#433519', severeWarningBackground: !isInverted ? '#FED9CC' : '#4F2A0F', successBackground: !isInverted ? '#DFF6DD' : '#393D1B', 
         // deprecated
@@ -157,3 +157,3 @@ warningHighlight: !isInverted ? '#ffb900' : '#fff100', successText: !isInverted ? '#107C10' : '#92c353' }, s);
     }
-    result = tslib_1.__assign(tslib_1.__assign({}, result), s);
+    result = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, result), s);
     return result;
@@ -160,0 +160,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.6.30');
+(0, set_version_1.setVersion)('@fluentui/theme', '2.6.31');
 //# sourceMappingURL=version.js.map

lib/fonts/createFontStyles.js

@@ -6,3 +6,3 @@ import { FontSizes, FontWeights, LocalizedFontFamilies, LocalizedFontNames } from './FluentFonts';
 // All localized fonts use a web font and never use the system font.
-var defaultFontFamily = "'Segoe UI', '" + LocalizedFontNames.WestEuropean + "'";
+var defaultFontFamily = "'Segoe UI', '".concat(LocalizedFontNames.WestEuropean, "'");
 // Mapping of language prefix to to font family.
@@ -38,3 +38,3 @@ var LanguageToFontMap = {
 function _fontFamilyWithFallbacks(fontFamily) {
-    return fontFamily + ", " + FontFamilyFallbacks;
+    return "".concat(fontFamily, ", ").concat(FontFamilyFallbacks);
 }
@@ -41,0 +41,0 @@ /**

lib/fonts/DefaultFontStyles.js

@@ -10,7 +10,7 @@ import { fontFace } from '@fluentui/merge-styles';
 function _registerFontFace(fontFamily, url, fontWeight, localFontName) {
-    fontFamily = "'" + fontFamily + "'";
-    var localFontSrc = localFontName !== undefined ? "local('" + localFontName + "')," : '';
+    fontFamily = "'".concat(fontFamily, "'");
+    var localFontSrc = localFontName !== undefined ? "local('".concat(localFontName, "'),") : '';
     fontFace({
         fontFamily: fontFamily,
-        src: localFontSrc + ("url('" + url + ".woff2') format('woff2'),") + ("url('" + url + ".woff') format('woff')"),
+        src: localFontSrc + "url('".concat(url, ".woff2') format('woff2'),") + "url('".concat(url, ".woff') format('woff')"),
         fontWeight: fontWeight,
@@ -23,3 +23,3 @@ fontStyle: 'normal',
     if (cdnFontName === void 0) { cdnFontName = 'segoeui'; }
-    var urlBase = baseUrl + "/" + cdnFolder + "/" + cdnFontName;
+    var urlBase = "".concat(baseUrl, "/").concat(cdnFolder, "/").concat(cdnFontName);
     _registerFontFace(fontFamily, urlBase + '-light', FontWeights.light, localFontName && localFontName + ' Light');
@@ -33,3 +33,3 @@ _registerFontFace(fontFamily, urlBase + '-semilight', FontWeights.semilight, localFontName && localFontName + ' SemiLight');
     if (baseUrl) {
-        var fontUrl = baseUrl + "/fonts";
+        var fontUrl = "".concat(baseUrl, "/fonts");
         // Produce @font-face definitions for all supported web fonts.
@@ -49,6 +49,6 @@ _registerFontFaceSet(fontUrl, LocalizedFontNames.Thai, 'leelawadeeui-thai', 'leelawadeeui');
         // the font-face generated above to use the 'semilight' weight instead.
-        _registerFontFace('Leelawadee UI Web', fontUrl + "/leelawadeeui-thai/leelawadeeui-semilight", FontWeights.light);
+        _registerFontFace('Leelawadee UI Web', "".concat(fontUrl, "/leelawadeeui-thai/leelawadeeui-semilight"), FontWeights.light);
         // Leelawadee UI (Thai) does not have a 'semibold' weight, so we override
         // the font-face generated above to use the 'bold' weight instead.
-        _registerFontFace('Leelawadee UI Web', fontUrl + "/leelawadeeui-thai/leelawadeeui-bold", FontWeights.semibold);
+        _registerFontFace('Leelawadee UI Web', "".concat(fontUrl, "/leelawadeeui-thai/leelawadeeui-bold"), FontWeights.semibold);
     }
@@ -55,0 +55,0 @@ }

lib/fonts/FluentFonts.js

@@ -19,18 +19,18 @@ // Font face names to be registered.
 (function (LocalizedFontFamilies) {
-    LocalizedFontFamilies.Arabic = "'" + LocalizedFontNames.Arabic + "'";
+    LocalizedFontFamilies.Arabic = "'".concat(LocalizedFontNames.Arabic, "'");
     LocalizedFontFamilies.ChineseSimplified = "'Microsoft Yahei UI', Verdana, Simsun";
     LocalizedFontFamilies.ChineseTraditional = "'Microsoft Jhenghei UI', Pmingliu";
-    LocalizedFontFamilies.Cyrillic = "'" + LocalizedFontNames.Cyrillic + "'";
-    LocalizedFontFamilies.EastEuropean = "'" + LocalizedFontNames.EastEuropean + "'";
-    LocalizedFontFamilies.Greek = "'" + LocalizedFontNames.Greek + "'";
-    LocalizedFontFamilies.Hebrew = "'" + LocalizedFontNames.Hebrew + "'";
+    LocalizedFontFamilies.Cyrillic = "'".concat(LocalizedFontNames.Cyrillic, "'");
+    LocalizedFontFamilies.EastEuropean = "'".concat(LocalizedFontNames.EastEuropean, "'");
+    LocalizedFontFamilies.Greek = "'".concat(LocalizedFontNames.Greek, "'");
+    LocalizedFontFamilies.Hebrew = "'".concat(LocalizedFontNames.Hebrew, "'");
     LocalizedFontFamilies.Hindi = "'Nirmala UI'";
     LocalizedFontFamilies.Japanese = "'Yu Gothic UI', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka";
     LocalizedFontFamilies.Korean = "'Malgun Gothic', Gulim";
-    LocalizedFontFamilies.Selawik = "'" + LocalizedFontNames.Selawik + "'";
+    LocalizedFontFamilies.Selawik = "'".concat(LocalizedFontNames.Selawik, "'");
     LocalizedFontFamilies.Thai = "'Leelawadee UI Web', 'Kmer UI'";
-    LocalizedFontFamilies.Vietnamese = "'" + LocalizedFontNames.Vietnamese + "'";
-    LocalizedFontFamilies.WestEuropean = "'" + LocalizedFontNames.WestEuropean + "'";
-    LocalizedFontFamilies.Armenian = "'" + LocalizedFontNames.Armenian + "'";
-    LocalizedFontFamilies.Georgian = "'" + LocalizedFontNames.Georgian + "'";
+    LocalizedFontFamilies.Vietnamese = "'".concat(LocalizedFontNames.Vietnamese, "'");
+    LocalizedFontFamilies.WestEuropean = "'".concat(LocalizedFontNames.WestEuropean, "'");
+    LocalizedFontFamilies.Armenian = "'".concat(LocalizedFontNames.Armenian, "'");
+    LocalizedFontFamilies.Georgian = "'".concat(LocalizedFontNames.Georgian, "'");
 })(LocalizedFontFamilies || (LocalizedFontFamilies = {}));
@@ -37,0 +37,0 @@ // Standard font sizes.

lib/motion/AnimationStyles.js

@@ -81,30 +81,30 @@ import { keyframes } from '@fluentui/merge-styles';
 export var AnimationStyles = {
-    slideRightIn10: _createAnimation(FADE_IN + "," + SLIDE_RIGHT_IN10, DURATION_3, EASING_FUNCTION_1),
-    slideRightIn20: _createAnimation(FADE_IN + "," + SLIDE_RIGHT_IN20, DURATION_3, EASING_FUNCTION_1),
-    slideRightIn40: _createAnimation(FADE_IN + "," + SLIDE_RIGHT_IN40, DURATION_3, EASING_FUNCTION_1),
-    slideRightIn400: _createAnimation(FADE_IN + "," + SLIDE_RIGHT_IN400, DURATION_3, EASING_FUNCTION_1),
-    slideLeftIn10: _createAnimation(FADE_IN + "," + SLIDE_LEFT_IN10, DURATION_3, EASING_FUNCTION_1),
-    slideLeftIn20: _createAnimation(FADE_IN + "," + SLIDE_LEFT_IN20, DURATION_3, EASING_FUNCTION_1),
-    slideLeftIn40: _createAnimation(FADE_IN + "," + SLIDE_LEFT_IN40, DURATION_3, EASING_FUNCTION_1),
-    slideLeftIn400: _createAnimation(FADE_IN + "," + SLIDE_LEFT_IN400, DURATION_3, EASING_FUNCTION_1),
-    slideUpIn10: _createAnimation(FADE_IN + "," + SLIDE_UP_IN10, DURATION_3, EASING_FUNCTION_1),
-    slideUpIn20: _createAnimation(FADE_IN + "," + SLIDE_UP_IN20, DURATION_3, EASING_FUNCTION_1),
-    slideDownIn10: _createAnimation(FADE_IN + "," + SLIDE_DOWN_IN10, DURATION_3, EASING_FUNCTION_1),
-    slideDownIn20: _createAnimation(FADE_IN + "," + SLIDE_DOWN_IN20, DURATION_3, EASING_FUNCTION_1),
-    slideRightOut10: _createAnimation(FADE_OUT + "," + SLIDE_RIGHT_OUT10, DURATION_3, EASING_FUNCTION_1),
-    slideRightOut20: _createAnimation(FADE_OUT + "," + SLIDE_RIGHT_OUT20, DURATION_3, EASING_FUNCTION_1),
-    slideRightOut40: _createAnimation(FADE_OUT + "," + SLIDE_RIGHT_OUT40, DURATION_3, EASING_FUNCTION_1),
-    slideRightOut400: _createAnimation(FADE_OUT + "," + SLIDE_RIGHT_OUT400, DURATION_3, EASING_FUNCTION_1),
-    slideLeftOut10: _createAnimation(FADE_OUT + "," + SLIDE_LEFT_OUT10, DURATION_3, EASING_FUNCTION_1),
-    slideLeftOut20: _createAnimation(FADE_OUT + "," + SLIDE_LEFT_OUT20, DURATION_3, EASING_FUNCTION_1),
-    slideLeftOut40: _createAnimation(FADE_OUT + "," + SLIDE_LEFT_OUT40, DURATION_3, EASING_FUNCTION_1),
-    slideLeftOut400: _createAnimation(FADE_OUT + "," + SLIDE_LEFT_OUT400, DURATION_3, EASING_FUNCTION_1),
-    slideUpOut10: _createAnimation(FADE_OUT + "," + SLIDE_UP_OUT10, DURATION_3, EASING_FUNCTION_1),
-    slideUpOut20: _createAnimation(FADE_OUT + "," + SLIDE_UP_OUT20, DURATION_3, EASING_FUNCTION_1),
-    slideDownOut10: _createAnimation(FADE_OUT + "," + SLIDE_DOWN_OUT10, DURATION_3, EASING_FUNCTION_1),
-    slideDownOut20: _createAnimation(FADE_OUT + "," + SLIDE_DOWN_OUT20, DURATION_3, EASING_FUNCTION_1),
-    scaleUpIn100: _createAnimation(FADE_IN + "," + SCALE_UP100, DURATION_3, EASING_FUNCTION_1),
-    scaleDownIn100: _createAnimation(FADE_IN + "," + SCALE_DOWN100, DURATION_3, EASING_FUNCTION_1),
-    scaleUpOut103: _createAnimation(FADE_OUT + "," + SCALE_UP103, DURATION_1, EASING_FUNCTION_2),
-    scaleDownOut98: _createAnimation(FADE_OUT + "," + SCALE_DOWN98, DURATION_1, EASING_FUNCTION_2),
+    slideRightIn10: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_RIGHT_IN10), DURATION_3, EASING_FUNCTION_1),
+    slideRightIn20: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_RIGHT_IN20), DURATION_3, EASING_FUNCTION_1),
+    slideRightIn40: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_RIGHT_IN40), DURATION_3, EASING_FUNCTION_1),
+    slideRightIn400: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_RIGHT_IN400), DURATION_3, EASING_FUNCTION_1),
+    slideLeftIn10: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_LEFT_IN10), DURATION_3, EASING_FUNCTION_1),
+    slideLeftIn20: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_LEFT_IN20), DURATION_3, EASING_FUNCTION_1),
+    slideLeftIn40: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_LEFT_IN40), DURATION_3, EASING_FUNCTION_1),
+    slideLeftIn400: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_LEFT_IN400), DURATION_3, EASING_FUNCTION_1),
+    slideUpIn10: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_UP_IN10), DURATION_3, EASING_FUNCTION_1),
+    slideUpIn20: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_UP_IN20), DURATION_3, EASING_FUNCTION_1),
+    slideDownIn10: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_DOWN_IN10), DURATION_3, EASING_FUNCTION_1),
+    slideDownIn20: _createAnimation("".concat(FADE_IN, ",").concat(SLIDE_DOWN_IN20), DURATION_3, EASING_FUNCTION_1),
+    slideRightOut10: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_RIGHT_OUT10), DURATION_3, EASING_FUNCTION_1),
+    slideRightOut20: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_RIGHT_OUT20), DURATION_3, EASING_FUNCTION_1),
+    slideRightOut40: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_RIGHT_OUT40), DURATION_3, EASING_FUNCTION_1),
+    slideRightOut400: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_RIGHT_OUT400), DURATION_3, EASING_FUNCTION_1),
+    slideLeftOut10: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_LEFT_OUT10), DURATION_3, EASING_FUNCTION_1),
+    slideLeftOut20: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_LEFT_OUT20), DURATION_3, EASING_FUNCTION_1),
+    slideLeftOut40: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_LEFT_OUT40), DURATION_3, EASING_FUNCTION_1),
+    slideLeftOut400: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_LEFT_OUT400), DURATION_3, EASING_FUNCTION_1),
+    slideUpOut10: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_UP_OUT10), DURATION_3, EASING_FUNCTION_1),
+    slideUpOut20: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_UP_OUT20), DURATION_3, EASING_FUNCTION_1),
+    slideDownOut10: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_DOWN_OUT10), DURATION_3, EASING_FUNCTION_1),
+    slideDownOut20: _createAnimation("".concat(FADE_OUT, ",").concat(SLIDE_DOWN_OUT20), DURATION_3, EASING_FUNCTION_1),
+    scaleUpIn100: _createAnimation("".concat(FADE_IN, ",").concat(SCALE_UP100), DURATION_3, EASING_FUNCTION_1),
+    scaleDownIn100: _createAnimation("".concat(FADE_IN, ",").concat(SCALE_DOWN100), DURATION_3, EASING_FUNCTION_1),
+    scaleUpOut103: _createAnimation("".concat(FADE_OUT, ",").concat(SCALE_UP103), DURATION_1, EASING_FUNCTION_2),
+    scaleDownOut98: _createAnimation("".concat(FADE_OUT, ",").concat(SCALE_DOWN98), DURATION_1, EASING_FUNCTION_2),
     fadeIn100: _createAnimation(FADE_IN, DURATION_1, EASING_FUNCTION_2),
@@ -132,3 +132,3 @@ fadeIn200: _createAnimation(FADE_IN, DURATION_2, EASING_FUNCTION_2),
     return keyframes({
-        from: { transform: "translate3d(" + fromX + "px,0,0)", pointerEvents: 'none' },
+        from: { transform: "translate3d(".concat(fromX, "px,0,0)"), pointerEvents: 'none' },
         to: { transform: "translate3d(0,0,0)", pointerEvents: 'auto' },
@@ -139,3 +139,3 @@ });
     return keyframes({
-        from: { transform: "translate3d(0," + fromY + "px,0)", pointerEvents: 'none' },
+        from: { transform: "translate3d(0,".concat(fromY, "px,0)"), pointerEvents: 'none' },
         to: { transform: "translate3d(0,0,0)", pointerEvents: 'auto' },
@@ -147,3 +147,3 @@ });
         from: { transform: "translate3d(0,0,0)" },
-        to: { transform: "translate3d(" + toX + "px,0,0)" },
+        to: { transform: "translate3d(".concat(toX, "px,0,0)") },
     });
@@ -154,5 +154,5 @@ }
         from: { transform: "translate3d(0,0,0)" },
-        to: { transform: "translate3d(0," + toY + "px,0)" },
+        to: { transform: "translate3d(0,".concat(toY, "px,0)") },
     });
 }
 //# sourceMappingURL=AnimationStyles.js.map

lib/motion/FluentMotion.js

@@ -65,3 +65,3 @@ import { keyframes } from '@fluentui/merge-styles';
 function _createAnimation(animationName, animationDuration, animationTimingFunction) {
-    return animationName + " " + animationDuration + " " + animationTimingFunction;
+    return "".concat(animationName, " ").concat(animationDuration, " ").concat(animationTimingFunction);
 }
@@ -68,0 +68,0 @@ export var MotionAnimations;

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.6.30');
+setVersion('@fluentui/theme', '2.6.31');
 //# sourceMappingURL=version.js.map

package.json

 {
   "name": "@fluentui/theme",
-  "version": "2.6.30",
+  "version": "2.6.31",
   "description": "Basic building blocks for Fluent UI React Component themes",
@@ -33,5 +33,5 @@ "main": "lib-commonjs/index.js",
   "dependencies": {
-    "@fluentui/merge-styles": "^8.5.11",
-    "@fluentui/utilities": "^8.13.14",
-    "@fluentui/set-version": "^8.2.10",
+    "@fluentui/merge-styles": "^8.5.12",
+    "@fluentui/utilities": "^8.13.15",
+    "@fluentui/set-version": "^8.2.11",
     "tslib": "^2.1.0"
@@ -38,0 +38,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

756610

increased by0.7%

Lines of code

9712

increased by0.28%

Dependency changes

• Updated@fluentui/merge-styles@^8.5.12

• Updated@fluentui/set-version@^8.2.11

• Updated@fluentui/utilities@^8.13.15