@plasmicapp/loader-react 1.0.399 → 1.0.400

package/dist/index.js

@@ -349,7 +349,8 @@ function PlasmicRootProvider(props) {
     pageQuery,
     suspenseFallback,
     disableLoadingBoundary,
-    disableRootLoadingBoundary
+    disableRootLoadingBoundary,
+    styleTokenOverridesProjectId
   } = props;
   const loader = props.loader.__internal;
   if (prefetchedData) {
@@ -411,7 +412,8 @@ function PlasmicRootProvider(props) {
       disableLoadingBoundary: withCurrentContextValueFallback(
         disableLoadingBoundary,
         "disableLoadingBoundary"
-      )
+      ),
+      styleTokenOverridesProjectId
     };
   }, [
     globalVariants,
@@ -428,6 +430,7 @@ function PlasmicRootProvider(props) {
     authRedirectUri,
     suspenseFallback,
     disableLoadingBoundary,
+    styleTokenOverridesProjectId,
     currentContextValue
   ]);
   React2.useEffect(() => {
@@ -754,9 +757,24 @@ var ComponentLookup = class {
     }));
   }
   /** Returns StyleTokensProvider if the project has style token overrides. */
-  maybeGetStyleTokensProvider(spec) {
+  maybeGetStyleTokensProvider(spec, styleTokenOverridesProjectId) {
     const compMeta = getFirstCompMeta(this.bundle.components, spec);
-    const projectMeta = compMeta ? this.bundle.projects.find((x) => x.id === compMeta.projectId) : void 0;
+    let projectMeta;
+    if (styleTokenOverridesProjectId) {
+      projectMeta = this.bundle.projects.find(
+        (x) => x.id === styleTokenOverridesProjectId
+      );
+      if (!projectMeta) {
+        console.warn(
+          `styleTokenOverridesProjectId "${styleTokenOverridesProjectId}" not found. Defaulting to root component's project.`
+        );
+      }
+    }
+    if (!projectMeta && (compMeta == null ? void 0 : compMeta.projectId)) {
+      projectMeta = this.bundle.projects.find(
+        (x) => x.id === compMeta.projectId
+      );
+    }
     if (!projectMeta || !projectMeta.styleTokensProviderFileName || !this.registry.hasModule(projectMeta.styleTokensProviderFileName) || !projectMeta.hasStyleTokenOverrides) {
       return void 0;
     }
@@ -1398,10 +1416,13 @@ function PlasmicComponent(props) {
     if (isRootLoader) {
       const lookup = loader.getLookup();
       const ReactWebRootProvider = lookup.getRootProvider();
-      const StyleTokensProvider = lookup.maybeGetStyleTokensProvider({
-        name: component,
-        projectId
-      });
+      const StyleTokensProvider = lookup.maybeGetStyleTokensProvider(
+        {
+          name: component,
+          projectId
+        },
+        rootContext.styleTokenOverridesProjectId
+      );
       const GlobalContextsProvider = lookup.getGlobalContextsProvider({
         name: component,
         projectId