tailwind-to-style 1.1.0 → 1.1.2

package/index.js

@@ -2004,10 +2004,12 @@ function generator$20(configOptions = {}) {
             border-spacing: ${value};
           }
           ${prefix}-x${key} {
-            border-spacing-x: ${value};
+            --border-spacing-x: ${value};
+            border-spacing: var(--border-spacing-x) var(--border-spacing-y, 0);
           }
           ${prefix}-y${key} {
-            border-spacing-y: ${value};
+            --border-spacing-y: ${value};
+            border-spacing: var(--border-spacing-x, 0) var(--border-spacing-y);
           }
         `;
     });
@@ -5712,22 +5714,27 @@ function tws(classNames, convertToJson) {
   const cssString = generateTailwindCssString().replace(/\s\s+/g, " ");
   const cssObject = convertCssToObject(cssString);
 
-  const classes = classNames.split(" ");
+  const classes = classNames.match(/[\w-]+(?:\[[^\]]+\])?|\w+/g);
+
   let cssResult = classes.map((className) => {
     if (cssObject[className]) {
       return cssObject[className];
     } else if (className.includes("[")) {
-      const customValue = className.match(/\[([^\]]+)\]/)[1];
-      const baseKey = className.split("[")[0];
-      if (cssObject[`${baseKey}custom`]) {
-        return cssObject[`${baseKey}custom`].replace(
-          /custom_value/g,
-          customValue
-        );
+      const match = className.match(/\[([^\]]+)\]/);
+      if (match) {
+        const customValue = match[1];
+        const baseKey = className.split("[")[0];
+        if (cssObject[`${baseKey}custom`]) {
+          return cssObject[`${baseKey}custom`].replace(
+            /custom_value/g,
+            customValue
+          );
+        }
       }
     }
     return "";
   });
+
   cssResult = replaceAndRemoveCSSVariables(cssResult.join(""));
   cssResult = inlineStyleToJson(cssResult);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-to-style",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Convert tailwind classes to inline style",
   "main": "index.js",
   "scripts": {