@refrakt-md/lumina 0.32.0 → 0.34.0

package/styles/runes/blog.css

@@ -1,96 +1,95 @@
 @layer skin {
-/* Blog — post listing with filtering and sorting */
-.rf-blog {
-	--rf-title-size: var(--rf-text-3xl);
-	padding: 2rem 0;
-}
-.rf-blog__preamble {
-	margin-bottom: 2rem;
-}
-.rf-blog__headline {
-	/* WORK-538 — read the prominence override first; the fallback is this rune's
+	/* Blog — post listing with filtering and sorting */
+	.rf-blog {
+		--rf-title-size: var(--rf-text-3xl);
+		padding: 2rem 0;
+	}
+	.rf-blog__preamble {
+		margin-bottom: 2rem;
+	}
+	.rf-blog__headline {
+		/* WORK-538 — read the prominence override first; the fallback is this rune's
 	 * resting size, stated as --rf-title-size on the root so the prominence ramp
 	 * can compute from it. */
-	font-size: var(--rf-prominence-size, var(--rf-title-size));
-	font-weight: var(--rf-weight-bold);
-	letter-spacing: var(--rf-tracking-tight);
-	margin: 0 0 0.5rem;
-	line-height: var(--rf-leading-tight);
-	color: var(--rf-color-text);
-}
-.rf-blog__blurb {
-	font-size: var(--rf-text-lg);
-	color: var(--rf-color-muted);
-	margin: 0 0 1rem;
-	line-height: var(--rf-leading-relaxed);
-	max-width: 640px;
-}
-.rf-blog__posts {
-	gap: 1.5rem;
-}
-.rf-blog__post {
-	padding: 1.25rem 1.5rem;
-	border-radius: var(--rf-radius-md);
-	background: var(--rf-color-surface);
-	transition: box-shadow 200ms ease;
-}
-.rf-blog__post:hover {
-	box-shadow: var(--rf-shadow-md);
-}
-.rf-blog__post h3 {
-	font-size: var(--rf-text-xl);
-	font-weight: var(--rf-weight-semibold);
-	margin: 0 0 0.375rem;
-	line-height: var(--rf-leading-snug);
-}
-.rf-blog__post h3 a {
-	color: var(--rf-color-text);
-	text-decoration: none;
-}
-.rf-blog__post h3 a:hover {
-	color: var(--rf-color-primary);
-}
-.rf-blog__post time {
-	font-size: var(--rf-text-sm);
-	color: var(--rf-color-muted);
-	margin-bottom: 0.5rem;
-}
-.rf-blog__post p {
-	font-size: var(--rf-text);
-	color: var(--rf-color-muted);
-	margin: 0;
-	line-height: var(--rf-leading-relaxed);
-}
-
-/* Grid layout */
-.rf-blog--grid .rf-blog__posts {
-	gap: 1.25rem;
-}
+		font-size: var(--rf-prominence-size, var(--rf-title-size));
+		font-weight: var(--rf-weight-bold);
+		letter-spacing: var(--rf-tracking-tight);
+		margin: 0 0 0.5rem;
+		line-height: var(--rf-leading-tight);
+		color: var(--rf-color-text);
+	}
+	.rf-blog__blurb {
+		font-size: var(--rf-text-lg);
+		color: var(--rf-color-muted);
+		margin: 0 0 1rem;
+		line-height: var(--rf-leading-relaxed);
+		max-width: 640px;
+	}
+	.rf-blog__posts {
+		gap: 1.5rem;
+	}
+	.rf-blog__post {
+		padding: 1.25rem 1.5rem;
+		border-radius: var(--rf-radius-md);
+		background: var(--rf-color-surface);
+		transition: box-shadow 200ms ease;
+	}
+	.rf-blog__post:hover {
+		box-shadow: var(--rf-shadow-md);
+	}
+	.rf-blog__post h3 {
+		font-size: var(--rf-text-xl);
+		font-weight: var(--rf-weight-semibold);
+		margin: 0 0 0.375rem;
+		line-height: var(--rf-leading-snug);
+	}
+	.rf-blog__post h3 a {
+		color: var(--rf-color-text);
+		text-decoration: none;
+	}
+	.rf-blog__post h3 a:hover {
+		color: var(--rf-color-primary);
+	}
+	.rf-blog__post time {
+		font-size: var(--rf-text-sm);
+		color: var(--rf-color-muted);
+		margin-bottom: 0.5rem;
+	}
+	.rf-blog__post p {
+		font-size: var(--rf-text);
+		color: var(--rf-color-muted);
+		margin: 0;
+		line-height: var(--rf-leading-relaxed);
+	}
 
-/* Compact layout */
-.rf-blog--compact .rf-blog__posts {
-	gap: 0;
-}
-.rf-blog--compact .rf-blog__post {
-	border-radius: 0;
-	padding: 1rem 1.25rem;
-}
-.rf-blog--compact .rf-blog__post:first-child {
-	border-radius: var(--rf-radius-md) var(--rf-radius-md) 0 0;
-}
-.rf-blog--compact .rf-blog__post:last-child {
-	border-radius: 0 0 var(--rf-radius-md) var(--rf-radius-md);
-}
-.rf-blog--compact .rf-blog__post h3 {
-	font-size: var(--rf-text-lg);
-	margin-bottom: 0.125rem;
-}
-.rf-blog--compact .rf-blog__post p {
-	font-size: var(--rf-text-sm);
-}
-.rf-blog--compact .rf-blog__post time {
-	font-size: var(--rf-text-xs);
-	margin-bottom: 0.25rem;
-}
+	/* Grid layout */
+	.rf-blog--grid .rf-blog__posts {
+		gap: 1.25rem;
+	}
 
+	/* Compact layout */
+	.rf-blog--compact .rf-blog__posts {
+		gap: 0;
+	}
+	.rf-blog--compact .rf-blog__post {
+		border-radius: 0;
+		padding: 1rem 1.25rem;
+	}
+	.rf-blog--compact .rf-blog__post:first-child {
+		border-radius: var(--rf-radius-md) var(--rf-radius-md) 0 0;
+	}
+	.rf-blog--compact .rf-blog__post:last-child {
+		border-radius: 0 0 var(--rf-radius-md) var(--rf-radius-md);
+	}
+	.rf-blog--compact .rf-blog__post h3 {
+		font-size: var(--rf-text-lg);
+		margin-bottom: 0.125rem;
+	}
+	.rf-blog--compact .rf-blog__post p {
+		font-size: var(--rf-text-sm);
+	}
+	.rf-blog--compact .rf-blog__post time {
+		font-size: var(--rf-text-xs);
+		margin-bottom: 0.25rem;
+	}
 }

