@celestia-island/hikari 0.55.219 → 0.55.220

package/package.json

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

package/src/components/HkTreemap.test.tsx

@@ -229,18 +229,13 @@ describe("HkTreemap pure layout input", () => {
     ).toEqual({ nodes: [], total: 0 });
   });
 
-  it("chooses readable label colours across pale, mid-tone and dark backgrounds", () => {
-    expect(contrastTextColor("#edc948")).toBe("#0b1220");
-    expect(contrastTextColor("#4e79a7")).toBe("#fff");
-    expect(contrastTextColor("#76b7b2")).toBe("#0b1220");
-    expect(contrastTextColor("rgb(242, 142, 43)")).toBe("#0b1220");
-    expect(contrastTextColor("#abc")).toBe("#0b1220");
-    expect(contrastTextColor("hsl(0, 0%, 100%)")).toBe("#0b1220");
-    expect(contrastTextColor("not-a-color")).toBe("#fff");
-    // Every default palette member must clear WCAG AA with its chosen text.
-    for (const color of HK_TREEMAP_DEFAULT_COLORS) {
-      expect(["#fff", "#0b1220"]).toContain(contrastTextColor(color));
-    }
+  it("cell labels follow the theme icon/text token, not a per-block flip", () => {
+    // User direction 2026-10-28: cells read like icon glyphs — white on the
+    // dark theme via rgb(var(--color-text)), the same vocabulary as
+    // HkIconButton; the token flips the ink in the light theme.
+    expect(contrastTextColor("#edc948")).toBe("rgb(var(--color-text, 30 30 30))");
+    expect(contrastTextColor("#4e79a7")).toBe("rgb(var(--color-text, 30 30 30))");
+    expect(contrastTextColor("not-a-color")).toBe("rgb(var(--color-text, 30 30 30))");
   });
 
   it("builds an accessible leaf-path summary from the same layout", () => {

package/src/components/HkTreemap.tsx

@@ -144,21 +144,18 @@ function resolveOpaqueColor(raw: string, fallback: string): string {
   return `rgb(${Math.round(channels[0])} ${Math.round(channels[1])} ${Math.round(channels[2])})`;
 }
 
-/** Pick the higher-contrast label colour for an opaque CSS background. */
-export function contrastTextColor(background: string): string {
-  const channels = parseCssColor(background);
-  if (!channels || channels[3] < 0.999) return "#fff";
-  // sRGB relative luminance, with the standard gamma expansion. The two
-  // candidate text colours (#fff / #0b1220) cross at luminance ~= 0.193.
-  const linear = (channel: number) => {
-    const value = channel / 255;
-    return value <= 0.03928 ? value / 12.92 : ((value + 0.055) / 1.055) ** 2.4;
-  };
-  const luminance =
-    0.2126 * linear(channels[0]) +
-    0.7152 * linear(channels[1]) +
-    0.0722 * linear(channels[2]);
-  return luminance > 0.193 ? "#0b1220" : "#fff";
+/**
+ * Cell label colour — user direction 2026-10-28: the text inside the colour
+ * blocks should read like the family's icon glyphs (WHITE on the dark
+ * theme), not a per-block black/white flip that made mid-tone cells carry
+ * dark text. So the foreground simply follows the theme's icon/text token
+ * (`--hi-icon-color` resolves to `rgb(var(--color-text))`), the same
+ * vocabulary HkIconButton uses; the light theme keeps dark ink via the same
+ * token. The background argument is kept for signature compatibility and
+ * intentionally unused.
+ */
+export function contrastTextColor(_background: string): string {
+  return "rgb(var(--color-text, 30 30 30))";
 }
 
 export const HK_TREEMAP_DEFAULT_COLORS = [