@riverbankcms/sdk 0.104.1 → 0.104.3

package/dist/server/theme.mjs

@@ -400,6 +400,10 @@ const buttonBorderSchema = z$1.object({
 	widthClass: z$1.string(),
 	colorToken: themeColorTokenSchema
 });
+const buttonVariantAffordanceSchema = z$1.object({
+	iconId: z$1.string().min(1),
+	colorToken: themeColorTokenSchema.optional()
+});
 const variantShadowSchema = z$1.object({
 	elevation: z$1.enum([
 		"none",
@@ -453,7 +457,8 @@ const buttonVariantSchema = z$1.object({
 	border: buttonBorderSchema.optional(),
 	hoverBackgroundToken: z$1.string().optional(),
 	effects: variantEffectsSchema.optional(),
-	sizes: variantSizeOverridesSchema.optional()
+	sizes: variantSizeOverridesSchema.optional(),
+	affordance: buttonVariantAffordanceSchema.optional()
 });
 const buttonSystemSchema = z$1.object({
 	global: buttonGlobalSettingsSchema,
@@ -998,6 +1003,136 @@ const editorialLink = defineButtonPersonality({
 	}
 });
 //#endregion
+//#region ../theme-core/src/buttons/personalities/flat-ink.ts
+/**
+* Flat Ink — a solid ink primary, a hairline ghost secondary, and a single
+* amber accent climax, all completely flat (no drop shadow) with a modest
+* radius. Reads as grounded, editorial and clinician-precise: the Fulcrum
+* physiotherapy voice. The primary shifts to the secondary (moss) on hover and
+* every variant lifts 2px; the amber accent is meant to be used sparingly as
+* the page's one conversion climax.
+*/
+const flatInk = defineButtonPersonality({
+	id: "flat-ink",
+	name: "Flat Ink",
+	description: "Flat solid-ink primary, hairline ghost secondary, and a single amber accent climax — modest radius, no shadow.",
+	tags: {
+		tone: "classic",
+		energy: "calm",
+		motion: "subtle",
+		era: "editorial"
+	},
+	buttonSystem: {
+		global: {
+			cornerStyle: "rounded",
+			shadow: "low",
+			textTransform: "none",
+			fontWeight: 600,
+			borderWidth: 1,
+			typography: "body",
+			letterSpacing: "tight",
+			paddingPreset: "default",
+			hoverTransform: "lift",
+			hoverColor: "none"
+		},
+		sizes: {
+			sm: {
+				padding: "0.625rem 1.125rem",
+				fontSize: "text-sm"
+			},
+			md: { padding: "0.8125rem 1.375rem" },
+			lg: {
+				padding: "0.9375rem 1.625rem",
+				fontSize: "text-lg"
+			},
+			xl: {
+				padding: "1.0625rem 2rem",
+				fontSize: "text-xl"
+			}
+		},
+		variants: [
+			{
+				id: "primary",
+				name: "Primary",
+				enabled: true,
+				priority: 1,
+				background: {
+					type: "solid",
+					colorToken: "primary"
+				},
+				textColorToken: "primaryForeground",
+				borderRadius: "rounded-lg",
+				affordance: {
+					iconId: "ArrowRight",
+					colorToken: "accent"
+				},
+				shadow: {
+					elevation: "none",
+					softness: null,
+					position: "bottom"
+				},
+				effects: { hover: [{
+					effectId: "lift",
+					options: { translateY: "-2px" }
+				}, {
+					effectId: "background-on-hover",
+					options: { colorToken: "secondary" }
+				}] }
+			},
+			{
+				id: "secondary",
+				name: "Secondary",
+				enabled: true,
+				priority: 2,
+				background: { type: "transparent" },
+				textColorToken: "primary",
+				borderRadius: "rounded-lg",
+				border: {
+					widthClass: "border",
+					colorToken: "border"
+				},
+				shadow: {
+					elevation: "none",
+					softness: null,
+					position: "bottom"
+				},
+				effects: { hover: [{
+					effectId: "lift",
+					options: { translateY: "-2px" }
+				}, {
+					effectId: "background-on-hover",
+					options: { colorToken: "surfaceAlt" }
+				}] }
+			},
+			{
+				id: "accent",
+				name: "Accent",
+				enabled: true,
+				priority: 3,
+				background: {
+					type: "solid",
+					colorToken: "accent"
+				},
+				textColorToken: "accentForeground",
+				borderRadius: "rounded-lg",
+				shadow: {
+					elevation: "none",
+					softness: null,
+					position: "bottom"
+				},
+				affordance: {
+					iconId: "ArrowRight",
+					colorToken: "accentForeground"
+				},
+				effects: { hover: [{
+					effectId: "lift",
+					options: { translateY: "-2px" }
+				}] }
+			}
+		]
+	}
+});
+//#endregion
 //#region ../theme-core/src/buttons/personalities/ink-stamp.ts
 /**
 * Ink Stamp — solid earthy fills with a bordered, hand-stamped block-print
@@ -1768,6 +1903,7 @@ const buttonPersonalities = [
 	editorialLink,
 	pebble,
 	inkStamp,
+	flatInk,
 	brushedWash,
 	showtimePill,
 	joyStamp,
@@ -2109,11 +2245,31 @@ const gradientStopSchema = z$1.object({
 	position: z$1.number().min(0).max(100)
 });
 /**
-* Gradient configuration
+* Radial gradient shape. Optional; defaults to `circle` (the historical shape)
+* so existing radial gradients are byte-identical.
+*
+* Named `RadialGradientShape` to avoid clashing with `styles/gradients.ts`'s
+* `GradientShape` (which names the gradient *kind*: linear/radial/conic).
+*/
+const radialGradientShapeSchema = z$1.enum(["circle", "ellipse"]);
+/**
+* Gradient configuration.
+*
+* `type` is optional and defaults to `'linear'` so gradients persisted without a
+* type (or with an explicit `'linear'`) render exactly as before. `'radial'` and
+* `'conic'` are additive kinds:
+*   - linear: `angle` (degrees)
+*   - radial: optional `shape` (circle/ellipse) + `position`
+*   - conic:  optional `angle` (from-angle, degrees) + `position`
 */
 const gradientConfigSchema = z$1.object({
-	type: z$1.enum(["linear", "radial"]),
+	type: z$1.enum([
+		"linear",
+		"radial",
+		"conic"
+	]).default("linear"),
 	angle: z$1.number().min(0).max(360).optional(),
+	shape: radialGradientShapeSchema.optional(),
 	position: z$1.string().optional(),
 	stops: z$1.array(gradientStopSchema).min(2)
 });
@@ -2944,6 +3100,7 @@ const typographyScaleSchema = z$1.enum([
 	"majorThird",
 	"perfectFourth"
 ]);
+const eyebrowTypographyStyleSchema = z$1.object({ family: z$1.string().min(1) });
 const typographySchema = z$1.object({
 	body: bodyTypographyStyleSchema,
 	headings: z$1.object({
@@ -2956,7 +3113,8 @@ const typographySchema = z$1.object({
 		h6: headingTypographyOverridesSchema.optional()
 	}),
 	scale: typographyScaleSchema,
-	proseLinkStyle: proseLinkStyleSchema.optional()
+	proseLinkStyle: proseLinkStyleSchema.optional(),
+	eyebrow: eyebrowTypographyStyleSchema.optional()
 });
 const spaceSchema = z$1.enum([
 	"comfortable",
@@ -2981,7 +3139,8 @@ const shadow = z$1.object({
 		"soft",
 		"hard"
 	]).nullable(),
-	position: z$1.enum(["bottom", "bottom-right"]).default("bottom")
+	position: z$1.enum(["bottom", "bottom-right"]).default("bottom"),
+	colorToken: themeColorTokenSchema.optional()
 });
 const border = z$1.object({
 	width: z$1.enum([
@@ -3226,6 +3385,7 @@ const headerSchema = z$1.object({
 	navWeight: navFontWeight.default("medium"),
 	navTypography: z$1.enum(["body", "heading"]).optional(),
 	navTextSize: navLinkStyleSchema.shape.textSize,
+	navPlacement: z$1.enum(["end", "center"]).optional(),
 	container: headerContainerSchema,
 	border: headerBorderSchema,
 	shadow: componentShadowSchema.optional(),