@stylexjs/babel-plugin 0.9.3 → 0.10.0-beta.2

package/flow_modules/@babel/types/index.js.flow

@@ -3,6 +3,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
  * @flow strict
  */
 
@@ -3809,8 +3810,8 @@ declare export var getBindingIdentifiers: {
   ): Dups extends true
     ? Record<string, Array<Identifier>>
     : Dups extends false
-    ? Record<string, Identifier>
-    : Record<string, Array<Identifier>> | Record<string, Identifier>,
+      ? Record<string, Identifier>
+      : Record<string, Array<Identifier>> | Record<string, Identifier>,
 
   +keys: $ReadOnly<{
     DeclareClass: $ReadOnlyArray<string>,

package/lib/index.js

@@ -2889,12 +2889,15 @@ function requireTransformValue () {
 	  const value = typeof rawValue === 'number' ? String(Math.round(rawValue * 10000) / 10000) + getNumberSuffix(key) : rawValue;
 	  if ((key === 'content' || key === 'hyphenateCharacter' || key === 'hyphenate-character') && typeof value === 'string') {
 	    const val = value.trim();
-	    if (val.match(/^attr\([a-zA-Z0-9-]+\)$/)) {
+	    const cssContentFunctions = ['attr(', 'counter(', 'counters(', 'url(', 'linear-gradient(', 'image-set('];
+	    const cssContentKeywords = new Set(['normal', 'none', 'open-quote', 'close-quote', 'no-open-quote', 'no-close-quote', 'inherit', 'initial', 'revert', 'revert-layer', 'unset']);
+	    const isCssFunction = cssContentFunctions.some(func => val.includes(func));
+	    const isKeyword = cssContentKeywords.has(val);
+	    const hasMatchingQuotes = (val.match(/"/g)?.length ?? 0) >= 2 || (val.match(/'/g)?.length ?? 0) >= 2;
+	    if (isCssFunction || isKeyword || hasMatchingQuotes) {
 	      return val;
 	    }
-	    if (!(val.startsWith('"') && val.endsWith('"') || val.startsWith("'") && val.endsWith("'"))) {
-	      return `"${val}"`;
-	    }
+	    return `"${val}"`;
 	  }
 	  return (0, _normalizeValue.default)(value, key, options);
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/babel-plugin",
-  "version": "0.9.3",
+  "version": "0.10.0-beta.2",
   "description": "StyleX babel plugin.",
   "main": "lib/index.js",
   "repository": "https://github.com/facebook/stylex",
@@ -14,8 +14,8 @@
   },
   "dependencies": {
     "@babel/helper-module-imports": "^7.22.15",
-    "@stylexjs/shared": "0.9.3",
-    "@stylexjs/stylex": "0.9.3",
+    "@stylexjs/shared": "0.10.0-beta.2",
+    "@stylexjs/stylex": "0.10.0-beta.2",
     "@babel/core": "^7.25.8",
     "@babel/traverse": "^7.25.7",
     "@babel/types": "^7.25.8",