@stylexjs/shared 0.9.2 → 0.9.3

package/lib/stylex-create-theme.js

@@ -50,8 +50,9 @@ function styleXCreateTheme(themeVars, variables, options) {
       };
     }
   }
+  const themeClass = `${overrideClassName} ${themeVars.__themeName__}`;
   return [{
     $$css: true,
-    [themeVars.__themeName__]: overrideClassName
+    [themeVars.__themeName__]: themeClass
   }, stylesToInject];
 }

package/lib/stylex-define-vars.js

@@ -78,7 +78,8 @@ function constructCssVariablesString(variables, themeNameHash) {
   const result = {};
   for (const [atRule, value] of Object.entries(rulesByAtRule)) {
     const suffix = atRule === 'default' ? '' : `-${(0, _hash.default)(atRule)}`;
-    let ltr = `:root{${value.join('')}}`;
+    const selector = `:root, .${themeNameHash}`;
+    let ltr = `${selector}{${value.join('')}}`;
     if (atRule !== 'default') {
       ltr = (0, _stylexVarsUtils.wrapWithAtRules)(ltr, atRule);
     }

package/lib/utils/default-options.js.flow

@@ -9,17 +9,4 @@
 
 import type { StyleXOptions } from '../common-types';
 
-// {
-//   ...options,
-//   dev: !!(options as any).dev,
-//   test: !!(options as any).test,
-//   stylexSheetName: (options as any).stylexSheetName ?? undefined,
-//   classNamePrefix: (options as any).classNamePrefix ?? 'x',
-//   importSources: (options as any).importSources ?? [name, 'stylex'],
-//   definedStylexCSSVariables:
-//     (options as any).definedStylexCSSVariables ?? {},
-//   genConditionalClasses: !!(options as any).genConditionalClasses,
-//   skipShorthandExpansion: !!(options as any).skipShorthandExpansion,
-// } as StyleXOptions;
-
 declare export const defaultOptions: StyleXOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/shared",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "main": "lib/index.js",
   "repository": "https://www.github.com/facebook/stylex",
   "license": "MIT",
@@ -13,7 +13,7 @@
     "postcss-value-parser": "^4.1.0"
   },
   "devDependencies": {
-    "@stylexjs/scripts": "0.9.2"
+    "@stylexjs/scripts": "0.9.3"
   },
   "jest": {
     "snapshotFormat": {