@kolkrabbi/kol-framework 0.37.0 → 0.38.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 +3 -2
- package/src/Layout.jsx +22 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-framework",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.38.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",
|
|
@@ -15,12 +15,13 @@
|
|
|
15
15
|
"peerDependencies": {
|
|
16
16
|
"@kolkrabbi/kol-component": ">=0.70.0",
|
|
17
17
|
"@kolkrabbi/kol-icons": ">=0.18.0",
|
|
18
|
+
"@kolkrabbi/kol-theme": ">=0.133.0",
|
|
18
19
|
"react": "^18.3.0 || ^19.0.0",
|
|
19
20
|
"react-dom": "^18.3.0 || ^19.0.0",
|
|
20
21
|
"react-router-dom": "^6.0.0 || ^7.0.0"
|
|
21
22
|
},
|
|
22
23
|
"devDependencies": {
|
|
23
|
-
"@kolkrabbi/kol-component": "^0.
|
|
24
|
+
"@kolkrabbi/kol-component": "^0.175.0",
|
|
24
25
|
"@kolkrabbi/kol-icons": "^0.25.0"
|
|
25
26
|
},
|
|
26
27
|
"files": [
|
package/src/Layout.jsx
CHANGED
|
@@ -11,7 +11,28 @@ export default function Layout() {
|
|
|
11
11
|
return (
|
|
12
12
|
<div className="min-h-dvh flex flex-col">
|
|
13
13
|
<ScrollToTop />
|
|
14
|
-
|
|
14
|
+
{/* SKIP LINK (layout-skip-link, kol-client-olina 2026-09-03). Without it a
|
|
15
|
+
* keyboard user tabs the whole sidenav on every page before reaching
|
|
16
|
+
* content — an a11y basic, which is why the one consumer that had it kept
|
|
17
|
+
* its fork of this file rather than retire onto the package.
|
|
18
|
+
*
|
|
19
|
+
* It lives HERE and not in a nested layout because a skip link must
|
|
20
|
+
* PRECEDE the landmark it targets, and `BrandLayout` renders inside this
|
|
21
|
+
* `<main>`.
|
|
22
|
+
*
|
|
23
|
+
* EVERY CLASS HERE EMITS, which is not a given: the consumer's copy
|
|
24
|
+
* shipped `bg-accent-primary text-surface-primary` for a month and
|
|
25
|
+
* neither is a utility that exists, so the link rendered with no fill at
|
|
26
|
+
* all. `bg-surface-inverse` carries its own ink, and `z-modal` is a real
|
|
27
|
+
* class only since kol-theme registered the z ladder with Tailwind the
|
|
28
|
+
* same day — before that it emitted nothing either. */}
|
|
29
|
+
<a
|
|
30
|
+
href="#main"
|
|
31
|
+
className="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-modal focus:rounded focus:px-4 focus:py-2 bg-surface-inverse kol-mono-14"
|
|
32
|
+
>
|
|
33
|
+
Skip to content
|
|
34
|
+
</a>
|
|
35
|
+
<main id="main" className="flex-1 min-w-0">
|
|
15
36
|
<Outlet />
|
|
16
37
|
</main>
|
|
17
38
|
{isClientSiteRoute && <ExitPreview />}
|