@jsenv/navi 0.11.14 → 0.11.16

package/dist/jsenv_navi.js

@@ -9842,7 +9842,11 @@ const withPropsStyle = (
     expandX = expand,
     expandY = expand,
     width,
+    minWidth,
+    maxWidth,
     height,
+    minHeight,
+    maxHeight,
 
     // typo props
     textSize,
@@ -9860,6 +9864,7 @@ const withPropsStyle = (
     background,
     backgroundColor,
     backgroundImage,
+    backgroundSize,
     border,
     borderWidth,
     borderRadius,
@@ -10037,6 +10042,12 @@ const withPropsStyle = (
     } else if (width !== undefined) {
       sizeStyles.width = normalizeStyle(width, "width", "css");
     }
+    if (minWidth !== undefined) {
+      sizeStyles.minWidth = normalizeStyle(minWidth, "minWidth", "css");
+    }
+    if (maxWidth !== undefined) {
+      sizeStyles.maxWidth = normalizeStyle(maxWidth, "maxWidth", "css");
+    }
     if (expandY) {
       if (flexDirection === "row") {
         sizeStyles.height = "100%"; // Take full height in row
@@ -10048,6 +10059,12 @@ const withPropsStyle = (
     } else if (height !== undefined) {
       sizeStyles.height = normalizeStyle(height, "height", "css");
     }
+    if (minHeight !== undefined) {
+      sizeStyles.minHeight = normalizeStyle(minHeight, "minHeight", "css");
+    }
+    if (maxHeight !== undefined) {
+      sizeStyles.maxHeight = normalizeStyle(maxHeight, "maxHeight", "css");
+    }
   }
   typo_styles: {
     if (!typo && !hasRemainingConfig) {
@@ -10105,7 +10122,14 @@ const withPropsStyle = (
       visualStyles.backgroundColor = backgroundColor;
     }
     if (backgroundImage !== undefined) {
-      visualStyles.backgroundImage = backgroundImage;
+      visualStyles.backgroundImage = normalizeStyle(
+        backgroundImage,
+        "backgroundImage",
+        "css",
+      );
+    }
+    if (backgroundSize !== undefined) {
+      visualStyles.backgroundSize = backgroundSize;
     }
     if (border !== undefined) {
       visualStyles.border = border;