@uifabricshared/theming-react-native 0.20.20 → 0.21.1

package/lib-commonjs/NativeModule/ThemingModuleHelpers.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createThemingModuleHelper = exports.translateOfficeTheme = void 0;
+exports.translateOfficeTheme = translateOfficeTheme;
+exports.createThemingModuleHelper = createThemingModuleHelper;
 const win32_theme_1 = require("@fluentui-react-native/win32-theme");
 const theming_ramp_1 = require("@uifabricshared/theming-ramp");
 const BaselinePlatformDefaults_1 = require("../BaselinePlatformDefaults");
@@ -30,7 +31,6 @@ function translateOfficeTheme(module, cache, id, themeName) {
     const palette = ensurePalette(module, cache, id);
     return (0, win32_theme_1.createPartialOfficeTheme)(module, themeName, palette);
 }
-exports.translateOfficeTheme = translateOfficeTheme;
 /**
  * @deprecated
  */
@@ -58,5 +58,4 @@ function createThemingModuleHelper(themingModule, emitter) {
         },
     };
 }
-exports.createThemingModuleHelper = createThemingModuleHelper;
 //# sourceMappingURL=ThemingModuleHelpers.js.map

package/lib-commonjs/NativeModule/ThemingModuleHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemingModuleHelpers.js","sourceRoot":"","sources":["../../src/NativeModule/ThemingModuleHelpers.ts"],"names":[],"mappings":";;;AAMA,oEAA8E;AAE9E,+DAAmE;AAGnE,0EAAuE;AAIvE,SAAS,WAAW,CAAC,OAAqC;IACxD,OAAQ,OAAwB,CAAC,OAAO,KAAK,SAAS,CAAC;AACzD,CAAC;AAED,SAAS,oBAAoB,CAAC,MAA2B,EAAE,KAAmB,EAAE,OAAe;IAC7F,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAChD,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE;QAC9B,KAAK,CAAC,OAAO,CAAC,GAAG,YAAY,CAAC;KAC/B;AACH,CAAC;AAED,MAAM,kBAAkB,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC9C,OAAO,OAAO,IAAI,aAAa,CAAC;AAClC,CAAC,CAAC;AAEF,SAAS,aAAa,CAAC,MAA2B,EAAE,YAA0B,EAAE,OAAgB;IAC9F,MAAM,GAAG,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACxC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE;QACtB,oBAAoB,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC;KACjD;IACD,OAAO,YAAY,CAAC,GAAG,CAAC,IAAK,EAAoB,CAAC;AACpD,CAAC;AAED;;GAEG;AACH,SAAgB,oBAAoB,CAAC,MAA2B,EAAE,KAAmB,EAAE,EAAW,EAAE,SAAkB;IACpH,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IACjD,OAAO,IAAA,sCAAwB,EAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC;AAHD,oDAGC;AAED;;GAEG;AACH,SAAgB,yBAAyB,CAAC,aAAmC,EAAE,OAAuB;IACpG,aAAa,IAAI,OAAO,CAAC,KAAK,CAAC,mCAAmC,CAAC,CAAC;IACpE,MAAM,YAAY,GAAiB,EAAE,CAAC;IACtC,IAAI,UAAU,GAAG,aAAa,CAAC,YAAY,EAAE,CAAC,uBAAuB,IAAI,EAAE,CAAC;IAC5E,OAAO;QACL,OAAO,CAAC,WAAW,CAAC,2BAA2B,EAAE,CAAC,IAAiC,EAAE,EAAE;YACrF,UAAU,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,UAAU,CAAC;YAC3D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,GAAW,EAAE,EAAE,CAAC,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;QAC/E,CAAC,CAAC,CAAC;IACL,OAAO;QACL,mBAAmB,EAAE,CAAC,OAAgB,EAAE,EAAE;YACxC,OAAO,IAAA,kCAAmB,EAAC,IAAA,mDAAwB,GAAE,EAAE,oBAAoB,CAAC,aAAa,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;QACjI,CAAC;QACD,0BAA0B,EAAE,CAAC,OAAgB,EAAE,EAAE;YAC/C,OAAO,CAAC,OAAe,EAAE,EAAE;gBACzB,oBAAoB,CAAC,aAAa,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;gBAC3D,OAAO,oBAAoB,CAAC,aAAa,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;YACpE,CAAC,CAAC;QACJ,CAAC;QACD,WAAW,EAAE,CAAC,QAAyC,EAAE,EAAE;YACzD,OAAO,IAAI,OAAO,CAAC,WAAW,CAAC,2BAA2B,EAAE,QAAQ,CAAC,CAAC;QACxE,CAAC;KACF,CAAC;AACJ,CAAC;AAvBD,8DAuBC"}
+{"version":3,"file":"ThemingModuleHelpers.js","sourceRoot":"","sources":["../../src/NativeModule/ThemingModuleHelpers.ts"],"names":[],"mappings":";;;;AAMA,oEAA8E;AAE9E,+DAAmE;AAGnE,0EAAuE;AAIvE,SAAS,WAAW,CAAC,OAAqC,EAA2B;IACnF,OAAQ,OAAwB,CAAC,OAAO,KAAK,SAAS,CAAC;AAAA,CACxD;AAED,SAAS,oBAAoB,CAAC,MAA2B,EAAE,KAAmB,EAAE,OAAe,EAAE;IAC/F,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAChD,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC;QAC/B,KAAK,CAAC,OAAO,CAAC,GAAG,YAAY,CAAC;IAChC,CAAC;AAAA,CACF;AAED,MAAM,kBAAkB,GAAG,CAAC,OAAgB,EAAE,EAAE,CAAC;IAC/C,OAAO,OAAO,IAAI,aAAa,CAAC;AAAA,CACjC,CAAC;AAEF,SAAS,aAAa,CAAC,MAA2B,EAAE,YAA0B,EAAE,OAAgB,EAAiB;IAC/G,MAAM,GAAG,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACxC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;QACvB,oBAAoB,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC;IAClD,CAAC;IACD,OAAO,YAAY,CAAC,GAAG,CAAC,IAAK,EAAoB,CAAC;AAAA,CACnD;AAED;;GAEG;AACH,8BAAqC,MAA2B,EAAE,KAAmB,EAAE,EAAW,EAAE,SAAkB,EAAE;IACtH,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IACjD,OAAO,IAAA,sCAAwB,EAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;AAAA,CAC7D;AAED;;GAEG;AACH,mCAA0C,aAAmC,EAAE,OAAuB,EAAwB;IAC5H,aAAa,IAAI,OAAO,CAAC,KAAK,CAAC,mCAAmC,CAAC,CAAC;IACpE,MAAM,YAAY,GAAiB,EAAE,CAAC;IACtC,IAAI,UAAU,GAAG,aAAa,CAAC,YAAY,EAAE,CAAC,uBAAuB,IAAI,EAAE,CAAC;IAC5E,OAAO;QACL,OAAO,CAAC,WAAW,CAAC,2BAA2B,EAAE,CAAC,IAAiC,EAAE,EAAE,CAAC;YACtF,UAAU,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,UAAU,CAAC;YAC3D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,GAAW,EAAE,EAAE,CAAC,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;QAAA,CAC9E,CAAC,CAAC;IACL,OAAO;QACL,mBAAmB,EAAE,CAAC,OAAgB,EAAE,EAAE,CAAC;YACzC,OAAO,IAAA,kCAAmB,EAAC,IAAA,mDAAwB,GAAE,EAAE,oBAAoB,CAAC,aAAa,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;QAAA,CAChI;QACD,0BAA0B,EAAE,CAAC,OAAgB,EAAE,EAAE,CAAC;YAChD,OAAO,CAAC,OAAe,EAAE,EAAE,CAAC;gBAC1B,oBAAoB,CAAC,aAAa,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;gBAC3D,OAAO,oBAAoB,CAAC,aAAa,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;YAAA,CACnE,CAAC;QAAA,CACH;QACD,WAAW,EAAE,CAAC,QAAyC,EAAE,EAAE,CAAC;YAC1D,OAAO,IAAI,OAAO,CAAC,WAAW,CAAC,2BAA2B,EAAE,QAAQ,CAAC,CAAC;QAAA,CACvE;KACF,CAAC;AAAA,CACH"}

