@plasmicapp/loader-react 1.0.395 → 1.0.396-beta.0

package/dist/index.d.ts

@@ -161,6 +161,8 @@ declare class ComponentLookup {
         meta: GlobalGroupMeta;
         context: any;
     }[];
+    /** Returns StyleTokensProvider if the project has style token overrides. */
+    maybeGetStyleTokensProvider(spec: ComponentLookupSpec): any;
     getGlobalContextsProvider(spec: ComponentLookupSpec): any;
     getRootProvider(): any;
     getCss(): AssetModule[];

package/dist/index.esm.js

@@ -537,6 +537,7 @@ function prepComponentData(bundle, compMetas, opts) {
       "entrypoint.css",
       ...compPaths,
       "root-provider.js",
+      ...bundle.projects.map((x) => x.styleTokensProviderFileName).filter((x) => !!x),
       ...bundle.projects.map((x) => x.globalContextsProviderFileName).filter((x) => !!x),
       // We need to explicitly include global context provider components
       // to make sure they are kept in bundle.components. That's because
@@ -704,6 +705,16 @@ var ComponentLookup = class {
       context: this.registry.load(meta.contextFile).default
     }));
   }
+  /** Returns StyleTokensProvider if the project has style token overrides. */
+  maybeGetStyleTokensProvider(spec) {
+    const compMeta = getFirstCompMeta(this.bundle.components, spec);
+    const projectMeta = compMeta ? this.bundle.projects.find((x) => x.id === compMeta.projectId) : void 0;
+    if (!projectMeta || !projectMeta.styleTokensProviderFileName || !this.registry.hasModule(projectMeta.styleTokensProviderFileName) || !projectMeta.hasStyleTokenOverrides) {
+      return void 0;
+    }
+    const entry = this.registry.load(projectMeta.styleTokensProviderFileName);
+    return entry.StyleTokensProvider;
+  }
   getGlobalContextsProvider(spec) {
     const compMeta = getFirstCompMeta(this.bundle.components, spec);
     const projectMeta = compMeta ? this.bundle.projects.find((x) => x.id === compMeta.projectId) : void 0;
@@ -1362,6 +1373,10 @@ function PlasmicComponent(props) {
     if (isRootLoader) {
       const lookup = loader.getLookup();
       const ReactWebRootProvider = lookup.getRootProvider();
+      const StyleTokensProvider = lookup.maybeGetStyleTokensProvider({
+        name: component,
+        projectId
+      });
       const GlobalContextsProvider = lookup.getGlobalContextsProvider({
         name: component,
         projectId
@@ -1383,7 +1398,14 @@ function PlasmicComponent(props) {
             cond: !!GlobalContextsProvider,
             wrapper: (children) => /* @__PURE__ */ React5.createElement(GlobalContextsProvider, __spreadValues({}, globalContextsProps), children)
           },
-          /* @__PURE__ */ React5.createElement(PlasmicComponentContext.Provider, { value: true }, elt)
+          /* @__PURE__ */ React5.createElement(
+            MaybeWrap,
+            {
+              cond: !!StyleTokensProvider,
+              wrapper: (children) => /* @__PURE__ */ React5.createElement(StyleTokensProvider, null, children)
+            },
+            /* @__PURE__ */ React5.createElement(PlasmicComponentContext.Provider, { value: true }, elt)
+          )
         )
       );
     }