@celestia-island/hikari 0.55.259 → 0.55.260

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@celestia-island/hikari",
-  "version": "0.55.259",
+  "version": "0.55.260",
   "private": false,
   "type": "module",
   "description": "Hikari UI library, Vue 3 runtime — one design system for Vue 3 and Rust/WASM applications",

package/src/components/HkTimeline.bondcell.contract.test.ts

@@ -1,10 +1,10 @@
 /**
  * Source contract for the bond CELLS of the horizontal stepper (2026-10-31
- * user rule; 60 % share since the same evening's second look).
+ * user rule; share trimmed 80→60→50 % over the same day's three looks).
  *
  * The row is read as one cell per step plus one cell per bond: the steps
  * keep their content width, the leftover splits into EQUAL bond cells, and
- * each bond paints 60 % of its own cell CENTERED, so both ends keep a 20 %
+ * each bond paints 50 % of its own cell CENTERED, so both ends keep a 25 %
  * air gap. Before that rule the bond filled whatever the step had left after
  * its label, minus two fixed 4px margins — measured on a real engine at the
  * provider wizard's 590px row that put the bond 12px off its own label but
@@ -95,7 +95,7 @@ describe("horizontal bond cell contract", () => {
     // while the bond→node air is margin alone — the 12/4 asymmetry that
     // made the bond look glued to the next circle.
     expect(cell).toContain(`margin-inline: calc(-1 * ${GAP}) 0;`);
-    // The box must not paint itself: the visible 60 % is the ::before.
+    // The box must not paint itself: the visible 50 % is the ::before.
     expect(cell).toContain("background: none;");
     // The ::before resolves percentage insets against this box.
     expect(cell).toContain("position: relative;");
@@ -106,7 +106,7 @@ describe("horizontal bond cell contract", () => {
     expect(blockFor(".hk-timeline-step")).toContain(`gap: ${GAP};`);
   });
 
-  it("paints 60 % of the cell centred with a 20 % inset on each end", () => {
+  it("paints 50 % of the cell centred with a 25 % inset on each end", () => {
     // The parser above only yields top-level rules; the paint lives in the
     // nested block, so lift it out of the cell rule's body.
     const paint = /&::before\s*\{([^}]*)\}/.exec(blockFor(BOND_CELL))?.[1] ?? "";
@@ -114,7 +114,7 @@ describe("horizontal bond cell contract", () => {
     expect(paint).toContain('content: "";');
     expect(paint).toContain("position: absolute;");
     expect(paint).toContain("inset-block: 0;");
-    expect(paint).toContain("inset-inline: 20%;");
+    expect(paint).toContain("inset-inline: 25%;");
     expect(paint).toContain("background: var(--_bond-color);");
     // Percentage PADDING would resolve against the step, not the bond —
     // ban the MECHANISM on both boxes, not one pinned value (a stray
@@ -189,6 +189,18 @@ describe("horizontal bond cell contract", () => {
     expect(unscoped, "no unscoped connector background reset").toHaveLength(0);
   });
 
+  it("keeps the indicator numbers unselectable through the family policy", () => {
+    // Measured on a real engine: the indicator computes user-select: none
+    // via styles/selection.scss's html-level deny (chrome text is not
+    // content). The timeline must not opt back in, and must not mark its
+    // chrome with the .hk-selectable whitelist class.
+    expect(src).not.toMatch(/user-select:\s*text/);
+    expect(src).not.toContain("@include user-select");
+    const tsx = readFileSync(join(here, "HkTimeline.tsx"), "utf-8");
+    expect(tsx).not.toContain("hk-selectable");
+    expect(tsx).not.toContain("user-select");
+  });
+
   it("rides the status crossfade on the painted box, not just the frame", () => {
     // The paint moved to the ::before, so the crossfade must cover THAT
     // selector. Asserting the bare selector name proves nothing (the

package/src/components/HkTimeline.scss

@@ -312,12 +312,12 @@
   }
 }
 
-/* ── Bond cells (2026-10-31 user rule; 60 % share the same evening) ────
+/* ── Bond cells (2026-10-31 user rule; trimmed 80→60→50 % the same day) ─
    The horizontal row reads as one cell per step plus one cell per bond: the
    steps keep their content width, the leftover splits into EQUAL bond cells,
-   and each bond paints 60 % of its cell CENTERED, so both ends keep a 20 %
-   air gap. (The first cut painted 80 %/10 % — centred, but the completed
-   bond read as long as ever, so the share was trimmed the same evening.)
+   and each bond paints 50 % of its cell CENTERED, so both ends keep a 25 %
+   air gap. (80 %/10 % read as long as ever; 60 %/20 % still did; 50 %/25 %
+   is where the user asked it to land.)
    Three mechanics make that exact:
 
    1. The bond's box must span the WHOLE cell. Its cell begins where its own
@@ -329,8 +329,8 @@
       off the next node: the completed bond read as glued to the next circle.
    2. The painted share cannot be `padding-inline` — a percentage padding
       resolves against the CONTAINING block (the step), not the bond's own
-      box, which would inset it by a slice of the step instead of 20 % of the
-      cell. So the colour lives on a ::before pinned `inset-inline: 20%`,
+      box, which would inset it by a slice of the step instead of 25 % of the
+      cell. So the colour lives on a ::before pinned `inset-inline: 25%`,
       which does resolve against the bond. The status rules below therefore
       publish `--_bond-color`; the vertical rail keeps painting its own box
       (it is a rail hanging under the node, not a cell-wide bond).
@@ -368,7 +368,7 @@
     content: "";
     position: absolute;
     inset-block: 0;
-    inset-inline: 20%;
+    inset-inline: 25%;
     background: var(--_bond-color);
   }
 }
@@ -437,7 +437,7 @@
   }
 
   [data-el="connector"] {
-    // The bonds paint 60 % of their cell through a ::before (see the
+    // The bonds paint 50 % of their cell through a ::before (see the
     // full-mode cell rule); the token is the single source for both that
     // paint and the vertical rail's own box.
     --_bond-color: var(--hi-color-primary);
@@ -527,7 +527,7 @@
 
 // Status crossfade: the data-status driven colors (indicator fill/border,
 // label color, connector fill) transition instead of flipping. The
-// horizontal bond's paint lives on its ::before (the 60 % cell rule), so
+// horizontal bond's paint lives on its ::before (the 50 % cell rule), so
 // that box rides the crossfade too — without it a status flip snaps there
 // while the vertical rail keeps easing.
 .hk-timeline-step [data-el="indicator"],