efficient-storefront-blocks 0.37.1 → 0.39.0
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/CHANGELOG.md +43 -0
- package/dist/index.js +36 -36
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,48 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.39.0 — 2026-10-16
|
|
4
|
+
|
|
5
|
+
- **The sheet draws Stick to top** (card [ADD] Every Section Can Stick To The
|
|
6
|
+
Top; design approved by Lewis via GG 2026-10-16:
|
|
7
|
+
https://claude.ai/artifact/SBVRLY6L5NQn5gvN1GRqzH). efficient-web-builder
|
|
8
|
+
wraps a section or card that sticks in `.sf-section-stick` with
|
|
9
|
+
`--sf-stick-distance` (and `-phone`); `app/globals.css` now pins it under
|
|
10
|
+
the live header height plus that distance, at the screen top when the
|
|
11
|
+
header does not stay pinned (`data-header-sticky` "none" / "on_scroll_up"),
|
|
12
|
+
with the phone's own answer below 720px. What follows a pin slides over it,
|
|
13
|
+
through a `:where()` rule that weighs nothing, so a follower's own position
|
|
14
|
+
(the Category bar's sticky) wins. Nothing matches on a page with no pin.
|
|
15
|
+
Measured in Chrome on a test page with this block: a section at 20px stops
|
|
16
|
+
at 82px under a 62px header and the next section covers it; a following
|
|
17
|
+
sticky bar keeps its pin; on a phone the cards stack at 62 / 82px and on a
|
|
18
|
+
desktop they scroll. The rows that set it come with efficient-web-builder
|
|
19
|
+
#133 (Unreleased, 18.x). Guard: `scripts/test-section-sticky-css.ts`.
|
|
20
|
+
|
|
21
|
+
## 0.38.0 — 2026-10-16
|
|
22
|
+
|
|
23
|
+
- **A left/right SET card draws the left wheel and its right-hand twin, and
|
|
24
|
+
the /wheels listing draws the same SET card** (Lewis approved the design on
|
|
25
|
+
2026-10-16, GG's four points; Stealth on hartesmetal.com). Measured live
|
|
26
|
+
before: both wheels were the same LEFT render; on a 390 phone each wheel was
|
|
27
|
+
104px, because the plate's inline `width` beat its `max-[800px]:w-[252px]`;
|
|
28
|
+
the listing drew Stealth as a one-slot "each" card; the price read "the
|
|
29
|
+
set" under a per-wheel figure.
|
|
30
|
+
- The second wheel is `Finish.srcRight` (efficient-backend #3297; contract
|
|
31
|
+
efficient-storefront #1692; `lib/api/types.ts` regenerated), only when the
|
|
32
|
+
first wheel is that finish's own `src` (`setSecondSrc`, `lib/wheels/set-mode`).
|
|
33
|
+
With no twin the band draws the first picture twice, as before.
|
|
34
|
+
- Phone (option A): each plate is the band's full width, stacked and level.
|
|
35
|
+
The 38px shift and `SET_PHONE_SHIFT_PX` are gone. The side-by-side width
|
|
36
|
+
rides `--sf-set-plate-w`, so the phone class can replace it.
|
|
37
|
+
- `PlpCard` uses the shared set rules: two slots (`wide`), the Set chip
|
|
38
|
+
(`withSetChip`, one copy now), the set words in the accent, the right-hand
|
|
39
|
+
twin, and its plate gap follows the listing gutter (`setGridGap`).
|
|
40
|
+
- Price word: `PER_WHEEL_UNIT` ("per wheel"), also read by the product page.
|
|
41
|
+
- ⚠️ Storefront: `scripts/test-set-card-two-slots.tsx` imports
|
|
42
|
+
`SET_PHONE_SHIFT_PX` and pins the 38px classes; the bump to 0.38.0 must
|
|
43
|
+
move it to option A.
|
|
44
|
+
Guard: `scripts/test-set-card-right-wheel.tsx`.
|
|
45
|
+
|
|
3
46
|
## 0.37.1 — 2026-10-16
|
|
4
47
|
|
|
5
48
|
- **The Customer Photo Grid shows or hides each part of its tiles, per
|