@kolkrabbi/kol-shell 0.6.0 → 0.6.1
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 +4 -4
- package/src/PageHeader.jsx +12 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-shell",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.1",
|
|
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",
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
"react-dom": "^18.3.0 || ^19.0.0"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"@kolkrabbi/kol-component": "^0.
|
|
23
|
+
"@kolkrabbi/kol-component": "^0.62.0",
|
|
24
24
|
"@kolkrabbi/kol-framework": "^0.22.0",
|
|
25
|
-
"@kolkrabbi/kol-icons": "^0.
|
|
26
|
-
"@kolkrabbi/kol-theme": "^0.
|
|
25
|
+
"@kolkrabbi/kol-icons": "^0.18.0",
|
|
26
|
+
"@kolkrabbi/kol-theme": "^0.48.0"
|
|
27
27
|
},
|
|
28
28
|
"files": [
|
|
29
29
|
"src",
|
package/src/PageHeader.jsx
CHANGED
|
@@ -36,11 +36,21 @@ export default function PageHeader({ eyebrow, title, subtitle, size = 'md', clas
|
|
|
36
36
|
class, which leaks estate-wide (ShellHeaderFilterRefinements, 2026-08-15) */
|
|
37
37
|
<header className={`flex flex-col ${className}`.trim()} style={{ marginBottom: 40 }}>
|
|
38
38
|
{eyebrow && (
|
|
39
|
-
|
|
39
|
+
/* HELPER, not mono (user ruling 2026-08-15). An eyebrow is single-line
|
|
40
|
+
chrome — that is the whole definition of the `kol-helper-*` ramp, and
|
|
41
|
+
it carries its own tracking, so no inline letter-spacing here.
|
|
42
|
+
Uppercase, and off `fg-48`: under half the ink read as disabled
|
|
43
|
+
rather than quiet, and this is a live label, not a footnote. */
|
|
44
|
+
<p
|
|
45
|
+
className="text-oq-64 kol-helper-12"
|
|
46
|
+
style={{ marginBottom: 12, textTransform: 'uppercase' }}
|
|
47
|
+
>
|
|
48
|
+
{eyebrow}
|
|
49
|
+
</p>
|
|
40
50
|
)}
|
|
41
51
|
<h1 className={`text-fg-96 ${TITLE[size] ?? TITLE.md}`}>{title}</h1>
|
|
42
52
|
{subtitle && (
|
|
43
|
-
<p className="text-
|
|
53
|
+
<p className="text-oq-64 kol-mono-14" style={{ marginTop: 12 }}>{subtitle}</p>
|
|
44
54
|
)}
|
|
45
55
|
</header>
|
|
46
56
|
)
|