@riverbankcms/sdk 0.60.12 → 0.60.14

package/dist/server/theme.mjs

@@ -643,6 +643,111 @@ var pebble = defineButtonPersonality({
   }
 });
 
+// ../theme-core/src/buttons/personalities/showtime-pill.ts
+var showtimePill = defineButtonPersonality({
+  id: "showtime-pill",
+  name: "Showtime Pill",
+  description: "Bold pill buttons with uppercase labels, generous padding, and a playful pop.",
+  tags: { tone: "bold", energy: "vibrant", motion: "expressive", era: "modern" },
+  buttonSystem: {
+    global: {
+      cornerStyle: "pill",
+      shadow: "low",
+      textTransform: "uppercase",
+      fontWeight: 700,
+      borderWidth: 2,
+      hoverTransform: "lift",
+      hoverColor: "darken",
+      typography: "body",
+      paddingPreset: "spacious",
+      italic: false
+    },
+    sizes: {
+      sm: { padding: "0.625rem 1.25rem", fontSize: "0.875rem" },
+      md: { padding: "0.875rem 1.75rem", fontSize: "1rem" },
+      lg: { padding: "1.125rem 2.25rem", fontSize: "1.125rem" },
+      xl: { padding: "1.125rem 2.25rem", fontSize: "1.125rem" }
+    },
+    variants: [
+      {
+        id: "primary",
+        name: "Primary",
+        enabled: true,
+        priority: 1,
+        background: { type: "solid", colorToken: "primary" },
+        textColorToken: "background",
+        borderRadius: "rounded-full",
+        effects: {
+          hover: [{ effectId: "pop" }]
+        }
+      },
+      {
+        id: "secondary",
+        name: "Secondary",
+        enabled: true,
+        priority: 2,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border-2", colorToken: "primary" },
+        effects: {
+          hover: [{ effectId: "pop" }]
+        }
+      },
+      {
+        id: "hero",
+        name: "Hero",
+        enabled: true,
+        priority: 1,
+        background: { type: "solid", colorToken: "secondary" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        effects: {
+          hover: [{ effectId: "pop" }]
+        }
+      },
+      {
+        id: "header",
+        name: "Header",
+        enabled: true,
+        priority: 2,
+        background: { type: "solid", colorToken: "background" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border-2", colorToken: "primary" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "surface" } }]
+        }
+      },
+      {
+        id: "outline",
+        name: "Outline",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border-2", colorToken: "primary" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "background" } }]
+        }
+      },
+      {
+        id: "ghost",
+        name: "Ghost",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "surface" } }]
+        }
+      }
+    ]
+  }
+});
+
 // ../theme-core/src/buttons/personalities/soft-pill.ts
 var softPill = defineButtonPersonality({
   id: "soft-pill",
@@ -723,7 +828,8 @@ var buttonPersonalities = [
   editorialLink,
   pebble,
   inkStamp,
-  brushedWash
+  brushedWash,
+  showtimePill
 ];
 var personalitiesById = new Map(
   buttonPersonalities.map((p) => [p.id, p])
@@ -1251,14 +1357,7 @@ var proseLinkStyleSchema = z14.object({
   underlineThickness: proseLinkUnderlineThicknessSchema.optional(),
   underlineOffset: proseLinkUnderlineOffsetSchema.optional()
 });
-var semanticSpacingSchema = z14.enum([
-  "none",
-  "compact",
-  "cozy",
-  "medium",
-  "comfortable",
-  "spacious"
-]);
+var semanticSpacingSchema = z14.enum(["none", "compact", "cozy", "medium", "comfortable", "spacious"]);
 var boxRoundedSchema = z14.enum(["none", "sm", "md", "lg", "xl", "2xl", "full"]);
 var boxBackgroundOverlaySchema = z14.object({
   type: z14.enum(["none", "color", "gradient"]).nullable().optional(),
@@ -1275,6 +1374,7 @@ var boxBackgroundSchema = z14.object({
   scale: z14.string().nullable().optional(),
   position: z14.string().nullable().optional(),
   opacity: z14.number().min(0).max(1).nullable().optional(),
+  motion: z14.enum(["static", "fixed-frame"]).nullable().optional(),
   overlay: boxBackgroundOverlaySchema.nullable().optional(),
   textColor: z14.string().nullable().optional(),
   headingColor: z14.string().nullable().optional()
@@ -1282,7 +1382,7 @@ var boxBackgroundSchema = z14.object({
 var sectionStylesOverrideSchema = z14.object({
   background: boxBackgroundSchema.nullable().optional(),
   spacing: semanticSpacingSchema.nullable().optional(),
-  minHeight: z14.enum(["none", "hero", "immersive"]).nullable().optional()
+  minHeight: z14.enum(["none", "banner", "hero", "immersive"]).nullable().optional()
 });
 var containerStylesOverrideSchema = z14.object({
   background: boxBackgroundSchema.nullable().optional(),
@@ -1301,7 +1401,8 @@ var cardStylesOverrideSchema = z14.object({
   border: cardBorderOverrideSchema.nullable().optional(),
   spacing: semanticSpacingSchema.nullable().optional(),
   raised: z14.boolean().nullable().optional(),
-  rounded: boxRoundedSchema.nullable().optional()
+  rounded: boxRoundedSchema.nullable().optional(),
+  treatment: z14.enum(["accent-quote"]).nullable().optional()
 });
 var blockStyleOverridesSchema = z14.object({
   sectionStyles: sectionStylesOverrideSchema.nullable().optional(),
@@ -1376,15 +1477,7 @@ var inputStyle = z14.object({
 });
 var headerVariant = z14.enum(["classic", "centered", "transparent", "floating", "editorial"]);
 var headerPositioning = z14.enum(["static", "sticky", "fixed"]);
-var headerNavStyle = z14.enum([
-  "minimal",
-  "underline",
-  "underline-grow",
-  "capsule",
-  "scale",
-  "frosted",
-  "solid"
-]);
+var headerNavStyle = z14.enum(["minimal", "underline", "underline-grow", "capsule", "scale", "frosted", "solid"]);
 var navFontWeight = z14.enum(["regular", "medium", "semibold", "bold"]);
 var headerMaxWidth = z14.enum(["container", "full"]);
 var headerContainerSchema = z14.object({
@@ -1438,6 +1531,7 @@ var dropdownStyleSchema = z14.object({
   // optional = no override (browser default)
 }).optional();
 var headerCtaGapSchema = z14.enum(["none", "tight", "compact", "default", "relaxed", "spacious"]);
+var headerCtaTreatmentSchema = z14.enum(["default", "primary", "secondary", "inverted", "outline", "ghost"]);
 var navContainerSchema = z14.object({
   type: z14.enum(["none", "pill", "glass"]).default("none"),
   tint: z14.string().nullable().optional(),
@@ -1456,7 +1550,10 @@ var headerSchema = z14.object({
   shrinkOnScroll: z14.boolean(),
   maxWidth: headerMaxWidth,
   logoOverride: mediaSchema.nullable().optional(),
-  background: headerBackgroundSchema.default({ type: "color", color: "surface" }),
+  background: headerBackgroundSchema.default({
+    type: "color",
+    color: "surface"
+  }),
   textColor: z14.string().nullable().optional(),
   // Site title and general header text
   navStyle: headerNavStyle,
@@ -1476,6 +1573,13 @@ var headerSchema = z14.object({
   navLinkStyle: navLinkStyleSchema.optional(),
   // CTA button spacing (desktop left margin)
   ctaGap: headerCtaGapSchema.optional(),
+  // Semantic CTA treatment for header/nav CTA buttons. The Theme V2 compiler
+  // materializes this to ctaVariant against the active button personality.
+  ctaTreatment: headerCtaTreatmentSchema.optional(),
+  // Optional theme-level CTA variant for header/nav CTA buttons.
+  // Internal runtime bridge for the block renderer; prefer ctaTreatment in
+  // authored Theme V2 concepts.
+  ctaVariant: z14.string().min(1).optional(),
   // Dropdown menu styling (nav dropdowns and mobile drawer)
   dropdownStyle: dropdownStyleSchema
 });
@@ -1532,7 +1636,10 @@ var footerSchema = z14.object({
   variant: footerVariant,
   maxWidth: footerMaxWidth,
   showLogoText: z14.boolean().optional(),
-  background: headerBackgroundSchema.default({ type: "color", color: "surface" }),
+  background: headerBackgroundSchema.default({
+    type: "color",
+    color: "surface"
+  }),
   // Footer nav styling (independent from header)
   navStyle: headerNavStyle.default("minimal"),
   navColor: z14.string().nullable().optional(),
@@ -1554,17 +1661,7 @@ var layoutSchema = z14.object({
     desktop: containerPaddingPresetSchema.optional()
   }).optional()
 }).optional();
-var heroTypographySizeSchema = z14.enum([
-  "sm",
-  "base",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl",
-  "4xl",
-  "5xl",
-  "6xl"
-]);
+var heroTypographySizeSchema = z14.enum(["sm", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "editorial"]);
 var heroTypographyLineHeightSchema = z14.enum(["tight", "snug", "normal", "relaxed"]);
 var heroResponsiveTypographySchema = z14.object({
   headlineSize: heroTypographySizeSchema.optional(),
@@ -1589,6 +1686,13 @@ var heroTypographySchema = z14.object({
 var heroSchema = z14.object({
   typography: heroTypographySchema.optional()
 }).optional();
+var bodyTextIntroTypographySizeSchema = z14.enum(["default", "editorial"]);
+var bodyTextSchema = z14.object({
+  intro: z14.object({
+    paragraphSize: bodyTextIntroTypographySizeSchema.optional(),
+    headingSize: bodyTextIntroTypographySizeSchema.optional()
+  }).optional()
+}).optional();
 var gradientsSchema = z14.object({
   button: z14.string().min(1).nullable().optional(),
   hero: z14.string().min(1).nullable().optional(),
@@ -1610,6 +1714,7 @@ var themeSchema = z14.object({
   gradients: gradientsSchema.optional(),
   layout: layoutSchema,
   hero: heroSchema,
+  bodyText: bodyTextSchema,
   header: headerSchema,
   footer: footerSchema,
   buttons: buttonSystemSchema.optional(),
@@ -1633,10 +1738,7 @@ var themeSchema = z14.object({
   ).optional(),
   // Structured block-kind theme overrides (v1: typography prose-link style only)
   // Keyed by block kind (usually data-block value like "hero"; "block.hero" also accepted)
-  blockOverrides: z14.record(
-    z14.string(),
-    blockThemeOverrideSchema
-  ).optional(),
+  blockOverrides: z14.record(z14.string(), blockThemeOverrideSchema).optional(),
   // Structured custom CSS rules
   // Validated, scoped, and safe by construction - no @import, remote url(), or global selectors
   customCssRules: customCssRulesSchema,

package/dist/styles/index.css

@@ -274,12 +274,16 @@
   .rb-h-full {
     height: 100%;
   }
+  .rb-section-min-h-banner {
+    min-height: clamp(16rem, 34svh, 24rem);
+  }
   .rb-section-min-h-hero {
     min-height: clamp(32rem, 62svh, 44rem);
   }
   .rb-section-min-h-immersive {
     min-height: clamp(38rem, 78svh, 54rem);
   }
+  .rb-section-min-h-banner > .rb-container,
   .rb-section-min-h-hero > .rb-container,
   .rb-section-min-h-immersive > .rb-container {
     min-height: inherit;
@@ -1367,6 +1371,19 @@
   .rb-object-contain {
     object-fit: contain;
   }
+  .rb-bg-motion-fixed-frame {
+    position: fixed;
+    inset: 0;
+    width: 100vw;
+    height: 100svh;
+  }
+  @media (hover: none), (prefers-reduced-motion: reduce) {
+    .rb-bg-motion-fixed-frame {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+    }
+  }
 
   /* Line clamp */
   .rb-line-clamp-2,
@@ -5840,13 +5857,13 @@
 
 /* Eyebrow - color only (typography via .rb-eyebrow) */
 :where(.theme-scope) :where([data-block="hero"]) .hero-eyebrow {
-  color: rgb(var(--tb-text));
+  color: var(--section-text-color, rgb(var(--tb-text)));
 }
 
 /* Subheadline - supporting text below headline */
 :where(.theme-scope) :where([data-block="hero"]) .hero-subheadline {
   font-size: 1.125rem;
-  color: rgb(var(--tb-text));
+  color: var(--section-text-color, rgb(var(--tb-text)));
 }
 
 @media (min-width: 640px) {
@@ -5922,6 +5939,18 @@
   max-width: 60rem;
 }
 
+:where(.theme-scope) :where([data-block="body-text"][data-block-variant="intro"]) .body-copy-body {
+  font-size: var(--rb-prose-lg-font-size);
+  line-height: var(--rb-prose-lg-line-height);
+}
+
+@media (min-width: 640px) {
+  :where(.theme-scope) :where([data-block="body-text"][data-block-variant="intro"]) .body-copy-body {
+    font-size: var(--rb-prose-xl-sm-font-size);
+    line-height: var(--rb-prose-xl-sm-line-height);
+  }
+}
+
 /* Variant: Narrow (left-aligned, shorter line length) */
 :where(.theme-scope) :where([data-block="body-text"][data-block-variant="narrow"]) .body-copy-container {
   max-width: 34rem;
@@ -7268,6 +7297,13 @@
   border-radius: var(--rb-block-radius);
 }
 
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonial-card.rb-card-treatment-accent-quote {
+  border: 0;
+  border-left: 5px solid rgb(var(--tb-secondary));
+  border-radius: 0 calc(var(--rb-block-radius) * 3) 0 0;
+  color: rgb(var(--tb-primaryForeground));
+}
+
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonial-quote {
   font-size: var(--rb-testimonial-quote-size);
   line-height: 1;
@@ -7276,6 +7312,12 @@
   color: rgb(var(--tb-primary));
 }
 
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-accent-quote .rb-testimonial-quote {
+  color: rgb(var(--tb-secondary));
+  font-size: calc(var(--rb-testimonial-quote-size) * 1.25);
+  opacity: 1;
+}
+
 
 /* Testimonials carousel tweaks: arrow styling + gutters + equal-height cards */
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-carousel.carousel-root .carousel-nav-btn {

package/package.json

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