@riverbankcms/sdk 0.102.0 → 0.104.0

package/dist/server/theme.mjs

@@ -1,96 +1,6 @@
 import z, { z as z$1 } from "zod";
 import * as fs from "fs/promises";
 import * as path from "path";
-//#region ../theme-core/src/site-styles/styleTags.ts
-/**
-* Descriptive style-axis metadata for button personalities and palette
-* variants. Site Style picker shape is curated explicitly; these tags remain
-* for catalog audit, docs, and future discovery tooling.
-*/
-const STYLE_AXIS_VALUES = {
-	tone: [
-		"minimal",
-		"classic",
-		"bold"
-	],
-	energy: ["calm", "vibrant"],
-	motion: [
-		"subtle",
-		"standard",
-		"expressive"
-	],
-	era: [
-		"editorial",
-		"modern",
-		"organic",
-		"technical",
-		"retro"
-	]
-};
-const styleTagsSchema = z$1.object({
-	tone: z$1.enum(STYLE_AXIS_VALUES.tone).optional(),
-	energy: z$1.enum(STYLE_AXIS_VALUES.energy).optional(),
-	motion: z$1.enum(STYLE_AXIS_VALUES.motion).optional(),
-	era: z$1.enum(STYLE_AXIS_VALUES.era).optional()
-});
-//#endregion
-//#region ../theme-core/src/lib/media.ts
-const hotspotSchema = z.object({
-	x: z.number().min(0).max(1),
-	y: z.number().min(0).max(1),
-	radius: z.number().optional()
-});
-const rotationSchema = z.union([
-	z.literal(0),
-	z.literal(90),
-	z.literal(180),
-	z.literal(270)
-]);
-const rectSchema = z.tuple([
-	z.number(),
-	z.number(),
-	z.number(),
-	z.number()
-]);
-const aspectCropSchema = z.object({
-	aspect: z.preprocess((value) => value == null ? void 0 : value, z.string().optional()),
-	rect: z.preprocess((value) => value == null ? void 0 : value, rectSchema.optional()),
-	hotspot: z.preprocess((value) => value == null ? void 0 : value, hotspotSchema.optional()),
-	rotation: z.preprocess((value) => value == null ? void 0 : value, rotationSchema.optional())
-});
-const transformSchema = z.object({
-	aspectCrops: z.preprocess((value) => {
-		if (!value || typeof value !== "object" || Array.isArray(value)) return;
-		return value;
-	}, z.record(z.string(), aspectCropSchema.catch({}))).optional(),
-	rect: rectSchema.optional(),
-	hotspot: hotspotSchema.optional(),
-	rotation: rotationSchema.optional()
-});
-const mediaSchema = z.object({
-	type: z.enum([
-		"image",
-		"video",
-		"audio",
-		"document",
-		"spreadsheet",
-		"archive"
-	]),
-	purpose: z.string().optional(),
-	placeholder: z.boolean().default(true).optional(),
-	assetId: z.string().optional(),
-	identifier: z.string().optional(),
-	src: z.string().optional(),
-	alt: z.string().optional(),
-	filename: z.string().optional(),
-	mimeType: z.string().optional(),
-	width: z.number().optional(),
-	height: z.number().optional(),
-	storageBucket: z.string().optional(),
-	storagePath: z.string().optional(),
-	transform: transformSchema.optional()
-});
-//#endregion
 //#region ../theme-core/src/tokens/colorTokenParts.ts
 function parseOpacityPercent(source) {
 	const trimmed = source.trim();
@@ -224,6 +134,96 @@ function isThemeColorToken(value) {
 }
 const themeColorTokenSchema = z$1.string().min(1).refine((value) => Boolean(isThemeColorToken(value)), "Expected a known Theme V2 color token");
 //#endregion
+//#region ../theme-core/src/site-styles/styleTags.ts
+/**
+* Descriptive style-axis metadata for button personalities and palette
+* variants. Site Style picker shape is curated explicitly; these tags remain
+* for catalog audit, docs, and future discovery tooling.
+*/
+const STYLE_AXIS_VALUES = {
+	tone: [
+		"minimal",
+		"classic",
+		"bold"
+	],
+	energy: ["calm", "vibrant"],
+	motion: [
+		"subtle",
+		"standard",
+		"expressive"
+	],
+	era: [
+		"editorial",
+		"modern",
+		"organic",
+		"technical",
+		"retro"
+	]
+};
+const styleTagsSchema = z$1.object({
+	tone: z$1.enum(STYLE_AXIS_VALUES.tone).optional(),
+	energy: z$1.enum(STYLE_AXIS_VALUES.energy).optional(),
+	motion: z$1.enum(STYLE_AXIS_VALUES.motion).optional(),
+	era: z$1.enum(STYLE_AXIS_VALUES.era).optional()
+});
+//#endregion
+//#region ../theme-core/src/lib/media.ts
+const hotspotSchema = z.object({
+	x: z.number().min(0).max(1),
+	y: z.number().min(0).max(1),
+	radius: z.number().optional()
+});
+const rotationSchema = z.union([
+	z.literal(0),
+	z.literal(90),
+	z.literal(180),
+	z.literal(270)
+]);
+const rectSchema = z.tuple([
+	z.number(),
+	z.number(),
+	z.number(),
+	z.number()
+]);
+const aspectCropSchema = z.object({
+	aspect: z.preprocess((value) => value == null ? void 0 : value, z.string().optional()),
+	rect: z.preprocess((value) => value == null ? void 0 : value, rectSchema.optional()),
+	hotspot: z.preprocess((value) => value == null ? void 0 : value, hotspotSchema.optional()),
+	rotation: z.preprocess((value) => value == null ? void 0 : value, rotationSchema.optional())
+});
+const transformSchema = z.object({
+	aspectCrops: z.preprocess((value) => {
+		if (!value || typeof value !== "object" || Array.isArray(value)) return;
+		return value;
+	}, z.record(z.string(), aspectCropSchema.catch({}))).optional(),
+	rect: rectSchema.optional(),
+	hotspot: hotspotSchema.optional(),
+	rotation: rotationSchema.optional()
+});
+const mediaSchema = z.object({
+	type: z.enum([
+		"image",
+		"video",
+		"audio",
+		"document",
+		"spreadsheet",
+		"archive"
+	]),
+	purpose: z.string().optional(),
+	placeholder: z.boolean().default(true).optional(),
+	assetId: z.string().optional(),
+	identifier: z.string().optional(),
+	src: z.string().optional(),
+	alt: z.string().optional(),
+	filename: z.string().optional(),
+	mimeType: z.string().optional(),
+	width: z.number().optional(),
+	height: z.number().optional(),
+	storageBucket: z.string().optional(),
+	storagePath: z.string().optional(),
+	transform: transformSchema.optional()
+});
+//#endregion
 //#region ../theme-core/src/buttons/types.ts
 /**
 * Standard semantic variant roles a theme exposes.
@@ -2211,7 +2211,8 @@ const navLinkTextSizeSchema = z$1.enum([
 	"xs",
 	"sm",
 	"base",
-	"lg"
+	"lg",
+	"xl"
 ]);
 /**
 * Letter spacing options for nav links.
@@ -3223,6 +3224,8 @@ const headerSchema = z$1.object({
 	navStyle: headerNavStyle,
 	navColor: themeColorTokenSchema.nullable().optional(),
 	navWeight: navFontWeight.default("medium"),
+	navTypography: z$1.enum(["body", "heading"]).optional(),
+	navTextSize: navLinkStyleSchema.shape.textSize,
 	container: headerContainerSchema,
 	border: headerBorderSchema,
 	shadow: componentShadowSchema.optional(),

package/dist/styles/index.css

@@ -1550,51 +1550,52 @@
 
   /* Semantic spacing tokens (replaces Tailwind maps in src/system/spacing.ts) */
   .rb-section-pad-none {
-    padding-top: 0;
-    padding-bottom: 0;
+    --rb-section-pad-y: 0rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-compact {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
+    --rb-section-pad-y: 1.5rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-cozy {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
+    --rb-section-pad-y: 2.5rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-medium {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
+    --rb-section-pad-y: 3rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-comfortable {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
+    --rb-section-pad-y: 4rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-spacious {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
+    --rb-section-pad-y: 5rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
 
   @media (min-width: 640px) {
     @scope ([data-rb-responsive-mode="viewport"]) to (:scope [data-rb-responsive-mode]) {
       .rb-section-pad-compact {
-        padding-top: 2rem;
-        padding-bottom: 2rem;
+        --rb-section-pad-y: 2rem;
       }
       .rb-section-pad-cozy {
-        padding-top: 3.5rem;
-        padding-bottom: 3.5rem;
+        --rb-section-pad-y: 3.5rem;
       }
       .rb-section-pad-medium {
-        padding-top: 4rem;
-        padding-bottom: 4rem;
+        --rb-section-pad-y: 4rem;
       }
       .rb-section-pad-comfortable {
-        padding-top: 5rem;
-        padding-bottom: 5rem;
+        --rb-section-pad-y: 5rem;
       }
       .rb-section-pad-spacious {
-        padding-top: 7rem;
-        padding-bottom: 7rem;
+        --rb-section-pad-y: 7rem;
       }
     }
   }
@@ -2972,26 +2973,118 @@
   :where(.theme-scope) .header-logo-text {
     font-size: 1.125rem; /* matches rb-text-lg */
     line-height: 1.75rem;
+    margin-inline: -0.18em;
+    padding-inline: 0.18em;
     transition: font-size 300ms var(--motion-ease, ease);
   }
 
-  /* Mobile: reduce site title size (~30%) to keep header compact */
+  /* Centered variant uses larger title */
+  :where(.theme-scope) .header-variant-centered .header-logo-text {
+    font-size: 1.25rem; /* matches rb-text-xl */
+    line-height: 1.75rem;
+  }
+
+  :where(.theme-scope) .header-logo-size-compact .header-logo-text {
+    font-size: 0.95rem;
+    line-height: 1.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-standard .header-logo-text {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+  :where(.theme-scope) .header-logo-size-generous .header-logo-text {
+    font-size: 1.35rem;
+    line-height: 1.9rem;
+  }
+  :where(.theme-scope) .header-logo-size-display .header-logo-text {
+    font-size: 1.75rem;
+    line-height: 2.25rem;
+  }
+
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-compact
+    .header-logo-text {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-standard
+    .header-logo-text {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-generous
+    .header-logo-text {
+    font-size: 1.6rem;
+    line-height: 2rem;
+  }
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-display
+    .header-logo-text {
+    font-size: 2.1rem;
+    line-height: 2.5rem;
+  }
+
+  /* Mobile: reduce site title size to keep header compact */
   @media (max-width: 767px) {
-    :where(.theme-scope) .header-logo-text {
+    :where(.theme-scope) .header-logo-text,
+    :where(.theme-scope) .header-logo-size-standard .header-logo-text {
       font-size: 0.8rem;
       line-height: 1.25rem;
     }
 
-    :where(.theme-scope) .header-variant-centered .header-logo-text {
+    :where(.theme-scope) .header-logo-size-compact .header-logo-text {
+      font-size: 0.75rem;
+      line-height: 1.15rem;
+    }
+
+    :where(.theme-scope) .header-logo-size-generous .header-logo-text {
+      font-size: 1rem;
+      line-height: 1.4rem;
+    }
+
+    :where(.theme-scope) .header-logo-size-display .header-logo-text {
+      font-size: 1.25rem;
+      line-height: 1.65rem;
+    }
+
+    :where(.theme-scope) .header-variant-centered .header-logo-text,
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-standard
+      .header-logo-text {
       font-size: 0.875rem;
       line-height: 1.25rem;
     }
-  }
 
-  /* Centered variant uses larger title */
-  :where(.theme-scope) .header-variant-centered .header-logo-text {
-    font-size: 1.25rem; /* matches rb-text-xl */
-    line-height: 1.75rem;
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-compact
+      .header-logo-text {
+      font-size: 0.8rem;
+      line-height: 1.2rem;
+    }
+
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-generous
+      .header-logo-text {
+      font-size: 1.125rem;
+      line-height: 1.5rem;
+    }
+
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-display
+      .header-logo-text {
+      font-size: 1.35rem;
+      line-height: 1.75rem;
+    }
   }
 
   /* =================================================================
@@ -10662,11 +10755,31 @@
   object-fit: contain;
 }
 
+:where(.theme-scope) .rb-feature-card-icon-zone--generated {
+  align-self: center;
+  inline-size: min(var(--rb-feature-card-generated-icon-size, 75px), 100%);
+  max-inline-size: 100%;
+  block-size: auto;
+  aspect-ratio: 1;
+  margin-inline: auto;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
 :where(.theme-scope) .rb-feature-card-icon-zone--plain .rb-feature-card-icon {
   width: 1.5rem;
   height: 1.5rem;
 }
 
+:where(.theme-scope) .rb-feature-card-icon-zone--generated .rb-feature-card-icon--generated {
+  inline-size: 100%;
+  max-inline-size: 100%;
+  block-size: 100%;
+}
+
 /* --- Card marker mode (icons / numbers / none) -----------------------------
  *
  * The icon zone and the number zone both sit in the DOM; the grid's

package/package.json

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