@kolkrabbi/kol-shell 0.50.0 → 0.51.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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-shell",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.51.0",
|
|
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,7 +20,7 @@
|
|
|
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.179.0",
|
|
24
24
|
"@kolkrabbi/kol-icons": "^0.25.0",
|
|
25
25
|
"@kolkrabbi/kol-framework": "^0.42.0",
|
|
26
26
|
"@kolkrabbi/kol-theme": "^0.138.0"
|
package/src/ShortcutsOverlay.jsx
CHANGED
|
@@ -58,8 +58,12 @@ export default function ShortcutsOverlay({ shortcuts = [], onClose }) {
|
|
|
58
58
|
return (
|
|
59
59
|
<div
|
|
60
60
|
onClick={onClose}
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
/* THE scrim (overlay-scrim-outliers, kol-client-olina 2026-09-03; user: "we
|
|
62
|
+
removed the blur and put just color on the background … we missed this").
|
|
63
|
+
This drew its own — an 8 % inverse wash plus a 2px blur — after the
|
|
64
|
+
2026-09-01 no-blur ruling and the one-tint-48 class. */
|
|
65
|
+
className="fixed inset-0 select-none kol-overlay-scrim"
|
|
66
|
+
style={{ display: 'grid', placeItems: 'center', zIndex: 'var(--kol-z-modal)' }}
|
|
63
67
|
>
|
|
64
68
|
<div className="text-fg-64 kol-helper-12 bg-surface-primary border border-fg-16" style={{ display: 'grid', gridTemplateColumns: 'auto auto', gap: '10px 62px', padding: 24, borderRadius: 4 }}>
|
|
65
69
|
{sectioned
|
|
@@ -34,8 +34,10 @@ export default function TouchDeviceOverlay({ appName = 'This app', message }) {
|
|
|
34
34
|
try { localStorage.setItem(STORAGE_KEY, '1') } catch { /* storage blocked */ }
|
|
35
35
|
setDismissed(true)
|
|
36
36
|
}
|
|
37
|
+
/* THE scrim, on the z ladder (overlay-scrim-outliers, 2026-09-03): was an 8 %
|
|
38
|
+
inverse wash + a 2px blur on a literal 100 */
|
|
37
39
|
return (
|
|
38
|
-
<div className="fixed inset-0 select-none
|
|
40
|
+
<div className="fixed inset-0 select-none kol-overlay-scrim" style={{ display: 'grid', placeItems: 'center', zIndex: 'var(--kol-z-modal)' }}>
|
|
39
41
|
<div className="bg-surface-primary border border-oq-08" style={{ width: 360, borderRadius: 4, padding: '20px 20px 16px', display: 'flex', flexDirection: 'column', gap: 12 }}>
|
|
40
42
|
<div className="kol-helper-14 text-fg-96">Desktop recommended</div>
|
|
41
43
|
<div className="kol-mono-12 text-fg-64">
|