@refrakt-md/lumina 0.9.0 → 0.9.2

package/contracts/structures.json

@@ -124,7 +124,8 @@
 				},
 				"min": "--grid-min",
 				"aspect": "--grid-aspect"
-			}
+			},
+			"childDensity": "compact"
 		},
 		"CodeGroup": {
 			"block": "codegroup",
@@ -494,7 +495,8 @@
 				"gap": {
 					"prop": "--gallery-gap"
 				}
-			}
+			},
+			"childDensity": "compact"
 		},
 		"Sidenote": {
 			"block": "sidenote",
@@ -752,7 +754,8 @@
 					"prop": "--showcase-offset"
 				},
 				"aspect": "--showcase-aspect"
-			}
+			},
+			"childDensity": "compact"
 		},
 		"TabGroup": {
 			"block": "tabs",
@@ -1229,7 +1232,8 @@
 			"inlineStyles": {
 				"columns": "--bento-columns",
 				"gap": "--bento-gap"
-			}
+			},
+			"childDensity": "compact"
 		},
 		"BentoCell": {
 			"block": "bento-cell",
@@ -1511,7 +1515,8 @@
 			"root": ".rf-testimonial",
 			"dataRune": "testimonial",
 			"childOrder": [
-				"{content}"
+				"rating",
+				"{content:content}"
 			],
 			"modifiers": {
 				"variant": {
@@ -1519,9 +1524,35 @@
 					"default": "card",
 					"classPattern": ".rf-testimonial--{value}",
 					"dataAttribute": "data-variant"
+				},
+				"rating": {
+					"source": "meta",
+					"dataAttribute": "data-rating"
+				},
+				"ratingTotal": {
+					"source": "meta",
+					"default": "5",
+					"dataAttribute": "data-rating-total"
 				}
 			},
 			"elements": {
+				"rating": {
+					"tag": "div",
+					"selector": ".rf-testimonial__rating",
+					"source": "structure",
+					"condition": "rating"
+				},
+				"star": {
+					"tag": "span",
+					"selector": ".rf-testimonial__star",
+					"source": "structure",
+					"parent": "rating"
+				},
+				"content": {
+					"tag": "div",
+					"selector": ".rf-testimonial__content",
+					"source": "contentWrapper"
+				},
 				"quote": {
 					"tag": "blockquote",
 					"selector": ".rf-testimonial__quote",
@@ -1586,7 +1617,12 @@
 					"source": "meta",
 					"default": "text",
 					"classPattern": ".rf-comparison-row--{value}",
-					"dataAttribute": "data-row-type"
+					"dataAttribute": "data-row-type",
+					"valueMap": {
+						"check": "checked",
+						"cross": "unchecked"
+					},
+					"mapTarget": "data-checked"
 				}
 			}
 		},
@@ -2237,7 +2273,14 @@
 					"source": "meta",
 					"default": "planned",
 					"classPattern": ".rf-beat--{value}",
-					"dataAttribute": "data-status"
+					"dataAttribute": "data-status",
+					"valueMap": {
+						"complete": "checked",
+						"active": "active",
+						"planned": "unchecked",
+						"abandoned": "skipped"
+					},
+					"mapTarget": "data-checked"
 				},
 				"id": {
 					"source": "meta",
@@ -2521,7 +2564,7 @@
 			"root": ".rf-map",
 			"dataRune": "map",
 			"childOrder": [
-				"{content}"
+				"{content:container}"
 			],
 			"modifiers": {
 				"variant": {
@@ -2535,6 +2578,41 @@
 					"default": "medium",
 					"classPattern": ".rf-map--{value}",
 					"dataAttribute": "data-height"
+				},
+				"zoom": {
+					"source": "meta",
+					"dataAttribute": "data-zoom"
+				},
+				"center": {
+					"source": "meta",
+					"dataAttribute": "data-center"
+				},
+				"provider": {
+					"source": "meta",
+					"dataAttribute": "data-provider"
+				},
+				"interactive": {
+					"source": "meta",
+					"dataAttribute": "data-interactive"
+				},
+				"route": {
+					"source": "meta",
+					"dataAttribute": "data-route"
+				},
+				"cluster": {
+					"source": "meta",
+					"dataAttribute": "data-cluster"
+				},
+				"apiKey": {
+					"source": "meta",
+					"dataAttribute": "data-api-key"
+				}
+			},
+			"elements": {
+				"container": {
+					"tag": "div",
+					"selector": ".rf-map__container",
+					"source": "contentWrapper"
 				}
 			}
 		},
@@ -2795,10 +2873,10 @@
 				"{content}"
 			],
 			"modifiers": {
-				"title": {
+				"titleText": {
 					"source": "meta",
 					"classPattern": ".rf-design-context--{value}",
-					"dataAttribute": "data-title"
+					"dataAttribute": "data-title-text"
 				}
 			}
 		},

package/layouts/index.ts

