@riverbankcms/sdk 0.118.0 → 0.121.0

package/dist/server/next.mjs

@@ -2280,7 +2280,7 @@ const API_ENDPOINTS$1 = {
 		auth: "user",
 		responseKind: "json"
 	},
-	publishEventOfferingPageSurface: {
+	publishPageSurface: {
 		path: "/sites/{siteId}/page-surfaces/{pageSurfaceId}/publication",
 		method: "POST",
 		errors: [
@@ -63073,6 +63073,7 @@ function generateHeaderCss(options) {
 	cssChunks.push(generateMobilePanelStyles(header, themeId, tokens));
 	if (header.variant === "floating" && header.container) cssChunks.push(generateFloatingContainerStyles(header, themeId, tokens));
 	cssChunks.push(generateNavContainerStyles(header, themeId, tokens));
+	cssChunks.push(generateHeaderCtaTreatmentStyles(header, themeId, tokens));
 	cssChunks.push(generateCtaGapStyles(header, themeId));
 	return cssChunks.filter(Boolean).join("\n\n");
 }
@@ -63543,6 +63544,46 @@ const HEADER_CTA_GAP_MAP = {
 	spacious: "3rem"
 };
 /**
+* The inverted CTA treatment is contextual to branded header surfaces. It
+* cannot be represented by the generic secondary button role alone because
+* that role is transparent and inherits the surrounding surface foreground.
+* Keep the shared button's structure/effects while making the header own the
+* palette relationship for both desktop and mobile CTAs.
+*/
+function generateHeaderCtaTreatmentStyles(header, themeId, tokens) {
+	if (header.ctaTreatment !== "inverted") return "";
+	const desktopSelector = `:where([data-theme-scope="${themeId}"]) .header-cta`;
+	const mobileSelector = `:where([data-theme-scope="${themeId}"]) .nav-mobile-cta`;
+	const selectors = `${desktopSelector},\n${mobileSelector}`;
+	const hoverSelectors = [
+		`${desktopSelector}:hover`,
+		`${desktopSelector}[data-force-hover="true"]`,
+		`${mobileSelector}:hover`,
+		`${mobileSelector}[data-force-hover="true"]`
+	].join(",\n");
+	const focusSelectors = [`${desktopSelector}:focus-visible`, `${mobileSelector}:focus-visible`].join(",\n");
+	return `
+${selectors} {
+  background-color: ${tokens.getColor("background")};
+  background-image: none;
+  color: ${tokens.getColor("onBackground")};
+  border-color: currentColor;
+}
+
+${hoverSelectors} {
+  background-color: ${tokens.getColor("surface")};
+  background-image: none;
+  color: ${tokens.getColor("onSurface")};
+}
+
+${focusSelectors} {
+  outline: 2px solid ${tokens.getColor("onBackground")};
+  outline-offset: 2px;
+  box-shadow: 0 0 0 4px ${tokens.getColor("background")};
+}
+`;
+}
+/**
 * Generate CTA button gap styles (left margin between nav links and CTA)
 */
 function generateCtaGapStyles(header, themeId) {
@@ -63600,7 +63641,8 @@ ${`:where([data-theme-scope="${themeId}"])`} .footer-logo img {
 `;
 }
 function resolveFooterLogoSize(footer, headerLogo) {
-	return footerLogoSizeFromHeaderLogo(headerLogo) ?? footer.logo?.maxHeight ?? footer.logo?.size ?? "md";
+	const brandDrivenSize = footerLogoSizeFromHeaderLogo(headerLogo);
+	return footer.logo?.maxHeight ?? brandDrivenSize ?? footer.logo?.size ?? "md";
 }
 function footerLogoSizeFromHeaderLogo(headerLogo) {
 	const size = headerLogo?.size;
@@ -86972,7 +87014,7 @@ var CircuitOpenError = class extends Error {
 * 1. This constant
 * 2. The "version" field in package.json
 */
-const SDK_VERSION = "0.118.0";
+const SDK_VERSION = "0.121.0";
 //#endregion
 //#region src/next/content-load-failure.ts
 const SdkContentLoadError = RiverbankContentLoadError;

package/dist/server/prebuild.mjs

@@ -12,7 +12,7 @@ import * as crypto from "crypto";
 * 1. This constant
 * 2. The "version" field in package.json
 */
-const SDK_VERSION = "0.118.0";
+const SDK_VERSION = "0.121.0";
 //#endregion
 //#region src/constants.ts
 /**

package/dist/server/rendering/server.mjs

@@ -54506,6 +54506,7 @@ function generateHeaderCss(options) {
 	cssChunks.push(generateMobilePanelStyles(header, themeId, tokens));
 	if (header.variant === "floating" && header.container) cssChunks.push(generateFloatingContainerStyles(header, themeId, tokens));
 	cssChunks.push(generateNavContainerStyles(header, themeId, tokens));
+	cssChunks.push(generateHeaderCtaTreatmentStyles(header, themeId, tokens));
 	cssChunks.push(generateCtaGapStyles(header, themeId));
 	return cssChunks.filter(Boolean).join("\n\n");
 }
@@ -54976,6 +54977,46 @@ const HEADER_CTA_GAP_MAP = {
 	spacious: "3rem"
 };
 /**
+* The inverted CTA treatment is contextual to branded header surfaces. It
+* cannot be represented by the generic secondary button role alone because
+* that role is transparent and inherits the surrounding surface foreground.
+* Keep the shared button's structure/effects while making the header own the
+* palette relationship for both desktop and mobile CTAs.
+*/
+function generateHeaderCtaTreatmentStyles(header, themeId, tokens) {
+	if (header.ctaTreatment !== "inverted") return "";
+	const desktopSelector = `:where([data-theme-scope="${themeId}"]) .header-cta`;
+	const mobileSelector = `:where([data-theme-scope="${themeId}"]) .nav-mobile-cta`;
+	const selectors = `${desktopSelector},\n${mobileSelector}`;
+	const hoverSelectors = [
+		`${desktopSelector}:hover`,
+		`${desktopSelector}[data-force-hover="true"]`,
+		`${mobileSelector}:hover`,
+		`${mobileSelector}[data-force-hover="true"]`
+	].join(",\n");
+	const focusSelectors = [`${desktopSelector}:focus-visible`, `${mobileSelector}:focus-visible`].join(",\n");
+	return `
+${selectors} {
+  background-color: ${tokens.getColor("background")};
+  background-image: none;
+  color: ${tokens.getColor("onBackground")};
+  border-color: currentColor;
+}
+
+${hoverSelectors} {
+  background-color: ${tokens.getColor("surface")};
+  background-image: none;
+  color: ${tokens.getColor("onSurface")};
+}
+
+${focusSelectors} {
+  outline: 2px solid ${tokens.getColor("onBackground")};
+  outline-offset: 2px;
+  box-shadow: 0 0 0 4px ${tokens.getColor("background")};
+}
+`;
+}
+/**
 * Generate CTA button gap styles (left margin between nav links and CTA)
 */
 function generateCtaGapStyles(header, themeId) {
@@ -55033,7 +55074,8 @@ ${`:where([data-theme-scope="${themeId}"])`} .footer-logo img {
 `;
 }
 function resolveFooterLogoSize(footer, headerLogo) {
-	return footerLogoSizeFromHeaderLogo(headerLogo) ?? footer.logo?.maxHeight ?? footer.logo?.size ?? "md";
+	const brandDrivenSize = footerLogoSizeFromHeaderLogo(headerLogo);
+	return footer.logo?.maxHeight ?? brandDrivenSize ?? footer.logo?.size ?? "md";
 }
 function footerLogoSizeFromHeaderLogo(headerLogo) {
 	const size = headerLogo?.size;

package/dist/server/rendering.mjs

@@ -55572,6 +55572,7 @@ function generateHeaderCss(options) {
 	cssChunks.push(generateMobilePanelStyles(header, themeId, tokens));
 	if (header.variant === "floating" && header.container) cssChunks.push(generateFloatingContainerStyles(header, themeId, tokens));
 	cssChunks.push(generateNavContainerStyles(header, themeId, tokens));
+	cssChunks.push(generateHeaderCtaTreatmentStyles(header, themeId, tokens));
 	cssChunks.push(generateCtaGapStyles(header, themeId));
 	return cssChunks.filter(Boolean).join("\n\n");
 }
@@ -56042,6 +56043,46 @@ const HEADER_CTA_GAP_MAP = {
 	spacious: "3rem"
 };
 /**
+* The inverted CTA treatment is contextual to branded header surfaces. It
+* cannot be represented by the generic secondary button role alone because
+* that role is transparent and inherits the surrounding surface foreground.
+* Keep the shared button's structure/effects while making the header own the
+* palette relationship for both desktop and mobile CTAs.
+*/
+function generateHeaderCtaTreatmentStyles(header, themeId, tokens) {
+	if (header.ctaTreatment !== "inverted") return "";
+	const desktopSelector = `:where([data-theme-scope="${themeId}"]) .header-cta`;
+	const mobileSelector = `:where([data-theme-scope="${themeId}"]) .nav-mobile-cta`;
+	const selectors = `${desktopSelector},\n${mobileSelector}`;
+	const hoverSelectors = [
+		`${desktopSelector}:hover`,
+		`${desktopSelector}[data-force-hover="true"]`,
+		`${mobileSelector}:hover`,
+		`${mobileSelector}[data-force-hover="true"]`
+	].join(",\n");
+	const focusSelectors = [`${desktopSelector}:focus-visible`, `${mobileSelector}:focus-visible`].join(",\n");
+	return `
+${selectors} {
+  background-color: ${tokens.getColor("background")};
+  background-image: none;
+  color: ${tokens.getColor("onBackground")};
+  border-color: currentColor;
+}
+
+${hoverSelectors} {
+  background-color: ${tokens.getColor("surface")};
+  background-image: none;
+  color: ${tokens.getColor("onSurface")};
+}
+
+${focusSelectors} {
+  outline: 2px solid ${tokens.getColor("onBackground")};
+  outline-offset: 2px;
+  box-shadow: 0 0 0 4px ${tokens.getColor("background")};
+}
+`;
+}
+/**
 * Generate CTA button gap styles (left margin between nav links and CTA)
 */
 function generateCtaGapStyles(header, themeId) {
@@ -56099,7 +56140,8 @@ ${`:where([data-theme-scope="${themeId}"])`} .footer-logo img {
 `;
 }
 function resolveFooterLogoSize(footer, headerLogo) {
-	return footerLogoSizeFromHeaderLogo(headerLogo) ?? footer.logo?.maxHeight ?? footer.logo?.size ?? "md";
+	const brandDrivenSize = footerLogoSizeFromHeaderLogo(headerLogo);
+	return footer.logo?.maxHeight ?? brandDrivenSize ?? footer.logo?.size ?? "md";
 }
 function footerLogoSizeFromHeaderLogo(headerLogo) {
 	const size = headerLogo?.size;

package/dist/server/server.mjs

@@ -2285,7 +2285,7 @@ const API_ENDPOINTS$1 = {
 		auth: "user",
 		responseKind: "json"
 	},
-	publishEventOfferingPageSurface: {
+	publishPageSurface: {
 		path: "/sites/{siteId}/page-surfaces/{pageSurfaceId}/publication",
 		method: "POST",
 		errors: [
@@ -7874,7 +7874,7 @@ var SimpleCache = class {
 * 1. This constant
 * 2. The "version" field in package.json
 */
-const SDK_VERSION = "0.118.0";
+const SDK_VERSION = "0.121.0";
 //#endregion
 //#region src/client/error.ts
 let _Symbol$for;

package/package.json

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