@refrakt-md/lumina 0.8.5 → 0.9.1

package/base.css

@@ -24,3 +24,13 @@
 
 /* Universal Rune Attributes */
 @import './styles/base/attributes.css';
+
+/* Dimensions */
+@import './styles/dimensions/metadata.css';
+@import './styles/dimensions/density.css';
+@import './styles/dimensions/sections.css';
+@import './styles/dimensions/state.css';
+@import './styles/dimensions/media.css';
+@import './styles/dimensions/surfaces.css';
+@import './styles/dimensions/checklist.css';
+@import './styles/dimensions/sequence.css';

package/contracts/structures.json

@@ -11,9 +11,9 @@
 				"{content}"
 			],
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-accordion__header",
+					"selector": ".rf-accordion__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -124,7 +124,8 @@
 				},
 				"min": "--grid-min",
 				"aspect": "--grid-aspect"
-			}
+			},
+			"childDensity": "compact"
 		},
 		"CodeGroup": {
 			"block": "codegroup",
@@ -247,9 +248,9 @@
 					"selector": ".rf-blog__content",
 					"source": "contentWrapper"
 				},
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-blog__header",
+					"selector": ".rf-blog__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -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",
@@ -762,9 +765,9 @@
 				"{content}"
 			],
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-tabs__header",
+					"selector": ".rf-tabs__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -914,9 +917,9 @@
 				}
 			},
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-reveal__header",
+					"selector": ".rf-reveal__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -1084,9 +1087,9 @@
 				}
 			},
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-hero__header",
+					"selector": ".rf-hero__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -1145,9 +1148,9 @@
 				}
 			},
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-cta__header",
+					"selector": ".rf-cta__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -1200,9 +1203,9 @@
 				}
 			},
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-bento__header",
+					"selector": ".rf-bento__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -1229,7 +1232,8 @@
 			"inlineStyles": {
 				"columns": "--bento-columns",
 				"gap": "--bento-gap"
-			}
+			},
+			"childDensity": "compact"
 		},
 		"BentoCell": {
 			"block": "bento-cell",
@@ -1313,9 +1317,9 @@
 				}
 			},
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-feature__header",
+					"selector": ".rf-feature__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -1373,9 +1377,9 @@
 				"{content}"
 			],
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-steps__header",
+					"selector": ".rf-steps__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -1455,9 +1459,9 @@
 				"{content}"
 			],
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-pricing__header",
+					"selector": ".rf-pricing__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -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",
@@ -1537,9 +1568,9 @@
 				"{content}"
 			],
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-comparison__header",
+					"selector": ".rf-comparison__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -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"
 				}
 			}
 		},
@@ -1687,9 +1723,9 @@
 			},
 			"elements": {
 				"header": {
-					"tag": "header",
+					"tag": "div",
 					"selector": ".rf-symbol__header",
-					"source": "autoLabel"
+					"source": "structure"
 				},
 				"kind-badge": {
 					"tag": "span",
@@ -1729,6 +1765,11 @@
 					"selector": ".rf-symbol__body",
 					"source": "contentWrapper"
 				},
+				"preamble": {
+					"tag": "header",
+					"selector": ".rf-symbol__preamble",
+					"source": "autoLabel"
+				},
 				"eyebrow": {
 					"tag": "eyebrow",
 					"selector": ".rf-symbol__eyebrow",
@@ -1777,9 +1818,9 @@
 				"{content}"
 			],
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-changelog__header",
+					"selector": ".rf-changelog__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -2232,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",
@@ -2386,9 +2434,9 @@
 					"selector": ".rf-event__content",
 					"source": "contentWrapper"
 				},
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-event__header",
+					"selector": ".rf-event__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -2435,9 +2483,9 @@
 				}
 			},
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-itinerary__header",
+					"selector": ".rf-itinerary__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -2516,7 +2564,7 @@
 			"root": ".rf-map",
 			"dataRune": "map",
 			"childOrder": [
-				"{content}"
+				"{content:container}"
 			],
 			"modifiers": {
 				"variant": {
@@ -2530,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"
 				}
 			}
 		},
