@riverbankcms/sdk 0.143.0 → 0.144.0

package/dist/server/theme-bridge.mjs

@@ -944,6 +944,10 @@ function surfaceForegroundValue(role, outsideProviderFallback = DEFAULT_ROLE_FAL
 	if (role === "text") return `var(${roleVariable}, ${fallback})`;
 	return `var(${roleVariable}, var(${SURFACE_FOREGROUND_CSS_VARS.text}, ${fallback}))`;
 }
+function surfaceForegroundValueWithOpacity(role, opacityPercent) {
+	if (!Number.isFinite(opacityPercent) || opacityPercent < 0 || opacityPercent > 100) throw new RangeError("Surface foreground opacity must be between 0 and 100.");
+	return `color-mix(in srgb, ${surfaceForegroundValue(role)} ${opacityPercent}%, transparent)`;
+}
 function surfaceForegroundDeclarations(input) {
 	const foregrounds = completeSurfaceForegrounds(input);
 	return [`color: ${foregrounds.text}`, ...SURFACE_FOREGROUND_ROLES.map((role) => `${SURFACE_FOREGROUND_CSS_VARS[role]}: ${foregrounds[role]}`)];
@@ -1657,6 +1661,14 @@ function parseToken(source) {
 		opacityPercent: parts.opacityPercent === null ? void 0 : parts.opacityPercent
 	};
 }
+const SURFACE_TEXT_ROLE_BY_TOKEN = {
+	text: "text",
+	heading: "heading",
+	mutedText: "supporting"
+};
+function surfaceRoleForTextToken(token) {
+	return Object.prototype.hasOwnProperty.call(SURFACE_TEXT_ROLE_BY_TOKEN, token) ? SURFACE_TEXT_ROLE_BY_TOKEN[token] : null;
+}
 /**
 * Converts a theme color token to a CSS rgb value.
 * This is the primary function for applying theme colors to CSS properties.
@@ -1691,6 +1703,21 @@ function cssVarValue(token) {
 	const { token: baseToken } = parseToken(token);
 	return `var(${COLOR_VAR_PREFIX}${baseToken})`;
 }
+/**
+* Converts a text color token to a CSS color value that follows the enclosing
+* surface. The semantic text tokens (`text`, `heading`, `mutedText`) resolve
+* to the surface foreground variables, so text adapts when a section's
+* background changes; any other token is a fixed theme color.
+*
+* @param token - Theme color token
+* @returns CSS color value
+*/
+function textColorValue(token) {
+	const parsed = parseToken(token);
+	const surfaceRole = parsed.raw ? null : surfaceRoleForTextToken(parsed.token);
+	if (!surfaceRole) return rgbColorValue(token);
+	return parsed.opacityPercent === void 0 ? surfaceForegroundValue(surfaceRole) : surfaceForegroundValueWithOpacity(surfaceRole, parsed.opacityPercent);
+}
 shadeBackgroundEffect({
 	id: "darken-background",
 	name: "Darken on Hover",
@@ -13847,6 +13874,12 @@ const containerResponsiveThemeCss = `/*
   :where(.theme-scope) .rb-prose p {
     margin: var(--rt-space-y) 0;
   }
+  :where(.theme-scope) .rb-prose li > p:first-child {
+    margin-top: 0;
+  }
+  :where(.theme-scope) .rb-prose li > p:last-child {
+    margin-bottom: 0;
+  }
   :where(.theme-scope) .rb-prose img {
     display: block;
     max-width: 100%;
@@ -25230,6 +25263,12 @@ function getDefaultButtonVariants() {
 }
 //#endregion
 //#region ../theme-core/src/inputs/core.ts
+/**
+* Core Input CSS Generator
+*
+* Pure functions for generating form input CSS without requiring the full Theme type.
+* Used by both the full CMS theme system and the SDK theme bridge.
+*/
 const CORNER_RADIUS_MAP = {
 	square: "0",
 	soft: "0.25rem",
@@ -25264,7 +25303,7 @@ function generateInputCoreCss(scopeId, settings) {
 	const borderRadius = CORNER_RADIUS_MAP[settings.corners];
 	const cssBlocks = [];
 	cssBlocks.push(`${root} .form-label {
-  color: rgb(var(--tb-${settings.labelToken}));
+  color: ${textColorValue(settings.labelToken)};
   font-weight: 600;
   font-size: 0.875rem;
   display: block;

package/dist/styles/index.css

@@ -2114,6 +2114,12 @@
   :where(.theme-scope) .rb-prose p {
     margin: var(--rt-space-y) 0;
   }
+  :where(.theme-scope) .rb-prose li > p:first-child {
+    margin-top: 0;
+  }
+  :where(.theme-scope) .rb-prose li > p:last-child {
+    margin-bottom: 0;
+  }
   :where(.theme-scope) .rb-prose img {
     display: block;
     max-width: 100%;

package/package.json

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