package/lib-commonjs/NativeModule/getHostSettings.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getHostSettingsWin32 = void 0;
+exports.getHostSettingsWin32 = getHostSettingsWin32;
 /**
  * @deprecated
  */
 function getHostSettingsWin32(theme) {
     return theme.host?.palette ? theme.host : undefined;
 }
-exports.getHostSettingsWin32 = getHostSettingsWin32;
 //# sourceMappingURL=getHostSettings.js.map

package/lib-commonjs/NativeModule/getHostSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"getHostSettings.js","sourceRoot":"","sources":["../../src/NativeModule/getHostSettings.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACH,SAAgB,oBAAoB,CAAC,KAAa;IAChD,OAAO,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AACtD,CAAC;AAFD,oDAEC"}
+{"version":3,"file":"getHostSettings.js","sourceRoot":"","sources":["../../src/NativeModule/getHostSettings.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACH,8BAAqC,KAAa,EAA8B;IAC9E,OAAO,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AAAA,CACrD"}

package/lib-commonjs/NativeModule/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getHostSettingsWin32 = exports.ThemingModuleHelper = void 0;
-var ThemingModule_1 = require("./ThemingModule");
+const ThemingModule_1 = require("./ThemingModule");
 Object.defineProperty(exports, "ThemingModuleHelper", { enumerable: true, get: function () { return ThemingModule_1.ThemingModuleHelper; } });
-var getHostSettings_1 = require("./getHostSettings");
+const getHostSettings_1 = require("./getHostSettings");
 Object.defineProperty(exports, "getHostSettingsWin32", { enumerable: true, get: function () { return getHostSettings_1.getHostSettingsWin32; } });
 //# sourceMappingURL=index.js.map

package/lib-commonjs/NativeModule/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/NativeModule/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsD;AAA7C,oHAAA,mBAAmB,OAAA;AAE5B,qDAAyD;AAAhD,uHAAA,oBAAoB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/NativeModule/index.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AAA7C,oHAAA,mBAAmB,OAAA;AAE5B,uDAAyD;AAAhD,uHAAA,oBAAoB,OAAA"}

package/lib-commonjs/ThemeContext.js

@@ -15,20 +15,30 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemeRegistry = exports.ThemeRegistryContext = exports.useTheme = exports.ThemeContext = void 0;
 const React = __importStar(require("react"));
 /**
  * @deprecated
  */
-var theming_ramp_1 = require("@uifabricshared/theming-ramp");
+const theming_ramp_1 = require("@uifabricshared/theming-ramp");
 Object.defineProperty(exports, "ThemeContext", { enumerable: true, get: function () { return theming_ramp_1.ThemeContext; } });
 Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return theming_ramp_1.useTheme; } });
 /**

package/lib-commonjs/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../src/ThemeContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B;;GAEG;AACH,6DAAsE;AAA7D,4GAAA,YAAY,OAAA;AAAE,wGAAA,QAAQ,OAAA;AAE/B;;GAEG;AACU,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAgB,SAAS,CAAC,CAAC;AAClF;;GAEG;AACI,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,4BAAoB,CAAC,CAAC;AAAhE,QAAA,gBAAgB,oBAAgD"}
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../src/ThemeContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAY,KAAK,kCAAc;AAG/B;;GAEG;AACH,+DAAsE;AAA7D,4GAAA,YAAY,OAAA;AAAE,wGAAA,QAAQ,OAAA;AAE/B;;GAEG;AACU,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAgB,SAAS,CAAC,CAAC;AAClF;;GAEG;AACI,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAA,oBAAoB,CAAC,CAAC;AAAhE,QAAA,gBAAgB,GAAhB,gBAAgB,CAAgD"}

package/lib-commonjs/ThemeLayer.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import type { IThemeEventListener } from '@uifabricshared/theme-registry';
 import type { ITheme } from './Theme.types';
+import type { FurnJSX } from '@fluentui-react-native/framework-base';
 /**
  * props for the ThemeLayer
  * @deprecated
@@ -16,7 +17,7 @@ export interface IThemeLayerProps {
      * children function that allows passing of the theme to children.  This is a standard pattern for
      * consumers.
      */
