@primestyleai/tryon 5.10.118 → 5.10.119
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react/index.js +537 -528
- package/dist/react/index.js.map +1 -1
- package/dist/react/styles.d.ts +1 -1
- package/dist/storefront/primestyle-tryon.js +12 -2
- package/package.json +1 -1
|
@@ -11371,8 +11371,14 @@ const STYLES$1 = `
|
|
|
11371
11371
|
.ps-tryon-sr-card-v2-value {
|
|
11372
11372
|
font-size: 2.2vw; font-weight: 200; color: var(--ps-text-primary);
|
|
11373
11373
|
line-height: 1; letter-spacing: -0.02em;
|
|
11374
|
+
overflow-wrap: anywhere;
|
|
11374
11375
|
}
|
|
11375
11376
|
.ps-tryon-sr-card-v2.ps-full .ps-tryon-sr-card-v2-value { font-size: 1.8vw; }
|
|
11377
|
+
/* Long combined labels ("MISSY 12 / Standard", "PLUS 16W / Extra Length")
|
|
11378
|
+
overflow the card at 2vw. Drop to ~1.3vw whenever the label is more
|
|
11379
|
+
than ~12 chars so the whole thing fits on one line. */
|
|
11380
|
+
.ps-tryon-sr-card-v2-value.ps-long { font-size: 1.4vw; }
|
|
11381
|
+
.ps-tryon-sr-card-v2.ps-full .ps-tryon-sr-card-v2-value.ps-long { font-size: 1.2vw; }
|
|
11376
11382
|
.ps-tryon-sr-card-v2-value-suffix {
|
|
11377
11383
|
font-size: 0.75vw; font-weight: 500; color: var(--ps-text-secondary);
|
|
11378
11384
|
letter-spacing: 0; margin-left: 0.25vw; white-space: nowrap;
|
|
@@ -20276,7 +20282,7 @@ function SectionDetailView({
|
|
|
20276
20282
|
}, children: [
|
|
20277
20283
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-msd-card-size", children: [
|
|
20278
20284
|
displaySizeLabel,
|
|
20279
|
-
!selectedCountry && finalDisplayLength ? ` / ${finalDisplayLength}` : ""
|
|
20285
|
+
!selectedCountry && finalDisplayLength && !displaySizeLabel.includes(" / ") ? ` / ${finalDisplayLength}` : ""
|
|
20280
20286
|
] }),
|
|
20281
20287
|
finalDisplayLength && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msd-card-size-meta", children: finalDisplayLength }),
|
|
20282
20288
|
selectedCountry && isRecommended && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-msd-card-size-meta", style: { fontSize: "11px", opacity: 0.7 }, children: [
|
|
@@ -21551,7 +21557,11 @@ function SizeResultView({
|
|
|
21551
21557
|
type: "button",
|
|
21552
21558
|
children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-sr-card-v2-text", children: [
|
|
21553
21559
|
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-sr-card-v2-label", children: sectionName }),
|
|
21554
|
-
|
|
21560
|
+
(() => {
|
|
21561
|
+
const labelText = pendingCustomSizes[sectionName]?.displayLabel || singleResult.recommendedSize || "—";
|
|
21562
|
+
const isLong = labelText.length > 12;
|
|
21563
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `ps-tryon-sr-card-v2-value${isLong ? " ps-long" : ""}`, children: labelText });
|
|
21564
|
+
})(),
|
|
21555
21565
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
21556
21566
|
"span",
|
|
21557
21567
|
{
|