@celestia-island/hikari 0.55.208 → 0.55.209

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@celestia-island/hikari",
3
- "version": "0.55.208",
3
+ "version": "0.55.209",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "Hikari UI library, Vue 3 runtime — one design system for Vue 3 and Rust/WASM applications",
@@ -30,7 +30,7 @@
30
30
  flex: 0 0 auto;
31
31
  width: 0.625rem;
32
32
  height: 0.625rem;
33
- border-radius: 0.1875rem;
33
+ border-radius: var(--radius-xs, 0.1875rem);
34
34
  }
35
35
 
36
36
  .hk-treemap__legend-label {
@@ -57,11 +57,76 @@
57
57
  min-height: 0;
58
58
  }
59
59
 
60
+ /* The mortar between cells reads the THEME surface — dark mode gets a
61
+ * dark mortar, light mode a light one. The old canvas renderer painted
62
+ * fixed white gutters + white-bordered labels that glared in dark
63
+ * themes (user report 2026-10-27: 亮瞎眼). */
60
64
  .hk-treemap__chart {
61
65
  position: absolute;
62
66
  inset: 0;
63
67
  width: 100%;
64
68
  height: 100%;
69
+ overflow: hidden;
70
+ border-radius: var(--radius-sm, 0.25rem);
71
+ background: rgb(var(--color-muted, 108 108 108) / 12%);
72
+ }
73
+
74
+ .hk-treemap__cell {
75
+ position: absolute;
76
+ overflow: hidden;
77
+ display: flex;
78
+ flex-direction: column;
79
+ border-radius: var(--radius-xs, 0.1875rem);
80
+ color: var(--hk-treemap-fg, white);
81
+ /* The 1px gutter between cells is the theme mortar showing through. */
82
+ outline: 1px solid rgb(var(--color-bg, 255 255 255) / 55%);
83
+ outline-offset: -1px;
84
+ }
85
+
86
+ .hk-treemap__group-head {
87
+ display: flex;
88
+ flex: 0 0 auto;
89
+ align-items: center;
90
+ justify-content: space-between;
91
+ gap: 0.375rem;
92
+ height: 22px;
93
+ padding: 0 0.375rem;
94
+ background: rgb(0 0 0 / 18%);
95
+ font-weight: 600;
96
+ }
97
+
98
+ .hk-treemap__leaf-body {
99
+ display: flex;
100
+ flex: 1 1 auto;
101
+ flex-direction: column;
102
+ justify-content: flex-end;
103
+ gap: 1px;
104
+ min-height: 0;
105
+ padding: 0.25rem 0.375rem;
106
+ }
107
+
108
+ /* THE ellipsis contract (user report 2026-10-27): an overflowing label
109
+ * degrades to "…" from the FIRST clipped character — a hard mid-word cut
110
+ * reads as a rendering bug; the ellipsis reads as a deliberate
111
+ * affordance pointing at the tooltip. Same for the meta line. */
112
+ .hk-treemap__label,
113
+ .hk-treemap__meta {
114
+ display: block;
115
+ min-width: 0;
116
+ overflow: hidden;
117
+ text-overflow: ellipsis;
118
+ white-space: nowrap;
119
+ font-size: var(--text-xs, 0.75rem);
120
+ line-height: 1.3;
121
+ }
122
+
123
+ .hk-treemap__label--group {
124
+ font-weight: 600;
125
+ }
126
+
127
+ .hk-treemap__meta {
128
+ opacity: 0.85;
129
+ font-variant-numeric: tabular-nums;
65
130
  }
66
131
 
67
132
  .hk-treemap__empty {