@refrakt-md/lumina 0.45.0 → 0.46.0

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

package/styles/dimensions/metadata.css

@@ -133,6 +133,22 @@
 	[data-zone-layout="definition-list"] dd {
 		font-size: var(--rf-text-sm);
 	}
+	/* A value that is not a pill reads at its row's size: the type's own size
+ * is for values standing in a bar (WORK-671 moved the value into a span). */
+	[data-zone-layout="definition-list"]
+		dd
+		> [data-meta-type]:not(
+			[data-meta-type="status"],
+			[data-meta-type="category"],
+			[data-meta-type="tag"]
+		) {
+		font-size: inherit;
+	}
+	/* …and a monospace value sets its row's line in monospace, as when the cell
+ * itself carried the type. */
+	[data-zone-layout="definition-list"] dd:has(> [data-meta-type="id"], > [data-meta-type="code"]) {
+		font-family: var(--rf-font-mono, monospace);
+	}
 
 	[data-zone-layout="definition-list"] dd[data-multi-value] {
 		gap: 0.25rem;

package/styles/runes/badge.css

@@ -1,9 +1,8 @@
 @layer skin {
-	/* Badge rune — standalone inline chip.
- *
- * The universal chip primitive emitted by `{% badge %}` AND by every
- * chip-type field a block renders (`bar` chips, `definition-list` `<dd>`
- * for chip-type fields). Tints come from the
+	/* The pill — `{% badge %}` (its `rf-badge` class) and every `status`,
+ * `category` or `tag` value a block renders, keyed on `data-meta-type`
+ * (ADR-043 decision 3, WORK-671: the engine states what a value is, the
+ * stylesheet how it looks). Tints come from the
  * universal `--meta-color` set by `dimensions/metadata.css`'s
  * sentiment rules (positive / caution / negative / neutral → success
  * / warning / danger / muted). Background is a `color-mix` of that
@@ -11,7 +10,10 @@
  * gives `--meta-color` works without per-status selectors.
  */
 
-	.rf-badge {
+	.rf-badge,
+	[data-meta-type="status"],
+	[data-meta-type="category"],
+	[data-meta-type="tag"] {
 		vertical-align: baseline;
 		border: none;
 		background: color-mix(in srgb, var(--meta-color, var(--rf-color-muted)) 10%, transparent);
@@ -20,6 +22,5 @@
 		font-weight: var(--rf-weight-medium);
 		padding: 0.125rem 0.5rem;
 		border-radius: var(--rf-radius-sm);
-		white-space: nowrap;
 	}
 }

package/styles/runes/bug.css

@@ -18,7 +18,7 @@
 		margin-bottom: 1.5rem;
 	}
 
-	.rf-bug__metadata [data-field="assignee"] dd .rf-badge::before {
+	.rf-bug__metadata [data-field="assignee"] dd > [data-meta-type]::before {
 		content: "@";
 	}
 

package/styles/runes/work.css

@@ -22,7 +22,7 @@
 
 	/* Assignee — `@` prefix on the plain-text def-list value. Targets the
  * row by field name so milestone / tags don't get the prefix too. */
-	.rf-work__metadata [data-field="assignee"] dd .rf-badge::before {
+	.rf-work__metadata [data-field="assignee"] dd > [data-meta-type]::before {
 		content: "@";
 	}
 
@@ -76,4 +76,9 @@
 	[data-complexity="unknown"] .rf-work__metadata [data-field="complexity"] dd::after {
 		content: "  ?";
 	}
+	/* The dots set like the value before them, a quantity (WORK-671 moved the
+	 * value's type from the cell onto the value). */
+	.rf-work__metadata [data-field="complexity"] dd::after {
+		font-variant-numeric: tabular-nums;
+	}
 }