@uifabricshared/theming-react-native 0.20.20 → 0.21.0

package/lib-commonjs/ThemeLayer.js

@@ -1,32 +1,60 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : 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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+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 React = __importStar(require("react"));
-const theming_ramp_1 = require("@uifabricshared/theming-ramp");
-const Global_1 = require("./Global");
+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');
 /**
  * Multipurpose theme provider.  This can run in provider/consumer mode and pure consumer mode.
  *
@@ -54,47 +82,49 @@ const Global_1 = require("./Global");
  * @deprecated
  */
 class ThemeLayer extends React.Component {
-    /**
-     * stores the name of the theme if in provider mode.  Existence of this string is tied to registration
-     * and is used to signal registration and unregistration
-     */
-    _registeredTheme;
-    /** handler for theme changes, conditionally will force update */
-    onInvalidate = (name) => {
-        // only force updates if this theme was the one invalidated
-        if (name === this._registeredTheme) {
-            this.forceUpdate();
-        }
-    };
-    /** standard cleanup handler to ensure we unregister */
-    componentWillUnmount() {
-        if (this._registeredTheme !== undefined) {
-            (0, Global_1.removeThemeRegistryListener)(this);
-            this._registeredTheme = undefined;
-        }
+  /**
+   * stores the name of the theme if in provider mode.  Existence of this string is tied to registration
+   * and is used to signal registration and unregistration
+   */
+  _registeredTheme;
+  /** handler for theme changes, conditionally will force update */
+  onInvalidate = (name) => {
+    // only force updates if this theme was the one invalidated
+    if (name === this._registeredTheme) {
+      this.forceUpdate();
     }
-    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);
-        }));
+  };
+  /** standard cleanup handler to ensure we unregister */
+  componentWillUnmount() {
+    if (this._registeredTheme !== undefined) {
+      (0, Global_1.removeThemeRegistryListener)(this);
+      this._registeredTheme = undefined;
     }
-    /** helper to register if this is the first time and to update the filter if necessary */
-    _ensureCallbackRegistration = (themeName) => {
-        if (this._registeredTheme === undefined) {
-            (0, Global_1.addThemeRegistryListener)(this);
+  }
+  render() {
+    let themeName = this.props.themeName;
+    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) });
         }
-        this._registeredTheme = themeName;
-    };
+        // 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) => {
+    if (this._registeredTheme === undefined) {
+      (0, Global_1.addThemeRegistryListener)(this);
+    }
+    this._registeredTheme = themeName;
+  };
 }
 exports.ThemeLayer = ThemeLayer;
-//# sourceMappingURL=ThemeLayer.js.map
+//# sourceMappingURL=ThemeLayer.js.map

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.d.ts

@@ -5,4 +5,4 @@ import type { IThemeProviderProps } from './ThemeProvider.types';
  * See https://github.com/microsoft/fluentui-react-native/blob/main/docs/pages/Guides/UpdateThemeProvider.md for details
  */
 export declare const ThemeProvider: React.FunctionComponent<IThemeProviderProps>;
-//# sourceMappingURL=ThemeProvider.d.ts.map
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/lib-commonjs/ThemeProvider.js

@@ -1,57 +1,87 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : 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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+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 React = __importStar(require("react"));
-const theming_ramp_1 = require("@uifabricshared/theming-ramp");
-const Global_1 = require("./Global");
-const ThemeContext_1 = require("./ThemeContext");
+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');
+const ThemeContext_1 = require('./ThemeContext');
 /**
  * @deprecated Use ThemeProvider from @fluentui-react-native/theme instead.
  * See https://github.com/microsoft/fluentui-react-native/blob/main/docs/pages/Guides/UpdateThemeProvider.md for details
  */
 const ThemeProvider = (props) => {
-    const { registry: registryFromProps, theme: themeName = '', children } = props;
-    const defaultRegistry = (0, ThemeContext_1.useThemeRegistry)();
-    const registryToUse = registryFromProps || defaultRegistry || (0, Global_1.getThemeRegistry)();
-    const [theme, setThemeState] = React.useState(registryToUse.getTheme(themeName));
-    React.useEffect(() => {
-        setThemeState(registryToUse.getTheme(themeName));
-        const themeInvalidater = {
-            onInvalidate: (name) => {
-                name === themeName && setThemeState(registryToUse.getTheme(themeName));
-            },
-        };
-        registryToUse.addEventListener(themeInvalidater);
-        return () => {
-            registryToUse.removeEventListener(themeInvalidater);
-        };
-    }, [registryToUse, themeName, setThemeState]);
-    const themeProvider = React.createElement(theming_ramp_1.ThemeContext.Provider, { value: theme }, 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);
+  const { registry: registryFromProps, theme: themeName = '', children } = props;
+  const defaultRegistry = (0, ThemeContext_1.useThemeRegistry)();
+  const registryToUse = registryFromProps || defaultRegistry || (0, Global_1.getThemeRegistry)();
+  const [theme, setThemeState] = React.useState(registryToUse.getTheme(themeName));
+  React.useEffect(() => {
+    setThemeState(registryToUse.getTheme(themeName));
+    const themeInvalidater = {
+      onInvalidate: (name) => {
+        name === themeName && setThemeState(registryToUse.getTheme(themeName));
+      },
+    };
+    registryToUse.addEventListener(themeInvalidater);
+    return () => {
+      registryToUse.removeEventListener(themeInvalidater);
+    };
+  }, [registryToUse, themeName, setThemeState]);
+  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
+    ? jsx_runtime_1.jsx(ThemeContext_1.ThemeRegistryContext.Provider, { value: registryFromProps, children: themeProvider })
+    : themeProvider;
 };
 exports.ThemeProvider = ThemeProvider;
