@homefile/components-v2 2.60.1 → 2.60.2
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.
|
@@ -59,7 +59,13 @@ state = 'unverified', link, onAction, actionLabel, }) => {
|
|
|
59
59
|
// States drawn as a typographic glyph rather than an image asset. Both are
|
|
60
60
|
// punctuation the brand face already carries, so neither needs an icon file.
|
|
61
61
|
const glyph = state === 'recall' ? '!' : state === 'unverified' ? '?' : '';
|
|
62
|
-
|
|
62
|
+
// Band height is 64px, down from the XD's 76px (Matt, 2026-09-21) — it read as
|
|
63
|
+
// too deep above the item card in the live panel. Nothing else drove that
|
|
64
|
+
// height: the badge is 45px and two lines of 16px/20px copy are 40px, so 76px
|
|
65
|
+
// was a floor with ~15px of dead space above and below. 64px leaves ~9px
|
|
66
|
+
// around the badge and still clears two lines without clipping. Below ~53px
|
|
67
|
+
// the badge would start touching the edges.
|
|
68
|
+
return (_jsxs(Flex, { align: "center", gap: "10px", minH: "64px", pl: "10px", pr: "base", bg: s.bg, mt: "2px", children: [_jsx(Flex, { align: "center", justify: "center", flexShrink: 0, boxSize: "45px", borderRadius: "full", bg: s.badge, children: glyph ? (
|
|
63
69
|
// Typographic glyph sized to the internal icon (29px): "!" for
|
|
64
70
|
// recall, "?" for unverified. Recall keeps extra-bold white on its
|
|
65
71
|
// saturated badge; unverified is exact XD — Poppins SemiBold (600)
|