@jsenv/navi 0.16.44 → 0.16.46

package/dist/jsenv_navi.js

@@ -4891,12 +4891,6 @@ const FLOW_PROPS = {
   box: () => {},
   row: () => {},
   column: () => {},
-
-  position: PASS_THROUGH,
-  absolute: applyToCssPropWhenTruthy("position", "absolute", "static"),
-  relative: applyToCssPropWhenTruthy("position", "relative", "static"),
-  fixed: applyToCssPropWhenTruthy("position", "fixed", "static"),
-  sticky: applyToCssPropWhenTruthy("position", "sticky", "static"),
 };
 const OUTER_SPACING_PROPS = {
   margin: PASS_THROUGH,
@@ -5070,10 +5064,24 @@ const POSITION_PROPS = {
     }
     return undefined;
   },
-  left: PASS_THROUGH,
-  top: PASS_THROUGH,
-  bottom: PASS_THROUGH,
-  right: PASS_THROUGH,
+  position: PASS_THROUGH,
+  absolute: applyToCssPropWhenTruthy("position", "absolute", "static"),
+  relative: applyToCssPropWhenTruthy("position", "relative", "static"),
+  fixed: applyToCssPropWhenTruthy("position", "fixed", "static"),
+  sticky: applyToCssPropWhenTruthy("position", "sticky", "static"),
+  left: (value) => {
+    return { left: value === true ? 0 : value };
+  },
+  // Allow to write <Box sticky top /> instead of <Box sticky top="0" />
+  top: (value) => {
+    return { top: value === true ? 0 : value };
+  },
+  bottom: (value) => {
+    return { bottom: value === true ? 0 : value };
+  },
+  right: (value) => {
+    return { right: value === true ? 0 : value };
+  },
 
   transform: PASS_THROUGH,
   translateX: (value) => {