@refrakt-md/lumina 0.37.0 → 0.39.0

package/contracts/structures.json

@@ -565,13 +565,16 @@
 			},
 			"inlineStyles": {
 				"ratio": {
-					"prop": "--grid-ratio"
+					"prop": "--grid-ratio",
+					"transform": "fr"
 				},
 				"valign": {
-					"prop": "--grid-valign"
+					"prop": "--grid-valign",
+					"transform": "align"
 				},
 				"gap": {
-					"prop": "--grid-gap"
+					"prop": "--grid-gap",
+					"transform": "gap"
 				},
 				"min": "--grid-min",
 				"aspect": "--grid-aspect"
@@ -1165,7 +1168,8 @@
 			},
 			"inlineStyles": {
 				"valign": {
-					"prop": "--split-valign"
+					"prop": "--split-valign",
+					"transform": "align"
 				},
 				"aspect": "aspect-ratio"
 			},
@@ -1251,7 +1255,8 @@
 						},
 						"inlineStyles": {
 							"valign": {
-								"prop": "--split-valign"
+								"prop": "--split-valign",
+								"transform": "align"
 							},
 							"aspect": "aspect-ratio"
 						}
@@ -1856,6 +1861,7 @@
 			},
 			"schemaOrg": {
 				"type": "ImageObject",
+				"byField": "body",
 				"properties": [
 					{
 						"source": "image",
@@ -3428,7 +3434,8 @@
 			},
 			"inlineStyles": {
 				"valign": {
-					"prop": "--split-valign"
+					"prop": "--split-valign",
+					"transform": "align"
 				},
 				"aspect": "aspect-ratio"
 			},
@@ -3551,7 +3558,8 @@
 						},
 						"inlineStyles": {
 							"valign": {
-								"prop": "--split-valign"
+								"prop": "--split-valign",
+								"transform": "align"
 							},
 							"aspect": "aspect-ratio"
 						}
@@ -3901,7 +3909,8 @@
 			},
 			"inlineStyles": {
 				"valign": {
-					"prop": "--split-valign"
+					"prop": "--split-valign",
+					"transform": "align"
 				}
 			}
 		},
@@ -4051,7 +4060,8 @@
 			},
 			"inlineStyles": {
 				"valign": {
-					"prop": "--split-valign"
+					"prop": "--split-valign",
+					"transform": "align"
 				}
 			}
 		},
@@ -5087,7 +5097,8 @@
 			},
 			"inlineStyles": {
 				"valign": {
-					"prop": "--split-valign"
+					"prop": "--split-valign",
+					"transform": "align"
 				}
 			},
 			"schemaOrg": {
@@ -5349,7 +5360,8 @@
 			},
 			"inlineStyles": {
 				"valign": {
-					"prop": "--split-valign"
+					"prop": "--split-valign",
+					"transform": "align"
 				}
 			},
 			"schemaOrg": {
@@ -7108,7 +7120,8 @@
 			},
 			"inlineStyles": {
 				"valign": {
-					"prop": "--split-valign"
+					"prop": "--split-valign",
+					"transform": "align"
 				}
 			},
 			"variants": {
@@ -7270,7 +7283,8 @@
 						},
 						"inlineStyles": {
 							"valign": {
-								"prop": "--split-valign"
+								"prop": "--split-valign",
+								"transform": "align"
 							}
 						}
 					}