-    children: (theme: ITheme) => JSX.Element | null;
+    children: (theme: ITheme) => FurnJSX.Element | null;
 }
 /**
  * Multipurpose theme provider.  This can run in provider/consumer mode and pure consumer mode.
@@ -54,7 +55,7 @@ export declare class ThemeLayer extends React.Component<IThemeLayerProps> {
     onInvalidate: IThemeEventListener['onInvalidate'];
     /** standard cleanup handler to ensure we unregister */
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): FurnJSX.Element;
     /** helper to register if this is the first time and to update the filter if necessary */
     private _ensureCallbackRegistration;
 }

package/lib-commonjs/ThemeLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeLayer.d.ts","sourceRoot":"","sources":["../src/ThemeLayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAI1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;CACjD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAC/D;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAAqB;IAE7C,iEAAiE;IAC1D,YAAY,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAKtD;IAEF,uDAAuD;IAChD,oBAAoB,IAAI,IAAI;IAO5B,MAAM,IAAI,GAAG,CAAC,OAAO;IAoB5B,yFAAyF;IACzF,OAAO,CAAC,2BAA2B,CAKjC;CACH"}
+{"version":3,"file":"ThemeLayer.d.ts","sourceRoot":"","sources":["../src/ThemeLayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAI1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAErE;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;CACrD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAC/D;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAAqB;IAE7C,iEAAiE;IAC1D,YAAY,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAKtD;IAEF,uDAAuD;IAChD,oBAAoB,IAAI,IAAI,CAKlC;IAEM,MAAM,IAAI,OAAO,CAAC,OAAO,CAkB/B;IAED,yFAAyF;IACzF,OAAO,CAAC,2BAA2B,CAKjC;CACH"}

package/lib-commonjs/ThemeLayer.js

@@ -15,15 +15,26 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeLayer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const theming_ramp_1 = require("@uifabricshared/theming-ramp");
 const Global_1 = require("./Global");
@@ -75,18 +86,18 @@ class ThemeLayer extends React.Component {
     }
     render() {
         let themeName = this.props.themeName;
-        return (React.createElement(theming_ramp_1.ThemeContext.Consumer, null, (theme) => {
-            // go to provider mode if a themeName is specified or if this is the first consumer and the context
-            // is undefined.
-            if (themeName !== undefined || theme === undefined) {
-                themeName = themeName || '';
-                this._ensureCallbackRegistration(themeName);
-                theme = (0, Global_1.getTheme)(themeName);
-                return React.createElement(theming_ramp_1.ThemeContext.Provider, { value: theme }, this.props.children(theme));
-            }
-            // otherwise in consumer mode just push the current theme to the children
-            return this.props.children(theme);
-        }));
+        return (jsx_runtime_1.jsx(theming_ramp_1.ThemeContext.Consumer, { children: (theme) => {
+                // go to provider mode if a themeName is specified or if this is the first consumer and the context
+                // is undefined.
+                if (themeName !== undefined || theme === undefined) {
+                    themeName = themeName || '';
+                    this._ensureCallbackRegistration(themeName);
+                    theme = (0, Global_1.getTheme)(themeName);
+                    return jsx_runtime_1.jsx(theming_ramp_1.ThemeContext.Provider, { value: theme, children: this.props.children(theme) });
+                }
+                // otherwise in consumer mode just push the current theme to the children
+                return this.props.children(theme);
+            } }));
     }
     /** helper to register if this is the first time and to update the filter if necessary */
     _ensureCallbackRegistration = (themeName) => {

package/lib-commonjs/ThemeLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeLayer.js","sourceRoot":"","sources":["../src/ThemeLayer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,+DAA4D;AAE5D,qCAA2F;AAsB3F;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAa,UAAW,SAAQ,KAAK,CAAC,SAA2B;IAC/D;;;OAGG;IACK,gBAAgB,CAAqB;IAE7C,iEAAiE;IAC1D,YAAY,GAAwC,CAAC,IAAY,EAAE,EAAE;QAC1E,2DAA2D;QAC3D,IAAI,IAAI,KAAK,IAAI,CAAC,gBAAgB,EAAE;YAClC,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,uDAAuD;IAChD,oBAAoB;QACzB,IAAI,IAAI,CAAC,gBAAgB,KAAK,SAAS,EAAE;YACvC,IAAA,oCAA2B,EAAC,IAAI,CAAC,CAAC;YAClC,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;SACnC;IACH,CAAC;IAEM,MAAM;QACX,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QACrC,OAAO,CACL,oBAAC,2BAAY,CAAC,QAAQ,QACnB,CAAC,KAAc,EAAE,EAAE;YAClB,mGAAmG;YACnG,gBAAgB;YAChB,IAAI,SAAS,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,EAAE;gBAClD,SAAS,GAAG,SAAS,IAAI,EAAE,CAAC;gBAC5B,IAAI,CAAC,2BAA2B,CAAC,SAAS,CAAC,CAAC;gBAC5C,KAAK,GAAG,IAAA,iBAAQ,EAAC,SAAS,CAAC,CAAC;gBAC5B,OAAO,oBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAyB,CAAC;aAClG;YACD,yEAAyE;YACzE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAED,yFAAyF;IACjF,2BAA2B,GAAG,CAAC,SAAiB,EAAE,EAAE;QAC1D,IAAI,IAAI,CAAC,gBAAgB,KAAK,SAAS,EAAE;YACvC,IAAA,iCAAwB,EAAC,IAAI,CAAC,CAAC;SAChC;QACD,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;IACpC,CAAC,CAAC;CACH;AAlDD,gCAkDC"}
+{"version":3,"file":"ThemeLayer.js","sourceRoot":"","sources":["../src/ThemeLayer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAY,KAAK,kCAAc;AAG/B,+DAA4D;AAE5D,qCAA2F;AAuB3F;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,gBAAwB,SAAQ,KAAK,CAAC,SAA2B;IAC/D;;;OAGG;IACK,gBAAgB,CAAqB;IAE7C,iEAAiE;IAC1D,YAAY,GAAwC,CAAC,IAAY,EAAE,EAAE,CAAC;QAC3E,2DAA2D;QAC3D,IAAI,IAAI,KAAK,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACnC,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;IAAA,CACF,CAAC;IAEF,uDAAuD;IAChD,oBAAoB,GAAS;QAClC,IAAI,IAAI,CAAC,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACxC,IAAA,oCAA2B,EAAC,IAAI,CAAC,CAAC;YAClC,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;QACpC,CAAC;IAAA,CACF;IAEM,MAAM,GAAoB;QAC/B,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QACrC,OAAO,CACL,kBAAC,2BAAY,CAAC,QAAQ,cACnB,CAAC,KAAc,EAAE,EAAE,CAAC;gBACnB,mGAAmG;gBACnG,gBAAgB;gBAChB,IAAI,SAAS,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACnD,SAAS,GAAG,SAAS,IAAI,EAAE,CAAC;oBAC5B,IAAI,CAAC,2BAA2B,CAAC,SAAS,CAAC,CAAC;oBAC5C,KAAK,GAAG,IAAA,iBAAQ,EAAC,SAAS,CAAC,CAAC;oBAC5B,OAAO,kBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAyB,CAAC;gBACnG,CAAC;gBACD,yEAAyE;gBACzE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAAA,CACnC,GACqB,CACzB,CAAC;IAAA,CACH;IAED,yFAAyF;IACjF,2BAA2B,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC;QAC3D,IAAI,IAAI,CAAC,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACxC,IAAA,iCAAwB,EAAC,IAAI,CAAC,CAAC;QACjC,CAAC;QACD,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;IAAA,CACnC,CAAC;CACH"}

package/lib-commonjs/ThemeProvider.js

@@ -15,15 +15,26 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const theming_ramp_1 = require("@uifabricshared/theming-ramp");
 const Global_1 = require("./Global");
@@ -49,9 +60,9 @@ const ThemeProvider = (props) => {
             registryToUse.removeEventListener(themeInvalidater);
         };
     }, [registryToUse, themeName, setThemeState]);
-    const themeProvider = React.createElement(theming_ramp_1.ThemeContext.Provider, { value: theme }, children);
+    const themeProvider = jsx_runtime_1.jsx(theming_ramp_1.ThemeContext.Provider, { value: theme, children: children });
     // note `registryFromProps` came from props and it's not the same as `registryToUse`
-    return registryFromProps ? (React.createElement(ThemeContext_1.ThemeRegistryContext.Provider, { value: registryFromProps }, themeProvider)) : (themeProvider);
+    return registryFromProps ? (jsx_runtime_1.jsx(ThemeContext_1.ThemeRegistryContext.Provider, { value: registryFromProps, children: themeProvider })) : (themeProvider);
 };
 exports.ThemeProvider = ThemeProvider;
 //# sourceMappingURL=ThemeProvider.js.map

