@sarimarcus/content-sites-ui 0.42.0 → 0.42.1

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All packages in the platform release in lockstep; entries are per release version.
 
+## 0.42.1 (2026-10-21)
+
+- `composed`: `EntityCard` gains `footerDivider` (default `true`, the hairline above the footer row); every existing caller renders identically. `editorial`: `PersonCard` and the featured full-story card of `PersonPage` pass `false`, so the divider above the CTA is gone on person cards (SLA-3303).
+
 ## 0.42.0 (2026-10-21)
 
 - `editorial`: `PersonPage` is rebuilt biography first: a `ContentHero` (warm, editorial overlay, short) with the role badges and `EraChip` in its badges slot, a lifespan line ("Lived c. 1138–1204 (about 66 years)", or "Born"/"Died" with one known year) and a monogram panel when there is no image; a key-facts strip (aliases, optional `contextFact`); the bio with a lead first paragraph at a 65ch measure; a `TableOfContents` only past four bio paragraphs; a featured full-story card (`fullStory.title`, else the old link line); places to see; the era timeline; then read more, capped at `readMoreLimit` (default 4). New optional props: `birthYear`, `deathYear`, `circa`, `lifespan`, `aliases`, `aliasesLabel`, `contextFact`, `monogram`, `fullStoryHeading`, `readMoreLimit`, `tocLabels`; `fullStory` gains `title`, `summary`, `image`, `fallbackSrc`, `imageAlt`. `PersonCard` gains `knownFor` (replaces the description line), `eraLabel` and a monogram tile when there is no image. New `monogram()` helper, internal `PersonSection` and `CardPlaceholder`; `RoleBadge` and `EraChip` gain `onImage`. `composed`: `QuickFacts` gains `variant="strip"`, an optional `icon` and `pagefindIgnore`; its other variants render identically. `layout`: `ContentHero` gains `monogram`, a dark panel with the initials when no image is set; existing heroes render identically. Copy defaults in `LABELS.personPage` (`lifespan`, `born`, `died`, `alsoKnownAs`, `fullStoryHeading`, `tocLabels`) (SLA-3290).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sarimarcus/content-sites-ui",
-  "version": "0.42.0",
+  "version": "0.42.1",
   "description": "Universal Astro UI components, layout shell and design tokens shared by the content sites.",
   "type": "module",
   "license": "MIT",
@@ -50,6 +50,6 @@
     "@lucide/astro": "^1.23.0",
     "astro": "^7.0.6",
     "tailwindcss": "^4.1.18",
-    "@sarimarcus/content-sites-core": "0.42.0"
+    "@sarimarcus/content-sites-core": "0.42.1"
   }
 }

package/src/composed/EntityCard.astro

@@ -17,6 +17,7 @@
  *   tone                 — 'primary' or 'accent': the article border and the focus ring.
  *   footer               — false drops the footer row (a card whose CTA ends its body).
  *   footerJustify        — 'between' (meta start, CTA end) or 'end' (CTA only).
+ *   footerDivider        — false drops the hairline above the footer row.
  * Without `image`, `fallbackSrc` renders an <img>; without that too, the `fallback` slot renders (nothing if absent).
  * Under prefers-reduced-motion the hover zoom is cancelled.
  *
@@ -48,6 +49,7 @@ interface Props {
   tone?: 'primary' | 'accent';
   footer?: boolean;
   footerJustify?: 'between' | 'end';
+  footerDivider?: boolean;
   class?: string;
 }
 
@@ -64,6 +66,7 @@ const {
   tone = 'primary',
   footer = true,
   footerJustify = 'between',
+  footerDivider = true,
   class: className,
 } = Astro.props;
 
@@ -81,9 +84,10 @@ const linkClass = poster
 const mediaClass = `relative ${media} overflow-hidden img-placeholder shrink-0`;
 const contentClass = poster ? 'p-4 sm:p-5 flex flex-col flex-1' : 'flex-1 p-4 sm:p-5 flex flex-col';
 const justify = footerJustify === 'end' ? 'justify-end' : 'justify-between';
+const divider = footerDivider ? ' border-t border-border' : '';
 const footerClass = poster
-  ? `flex items-center ${justify} pt-3 border-t border-border mt-auto`
-  : `flex items-center ${justify} pt-3 border-t border-border`;
+  ? `flex items-center ${justify} pt-3${divider} mt-auto`
+  : `flex items-center ${justify} pt-3${divider}`;
 // motion-reduce:group-hover:scale-100 has group-hover:scale-105's specificity and compiles after it, so it wins.
 const imgClass = 'w-full h-full object-cover transition-transform duration-500 group-hover:scale-105 motion-reduce:group-hover:scale-100';
 const loading = index < eager ? 'eager' : 'lazy';

package/src/editorial/PersonCard.astro

@@ -73,6 +73,7 @@ const initials = monogram ?? initialsOf(name);
   eager={eager}
   sizes={sizes}
   footerJustify="end"
+  footerDivider={false}
   class={className}
 >
   {initials && (

package/src/editorial/PersonPage.astro

@@ -240,6 +240,7 @@ const heroMonogram = image || fallbackSrc ? undefined : (monogram ?? initialsOf(
               fallbackSrc={fullStory.fallbackSrc}
               imageAlt={fullStory.imageAlt ?? fullStory.title ?? ''}
               footerJustify="end"
+              footerDivider={false}
             >
               <CardPlaceholder slot="fallback"><Icon name="book-open" class="size-10 text-primary/70" /></CardPlaceholder>
               <h3 class="text-xl font-display font-semibold text-foreground">{fullStory.title}</h3>