@fluentui/react-button 0.20.11 → 0.20.12

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui/react-button",
   "entries": [
     {
-      "date": "Fri, 02 Sep 2022 18:22:32 GMT",
+      "date": "Thu, 29 Sep 2022 12:28:31 GMT",
+      "tag": "@fluentui/react-button_v0.20.12",
+      "version": "0.20.12",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Bump @uifabric/styling to v7.23.0",
+            "author": "gcox@microsoft.com",
+            "commit": "329cfaed40945b42efc4d15ffdb2746c81c6abb3",
+            "package": "@fluentui/react-button"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 02 Sep 2022 18:25:04 GMT",
       "tag": "@fluentui/react-button_v0.20.11",
       "version": "0.20.11",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/react-button
 
-This log was last generated on Fri, 02 Sep 2022 18:22:32 GMT and should not be manually modified.
+This log was last generated on Thu, 29 Sep 2022 12:28:31 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.20.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.20.12)
+
+Thu, 29 Sep 2022 12:28:31 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v0.20.11..@fluentui/react-button_v0.20.12)
+
+### Patches
+
+- Bump @uifabric/styling to v7.23.0 ([PR #24998](https://github.com/microsoft/fluentui/pull/24998) by gcox@microsoft.com)
+
 ## [0.20.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.20.11)
 
-Fri, 02 Sep 2022 18:22:32 GMT 
+Fri, 02 Sep 2022 18:25:04 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v0.20.10..@fluentui/react-button_v0.20.11)
 
 ### Patches

package/dist/demo-app.js

@@ -944,7 +944,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar ts
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nvar set_version_1 = __webpack_require__(/*! @uifabric/set-version */ \"../set-version/src/index.ts\");\nset_version_1.setVersion('@uifabric/react-hooks', '7.16.1');\n\n\n//# sourceURL=webpack:///../react-hooks/src/version.ts?");
+eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nvar set_version_1 = __webpack_require__(/*! @uifabric/set-version */ \"../set-version/src/index.ts\");\nset_version_1.setVersion('@uifabric/react-hooks', '7.16.2');\n\n\n//# sourceURL=webpack:///../react-hooks/src/version.ts?");
 
 /***/ }),
 
@@ -24811,7 +24811,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar ts
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nvar set_version_1 = __webpack_require__(/*! @uifabric/set-version */ \"../set-version/src/index.ts\");\nset_version_1.setVersion('@fluentui/react-icons', '0.4.8');\n\n\n//# sourceURL=webpack:///../react-icons/src/version.ts?");
+eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nvar set_version_1 = __webpack_require__(/*! @uifabric/set-version */ \"../set-version/src/index.ts\");\nset_version_1.setVersion('@fluentui/react-icons', '0.4.9');\n\n\n//# sourceURL=webpack:///../react-icons/src/version.ts?");
 
 /***/ }),
 
@@ -25219,7 +25219,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar th
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nvar set_version_1 = __webpack_require__(/*! @uifabric/set-version */ \"../set-version/src/index.ts\");\nset_version_1.setVersion('@fluentui/react-theme-provider', '0.19.10');\n\n\n//# sourceURL=webpack:///../react-theme-provider/src/version.ts?");
+eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nvar set_version_1 = __webpack_require__(/*! @uifabric/set-version */ \"../set-version/src/index.ts\");\nset_version_1.setVersion('@fluentui/react-theme-provider', '0.19.11');\n\n\n//# sourceURL=webpack:///../react-theme-provider/src/version.ts?");
 
 /***/ }),
 
@@ -25351,7 +25351,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar An
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar tslib_1 = __webpack_require__(/*! tslib */ \"../../node_modules/tslib/tslib.es6.js\");\ntslib_1.__exportStar(__webpack_require__(/*! ./classNames/index */ \"../styling/src/classNames/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./styles/index */ \"../styling/src/styles/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./utilities/index */ \"../styling/src/utilities/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./interfaces/index */ \"../styling/src/interfaces/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./MergeStyles */ \"../styling/src/MergeStyles.ts\"), exports);\n__webpack_require__(/*! ./version */ \"../styling/src/version.ts\");\n// Ensure theme is initialized when this package is referenced.\nvar theme_1 = __webpack_require__(/*! ./styles/theme */ \"../styling/src/styles/theme.ts\");\ntheme_1.initializeThemeInCustomizations();\n\n\n//# sourceURL=webpack:///../styling/src/index.ts?");
+eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar tslib_1 = __webpack_require__(/*! tslib */ \"../../node_modules/tslib/tslib.es6.js\");\ntslib_1.__exportStar(__webpack_require__(/*! ./classNames/index */ \"../styling/src/classNames/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./styles/index */ \"../styling/src/styles/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./utilities/index */ \"../styling/src/utilities/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./interfaces/index */ \"../styling/src/interfaces/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./MergeStyles */ \"../styling/src/MergeStyles.ts\"), exports);\n__webpack_require__(/*! ./version */ \"../styling/src/version.ts\");\n\n\n//# sourceURL=webpack:///../styling/src/index.ts?");
 
 /***/ }),
 
