@riverbankcms/sdk 0.79.0 → 0.80.0

package/dist/styles/index.css

@@ -1576,40 +1576,51 @@
   }
 
   .rb-container-pad-none {
-    padding: 0;
+    --rb-card-pad: 0rem;
+    padding: var(--rb-card-pad);
   }
   .rb-container-pad-compact {
-    padding: 1rem;
+    --rb-card-pad: 1rem;
+    padding: var(--rb-card-pad);
   }
   .rb-container-pad-cozy {
-    padding: 1.5rem;
+    --rb-card-pad: 1.5rem;
+    padding: var(--rb-card-pad);
   }
   .rb-container-pad-medium {
-    padding: 1.5rem;
+    --rb-card-pad: 1.5rem;
+    padding: var(--rb-card-pad);
   }
   .rb-container-pad-comfortable {
-    padding: 2rem;
+    --rb-card-pad: 2rem;
+    padding: var(--rb-card-pad);
   }
   .rb-container-pad-spacious {
-    padding: 2.5rem;
+    --rb-card-pad: 2.5rem;
+    padding: var(--rb-card-pad);
   }
 
   @media (min-width: 640px) {
     @scope ([data-rb-responsive-mode="viewport"]) to (:scope [data-rb-responsive-mode]) {
       .rb-container-pad-compact {
-        padding: 1.5rem;
+        --rb-card-pad: 1.5rem;
+        padding: var(--rb-card-pad);
       }
       .rb-container-pad-cozy {
-        padding: 2rem;
+        --rb-card-pad: 2rem;
+        padding: var(--rb-card-pad);
       }
       .rb-container-pad-medium {
-        padding: 2rem;
+        --rb-card-pad: 2rem;
+        padding: var(--rb-card-pad);
       }
       .rb-container-pad-comfortable {
-        padding: 2.5rem;
+        --rb-card-pad: 2.5rem;
+        padding: var(--rb-card-pad);
       }
       .rb-container-pad-spacious {
-        padding: 3.5rem;
+        --rb-card-pad: 3.5rem;
+        padding: var(--rb-card-pad);
       }
     }
   }
@@ -1782,8 +1793,15 @@
   /* Shared: Site document overlay header clearance                             */
   /* -------------------------------------------------------------------------- */
 
-  :where(.theme-scope) :where([data-site-document-overlay-content='true']) :where([data-block]):first-of-type > :where([data-slot='section']) > :where(.rb-container) {
-    padding-top: calc(var(--site-overlay-header-clearance, 0px) + var(--site-overlay-opening-content-extra-pad, 0px));
+  :where(.theme-scope)
+    :where([data-site-document-overlay-content='true'])
+    :where([data-block]):first-of-type
+    > :where([data-slot='section'])
+    > :where(.rb-container) {
+    padding-top: calc(
+      var(--site-overlay-header-clearance, 0px) +
+        var(--site-overlay-opening-content-extra-pad, 0px)
+    );
   }
 
   /* -------------------------------------------------------------------------- */
@@ -1869,6 +1887,22 @@
     }
   }
 
