@kolkrabbi/kol-theme 0.127.0 → 0.129.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-atoms.css +7 -0
- package/kol-components-shell.css +16 -26
- package/package.json +1 -1
package/kol-components-atoms.css
CHANGED
|
@@ -241,6 +241,13 @@
|
|
|
241
241
|
* Chrome belongs here, layered, so utilities stay sovereign. The flex
|
|
242
242
|
* centering comes from .kol-btn; the icon-only extra is only line-height. */
|
|
243
243
|
.kol-btn-icon {
|
|
244
|
+
/* A FIXED SQUARE ON EVERY RUNG (IconButtonNoFlexShrink, kol-monitor
|
|
245
|
+
* 2026-09-02): in a shrink-to-fit flex row WebKit measured the icon-only
|
|
246
|
+
* button's contribution as its GLYPH (20 + 2 border = 22), not the 32px
|
|
247
|
+
* rule, so the row came out short and squeezed the square to 22×32 — the
|
|
248
|
+
* gear a sliver beside a 32px Dropdown. `flex: none` fixes the measurement
|
|
249
|
+
* AND the shrink; `flex-shrink: 0` alone fixed only the shrink. */
|
|
250
|
+
flex: none;
|
|
244
251
|
line-height: 0;
|
|
245
252
|
}
|
|
246
253
|
/* Icon-only is a GEOMETRY condition, not a variant (2026-07-28, user-ordered):
|
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.129.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",
|