@kolkrabbi/kol-framework 0.46.0 → 0.48.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/kol-framework.css +11 -0
- package/package.json +3 -3
- package/src/ShellHeader.jsx +4 -0
package/kol-framework.css
CHANGED
|
@@ -74,6 +74,17 @@ body {
|
|
|
74
74
|
which is the BRAND layout's rail. */
|
|
75
75
|
--kol-shell-nav-w: 256px;
|
|
76
76
|
--kol-shell-toc-w: 256px;
|
|
77
|
+
/* the rails' grab gesture (useDragResize, 2026-09-30) — the same four tokens SideNav's carries;
|
|
78
|
+
a drag under -snap hides the rail (the shell's own collapse), arrows step, release within
|
|
79
|
+
-snap-default of 256 lands on it */
|
|
80
|
+
--kol-shell-nav-snap: 12rem;
|
|
81
|
+
--kol-shell-nav-step: var(--kol-spacing-4);
|
|
82
|
+
--kol-shell-nav-snap-default: var(--kol-shell-nav-step);
|
|
83
|
+
--kol-shell-nav-w-collapsed: 0px;
|
|
84
|
+
--kol-shell-toc-snap: 12rem;
|
|
85
|
+
--kol-shell-toc-step: var(--kol-spacing-4);
|
|
86
|
+
--kol-shell-toc-snap-default: var(--kol-shell-toc-step);
|
|
87
|
+
--kol-shell-toc-w-collapsed: 0px;
|
|
77
88
|
--kol-container-max: 100%;
|
|
78
89
|
|
|
79
90
|
/* Opacity tokens (--kol-fg-*) + text-role tokens (--kol-text-*) live in
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-framework",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.48.0",
|
|
4
4
|
"description": "KOL app shell — sidenav, layout, theme toggle, footer, heroes + brand color layer. SideNav takes nav data as props so the tree stays app-local.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"react-router-dom": "^6.0.0 || ^7.0.0"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@kolkrabbi/kol-
|
|
25
|
-
"@kolkrabbi/kol-
|
|
24
|
+
"@kolkrabbi/kol-component": "^0.230.0",
|
|
25
|
+
"@kolkrabbi/kol-icons": "^0.30.0"
|
|
26
26
|
},
|
|
27
27
|
"files": [
|
|
28
28
|
"src",
|
package/src/ShellHeader.jsx
CHANGED
|
@@ -36,6 +36,8 @@ import ThemeToggle from './ThemeToggle.jsx'
|
|
|
36
36
|
* @param {ReactNode} actions Row-1 trailing slot before the theme toggle (e.g. a search-overlay trigger)
|
|
37
37
|
* @param {boolean} showThemeToggle render the framework ThemeToggle (default true)
|
|
38
38
|
* @param {Function} onMenuClick hamburger click; button renders only when set
|
|
39
|
+
* @param {boolean} menuBelowLg the hamburger shows only below `lg` (2026-09-30, the names audit — on a desktop the tab row's own
|
|
40
|
+
* rail toggles do its job, so it read as a duplicate; default false keeps every consumer as it was)
|
|
39
41
|
* @param {Function} onNavToggle dock-left click → toggle left nav; button renders only when set (lg+)
|
|
40
42
|
* @param {Function} onTocToggle dock-right click → toggle TOC rail; button renders only when set (lg+)
|
|
41
43
|
* @param {boolean} navCollapsed tints the dock-left button
|
|
@@ -82,6 +84,7 @@ export default function ShellHeader({
|
|
|
82
84
|
actions,
|
|
83
85
|
showThemeToggle = true,
|
|
84
86
|
onMenuClick,
|
|
87
|
+
menuBelowLg = false,
|
|
85
88
|
onNavToggle,
|
|
86
89
|
onTocToggle,
|
|
87
90
|
navCollapsed,
|
|
@@ -146,6 +149,7 @@ export default function ShellHeader({
|
|
|
146
149
|
name="hamburger"
|
|
147
150
|
variant="nav"
|
|
148
151
|
size="md"
|
|
152
|
+
className={menuBelowLg ? 'lg:hidden' : ''}
|
|
149
153
|
onClick={onMenuClick}
|
|
150
154
|
aria-label="Open navigation menu"
|
|
151
155
|
/>
|