@kolkrabbi/kol-shell 0.7.0 → 0.7.2
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/SettingsScaffold.jsx +9 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-shell",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.2",
|
|
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.98.0",
|
|
24
24
|
"@kolkrabbi/kol-framework": "^0.27.1",
|
|
25
|
-
"@kolkrabbi/kol-
|
|
26
|
-
"@kolkrabbi/kol-
|
|
25
|
+
"@kolkrabbi/kol-icons": "^0.19.0",
|
|
26
|
+
"@kolkrabbi/kol-theme": "^0.67.0"
|
|
27
27
|
},
|
|
28
28
|
"files": [
|
|
29
29
|
"src",
|
package/src/SettingsScaffold.jsx
CHANGED
|
@@ -20,14 +20,18 @@ import TabStrip from './TabStrip.jsx'
|
|
|
20
20
|
*
|
|
21
21
|
* @param {Array} props.tabs - `[{ value, label, title, subtitle }]` — title/subtitle feed the header
|
|
22
22
|
* @param {Function} props.renderContent - `(tabValue) => node`
|
|
23
|
+
* @param {Object} props.header - PageHeader props spread onto the scaffold's header (`voice`, `size`, `titleClass`, `eyebrow`)
|
|
23
24
|
*/
|
|
24
|
-
export default function SettingsScaffold({ tabs = [], defaultTab, renderContent }) {
|
|
25
|
+
export default function SettingsScaffold({ tabs = [], defaultTab, renderContent, header }) {
|
|
25
26
|
const [tab, setTab] = useState(defaultTab ?? tabs[0]?.value)
|
|
26
27
|
const active = tabs.find((t) => t.value === tab)
|
|
27
28
|
|
|
28
29
|
return (
|
|
29
30
|
<PageShell mode="fixed">
|
|
30
|
-
|
|
31
|
+
{/* `header` is spread onto the PageHeader (PageHeaderMonoTitle addendum,
|
|
32
|
+
* kol-fxr 2026-08-27): a consumer could not reach this title at all —
|
|
33
|
+
* `voice="mono"`, `size`, `titleClass`, `eyebrow` all pass through */}
|
|
34
|
+
<PageHeader title={active?.title} subtitle={active?.subtitle} {...header} />
|
|
31
35
|
<TabStrip
|
|
32
36
|
options={tabs}
|
|
33
37
|
value={tab}
|
|
@@ -47,7 +51,9 @@ export default function SettingsScaffold({ tabs = [], defaultTab, renderContent
|
|
|
47
51
|
export function SettingsSection({ title, children }) {
|
|
48
52
|
return (
|
|
49
53
|
<div>
|
|
50
|
-
|
|
54
|
+
{/* fg-96 on helper-14 — the tab strip's role (PageHeaderMonoTitle addendum 2,
|
|
55
|
+
* kol-fxr 2026-08-27; was fg-80 / helper-16 with no seam) */}
|
|
56
|
+
<h2 className="text-fg-96 kol-helper-14" style={{ marginBottom: 16 }}>{title}</h2>
|
|
51
57
|
<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
|
|
52
58
|
{children}
|
|
53
59
|
</div>
|