@celestia-island/hikari 0.55.48 → 0.55.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@celestia-island/hikari",
-  "version": "0.55.48",
+  "version": "0.55.49",
   "private": false,
   "type": "module",
   "description": "Hikari Vue 3 component library — production-grade UI components based on shittim-chest design system",

package/src/components/HkStepFlow.scss

@@ -50,9 +50,14 @@
   // ENTER: fade in place with a standard ease — no travel, no other
   // property. The element is laid out and PAINTED from the moment it
   // mounts (opacity: 0 is compositor-only), so the first frame of the
-  // fade never triggers a re-raster.
+  // fade never triggers a re-raster. The NEGATIVE delay starts the fade
+  // already partway up its curve, so the new content crosses the eye's
+  // perceptual threshold (~0.15 opacity) the moment the old one drops
+  // below it — without it, the strictly sequential grammar leaves a
+  // ~70-125ms blank body window between the two phases, which was the
+  // "flicker" the user's device kept reporting (round 12, second video).
   transition:
-    opacity calc(var(--hk-stepflow-duration, 0.3s) / 2) cubic-bezier(0.4, 0, 0.2, 1);
+    opacity calc(var(--hk-stepflow-duration, 0.3s) / 2) cubic-bezier(0.4, 0, 0.2, 1) -40ms;
 }
 
 // The staged new body: transparent, untouchable, and at the CELL BOTTOM

package/src/components/HkStepFlow.slide.contract.test.ts

@@ -76,6 +76,9 @@ describe("HkStepFlow simplified swap contract", () => {
     expect(decl).toContain("opacity");
     expect(decl).toContain(PHASE);
     expect(decl).toContain("cubic-bezier(0.4, 0, 0.2, 1)");
+    // The negative delay starts the fade already partway up its curve,
+    // closing the blank-body window between the two phases.
+    expect(decl).toContain("-40ms");
     expect(decl, "the enter phase never travels").not.toContain("transform");
   });