@kolkrabbi/kol-component 0.102.0 → 0.102.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.102.0",
+  "version": "0.102.2",
   "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/atoms/Tag.jsx

@@ -34,7 +34,7 @@ const ICON_SIZES = { sm: 10, md: 12, lg: 14 }
  *
  * @param {ReactNode} children   label content
  * @param {string}    text       content fallback when no children (brand SwatchControls)
- * @param {string}    variant    'primary' | 'secondary' | 'inverse'
+ * @param {string}    variant    'primary' | 'secondary' | 'inverse' · `tertiary` = secondary's fill, no outline, mono at fg-80 (2026-08-27)
  * @param {string}    size       'sm' | 'md' | 'lg' — `sm` is the default and
  *                               should stay the answer; `lg` needs a reason
  * @param {boolean}   active     selected state (filter chips)
@@ -67,6 +67,8 @@ export default function Tag({
     primary: 'kol-tag--primary',
     secondary: 'kol-tag--secondary',
     inverse: 'kol-tag--inverse',
+    /* secondary's fill, no outline, the mono voice at fg-80 (TagTertiary, 2026-08-27) */
+    tertiary: 'kol-tag--tertiary',
   }
 
   /* TYPE COMES FROM THE HELPER RAMP (user ruling 2026-08-01). The size classes

package/src/organisms/ContentCollection.jsx

@@ -107,7 +107,10 @@ export default function ContentCollection({
         gridTemplateColumns: colsCls
           ? undefined
           : form === 'list'
-            ? (listMin ? `repeat(auto-fill, minmax(${listMin}, 1fr))` : '1fr')
+            /* minmax(0, 1fr), never a bare 1fr (= minmax(auto, 1fr)): a truncated
+           * nowrap line handed its min-content width to the track and a /work row
+           * measured 3586px in a 1232px wall (CollectionItemMinWidth, 2026-08-27) */
+          ? (listMin ? `repeat(auto-fill, minmax(${listMin}, 1fr))` : 'minmax(0, 1fr)')
             : `repeat(auto-fill, minmax(${min}, 1fr))`,
         gap: g,
       }}
@@ -116,7 +119,10 @@ export default function ContentCollection({
         child == null ? null : (
           <li
             key={child.key ?? i}
-            className={animate ? 'kol-collection-item' : undefined}
+            /* min-w-0 on every item: a grid item's min-width is auto by default,
+             * and auto = min-content, which is exactly what a truncated line must
+             * not get to claim */
+            className={`min-w-0 ${animate ? 'kol-collection-item' : ''}`.trim()}
             style={animate ? { animationDelay: `${i * 40}ms` } : undefined}
           >
             {child}