@kolkrabbi/kol-component 0.104.0 → 0.104.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.104.0",
+  "version": "0.104.1",
   "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

@@ -42,8 +42,8 @@ import IconFrame from '../atoms/IconFrame.jsx'
  * @param {boolean} props.titleUppercase      — cases the title (default false)
  * @param {string}  props.labelClassName      — filter-group label type/ink
  * @param {boolean} props.labelUppercase      — cases the group label (default true)
- * groups: `{ label, key, values, stack?, className?, wrapClassName? }` — a group with ≤ 6 values stacks by
- * default (`stack: false` opts out); `className` / `wrapClassName` are per-group seams
+ * groups: `{ label, key, values, stack?, className?, wrapClassName? }` — columns are equal width by default;
+ * `stack: true` makes a group hug its chips; `className` / `wrapClassName` are per-group seams
  * @param {string}  props.tagVariant          — filter chip variant ('primary' grey fill)
  * @param {string}  props.tagSize             — filter chip size
  * @param {string}  props.tagActiveClassName  — chip ink, selected
@@ -243,10 +243,12 @@ const ContentFilters = ({
   ) : null
 
   const renderFilterGroup = (group) => {
-    /* a SHORT group (≤ 6 values) stacks by default (WorkListingRowsAndFilters, 2026-08-27 —
-     * user: "why do I have to say it every time? why do you default to 50/50?");
-     * `stack: false` opts out, `stack: true` forces */
-    const stacked = group.stack ?? (group.values?.length ?? 0) <= 6
+    /* GROUP COLUMNS ARE EQUAL by default (ContentFiltersEqualColumns, kol-fxr
+     * 2026-08-27 — "only the first column is narrow … it's content filters
+     * everywhere"); `stack: true` is the opt-in for a group that hugs its chips.
+     * The 0.101 short-group default was a per-page ruling written into the
+     * organism — reverted. */
+    const stacked = group.stack === true
     return (
     <div key={group.key} className={`flex flex-col gap-3 ${stacked ? 'shrink-0' : 'min-w-0 flex-1'} ${group.className ?? ''}`.trim()}>
       {/* THE CATEGORY LABEL IS THE ACTIVE INK — `kol-helper-12` at `text-fg-96`,