@@ -0,0 +1,13 @@
+import { defaultLayout, docsLayout, blogArticleLayout } from '@refrakt-md/transform';
+
+/**
+ * Layout name -> LayoutConfig map.
+ *
+ * This is the single framework-agnostic entry point for Lumina's layouts,
+ * replacing the per-framework adapter files (ADR-009).
+ */
+export const layouts = {
+	default: defaultLayout,
+	docs: docsLayout,
+	'blog-article': blogArticleLayout,
+};

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.9.0",
+  "description": "Lumina theme for refrakt.md — design tokens, CSS, identity transform, and layout configs",
+  "version": "0.9.2",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -23,18 +23,11 @@
     },
     "./manifest": "./manifest.json",
     "./contracts": "./contracts/structures.json",
-    "./svelte": {
-      "types": "./svelte/index.ts",
-      "svelte": "./svelte/index.ts",
-      "default": "./svelte/index.ts"
+    "./layouts": {
+      "types": "./layouts/index.ts",
+      "default": "./layouts/index.ts"
     },
-    "./html": {
-      "types": "./html/index.ts",
-      "default": "./html/index.ts"
-    },
-    "./styles/runes/*.css": "./styles/runes/*.css",
-    "./svelte/tokens.css": "./svelte/tokens.css",
-    "./svelte/manifest": "./svelte/manifest.json"
+    "./styles/runes/*.css": "./styles/runes/*.css"
   },
   "files": [
     "dist",
@@ -44,35 +37,17 @@
     "styles",
     "contracts",
     "manifest.json",
-    "svelte",
-    "html"
+    "layouts"
   ],
   "scripts": {
     "build": "tsc"
   },
   "dependencies": {
-    "@refrakt-md/runes": "0.9.0",
-    "@refrakt-md/transform": "0.9.0",
-    "@refrakt-md/types": "0.9.0",
-    "@refrakt-md/svelte": "0.9.0"
-  },
-  "peerDependencies": {
-    "svelte": "^5.0.0",
-    "@sveltejs/kit": "^2.0.0",
-    "@refrakt-md/html": "0.9.0"
+    "@refrakt-md/runes": "0.9.2",
+    "@refrakt-md/transform": "0.9.2",
+    "@refrakt-md/types": "0.9.2"
   },
   "devDependencies": {
     "postcss": "^8.4.0"
-  },
-  "peerDependenciesMeta": {
-    "svelte": {
-      "optional": true
-    },
-    "@sveltejs/kit": {
-      "optional": true
-    },
-    "@refrakt-md/html": {
-      "optional": true
-    }
   }
 }

package/styles/runes/backlog.css

@@ -19,7 +19,7 @@
 .rf-backlog__card {
 	display: flex;
 	flex-direction: column;
-	gap: 0.25rem;
+	gap: 0.375rem;
 	padding: 0.75rem 1rem;
 	border-radius: var(--rf-radius-md);
 	background: var(--rf-color-surface);
@@ -36,26 +36,73 @@
 	color: inherit;
 	display: flex;
 	flex-direction: column;
-	gap: 0.25rem;
+	gap: 0.375rem;
 }
 .rf-backlog__card-link:hover {
 	text-decoration: none;
 }
 
-/* Card title — smaller than full rune */
+/* ─── Header row: ID left, status + progress right ──────────────────── */
+.rf-backlog__card [data-section="header"] {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 0.5rem;
+	margin-bottom: 0;
+}
+.rf-backlog__card-header-left,
+.rf-backlog__card-header-right {
+	display: inline-flex;
+	align-items: center;
+	gap: 0.5rem;
+}
+
+/* Strip borders and pill styling from header badges — doubled class for specificity */
+.rf-backlog__card [data-section="header"] [data-meta-type][data-meta-type] {
+	border: none;
+	padding: 0;
+	border-radius: 0;
+}
+
+/* Suppress sentiment circles in header */
+.rf-backlog__card [data-section="header"] [data-meta-sentiment]::before {
+	display: none;
+}
+
+/* ─── Body: title ───────────────────────────────────────────────────── */
 .rf-backlog__card [data-section="title"] {
 	font-size: 0.9375rem;
 	font-weight: 600;
 }
 
-/* Checklist progress badge */
+/* ─── Footer row: uniform secondary pills ───────────────────────────── */
+.rf-backlog__card [data-section="footer"] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 0.375rem;
+}
+
+/* Normalize all footer pills to same size regardless of rank/type */
+.rf-backlog__card [data-section="footer"] [data-meta-type] {
+	font-size: 0.75rem;
+	padding: 0.25em 0.75em;
+	opacity: 1;
+}
+
+/* Checklist progress badge — plain text in header.
+   Override checklist dimension styles that match [data-checked]. */
 .rf-backlog__card-progress {
 	font-family: var(--rf-font-mono);
-	font-size: 0.6875rem;
+	font-size: 0.75rem;
 	font-weight: 600;
-	padding: 0.125rem 0.5rem;
-	border: 1px solid var(--rf-color-border);
-	border-radius: 999px;
 	color: var(--rf-color-muted);
-	margin-left: auto;
+	border: none;
+	padding: 0;
+	padding-left: 0;
+	margin-left: 0;
+	position: static;
+}
+.rf-backlog__card-progress::before {
+	display: none;
 }

