@stylexjs/shared 0.10.0-beta.1 → 0.10.0

package/lib/stylex-define-vars.js

@@ -13,7 +13,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function styleXDefineVars(variables, options) {
   const {
     classNamePrefix,
-    themeName
+    themeName,
+    debug
   } = {
     ..._defaultOptions.defaultOptions,
     ...options
@@ -21,7 +22,7 @@ function styleXDefineVars(variables, options) {
   const themeNameHash = classNamePrefix + (0, _hash.default)(themeName);
   const typedVariables = {};
   const variablesMap = (0, _objectUtils.objMap)(variables, (value, key) => {
-    const nameHash = key.startsWith('--') ? key.slice(2) : classNamePrefix + (0, _hash.default)(`${themeName}.${key}`);
+    const nameHash = key.startsWith('--') ? key.slice(2) : debug ? key + '-' + classNamePrefix + (0, _hash.default)(`${themeName}.${key}`) : classNamePrefix + (0, _hash.default)(`${themeName}.${key}`);
     if ((0, _types.isCSSType)(value)) {
       const v = value;
       typedVariables[nameHash] = {

package/lib/transform-value.js

@@ -12,12 +12,15 @@ function transformValue(key, rawValue, options) {
   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/shared",
-  "version": "0.10.0-beta.1",
+  "version": "0.10.0",
   "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.10.0-beta.1"
+    "@stylexjs/scripts": "0.10.0"
   },
   "jest": {
     "snapshotFormat": {