@@ -25555,7 +25555,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexport
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar tslib_1 = __webpack_require__(/*! tslib */ \"../../node_modules/tslib/tslib.es6.js\");\nvar AnimationStyles_1 = __webpack_require__(/*! ./AnimationStyles */ \"../styling/src/styles/AnimationStyles.ts\");\nexports.AnimationStyles = AnimationStyles_1.AnimationStyles;\nexports.AnimationVariables = AnimationStyles_1.AnimationVariables;\nvar DefaultPalette_1 = __webpack_require__(/*! ./DefaultPalette */ \"../styling/src/styles/DefaultPalette.ts\");\nexports.DefaultPalette = DefaultPalette_1.DefaultPalette;\nvar DefaultEffects_1 = __webpack_require__(/*! ./DefaultEffects */ \"../styling/src/styles/DefaultEffects.ts\");\nexports.DefaultEffects = DefaultEffects_1.DefaultEffects;\nvar DefaultFontStyles_1 = __webpack_require__(/*! ./DefaultFontStyles */ \"../styling/src/styles/DefaultFontStyles.ts\");\nexports.DefaultFontStyles = DefaultFontStyles_1.DefaultFontStyles;\nexports.registerDefaultFontFaces = DefaultFontStyles_1.registerDefaultFontFaces;\nvar fonts_1 = __webpack_require__(/*! ./fonts */ \"../styling/src/styles/fonts.ts\");\nexports.FontSizes = fonts_1.FontSizes;\nexports.FontWeights = fonts_1.FontWeights;\nexports.IconFontSizes = fonts_1.IconFontSizes;\nexports.createFontStyles = fonts_1.createFontStyles;\ntslib_1.__exportStar(__webpack_require__(/*! ./getFocusStyle */ \"../styling/src/styles/getFocusStyle.ts\"), exports);\nvar hiddenContentStyle_1 = __webpack_require__(/*! ./hiddenContentStyle */ \"../styling/src/styles/hiddenContentStyle.ts\");\nexports.hiddenContentStyle = hiddenContentStyle_1.hiddenContentStyle;\nvar PulsingBeaconAnimationStyles_1 = __webpack_require__(/*! ./PulsingBeaconAnimationStyles */ \"../styling/src/styles/PulsingBeaconAnimationStyles.ts\");\nexports.PulsingBeaconAnimationStyles = PulsingBeaconAnimationStyles_1.PulsingBeaconAnimationStyles;\nvar getGlobalClassNames_1 = __webpack_require__(/*! ./getGlobalClassNames */ \"../styling/src/styles/getGlobalClassNames.ts\");\nexports.getGlobalClassNames = getGlobalClassNames_1.getGlobalClassNames;\nexports.GlobalClassNames = getGlobalClassNames_1.GlobalClassNames;\ntslib_1.__exportStar(__webpack_require__(/*! ./scheme */ \"../styling/src/styles/scheme.ts\"), exports);\nvar theme_1 = __webpack_require__(/*! ./theme */ \"../styling/src/styles/theme.ts\");\nexports.ThemeSettingName = theme_1.ThemeSettingName;\nexports.getTheme = theme_1.getTheme;\nexports.loadTheme = theme_1.loadTheme;\nexports.createTheme = theme_1.createTheme;\nexports.registerOnThemeChangeCallback = theme_1.registerOnThemeChangeCallback;\nexports.removeOnThemeChangeCallback = theme_1.removeOnThemeChangeCallback;\ntslib_1.__exportStar(__webpack_require__(/*! ./CommonStyles */ \"../styling/src/styles/CommonStyles.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./GeneralStyles */ \"../styling/src/styles/GeneralStyles.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./getFadedOverflowStyle */ \"../styling/src/styles/getFadedOverflowStyle.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./getPlaceholderStyles */ \"../styling/src/styles/getPlaceholderStyles.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./zIndexes */ \"../styling/src/styles/zIndexes.ts\"), exports);\n\n\n//# sourceURL=webpack:///../styling/src/styles/index.ts?");
+eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar tslib_1 = __webpack_require__(/*! tslib */ \"../../node_modules/tslib/tslib.es6.js\");\nvar AnimationStyles_1 = __webpack_require__(/*! ./AnimationStyles */ \"../styling/src/styles/AnimationStyles.ts\");\nexports.AnimationStyles = AnimationStyles_1.AnimationStyles;\nexports.AnimationVariables = AnimationStyles_1.AnimationVariables;\nvar DefaultPalette_1 = __webpack_require__(/*! ./DefaultPalette */ \"../styling/src/styles/DefaultPalette.ts\");\nexports.DefaultPalette = DefaultPalette_1.DefaultPalette;\nvar DefaultEffects_1 = __webpack_require__(/*! ./DefaultEffects */ \"../styling/src/styles/DefaultEffects.ts\");\nexports.DefaultEffects = DefaultEffects_1.DefaultEffects;\nvar DefaultFontStyles_1 = __webpack_require__(/*! ./DefaultFontStyles */ \"../styling/src/styles/DefaultFontStyles.ts\");\nexports.DefaultFontStyles = DefaultFontStyles_1.DefaultFontStyles;\nexports.registerDefaultFontFaces = DefaultFontStyles_1.registerDefaultFontFaces;\nvar fonts_1 = __webpack_require__(/*! ./fonts */ \"../styling/src/styles/fonts.ts\");\nexports.FontSizes = fonts_1.FontSizes;\nexports.FontWeights = fonts_1.FontWeights;\nexports.IconFontSizes = fonts_1.IconFontSizes;\nexports.createFontStyles = fonts_1.createFontStyles;\ntslib_1.__exportStar(__webpack_require__(/*! ./getFocusStyle */ \"../styling/src/styles/getFocusStyle.ts\"), exports);\nvar hiddenContentStyle_1 = __webpack_require__(/*! ./hiddenContentStyle */ \"../styling/src/styles/hiddenContentStyle.ts\");\nexports.hiddenContentStyle = hiddenContentStyle_1.hiddenContentStyle;\nvar PulsingBeaconAnimationStyles_1 = __webpack_require__(/*! ./PulsingBeaconAnimationStyles */ \"../styling/src/styles/PulsingBeaconAnimationStyles.ts\");\nexports.PulsingBeaconAnimationStyles = PulsingBeaconAnimationStyles_1.PulsingBeaconAnimationStyles;\nvar getGlobalClassNames_1 = __webpack_require__(/*! ./getGlobalClassNames */ \"../styling/src/styles/getGlobalClassNames.ts\");\nexports.getGlobalClassNames = getGlobalClassNames_1.getGlobalClassNames;\nexports.GlobalClassNames = getGlobalClassNames_1.GlobalClassNames;\ntslib_1.__exportStar(__webpack_require__(/*! ./scheme */ \"../styling/src/styles/scheme.ts\"), exports);\nvar theme_1 = __webpack_require__(/*! ./theme */ \"../styling/src/styles/theme.ts\");\nexports.ThemeSettingName = theme_1.ThemeSettingName;\nexports.getTheme = theme_1.getTheme;\nexports.loadTheme = theme_1.loadTheme;\nexports.createTheme = theme_1.createTheme;\nexports.initializeThemeInCustomizations = theme_1.initializeThemeInCustomizations;\nexports.registerOnThemeChangeCallback = theme_1.registerOnThemeChangeCallback;\nexports.removeOnThemeChangeCallback = theme_1.removeOnThemeChangeCallback;\ntslib_1.__exportStar(__webpack_require__(/*! ./CommonStyles */ \"../styling/src/styles/CommonStyles.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./GeneralStyles */ \"../styling/src/styles/GeneralStyles.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./getFadedOverflowStyle */ \"../styling/src/styles/getFadedOverflowStyle.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./getPlaceholderStyles */ \"../styling/src/styles/getPlaceholderStyles.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./zIndexes */ \"../styling/src/styles/zIndexes.ts\"), exports);\n\n\n//# sourceURL=webpack:///../styling/src/styles/index.ts?");
 
 /***/ }),
 
