@kolkrabbi/kol-component 0.136.0 → 0.137.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-component",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.137.0",
|
|
4
4
|
"description": "KOL design-system components — atoms through organisms, emitting canonical kol-* classes. Pairs with @kolkrabbi/kol-theme for styling.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -16,6 +16,13 @@ import FullscreenOverlay from '../utilities/FullscreenOverlay.jsx'
|
|
|
16
16
|
* TWO PRESENTATIONS, ONE ANATOMY (the user's ask): `variant="drawer"` is a
|
|
17
17
|
* right-anchored sheet over a scrim, `variant="overlay"` the same panel
|
|
18
18
|
* centred. Only the shell differs; header · intro · sections · footer are the
|
|
19
|
+
* NO SCRIM ON THE SETTINGS DRAWER (user 2026-08-30: "remove the background
|
|
20
|
+
* overlay and blur when settings sidebar is opened"). `backdrop={false}` — the
|
|
21
|
+
* panel alone, no 60% black wash and no `blur(1px)`. You change how a surface
|
|
22
|
+
* looks WHILE looking at it, and a scrim hides the thing you are tuning. Escape
|
|
23
|
+
* and the × still close it; only the dimming is gone. Scoped to this panel —
|
|
24
|
+
* every other ShellDrawer consumer keeps its backdrop.
|
|
25
|
+
*
|
|
19
26
|
* same nodes in both. Neither shell is built here — the drawer IS ShellDrawer
|
|
20
27
|
* (scrim, Escape, focus trap, scroll lock, focus return, the × control) and
|
|
21
28
|
* the overlay IS FullscreenOverlay (scrim, Escape, backdrop dismiss, scroll
|
|
@@ -94,7 +101,7 @@ export default function SettingsPanel({
|
|
|
94
101
|
return (
|
|
95
102
|
/* THE APPROVED DRAWER (SettingsPanelApproved, kol-r2b2 2026-08-27 — user: "LOCK
|
|
96
103
|
THIS"): no edge, no shadow, a Divider under the header, the sections. */
|
|
97
|
-
<ShellDrawer open={open} onClose={onClose} side="right" width={width} header={header} className={className} edge={false} shadow={false}>
|
|
104
|
+
<ShellDrawer open={open} onClose={onClose} side="right" width={width} header={header} className={className} edge={false} shadow={false} backdrop={false}>
|
|
98
105
|
<div className="flex flex-col gap-4"><Divider />{body}</div>
|
|
99
106
|
</ShellDrawer>
|
|
100
107
|
)
|