@jsenv/navi 0.29.410 → 0.29.411

package/dist/dev/jsenv_navi.js

@@ -71188,6 +71188,11 @@ const css$x = /* css */`@layer navi {
   display: flex;
   overflow: hidden;
 
+  &[data-borderless] {
+    --x-list-border-radius: 0px;
+    overflow: visible;
+  }
+
   &[data-overflow-visible="both"] {
     overflow: visible;
   }
@@ -71872,6 +71877,7 @@ const ListUI = props => {
     "data-item-transition": itemTransition ? "" : undefined,
     popover: popover,
     "data-horizontal": horizontal ? "" : undefined,
+    "data-borderless": isBorderless(rest) ? "" : undefined,
     "data-scroller": getScrollerAttribute(scroller),
     "data-overflow-visible": getOverflowVisibleAttribute(overflow, overflowX, overflowY),
     "navi-hover-while-scrolling": hoverWhileScrolling ? "" : undefined,
@@ -73341,6 +73347,25 @@ const getScrollerAttribute = scroller => {
   return "parent";
 };
 
+// A radius asked for explicitly is kept: a borderless list painting a
+// background of its own may want that surface rounded, and clipped to it.
+const isBorderless = ({
+  border,
+  borderWidth,
+  borderRadius
+}) => {
+  if (borderRadius !== undefined) {
+    return false;
+  }
+  if (borderWidth !== undefined) {
+    return parseFloat(borderWidth) === 0;
+  }
+  if (border === undefined) {
+    return false;
+  }
+  return border === "none" || parseFloat(border) === 0;
+};
+
 // overflow lands as an inline style on the inner scroll element, which is
 // enough for every value but "visible": that one only means anything once the
 // frame around it stops clipping too. Reading the per-axis props over the