@riverbankcms/sdk 0.140.0 → 0.142.0

package/dist/server/theme-bridge.mjs

@@ -1,6 +1,14 @@
 import * as React from "react";
 import { z } from "zod";
 import { jsx, jsxs } from "react/jsx-runtime";
+//#region ../theme-core/src/footer/mode.ts
+const footerModeSchema = z.enum([
+	"default",
+	"blocks",
+	"default+blocks",
+	"none"
+]);
+//#endregion
 //#region ../theme-core/src/lib/media.ts
 const hotspotSchema = z.object({
 	x: z.number().min(0).max(1),
@@ -1096,7 +1104,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 formatButtonColourContractError(error) {
 	switch (error.tag) {
@@ -1789,17 +1797,16 @@ function resolvedButtonFocusDeclarations(indicator, role) {
 	] : [["outline", value("outline", `3px solid ${indicator.colorCss}`)], ["outline-offset", value("outline-offset", "3px")]];
 }
 /**
-* Disabled buttons retain their validated colour pair and add a non-layout
-* visual affordance. `currentColor` keeps the cue inside the same contrast
-* relationship, while retaining pointer events lets the not-allowed cursor
-* remain observable.
+* Disabled buttons are deliberately muted as unavailable controls. Native
+* disabled controls are exempt from active-control contrast requirements;
+* opacity distinguishes the state without introducing a focus-like outline.
+* Retaining pointer events lets the not-allowed cursor remain observable.
 */
 const RESOLVED_BUTTON_DISABLED_DECLARATIONS = [
 	["cursor", "not-allowed"],
 	["transform", "none"],
 	["box-shadow", "none"],
-	["outline", "2px dashed currentColor"],
-	["outline-offset", "-4px"]
+	["opacity", "0.55"]
 ];
 buttonSizeNameSchema.options;
 //#endregion
@@ -5645,12 +5652,6 @@ const footerVariant = z.enum([
 	"split"
 ]);
 const footerMaxWidth = z.enum(["container", "full"]);
-const footerMode = z.enum([
-	"default",
-	"blocks",
-	"default+blocks",
-	"none"
-]);
 const footerNavLayoutMode = z.enum([
 	"stack",
 	"inline",
@@ -5739,9 +5740,9 @@ const footerSchema = z.object({
 	/**
 	* SDK-only footer rendering mode.
 	*
-	* Backwards compatible: missing/undefined behaves as 'default'.
+	* Historical persisted field; SDK rendering mode now lives in layout.footerMode.
 	*/
-	mode: footerMode.optional(),
+	mode: footerModeSchema.optional(),
 	variant: footerVariant,
 	maxWidth: footerMaxWidth,
 	showLogoText: z.boolean().optional(),
@@ -12509,10 +12510,19 @@ const containerResponsiveThemeCss = `/*
     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(
@@ -22869,6 +22879,23 @@ const containerResponsiveThemeCss = `/*
   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));
@@ -25528,14 +25555,11 @@ function normalizeTokenValue(value) {
 	if (trimmedValue.startsWith("#")) return hexToRgbChannels(trimmedValue);
 	return trimmedValue;
 }
-function buildThemeRuntimeFromBridge(config) {
-	validateThemeBridgeConfig(config);
-	return buildBridgeCssVars(config);
-}
 function buildThemeBridgeRuntime(config) {
-	const cssVars = buildThemeRuntimeFromBridge(config);
+	const validatedConfig = validateThemeBridgeConfig(config);
+	const cssVars = buildBridgeCssVars(validatedConfig);
 	const themeId = "sdk";
-	const corners = config.corners ?? "rounded";
+	const corners = validatedConfig.corners ?? "rounded";
 	const generatorTheme = buildBridgeGeneratorTheme(corners);
 	return {
 		themeId,
@@ -25694,6 +25718,7 @@ function validateThemeBridgeConfig(config) {
 	}
 	validateBridgeTokens(config.tokens);
 	if (config.overrides !== void 0) parseBridgeOverrideRules(config.overrides);
+	return config;
 }
 function resolveBridgeTokens(tokens) {
 	const resolved = {};
@@ -25872,6 +25897,15 @@ function buildBridgeGeneratorTheme(corners) {
 		}
 	};
 }
+z.object({
+	palette: paletteColorsSchema,
+	paletteMode: paletteModeSchema,
+	typography: z.object({
+		headingFamily: z.string().trim().min(1),
+		bodyFamily: z.string().trim().min(1)
+	}).strict(),
+	corners
+}).strict();
 //#endregion
 //#region src/theme-bridge/generateCssVars.ts
 /**

package/dist/server/theme.mjs

@@ -636,6 +636,14 @@ z.string().transform((value, ctx) => {
 	return z.NEVER;
 });
 //#endregion
+//#region ../theme-core/src/footer/mode.ts
+const footerModeSchema = z.enum([
+	"default",
+	"blocks",
+	"default+blocks",
+	"none"
+]);
+//#endregion
 //#region ../theme-core/src/lib/media.ts
 const hotspotSchema = z.object({
 	x: z.number().min(0).max(1),
@@ -1335,7 +1343,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);
@@ -5435,12 +5443,6 @@ const footerVariant = z.enum([
 	"split"
 ]);
 const footerMaxWidth = z.enum(["container", "full"]);
-const footerMode = z.enum([
-	"default",
-	"blocks",
-	"default+blocks",
-	"none"
-]);
 const footerNavLayoutMode = z.enum([
 	"stack",
 	"inline",
@@ -5529,9 +5531,9 @@ const footerSchema = z.object({
 	/**
 	* SDK-only footer rendering mode.
 	*
-	* Backwards compatible: missing/undefined behaves as 'default'.
+	* Historical persisted field; SDK rendering mode now lives in layout.footerMode.
 	*/
-	mode: footerMode.optional(),
+	mode: footerModeSchema.optional(),
 	variant: footerVariant,
 	maxWidth: footerMaxWidth,
 	showLogoText: z.boolean().optional(),

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(
@@ -11094,6 +11103,23 @@
   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));

package/package.json

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