@kolkrabbi/kol-theme 0.32.2 → 0.32.3
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-molecules.css +13 -6
- package/package.json +1 -1
|
@@ -61,7 +61,11 @@
|
|
|
61
61
|
* edge, Input's model. */
|
|
62
62
|
.kol-dd-label { display: inline-grid; min-width: 0; text-align: start; }
|
|
63
63
|
.kol-dd-label > span { grid-area: 1 / 1; white-space: nowrap; }
|
|
64
|
-
|
|
64
|
+
/* Ghost slack: each hidden option reserves the PANEL row's trailing check
|
|
65
|
+
* column on top of its label, so the fused one-piece width fits every row
|
|
66
|
+
* without truncating (2026-08-09 night — closes the "Cen…" defect at the
|
|
67
|
+
* trigger instead of un-fusing the panel). */
|
|
68
|
+
.kol-dd-ghost { visibility: hidden; padding-right: 1rem; }
|
|
65
69
|
.kol-dd-caret {
|
|
66
70
|
flex-shrink: 0;
|
|
67
71
|
transition: rotate var(--kol-transition-base);
|
|
@@ -267,25 +271,28 @@
|
|
|
267
271
|
* 2026-08-09; rebuilt off Tag onto the Dropdown-sm metrics the same day).
|
|
268
272
|
* Tint + ink ride the --ui-* ladder; box/type live in the JSX (kol-btn-sm
|
|
269
273
|
* values + mono-12). No tone → the neutral chip. */
|
|
274
|
+
/* OPAQUE tone fills (user frame 43, 2026-08-09): the tone blends INTO the
|
|
275
|
+
* surface — a solid dark tint that holds steady over any row background.
|
|
276
|
+
* The earlier transparent wash let zebra/hover rows bleed through the pill. */
|
|
270
277
|
.kol-status-chip {
|
|
271
278
|
color: var(--kol-surface-on-primary);
|
|
272
|
-
background-color: color-mix(in srgb, var(--kol-surface-on-primary) 8%,
|
|
279
|
+
background-color: color-mix(in srgb, var(--kol-surface-on-primary) 8%, var(--kol-surface-primary));
|
|
273
280
|
}
|
|
274
281
|
.kol-status-chip--success {
|
|
275
282
|
color: var(--ui-success);
|
|
276
|
-
background-color: color-mix(in srgb, var(--ui-success)
|
|
283
|
+
background-color: color-mix(in srgb, var(--ui-success) 15%, var(--kol-surface-primary));
|
|
277
284
|
}
|
|
278
285
|
.kol-status-chip--warning {
|
|
279
286
|
color: var(--ui-warning);
|
|
280
|
-
background-color: color-mix(in srgb, var(--ui-warning)
|
|
287
|
+
background-color: color-mix(in srgb, var(--ui-warning) 15%, var(--kol-surface-primary));
|
|
281
288
|
}
|
|
282
289
|
.kol-status-chip--error {
|
|
283
290
|
color: var(--ui-error);
|
|
284
|
-
background-color: color-mix(in srgb, var(--ui-error)
|
|
291
|
+
background-color: color-mix(in srgb, var(--ui-error) 15%, var(--kol-surface-primary));
|
|
285
292
|
}
|
|
286
293
|
.kol-status-chip--info {
|
|
287
294
|
color: var(--ui-info);
|
|
288
|
-
background-color: color-mix(in srgb, var(--ui-info)
|
|
295
|
+
background-color: color-mix(in srgb, var(--ui-info) 15%, var(--kol-surface-primary));
|
|
289
296
|
}
|
|
290
297
|
|
|
291
298
|
/* inverse — the flipped chip. Mirrors .pill-inverse. */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.32.
|
|
3
|
+
"version": "0.32.3",
|
|
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",
|