@stylexjs/babel-plugin 0.2.0-beta.22 → 0.2.0-beta.24

package/lib/index.js

@@ -5,7 +5,6 @@ var path = require('path');
 var require$$0 = require('postcss-value-parser');
 var core = require('@babel/core');
 var traverse = require('@babel/traverse');
-var fs = require('fs');
 var require$$0$1 = require('invariant');
 var require$$1 = require('styleq');
 
@@ -150,7 +149,7 @@ const filePathResolver = (relativeFilePath, sourceFilePath) => {
   const fileToLookFor = relativeFilePath;
   if (EXTENSIONS.some(ext => fileToLookFor.endsWith(ext))) {
     try {
-      const resolvedFilePath = require.resolve(fileToLookFor, {
+      const resolvedFilePath = fileToLookFor.startsWith('./') || fileToLookFor.startsWith('../') ? path.join(path.dirname(sourceFilePath), fileToLookFor) : require.resolve(fileToLookFor, {
         paths: [path.dirname(sourceFilePath)]
       });
       return resolvedFilePath;
@@ -158,7 +157,7 @@ const filePathResolver = (relativeFilePath, sourceFilePath) => {
   }
   for (const ext of EXTENSIONS) {
     try {
-      const resolvedFilePath = require.resolve(fileToLookFor + ext, {
+      const resolvedFilePath = fileToLookFor.startsWith('./') || fileToLookFor.startsWith('../') ? path.join(path.dirname(sourceFilePath), fileToLookFor + ext) : require.resolve(fileToLookFor + ext, {
         paths: [path.dirname(sourceFilePath)]
       });
       return resolvedFilePath;
@@ -3181,6 +3180,7 @@ function deopt(path, state) {
   state.confident = false;
 }
 function evaluateImportedFile(filePath, namedExport, state) {
+  const fs = require('fs');
   const fileContents = fs.readFileSync(filePath, 'utf8');
   const ast = core.parseSync(fileContents, {
     babelrc: true
@@ -4437,9 +4437,13 @@ stylex.types = stylex.stylex = void 0;
 var _stylexInject = _interopRequireDefault(stylexInject);
 var _styleq = require$$1;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function props(styles, _options) {
+function props() {
+  const options = this;
+  for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {
+    styles[_key] = arguments[_key];
+  }
   if (__implementations.props) {
-    return __implementations.props(styles, _options);
+    return __implementations.props.call(options, styles);
   }
   const [className, style] = (0, _styleq.styleq)(styles);
   const result = {};
@@ -4538,8 +4542,8 @@ const firstThatWorks = function () {
 stylex.firstThatWorks = firstThatWorks;
 const inject = stylex.inject = _stylexInject.default;
 function _stylex() {
-  for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {
-    styles[_key] = arguments[_key];
+  for (var _len2 = arguments.length, styles = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    styles[_key2] = arguments[_key2];
   }
   const [className] = (0, _styleq.styleq)(styles);
   return className;
@@ -4762,7 +4766,7 @@ function transformStylexProps(path, state) {
   }
   let bailOut = false;
   let conditional = 0;
-  const args = node.arguments[0]?.type === 'ArrayExpression' ? node.arguments[0].elements : node.arguments.slice(0, 1);
+  const args = node.arguments.flatMap(arg => arg.type === 'ArrayExpression' ? arg.elements : [arg]);
   const resolvedArgs = [];
   for (const arg of args) {
     switch (arg.type) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/babel-plugin",
-  "version": "0.2.0-beta.22",
+  "version": "0.2.0-beta.24",
   "description": "StyleX babel plugin.",
   "main": "lib/index.js",
   "repository": "https://github.com/facebook/stylex",
@@ -12,7 +12,7 @@
     "test": "jest"
   },
   "dependencies": {
-    "@stylexjs/shared": "0.2.0-beta.22"
+    "@stylexjs/shared": "0.2.0-beta.24"
   },
   "peerDependencies": {
     "@babel/core": "^7.19.6",