@kolkrabbi/kol-framework 0.6.0 → 0.6.1
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 +13 -46
- package/package.json +2 -2
package/kol-framework.css
CHANGED
|
@@ -17,21 +17,11 @@ html,
|
|
|
17
17
|
body {
|
|
18
18
|
background: var(--kol-surface-primary);
|
|
19
19
|
color: var(--kol-surface-on-primary);
|
|
20
|
-
|
|
21
|
-
/* Editor-style app — selection is mostly meaningless on chrome. Default
|
|
22
|
-
* to non-selectable; opt back in for prose, tables, inputs, code below. */
|
|
23
|
-
-webkit-user-select: none;
|
|
24
|
-
user-select: none;
|
|
25
20
|
}
|
|
26
21
|
|
|
27
|
-
/*
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
.kol-table, .kol-table *,
|
|
31
|
-
code, pre {
|
|
32
|
-
-webkit-user-select: text;
|
|
33
|
-
user-select: text;
|
|
34
|
-
}
|
|
22
|
+
/* The global user-select:none gate + allowlist was REMOVED 2026-07-29 (user
|
|
23
|
+
* law, brand-app ruling): text is selectable everywhere — copyability beats
|
|
24
|
+
* chrome purity. */
|
|
35
25
|
|
|
36
26
|
/* Selection highlight uses brand-primary so it reads on-brand when it appears. */
|
|
37
27
|
::selection {
|
|
@@ -87,7 +77,10 @@ code, pre {
|
|
|
87
77
|
|
|
88
78
|
@media (min-width: 1280px) { :root { --kol-container-max: 1600px; } }
|
|
89
79
|
|
|
90
|
-
:root[data-sidenav="collapsed"]
|
|
80
|
+
/* :root[data-sidenav="collapsed"] removed 2026-07-29 — the manual collapse
|
|
81
|
+
* feature died with the editor's exit (brand ruling); the responsive rail
|
|
82
|
+
* below 1024px is the surviving narrow mode. --kol-sidenav-w-collapsed stays:
|
|
83
|
+
* the rail still uses it. */
|
|
91
84
|
|
|
92
85
|
/* ───── Brand doc layout (sidebar + content) ─────
|
|
93
86
|
The grid lives in CSS for its dynamic --kol-sidenav-w + transition. */
|
|
@@ -103,7 +96,6 @@ code, pre {
|
|
|
103
96
|
User's localStorage expand preference is overridden while viewport is narrow;
|
|
104
97
|
restored once they cross back over the threshold. */
|
|
105
98
|
.kol-brand-layout { grid-template-columns: var(--kol-sidenav-w-collapsed) minmax(0, 1fr); }
|
|
106
|
-
.kol-sidenav-toggle { display: none; }
|
|
107
99
|
.kol-sidenav-hops { padding: 0 0 16px; margin-bottom: 16px; }
|
|
108
100
|
.kol-sidenav-hop { padding: 8px 0; justify-content: center; gap: 0; }
|
|
109
101
|
.kol-sidenav-hop-label { display: none; }
|
|
@@ -134,30 +126,9 @@ code, pre {
|
|
|
134
126
|
}
|
|
135
127
|
|
|
136
128
|
/* SideNav primitives (.kol-sidenav-hop, -hop-icon, -hop-label, -link,
|
|
137
|
-
* -group) promoted to kol-components-atoms.css 2026-04-30. The
|
|
138
|
-
*
|
|
139
|
-
*
|
|
140
|
-
|
|
141
|
-
/* ───── SideNav collapsed (rail mode) — overrides inlined hop padding/gap ───── */
|
|
142
|
-
|
|
143
|
-
.kol-sidenav.is-collapsed .kol-sidenav-hops {
|
|
144
|
-
padding: 0 0 16px;
|
|
145
|
-
margin-bottom: 16px;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.kol-sidenav.is-collapsed .kol-sidenav-hop {
|
|
149
|
-
padding: 8px 0;
|
|
150
|
-
justify-content: center;
|
|
151
|
-
gap: 0;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
.kol-sidenav.is-collapsed .kol-sidenav-hop-label {
|
|
155
|
-
display: none;
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
.kol-sidenav.is-collapsed .kol-sidenav-body {
|
|
159
|
-
display: none;
|
|
160
|
-
}
|
|
129
|
+
* -group) promoted to kol-components-atoms.css 2026-04-30. The manual
|
|
130
|
+
* collapse (.is-collapsed rail mode) was removed 2026-07-29 with the
|
|
131
|
+
* editor's exit — the ≤1024px responsive rail above is the survivor. */
|
|
161
132
|
|
|
162
133
|
/* ───── Page scaffold ───── */
|
|
163
134
|
|
|
@@ -807,13 +778,9 @@ code, pre {
|
|
|
807
778
|
}
|
|
808
779
|
|
|
809
780
|
/* SideNav collapsibleSections chrome — inert unless that mode renders.
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
.kol-sidenav.is-collapsed .kol-sidenav-section-toggle {
|
|
814
|
-
display: none;
|
|
815
|
-
}
|
|
816
|
-
|
|
781
|
+
The forced rail (≤1024px) hides count/toggle with the labels; the open
|
|
782
|
+
≤767px drawer restores them, mirroring -hop-label. (Manual .is-collapsed
|
|
783
|
+
removed 2026-07-29.) */
|
|
817
784
|
@media (max-width: 1024px) {
|
|
818
785
|
.kol-sidenav-hop-count,
|
|
819
786
|
.kol-sidenav-section-toggle {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-framework",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.1",
|
|
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",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@kolkrabbi/kol-component": "0.12.19",
|
|
31
|
-
"@kolkrabbi/kol-icons": "0.8.
|
|
31
|
+
"@kolkrabbi/kol-icons": "0.8.10"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": "^18.3.0 || ^19.0.0",
|