@kolkrabbi/kol-framework 0.1.1 → 0.1.3
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 +2 -20
- package/package.json +3 -3
- package/src/SideNav.jsx +1 -1
package/kol-framework.css
CHANGED
|
@@ -657,30 +657,12 @@ code, pre {
|
|
|
657
657
|
padding-top: 32px;
|
|
658
658
|
}
|
|
659
659
|
|
|
660
|
+
/* Positioning only — the chip look itself is the CopyButton atom
|
|
661
|
+
* (.kol-copy-btn in kol-theme). */
|
|
660
662
|
.kol-codeblock-copy {
|
|
661
663
|
position: absolute;
|
|
662
664
|
top: 8px;
|
|
663
665
|
right: 8px;
|
|
664
|
-
display: inline-flex;
|
|
665
|
-
align-items: center;
|
|
666
|
-
gap: 6px;
|
|
667
|
-
padding: 6px 10px;
|
|
668
|
-
background: color-mix(in srgb, var(--kol-surface-primary) 80%, transparent);
|
|
669
|
-
border: 1px solid var(--kol-fg-16);
|
|
670
|
-
border-radius: 3px;
|
|
671
|
-
color: var(--kol-fg-64);
|
|
672
|
-
cursor: pointer;
|
|
673
|
-
font-family: var(--kol-font-family-mono, monospace);
|
|
674
|
-
font-size: 10px;
|
|
675
|
-
font-weight: 600;
|
|
676
|
-
letter-spacing: 0.08em;
|
|
677
|
-
text-transform: uppercase;
|
|
678
|
-
transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
|
|
679
|
-
}
|
|
680
|
-
|
|
681
|
-
.kol-codeblock-copy:hover {
|
|
682
|
-
color: var(--kol-surface-on-primary);
|
|
683
|
-
border-color: var(--kol-fg-48);
|
|
684
666
|
}
|
|
685
667
|
|
|
686
668
|
/* ───── Reveal utility ───── */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-framework",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
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",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"app-shell"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@kolkrabbi/kol-component": "0.
|
|
31
|
-
"@kolkrabbi/kol-loader": "0.
|
|
30
|
+
"@kolkrabbi/kol-component": "0.2.0",
|
|
31
|
+
"@kolkrabbi/kol-loader": "0.3.0"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": "^18.3.0 || ^19.0.0",
|
package/src/SideNav.jsx
CHANGED
|
@@ -139,7 +139,7 @@ export default function SideNav({ drawerOpen = false, onCloseDrawer, navTree = [
|
|
|
139
139
|
>
|
|
140
140
|
<button
|
|
141
141
|
type="button"
|
|
142
|
-
className="kol-sidenav-toggle absolute top-5 right-[-12px] z-[2] w-6 h-6 inline-flex items-center justify-center bg-[var(--kol-surface-primary)] border border-[var(--kol-border-default)] rounded-full p-0 cursor-pointer
|
|
142
|
+
className="kol-sidenav-toggle absolute top-5 right-[-12px] z-[2] w-6 h-6 inline-flex items-center justify-center bg-[var(--kol-surface-primary)] border border-[var(--kol-border-default)] rounded-full p-0 cursor-pointer kol-helper-14 transition-colors duration-150 text-meta hover:text-emphasis hover:border-fg-24"
|
|
143
143
|
aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}
|
|
144
144
|
title={collapsed ? 'Expand' : 'Collapse'}
|
|
145
145
|
onClick={() => setCollapsed((v) => !v)}
|