@celestia-island/hikari 0.55.329 → 0.55.330

package/package.json

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

package/src/components/HkBreadcrumb.scss

@@ -84,7 +84,7 @@
   // Padding
   padding: var(--space-4) var(--space-8);
   margin: calc(-1 * var(--space-4)) calc(-1 * var(--space-8));
-  border-radius: vars.$hikari-radius-fine-sm;
+  border-radius: var(--radius-sm, 4px);
 
   // Display
   display: inline-flex;
@@ -216,7 +216,7 @@
     z-index: var(--hk-z-header);
 
     // Appearance
-    border-radius: vars.$hikari-radius-fine-md;
+    border-radius: var(--radius-lg, 12px);
     border: 1px solid var(--hi-color-border);
     background: var(--hi-surface);
     @include backdrop-filter(blur(4px));
@@ -321,7 +321,7 @@
   .hk-breadcrumb-item {
     background: var(--hi-card-bg);
     padding: 0.375rem 0.75rem;
-    border-radius: vars.$hikari-radius-fine-sm;
+    border-radius: var(--radius-sm, 4px);
 
     &:not(:last-child):hover {
       background: var(--hi-primary);

package/src/components/HkTable.sections.test.tsx

@@ -270,6 +270,31 @@ describe("HkTable sections", () => {
     expect(empty!.getAttribute("colspan")).toBe(String(COLS.length));
   });
 
+  it("names an empty-title header cell via headerLabel without rendering text", async () => {
+    // Utility columns (row actions) intentionally carry `title: ""` —
+    // but an empty `<th>` is an UNNAMED one for assistive tech. The
+    // headerLabel contract: aria-label published on the th, visible
+    // header stays empty, and columns without the label render no
+    // aria-label at all (no behavior change for existing tables).
+    const columns = [
+      { key: "name", title: "Name" },
+      { key: "actions", title: "", headerLabel: "Actions", align: "right" as const },
+    ];
+    const sections: HkTableSection[] = [
+      { key: "panel-a", label: "Panel A", rows: [{ name: "alpha", actions: "…" }] },
+    ];
+    const c = mount(h(HTable, { columns, sections }));
+
+    const heads = Array.from(c.querySelectorAll("thead th"));
+    const named = heads.find((th) => th.getAttribute("aria-label") === "Actions");
+    expect(named, "the actions th carries the accessible name").toBeTruthy();
+    const plain = heads.find((th) => th.getAttribute("aria-label") === null) as HTMLElement;
+    expect(plain.textContent).toContain("Name");
+    // visible header of the named column stays EMPTY — the label is
+    // assistive-only
+    expect(named!.textContent!.trim()).toBe("");
+  });
+
   it("sorts inside each section and keeps the section order", async () => {
     const columns = [{ key: "name", title: "Name", sortable: true }];
     const sections: HkTableSection[] = [

package/src/components/HkTable.tsx

@@ -18,6 +18,13 @@ import "./HkTable.scss";
 interface Column {
   key: string;
   title: string;
+  /** Accessible name for the header cell, WITHOUT visible text. Utility
+   *  columns (row actions, ⋯ menus) intentionally render an empty
+   *  `title` — but an empty `<th>` is also an unnamed one for screen
+   *  readers. Set `headerLabel` to publish `aria-label` on that `<th>`
+   *  while the visible header stays empty; it never renders text and
+   *  never participates in sorting. */
+  headerLabel?: string;
   width?: string;
   sortable?: boolean;
   align?: "left" | "center" | "right";
@@ -1161,6 +1168,7 @@ export default defineComponent({
                 return (
                   <th
                     key={col.key}
+                    aria-label={col.headerLabel}
                     class={[
                       "hk-table-header-cell",
                       col.align ? `hk-text-${col.align}` : "",

package/src/components/_hikari-vars.scss

@@ -4,3 +4,4 @@ $hikari-font-family-mono: ui-monospace, 'SF Mono', Menlo, Consolas, 'DejaVu Sans
 $hikari-font-size-sm: 0.875rem;
 $hikari-radius-fine-sm: 4px;
 $hikari-radius-fine-md: 6px;
+$hikari-radius-fine-lg: 8px;

package/src/styles/tokenInventory.test.ts

@@ -171,6 +171,38 @@ describe("theme token inventory", () => {
     expect(unexpected, "new multi-defined scale tokens").toEqual([]);
   });
 
+  it("scale seed defines the full radius ladder with canonical values", () => {
+    // Existence + value pin for the runtime radius scale. Before the
+    // 2026-11 radius wave, deleting a `--radius-*` definition stayed
+    // green everywhere (no read face checked for presence); this test is
+    // that read face. Values mirror hikari scale.scss — the same ladder
+    // chest mirrors into its own `:root`, so a value change here is a
+    // cross-repo contract change and must ride a dedicated wave.
+    const defs = harvestDefinitions(seedFiles);
+    const ladder: Array<[string, string]> = [
+      ["--radius-xs", "2px"],
+      ["--radius-sm", "4px"],
+      ["--radius-md", "8px"],
+      ["--radius-lg", "12px"],
+      ["--radius-xl", "16px"],
+      ["--radius-full", "9999px"],
+    ];
+    for (const [name, value] of ladder) {
+      const sites = defs.get(name);
+      expect(sites, `${name} missing from theme/scale.scss`).toBeDefined();
+      // Every site must carry the canonical value — not just the first.
+      // A same-file duplicate would slip past the multi-file guard above
+      // (files.size stays 1) and win the CSS cascade as the LAST
+      // definition; iterating all sites closes that bypass.
+      for (const site of sites!) {
+        expect(
+          site.value,
+          `${name} non-canonical site in ${site.file}`,
+        ).toBe(value);
+      }
+    }
+  });
+
   it("component --hi-color-* fallbacks stay on the canonical literals", () => {
     // The standalone-render contract: when a host loads nothing, a
     // component renders through these literals. They are DERIVED FROM THE