-//# sourceMappingURL=ThemeProvider.js.map
+//# 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/ThemeProvider.types.d.ts

@@ -3,7 +3,7 @@ import { ThemeRegistry } from './Theme.types';
  * @deprecated
  */
 export interface IThemeProviderProps extends React.PropsWithChildren<{}> {
-    theme?: string;
-    registry?: ThemeRegistry;
+  theme?: string;
+  registry?: ThemeRegistry;
 }
-//# sourceMappingURL=ThemeProvider.types.d.ts.map
+//# sourceMappingURL=ThemeProvider.types.d.ts.map

package/lib-commonjs/ThemeProvider.types.js

@@ -1,4 +1,4 @@
-"use strict";
+'use strict';
 /* eslint-disable */
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=ThemeProvider.types.js.map
+Object.defineProperty(exports, '__esModule', { value: true });
+//# sourceMappingURL=ThemeProvider.types.js.map

package/lib-commonjs/index.d.ts

@@ -39,4 +39,4 @@ export { ThemingModuleHelper, getHostSettingsWin32 } from './NativeModule';
  * @deprecated
  */
 export type { IEventEmitter, IHostSettingsWin32, IPlatformThemeDefinition, IThemingModuleHelper } from './NativeModule';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.js

@@ -1,39 +1,123 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getHostSettingsWin32 = exports.ThemingModuleHelper = exports.useThemeRegistry = exports.useTheme = exports.ThemeRegistryContext = exports.ThemeContext = exports.ThemeProvider = exports.createPlatformThemeRegistry = exports.ThemeLayer = exports.augmentPlatformTheme = exports.getTheme = exports.setTheme = exports.removeThemeRegistryListener = exports.addThemeRegistryListener = void 0;
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getHostSettingsWin32 =
+  exports.ThemingModuleHelper =
+  exports.useThemeRegistry =
+  exports.useTheme =
+  exports.ThemeRegistryContext =
+  exports.ThemeContext =
+  exports.ThemeProvider =
+  exports.createPlatformThemeRegistry =
+  exports.ThemeLayer =
+  exports.augmentPlatformTheme =
+  exports.getTheme =
+  exports.setTheme =
+  exports.removeThemeRegistryListener =
+  exports.addThemeRegistryListener =
+    void 0;
 /**
  * @deprecated
  */
-var 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");
-Object.defineProperty(exports, "ThemeLayer", { enumerable: true, get: function () { return ThemeLayer_1.ThemeLayer; } });
+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;
+  },
+});
+const ThemeLayer_1 = require('./ThemeLayer');
+Object.defineProperty(exports, 'ThemeLayer', {
+  enumerable: true,
+  get: function () {
+    return ThemeLayer_1.ThemeLayer;
+  },
+});
 /**
  * @deprecated
  */
-var platform_1 = require("./platform");
-Object.defineProperty(exports, "createPlatformThemeRegistry", { enumerable: true, get: function () { return platform_1.createPlatformThemeRegistry; } });
+const platform_1 = require('./platform');
+Object.defineProperty(exports, 'createPlatformThemeRegistry', {
+  enumerable: true,
+  get: function () {
+    return platform_1.createPlatformThemeRegistry;
+  },
+});
 /**
  * @deprecated
  */
-var ThemeProvider_1 = require("./ThemeProvider");
-Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
+const ThemeProvider_1 = require('./ThemeProvider');
+Object.defineProperty(exports, 'ThemeProvider', {
+  enumerable: true,
+  get: function () {
+    return ThemeProvider_1.ThemeProvider;
+  },
+});
 /**
  * @deprecated
  */
-var 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; } });
-Object.defineProperty(exports, "useThemeRegistry", { enumerable: true, get: function () { return ThemeContext_1.useThemeRegistry; } });
+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;
+  },
+});
+Object.defineProperty(exports, 'useThemeRegistry', {
+  enumerable: true,
+  get: function () {
+    return ThemeContext_1.useThemeRegistry;
+  },
+});
 /**
  * @deprecated
  */
