@riverbankcms/sdk 0.139.0 → 0.141.0

package/dist/server/theme.mjs

@@ -1335,7 +1335,7 @@ const BUTTON_CONTRAST_POLICY = {
 	nonTextMinimumRatio: 3,
 	gradientSamplesPerSegment: 20,
 	alphaBackgrounds: "reject-without-known-surface",
-	disabled: "retain-full-colour-contract"
+	disabled: "validated-colour-pair-with-muted-control-opacity"
 };
 function validateButtonSurfaceContrast(input) {
 	const ratio = contrastRatio(input.buttonPaint, input.surfaceHex);
@@ -4866,8 +4866,14 @@ const headerInteractionPillPaletteValues = [
 	"accent"
 ];
 /**
-* "No pill": the nav link keeps whatever hover treatment its recipe compiled,
-* and the palette step writes nothing at all (#1318 Phase 4c decision 2).
+* "No pill": a colour change on hover rather than a filled background.
+*
+* The palette step writes nothing (#1318 Phase 4c decision 2), but on a
+* foreground-adaptive style that is not the end of the story: the hover colour
+* is derived from the resolved opening foreground at render time, paired with
+* the resting colour, so `quiet` resolves to a definite colour rather than to
+* whatever brand token the recipe happened to name. See
+* `applyOpeningForeground`.
 *
 * It exists because "a colour change on hover, no filled background" was not
 * expressible in the vocabulary, and it is what

package/dist/styles/index.css

@@ -792,10 +792,19 @@
     padding-top: 2.5rem;
     padding-bottom: 2.5rem;
   }
+  /* Clearance for a surface that is not an authored block page.
+     An authored page gets this through its opening block's container (see the
+     overlay-clearance rule in styles.css). A reserved surface or a system
+     destination page has no such block, so it consumes the same variable here.
+     Marked with one class rather than per-surface selectors, because the last
+     two additions to this family were both missed and shipped overlapping. */
   :where(.theme-scope)
     [data-site-document-layout-mode="header-overlay"]
-    [data-rb-reserved-surface].rb-reserved-surface-main {
-    padding-top: calc(var(--rb-reserved-surface-header-offset, 5.5rem) + 2.5rem);
+    .rb-overlay-clearance-surface {
+    padding-top: calc(
+      var(--site-overlay-header-clearance, 5.5rem) +
+        var(--site-overlay-opening-content-extra-pad, clamp(1rem, 2vw, 1.75rem))
+    );
   }
   .rb-preview-editor-offset {
     padding-bottom: calc(
@@ -9693,7 +9702,6 @@
 }
 
 
-
 /* =============================================================================
  * Block: Customer Portal
  * Uses --cp-* CSS variables (Tier 3)
@@ -9741,7 +9749,9 @@
   text-align: left;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-login__subtitle {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-login__subtitle {
   color: var(--cp-muted);
   font-size: 0.9375rem;
   text-align: left;
@@ -9768,7 +9778,9 @@
   text-align: left;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-login__reset-link {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-login__reset-link {
   appearance: none;
   background: none;
   border: 0;
@@ -9782,11 +9794,15 @@
   text-underline-offset: 0.15em;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-login__reset-link:hover {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-login__reset-link:hover {
   color: var(--cp-text);
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-login__reset-link:focus-visible {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-login__reset-link:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 3px;
 }
@@ -9831,7 +9847,9 @@
   border-bottom: none;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-header__welcome {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-header__welcome {
   font-size: 1.125rem;
   font-weight: 500;
 }
@@ -9847,8 +9865,14 @@
 }
 
 @keyframes cp-fade-in {
-  from { opacity: 0; transform: translateY(4px); }
-  to { opacity: 1; transform: translateY(0); }
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 /* Empty state */
@@ -9937,6 +9961,75 @@
   margin-top: 1rem;
 }
 
+/* Event waitlists */
+:where(.theme-scope) :where([data-block="customer-portal"]) .cp-waitlist-list {
+  display: grid;
+  gap: 1rem;
+}
+
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-waitlists
+  > .cp-alert {
+  margin-bottom: 1rem;
+}
+
+:where(.theme-scope) :where([data-block="customer-portal"]) .cp-waitlist-card {
+  transition:
+    border-color 180ms ease,
+    box-shadow 180ms ease;
+}
+
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-waitlist-card--focused {
+  border-color: var(--cp-primary);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cp-primary) 22%, transparent);
+}
+
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-waitlist-card__summary,
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-waitlist-card__position {
+  font-weight: 600;
+}
+
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-waitlist-card
+  .cp-card-body
+  p {
+  margin: 0.4rem 0;
+}
+
+@media (max-width: 640px) {
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-waitlist-card
+    .cp-card-header {
+    flex-direction: column-reverse;
+  }
+
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-waitlist-card
+    .cp-card-actions {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-waitlist-card
+    .cp-card-actions
+    > * {
+    justify-content: center;
+    text-align: center;
+  }
+}
+
 /* Badge */
 :where(.theme-scope) :where([data-block="customer-portal"]) .cp-badge {
   display: inline-flex;
@@ -10073,11 +10166,18 @@
   background: rgba(var(--tb-border), 0.2);
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-table tbody tr:last-child td {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-table
+  tbody
+  tr:last-child
+  td {
   border-bottom: none;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) :is(.cp-row--past, .cp-row--muted) {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  :is(.cp-row--past, .cp-row--muted) {
   opacity: 0.65;
 }
 
@@ -10090,7 +10190,9 @@
   line-height: 1.2;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-title__badges {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-row-title__badges {
   margin-left: auto;
   display: flex;
   flex-wrap: wrap;
@@ -10098,7 +10200,9 @@
   gap: 0.375rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-title__text {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-row-title__text {
   min-width: 0;
 }
 
@@ -10118,12 +10222,16 @@
   line-height: 1.35;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-note--success {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-row-note--success {
   border-left-color: rgb(var(--tb-success));
   color: rgb(var(--tb-success));
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-note--error {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-row-note--error {
   border-left-color: rgb(var(--tb-destructive));
   color: rgb(var(--tb-destructive));
 }
@@ -10142,16 +10250,23 @@
   white-space: nowrap;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-col-actions .btn-sm {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-col-actions
+  .btn-sm {
   white-space: nowrap;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-title__link {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-row-title__link {
   color: inherit;
   text-decoration: none;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-title__link:hover {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-row-title__link:hover {
   text-decoration: underline;
   text-decoration-thickness: 2px;
   text-underline-offset: 2px;
@@ -10173,7 +10288,9 @@
 }
 
 /* Profile actions */
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-profile__actions {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-profile__actions {
   display: flex;
   gap: 0.75rem;
   margin-top: 1rem;
@@ -10240,28 +10357,39 @@
   gap: 0.375rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-guest-edit-row__index {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-guest-edit-row__index {
   font-size: 0.75rem;
   font-weight: 500;
   color: var(--cp-muted);
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-guest-edit-row__fields {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-guest-edit-row__fields {
   display: flex;
   gap: 0.5rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-guest-edit-row__fields input {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-guest-edit-row__fields
+  input {
   flex: 1;
   min-width: 0;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-guest-edit-row__error {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-guest-edit-row__error {
   font-size: 0.75rem;
   color: var(--cp-error);
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-guests__actions {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-guests__actions {
   display: flex;
   gap: 0.5rem;
   margin-top: 0.5rem;
@@ -10275,13 +10403,18 @@
 }
 
 /* In the actions modal, tiles sit on a surface modal, so use "background" for contrast. */
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-actions-list :where(.rb-tile) {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-actions-list
+  :where(.rb-tile) {
   --rb-event-tile-bg: rgb(var(--tb-background));
   --rb-event-tile-border: rgb(var(--tb-border));
 }
 
 /* Actions trigger: icon-only kebab button */
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-actions-trigger.btn-sm {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-actions-trigger.btn-sm {
   padding: 0.35rem !important;
   line-height: 1 !important;
   min-width: 32px;
@@ -10305,17 +10438,24 @@
   gap: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-action-tile__title {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-action-tile__title {
   font-weight: 600;
   font-size: 0.9375rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-action-tile__desc {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-action-tile__desc {
   font-size: 0.875rem;
   line-height: 1.35;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-action-tile--danger .cp-action-tile__title {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-action-tile--danger
+  .cp-action-tile__title {
   color: rgb(var(--tb-destructive));
 }
 
@@ -10337,7 +10477,9 @@
   text-decoration: underline;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-btn--link:hover {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-btn--link:hover {
   color: var(--cp-primary-hover);
 }
 
@@ -10376,34 +10518,48 @@
   margin-top: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-cancel-confirm__title {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-cancel-confirm__title {
   font-weight: 600;
   margin-bottom: 0.5rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-cancel-confirm__message {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-cancel-confirm__message {
   margin-bottom: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-cancel-confirm__warning {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-cancel-confirm__warning {
   margin-bottom: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-cancel-confirm__actions {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-cancel-confirm__actions {
   display: flex;
   gap: 0.75rem;
 }
 
 /* Membership actions */
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-membership-actions {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-membership-actions {
   margin-top: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-section-actions {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-section-actions {
   margin-top: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-card-subtitle--spaced {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-card-subtitle--spaced {
   margin-top: 0.75rem;
 }
 
@@ -10426,9 +10582,18 @@
     display: none;
   }
 
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-table :is(th, td).cp-col-guests,
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-table :is(th, td).cp-col-tickets,
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-table :is(th, td).cp-col-actions {
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-table
+    :is(th, td).cp-col-guests,
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-table
+    :is(th, td).cp-col-tickets,
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-table
+    :is(th, td).cp-col-actions {
     display: none;
   }
 
@@ -10437,24 +10602,34 @@
   }
 
   /* Make the cell a positioning context for the kebab */
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-row > td:first-child {
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-row
+    > td:first-child {
     position: relative;
     padding-right: 2.5rem;
   }
 
   /* Position kebab in top-right of the cell */
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-mobile-actions {
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-row-mobile-actions {
     position: absolute;
     top: 0.5rem;
     right: 0.5rem;
     margin-top: 0;
   }
 
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-mobile-actions .btn-sm {
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-row-mobile-actions
+    .btn-sm {
     width: auto;
   }
 
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-profile__edit {
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-profile__edit {
     align-self: stretch;
   }
 }
@@ -10904,6 +11079,47 @@
   gap: 0.25rem;
 }
 
+/* Topic choices (visitor picks what to hear about). Same treatment as the
+   form block's .fb-fieldset / .fb-inline, defined here because the newsletter
+   form also renders inside contact-newsletter and the site footer. */
+:where(.theme-scope) .newsletter-topics {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  border: none;
+  padding: 0;
+  margin: 0;
+  min-width: 0;
+}
+
+:where(.theme-scope) .newsletter-topics > legend {
+  padding: 0;
+  margin-bottom: 0.25rem;
+}
+
+:where(.theme-scope) .newsletter-topic-choice {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+/* Error panel and field notes. The form block scopes these to its own
+   data-block, so the newsletter form (which also renders in the footer)
+   needs its own copy of the treatment. */
+:where(.theme-scope) .newsletter-form .fb-error:not([data-field-validation-message]) {
+  background-color: var(--fb-error-bg);
+  color: var(--fb-error-text);
+  border: 1px solid var(--fb-error-border);
+  border-radius: var(--rb-block-radius);
+  padding: 1rem;
+  font-size: 0.875rem;
+}
+
+:where(.theme-scope) .newsletter-form [data-field-validation-message] {
+  font-size: 0.875rem;
+  color: var(--fb-error-text);
+}
+
 /* Required indicator */
 :where(.theme-scope) .newsletter-required {
   color: rgb(var(--tb-primary));
@@ -10953,6 +11169,10 @@
   flex-shrink: 0;
 }
 
+:where(.theme-scope) .newsletter-inline .newsletter-topics {
+  flex-basis: 100%;
+}
+
 /* Mobile fallback for inline variant */
 @media (max-width: 640px) {
   :where(.theme-scope) .newsletter-inline .newsletter-form-fields {

package/package.json

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

package/dist/_dts/blocks/src/system/runtime/shared/components/BookingOptionCompactRow.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { type ThemeButtonVariantId } from '../../../../../../theme-core/src/buttons/index';
-export type BookingOptionMetaItem = Readonly<{
-    id?: string;
-    label: string;
-    icon?: React.ReactNode;
-    className?: string;
-}>;
-export type BookingOptionCompactRowAction = Readonly<{
-    kind: 'action';
-    label: string;
-    href: string;
-}> | Readonly<{
-    kind: 'status';
-    label: string;
-}>;
-export type BookingOptionCompactRowViewModel = Readonly<{
-    id: string;
-    title: string;
-    primaryMeta?: readonly string[];
-    secondaryMeta?: readonly BookingOptionMetaItem[];
-    priceLabel?: string | null;
-    action: BookingOptionCompactRowAction;
-}>;
-export type BookingOptionCompactRowProps = Readonly<{
-    option: BookingOptionCompactRowViewModel;
-    buttonVariant?: ThemeButtonVariantId;
-}>;
-export declare function BookingOptionCompactRow({ option, buttonVariant, }: BookingOptionCompactRowProps): React.ReactElement;

package/dist/_dts/blocks/src/system/runtime/shared/components/BookingOptionList.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { ThemeButtonVariantId } from '../../../../../../theme-core/src/buttons/index';
-import { type BookingOptionCompactRowViewModel } from './BookingOptionCompactRow';
-export type BookingOptionGroupViewModel = Readonly<{
-    id: string;
-    title: string;
-    options: readonly BookingOptionCompactRowViewModel[];
-}>;
-export type BookingOptionListProps = Readonly<{
-    groups: readonly BookingOptionGroupViewModel[];
-    buttonVariant?: ThemeButtonVariantId;
-}>;
-export declare function BookingOptionList({ groups, buttonVariant, }: BookingOptionListProps): React.ReactElement;