@refrakt-md/lumina 0.40.0 → 0.41.1

package/contracts/structures.json

@@ -7815,6 +7815,7 @@
 				"blurb",
 				"metadata",
 				"tags",
+				"intro",
 				"body",
 				"{content}"
 			],
@@ -7946,6 +7947,7 @@
 				"blurb",
 				"metadata",
 				"tags",
+				"intro",
 				"body",
 				"{content}"
 			],
@@ -8065,6 +8067,7 @@
 				"blurb",
 				"metadata",
 				"tags",
+				"intro",
 				"body",
 				"{content}"
 			],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@refrakt-md/lumina",
   "description": "Lumina theme for refrakt.md — design tokens, CSS, identity transform, and layout configs",
-  "version": "0.40.0",
+  "version": "0.41.1",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -86,10 +86,10 @@
     "generate-tokens": "node scripts/generate-tokens.mjs"
   },
   "dependencies": {
-    "@refrakt-md/runes": "0.40.0",
-    "@refrakt-md/skeleton": "0.40.0",
-    "@refrakt-md/transform": "0.40.0",
-    "@refrakt-md/types": "0.40.0"
+    "@refrakt-md/runes": "0.41.1",
+    "@refrakt-md/skeleton": "0.41.1",
+    "@refrakt-md/transform": "0.41.1",
+    "@refrakt-md/types": "0.41.1"
   },
   "devDependencies": {
     "postcss": "^8.4.0"

package/styles/layouts/default.css

@@ -87,14 +87,21 @@
  * 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] {
+ * immediately adjacent to a rune block.
+ *
+ * A drawer enhanced into a `<dialog>` is not in the flow: it is a modal
+ * panel in the top layer, positioned by its own insets. Both rules skip
+ * it — otherwise the open panel keeps a 4rem margin top and bottom and
+ * stops short of the viewport edges (BUG-042), and prose after a closed,
+ * invisible drawer gains a section gap. The no-JS fallback is a
+ * `<section>`, which stays in the flow and keeps its spacing. */
+	.rf-page-content > article > * + [data-rune]:not(dialog) {
 		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]) {
+	.rf-page-content > article > [data-rune]:not(dialog) + :not([data-rune]) {
 		margin-top: var(--rf-spacing-section, 4rem);
 	}
 	.rf-page-content > article > [data-spacing="flush"] {

package/styles/runes/bug.css

@@ -22,6 +22,25 @@
 		content: "@";
 	}
 
+	/* Content written before the first section that is not a lead paragraph —
+ * a `> Ref:` blockquote, a list, a fence, a table (WORK-638). It reads as
+ * the opening of the body. A closing `---` is the author's separator before
+ * the first section, which already draws its own rule. */
+	.rf-bug__intro {
+		font-size: var(--rf-text-sm);
+		line-height: var(--rf-leading-relaxed);
+	}
+	.rf-bug__intro blockquote {
+		border-left: 3px solid var(--rf-color-border);
+		padding: 0.5rem 1rem;
+		margin: 0.75rem 0;
+		font-style: italic;
+		color: var(--rf-color-muted);
+	}
+	.rf-bug__intro > hr:last-child {
+		display: none;
+	}
+
 	.rf-bug__body {
 		font-size: var(--rf-text-sm);
 		line-height: var(--rf-leading-relaxed);

package/styles/runes/decision.css

@@ -17,6 +17,25 @@
 		margin-bottom: 1.5rem;
 	}
 
+	/* Content written before the first section that is not a lead paragraph —
+ * a `> Ref:` blockquote, a list, a fence, a table (WORK-638). It reads as
+ * the opening of the body. A closing `---` is the author's separator before
+ * the first section, which already draws its own rule. */
+	.rf-decision__intro {
+		font-size: var(--rf-text-sm);
+		line-height: var(--rf-leading-relaxed);
+	}
+	.rf-decision__intro blockquote {
+		border-left: 3px solid var(--rf-color-border);
+		padding: 0.5rem 1rem;
+		margin: 0.75rem 0;
+		font-style: italic;
+		color: var(--rf-color-muted);
+	}
+	.rf-decision__intro > hr:last-child {
+		display: none;
+	}
+
 	.rf-decision__body {
 		font-size: var(--rf-text-sm);
 		line-height: var(--rf-leading-relaxed);

package/styles/runes/milestone.css

@@ -23,6 +23,13 @@
 	.rf-milestone__body ul {
 		padding-left: 1.5rem;
 	}
+	.rf-milestone__body blockquote {
+		border-left: 3px solid var(--rf-color-border);
+		padding: 0.5rem 1rem;
+		margin: 0.75rem 0;
+		font-style: italic;
+		color: var(--rf-color-muted);
+	}
 
 	/* Auto-backlog */
 	.rf-milestone__backlog {

package/styles/runes/work.css

@@ -26,6 +26,25 @@
 		content: "@";
 	}
 
+	/* Content written before the first section that is not a lead paragraph —
+ * a `> Ref:` blockquote, a list, a fence, a table (WORK-638). It reads as
+ * the opening of the body. A closing `---` is the author's separator before
+ * the first section, which already draws its own rule. */
+	.rf-work__intro {
+		font-size: var(--rf-text-sm);
+		line-height: var(--rf-leading-relaxed);
+	}
+	.rf-work__intro blockquote {
+		border-left: 3px solid var(--rf-color-border);
+		padding: 0.5rem 1rem;
+		margin: 0.75rem 0;
+		font-style: italic;
+		color: var(--rf-color-muted);
+	}
+	.rf-work__intro > hr:last-child {
+		display: none;
+	}
+
 	.rf-work__body {
 		font-size: var(--rf-text-sm);
 		line-height: var(--rf-leading-relaxed);