@primestyleai/tryon 5.10.90 → 5.10.91
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 +12 -10
- package/dist/react/index.js.map +1 -1
- package/dist/react/styles.d.ts +1 -1
- package/dist/storefront/primestyle-tryon.js +12 -10
- package/package.json +1 -1
|
@@ -15224,18 +15224,22 @@ const STYLES$1 = `
|
|
|
15224
15224
|
transition: background 0.15s, transform 0.15s;
|
|
15225
15225
|
}
|
|
15226
15226
|
.ps-msr-section-card:active { transform: scale(0.99); background: var(--ps-bg-secondary); }
|
|
15227
|
+
/* Bigger garment icon — same source as desktop (sizeGuide.sectionImages
|
|
15228
|
+
* → falls back to built-in line-art PNG via garmentIconForSection).
|
|
15229
|
+
* No background, no tinting — exact image asset shown at scale. */
|
|
15230
|
+
.ps-msr-section-icon-lg {
|
|
15231
|
+
width: 56px; height: 56px;
|
|
15232
|
+
object-fit: contain;
|
|
15233
|
+
background: none;
|
|
15234
|
+
margin: 0 auto 4px;
|
|
15235
|
+
display: block;
|
|
15236
|
+
}
|
|
15227
15237
|
.ps-msr-section-name {
|
|
15228
|
-
display: inline-flex; align-items: center; gap: 6px;
|
|
15229
15238
|
font-size: 11px; font-weight: 600;
|
|
15230
15239
|
letter-spacing: 0.12em; text-transform: uppercase;
|
|
15231
15240
|
color: var(--ps-text-muted);
|
|
15232
15241
|
text-align: center;
|
|
15233
15242
|
}
|
|
15234
|
-
.ps-msr-section-icon {
|
|
15235
|
-
width: 18px; height: 18px;
|
|
15236
|
-
object-fit: contain;
|
|
15237
|
-
opacity: 0.85;
|
|
15238
|
-
}
|
|
15239
15243
|
.ps-msr-section-size {
|
|
15240
15244
|
font-size: 32px; font-weight: 600;
|
|
15241
15245
|
color: var(--ps-text-primary);
|
|
@@ -19065,10 +19069,8 @@ function MultiSectionMobile({
|
|
|
19065
19069
|
className: `ps-msr-section-card${isOverridden ? " ps-overridden" : ""}`,
|
|
19066
19070
|
onClick: () => onSelectSection(name),
|
|
19067
19071
|
children: [
|
|
19068
|
-
/* @__PURE__ */ jsxRuntimeExports.
|
|
19069
|
-
|
|
19070
|
-
cleanName.toUpperCase()
|
|
19071
|
-
] }),
|
|
19072
|
+
iconSrc && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: iconSrc, alt: "", className: "ps-msr-section-icon-lg" }),
|
|
19073
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msr-section-name", children: cleanName.toUpperCase() }),
|
|
19072
19074
|
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msr-section-size", children: sizeValue }),
|
|
19073
19075
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
19074
19076
|
"span",
|