@builder.io/mitosis 0.5.36 → 0.5.38

package/dist/src/generators/builder/generator.js

@@ -68,9 +68,13 @@ const componentMappers = {
         }),
     Columns(node, options) {
         const block = (0, exports.blockToBuilder)(node, options, { skipMapper: true });
-        const columns = block.children.map((item) => ({
-            blocks: item.children,
-        }));
+        const columns = block.children.map((item) => {
+            var _a, _b;
+            return ({
+                blocks: item.children,
+                width: (_b = (_a = item.component) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.width,
+            });
+        });
         block.component.options.columns = columns;
         block.children = [];
         return block;
@@ -405,15 +409,34 @@ const mapBoundStyles = (bindings) => {
             }
         }
         else {
-            bindings[`style.${key}`] = {
-                code: parsed[key],
-                bindingType: 'expression',
-                type: 'single',
-            };
+            if (isGlobalStyle(key)) {
+                console.warn(`The following bound styles are not supported by Builder JSON and have been removed:
+  "${key}": ${parsed[key]}
+          `);
+            }
+            else {
+                bindings[`style.${key}`] = {
+                    code: parsed[key],
+                    bindingType: 'expression',
+                    type: 'single',
+                };
+            }
         }
     }
     delete bindings['style'];
 };
+function isGlobalStyle(key) {
+    // These are mapped to their respective responsiveStyle and support bindings
+    if (/max-width: (.*?)px/gm.exec(key)) {
+        return false;
+    }
+    return (
+    // pseudo class
+    key.startsWith('&:') ||
+        key.startsWith(':') ||
+        // @ rules
+        key.startsWith('@'));
+}
 const blockToBuilder = (json, options = {}, _internalOptions = {}) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     const mapper = !_internalOptions.skipMapper && componentMappers[json.name];

package/package.json

@@ -22,7 +22,7 @@
     "name": "Builder.io",
     "url": "https://www.builder.io"
   },
-  "version": "0.5.36",
+  "version": "0.5.38",
   "homepage": "https://github.com/BuilderIO/mitosis",
   "main": "./dist/src/index.js",
   "exports": {