@@ -2558,9 +2641,9 @@
 				}
 			},
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-cast__header",
+					"selector": ".rf-cast__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -2602,9 +2685,9 @@
 				"{content}"
 			],
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-organization__header",
+					"selector": ".rf-organization__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -2645,9 +2728,9 @@
 				}
 			},
 			"elements": {
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-timeline__header",
+					"selector": ".rf-timeline__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -2821,6 +2904,12 @@
 					"classPattern": ".rf-preview--{value}",
 					"dataAttribute": "data-title"
 				}
+			},
+			"contextModifiers": {
+				"feature": {
+					"suffix": "in-feature",
+					"selector": ".rf-preview--in-feature"
+				}
 			}
 		},
 		"Mockup": {
@@ -2893,9 +2982,9 @@
 					"selector": ".rf-howto__content",
 					"source": "contentWrapper"
 				},
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-howto__header",
+					"selector": ".rf-howto__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -2937,17 +3026,14 @@
 				},
 				"prepTime": {
 					"source": "meta",
-					"classPattern": ".rf-recipe--{value}",
 					"dataAttribute": "data-prep-time"
 				},
 				"cookTime": {
 					"source": "meta",
-					"classPattern": ".rf-recipe--{value}",
 					"dataAttribute": "data-cook-time"
 				},
 				"servings": {
 					"source": "meta",
-					"classPattern": ".rf-recipe--{value}",
 					"dataAttribute": "data-servings"
 				},
 				"difficulty": {
@@ -3002,9 +3088,9 @@
 					"parent": "meta",
 					"condition": "difficulty"
 				},