package/styles/runes/gallery.css

@@ -20,6 +20,7 @@
 	position: relative;
 	overflow: hidden;
 	border-radius: var(--rf-radius-md);
+	margin: 0;
 }
 .rf-gallery__item img {
 	width: 100%;

package/styles/runes/testimonial.css

@@ -14,9 +14,12 @@
 	color: var(--rf-color-border);
 	line-height: 1;
 }
-.rf-testimonial__star--filled {
+.rf-testimonial__star[data-filled="true"] {
 	color: var(--rf-color-warning);
 }
+.rf-testimonial__content {
+	display: contents;
+}
 .rf-testimonial blockquote {
 	border: none;
 	padding: 0;

package/html/index.ts

@@ -1,28 +0,0 @@
-import type { HtmlTheme } from '@refrakt-md/html';
-import manifest from '../manifest.json';
-import { defaultLayout, docsLayout, blogArticleLayout } from '@refrakt-md/transform';
-
-// Layout region metadata from the base theme manifest
-const layoutRegions: Record<string, { regions: string[]; requiredRegions?: string[] }> = {
-	default: { regions: ['header', 'footer'] },
-	docs: { regions: ['header', 'nav', 'sidebar', 'footer'], requiredRegions: ['nav'] },
-	'blog-article': { regions: ['header', 'sidebar', 'footer'] },
-};
-
-const layouts: Record<string, any> = {};
-for (const [name, def] of Object.entries(manifest.layouts)) {
-	layouts[name] = { ...layoutRegions[name], ...def };
-}
-
-const mergedManifest = { ...manifest, layouts };
-
-export { mergedManifest as manifest };
-
-export const theme: HtmlTheme = {
-	manifest: mergedManifest as any,
-	layouts: {
-		default: defaultLayout,
-		docs: docsLayout,
-		'blog-article': blogArticleLayout,
-	},
-};

package/svelte/elements.ts

@@ -1 +0,0 @@
-export { elements } from '@refrakt-md/svelte';

package/svelte/index.ts

@@ -1,37 +0,0 @@
-import type { SvelteTheme } from '@refrakt-md/svelte';
-import adapterManifest from './manifest.json';
-import { registry } from './registry.js';
-import { elements } from './elements.js';
-import { defaultLayout, docsLayout, blogArticleLayout } from '@refrakt-md/transform';
-
-// Layout region metadata from the base theme manifest (packages/lumina/manifest.json).
-// Merged with adapter manifest component paths to produce full LayoutDefinitions.
-const layoutRegions: Record<string, { regions: string[]; requiredRegions?: string[] }> = {
-	default: { regions: ['header', 'footer'] },
-	docs: { regions: ['header', 'nav', 'sidebar', 'footer'], requiredRegions: ['nav'] },
-	'blog-article': { regions: ['header', 'sidebar', 'footer'] },
-};
-
-const layouts: Record<string, any> = {};
-for (const [name, adapter] of Object.entries(adapterManifest.layouts)) {
-	layouts[name] = { ...layoutRegions[name], ...adapter };
-}
-
-const manifest = { ...adapterManifest, layouts };
-
-/** Re-export the merged manifest for server-side use (no Svelte imports) */
-export { manifest };
-
-/** The structured theme object consumed by ThemeShell */
-export const theme: SvelteTheme = {
-	manifest: manifest as any,
-	layouts: {
-		default: defaultLayout,
-		docs: docsLayout,
-		'blog-article': blogArticleLayout,
-	},
-	components: registry,
-	elements,
-};
-
-export { registry };

package/svelte/manifest.json

@@ -1,17 +0,0 @@
-{
-	"name": "lumina",
-	"version": "0.1.0",
-	"description": "A clean, light documentation theme for refrakt.md",
-	"target": "svelte",
-	"designTokens": "tokens.css",
-
-	"layouts": {
-		"default": {},
-		"docs": {},
-		"blog": {}
-	},
-
-	"components": {},
-
-	"unsupportedRuneBehavior": "passthrough"
-}

package/svelte/registry.ts

@@ -1,2 +0,0 @@
-// Re-export base registry — lumina uses the same interactive components
-export { registry } from '@refrakt-md/svelte';

package/svelte/tokens.css

@@ -1,6 +0,0 @@
-/* ──────────────────────────────────────────────
-   Lumina Theme — Token Bridge
-   Imports identity tokens + global styles (--rf-* prefix).
-   ────────────────────────────────────────────── */
-
-@import '../index.css';