Fix rounded--lg

Author: bernaferrari

packages/backend/src/tailwind/conversionTables.ts

@@ -78,26 +78,26 @@ const mapFontSize: Record<number, string> = {
 
 const mapBorderRadius: Record<number, string> = {
   // 0: "none",
-  0.125: "-sm",
+  0.125: "sm",
   0.25: "",
-  0.375: "-md",
-  0.5: "-lg",
-  0.75: "-xl",
-  1.0: "-2xl",
-  1.5: "-3xl",
-  10: "-full",
+  0.375: "md",
+  0.5: "lg",
+  0.75: "xl",
+  1.0: "2xl",
+  1.5: "3xl",
+  10: "full",
 };
 
 // This uses pixels.
 const mapBlur: Record<number, string> = {
-  0: "-none",
+  0: "none",
   4: "sm",
   8: "",
-  12: "-md",
-  16: "-lg",
-  24: "-xl",
-  40: "-2xl",
-  64: "-3xl",
+  12: "md",
+  16: "lg",
+  24: "xl",
+  40: "2xl",
+  64: "3xl",
 };
 
 const mapWidthHeightSize: Record<number, string> = {

packages/backend/src/tailwind/tailwindDefaultBuilder.ts

@@ -102,24 +102,23 @@ export class TailwindDefaultBuilder {
 
       const parsedX = sliceNum(x);
       const parsedY = sliceNum(y);
-      if (parsedX === '0') {
+      if (parsedX === "0") {
         this.addAttributes(`left-0`);
       } else {
         this.addAttributes(`left-[${parsedX}px]`);
       }
-      if (parsedY === '0') {
+      if (parsedY === "0") {
         this.addAttributes(`top-0`);
-      }
-      else {
+      } else {
         this.addAttributes(`top-[${parsedY}px]`);
       }
 
       this.addAttributes(`absolute`);
     } else if (
       node.type === "GROUP" ||
       ("layoutMode" in node &&
-        ((optimizeLayout ? node.inferredAutoLayout : null) ?? node)?.layoutMode ===
-        "NONE")
+        ((optimizeLayout ? node.inferredAutoLayout : null) ?? node)
+          ?.layoutMode === "NONE")
     ) {
       this.addAttributes("relative");
     }
@@ -200,9 +199,7 @@ export class TailwindDefaultBuilder {
       if (blur) {
         const blurValue = pxToBlur(blur.radius);
         if (blurValue) {
-          this.addAttributes(`blur${blurValue}`);
-        } else {
-          this.addAttributes(`blur-[${sliceNum(blur.radius)}px]`);
+          this.addAttributes(`blur${blurValue ? `-${blurValue}` : ""}`);
         }
       }
 
@@ -212,10 +209,10 @@ export class TailwindDefaultBuilder {
       if (backgroundBlur) {
         const backgroundBlurValue = pxToBlur(backgroundBlur.radius);
         if (backgroundBlurValue) {
-          this.addAttributes(`backdrop-blur${backgroundBlurValue}`);
-        } else {
           this.addAttributes(
-            `backdrop-blur-[${sliceNum(backgroundBlur.radius)}px]`
+            `backdrop-blur${
+              backgroundBlurValue ? `-${backgroundBlurValue}` : ""
+            }`
           );
         }
       }