@kolkrabbi/kol-shell 0.6.2 → 0.7.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 +6 -6
- package/src/PageHeader.jsx +11 -5
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-shell",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.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",
|
|
@@ -15,15 +15,15 @@
|
|
|
15
15
|
"@kolkrabbi/kol-component": ">=0.38.0",
|
|
16
16
|
"@kolkrabbi/kol-framework": ">=0.20.0",
|
|
17
17
|
"@kolkrabbi/kol-icons": ">=0.16.0",
|
|
18
|
-
"@kolkrabbi/kol-theme": ">=0.
|
|
18
|
+
"@kolkrabbi/kol-theme": ">=0.67.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-component": "^0.
|
|
24
|
-
"@kolkrabbi/kol-framework": "^0.
|
|
25
|
-
"@kolkrabbi/kol-
|
|
26
|
-
"@kolkrabbi/kol-
|
|
23
|
+
"@kolkrabbi/kol-component": "^0.97.0",
|
|
24
|
+
"@kolkrabbi/kol-framework": "^0.27.1",
|
|
25
|
+
"@kolkrabbi/kol-theme": "^0.67.0",
|
|
26
|
+
"@kolkrabbi/kol-icons": "^0.19.0"
|
|
27
27
|
},
|
|
28
28
|
"files": [
|
|
29
29
|
"src",
|
package/src/PageHeader.jsx
CHANGED
|
@@ -23,14 +23,20 @@
|
|
|
23
23
|
* @param {ReactNode} title
|
|
24
24
|
* @param {ReactNode} subtitle mono line under the title
|
|
25
25
|
* @param {string} size sm | md | lg (default md)
|
|
26
|
+
* @param {'sans'|'mono'} voice the title's family (default sans). `mono` = the
|
|
27
|
+
* app tier's masthead (PageHeaderMonoTitle, kol-fxr 2026-08-27 —
|
|
28
|
+
* user ruling: kol-monitor's JetBrains Mono 32 / 500 is the look):
|
|
29
|
+
* kol-mono-heading-03 · kol-mono-display-03 · kol-mono-display-02
|
|
30
|
+
* (kol-theme ≥0.67.0). The subtitle stays kol-mono-14.
|
|
31
|
+
* @param {string} titleClass replaces the title role whole (the ContentText seam)
|
|
26
32
|
*/
|
|
27
33
|
const TITLE = {
|
|
28
|
-
sm: 'kol-sans-heading-03',
|
|
29
|
-
md: 'kol-
|
|
30
|
-
lg: 'kol-sans-display-02',
|
|
34
|
+
sans: { sm: 'kol-sans-heading-03', md: 'kol-sans-display-03', lg: 'kol-sans-display-02' },
|
|
35
|
+
mono: { sm: 'kol-mono-heading-03', md: 'kol-mono-display-03', lg: 'kol-mono-display-02' },
|
|
31
36
|
}
|
|
32
37
|
|
|
33
|
-
export default function PageHeader({ eyebrow, title, subtitle, size = 'md', className = '' }) {
|
|
38
|
+
export default function PageHeader({ eyebrow, title, subtitle, size = 'md', voice = 'sans', titleClass, className = '' }) {
|
|
39
|
+
const roles = TITLE[voice] ?? TITLE.sans
|
|
34
40
|
return (
|
|
35
41
|
/* the block owns its own rhythm — margins inline, never in a shared type
|
|
36
42
|
class, which leaks estate-wide (ShellHeaderFilterRefinements, 2026-08-15) */
|
|
@@ -48,7 +54,7 @@ export default function PageHeader({ eyebrow, title, subtitle, size = 'md', clas
|
|
|
48
54
|
{eyebrow}
|
|
49
55
|
</p>
|
|
50
56
|
)}
|
|
51
|
-
<h1 className={`text-fg-96 ${
|
|
57
|
+
<h1 className={`text-fg-96 ${titleClass ?? roles[size] ?? roles.md}`}>{title}</h1>
|
|
52
58
|
{subtitle && (
|
|
53
59
|
<p className="text-oq-64 kol-mono-14" style={{ marginTop: 12 }}>{subtitle}</p>
|
|
54
60
|
)}
|