@@ -25579,7 +25579,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar ut
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar tslib_1 = __webpack_require__(/*! tslib */ \"../../node_modules/tslib/tslib.es6.js\");\nvar utilities_1 = __webpack_require__(/*! @uifabric/utilities */ \"../utilities/src/index.ts\");\nvar load_themed_styles_1 = __webpack_require__(/*! @microsoft/load-themed-styles */ \"../../node_modules/@microsoft/load-themed-styles/lib-es6/index.js\");\nvar createTheme_1 = __webpack_require__(/*! @fluentui/theme/lib/createTheme */ \"../theme/src/createTheme.ts\");\nvar createTheme_2 = __webpack_require__(/*! @fluentui/theme/lib/createTheme */ \"../theme/src/createTheme.ts\");\nexports.createTheme = createTheme_2.createTheme;\nvar _theme = createTheme_1.createTheme({});\nvar _onThemeChangeCallbacks = [];\nexports.ThemeSettingName = 'theme';\nfunction initializeThemeInCustomizations() {\n    var _a;\n    var _b, _c, _d, _e;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    var win = utilities_1.getWindow();\n    if ((_c = (_b = win) === null || _b === void 0 ? void 0 : _b.FabricConfig) === null || _c === void 0 ? void 0 : _c.legacyTheme) {\n        // does everything the `else` clause does and more, such as invoke legacy theming\n        loadTheme(win.FabricConfig.legacyTheme);\n    }\n    else if (!utilities_1.Customizations.getSettings([exports.ThemeSettingName]).theme) {\n        if ((_e = (_d = win) === null || _d === void 0 ? void 0 : _d.FabricConfig) === null || _e === void 0 ? void 0 : _e.theme) {\n            _theme = createTheme_1.createTheme(win.FabricConfig.theme);\n        }\n        // Set the default theme.\n        utilities_1.Customizations.applySettings((_a = {}, _a[exports.ThemeSettingName] = _theme, _a));\n    }\n}\nexports.initializeThemeInCustomizations = initializeThemeInCustomizations;\ninitializeThemeInCustomizations();\n/**\n * Gets the theme object\n * @param depComments - Whether to include deprecated tags as comments for deprecated slots.\n */\nfunction getTheme(depComments) {\n    if (depComments === void 0) { depComments = false; }\n    if (depComments === true) {\n        _theme = createTheme_1.createTheme({}, depComments);\n    }\n    return _theme;\n}\nexports.getTheme = getTheme;\n/**\n * Registers a callback that gets called whenever the theme changes.\n * This should only be used when the component cannot automatically get theme changes through its state.\n * This will not register duplicate callbacks.\n */\nfunction registerOnThemeChangeCallback(callback) {\n    if (_onThemeChangeCallbacks.indexOf(callback) === -1) {\n        _onThemeChangeCallbacks.push(callback);\n    }\n}\nexports.registerOnThemeChangeCallback = registerOnThemeChangeCallback;\n/**\n * See registerOnThemeChangeCallback().\n * Removes previously registered callbacks.\n */\nfunction removeOnThemeChangeCallback(callback) {\n    var i = _onThemeChangeCallbacks.indexOf(callback);\n    if (i === -1) {\n        return;\n    }\n    _onThemeChangeCallbacks.splice(i, 1);\n}\nexports.removeOnThemeChangeCallback = removeOnThemeChangeCallback;\n/**\n * Applies the theme, while filling in missing slots.\n * @param theme - Partial theme object.\n * @param depComments - Whether to include deprecated tags as comments for deprecated slots.\n */\nfunction loadTheme(theme, depComments) {\n    var _a;\n    if (depComments === void 0) { depComments = false; }\n    _theme = createTheme_1.createTheme(theme, depComments);\n    // Invoke the legacy method of theming the page as well.\n    load_themed_styles_1.loadTheme(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, _theme.palette), _theme.semanticColors), _theme.effects), _loadFonts(_theme)));\n    utilities_1.Customizations.applySettings((_a = {}, _a[exports.ThemeSettingName] = _theme, _a));\n    _onThemeChangeCallbacks.forEach(function (callback) {\n        try {\n            callback(_theme);\n        }\n        catch (e) {\n            // don't let a bad callback break everything else\n        }\n    });\n    return _theme;\n}\nexports.loadTheme = loadTheme;\n/**\n * Loads font variables into a JSON object.\n * @param theme - The theme object\n */\nfunction _loadFonts(theme) {\n    var lines = {};\n    for (var _i = 0, _a = Object.keys(theme.fonts); _i < _a.length; _i++) {\n        var fontName = _a[_i];\n        var font = theme.fonts[fontName];\n        for (var _b = 0, _c = Object.keys(font); _b < _c.length; _b++) {\n            var propName = _c[_b];\n            var name = fontName + propName.charAt(0).toUpperCase() + propName.slice(1);\n            var value = font[propName];\n            if (propName === 'fontSize' && typeof value === 'number') {\n                // if it's a number, convert it to px by default like our theming system does\n                value = value + 'px';\n            }\n            lines[name] = value;\n        }\n    }\n    return lines;\n}\n\n\n//# sourceURL=webpack:///../styling/src/styles/theme.ts?");
+eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar tslib_1 = __webpack_require__(/*! tslib */ \"../../node_modules/tslib/tslib.es6.js\");\nvar utilities_1 = __webpack_require__(/*! @uifabric/utilities */ \"../utilities/src/index.ts\");\nvar load_themed_styles_1 = __webpack_require__(/*! @microsoft/load-themed-styles */ \"../../node_modules/@microsoft/load-themed-styles/lib-es6/index.js\");\nvar createTheme_1 = __webpack_require__(/*! @fluentui/theme/lib/createTheme */ \"../theme/src/createTheme.ts\");\nvar createTheme_2 = __webpack_require__(/*! @fluentui/theme/lib/createTheme */ \"../theme/src/createTheme.ts\");\nexports.createTheme = createTheme_2.createTheme;\nvar _theme = createTheme_1.createTheme({});\nvar _onThemeChangeCallbacks = [];\nexports.ThemeSettingName = 'theme';\nfunction initializeThemeInCustomizations() {\n    var _a;\n    var _b, _c, _d, _e;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    var win = utilities_1.getWindow();\n    if ((_c = (_b = win) === null || _b === void 0 ? void 0 : _b.FabricConfig) === null || _c === void 0 ? void 0 : _c.legacyTheme) {\n        // does everything the `else` clause does and more, such as invoke legacy theming\n        loadTheme(win.FabricConfig.legacyTheme);\n    }\n    else if (!utilities_1.Customizations.getSettings([exports.ThemeSettingName]).theme) {\n        if ((_e = (_d = win) === null || _d === void 0 ? void 0 : _d.FabricConfig) === null || _e === void 0 ? void 0 : _e.theme) {\n            _theme = createTheme_1.createTheme(win.FabricConfig.theme);\n        }\n        // Set the default theme.\n        utilities_1.Customizations.applySettings((_a = {}, _a[exports.ThemeSettingName] = _theme, _a));\n    }\n}\nexports.initializeThemeInCustomizations = initializeThemeInCustomizations;\n// Ensure theme is initialized when this package is referenced.\ninitializeThemeInCustomizations();\n/**\n * Gets the theme object\n * @param depComments - Whether to include deprecated tags as comments for deprecated slots.\n */\nfunction getTheme(depComments) {\n    if (depComments === void 0) { depComments = false; }\n    if (depComments === true) {\n        _theme = createTheme_1.createTheme({}, depComments);\n    }\n    return _theme;\n}\nexports.getTheme = getTheme;\n/**\n * Registers a callback that gets called whenever the theme changes.\n * This should only be used when the component cannot automatically get theme changes through its state.\n * This will not register duplicate callbacks.\n */\nfunction registerOnThemeChangeCallback(callback) {\n    if (_onThemeChangeCallbacks.indexOf(callback) === -1) {\n        _onThemeChangeCallbacks.push(callback);\n    }\n}\nexports.registerOnThemeChangeCallback = registerOnThemeChangeCallback;\n/**\n * See registerOnThemeChangeCallback().\n * Removes previously registered callbacks.\n */\nfunction removeOnThemeChangeCallback(callback) {\n    var i = _onThemeChangeCallbacks.indexOf(callback);\n    if (i === -1) {\n        return;\n    }\n    _onThemeChangeCallbacks.splice(i, 1);\n}\nexports.removeOnThemeChangeCallback = removeOnThemeChangeCallback;\n/**\n * Applies the theme, while filling in missing slots.\n * @param theme - Partial theme object.\n * @param depComments - Whether to include deprecated tags as comments for deprecated slots.\n */\nfunction loadTheme(theme, depComments) {\n    var _a;\n    if (depComments === void 0) { depComments = false; }\n    _theme = createTheme_1.createTheme(theme, depComments);\n    // Invoke the legacy method of theming the page as well.\n    load_themed_styles_1.loadTheme(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, _theme.palette), _theme.semanticColors), _theme.effects), _loadFonts(_theme)));\n    utilities_1.Customizations.applySettings((_a = {}, _a[exports.ThemeSettingName] = _theme, _a));\n    _onThemeChangeCallbacks.forEach(function (callback) {\n        try {\n            callback(_theme);\n        }\n        catch (e) {\n            // don't let a bad callback break everything else\n        }\n    });\n    return _theme;\n}\nexports.loadTheme = loadTheme;\n/**\n * Loads font variables into a JSON object.\n * @param theme - The theme object\n */\nfunction _loadFonts(theme) {\n    var lines = {};\n    for (var _i = 0, _a = Object.keys(theme.fonts); _i < _a.length; _i++) {\n        var fontName = _a[_i];\n        var font = theme.fonts[fontName];\n        for (var _b = 0, _c = Object.keys(font); _b < _c.length; _b++) {\n            var propName = _c[_b];\n            var name = fontName + propName.charAt(0).toUpperCase() + propName.slice(1);\n            var value = font[propName];\n            if (propName === 'fontSize' && typeof value === 'number') {\n                // if it's a number, convert it to px by default like our theming system does\n                value = value + 'px';\n            }\n            lines[name] = value;\n        }\n    }\n    return lines;\n}\n\n\n//# sourceURL=webpack:///../styling/src/styles/theme.ts?");
 
 /***/ }),
 