package/lib-commonjs/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../src/ThemeProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,+DAA4D;AAE5D,qCAA4C;AAC5C,iDAAwE;AAGxE;;;GAGG;AACI,MAAM,aAAa,GAAiD,CAAC,KAA0B,EAAE,EAAE;IACxG,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC/E,MAAM,eAAe,GAAG,IAAA,+BAAgB,GAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,iBAAiB,IAAI,eAAe,IAAI,IAAA,yBAAgB,GAAE,CAAC;IACjF,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;IAEjF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QAEjD,MAAM,gBAAgB,GAAwB;YAC5C,YAAY,EAAE,CAAC,IAAY,EAAE,EAAE;gBAC7B,IAAI,KAAK,SAAS,IAAI,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;YACzE,CAAC;SACF,CAAC;QAEF,aAAa,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;QACjD,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;QACtD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,oBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAyB,CAAC;IAE9F,oFAAoF;IACpF,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,oBAAC,mCAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,IAAG,aAAa,CAAiC,CACzG,CAAC,CAAC,CAAC,CACF,aAAa,CACd,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,aAAa,iBA6BxB"}
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../src/ThemeProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAY,KAAK,kCAAc;AAG/B,+DAA4D;AAE5D,qCAA4C;AAC5C,iDAAwE;AAGxE;;;GAGG;AACI,MAAM,aAAa,GAAiD,CAAC,KAA0B,EAAE,EAAE,CAAC;IACzG,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC/E,MAAM,eAAe,GAAG,IAAA,+BAAgB,GAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,iBAAiB,IAAI,eAAe,IAAI,IAAA,yBAAgB,GAAE,CAAC;IACjF,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;IAEjF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QAEjD,MAAM,gBAAgB,GAAwB;YAC5C,YAAY,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC;gBAC9B,IAAI,KAAK,SAAS,IAAI,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;YAAA,CACxE;SACF,CAAC;QAEF,aAAa,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;QACjD,OAAO,GAAG,EAAE,CAAC;YACX,aAAa,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;QAAA,CACrD,CAAC;IAAA,CACH,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,kBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAyB,CAAC;IAE9F,oFAAoF;IACpF,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,kBAAC,mCAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,YAAG,aAAa,GAAiC,CACzG,CAAC,CAAC,CAAC,CACF,aAAa,CACd,CAAC;AAAA,CACH,CAAC;AA7BW,QAAA,aAAa,GAAb,aAAa,CA6BxB"}