+  /* -------------------------------------------------------------------------- */
+  /* Header: Mobile floating/glass backing                                      */
+  /* -------------------------------------------------------------------------- */
+
+  :where(.theme-scope) .header-variant-floating .header-mobile-bar {
+    align-items: flex-start;
+    margin-top: 0.75rem;
+  }
+
+  :where(.theme-scope) .header-variant-floating .nav-mobile-toggle {
+    border: 1px solid rgb(var(--tb-border) / 0.82);
+    background: rgb(var(--tb-surface) / 0.96);
+    color: rgb(var(--tb-text));
+    box-shadow: 0 10px 28px rgb(var(--tb-neutral-950) / 0.12);
+  }
+
   /*
  * Theme Scope Styles
  *
@@ -2797,6 +2831,56 @@
     transition: height 300ms var(--motion-ease, ease);
   }
 
+  :where(.theme-scope) .header-logo-size-compact.rb-header-logo-sm {
+    height: 2rem;
+  }
+  :where(.theme-scope) .header-logo-size-compact.rb-header-logo-lg {
+    height: 2.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-standard.rb-header-logo-sm {
+    height: 2.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-standard.rb-header-logo-lg {
+    height: 3rem;
+  }
+  :where(.theme-scope) .header-logo-size-generous.rb-header-logo-sm {
+    height: 3.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-generous.rb-header-logo-lg {
+    height: 4.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-display.rb-header-logo-sm {
+    height: 7.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-display.rb-header-logo-lg {
+    height: 8rem;
+  }
+
+  :where(.theme-scope) .header-logo-accommodation-plate,
+  :where(.theme-scope) .header-logo-accommodation-centered-badge,
+  :where(.theme-scope) .header-logo-accommodation-popout-badge,
+  :where(.theme-scope) .header-logo-accommodation-centered-masthead {
+    border-radius: var(--radius-md, 0.5rem);
+    background: var(--color-surface, #fff);
+    box-shadow: var(--shadow-sm, 0 1px 2px rgb(0 0 0 / 0.08));
+    padding: 0.5rem;
+  }
+
+  :where(.theme-scope) .header-logo-accommodation-popout-badge {
+    position: relative;
+    z-index: 1;
+    margin-block: -0.35rem -0.9rem;
+  }
+
+  :where(.theme-scope)
+    .header-logo-size-display.header-logo-accommodation-popout-badge {
+    margin-block: -0.75rem -2rem;
+  }
+
+  :where(.theme-scope) .header-logo-accommodation-centered-masthead {
+    padding: 0.75rem 1rem;
+  }
+
   /* Site title base font size (replaces rb-text-lg / rb-text-xl utilities) */
   :where(.theme-scope) .header-logo-text {
     font-size: 1.125rem; /* matches rb-text-lg */
@@ -2833,11 +2917,43 @@
   :where(.theme-scope) .rb-header-shrink.header-scrolled .rb-header-logo-lg {
     height: 2.5rem;
   }
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled
+    .header-logo-size-generous.rb-header-logo-sm {
+    height: 2.75rem;
+  }
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled
+    .header-logo-size-generous.rb-header-logo-lg {
+    height: 3.25rem;
+  }
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled
+    .header-logo-size-display.rb-header-logo-sm,
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled
+    .header-logo-size-display.rb-header-logo-lg {
+    height: 5rem;
+  }
   :where(.theme-scope) .rb-header-shrink.header-scrolled .header-logo-text {
     font-size: 0.875rem;
   }
 
   @media (max-width: 767px) {
+    :where(.theme-scope) .header-logo-size-generous.rb-header-logo-sm,
+    :where(.theme-scope) .header-logo-size-generous.rb-header-logo-lg {
+      height: 3rem;
+    }
+
+    :where(.theme-scope) .header-logo-size-display.rb-header-logo-sm,
+    :where(.theme-scope) .header-logo-size-display.rb-header-logo-lg {
+      height: 5.5rem;
+    }
+
+    :where(.theme-scope) .header-logo-accommodation-popout-badge {
+      margin-block: 0;
+    }
+
     :where(.theme-scope) .rb-header-shrink.header-scrolled .header-logo-text {
       font-size: 0.75rem;
     }
@@ -7611,11 +7727,13 @@
 }
 
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonial-quote {
+  display: var(--rb-testimonial-quote-display, block);
+  font-family: var(--rb-testimonial-quote-font, inherit);
   font-size: var(--rb-testimonial-quote-size);
   line-height: 1;
-  font-weight: 700;
+  font-weight: var(--rb-testimonial-quote-weight, 700);
   opacity: var(--rb-testimonial-quote-opacity);
-  color: rgb(var(--tb-primary));
+  color: var(--rb-testimonial-quote-color, rgb(var(--tb-primary)));
 }
 
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-accent-quote .rb-testimonial-quote {
@@ -7624,6 +7742,59 @@
   opacity: 1;
 }
 
+/* Open editorial testimonial card: boxless, with a hairline rule before the
+ * attribution, an accent ring on the avatar, and comfortable prose. The quote
+ * mark itself is owned by the site-style quote treatment (see the
+ * --rb-testimonial-quote-* vars), not by these rules.
+ *
+ * `editorial-open` is the current non-carded look; `editorial-serif-quote` is
+ * retained for content saved before the decomposition. */
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonial-card.rb-card-treatment-editorial-open,
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonial-card.rb-card-treatment-editorial-serif-quote {
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  padding: 0.25rem clamp(0.5rem, 1.5vw, 1.5rem);
+}
+
+/* styledCard always renders an inner white rb-bg-surface fill layer; a boxless
+ * card must clear it so the section band shows through (otherwise: white box). */
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-open > .rb-bg-surface,
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-serif-quote > .rb-bg-surface {
+  background: transparent;
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-open .rb-prose,
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-serif-quote .rb-prose {
+  font-size: 1.0625rem;
+  line-height: 1.7;
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-open .rb-testimonial-attribution,
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-serif-quote .rb-testimonial-attribution {
+  margin-top: 1.25rem;
+  padding-top: 1.25rem;
+  border-top: 1px solid rgba(var(--tb-border), 0.75);
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-open .rb-testimonial-avatar,
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-serif-quote .rb-testimonial-avatar {
+  box-shadow:
+    0 0 0 2px rgb(var(--tb-surface)),
+    0 0 0 4px rgba(var(--tb-primary), 0.3);
+}
+
+
+/* Split grid: title column + cards. On desktop the title takes one quarter and
+ * the cards fill the remaining three quarters (so title + 3 cards each read as
+ * a quarter). Stacks on mobile. */
+@media (min-width: 1024px) {
+  :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-split-grid {
+    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
+    align-items: start;
+  }
+}
+
 
 /* Testimonials carousel tweaks: arrow styling + gutters + equal-height cards */
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-carousel.carousel-root .carousel-nav-btn {
@@ -9103,10 +9274,10 @@
 
 :where(.theme-scope) .event-compact-row {
   display: grid;
-  grid-template-columns: clamp(5.5rem, 8vw, 8rem) minmax(0, 1fr) clamp(15rem, 24vw, 21rem);
+  grid-template-columns: clamp(5rem, 7vw, 7rem) minmax(0, 1fr) clamp(15rem, 24vw, 21rem);
   align-items: center;
-  min-height: 8.75rem;
-  padding: 1.55rem clamp(1.5rem, 3vw, 2.6rem);
+  min-height: 6.75rem;
+  padding: 1.35rem clamp(1.5rem, 3vw, 2.6rem);
   border-bottom: 1px solid var(--event-compact-divider-color);
   transition: background-color 150ms ease;
 }
@@ -9145,10 +9316,10 @@
 :where(.theme-scope) .event-compact-row-date-day {
   display: grid;
   place-items: center;
-  min-block-size: clamp(2.7rem, 4.5vw, 3.7rem);
+  min-block-size: clamp(2rem, 3vw, 2.6rem);
   color: rgb(var(--tb-text, 17 24 39));
   font-family: var(--font-heading, var(--font-body, inherit));
-  font-size: clamp(2.3rem, 4.2vw, 3.35rem);
+  font-size: clamp(1.7rem, 1.35rem + 1.1vw, 2.35rem);
   font-weight: 400;
   line-height: 1;
 }
@@ -9168,9 +9339,10 @@
   margin: 0;
   color: rgb(var(--tb-text, 17 24 39));
   font-family: var(--font-heading, var(--font-body, inherit));
-  font-size: clamp(1.55rem, 2.6vw, 2.4rem);
+  /* Row titles sit at the theme's h3 scale so section headings stay dominant */
+  font-size: var(--fs-h3-fluid, clamp(1.1rem, 1rem + 0.7vw, 1.5rem));
   font-weight: 400;
-  line-height: 1.05;
+  line-height: 1.2;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -9282,7 +9454,7 @@
   }
 
   :where(.theme-scope) .event-compact-row-date-day {
-    font-size: 2.35rem;
+    font-size: 1.85rem;
   }
 
   :where(.theme-scope) .event-compact-row-content {
@@ -9292,7 +9464,7 @@
   }
 
   :where(.theme-scope) .event-compact-row-title {
-    font-size: clamp(1.35rem, 8vw, 1.9rem);
+    font-size: clamp(1.15rem, 5vw, 1.35rem);
     white-space: normal;
   }
 
@@ -9375,19 +9547,23 @@
  * =============================================================================
  */
 
-:where(.theme-scope) .rb-heading-decoration {
+/*
+ * The mark sits inside a full-width block row so it inherits the heading group's
+ * `text-align`: a centred heading centres the mark, a left-aligned heading keeps
+ * it at the start. The heading stacks are flexbox, where `text-align` positions
+ * inline content but not flex items — so the row (a stretched block flex item)
+ * is what carries the alignment, and the inline-block mark follows it. Alignment
+ * is never configured directly; it follows the heading.
+ */
+:where(.theme-scope) .rb-heading-decoration-row {
   display: block;
-  flex: 0 0 auto;
-  pointer-events: none;
-}
-
-:where(.theme-scope) .rb-heading-decoration-placement-after-heading {
+  width: 100%;
   margin-top: 0.35rem;
+  pointer-events: none;
 }
 
-:where(.theme-scope) .rb-heading-decoration-placement-under-centered-heading {
-  margin-left: auto;
-  margin-right: auto;
+:where(.theme-scope) .rb-heading-decoration {
+  display: inline-block;
 }
 
 :where(.theme-scope) .rb-heading-decoration-organic-squiggle {
@@ -9487,3 +9663,94 @@
 }
 
 
+/* =============================================================================
+ * Shared: Card treatments
+ *
+ * Visual treatments referenced from `_cardStyles.treatment` (see
+ * cardStylesOverrideSchema). Class names are emitted by the boxStyles
+ * transform in @riverbankcms/blocks.
+ *
+ * Also contains feature-card media/padding behaviour shared by all looks:
+ * - card images bleed to the card edges (flush photo tops)
+ * - card-level padding replaces the content stack's fallback padding so the
+ *   two never stack up
+ * ============================================================================= */
+
+/* --- Feature card media + padding behaviour (all looks) -------------------- */
+
+/*
+ * When a look gives the card real padding (rb-container-pad-*), the image
+ * bleeds to the card edges and the inner content stack drops its fallback
+ * padding so insets don't double up.
+ */
+:where(.theme-scope) .rb-feature-card[class*="rb-container-pad-"]:not(.rb-container-pad-none) > .rb-feature-card-media {
+  width: calc(100% + 2 * var(--rb-card-pad, 0rem));
+  max-width: none;
+  margin: calc(-1 * var(--rb-card-pad, 0rem)) calc(-1 * var(--rb-card-pad, 0rem)) 0;
+}
+
+:where(.theme-scope) .rb-feature-card[class*="rb-container-pad-"]:not(.rb-container-pad-none) > .rb-feature-card-media + .rb-feature-card-content {
+  margin-top: 1.4rem;
+}
+
+:where(.theme-scope) .rb-feature-card[class*="rb-container-pad-"]:not(.rb-container-pad-none) > .rb-feature-card-content {
+  padding: 0;
+}
+
+/* --- Soft panel ------------------------------------------------------------ */
+
+:where(.theme-scope) .rb-card-treatment-soft-panel {
+  transition: transform 250ms ease, box-shadow 250ms ease;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :where(.theme-scope) .rb-card-treatment-soft-panel:hover {
+    transform: translateY(-3px);
+    box-shadow: 0 0.875rem 1.875rem rgba(var(--tb-shadow, 0 0 0), 0.1);
+  }
+}
+
+:where(.theme-scope) .rb-card-treatment-soft-panel .cta-row .button-ghost {
+  padding-inline: 0;
+}
+
+/* --- Editorial rule --------------------------------------------------------- */
+
+/*
+ * Boxless open column: no background, no border box, a short brand rule
+ * sitting on a full-width hairline at the top of the column.
+ */
+:where(.theme-scope) .rb-card-treatment-editorial-rule {
+  margin-top: 1rem;
+  border-top: 1px solid
+    color-mix(in oklab, rgb(var(--tb-border, 229 231 235)), transparent 25%);
+}
+
+:where(.theme-scope) .rb-card-treatment-editorial-rule > .rb-bg-surface {
+  background: transparent;
+}
+
+:where(.theme-scope) .rb-card-treatment-editorial-rule::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 2.75rem;
+  height: 2px;
+  background: rgb(var(--tb-primary, 0 0 0));
+}
+
+:where(.theme-scope) .rb-card-treatment-editorial-rule > .rb-feature-card-media {
+  margin-top: 1.6rem;
+  border-radius: calc(var(--rb-block-radius, 0.75rem) * 0.5);
+}
+
+:where(.theme-scope) .rb-card-treatment-editorial-rule > .rb-feature-card-content {
+  padding: 1.6rem 0 0.25rem;
+}
+
+:where(.theme-scope) .rb-card-treatment-editorial-rule .cta-row .button-ghost {
+  padding-inline: 0;
+}
+
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riverbankcms/sdk",
-  "version": "0.79.0",
+  "version": "0.80.0",
   "description": "Riverbank CMS SDK for headless content consumption",
   "main": "./dist/server/index.mjs",
   "module": "./dist/server/index.mjs",

package/dist/SdkPreviewModeRuntime-H4BSP6E7.mjs

@@ -1,8 +0,0 @@
-"use client";
-export { SdkPreviewModeRuntime } from './chunk-4HCW7FHJ.mjs';
-import './chunk-A3HHFKVT.mjs';
-import './chunk-LCY32PXF.mjs';
-import './chunk-GP555I66.mjs';
-import './chunk-V47ZU33I.mjs';
-import './chunk-K2IIF34C.mjs';
-import './chunk-R7POPVJR.mjs';