@riverbankcms/sdk 0.104.3 → 0.107.0

package/dist/server/theme.mjs

@@ -344,7 +344,14 @@ const buttonSizesSchema = z$1.object({
 const buttonGlobalSettingsSchema = z$1.object({
 	cornerStyle: cornerStyleSchema,
 	cornerRadius: z$1.number().min(0).max(24).optional(),
-	shadow: shadowSizeSchema,
+	/**
+	* Family-level shadow inherited by variants that don't set their own.
+	* Optional and flat-by-default: when omitted, buttons carry no drop shadow
+	* (`elevation: 'none'`). A personality opts the whole family into a shadow by
+	* setting this; individual variants still override. There is no system-level
+	* shadow-by-default — shadows only appear when explicitly declared.
+	*/
+	shadow: shadowSizeSchema.optional(),
 	textTransform: textTransformSchema,
 	fontWeight: fontWeightSchema,
 	/**
@@ -883,7 +890,6 @@ const editorialLink = defineButtonPersonality({
 	buttonSystem: {
 		global: {
 			cornerStyle: "square",
-			shadow: "none",
 			textTransform: "none",
 			fontWeight: 500,
 			borderWidth: 1,
@@ -899,11 +905,6 @@ const editorialLink = defineButtonPersonality({
 				background: { type: "transparent" },
 				textColorToken: "text",
 				borderRadius: "rounded-none",
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				sizes: {
 					sm: { padding: "0.25rem 0" },
 					md: { padding: "0.5rem 0" },
@@ -927,11 +928,6 @@ const editorialLink = defineButtonPersonality({
 				background: { type: "transparent" },
 				textColorToken: "mutedText",
 				borderRadius: "rounded-none",
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				sizes: {
 					sm: { padding: "0.25rem 0" },
 					md: { padding: "0.5rem 0" },
@@ -955,11 +951,6 @@ const editorialLink = defineButtonPersonality({
 				background: { type: "transparent" },
 				textColorToken: "accent",
 				borderRadius: "rounded-none",
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				sizes: {
 					sm: { padding: "0.25rem 0" },
 					md: { padding: "0.5rem 0" },
@@ -983,11 +974,6 @@ const editorialLink = defineButtonPersonality({
 				background: { type: "transparent" },
 				textColorToken: "mutedText",
 				borderRadius: "rounded-none",
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				sizes: {
 					sm: { padding: "0.25rem 0" },
 					md: { padding: "0.5rem 0" },
@@ -1025,7 +1011,6 @@ const flatInk = defineButtonPersonality({
 	buttonSystem: {
 		global: {
 			cornerStyle: "rounded",
-			shadow: "low",
 			textTransform: "none",
 			fontWeight: 600,
 			borderWidth: 1,
@@ -1066,11 +1051,6 @@ const flatInk = defineButtonPersonality({
 					iconId: "ArrowRight",
 					colorToken: "accent"
 				},
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				effects: { hover: [{
 					effectId: "lift",
 					options: { translateY: "-2px" }
@@ -1091,11 +1071,6 @@ const flatInk = defineButtonPersonality({
 					widthClass: "border",
 					colorToken: "border"
 				},
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				effects: { hover: [{
 					effectId: "lift",
 					options: { translateY: "-2px" }
@@ -1115,11 +1090,6 @@ const flatInk = defineButtonPersonality({
 				},
 				textColorToken: "accentForeground",
 				borderRadius: "rounded-lg",
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				affordance: {
 					iconId: "ArrowRight",
 					colorToken: "accentForeground"
@@ -1151,7 +1121,6 @@ const inkStamp = defineButtonPersonality({
 	buttonSystem: {
 		global: {
 			cornerStyle: "rounded",
-			shadow: "none",
 			textTransform: "uppercase",
 			fontWeight: 600,
 			borderWidth: 1,
@@ -1386,7 +1355,6 @@ const ornateRitual = defineButtonPersonality({
 	buttonSystem: {
 		global: {
 			cornerStyle: "rounded",
-			shadow: "none",
 			textTransform: "uppercase",
 			fontWeight: 600,
 			borderWidth: 1,
@@ -1428,11 +1396,6 @@ const ornateRitual = defineButtonPersonality({
 					widthClass: "border",
 					colorToken: "primary"
 				},
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				effects: {
 					hover: [{
 						effectId: "background-on-hover",
@@ -1459,11 +1422,6 @@ const ornateRitual = defineButtonPersonality({
 					widthClass: "border",
 					colorToken: "primary"
 				},
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				effects: { hover: [{
 					effectId: "background-on-hover",
 					options: { colorToken: "surface" }
@@ -1481,11 +1439,6 @@ const ornateRitual = defineButtonPersonality({
 					widthClass: "border",
 					colorToken: "primary"
 				},
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				effects: { hover: [{
 					effectId: "background-on-hover",
 					options: { colorToken: "muted" }
@@ -1548,7 +1501,6 @@ const pebble = defineButtonPersonality({
 	buttonSystem: {
 		global: {
 			cornerStyle: "pill",
-			shadow: "none",
 			textTransform: "none",
 			fontWeight: 500,
 			borderWidth: 2,
@@ -1656,6 +1608,117 @@ const pebble = defineButtonPersonality({
 	}
 });
 //#endregion
+//#region ../theme-core/src/buttons/personalities/quiet-arrow.ts
+/**
+* Quiet Arrow — wide, flat editorial buttons for grounded service businesses.
+* Primary and secondary keep stable semantic colours; surrounding surfaces are
+* responsible for contrast rather than reversing the button roles.
+*/
+const quietArrow = defineButtonPersonality({
+	id: "quiet-arrow",
+	name: "Quiet Arrow",
+	description: "Wide, flat arrow buttons with a solid primary and a primary-colour outlined secondary.",
+	tags: {
+		tone: "classic",
+		energy: "calm",
+		motion: "subtle",
+		era: "editorial"
+	},
+	buttonSystem: {
+		global: {
+			cornerStyle: "rounded",
+			textTransform: "uppercase",
+			fontWeight: 500,
+			borderWidth: 1,
+			typography: "body",
+			fontSize: "text-sm",
+			letterSpacing: "loose",
+			hoverTransform: "none",
+			hoverColor: "none"
+		},
+		sizes: {
+			sm: {
+				padding: "0.625rem 1.25rem",
+				fontSize: "text-xs"
+			},
+			md: {
+				padding: "0.8125rem 1.75rem",
+				fontSize: "text-sm"
+			},
+			lg: {
+				padding: "0.9375rem 2.125rem",
+				fontSize: "text-sm"
+			},
+			xl: {
+				padding: "1.0625rem 2.5rem",
+				fontSize: "text-base"
+			}
+		},
+		variants: [
+			{
+				id: "primary",
+				name: "Primary",
+				enabled: true,
+				priority: 1,
+				background: {
+					type: "solid",
+					colorToken: "primary"
+				},
+				textColorToken: "primaryForeground",
+				borderRadius: "rounded-xl",
+				affordance: { iconId: "ArrowRight" },
+				effects: { hover: [{
+					effectId: "background-on-hover-alpha",
+					options: {
+						colorToken: "primary",
+						opacity: 90
+					}
+				}] }
+			},
+			{
+				id: "secondary",
+				name: "Secondary",
+				enabled: true,
+				priority: 2,
+				background: { type: "transparent" },
+				textColorToken: "primary",
+				borderRadius: "rounded-xl",
+				border: {
+					widthClass: "border",
+					colorToken: "primary"
+				},
+				affordance: { iconId: "ArrowRight" },
+				effects: { hover: [{
+					effectId: "background-on-hover",
+					options: { colorToken: "surfaceAlt" }
+				}] }
+			},
+			{
+				id: "outline",
+				name: "Outline",
+				enabled: true,
+				priority: 3,
+				background: { type: "transparent" },
+				textColorToken: "primary",
+				borderRadius: "rounded-xl",
+				border: {
+					widthClass: "border",
+					colorToken: "primary"
+				}
+			},
+			{
+				id: "ghost",
+				name: "Ghost",
+				enabled: true,
+				priority: 3,
+				background: { type: "transparent" },
+				textColorToken: "primary",
+				borderRadius: "rounded-xl"
+			}
+		]
+	}
+});
+//#endregion
 //#region ../theme-core/src/buttons/personalities/showtime-pill.ts
 /**
 * Showtime Pill — bold, spacious, fully rounded buttons with playful pop
@@ -1907,7 +1970,8 @@ const buttonPersonalities = [
 	brushedWash,
 	showtimePill,
 	joyStamp,
-	ornateRitual
+	ornateRitual,
+	quietArrow
 ];
 new Map(buttonPersonalities.map((p) => [p.id, p]));
 //#endregion
@@ -2679,7 +2743,13 @@ const tileTreatmentValues = [
 	"quiet",
 	"brand-depth"
 ];
-const eventListTreatmentValues = ["plain", "lined-panel"];
+const eventListTreatmentValues = [
+	"plain",
+	"lined-panel",
+	"ruled-register",
+	"editorial-register",
+	"dense-index"
+];
 const eyebrowTreatmentValues = [
 	"plain",
 	"accent",
@@ -2923,6 +2993,8 @@ const headingTypographyOverridesSchema = z$1.object({
 	]).nullable().optional(),
 	size: headingSizeSchema.nullable().optional(),
 	lineHeight: z$1.enum([
+		"tight",
+		"snug",
 		"normal",
 		"relaxed",
 		"loose"
@@ -3100,7 +3172,28 @@ const typographyScaleSchema = z$1.enum([
 	"majorThird",
 	"perfectFourth"
 ]);
-const eyebrowTypographyStyleSchema = z$1.object({ family: z$1.string().min(1) });
+const eyebrowTypographyStyleSchema = z$1.object({
+	family: z$1.string().min(1),
+	size: z$1.enum([
+		"sm",
+		"md",
+		"lg"
+	]).optional(),
+	weight: z$1.enum([
+		"light",
+		"regular",
+		"medium",
+		"semibold",
+		"bold"
+	]).optional(),
+	letterSpacing: z$1.enum([
+		"tight",
+		"normal",
+		"loose",
+		"wide"
+	]).optional(),
+	case: z$1.enum(["uppercase", "normal"]).optional()
+});
 const typographySchema = z$1.object({
 	body: bodyTypographyStyleSchema,
 	headings: z$1.object({