package/lib-commonjs/index.js

@@ -4,28 +4,28 @@ exports.getHostSettingsWin32 = exports.ThemingModuleHelper = exports.useThemeReg
 /**
  * @deprecated
  */
-var Global_1 = require("./Global");
+const Global_1 = require("./Global");
 Object.defineProperty(exports, "addThemeRegistryListener", { enumerable: true, get: function () { return Global_1.addThemeRegistryListener; } });
 Object.defineProperty(exports, "removeThemeRegistryListener", { enumerable: true, get: function () { return Global_1.removeThemeRegistryListener; } });
 Object.defineProperty(exports, "setTheme", { enumerable: true, get: function () { return Global_1.setTheme; } });
 Object.defineProperty(exports, "getTheme", { enumerable: true, get: function () { return Global_1.getTheme; } });
 Object.defineProperty(exports, "augmentPlatformTheme", { enumerable: true, get: function () { return Global_1.augmentPlatformTheme; } });
-var ThemeLayer_1 = require("./ThemeLayer");
+const ThemeLayer_1 = require("./ThemeLayer");
 Object.defineProperty(exports, "ThemeLayer", { enumerable: true, get: function () { return ThemeLayer_1.ThemeLayer; } });
 /**
  * @deprecated
  */
-var platform_1 = require("./platform");
+const platform_1 = require("./platform");
 Object.defineProperty(exports, "createPlatformThemeRegistry", { enumerable: true, get: function () { return platform_1.createPlatformThemeRegistry; } });
 /**
  * @deprecated
  */