@@ -7490,7 +7504,8 @@
 			},
 			"inlineStyles": {
 				"valign": {
-					"prop": "--split-valign"
+					"prop": "--split-valign",
+					"transform": "align"
 				}
 			},
 			"schemaOrg": {

package/index.css

@@ -84,7 +84,6 @@
 @import "./styles/runes/diagram.css";
 @import "./styles/runes/diff.css";
 @import "./styles/runes/codegroup.css";
-@import "./styles/runes/snippet.css";
 @import "./styles/runes/embed.css";
 @import "./styles/runes/expand.css";
 @import "./styles/runes/event.css";

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.37.0",
+  "version": "0.39.0",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -86,10 +86,10 @@
     "generate-tokens": "node scripts/generate-tokens.mjs"
   },
   "dependencies": {
-    "@refrakt-md/runes": "0.37.0",
-    "@refrakt-md/skeleton": "0.37.0",
-    "@refrakt-md/transform": "0.37.0",
-    "@refrakt-md/types": "0.37.0"
+    "@refrakt-md/runes": "0.39.0",
+    "@refrakt-md/skeleton": "0.39.0",
+    "@refrakt-md/transform": "0.39.0",
+    "@refrakt-md/types": "0.39.0"
   },
   "devDependencies": {
     "postcss": "^8.4.0"

package/styles/runes/drawer.css

@@ -159,9 +159,9 @@
 	/* Collapse the vertical margins of first / last children inside the body
  * so the drawer's own padding is what spaces content from the chrome —
  * otherwise a `<figure>` or `<p>` with its own top/bottom margin stacks
- * on top of the body's padding and the content looks adrift. A snippet
- * inside a drawer compiles to `body > .rf-codeblock > .rf-snippet > <pre>`,
- * so the margin-zero walk reaches two levels deep to catch the figure. */
+ * on top of the body's padding and the content looks adrift. A code block
+ * inside a drawer can sit one wrapper deep (`body > .rf-codeblock > <pre>`),
+ * so the margin-zero walk reaches two levels deep to catch it. */
 	dialog.rf-drawer .rf-drawer__body > :first-child,
 	dialog.rf-drawer .rf-drawer__body > :first-child > :first-child {
 		margin-top: 0;

package/styles/runes/figure.css

@@ -1,10 +1,15 @@
 @layer skin {
 	/* Figure — skin. The image box, frame-aspect fill, size max-widths, and alignment
- * auto-margins live in @refrakt-md/skeleton (styles/runes/figure.css). */
-	.rf-figure :is(img, .rf-placeholder) {
+ * auto-margins live in @refrakt-md/skeleton (styles/runes/figure.css).
+ *
+ * Direct children only: since BUG-028 a figure's body may hold code, a table or
+ * a nested rune, whose own images and captions are not the figure's. A non-media
+ * body needs nothing else here — a code block or table keeps its own styling,
+ * and the caption sits below it as it does below an image. */
+	.rf-figure > :is(img, .rf-placeholder) {
 		border-radius: var(--rf-radius-media);
 	}
-	.rf-figure figcaption {
+	.rf-figure > figcaption {
 		margin-top: 0.625rem;
 		font-size: var(--rf-text-sm);
 		color: var(--rf-color-muted);

package/styles/runes/snippet.css

@@ -1,29 +0,0 @@
-@layer skin {
-	/* Snippet — file embedded as a code block.
- *
- * The standalone form is a `<figure class="rf-snippet">` wrapping the
- * existing `<pre class="rf-code-block">`. Nested forms (snippet inside
- * codegroup or diff) skip the figure wrapper entirely — the container's
- * chrome owns the layout there.
- *
- * The figure exists primarily so themes can style snippet-derived code
- * blocks distinctly from regular fences, and so tooling can find
- * `data-source-path` for "edit this file" affordances. Authors wanting a
- * labelled caption should wrap the snippet in `{% codegroup title="..." %}`.
- *
- * SPEC-062.
- */
-
-	.rf-snippet {
-		/* Override the UA `<figure>` defaults — browsers ship with
-	 * margin-inline: 40px and margin-block: 1em which makes the snippet
-	 * figure look indented inside any container. The longhand resets
-	 * cover both physical and logical margin properties because the
-	 * physical longhands set by `margin:` don't always cascade-override
-	 * the UA's logical longhands. */
-		margin: var(--rf-spacing-md) 0;
-		margin-inline-start: 0;
-		margin-inline-end: 0;
-		padding: 0;
-	}
-}