@latentic/live-markdown 0.3.0 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## [0.3.1] - 2026-08-29
+
+### Fixed
+
+- **The task tick is centred in its box, and its stroke is lighter.** The tick
+  is an `L` rotated 45°, and the L's ink sits below and right of its own rect
+  centre — the rotation turns that diagonal offset into a purely downward one of
+  0.065em. The rect therefore has to ride that much above the box centre to look
+  centred: `top: 0.125em`, not the geometric `0.1875em`, which renders visibly
+  low. Stroke 0.125em → 0.1em, from 14.3% of the box to 11.4%.
+
 ## [0.3.0] - 2026-08-29
 
 ### Added

package/dist/index.js

@@ -2651,15 +2651,22 @@ var editorBaseTheme = EditorView.theme({
   // icon on a branded fill and is white in every theme, while the box here is
   // filled with `--cds-icon-primary` — which inverts. In dark that was a white
   // tick on a near-white box: a checked item read as unchecked.
+  //
+  // `top` is the OPTICAL centre, not the geometric one. The L's ink sits below
+  // and right of its own rect centre, and `rotate(45deg)` turns that diagonal
+  // offset into a purely downward one — 0.065em of it — so the rect has to ride
+  // that much higher for the tick to look centred. Geometric centring (0.1875em)
+  // renders visibly low; the old 0.0625em was visibly high.
   ".cm-task-checkbox:checked::after": {
     content: "''",
     position: "absolute",
     left: "0.3125em",
-    top: "0.0625em",
+    top: "0.125em",
     width: "0.25em",
     height: "0.5em",
     border: "solid var(--cds-background, #ffffff)",
-    borderWidth: "0 0.125em 0.125em 0",
+    // 0.125em read as a heavy slab once the box shrank to 0.875em.
+    borderWidth: "0 0.1em 0.1em 0",
     transform: "rotate(45deg)"
   },
   ".cm-task-checkbox:focus-visible": {