@jsenv/navi 0.29.377 → 0.29.378

package/dist/jsenv_navi.js

@@ -44197,6 +44197,10 @@ time.navi_text {
     border-radius: inherit;
   }
 
+  &[data-text-clamp] {
+    min-width: 0;
+  }
+
   &[data-text-overflow] {
     text-overflow: ellipsis;
     overflow-wrap: normal;
@@ -44570,6 +44574,10 @@ const shouldInjectSpacingBetween = (left, right) => {
  *   n lines. This is the only prop to use for that — `Box`'s `lineClamp` /
  *   `overflowEllipsis` are raw CSS mappings meant for elements that are not a
  *   `Text`, and `lineClamp={1}` is never the single-line truncation you want.
+ *   Either value states the `white-space` it needs — one line does not wrap,
+ *   n lines may — so it holds inside a single-line ancestor too (a `Picker`'s
+ *   value, a `Time`); an explicit `noWrap`/`pre`/`preLine` on this `Text`
+ *   still wins.
  *   Truncation only happens if the element may become narrower than its
  *   content: `maxLines` sets `min-width: 0` here, but each `Box` between this
  *   one and the element that carries the width must set it too.
@@ -44632,6 +44640,25 @@ const shouldInjectSpacingBetween = (left, right) => {
  *   internally for overlays such as the skeleton container.
  */
 const Text = props => {
+  if (props.maxLines > 1) {
+    props = {
+      ...props,
+      "data-text-clamp": ""
+    };
+    if (!saysWhiteSpace(props)) {
+      // n lines means "you may wrap". white-space is inherited, so left unsaid
+      // a single-line ancestor (a Picker's value, a Time) leaves the clamp one
+      // line to cut, and the text runs past its box. Same tag rule as
+      // TextOverflow: a paragraph keeps its line breaks.
+      props = props.as === "p" ? {
+        ...props,
+        preLine: true
+      } : {
+        ...props,
+        noWrap: false
+      };
+    }
+  }
   if (props.loading || props.skeleton) {
     return jsx(TextSkeleton, {
       ...props
@@ -44843,6 +44870,14 @@ const TextOverflow = ({
     children: children
   });
 };
+const saysWhiteSpace = ({
+  noWrap,
+  pre,
+  preWrap,
+  preLine
+}) => {
+  return noWrap !== undefined || pre !== undefined || preWrap !== undefined || preLine !== undefined;
+};
 const TextWithSelectRange = ({
   ref,
   selectRange,
@@ -58815,9 +58850,11 @@ const TimeRelative = ({
   });
 };
 const TimeText = props => {
+  // A date stays on one line, unless the caller grants it several.
+  const noWrap = props.maxLines > 1 ? undefined : true;
   return jsx(Text, {
     as: "time",
-    noWrap: true,
+    noWrap: noWrap,
     ...props
   });
 };
@@ -76071,13 +76108,7 @@ const renderDayDefault = (day, {
   type: "date",
   format: format,
   dayLabel: true,
-  lang: lang
-  // A Time keeps its date on one line by default; here a day too long for
-  // the box is meant to wrap, so that is undone — except for maxLines={1},
-  // which IS one line and cuts it itself (see Text's own TextOverflow):
-  // saying "you may wrap" there would undo the truncation instead.
-  ,
-  noWrap: maxLines === 1 || maxLines === "1" ? undefined : false,
+  lang: lang,
   maxLines: maxLines,
   children: day
 });