@refrakt-md/lumina 0.38.0 → 0.39.0

package/contracts/structures.json

@@ -1861,6 +1861,7 @@
 			},
 			"schemaOrg": {
 				"type": "ImageObject",
+				"byField": "body",
 				"properties": [
 					{
 						"source": "image",

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.38.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.38.0",
-    "@refrakt-md/skeleton": "0.38.0",
-    "@refrakt-md/transform": "0.38.0",
-    "@refrakt-md/types": "0.38.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;
-	}
-}