@kolkrabbi/kol-component 0.32.3 → 0.32.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.32.3",
+  "version": "0.32.4",
   "description": "KOL design-system components — atoms through organisms, emitting canonical kol-* classes. Pairs with @kolkrabbi/kol-theme for styling.",
   "license": "MIT",
   "type": "module",

package/src/molecules/FieldRow.jsx

@@ -52,15 +52,17 @@ export function StatusChip({ value, options = [], onChange, size = 'sm' }) {
   const toneCls = activeOpt?.tone ? ` kol-status-chip--${activeOpt.tone}` : ''
   /* BUILT ON THE COVER-FOCUS SPECS (user ruling 2026-08-09: "same component
    * as cover focus"): the chip wears the Dropdown-sm trigger metrics — the
-   * kol-btn-sm box (py-1 px-3) and mono-12 type — as a pill with the tone
-   * tint. The caret is a direct child of the flex row, centred by
-   * items-center; it cannot sit off the label's middle. */
+   * kol-btn-sm box (py-1 px-3) and mono-12 type at its OWN 16px leading, so
+   * the pill stands the trigger's 24px (a leading-none had shrunk it to 20;
+   * user re-call same day: "like dropdown small in size"). The caret is a
+   * direct child of the flex row, centred by items-center; it cannot sit off
+   * the label's middle. */
   const chip = (interactive) => (
     <button
       type="button"
       disabled={!interactive || undefined}
       aria-expanded={interactive ? open : undefined}
-      className={`kol-status-chip${toneCls} kol-mono-12 inline-flex items-center gap-1 rounded-full border-0 px-2 py-1 leading-none${interactive ? ' cursor-pointer' : ''}`}
+      className={`kol-status-chip${toneCls} kol-mono-12 inline-flex items-center gap-1 rounded-full border-0 px-3 py-1${interactive ? ' cursor-pointer' : ''}`}
       onClick={interactive ? () => setOpen((o) => !o) : undefined}
     >
       {activeOpt?.label ?? value}