@refrakt-md/lumina 0.41.0 → 0.41.2

package/contracts/structures.json

@@ -4763,7 +4763,7 @@
 						"default": "full"
 					},
 					"elevation": {
-						"default": "flat"
+						"default": "flush"
 					},
 					"bg": {
 						"selectors": [

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.41.0",
+  "version": "0.41.2",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -86,10 +86,10 @@
     "generate-tokens": "node scripts/generate-tokens.mjs"
   },
   "dependencies": {
-    "@refrakt-md/runes": "0.41.0",
-    "@refrakt-md/skeleton": "0.41.0",
-    "@refrakt-md/transform": "0.41.0",
-    "@refrakt-md/types": "0.41.0"
+    "@refrakt-md/runes": "0.41.2",
+    "@refrakt-md/skeleton": "0.41.2",
+    "@refrakt-md/transform": "0.41.2",
+    "@refrakt-md/types": "0.41.2"
   },
   "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/changelog.css

@@ -17,6 +17,17 @@
 		margin: 0 0 0.25rem;
 		color: var(--rf-color-text);
 	}
+	/* "0.41.0 · Composed runes you can ship". The dot is drawn here rather than
+	 * written in the heading, with empty alt text so it is not announced. */
+	.rf-changelog-release__title {
+		font-weight: var(--rf-weight-semibold);
+	}
+	.rf-changelog-release__title::before {
+		content: "·" / "";
+		margin-right: 0.35em;
+		color: var(--rf-color-muted);
+		font-weight: var(--rf-weight-normal);
+	}
 	.rf-changelog-release time {
 		font-size: var(--rf-text-xs);
 		color: var(--rf-color-muted);
@@ -31,7 +42,10 @@
 		line-height: var(--rf-leading-relaxed);
 		margin-bottom: 0.25rem;
 	}
-	.rf-changelog-release strong {
+	/* A label leading a list item ("- **Added** …") is a badge. Bold anywhere
+	 * else in a release — a summary paragraph, an "Action needed" hint — stays
+	 * ordinary bold rather than turning into small capitals. */
+	.rf-changelog-release li > strong:first-child {
 		font-size: var(--rf-text-xs);
 		font-weight: var(--rf-weight-bold);
 		text-transform: uppercase;

package/styles/runes/drawer.css

@@ -14,9 +14,10 @@
  *    (right/left) or height (top/bottom). Slide-in animation uses
  *    `@starting-style` to interpolate from off-screen on open.
  *
- * Body-scroll lock is applied as a class on `<html>` by the behavior
- * (`html.rf-drawer-open` → `overflow: hidden`) so mobile Safari doesn't
- * scroll the page underneath the open dialog.
+ * Page-scroll lock is applied as a class on `<html>` by the behavior
+ * (`html.rf-drawer-open` → `overflow: hidden` on the root only, never on
+ * `<body>`, see BUG-044) so mobile Safari doesn't scroll the page
+ * underneath the open dialog.
  */
 
 	.rf-drawer {