package/styles/runes/bond.css

@@ -1,54 +1,53 @@
 @layer skin {
-/* Bond */
-.rf-bond {
-	gap: 0.75rem;
-}
-.rf-bond > span[property="from"],
-.rf-bond > span[property="to"] {
-	font-weight: var(--rf-weight-semibold);
-	font-size: var(--rf-text);
-	color: var(--rf-color-text);
-	white-space: nowrap;
-}
-.rf-bond__arrow {
-	background: var(--rf-color-border);
-}
-.rf-bond__arrow::after {
-	border: 4px solid transparent;
-	border-left: 6px solid var(--rf-color-border);
-}
-.rf-bond[data-bidirectional="true"] .rf-bond__arrow::before {
-	border: 4px solid transparent;
-	border-right: 6px solid var(--rf-color-border);
-}
-.rf-bond__body {
-	font-size: var(--rf-text-sm);
-	color: var(--rf-color-muted);
-}
+	/* Bond */
+	.rf-bond {
+		gap: 0.75rem;
+	}
+	.rf-bond > span[property="from"],
+	.rf-bond > span[property="to"] {
+		font-weight: var(--rf-weight-semibold);
+		font-size: var(--rf-text);
+		color: var(--rf-color-text);
+		white-space: nowrap;
+	}
+	.rf-bond__arrow {
+		background: var(--rf-color-border);
+	}
+	.rf-bond__arrow::after {
+		border: 4px solid transparent;
+		border-left: 6px solid var(--rf-color-border);
+	}
+	.rf-bond[data-bidirectional="true"] .rf-bond__arrow::before {
+		border: 4px solid transparent;
+		border-right: 6px solid var(--rf-color-border);
+	}
+	.rf-bond__body {
+		font-size: var(--rf-text-sm);
+		color: var(--rf-color-muted);
+	}
 
-/* Status variants */
-.rf-bond--active .rf-bond__arrow,
-.rf-bond--active .rf-bond__arrow::after {
-	border-left-color: var(--rf-color-primary);
-}
-.rf-bond--active .rf-bond__arrow {
-	background: var(--rf-color-primary);
-}
-.rf-bond--active[data-bidirectional="true"] .rf-bond__arrow::before {
-	border-right-color: var(--rf-color-primary);
-}
-
-.rf-bond[data-status="broken"] .rf-bond__arrow {
-	background: repeating-linear-gradient(
-		90deg,
-		var(--rf-color-muted) 0,
-		var(--rf-color-muted) 4px,
-		transparent 4px,
-		transparent 8px
-	);
-}
-.rf-bond[data-status="broken"] {
-	opacity: 0.6;
-}
+	/* Status variants */
+	.rf-bond--active .rf-bond__arrow,
+	.rf-bond--active .rf-bond__arrow::after {
+		border-left-color: var(--rf-color-primary);
+	}
+	.rf-bond--active .rf-bond__arrow {
+		background: var(--rf-color-primary);
+	}
+	.rf-bond--active[data-bidirectional="true"] .rf-bond__arrow::before {
+		border-right-color: var(--rf-color-primary);
+	}
 
+	.rf-bond[data-status="broken"] .rf-bond__arrow {
+		background: repeating-linear-gradient(
+			90deg,
+			var(--rf-color-muted) 0,
+			var(--rf-color-muted) 4px,
+			transparent 4px,
+			transparent 8px
+		);
+	}
+	.rf-bond[data-status="broken"] {
+		opacity: 0.6;
+	}
 }