-var 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
+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.d.ts

@@ -2,5 +2,11 @@ import type { IThemingModuleHelper } from '../NativeModule';
 /**
  * @deprecated
  */
-export declare function createPlatformThemeRegistry(_themeId?: string, _module?: IThemingModuleHelper): import("@uifabricshared/theme-registry").IThemeRegistry<import("@uifabricshared/theming-ramp").ITheme, import("@uifabricshared/theming-ramp").IPartialTheme>;
-//# sourceMappingURL=PlatformDefaults.d.ts.map
+export declare function createPlatformThemeRegistry(
+  _themeId?: string,
+  _module?: IThemingModuleHelper,
+): import('@uifabricshared/theme-registry').IThemeRegistry<
+  import('@uifabricshared/theming-ramp').ITheme,
+  import('@uifabricshared/theming-ramp').IPartialTheme
+>;
+//# sourceMappingURL=PlatformDefaults.d.ts.map

package/lib-commonjs/platform/PlatformDefaults.js

@@ -1,14 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createPlatformThemeRegistry = void 0;
-const theme_registry_1 = require("@uifabricshared/theme-registry");
-const theming_ramp_1 = require("@uifabricshared/theming-ramp");
-const BaselinePlatformDefaults_1 = require("../BaselinePlatformDefaults");
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.createPlatformThemeRegistry = createPlatformThemeRegistry;
+const theme_registry_1 = require('@uifabricshared/theme-registry');
+const theming_ramp_1 = require('@uifabricshared/theming-ramp');
+const BaselinePlatformDefaults_1 = require('../BaselinePlatformDefaults');
 /**
  * @deprecated
  */
 function createPlatformThemeRegistry(_themeId, _module) {
-    return (0, theme_registry_1.createThemeRegistry)((0, BaselinePlatformDefaults_1.getBaselinePlatformTheme)(), theming_ramp_1.resolvePartialTheme);
+  return (0, theme_registry_1.createThemeRegistry)(
+    (0, BaselinePlatformDefaults_1.getBaselinePlatformTheme)(),
+    theming_ramp_1.resolvePartialTheme,
+  );
 }
-exports.createPlatformThemeRegistry = createPlatformThemeRegistry;
-//# sourceMappingURL=PlatformDefaults.js.map
+//# 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.d.ts

@@ -2,5 +2,11 @@ import type { IThemingModuleHelper } from '../NativeModule';
 /**
  * @deprecated
  */
-export declare function createPlatformThemeRegistry(platformThemeId?: string, module?: IThemingModuleHelper): import("@uifabricshared/theme-registry").IThemeRegistry<import("@uifabricshared/theming-ramp").ITheme, import("@uifabricshared/theming-ramp").IPartialTheme>;
-//# sourceMappingURL=PlatformDefaults.native.d.ts.map
+export declare function createPlatformThemeRegistry(
+  platformThemeId?: string,
+  module?: IThemingModuleHelper,
+): import('@uifabricshared/theme-registry').IThemeRegistry<
+  import('@uifabricshared/theming-ramp').ITheme,
+  import('@uifabricshared/theming-ramp').IPartialTheme
+>;
+//# sourceMappingURL=PlatformDefaults.native.d.ts.map

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

@@ -1,18 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createPlatformThemeRegistry = void 0;
-const theme_registry_1 = require("@uifabricshared/theme-registry");
-const theming_ramp_1 = require("@uifabricshared/theming-ramp");
-const NativeModule_1 = require("../NativeModule");
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.createPlatformThemeRegistry = createPlatformThemeRegistry;
+const theme_registry_1 = require('@uifabricshared/theme-registry');
+const theming_ramp_1 = require('@uifabricshared/theming-ramp');
+const NativeModule_1 = require('../NativeModule');
 /**
  * @deprecated
  */
 function createPlatformThemeRegistry(platformThemeId, module = NativeModule_1.ThemingModuleHelper) {
-    const registry = (0, theme_registry_1.createThemeRegistry)(module.getPlatformDefaults(platformThemeId), theming_ramp_1.resolvePartialTheme);
-    module.addListener(() => {
-        registry.updatePlatformDefaults(module.getPlatformDefaults(platformThemeId));
-    });
-    return registry;
+  const registry = (0, theme_registry_1.createThemeRegistry)(
+    module.getPlatformDefaults(platformThemeId),
+    theming_ramp_1.resolvePartialTheme,
+  );
+  module.addListener(() => {
+    registry.updatePlatformDefaults(module.getPlatformDefaults(platformThemeId));
+  });
+  return registry;
 }
-exports.createPlatformThemeRegistry = createPlatformThemeRegistry;
-//# sourceMappingURL=PlatformDefaults.native.js.map
+//# 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"}