@thefittingroom/shop-ui 5.0.25 → 5.0.26

package/dist/index.js

@@ -42875,7 +42875,7 @@ function ItemFitDetails({
         ] }) : fitLabel })
       ] }, index);
     });
-  }, [loadedProductData, selectedSizeLabel]);
+  }, [loadedProductData, selectedSizeLabel, t, css2.detailCell, css2.firstLine, css2.line]);
   return /* @__PURE__ */ jsx$1("div", { css: css2.container, children: fitLineNodeList });
 }
 function ItemFitText({
@@ -42922,7 +42922,7 @@ function SizeSelector({
       }
       onChangeSize(sizeRecord.sizeLabel);
     }, children: sizeRecord.sizeLabel }, sizeRecord.sizeLabel);
-  }), [loadedProductData.sizes, selectedSizeLabel, onChangeSize]);
+  }), [loadedProductData.sizes, selectedSizeLabel, onChangeSize, css2.button, css2.selectedButton]);
   return /* @__PURE__ */ jsx$1("div", { css: css2.container, children: sizeSelectorNodeList });
 }
 function DetailAccordionItem({
@@ -43019,8 +43019,10 @@ function DesktopAccordionItem({
       backgroundColor: ACCORDION_SHADE
     },
     categoryLabel: {
-      fontSize: "16px",
-      fontWeight: "400"
+      fontFamily: "'Times New Roman', serif",
+      fontSize: "20px",
+      fontWeight: "400",
+      letterSpacing: "0.04em"
     },
     chevron: {
       display: "inline-flex",
@@ -43041,6 +43043,7 @@ function DesktopAccordionItem({
     },
     productName: {
       fontSize: "24px",
+      fontWeight: "300",
       lineHeight: "1.2"
     },
     price: {
@@ -43081,10 +43084,12 @@ function DesktopAccordionItem({
     },
     selectPrompt: {
       fontSize: "14px",
+      fontWeight: "300",
       lineHeight: 1.5
     },
     fitText: {
       fontSize: "14px",
+      fontWeight: "300",
       lineHeight: 1.5,
       // Tight 8px lift to the recommended-size line above; matches
       // quick-view's `itemFitContainer` marginTop.
@@ -43092,6 +43097,10 @@ function DesktopAccordionItem({
     },
     fitDetails: {
       width: "100%",
+      // Cascades to the text inside <ItemFitDetails>; the size-selector
+      // buttons and the bold recommended-size line above stay at their
+      // own weights.
+      fontWeight: 300,
       marginTop: "24px"
     },
     sizeRow: {
@@ -43187,12 +43196,16 @@ function MobileAccordionItem({
       minWidth: 0
     },
     categoryLabel: {
-      fontSize: "15px",
+      fontFamily: "'Times New Roman', serif",
+      fontSize: "16px",
       fontWeight: "400",
+      letterSpacing: "0.04em",
       flex: "none"
     },
     productName: {
-      fontSize: "15px",
+      fontFamily: "'Times New Roman', serif",
+      fontSize: "16px",
+      letterSpacing: "0.04em",
       color: "#8A8A8A",
       overflow: "hidden",
       textOverflow: "ellipsis",
@@ -44629,7 +44642,7 @@ function GetAppOverlay({
     openOverlay(OverlayName.SIGN_IN, {
       returnToOverlay
     });
-  }, [returnToOverlay]);
+  }, [openOverlay, returnToOverlay]);
   const handleGetAppAppleClick = reactExports.useCallback(() => {
     const url = getStaticData().config.links.appAppleStoreUrl;
     window.open(url, "_blank");
@@ -44696,12 +44709,12 @@ function LandingOverlay({
     openOverlay(OverlayName.GET_APP, {
       returnToOverlay
     });
-  }, [returnToOverlay]);
+  }, [openOverlay, returnToOverlay]);
   const handleSignInClick = reactExports.useCallback(() => {
     openOverlay(OverlayName.SIGN_IN, {
       returnToOverlay
     });
-  }, [returnToOverlay]);
+  }, [openOverlay, returnToOverlay]);
   return /* @__PURE__ */ jsxs(ContentModal, { onRequestClose: closeOverlay, title: /* @__PURE__ */ jsx$1(TextT, { variant: "brand", css: css2.titleText, t: "try_it_on" }), children: [
     /* @__PURE__ */ jsx$1("div", { css: css2.headerText, children: /* @__PURE__ */ jsx$1(TextT, { variant: "brand", css: css2.headerText, t: t("landing.header") }) }),
     /* @__PURE__ */ jsx$1("div", { css: css2.description, children: /* @__PURE__ */ jsx$1(TextT, { variant: "base", t: t("landing.description") }) }),
@@ -44841,12 +44854,12 @@ function SignInOverlay({
     openOverlay(OverlayName.FORGOT_PASSWORD, {
       returnToOverlay
     });
-  }, [returnToOverlay]);
+  }, [openOverlay, returnToOverlay]);
   const handleGetAppClick = reactExports.useCallback(() => {
     openOverlay(OverlayName.GET_APP, {
       returnToOverlay
     });
-  }, [returnToOverlay]);
+  }, [openOverlay, returnToOverlay]);
   return /* @__PURE__ */ jsx$1(ContentModal, { onRequestClose: closeOverlay, title: /* @__PURE__ */ jsx$1(TfrTitle, {}), children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, css: css2.form, children: [
     /* @__PURE__ */ jsx$1("div", { css: css2.emailContainer, children: /* @__PURE__ */ jsx$1("input", { name: "email", type: "email", placeholder: t("sign-in.email"), required: true, css: /* @__PURE__ */ css$1({
       ...css2.input,
@@ -45234,8 +45247,8 @@ function QuickViewOverlay() {
           color: selectedColor
         } = await currentProduct.getSelectedOptions();
         const styleCategoryIndex = await loadStyleCategoryIndex();
-        const styleCategoryGroup = styleCategoryIndex.groupForCategory(storeProduct.style.style_category_name);
-        const styleCategoryLabel = styleCategoryGroup?.label ?? null;
+        const styleCategoryRecord = styleCategoryIndex.byName(storeProduct.style.style_category_name);
+        const styleCategoryLabel = styleCategoryRecord?.label_singular ?? styleCategoryRecord?.label ?? null;
         const sizeRecommendationRecord = storeProduct.sizeFitRecommendation;
         {
           const recommendedSizeId = sizeRecommendationRecord.recommended_size.id || null;
@@ -45408,7 +45421,7 @@ function QuickViewOverlay() {
         error
       });
     });
-  }, [closeOverlay, openOverlay]);
+  }, [closeOverlay]);
   const handleAddToCartClick = reactExports.useCallback(async () => {
     try {
       if (!selectedSizeLabel) {
@@ -45430,7 +45443,7 @@ function QuickViewOverlay() {
         error
       });
     }
-  }, [selectedColorLabel, selectedSizeLabel]);
+  }, [closeOverlay, selectedColorLabel, selectedSizeLabel]);
   if (vtoProductData === false) {
     return /* @__PURE__ */ jsx$1(SidecarModalFrame, { onRequestClose: closeOverlay, children: /* @__PURE__ */ jsx$1(NoFitLayout, { onClose: closeOverlay, onSignOut: handleSignOutClick }) });
   }
@@ -45895,7 +45908,9 @@ function DesktopLayout({
     },
     productNameContainer: {},
     productNameText: {
-      fontSize: "32px"
+      fontFamily: "'Inter', sans-serif",
+      fontSize: "32px",
+      fontWeight: 300
     },
     priceContainer: {
       marginTop: "8px"
@@ -45929,17 +45944,27 @@ function DesktopLayout({
       marginTop: "8px",
       lineHeight: "normal"
     },
-    itemFitText: {},
+    itemFitText: {
+      fontFamily: "'Inter', sans-serif",
+      fontWeight: 300
+    },
     selectSizeLabelContainer: {
       lineHeight: "normal"
     },
-    selectSizeLabelText: {},
+    selectSizeLabelText: {
+      fontFamily: "'Inter', sans-serif",
+      fontWeight: 300
+    },
     sizeSelectorContainer: {
       marginTop: "24px"
     },
     itemFitDetailsContainer: {
       marginTop: "24px",
-      width: "100%"
+      width: "100%",
+      // Cascades into <ItemFitDetails>; the bold recommended-size line above
+      // and the size-selector buttons stay at their own weights.
+      fontFamily: "'Inter', sans-serif",
+      fontWeight: 300
     },
     fitChartContainer: {
       marginTop: "16px"
@@ -46144,7 +46169,7 @@ function Avatar({
     return () => {
       window.removeEventListener("resize", refreshLayoutData);
     };
-  }, [isMobileLayout]);
+  }, [isMobileLayout, setModalStyle]);
   const isReady = !!frameUrls && selectedFrameIndex != null;
   return /* @__PURE__ */ jsxs("div", { css: css2.topContainer, style: layoutData.topContainerStyle, children: [
     /* @__PURE__ */ jsx$1(AvatarFrameViewer, { frameUrls, selectedFrameIndex, setSelectedFrameIndex, imageContainerStyle: layoutData.imageContainerStyle, imageStyle: layoutData.imageStyle, loadingT: "quick-view.avatar_loading" }),
@@ -46173,10 +46198,14 @@ function ProductSummaryRow({
     },
     labelContainer: {},
     labelText: {
+      fontFamily: "'Times New Roman', serif",
+      fontSize: "16px",
       color: "#1A1A1A"
     },
     nameContainer: {},
     nameText: {
+      fontFamily: "'Times New Roman', serif",
+      fontSize: "16px",
       color: "#9F9F9F"
     }
   }));
@@ -46765,9 +46794,9 @@ const SHARED_CONFIG = {
     appGooglePlayUrl: "https://play.google.com/store/apps/details?id=com.thefittingroom.marketplace"
   },
   build: {
-    version: `${"5.0.25"}`,
-    commitHash: `${"101d833"}`,
-    date: `${"2026-05-22T00:57:54.147Z"}`
+    version: `${"5.0.26"}`,
+    commitHash: `${"357d81c"}`,
+    date: `${"2026-05-23T18:08:09.620Z"}`
   }
 };
 const CONFIGS = {
@@ -46891,7 +46920,7 @@ const CONFIGS = {
 const getConfig = (envName) => {
   return CONFIGS[envName];
 };
-const css = "\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');\n/* Inter — the SDK's own typeface, matching the Figma designs. Loaded here so\n   overlay text renders in Inter regardless of the host page's fonts. */\nbody.tfr-modal-open {\n  overflow: hidden;\n  position: fixed;\n  width: 100%;\n}\n";
+const css = "\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');\n/* Inter — the SDK's own typeface, matching the Figma designs. Loaded here so\n   overlay text renders in Inter regardless of the host page's fonts. The\n   variable-axis URL serves every integer weight from 100 to 900 in one file\n   so any `font-weight: <n>` value renders accurately without falling back to\n   the nearest pre-loaded weight. */\nbody.tfr-modal-open {\n  overflow: hidden;\n  position: fixed;\n  width: 100%;\n}\n";
 class TfrWidgetElement extends HTMLElement {
   connectedCallback() {
     const attributes = this.getAttributeNames().reduce((attrs, name2) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thefittingroom/shop-ui",
-  "version": "5.0.25",
+  "version": "5.0.26",
   "description": "the fitting room UI library",
   "type": "module",
   "main": "./dist/index.js",