@celestia-island/hikari 0.43.2 → 0.43.3

package/package.json

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

package/src/components/HkThemeToggle.contract.test.ts

@@ -6,6 +6,13 @@
  * layout engine, so the geometry contract is pinned as an scss-text
  * assertion: the theme-row lead cell must carry an explicit size that
  * fits the widest host lead mark, not just the mixin's generic box.
+ *
+ * The widened cell must stay scoped to the lead slot (2026-09-12 field
+ * report): shipped first as a bare `.s-theme-item-btn .hk-menu-item-icon`
+ * rule, it also matched the 自定义 row and every host row reusing
+ * s-theme-item-btn (chest's mode-extra DPI entry) — and mi.icon
+ * normalizes those cells' svg to the cell, so their 14px glyphs rendered
+ * 28px wide.
  */
 import { describe, expect, it } from "vitest";
 import { readFileSync } from "node:fs";
@@ -19,10 +26,18 @@ describe("HkThemeToggle row lead-cell contract", () => {
   it("sizes the theme-row lead cell to fit a 28px swatch mark", () => {
     const css = read("HkThemeToggle.scss");
     const block = css.match(
-      /\.s-theme-item-btn \.hk-menu-item-icon\s*\{[^}]*\}/,
+      /\.s-theme-item-btn \.hk-menu-item-icon\.s-theme-item-lead\s*\{[^}]*\}/,
     );
     expect(block).not.toBeNull();
     expect(block![0]).toContain("width: 28px");
     expect(block![0]).toContain("height: 28px");
   });
+
+  it("does not widen icon cells outside the leading slot", () => {
+    const css = read("HkThemeToggle.scss");
+    // A bare `.s-theme-item-btn .hk-menu-item-icon {` rule also hits the
+    // customize row and host mode-extra rows; the widened cell may only
+    // target the lead slot class.
+    expect(css).not.toMatch(/\.s-theme-item-btn \.hk-menu-item-icon\s*\{/);
+  });
 });

package/src/components/HkThemeToggle.scss

@@ -188,15 +188,22 @@
   @include mi.label;
 }
 
-/* Leading check / customize glyphs share the spec's fixed icon cell —
- * sized for the WIDEST lead mark hosts render there, not the generic
- * 16px box: chest's three-dot palette swatch is 28px (3×8px dots + 2px
- * gaps), and a mark wider than its cell bleeds symmetrically out of the
- * cell into the row gap — at fractional zoom rounding the dots visually
- * overlap the name (2026-09-11 field report). A uniform 28px cell keeps
- * every row's name starting at the same x (swatch rows and icon rows
- * stay aligned) and leaves the bleed zero room at any zoom. */
-.s-theme-item-btn .hk-menu-item-icon {
+/* Leading slot glyphs share the spec's fixed icon cell — sized for the
+ * WIDEST lead mark hosts render there, not the generic 16px box: chest's
+ * three-dot palette swatch is 28px (3×8px dots + 2px gaps), and a mark
+ * wider than its cell bleeds symmetrically out of the cell into the row
+ * gap — at fractional zoom rounding the dots visually overlap the name
+ * (2026-09-11 field report). A uniform 28px cell keeps every row's name
+ * starting at the same x (swatch rows and icon rows stay aligned) and
+ * leaves the bleed zero room at any zoom.
+ *
+ * The widened cell is scoped to the LEAD slot only (2026-09-12 field
+ * report): the bare `.s-theme-item-btn .hk-menu-item-icon` this shipped
+ * as also matched the 自定义 row and every host row reusing
+ * s-theme-item-btn (chest's mode-extra DPI entry), where mi.icon
+ * normalizes the svg to the cell — their 14px glyphs rendered 28px
+ * wide. Rows without a leading slot keep the standard menu metrics. */
+.s-theme-item-btn .hk-menu-item-icon.s-theme-item-lead {
   @include mi.icon;
 
   width: 28px;