-				"header": {
+				"preamble": {
 					"tag": "header",
-					"selector": ".rf-recipe__header",
+					"selector": ".rf-recipe__preamble",
 					"source": "autoLabel"
 				},
 				"eyebrow": {
@@ -3059,7 +3145,7 @@
 			"root": ".rf-playlist",
 			"dataRune": "playlist",
 			"childOrder": [
-				"header",
+				"meta",
 				"{content}"
 			],
 			"modifiers": {
@@ -3093,19 +3179,56 @@
 				"collapse": {
 					"source": "meta",
 					"dataAttribute": "data-collapse"
+				},
+				"artist": {
+					"source": "meta",
+					"dataAttribute": "data-artist"
+				},
+				"hasPlayer": {
+					"source": "meta",
+					"dataAttribute": "data-has-player"
+				},
+				"id": {
+					"source": "meta",
+					"dataAttribute": "data-id"
 				}
 			},
 			"elements": {
-				"header": {
+				"meta": {
 					"tag": "div",
-					"selector": ".rf-playlist__header",
+					"selector": ".rf-playlist__meta",
 					"source": "structure"
 				},
 				"type-badge": {
 					"tag": "span",
 					"selector": ".rf-playlist__type-badge",
 					"source": "structure",
-					"parent": "header"
+					"parent": "meta"
+				},
+				"preamble": {
+					"tag": "header",
+					"selector": ".rf-playlist__preamble",
+					"source": "autoLabel"
+				},
+				"eyebrow": {
+					"tag": "eyebrow",
+					"selector": ".rf-playlist__eyebrow",
+					"source": "autoLabel"
+				},
+				"headline": {
+					"tag": "headline",
+					"selector": ".rf-playlist__headline",
+					"source": "autoLabel"
+				},
+				"blurb": {
+					"tag": "blurb",
+					"selector": ".rf-playlist__blurb",
+					"source": "autoLabel"
+				},
+				"image": {
+					"tag": "image",
+					"selector": ".rf-playlist__image",
+					"source": "autoLabel"
 				},
 				"media": {
 					"tag": "media",

package/index.css

@@ -25,6 +25,16 @@
 /* Universal Rune Attributes */
 @import './styles/base/attributes.css';
 
+/* Dimensions */
+@import './styles/dimensions/metadata.css';
+@import './styles/dimensions/density.css';
+@import './styles/dimensions/sections.css';
+@import './styles/dimensions/state.css';
+@import './styles/dimensions/media.css';
+@import './styles/dimensions/surfaces.css';
+@import './styles/dimensions/checklist.css';
+@import './styles/dimensions/sequence.css';
+
 /* Runes */
 @import './styles/runes/accordion.css';
 @import './styles/runes/annotate.css';
@@ -84,6 +94,7 @@
 @import './styles/runes/timeline.css';
 @import './styles/runes/toc.css';
 @import './styles/runes/track.css';
+@import './styles/runes/xref.css';
 @import './styles/runes/swatch.css';
 @import './styles/runes/palette.css';
 @import './styles/runes/typography.css';
@@ -95,3 +106,12 @@
 @import './styles/runes/tint.css';
 @import './styles/runes/showcase.css';
 @import './styles/runes/bg.css';
+@import './styles/runes/spec.css';
+@import './styles/runes/work.css';
+@import './styles/runes/bug.css';
+@import './styles/runes/decision.css';
+@import './styles/runes/milestone.css';
+@import './styles/runes/backlog.css';
+@import './styles/runes/decision-log.css';
+@import './styles/runes/plan-progress.css';
+@import './styles/runes/plan-activity.css';

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.8.5",
+  "version": "0.9.1",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -51,15 +51,15 @@
     "build": "tsc"
   },
   "dependencies": {
-    "@refrakt-md/runes": "0.8.5",
-    "@refrakt-md/transform": "0.8.5",
-    "@refrakt-md/types": "0.8.5",
-    "@refrakt-md/svelte": "0.8.5"
+    "@refrakt-md/runes": "0.9.1",
+    "@refrakt-md/transform": "0.9.1",
+    "@refrakt-md/types": "0.9.1",
+    "@refrakt-md/svelte": "0.9.1"
   },
   "peerDependencies": {
     "svelte": "^5.0.0",
     "@sveltejs/kit": "^2.0.0",
-    "@refrakt-md/html": "0.8.5"
+    "@refrakt-md/html": "0.9.1"
   },
   "devDependencies": {
     "postcss": "^8.4.0"

package/styles/dimensions/checklist.css

@@ -0,0 +1,81 @@
+/* === Checklist: universal checkbox item styling === */
+
+/* All checklist items get left padding for the indicator */
+[data-checked] {
+	position: relative;
+	padding-left: 1.75rem;
+	list-style: none;
+	margin-left: -1.5rem;
+}
+
+/* Indicator base — positioned left of text */
+[data-checked]::before {
+	content: '';
+	position: absolute;
+	left: 0.125rem;
+	top: 0.5em;
+	width: 1rem;
+	height: 1rem;
+	border-radius: var(--rf-radius-sm, 0.25rem);
+	border: 2px solid var(--rf-color-border);
+	background: transparent;
+}
+
+/* Checked — filled with checkmark */
+[data-checked="checked"]::before {
+	background: var(--rf-color-success);
+	border-color: var(--rf-color-success);
+}
+
+[data-checked="checked"] {
+	color: var(--rf-color-muted);
+}
+
+/* Active — primary colour with emphasis */
+[data-checked="active"]::before {
+	border-color: var(--rf-color-primary);
+	background: var(--rf-color-primary);
+	box-shadow: 0 0 0 3px color-mix(in oklch, var(--rf-color-primary) 20%, transparent);
+}
+
+[data-checked="active"] {
+	color: var(--rf-color-primary);
+	font-weight: 600;
+}
+
+/* Skipped — muted with strikethrough */
+[data-checked="skipped"]::before {
+	background: var(--rf-color-muted);
+	border-color: var(--rf-color-muted);
+}
+
+[data-checked="skipped"] {
+	text-decoration: line-through;
+	color: var(--rf-color-muted);
+}
+
+/* Unchecked — empty indicator (inherits base styling) */
+[data-checked="unchecked"]::before {
+	background: transparent;
+}
+
+/* === Density interaction === */
+
+/* Compact: tighter spacing */
+[data-density="compact"] [data-checked] {
+	padding-left: 1.5rem;
+}
+
+[data-density="compact"] [data-checked]::before {
+	width: 0.75rem;
+	height: 0.75rem;
+}
+
+/* Minimal: indicators only, no text */
+[data-density="minimal"] [data-checked] {
+	font-size: 0;
+	padding-left: 0;
+	display: inline-block;
+	width: 1rem;
+	height: 1rem;
+}