package/styles/runes/breadcrumb.css

@@ -1,38 +1,37 @@
 @layer skin {
-/* Breadcrumb — skin. The contents passthroughs + the flex trail live in
+	/* Breadcrumb — skin. The contents passthroughs + the flex trail live in
  * @refrakt-md/skeleton (styles/runes/breadcrumb.css). */
-.rf-breadcrumb {
-	font-size: var(--rf-text-sm);
-	margin: 0 0 1.5rem;
-}
-.rf-breadcrumb ol {
-	gap: 0.25rem;
-	padding: 0;
-	margin: 0;
-}
-.rf-breadcrumb li {
-	gap: 0.25rem;
-	padding: 0;
-	margin: 0;
-}
-.rf-breadcrumb li + li::before {
-	content: var(--separator);
-	color: var(--rf-color-muted);
-	opacity: 0.5;
-	margin-right: 0.125rem;
-}
-.rf-breadcrumb a {
-	color: var(--rf-color-muted);
-	text-decoration: none;
-	transition: color 150ms ease;
-}
-.rf-breadcrumb a:hover {
-	color: var(--rf-color-primary);
-	text-decoration: none;
-}
-.rf-breadcrumb li:last-child span {
-	color: var(--rf-color-text);
-	font-weight: var(--rf-weight-medium);
-}
-
+	.rf-breadcrumb {
+		font-size: var(--rf-text-sm);
+		margin: 0 0 1.5rem;
+	}
+	.rf-breadcrumb ol {
+		gap: 0.25rem;
+		padding: 0;
+		margin: 0;
+	}
+	.rf-breadcrumb li {
+		gap: 0.25rem;
+		padding: 0;
+		margin: 0;
+	}
+	.rf-breadcrumb li + li::before {
+		content: var(--separator);
+		color: var(--rf-color-muted);
+		opacity: 0.5;
+		margin-right: 0.125rem;
+	}
+	.rf-breadcrumb a {
+		color: var(--rf-color-muted);
+		text-decoration: none;
+		transition: color 150ms ease;
+	}
+	.rf-breadcrumb a:hover {
+		color: var(--rf-color-primary);
+		text-decoration: none;
+	}
+	.rf-breadcrumb li:last-child span {
+		color: var(--rf-color-text);
+		font-weight: var(--rf-weight-medium);
+	}
 }

