efficient-storefront-blocks 0.32.3 → 0.32.5

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # Changelog
 
+## 0.32.5 — 2026-10-15
+
+**On a phone, a Product Grid's small label stands above its title** (card
+[ADD] INOVIT And Hartes Metal US Websites). hartesmetal.com's homepage row
+"The One-Piece Cast range" drew its label "ONE-PIECE CAST" in three lines on a
+390 phone: the head's label and title shared one row, and the long title left
+the label 62px. Below 800px the label now stands above the title, 12px apart,
+as the shared SectionHeader's number already does on a narrow screen. From
+800px up nothing changes.
+
+- Guard: `scripts/test-product-grid-head-phone-label.tsx`.
+
+## 0.32.4 — 2026-10-15
+
+- **A wheel page fits a phone in "Select by specs".** On a 390px screen the
+  buy column grew to 406px once the shopper picked a size that is out of
+  stock: the "Notify me when back" row could not get narrower than its email
+  field's built-in width (about 20 characters) plus the button. The field is
+  now `w-0` (it still fills the row), and below 1100px the hero collapses to
+  `minmax(0,1fr)`, as the stacked layout already did, so one wide row can no
+  longer widen the column. Nothing moves on a wider screen.
+- **A long product name fits a phone.** On hartesmetal.com/wheels/stormbreaker
+  at 390px the name "STORMBREAKER", at the site's 60px Heading size, was 454px
+  wide and pushed the hero to 474px. The block around the name is now an
+  inline-size query container, and the name's size is capped at
+  `100cqi / (longest word × 0.72em)` — the header wordmark's fit, applied to
+  the one word that cannot wrap. Measured after: 40.5px, 306px wide, the page
+  390px. A name that already fits (any name on a wide screen, "Strike" on a
+  phone) keeps the site's size.
+
 ## 0.32.3 — 2026-10-15
 
 **Every lightbox opens above the header, and ✕ closes it** (card [ADD] INOVIT

package/dist/chunks/{PreviewFooter-75XBI3I3.js → PreviewFooter-PGJSJ4SM.js}

@@ -1 +1 @@
-"use client";import{ba as p,l as m}from"./chunk-YHLJWKG3.js";import{Pc as u,Pd as d,jg as c}from"./chunk-QOXKQV6L.js";import"./chunk-GD6ZFQC7.js";import"./chunk-NEQXU52M.js";import{Ga as s,La as a,Ma as f,Qa as g}from"./chunk-IKG5YKP7.js";import"./chunk-VBQY6H55.js";import"./chunk-Y6SLVHK3.js";import{Render as P}from"efficient-easel/render";import{jsx as k}from"react/jsx-runtime";function i({footerBlock:r,rootProps:e,headerSettings:o,siteName:t,legalName:l,foundedYear:n,socialLinks:v}){let I=m({root:{props:{...e??{},kind:d}},content:[r],zones:{}});return k(s.Provider,{value:{logoUrl:o?.logoUrl??null,logoReversed:o?.logoReversed??null,logoInkIsDark:o?.logoInkIsDark??null,siteName:t,legalName:l??null,foundedYear:n??null,socialLinks:v??g},children:k(P,{config:p,data:I})})}import{jsx as h}from"react/jsx-runtime";function F(){let{footerBlock:r,editFooter:e}=c(),{settings:o,websiteName:t}=a();if(!r)return null;let l=o?{logoUrl:o.logoUrl,logoReversed:o.logoReversed??null,logoInkIsDark:o.logoInkIsDark??null}:null;return h("div",{className:"sf-preview-footer-pick",onClick:e?n=>{n.stopPropagation(),e()}:void 0,style:e?{cursor:"pointer"}:void 0,title:e?u("Edit the site footer \u2192"):void 0,children:h(i,{footerBlock:r,headerSettings:l,siteName:t?.trim()||f})})}export{F as default};
+"use client";import{ba as p,l as m}from"./chunk-3SPZO3U2.js";import{Pc as u,Pd as d,jg as c}from"./chunk-QOXKQV6L.js";import"./chunk-GD6ZFQC7.js";import"./chunk-NEQXU52M.js";import{Ga as s,La as a,Ma as f,Qa as g}from"./chunk-IKG5YKP7.js";import"./chunk-VBQY6H55.js";import"./chunk-Y6SLVHK3.js";import{Render as P}from"efficient-easel/render";import{jsx as k}from"react/jsx-runtime";function i({footerBlock:r,rootProps:e,headerSettings:o,siteName:t,legalName:l,foundedYear:n,socialLinks:v}){let I=m({root:{props:{...e??{},kind:d}},content:[r],zones:{}});return k(s.Provider,{value:{logoUrl:o?.logoUrl??null,logoReversed:o?.logoReversed??null,logoInkIsDark:o?.logoInkIsDark??null,siteName:t,legalName:l??null,foundedYear:n??null,socialLinks:v??g},children:k(P,{config:p,data:I})})}import{jsx as h}from"react/jsx-runtime";function F(){let{footerBlock:r,editFooter:e}=c(),{settings:o,websiteName:t}=a();if(!r)return null;let l=o?{logoUrl:o.logoUrl,logoReversed:o.logoReversed??null,logoInkIsDark:o.logoInkIsDark??null}:null;return h("div",{className:"sf-preview-footer-pick",onClick:e?n=>{n.stopPropagation(),e()}:void 0,style:e?{cursor:"pointer"}:void 0,title:e?u("Edit the site footer \u2192"):void 0,children:h(i,{footerBlock:r,headerSettings:l,siteName:t?.trim()||f})})}export{F as default};