patch to fix facebook#601

A quick patch to fix facebook#601
zetavg · Jun 8, 2024 · 0f13f18 · 0f13f18
1 parent ac61226
commit 0f13f18
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/shared/src/stylex-create-theme.js b/packages/shared/src/stylex-create-theme.js
@@ -83,7 +83,7 @@ export default function styleXCreateTheme(
   }
 
   return [
-    { $$css: true, [themeVars.__themeName__]: overrideClassName },
+    { $$css: true, [themeVars.__themeName__]: overrideClassName, __overrideRootVars__: `${classNamePrefix}vars` },
     stylesToInject,
   ];
 }
diff --git a/packages/shared/src/stylex-define-vars.js b/packages/shared/src/stylex-define-vars.js
@@ -68,6 +68,7 @@ export default function styleXDefineVars<Vars: VarsConfig>(
   const injectableStyles = constructCssVariablesString(
     variablesMap,
     themeNameHash,
+    classNamePrefix,
   );
 
   const injectableTypes: { +[string]: InjectableStyle } = objMap(
@@ -88,6 +89,7 @@ export default function styleXDefineVars<Vars: VarsConfig>(
 function constructCssVariablesString(
   variables: { +[string]: { +nameHash: string, +value: VarsConfigValue } },
   themeNameHash: string,
+  classNamePrefix: string,
 ): { [string]: InjectableStyle } {
   const rulesByAtRule: { [string]: Array<string> } = {};
 
@@ -99,7 +101,7 @@ function constructCssVariablesString(
   for (const [atRule, value] of Object.entries(rulesByAtRule)) {
     const suffix = atRule === 'default' ? '' : `-${createHash(atRule)}`;
 
-    let ltr = `:root{${value.join('')}}`;
+    let ltr = `:root,.${classNamePrefix}vars{${value.join('')}}`;
     if (atRule !== 'default') {
       ltr = wrapWithAtRules(ltr, atRule);
     }