@riverbankcms/sdk 0.81.0 → 0.82.0

package/dist/server/theme-bridge.mjs

@@ -879,7 +879,7 @@ var joyStamp = defineButtonPersonality({
 var pebble = defineButtonPersonality({
   id: "pebble",
   name: "Pebble",
-  description: "Generous pill buttons with a soft hover lift.",
+  description: "Generous pill buttons with a quiet colour-softening hover.",
   tags: { tone: "classic", energy: "calm", motion: "standard", era: "organic" },
   buttonSystem: {
     global: {
@@ -908,8 +908,7 @@ var pebble = defineButtonPersonality({
         borderRadius: "rounded-full",
         effects: {
           hover: [
-            { effectId: "scale-up", options: { scale: "1.03" } },
-            { effectId: "drop-shadow", options: { intensity: "medium" } }
+            { effectId: "background-on-hover-alpha", options: { colorToken: "primary", opacity: 88 } }
           ]
         }
       },
@@ -2140,6 +2139,7 @@ var themeV2CompilerOwnedFieldNames = [
   ...themeV2BlockSpecificRawStyleFieldNames
 ];
 var pageDesignEditorBackgroundOverrideOwner = "page-design-editor";
+var siteChromeBackgroundOverrideOwner = "site-chrome-editor";
 
 // ../theme-core/src/utils/tokenOrColor.ts
 import { z as z16 } from "zod";
@@ -2498,6 +2498,7 @@ var navContainerSchema = z17.object({
 }).default({ type: "none", tint: null, opacity: 0.15 });
 var headerBackgroundSchema = z17.object({
   type: z17.enum(["color", "gradient", "image"]),
+  contentOwner: z17.literal(siteChromeBackgroundOverrideOwner).optional(),
   color: tokenOrCssColorValueSchema.nullable().optional(),
   gradient: gradientConfigSchema.nullable().optional(),
   image: mediaSchema.nullable().optional(),
@@ -6941,11 +6942,11 @@ ${root} {
   --rb-testimonial-quote-weight: ${quote.weight};
   --rb-testimonial-quote-display: ${quote.display};
 
-  /* Carousel arrows (defaults: primary background + onPrimary icon) */
-  --rb-testimonial-carousel-arrow-bg: rgb(var(--tb-primary));
-  --rb-testimonial-carousel-arrow-bg-hover: rgba(var(--tb-primary), 0.85);
-  --rb-testimonial-carousel-arrow-color: rgb(var(--tb-onPrimary));
-  --rb-testimonial-carousel-arrow-border-color: rgba(var(--tb-onPrimary), 0.18);
+  /* Carousel arrows: use the secondary chip so accent-band sections retain contrast. */
+  --rb-testimonial-carousel-arrow-bg: rgb(var(--tb-secondary));
+  --rb-testimonial-carousel-arrow-bg-hover: color-mix(in oklab, rgb(var(--tb-secondary)), rgb(var(--tb-text)) 14%);
+  --rb-testimonial-carousel-arrow-color: rgb(var(--tb-onSecondary));
+  --rb-testimonial-carousel-arrow-border-color: rgba(var(--tb-onSecondary), 0.22);
   --rb-testimonial-carousel-arrow-size: 2.75rem;
   --rb-testimonial-carousel-arrow-icon-size: 1.25rem;
   --rb-testimonial-carousel-arrow-icon-stroke-width: 2.5;
@@ -10422,6 +10423,14 @@ var containerResponsiveThemeCss = `/*
   margin-inline: 0;
 }
 
+:where(.theme-scope) :where([data-block="event-registration"].event-registration--embedded) .er-container {
+  max-width: none;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+}
+
 /* Empty/unavailable states */
 :where(.theme-scope) :where([data-block="event-registration"]) .er-empty {
   border-radius: var(--rb-block-radius);
@@ -10464,13 +10473,26 @@ var containerResponsiveThemeCss = `/*
 }
 
 /* Ticket counter */
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-counter-group {
+  display: flex;
+  align-items: center;
+  gap: 0.875rem;
+  flex-wrap: wrap;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-counter {
+  gap: 0.625rem;
+}
+
 :where(.theme-scope) :where([data-block="event-registration"]) .er-counter-btn {
-  width: 2.5rem;
-  height: 2.5rem;
+  width: 2.125rem;
+  height: 2.125rem;
   border-radius: 50%;
   border: 1px solid var(--er-border);
   background: transparent;
   cursor: pointer;
+  font-size: 1rem;
+  line-height: 1;
   transition: border-color var(--rb-block-transition) ease;
 }
 
@@ -10483,6 +10505,13 @@ var containerResponsiveThemeCss = `/*
   cursor: not-allowed;
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-counter-limit {
+  margin: 0;
+  color: var(--er-on-surface-muted);
+  font-size: 0.8125rem;
+  line-height: 1.35;
+}
+
 /* Form inputs */
 :where(.theme-scope) :where([data-block="event-registration"]) .er-input {
   width: 100%;
@@ -10614,6 +10643,38 @@ var containerResponsiveThemeCss = `/*
   color: var(--er-on-surface);
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card {
+  padding: 0.75rem 0;
+  border-width: 0 0 var(--rb-event-tile-border-width, var(--rb-border-width, 1px)) 0;
+  border-style: solid;
+  border-radius: 0;
+  background: transparent;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card:last-child {
+  border-bottom-width: 0;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-option {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-option-main {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-title {
+  font-size: 1rem;
+  line-height: 1.35;
+  font-weight: 600;
+}
+
 :where(.theme-scope) :where([data-block="event-registration"]) .er-event-card .er-event-title {
   color: var(--er-on-surface);
 }
@@ -10623,6 +10684,10 @@ var containerResponsiveThemeCss = `/*
   margin: 0;
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card .er-text {
+  line-height: 1.4;
+}
+
 :where(.theme-scope) :where([data-block="event-registration"]) .er-event-card .er-text--muted {
   color: var(--er-on-surface-muted);
   opacity: 1;
@@ -10637,15 +10702,27 @@ var containerResponsiveThemeCss = `/*
   color: var(--er-on-surface-disabled);
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card--selected {
+  background: transparent;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card--selected .er-event-title {
+  color: rgb(var(--tb-primary));
+}
+
 :where(.theme-scope) :where([data-block="event-registration"]) .er-event-card--disabled .er-text--muted,
 :where(.theme-scope) :where([data-block="event-registration"]) .er-event-card--disabled .er-text--faint {
   color: var(--er-on-surface-disabled-detail);
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-capacity-badge {
+  white-space: nowrap;
+}
+
 :where(.theme-scope) :where([data-block="event-registration"]) .er-counter-value {
-  font-size: 1.5rem;
+  font-size: 1.25rem;
   font-weight: 700;
-  width: 2rem;
+  width: 1.625rem;
   text-align: center;
 }
 
@@ -10660,19 +10737,11 @@ var containerResponsiveThemeCss = `/*
   gap: 0.75rem;
 }
 
-/* Event selection cards grid (1 col mobile, 2 cols on larger screens) */
+/* Event/date selection rows */
 :where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
-  gap: 0.75rem;
-}
-
-@container rb-site (min-width: 768px) {
-@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
+  gap: 0;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-row {
@@ -11303,35 +11372,6 @@ var containerResponsiveThemeCss = `/*
   pointer-events: none;
 }
 
-:where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-  .event-card-badges,
-:where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-  .event-card-tags {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-}
-
-:where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-  .event-card-badge,
-:where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-  .event-card-tag {
-  display: inline-flex;
-  align-items: center;
-  width: fit-content;
-  padding: 0.2rem 0.6rem;
-  border-radius: 9999px;
-  font-size: 0.7rem;
-  font-weight: 600;
-  line-height: 1rem;
-  color: rgb(var(--tb-text));
-  background: rgba(var(--tb-border), 0.6);
-}
-
 /* =============================================================================
  * EventCard: Horizontal Layout (stack mode, md+ screens only)
  * ============================================================================= */
@@ -11340,7 +11380,7 @@ var containerResponsiveThemeCss = `/*
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
 :where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card[data-orientation="horizontal"] {
+    .event-card--horizontal {
     display: flex;
     flex-direction: row;
     gap: var(--rb-event-card-horizontal-gap, 1rem);
@@ -11349,7 +11389,7 @@ var containerResponsiveThemeCss = `/*
   /* Image: ~1/3 width */
   :where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card[data-orientation="horizontal"] .event-card-media {
+    .event-card--horizontal .event-card-media {
     width: var(--rb-event-card-horizontal-image-width, 33.333%);
     min-width: 200px;
     max-width: 320px;
@@ -11361,7 +11401,7 @@ var containerResponsiveThemeCss = `/*
   /* Content: fills remaining space */
   :where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card[data-orientation="horizontal"] .card-content {
+    .event-card--horizontal .card-content {
     flex: 1;
     min-width: 0;
   }
@@ -11369,7 +11409,7 @@ var containerResponsiveThemeCss = `/*
   /* Footer: row layout with button on left, capacity on right */
   :where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card[data-orientation="horizontal"] .event-card-footer {
+    .event-card--horizontal .event-card-footer {
     flex-direction: row-reverse;
     justify-content: space-between;
     align-items: center;
@@ -11378,14 +11418,14 @@ var containerResponsiveThemeCss = `/*
   /* Button: auto width */
   :where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card[data-orientation="horizontal"] .event-card-cta {
+    .event-card--horizontal .event-card-cta {
     width: auto;
   }
 
   /* Capacity: right-aligned */
   :where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card[data-orientation="horizontal"] .event-card-capacity {
+    .event-card--horizontal .event-card-capacity {
     text-align: right;
   }
 }
@@ -11453,14 +11493,14 @@ var containerResponsiveThemeCss = `/*
 }
 
 /* =============================================================================
- * Payment Step Layout (redesigned)
- * Three-area grid: main (tiles) + sidebar (portal auth) + footer (summary + actions)
+ * Payment Step Layout
+ * Main flow + optional legacy sidebar area + footer summary/actions
  * =============================================================================
  */
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout {
   display: grid;
-  gap: 1.5rem;
+  gap: 1.25rem;
   grid-template-columns: 1fr;
   grid-template-areas:
     "sidebar"
@@ -11468,6 +11508,13 @@ var containerResponsiveThemeCss = `/*
     "footer";
 }
 
+/* When no sidebar, main takes full width */
+:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout--no-sidebar {
+  grid-template-areas:
+    "main"
+    "footer";
+}
+
 @container rb-site (min-width: 768px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout {
@@ -11477,7 +11524,6 @@ var containerResponsiveThemeCss = `/*
       "footer footer";
   }
 
-  /* When no sidebar, main takes full width */
   :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout--no-sidebar {
     grid-template-columns: 1fr;
     grid-template-areas:
@@ -11491,6 +11537,10 @@ var containerResponsiveThemeCss = `/*
   grid-area: main;
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout-main > .er-portal-auth {
+  margin-bottom: 1.5rem;
+}
+
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout-sidebar {
   grid-area: sidebar;
 }
@@ -11499,7 +11549,7 @@ var containerResponsiveThemeCss = `/*
   grid-area: footer;
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: 0.875rem;
 }
 
 /* =============================================================================
@@ -11511,14 +11561,23 @@ var containerResponsiveThemeCss = `/*
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   gap: 0.75rem;
+  align-items: stretch;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tiles > [role="listitem"] {
+  min-width: 0;
+  display: flex;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile {
+  width: 100%;
+  min-height: 5.75rem;
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 0.375rem;
-  padding: 1rem 0.75rem;
+  justify-content: center;
+  gap: 0.25rem;
+  padding: 0.75rem 0.625rem;
   border: 2px solid var(--er-payment-border);
   border-radius: var(--rb-block-radius);
   background: transparent;
@@ -11601,14 +11660,14 @@ var containerResponsiveThemeCss = `/*
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile-label {
   font-weight: 500;
-  font-size: 0.9375rem;
+  font-size: 0.875rem;
   line-height: 1.2;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile-detail {
-  font-size: 0.8125rem;
+  font-size: 0.78125rem;
   color: var(--er-on-surface-subtle);
-  line-height: 1.2;
+  line-height: 1.25;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile-check {
@@ -11635,12 +11694,13 @@ var containerResponsiveThemeCss = `/*
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar {
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: flex-start;
   gap: 1rem;
-  padding: 0.875rem 1rem;
-  background: var(--er-summary-bg);
-  border: 1px solid var(--er-summary-border);
-  border-radius: var(--rb-block-radius);
+  padding: 0.875rem 0;
+  background: transparent;
+  border-top: 1px solid var(--er-summary-border);
+  border-bottom: 1px solid var(--er-summary-border);
+  border-radius: 0;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-info {
@@ -11650,19 +11710,20 @@ var containerResponsiveThemeCss = `/*
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-event {
-  font-size: 1rem;
+  font-size: 0.9375rem;
   font-weight: 600;
   margin: 0;
   line-height: 1.3;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-meta {
-  font-size: 0.875rem;
+  font-size: 0.8125rem;
   color: rgba(var(--tb-text), 0.7);
+  line-height: 1.35;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-price {
-  font-size: 1.125rem;
+  font-size: 1rem;
   font-weight: 700;
   flex-shrink: 0;
   display: block;
@@ -11683,8 +11744,9 @@ var containerResponsiveThemeCss = `/*
   justify-content: space-between;
   align-items: flex-start;
   gap: 1rem;
-  padding: 0.75rem 1rem;
-  background: rgba(var(--tb-primary-100), 0.3);
+  padding: 0.75rem 0;
+  background: transparent;
+  border-top: 1px solid var(--er-summary-border);
   border-bottom: 1px solid var(--er-summary-border);
 }
 
@@ -12865,7 +12927,8 @@ var containerResponsiveThemeCss = `/*
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 50;
+  /* Body-level modal portal baseline: clear sticky site/editor chrome unless a theme deliberately overrides it. */
+  z-index: var(--ec-modal-z-index, 20000);
   padding: 1rem;
   animation: ec-modal-fade-in 150ms ease-out;
 }
@@ -18049,7 +18112,7 @@ function validateBridgeTokens(tokens) {
   for (const [name, value] of Object.entries(tokens)) {
     if (!isSafeBridgeTokenName(name)) {
       throw new Error(
-        `[ThemeBridge] Invalid token name "${name}": token names must match ${TOKEN_NAME_PATTERN}.`
+        `[ThemeBridge] Invalid token name "${name}": token names must match ${String(TOKEN_NAME_PATTERN)}.`
       );
     }
     if (typeof value !== "string" || !isSafeBridgeTokenValue(value)) {