package/styles/runes/budget.css

@@ -1,135 +1,134 @@
 @layer skin {
-/* Budget */
+	/* Budget */
 
-/* Duration + currency meta row — flex/gap from the shared
+	/* Duration + currency meta row — flex/gap from the shared
  * `[data-zone-layout=bar]` primitive; this block owns only its spacing. */
-.rf-budget__meta {
-	margin-bottom: 0.75rem;
-}
-.rf-budget__preamble {
-	margin-bottom: 1.5rem;
-}
-.rf-budget .rf-budget__eyebrow {
-	font-size: var(--rf-text-xs);
-	font-weight: var(--rf-weight-semibold);
-	letter-spacing: var(--rf-tracking-wider);
-	text-transform: uppercase;
-	color: var(--rf-color-primary);
-	margin: 0 0 0.375rem;
-}
-.rf-budget__headline {
-	margin-top: 0;
-	margin-bottom: 0.25rem;
-}
-.rf-budget .rf-budget__blurb {
-	color: var(--rf-color-muted);
-	margin-bottom: 0;
-	max-width: 40rem;
-}
-
-/* Categories */
-.rf-budget__categories {
-	gap: 1.5rem;
-}
+	.rf-budget__meta {
+		margin-bottom: 0.75rem;
+	}
+	.rf-budget__preamble {
+		margin-bottom: 1.5rem;
+	}
+	.rf-budget .rf-budget__eyebrow {
+		font-size: var(--rf-text-xs);
+		font-weight: var(--rf-weight-semibold);
+		letter-spacing: var(--rf-tracking-wider);
+		text-transform: uppercase;
+		color: var(--rf-color-primary);
+		margin: 0 0 0.375rem;
+	}
+	.rf-budget__headline {
+		margin-top: 0;
+		margin-bottom: 0.25rem;
+	}
+	.rf-budget .rf-budget__blurb {
+		color: var(--rf-color-muted);
+		margin-bottom: 0;
+		max-width: 40rem;
+	}
 
-/* Budget Category — no border box, spacing and typography create hierarchy */
-.rf-budget-category {
-	padding: 0;
-}
-.rf-budget-category--estimate {
-	border-left: 2px dashed var(--rf-color-warning);
-	padding-left: 1rem;
-}
-.rf-budget-category__header {
-	margin-bottom: 0.5rem;
-}
-.rf-budget-category--estimate .rf-budget-category__subtotal::before {
-	content: 'est.';
-	font-size: var(--rf-text-xs);
-	font-weight: var(--rf-weight-semibold);
-	text-transform: uppercase;
-	letter-spacing: var(--rf-tracking-wider);
-	color: var(--rf-color-warning);
-	background: var(--rf-color-warning-bg);
-	padding: 0.0625rem 0.375rem;
-	border-radius: var(--rf-radius-full);
-	margin-right: 0.5rem;
-	vertical-align: middle;
-}
-.rf-budget-category__label {
-	font-size: var(--rf-text);
-	font-weight: var(--rf-weight-semibold);
-	color: var(--rf-color-text);
-}
-.rf-budget-category__subtotal {
-	font-size: var(--rf-text);
-	font-weight: var(--rf-weight-semibold);
-	color: var(--rf-color-text);
-	white-space: nowrap;
-}
-.rf-budget-category__line-items {
-	padding: 0;
-	margin: 0;
-}
+	/* Categories */
+	.rf-budget__categories {
+		gap: 1.5rem;
+	}
 
-/* Budget Line Item */
-.rf-budget-line-item {
-	padding: 0.3125rem 0;
-	gap: 1rem;
-}
-.rf-budget-line-item + .rf-budget-line-item {
-	border-top: 1px solid var(--rf-color-border);
-}
-.rf-budget-line-item__description {
-	font-size: var(--rf-text-sm);
-	color: var(--rf-color-muted);
-}
-.rf-budget-line-item__amount {
-	font-size: var(--rf-text-sm);
-	font-weight: var(--rf-weight-medium);
-	color: var(--rf-color-text);
-	white-space: nowrap;
-	font-variant-numeric: tabular-nums;
-}
+	/* Budget Category — no border box, spacing and typography create hierarchy */
+	.rf-budget-category {
+		padding: 0;
+	}
+	.rf-budget-category--estimate {
+		border-left: 2px dashed var(--rf-color-warning);
+		padding-left: 1rem;
+	}
+	.rf-budget-category__header {
+		margin-bottom: 0.5rem;
+	}
+	.rf-budget-category--estimate .rf-budget-category__subtotal::before {
+		content: "est.";
+		font-size: var(--rf-text-xs);
+		font-weight: var(--rf-weight-semibold);
+		text-transform: uppercase;
+		letter-spacing: var(--rf-tracking-wider);
+		color: var(--rf-color-warning);
+		background: var(--rf-color-warning-bg);
+		padding: 0.0625rem 0.375rem;
+		border-radius: var(--rf-radius-full);
+		margin-right: 0.5rem;
+		vertical-align: middle;
+	}
+	.rf-budget-category__label {
+		font-size: var(--rf-text);
+		font-weight: var(--rf-weight-semibold);
+		color: var(--rf-color-text);
+	}
+	.rf-budget-category__subtotal {
+		font-size: var(--rf-text);
+		font-weight: var(--rf-weight-semibold);
+		color: var(--rf-color-text);
+		white-space: nowrap;
+	}
+	.rf-budget-category__line-items {
+		padding: 0;
+		margin: 0;
+	}
 
-/* Budget Footer — total line */
-.rf-budget__footer {
-	margin-top: 1.5rem;
-	padding-top: 1rem;
-	border-top: 2px solid var(--rf-color-text);
-	gap: 0.5rem;
-}
-.rf-budget__total {
-	gap: 1rem;
-}
-.rf-budget__total-label {
-	font-size: var(--rf-text);
-	font-weight: var(--rf-weight-bold);
-	color: var(--rf-color-text);
-}
-.rf-budget__total-amount {
-	font-size: var(--rf-text-xl);
-	font-weight: var(--rf-weight-bold);
-	color: var(--rf-color-text);
-	white-space: nowrap;
-	font-variant-numeric: tabular-nums;
-}
-.rf-budget__per-day {
-	gap: 1rem;
-}
-.rf-budget__per-day-label {
-	font-size: var(--rf-text-sm);
-	color: var(--rf-color-muted);
-}
-.rf-budget__per-day-amount {
-	font-size: var(--rf-text);
-	font-weight: var(--rf-weight-medium);
-	color: var(--rf-color-muted);
-	white-space: nowrap;
-	font-variant-numeric: tabular-nums;
-}
-[data-variant="summary"] .rf-budget-category__header {
-	margin-bottom: 0;
-}
+	/* Budget Line Item */
+	.rf-budget-line-item {
+		padding: 0.3125rem 0;
+		gap: 1rem;
+	}
+	.rf-budget-line-item + .rf-budget-line-item {
+		border-top: 1px solid var(--rf-color-border);
+	}
+	.rf-budget-line-item__description {
+		font-size: var(--rf-text-sm);
+		color: var(--rf-color-muted);
+	}
+	.rf-budget-line-item__amount {
+		font-size: var(--rf-text-sm);
+		font-weight: var(--rf-weight-medium);
+		color: var(--rf-color-text);
+		white-space: nowrap;
+		font-variant-numeric: tabular-nums;
+	}
 
+	/* Budget Footer — total line */
+	.rf-budget__footer {
+		margin-top: 1.5rem;
+		padding-top: 1rem;
+		border-top: 2px solid var(--rf-color-text);
+		gap: 0.5rem;
+	}
+	.rf-budget__total {
+		gap: 1rem;
+	}
+	.rf-budget__total-label {
+		font-size: var(--rf-text);
+		font-weight: var(--rf-weight-bold);
+		color: var(--rf-color-text);
+	}
+	.rf-budget__total-amount {
+		font-size: var(--rf-text-xl);
+		font-weight: var(--rf-weight-bold);
+		color: var(--rf-color-text);
+		white-space: nowrap;
+		font-variant-numeric: tabular-nums;
+	}
+	.rf-budget__per-day {
+		gap: 1rem;
+	}
+	.rf-budget__per-day-label {
+		font-size: var(--rf-text-sm);
+		color: var(--rf-color-muted);
+	}
+	.rf-budget__per-day-amount {
+		font-size: var(--rf-text);
+		font-weight: var(--rf-weight-medium);
+		color: var(--rf-color-muted);
+		white-space: nowrap;
+		font-variant-numeric: tabular-nums;
+	}
+	[data-variant="summary"] .rf-budget-category__header {
+		margin-bottom: 0;
+	}
 }