-var ThemeProvider_1 = require("./ThemeProvider");
+const ThemeProvider_1 = require("./ThemeProvider");
 Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
 /**
  * @deprecated
  */
-var ThemeContext_1 = require("./ThemeContext");
+const ThemeContext_1 = require("./ThemeContext");
 Object.defineProperty(exports, "ThemeContext", { enumerable: true, get: function () { return ThemeContext_1.ThemeContext; } });
 Object.defineProperty(exports, "ThemeRegistryContext", { enumerable: true, get: function () { return ThemeContext_1.ThemeRegistryContext; } });
 Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return ThemeContext_1.useTheme; } });
@@ -33,7 +33,7 @@ Object.defineProperty(exports, "useThemeRegistry", { enumerable: true, get: func
 /**
  * @deprecated
  */
-var NativeModule_1 = require("./NativeModule");
+const NativeModule_1 = require("./NativeModule");
 Object.defineProperty(exports, "ThemingModuleHelper", { enumerable: true, get: function () { return NativeModule_1.ThemingModuleHelper; } });
 Object.defineProperty(exports, "getHostSettingsWin32", { enumerable: true, get: function () { return NativeModule_1.getHostSettingsWin32; } });
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH,mCAA2H;AAAlH,kHAAA,wBAAwB,OAAA;AAAE,qHAAA,2BAA2B,OAAA;AAAE,kGAAA,QAAQ,OAAA;AAAE,kGAAA,QAAQ,OAAA;AAAE,8GAAA,oBAAoB,OAAA;AAaxG,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB;;GAEG;AACH,uCAAyD;AAAhD,uHAAA,2BAA2B,OAAA;AACpC;;GAEG;AACH,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AAKtB;;GAEG;AACH,+CAAgG;AAAvF,4GAAA,YAAY,OAAA;AAAE,oHAAA,oBAAoB,OAAA;AAAE,wGAAA,QAAQ,OAAA;AAAE,gHAAA,gBAAgB,OAAA;AACvE;;GAEG;AACH,+CAA2E;AAAlE,mHAAA,mBAAmB,OAAA;AAAE,oHAAA,oBAAoB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH,qCAA2H;AAAlH,kHAAA,wBAAwB,OAAA;AAAE,qHAAA,2BAA2B,OAAA;AAAE,kGAAA,QAAQ,OAAA;AAAE,kGAAA,QAAQ,OAAA;AAAE,8GAAA,oBAAoB,OAAA;AAaxG,6CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB;;GAEG;AACH,yCAAyD;AAAhD,uHAAA,2BAA2B,OAAA;AACpC;;GAEG;AACH,mDAAgD;AAAvC,8GAAA,aAAa,OAAA;AAKtB;;GAEG;AACH,iDAAgG;AAAvF,4GAAA,YAAY,OAAA;AAAE,oHAAA,oBAAoB,OAAA;AAAE,wGAAA,QAAQ,OAAA;AAAE,gHAAA,gBAAgB,OAAA;AACvE;;GAEG;AACH,iDAA2E;AAAlE,mHAAA,mBAAmB,OAAA;AAAE,oHAAA,oBAAoB,OAAA"}

package/lib-commonjs/platform/PlatformDefaults.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createPlatformThemeRegistry = void 0;
+exports.createPlatformThemeRegistry = createPlatformThemeRegistry;
 const theme_registry_1 = require("@uifabricshared/theme-registry");
 const theming_ramp_1 = require("@uifabricshared/theming-ramp");
 const BaselinePlatformDefaults_1 = require("../BaselinePlatformDefaults");
@@ -10,5 +10,4 @@ const BaselinePlatformDefaults_1 = require("../BaselinePlatformDefaults");
 function createPlatformThemeRegistry(_themeId, _module) {
     return (0, theme_registry_1.createThemeRegistry)((0, BaselinePlatformDefaults_1.getBaselinePlatformTheme)(), theming_ramp_1.resolvePartialTheme);
 }
-exports.createPlatformThemeRegistry = createPlatformThemeRegistry;
 //# sourceMappingURL=PlatformDefaults.js.map

package/lib-commonjs/platform/PlatformDefaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlatformDefaults.js","sourceRoot":"","sources":["../../src/platform/PlatformDefaults.ts"],"names":[],"mappings":";;;AAAA,mEAAqE;AACrE,+DAAmE;AAEnE,0EAAuE;AAGvE;;GAEG;AACH,SAAgB,2BAA2B,CAAC,QAAiB,EAAE,OAA8B;IAC3F,OAAO,IAAA,oCAAmB,EAAC,IAAA,mDAAwB,GAAE,EAAE,kCAAmB,CAAC,CAAC;AAC9E,CAAC;AAFD,kEAEC"}
+{"version":3,"file":"PlatformDefaults.js","sourceRoot":"","sources":["../../src/platform/PlatformDefaults.ts"],"names":[],"mappings":";;;AAAA,mEAAqE;AACrE,+DAAmE;AAEnE,0EAAuE;AAGvE;;GAEG;AACH,qCAA4C,QAAiB,EAAE,OAA8B,EAAE;IAC7F,OAAO,IAAA,oCAAmB,EAAC,IAAA,mDAAwB,GAAE,EAAE,kCAAmB,CAAC,CAAC;AAAA,CAC7E"}

package/lib-commonjs/platform/PlatformDefaults.native.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createPlatformThemeRegistry = void 0;
+exports.createPlatformThemeRegistry = createPlatformThemeRegistry;
 const theme_registry_1 = require("@uifabricshared/theme-registry");
 const theming_ramp_1 = require("@uifabricshared/theming-ramp");
 const NativeModule_1 = require("../NativeModule");
@@ -14,5 +14,4 @@ function createPlatformThemeRegistry(platformThemeId, module = NativeModule_1.Th
     });
     return registry;
 }
