@kolkrabbi/kol-component 0.63.0 → 0.64.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.63.0",
+  "version": "0.64.0",
   "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/organisms/ContentFilters.jsx

@@ -288,9 +288,11 @@ const ContentFilters = ({
               *
               * `nav` rests at oq-64 and lights to full ink when the panel is
               * open, so the toggle finally SHOWS that it is on. */}
-            {/* MD — 32px square, 20px glyph (user ruling 2026-08-15). The
-              * squares are 28 · 32 · 36, so 32 is the MIDDLE rung, not a large
-              * one; the search beside it takes the same. */}
+            {/* 16 GLYPH IN A 32 BOX — the house's quiet-control pairing (user
+              * ruling 2026-08-15). `.kol-copy-btn` is exactly this: an 8px pad
+              * around a `sm` 16px glyph, giving a 32 box. A 20 glyph fills a 32
+              * square far harder, which is why this row read too intense. The
+              * square stays md; only the glyph steps down. */}
             <IconFrame
               name="filter"
               /* `nav` ALWAYS — no container. The open state is the panel
@@ -299,6 +301,7 @@ const ContentFilters = ({
                * has none. */
               variant="nav"
               size="md"
+              iconSize={16}
               onClick={() => setIsExpanded(!isExpanded)}
               aria-label="Toggle filters"
             />
@@ -325,6 +328,9 @@ const ContentFilters = ({
                * The organism's own field never had one. */
               placeholder=""
               size="md"
+              /* 16 in the 32 box, matching the filter beside it and the copy
+               * button everywhere else. */
+              iconSize={16}
               /* a rung under the 32 square: this field sits beside two BARE
                * glyphs, and at the full square it read as a chunky input. */
               fieldHeight={28}