babel-plugin-jsx-dom-expressions 0.36.0-beta.7 → 0.36.0

package/index.js

@@ -1259,7 +1259,15 @@ function transformAttributes$2(path, results) {
         } else {
           !isSVG && (key = key.toLowerCase());
           results.template += ` ${key}`;
-          results.template += value ? `="${escapeBackticks(escapeHTML(value.value, true))}"` : "";
+          if (!value) return;
+          let text = value.value;
+          if (key === "style" || key === "class") {
+            text = trimWhitespace(text);
+            if (key === "style") {
+              text = text.replace(/; /g, ";").replace(/: /g, ":");
+            }
+          }
+          results.template += `="${escapeBackticks(escapeHTML(text, true))}"`;
         }
       }
     });
@@ -2214,7 +2222,15 @@ function transformAttributes$1(path, results, info) {
       if (t__namespace.isJSXExpressionContainer(value)) value = value.expression;
       key = toAttribute(key, isSVG);
       appendToTemplate(results.template, ` ${key}`);
-      appendToTemplate(results.template, value ? `="${escapeHTML(value.value, true)}"` : "");
+      if (!value) return;
+      let text = value.value;
+      if (key === "style" || key === "class") {
+        text = trimWhitespace(text);
+        if (key === "style") {
+          text = text.replace(/; /g, ";").replace(/: /g, ":");
+        }
+      }
+      appendToTemplate(results.template, `="${escapeHTML(text, true)}"`);
     }
   });
   if (!hasChildren && children) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "babel-plugin-jsx-dom-expressions",
   "description": "A JSX to DOM plugin that wraps expressions for fine grained change detection",
-  "version": "0.36.0-beta.7",
+  "version": "0.36.0",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -31,5 +31,5 @@
   "devDependencies": {
     "@babel/core": "^7.20.12"
   },
-  "gitHead": "e0a15295acac3823a582a5aafbe41ba78c02d379"
+  "gitHead": "05dd73bfadd2bb1b7369764d0d1196f5dc276493"
 }