@xsolla/xui-b2c-transaction-cell 0.196.0 → 0.197.0

package/web/index.mjs

@@ -3561,7 +3561,11 @@ var ADDITIONAL_BLOCKED_PROPS = /* @__PURE__ */ new Set([
   "fontSize",
   "fontWeight",
   "fontFamily",
-  "textDecoration"
+  "textDecoration",
+  // Cross-platform layout prop that Text consumes as CSS, never as an
+  // attribute. Pinned explicitly because it is now spread into the styled
+  // component rather than destructured away before it can reach the DOM.
+  "numberOfLines"
 ]);
 function shouldForwardProp(key) {
   if (ADDITIONAL_BLOCKED_PROPS.has(key)) return false;
@@ -3766,6 +3770,30 @@ var Box = React3.forwardRef(
 );
 Box.displayName = "Box";
 
+// ../../foundation/primitives-web/src/textTruncation.ts
+var truncationStyles = (numberOfLines) => {
+  if (!numberOfLines || numberOfLines < 1) return "";
+  if (numberOfLines === 1) {
+    return `
+      display: block;
+      max-width: 100%;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    `;
+  }
+  return `
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: ${numberOfLines};
+    line-clamp: ${numberOfLines};
+    max-width: 100%;
+    min-width: 0;
+    overflow: hidden;
+  `;
+};
+
 // ../../foundation/primitives-web/src/Text.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var FilteredSpan = createFilteredElement("span");
@@ -3778,6 +3806,9 @@ var StyledText = styled_components_esm_default(FilteredSpan)`
   white-space: ${(props) => props.whiteSpace || "normal"};
   text-align: ${(props) => props.textAlign || "inherit"};
   text-decoration: ${(props) => props.textDecoration || "none"};
+
+  /* Keep last: single-line truncation has to win over white-space above. */
+  ${(props) => truncationStyles(props.numberOfLines)}
 `;
 var Text = ({
   style,
@@ -3786,7 +3817,6 @@ var Text = ({
   role,
   testID,
   "data-testid": dataTestId,
-  numberOfLines: _numberOfLines,
   ...props
 }) => {
   return /* @__PURE__ */ jsx2(