@primestyleai/tryon 5.10.119 → 5.10.122
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 +113 -101
- package/dist/react/index.js.map +1 -1
- package/dist/react/styles.d.ts +1 -1
- package/dist/storefront/primestyle-tryon.js +17 -5
- package/package.json +1 -1
|
@@ -11391,7 +11391,7 @@ const STYLES$1 = `
|
|
|
11391
11391
|
padding: 0.1vw 0.5vw;
|
|
11392
11392
|
}
|
|
11393
11393
|
.ps-tryon-sr-card-v2-rec-pill {
|
|
11394
|
-
align-self:
|
|
11394
|
+
align-self: center;
|
|
11395
11395
|
font-size: 0.55vw; font-weight: 700; color: var(--ps-accent);
|
|
11396
11396
|
text-transform: uppercase; letter-spacing: 0.08em;
|
|
11397
11397
|
background: rgba(33, 84, 239, 0.10);
|
|
@@ -13425,11 +13425,20 @@ const STYLES$1 = `
|
|
|
13425
13425
|
.ps-tryon-history-meta { font-size: 0.57vw; color: var(--ps-text-muted); margin-top: 3px; }
|
|
13426
13426
|
.ps-tryon-history-sizing { display: flex; align-items: center; gap: 0.42vw; margin-top: 0.31vw; }
|
|
13427
13427
|
.ps-tryon-history-sizing-reason { font-size: 0.57vw; color: var(--ps-text-secondary); flex: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
|
|
13428
|
+
/* History badge — auto-grows for long combined-variant labels
|
|
13429
|
+
("MISSY 12 / Standard"). Stays circular for short labels (S, M, L,
|
|
13430
|
+
2-digit numerics) via min-width = min-height. Long labels stretch
|
|
13431
|
+
into a rounded pill. */
|
|
13428
13432
|
.ps-tryon-history-size-badge {
|
|
13429
|
-
flex-shrink: 0;
|
|
13430
|
-
|
|
13433
|
+
flex-shrink: 0;
|
|
13434
|
+
min-width: 2.08vw; height: 2.08vw;
|
|
13435
|
+
padding: 0 0.6vw;
|
|
13436
|
+
border-radius: 999px;
|
|
13437
|
+
display: inline-flex; align-items: center; justify-content: center;
|
|
13431
13438
|
background: linear-gradient(135deg, var(--ps-accent), var(--ps-accent-light));
|
|
13432
13439
|
color: #fff; font-size: 0.68vw; font-weight: 700;
|
|
13440
|
+
white-space: nowrap; line-height: 1;
|
|
13441
|
+
max-width: 100%; overflow: hidden; text-overflow: ellipsis;
|
|
13433
13442
|
}
|
|
13434
13443
|
.ps-tryon-history-result-img { width: 3.33vw; height: 4.17vw; border-radius: 0.52vw; object-fit: contain; background: var(--ps-modal-bg, #FFFFFF); flex-shrink: 0; border: 2px solid var(--ps-accent); }
|
|
13435
13444
|
.ps-tryon-history-delete {
|
|
@@ -20520,8 +20529,11 @@ function SectionDetailView({
|
|
|
20520
20529
|
borderRadius: "0.5vw",
|
|
20521
20530
|
padding: "0.2vw 0.7vw"
|
|
20522
20531
|
}, children: [
|
|
20523
|
-
|
|
20524
|
-
|
|
20532
|
+
(() => {
|
|
20533
|
+
const isLong = (displaySizeLabel || "").length > 12;
|
|
20534
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: isLong ? "1.6vw" : "3.5vw", fontWeight: 300, color: "var(--ps-text-primary)", lineHeight: 1, letterSpacing: "-0.02em" }, children: displaySizeLabel });
|
|
20535
|
+
})(),
|
|
20536
|
+
finalDisplayLength && !displaySizeLabel.includes(" / ") && (() => {
|
|
20525
20537
|
const isNumericLen = /^\d+(\.\d+)?$/.test(String(finalDisplayLength).trim());
|
|
20526
20538
|
const sectionNameLower = (sectionName || "").toLowerCase();
|
|
20527
20539
|
const lengthLabel = isNumericLen ? /pant|trouser|inseam/.test(sectionNameLower) ? t2("Inseam") : t2("Length") : null;
|