@kolkrabbi/kol-theme 0.127.0 → 0.128.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/kol-components-shell.css +16 -26
- package/package.json +1 -1
package/kol-components-shell.css
CHANGED
|
@@ -135,15 +135,17 @@
|
|
|
135
135
|
background: color-mix(in srgb, var(--kol-color-ab-black) 48%, transparent);
|
|
136
136
|
}
|
|
137
137
|
|
|
138
|
-
/* ── THE TAP OPENER (ShellRailCollapsedWithTapOpen, kol-mirror
|
|
139
|
-
*
|
|
140
|
-
*
|
|
141
|
-
*
|
|
142
|
-
*
|
|
143
|
-
*
|
|
144
|
-
*
|
|
145
|
-
*
|
|
146
|
-
*
|
|
138
|
+
/* ── THE TAP OPENER IS THE LINE (ShellRailCollapsedWithTapOpen, kol-mirror
|
|
139
|
+
* 2026-09-01; corrected by RailGrabTapIsALine, kol-monitor 2026-09-02 — user:
|
|
140
|
+
* "it was a thicker line" · "who decided it should be a chevron?"). `touch=
|
|
141
|
+
* "shell"` keeps the collapsed 48px rail visible, and its only opener is the
|
|
142
|
+
* grab strip: 8px on the line, a pill that wakes on pointer PROXIMITY. A thumb
|
|
143
|
+
* never hovers, so 0.38.0 put a 24px disc with a chevron on the line — the DS
|
|
144
|
+
* agent's shape, not the ruling. The ruling is the strip ITSELF, thicker: under
|
|
145
|
+
* a coarse pointer the strip widens to a thumb-sized hit and its pill sits at
|
|
146
|
+
* rest, twice as thick — the same affordance a fine pointer drags, no glyph.
|
|
147
|
+
* Fine pointers keep the ruled grab (RailFlatGrabOpen, OneGrabGestureBothRails)
|
|
148
|
+
* and never see this; the strip already toggles on a press with no travel.
|
|
147
149
|
* Geometry lives here, the pill's motion stays in kol-animation.css. */
|
|
148
150
|
.kol-rail-grab {
|
|
149
151
|
appearance: none;
|
|
@@ -152,28 +154,16 @@
|
|
|
152
154
|
padding: 0;
|
|
153
155
|
color: inherit;
|
|
154
156
|
}
|
|
155
|
-
.kol-rail-grab-tap { display: none; }
|
|
156
157
|
@media (pointer: coarse) {
|
|
157
158
|
.kol-rail-grab {
|
|
158
159
|
width: 24px;
|
|
159
160
|
right: -12px;
|
|
160
161
|
cursor: pointer;
|
|
161
162
|
}
|
|
162
|
-
/* no proximity on touch — the pill
|
|
163
|
-
.kol-rail-grab::before {
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
justify-content: center;
|
|
168
|
-
position: absolute;
|
|
169
|
-
left: 50%;
|
|
170
|
-
top: 50%;
|
|
171
|
-
translate: -50% -50%;
|
|
172
|
-
width: 24px;
|
|
173
|
-
height: 24px;
|
|
174
|
-
border-radius: var(--kol-radius-full);
|
|
175
|
-
background: var(--kol-surface-secondary);
|
|
176
|
-
border: 1px solid var(--kol-fg-16);
|
|
177
|
-
color: var(--kol-oq-96);
|
|
163
|
+
/* no proximity on touch — the pill is simply THERE, and thicker */
|
|
164
|
+
.kol-rail-grab::before {
|
|
165
|
+
opacity: 1;
|
|
166
|
+
width: 0.25rem;
|
|
167
|
+
transition: none;
|
|
178
168
|
}
|
|
179
169
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.128.0",
|
|
4
4
|
"description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|