package/styles/runes/bug.css

@@ -1,36 +1,37 @@
 @layer skin {
-/* Bug */
+	/* Bug */
 
-/* SPEC-079: eyebrow + metadata zone names replace header-primary /
+	/* SPEC-079: eyebrow + metadata zone names replace header-primary /
  * header-secondary. Layout-level geometry lives on [data-zone-layout]
  * selectors; this file carries bug-specific spacing + assignee prefix. */
 
-.rf-bug__eyebrow {
-	margin-bottom: 0.75rem;
-}
-.rf-bug__title h1,
-.rf-bug__title h2,
-.rf-bug__title h3 {
-	margin-top: 0;
-}
-
-.rf-bug__metadata {
-	margin-bottom: 1.5rem;
-}
+	.rf-bug__eyebrow {
+		margin-bottom: 0.75rem;
+	}
+	.rf-bug__title h1,
+	.rf-bug__title h2,
+	.rf-bug__title h3 {
+		margin-top: 0;
+	}
 
-.rf-bug__metadata [data-field="assignee"] dd .rf-badge::before { content: '@'; }
+	.rf-bug__metadata {
+		margin-bottom: 1.5rem;
+	}
 
-.rf-bug__body {
-	font-size: var(--rf-text-sm);
-	line-height: var(--rf-leading-relaxed);
-}
-.rf-bug__body > section {
-	margin-top: 1rem;
-	padding-top: 0.75rem;
-	border-top: 1px solid var(--rf-color-border);
-}
-.rf-bug__body > section:first-child {
-	margin-top: 0.75rem;
-}
+	.rf-bug__metadata [data-field="assignee"] dd .rf-badge::before {
+		content: "@";
+	}
 
+	.rf-bug__body {
+		font-size: var(--rf-text-sm);
+		line-height: var(--rf-leading-relaxed);
+	}
+	.rf-bug__body > section {
+		margin-top: 1rem;
+		padding-top: 0.75rem;
+		border-top: 1px solid var(--rf-color-border);
+	}
+	.rf-bug__body > section:first-child {
+		margin-top: 0.75rem;
+	}
 }