-exports.createPlatformThemeRegistry = createPlatformThemeRegistry;
 //# sourceMappingURL=PlatformDefaults.native.js.map

package/lib-commonjs/platform/PlatformDefaults.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlatformDefaults.native.js","sourceRoot":"","sources":["../../src/platform/PlatformDefaults.native.ts"],"names":[],"mappings":";;;AAAA,mEAAqE;AACrE,+DAAmE;AAGnE,kDAAsD;AAEtD;;GAEG;AACH,SAAgB,2BAA2B,CAAC,eAAwB,EAAE,SAA+B,kCAAmB;IACtH,MAAM,QAAQ,GAAG,IAAA,oCAAmB,EAAC,MAAM,CAAC,mBAAmB,CAAC,eAAe,CAAC,EAAE,kCAAmB,CAAC,CAAC;IACvG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;QACtB,QAAQ,CAAC,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAND,kEAMC"}
+{"version":3,"file":"PlatformDefaults.native.js","sourceRoot":"","sources":["../../src/platform/PlatformDefaults.native.ts"],"names":[],"mappings":";;;AAAA,mEAAqE;AACrE,+DAAmE;AAGnE,kDAAsD;AAEtD;;GAEG;AACH,qCAA4C,eAAwB,EAAE,MAAM,GAAyB,kCAAmB,EAAE;IACxH,MAAM,QAAQ,GAAG,IAAA,oCAAmB,EAAC,MAAM,CAAC,mBAAmB,CAAC,eAAe,CAAC,EAAE,kCAAmB,CAAC,CAAC;IACvG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QACvB,QAAQ,CAAC,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC,CAAC;IAAA,CAC9E,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC;AAAA,CACjB"}

package/package.json

@@ -1,101 +1,98 @@
 {
   "name": "@uifabricshared/theming-react-native",
-  "version": "0.20.20",
+  "version": "0.21.1",
   "description": "A library of functions which produce React Native styles from a Theme",
+  "keywords": [],
+  "license": "MIT",
+  "author": "",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui-react-native.git",
+    "directory": "packages/deprecated/theming-react-native"
+  },
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "react-native": "src/index.ts",
-  "typings": "lib/index.d.ts",
+  "types": "lib/index.d.ts",
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js",
-      "types": "./lib/index.d.ts"
+      "default": "./src/index.ts"
     }
   },
   "scripts": {
     "build": "fluentui-scripts build",
-    "just": "fluentui-scripts",
+    "build-cjs": "tsgo --outDir lib-commonjs",
+    "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
+    "lint-package": "fluentui-scripts lint-package",
+    "format": "fluentui-scripts format",
     "start": "fluentui-scripts dev",
     "start-test": "fluentui-scripts jest-watch",
     "test": "fluentui-scripts jest",
-    "update-snapshots": "fluentui-scripts jest -u",
-    "prettier": "fluentui-scripts prettier",
-    "prettier-fix": "fluentui-scripts prettier --fix true"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/microsoft/fluentui-react-native.git",
-    "directory": "packages/deprecated/theming-react-native"
+    "update-snapshots": "fluentui-scripts jest -u"
   },
