@refrakt-md/lumina 0.8.1 → 0.8.2

package/contracts/structures.json

@@ -2419,9 +2419,15 @@
 			"dataRune": "recipe",
 			"childOrder": [
 				"meta",
-				"{content:content}"
+				"{content}"
 			],
 			"modifiers": {
+				"layout": {
+					"source": "meta",
+					"default": "stacked",
+					"classPattern": ".rf-recipe--{value}",
+					"dataAttribute": "data-layout"
+				},
 				"prepTime": {
 					"source": "meta",
 					"classPattern": ".rf-recipe--{value}",
@@ -2442,6 +2448,25 @@
 					"default": "medium",
 					"classPattern": ".rf-recipe--{value}",
 					"dataAttribute": "data-difficulty"
+				},
+				"ratio": {
+					"source": "meta",
+					"default": "1 1",
+					"dataAttribute": "data-ratio"
+				},
+				"valign": {
+					"source": "meta",
+					"default": "top",
+					"dataAttribute": "data-valign"
+				},
+				"gap": {
+					"source": "meta",
+					"default": "default",
+					"dataAttribute": "data-gap"
+				},
+				"collapse": {
+					"source": "meta",
+					"dataAttribute": "data-collapse"
 				}
 			},
 			"elements": {
@@ -2470,10 +2495,46 @@
 					"parent": "meta",
 					"condition": "difficulty"
 				},
-				"content": {
-					"tag": "div",
-					"selector": ".rf-recipe__content",
-					"source": "contentWrapper"
+				"header": {
+					"tag": "header",
+					"selector": ".rf-recipe__header",
+					"source": "autoLabel"
+				},
+				"eyebrow": {
+					"tag": "eyebrow",
+					"selector": ".rf-recipe__eyebrow",
+					"source": "autoLabel"
+				},
+				"headline": {
+					"tag": "headline",
+					"selector": ".rf-recipe__headline",
+					"source": "autoLabel"
+				},
+				"blurb": {
+					"tag": "blurb",
+					"selector": ".rf-recipe__blurb",
+					"source": "autoLabel"
+				},
+				"image": {
+					"tag": "image",
+					"selector": ".rf-recipe__image",
+					"source": "autoLabel"
+				},
+				"media": {
+					"tag": "media",
+					"selector": ".rf-recipe__media",
+					"source": "autoLabel"
+				}
+			},
+			"inlineStyles": {
+				"ratio": {
+					"prop": "--split-ratio"
+				},
+				"valign": {
+					"prop": "--split-valign"
+				},
+				"gap": {
+					"prop": "--split-gap"
 				}
 			}
 		},

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@refrakt-md/lumina",
   "description": "Lumina theme for refrakt.md — design tokens, CSS, identity transform, and framework adapters",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -51,15 +51,15 @@
     "build": "tsc"
   },
   "dependencies": {
-    "@refrakt-md/runes": "0.8.1",
-    "@refrakt-md/transform": "0.8.1",
-    "@refrakt-md/types": "0.8.1",
-    "@refrakt-md/svelte": "0.8.1"
+    "@refrakt-md/runes": "0.8.2",
+    "@refrakt-md/transform": "0.8.2",
+    "@refrakt-md/types": "0.8.2",
+    "@refrakt-md/svelte": "0.8.2"
   },
   "peerDependencies": {
     "svelte": "^5.0.0",
     "@sveltejs/kit": "^2.0.0",
-    "@refrakt-md/html": "0.8.1"
+    "@refrakt-md/html": "0.8.2"
   },
   "devDependencies": {
     "postcss": "^8.4.0"

package/styles/layouts/default.css

@@ -113,14 +113,20 @@
 	);
 }
 
-/* Section spacing — vertical rhythm between block runes
- * Symmetric margins collapse between plain sections (no visual change)
- * but ensure correct gaps at plain→tinted boundaries (where tinted
- * sections use padding instead of margin). */
-.rf-page-content > article > * + * {
+/* Section spacing — vertical rhythm around block runes.
+ * Rune blocks (elements with data-rune) get section-level margins.
+ * Prose elements (p, h2, pre, table, etc.) keep their natural flow
+ * spacing from global.css — only gaining section margins when
+ * immediately adjacent to a rune block. */
+.rf-page-content > article > * + [data-rune] {
 	margin-top: var(--rf-spacing-section, 4rem);
 	margin-bottom: var(--rf-spacing-section, 4rem);
 }
+/* Prose after a rune block: section gap above only.
+ * No margin-bottom so subsequent prose keeps natural flow spacing. */
+.rf-page-content > article > [data-rune] + :not([data-rune]) {
+	margin-top: var(--rf-spacing-section, 4rem);
+}
 .rf-page-content > article > [data-spacing="flush"] {
 	margin-top: 0;
 	margin-bottom: 0;

package/styles/layouts/search.css

@@ -200,7 +200,10 @@
 		bottom: 0;
 		transform: none;
 		width: 100%;
+		height: 100vh;
+		height: 100dvh;
 		max-height: 100vh;
+		max-height: 100dvh;
 		border-radius: 0;
 		border: none;
 	}

package/styles/runes/recipe.css

@@ -5,6 +5,28 @@
 	padding: 2rem;
 	margin: 1.5rem 0;
 }
+.rf-recipe__header {
+	margin-bottom: 1.5rem;
+}
+.rf-recipe .rf-recipe__eyebrow {
+	font-size: 0.875rem;
+	font-weight: 600;
+	letter-spacing: 0.05em;
+	text-transform: uppercase;
+	color: var(--rf-color-primary);
+	margin: 0 0 0.5rem;
+}
+.rf-recipe__headline {
+	margin-top: 0;
+}
+.rf-recipe .rf-recipe__blurb {
+	color: var(--rf-color-muted);
+	margin-bottom: 0;
+	max-width: 40rem;
+}
+.rf-recipe__image {
+	margin-bottom: 1rem;
+}
 .rf-recipe__meta {
 	display: flex;
 	flex-wrap: wrap;
@@ -45,3 +67,18 @@
 .rf-recipe__content ol li {
 	padding: 0.25rem 0;
 }
+/* Media zone */
+.rf-recipe__media {
+	border-radius: var(--rf-radius-lg);
+}
+.rf-recipe__media img {
+	display: block;
+	width: 100%;
+	height: auto;
+	border-radius: var(--rf-radius-lg);
+}
+/* Split layout: meta bar spans full width above the grid */
+.rf-recipe[data-layout="split"] > .rf-recipe__meta,
+.rf-recipe[data-layout="split-reverse"] > .rf-recipe__meta {
+	grid-column: 1 / -1;
+}