@@ -25651,7 +25651,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar bu
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nvar set_version_1 = __webpack_require__(/*! @uifabric/set-version */ \"../set-version/src/index.ts\");\nset_version_1.setVersion('@uifabric/styling', '7.22.2');\n\n\n//# sourceURL=webpack:///../styling/src/version.ts?");
+eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nvar set_version_1 = __webpack_require__(/*! @uifabric/set-version */ \"../set-version/src/index.ts\");\nset_version_1.setVersion('@uifabric/styling', '7.22.3');\n\n\n//# sourceURL=webpack:///../styling/src/version.ts?");
 
 /***/ }),
 
@@ -27163,7 +27163,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar Re
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nvar set_version_1 = __webpack_require__(/*! @uifabric/set-version */ \"../set-version/src/index.ts\");\nset_version_1.setVersion('@uifabric/utilities', '7.37.0');\n\n\n//# sourceURL=webpack:///../utilities/src/version.ts?");
+eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nvar set_version_1 = __webpack_require__(/*! @uifabric/set-version */ \"../set-version/src/index.ts\");\nset_version_1.setVersion('@uifabric/utilities', '7.38.0');\n\n\n//# sourceURL=webpack:///../utilities/src/version.ts?");
 
 /***/ }),
 
@@ -27727,7 +27727,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar ts
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nvar set_version_1 = __webpack_require__(/*! @uifabric/set-version */ \"../set-version/src/index.ts\");\nset_version_1.setVersion('@fluentui/react-button', '0.20.10');\n\n\n//# sourceURL=webpack:///./src/version.ts?");
+eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nvar set_version_1 = __webpack_require__(/*! @uifabric/set-version */ \"../set-version/src/index.ts\");\nset_version_1.setVersion('@fluentui/react-button', '0.20.11');\n\n\n//# sourceURL=webpack:///./src/version.ts?");
 
 /***/ }),
 

package/dist-storybook/iframe.html

@@ -71,4 +71,4 @@
   }</script><style>#root[hidden],
       #docs-root[hidden] {
         display: none !important;
-      }</style></head><body><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><div id="docs-root"></div><script src="runtime~main.4f99fdb9cabb22aa5e20.bundle.js"></script><script src="vendors~main.4f99fdb9cabb22aa5e20.bundle.js"></script><script src="main.4f99fdb9cabb22aa5e20.bundle.js"></script></body></html>
+      }</style></head><body><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><div id="docs-root"></div><script src="runtime~main.662667f25cfd268a89b4.bundle.js"></script><script src="vendors~main.662667f25cfd268a89b4.bundle.js"></script><script src="main.662667f25cfd268a89b4.bundle.js"></script></body></html>