-  "keywords": [],
-  "author": "",
-  "license": "MIT",
   "dependencies": {
-    "@fluentui-react-native/default-theme": "0.26.17",
-    "@fluentui-react-native/win32-theme": "0.38.0",
-    "@uifabricshared/theme-registry": "0.12.10",
-    "@uifabricshared/theming-ramp": "0.20.17"
+    "@fluentui-react-native/default-theme": "0.27.1",
+    "@fluentui-react-native/win32-theme": "0.39.1",
+    "@uifabricshared/theme-registry": "0.13.1",
+    "@uifabricshared/theming-ramp": "0.21.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
-    "@fluentui-react-native/eslint-config-rules": "0.1.1",
-    "@fluentui-react-native/scripts": "0.1.1",
-    "@react-native/babel-preset": "^0.74.0",
-    "@react-native/metro-config": "^0.74.0",
-    "@types/jest": "^29.0.0",
-    "@types/react": "^18.2.0",
-    "react": "18.2.0",
-    "react-native": "^0.74.0",
-    "react-native-macos": "^0.74.0",
-    "react-native-windows": "^0.74.0",
-    "typescript": "4.9.4"
+    "@fluentui-react-native/eslint-config-rules": "0.1.2",
+    "@fluentui-react-native/framework-base": "0.3.1",
+    "@fluentui-react-native/kit-config": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.0",
+    "@react-native-community/cli": "^20.0.0",
+    "@react-native-community/cli-platform-android": "^20.0.0",
+    "@react-native-community/cli-platform-ios": "^20.0.0",
+    "@react-native/metro-config": "^0.81.0",
+    "@types/react": "~19.1.0",
+    "react": "19.1.0",
+    "react-native": "^0.81.0",
+    "react-native-macos": "^0.81.0",
+    "react-native-windows": "^0.81.0"
   },
   "peerDependencies": {
     "@office-iss/react-native-win32": "^0.74.0",
-    "react": "18.2.0",
-    "react-native": "^0.73.0 || ^0.74.0",
-    "react-native-macos": "^0.73.0 || ^0.74.0",
-    "react-native-windows": "^0.73.0 || ^0.74.0"
+    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
+    "react": "18.2.0 || 19.0.0 || 19.1.0",
+    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
+  },
+  "peerDependenciesMeta": {
+    "@office-iss/react-native-win32": {
+      "optional": true
+    },
+    "@types/react": {
+      "optional": true
+    },
+    "react-native-macos": {
+      "optional": true
+    },
+    "react-native-windows": {
+      "optional": true
+    }
   },
   "rnx-kit": {
     "kitType": "library",
     "alignDeps": {
-      "presets": [
-        "microsoft/react-native"
-      ],
-      "requirements": {
-        "development": [
-          "react-native@0.74"
-        ],
-        "production": [
-          "react-native@0.73 || 0.74"
-        ]
-      },
       "capabilities": [
-        "babel-preset-react-native",
         "core",
         "core-android",
         "core-ios",
         "core-macos",
         "core-windows",
-        "react"
+        "react",
+        "tools-core"
       ]
-    }
-  },
-  "peerDependenciesMeta": {
-    "@office-iss/react-native-win32": {
-      "optional": true
-    },
-    "react-native-macos": {
-      "optional": true
     },
-    "react-native-windows": {
-      "optional": true
-    }
+    "extends": "@fluentui-react-native/kit-config"
   }
-}
+}

package/src/ThemeLayer.tsx

@@ -5,6 +5,7 @@ import { ThemeContext } from '@uifabricshared/theming-ramp';
 
 import { removeThemeRegistryListener, getTheme, addThemeRegistryListener } from './Global';
 import type { ITheme } from './Theme.types';
+import type { FurnJSX } from '@fluentui-react-native/framework-base';
 
 /**
  * props for the ThemeLayer
@@ -22,7 +23,7 @@ export interface IThemeLayerProps {
    * children function that allows passing of the theme to children.  This is a standard pattern for
    * consumers.
    */
-  children: (theme: ITheme) => JSX.Element | null;
+  children: (theme: ITheme) => FurnJSX.Element | null;
 }
 
 /**
@@ -74,7 +75,7 @@ export class ThemeLayer extends React.Component<IThemeLayerProps> {
     }
   }
 
-  public render(): JSX.Element {
+  public render(): FurnJSX.Element {
     let themeName = this.props.themeName;
     return (
       <ThemeContext.Consumer>

package/babel.config.js

@@ -1 +0,0 @@
-module.exports = require('@fluentui-react-native/babel-config');