@kolkrabbi/kol-shell 0.45.0 → 0.46.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 +5 -5
- package/src/CatalogPage.jsx +5 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-shell",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.46.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "KOL application shell — fixed 48px NavRail + AppShell layout root, PageShell/PageHeader scaffolds, ContentFilters catalog organism, GridCard, SettingsScaffold, WalkthroughPanel, ShortcutsOverlay. App chrome (kol-framework owns site chrome). Nav items, content, shortcuts and settings are consumer-injected. Sits above @kolkrabbi/kol-{theme,component,framework}.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -14,16 +14,16 @@
|
|
|
14
14
|
"peerDependencies": {
|
|
15
15
|
"@kolkrabbi/kol-component": ">=0.174.0",
|
|
16
16
|
"@kolkrabbi/kol-icons": ">=0.16.0",
|
|
17
|
-
"@kolkrabbi/kol-theme": ">=0.
|
|
17
|
+
"@kolkrabbi/kol-theme": ">=0.137.0",
|
|
18
18
|
"gsap": "^3.13.0",
|
|
19
19
|
"react": "^18.3.0 || ^19.0.0",
|
|
20
20
|
"react-dom": "^18.3.0 || ^19.0.0"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"@kolkrabbi/kol-icons": "^0.25.0",
|
|
24
|
-
"@kolkrabbi/kol-framework": "^0.41.0",
|
|
25
23
|
"@kolkrabbi/kol-component": "^0.176.0",
|
|
26
|
-
"@kolkrabbi/kol-
|
|
24
|
+
"@kolkrabbi/kol-framework": "^0.41.0",
|
|
25
|
+
"@kolkrabbi/kol-icons": "^0.25.0",
|
|
26
|
+
"@kolkrabbi/kol-theme": "^0.137.0"
|
|
27
27
|
},
|
|
28
28
|
"files": [
|
|
29
29
|
"src",
|
package/src/CatalogPage.jsx
CHANGED
|
@@ -112,7 +112,7 @@ export default function CatalogPage({
|
|
|
112
112
|
}) {
|
|
113
113
|
const open = walkthrough?.open === true
|
|
114
114
|
return (
|
|
115
|
-
<PageShell width={width} className={className} style={{ overflow: 'hidden', ...style }}>
|
|
115
|
+
<PageShell width={width} className={className} style={{ overflow: 'hidden', '--kol-catalog-min': `${minColumn}px`, ...style }}>
|
|
116
116
|
{header && <PageHeader {...header} />}
|
|
117
117
|
<div style={{ flex: 1, position: 'relative' }}>
|
|
118
118
|
{open && <WalkthroughPanel steps={walkthrough.steps} iconComponent={walkthrough.iconComponent} />}
|
|
@@ -148,7 +148,10 @@ export default function CatalogPage({
|
|
|
148
148
|
* six-column ruling — below the ceiling the hide-set is
|
|
149
149
|
* desktop-only geometry. */
|
|
150
150
|
return (
|
|
151
|
-
|
|
151
|
+
/* the catalog grid is a CLASS (`.kol-catalog-grid`, kol-theme ≥0.137.0) so the
|
|
152
|
+
* filter row's first group can read the track count it renders; `minColumn`
|
|
153
|
+
* reaches it as `--kol-catalog-min` on the page (set on PageShell above) */
|
|
154
|
+
<div className={layout === 'list' ? undefined : 'kol-catalog-grid'} style={layout === 'list' ? { display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(min(100%, max(240px, calc((100% - 3 * 8px) / 4))), 1fr))', gap: 8 } : undefined}>
|
|
152
155
|
{rows.map((item, i) => {
|
|
153
156
|
if (hidden.has(i)) return null
|
|
154
157
|
const c = cards[i]
|