@kolkrabbi/kol-component 0.52.0 → 0.53.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-component",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.53.0",
|
|
4
4
|
"description": "KOL design-system components — atoms through organisms, emitting canonical kol-* classes. Pairs with @kolkrabbi/kol-theme for styling.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -26,10 +26,13 @@ import usePrefersReducedMotion from '../hooks/usePrefersReducedMotion.js'
|
|
|
26
26
|
* never a fixed track count — 05-layout-systems.md, the card-wall law: *"the
|
|
27
27
|
* shell rails eat width that viewport breakpoints can't see, so a forced count
|
|
28
28
|
* compresses every card"* (user call 2026-08-09). Hence `auto-fill` +
|
|
29
|
-
* `minmax()`, with the law's
|
|
29
|
+
* `minmax()`, with the law's minimum as the default — written in PX, not rem
|
|
30
|
+
* (user ruling 2026-08-15). A track width is a LAYOUT measure, not type: rem
|
|
31
|
+
* ties it to the root font-size, so a user bumping their browser text size
|
|
32
|
+
* silently re-counts the columns of every wall in the estate.
|
|
30
33
|
*
|
|
31
34
|
* @param {string} form 'grid' | 'list'
|
|
32
|
-
* @param {string} min grid track minimum, card form (default
|
|
35
|
+
* @param {string} min grid track minimum, card form (default 320px)
|
|
33
36
|
* @param {string} listMin OPT-IN: makes the list multi-column too, for a dense
|
|
34
37
|
* file-browser cut. Unset = one full-width column
|
|
35
38
|
* @param {number} gap px between items — defaults PER FORM (grid 24,
|
|
@@ -41,7 +44,7 @@ import usePrefersReducedMotion from '../hooks/usePrefersReducedMotion.js'
|
|
|
41
44
|
*/
|
|
42
45
|
export default function ContentCollection({
|
|
43
46
|
form = 'grid',
|
|
44
|
-
min = '
|
|
47
|
+
min = '320px',
|
|
45
48
|
listMin,
|
|
46
49
|
gap,
|
|
47
50
|
stagger = true,
|