@kolkrabbi/kol-theme 0.32.1 → 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.
|
@@ -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);
|
|
@@ -263,30 +267,32 @@
|
|
|
263
267
|
border-color: currentColor;
|
|
264
268
|
}
|
|
265
269
|
|
|
266
|
-
/* StatusChip
|
|
267
|
-
*
|
|
268
|
-
*
|
|
269
|
-
*
|
|
270
|
-
|
|
271
|
-
.
|
|
270
|
+
/* StatusChip — the record-surface status control (reference: Framer CMS,
|
|
271
|
+
* 2026-08-09; rebuilt off Tag onto the Dropdown-sm metrics the same day).
|
|
272
|
+
* Tint + ink ride the --ui-* ladder; box/type live in the JSX (kol-btn-sm
|
|
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. */
|
|
277
|
+
.kol-status-chip {
|
|
278
|
+
color: var(--kol-surface-on-primary);
|
|
279
|
+
background-color: color-mix(in srgb, var(--kol-surface-on-primary) 8%, var(--kol-surface-primary));
|
|
280
|
+
}
|
|
281
|
+
.kol-status-chip--success {
|
|
272
282
|
color: var(--ui-success);
|
|
273
|
-
background-color: color-mix(in srgb, var(--ui-success)
|
|
274
|
-
border-color: transparent;
|
|
283
|
+
background-color: color-mix(in srgb, var(--ui-success) 15%, var(--kol-surface-primary));
|
|
275
284
|
}
|
|
276
|
-
.kol-
|
|
285
|
+
.kol-status-chip--warning {
|
|
277
286
|
color: var(--ui-warning);
|
|
278
|
-
background-color: color-mix(in srgb, var(--ui-warning)
|
|
279
|
-
border-color: transparent;
|
|
287
|
+
background-color: color-mix(in srgb, var(--ui-warning) 15%, var(--kol-surface-primary));
|
|
280
288
|
}
|
|
281
|
-
.kol-
|
|
289
|
+
.kol-status-chip--error {
|
|
282
290
|
color: var(--ui-error);
|
|
283
|
-
background-color: color-mix(in srgb, var(--ui-error)
|
|
284
|
-
border-color: transparent;
|
|
291
|
+
background-color: color-mix(in srgb, var(--ui-error) 15%, var(--kol-surface-primary));
|
|
285
292
|
}
|
|
286
|
-
.kol-
|
|
293
|
+
.kol-status-chip--info {
|
|
287
294
|
color: var(--ui-info);
|
|
288
|
-
background-color: color-mix(in srgb, var(--ui-info)
|
|
289
|
-
border-color: transparent;
|
|
295
|
+
background-color: color-mix(in srgb, var(--ui-info) 15%, var(--kol-surface-primary));
|
|
290
296
|
}
|
|
291
297
|
|
|
292
298
|
/* inverse — the flipped chip. Mirrors .pill-inverse. */
|
|
@@ -180,6 +180,11 @@
|
|
|
180
180
|
.kol-table-wrapper.kol-table--simple { border: none; border-radius: 0; }
|
|
181
181
|
.kol-table-wrapper.kol-table--simple .kol-table-thead { background: none; border-bottom: 1px solid var(--kol-fg-12); }
|
|
182
182
|
.kol-table-wrapper.kol-table--simple .kol-table-row { border-bottom: 1px solid var(--kol-fg-08); }
|
|
183
|
+
/* compact — record-surface density (2026-08-09): tighter cell box for the
|
|
184
|
+
* RecordManager table; the reference's rows sit near half the default. */
|
|
185
|
+
.kol-table-wrapper.kol-table--compact .kol-table th,
|
|
186
|
+
.kol-table-wrapper.kol-table--compact .kol-table td { padding: 0.5rem 0.75rem; }
|
|
187
|
+
|
|
183
188
|
.kol-table-wrapper.kol-table--simple .kol-table th,
|
|
184
189
|
.kol-table-wrapper.kol-table--simple .kol-table td { border-right: none; }
|
|
185
190
|
.kol-table-wrapper.kol-table--simple .kol-table th:first-child,
|
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",
|