@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
- .kol-dd-ghost { visibility: hidden; }
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 tones — the record-surface status control (reference: Framer
267
- * CMS, 2026-08-09). Tint + ink ride the --ui-* ladder; the chip stays a Tag
268
- * underneath, so these only override color/fill. .kol-tag doubled for source-
269
- * order safety against the tag variants above. */
270
- .kol-tag.kol-status-chip { gap: var(--kol-spacing-1); }
271
- .kol-tag.kol-status-chip--success {
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) 12%, transparent);
274
- border-color: transparent;
283
+ background-color: color-mix(in srgb, var(--ui-success) 15%, var(--kol-surface-primary));
275
284
  }
276
- .kol-tag.kol-status-chip--warning {
285
+ .kol-status-chip--warning {
277
286
  color: var(--ui-warning);
278
- background-color: color-mix(in srgb, var(--ui-warning) 12%, transparent);
279
- border-color: transparent;
287
+ background-color: color-mix(in srgb, var(--ui-warning) 15%, var(--kol-surface-primary));
280
288
  }
281
- .kol-tag.kol-status-chip--error {
289
+ .kol-status-chip--error {
282
290
  color: var(--ui-error);
283
- background-color: color-mix(in srgb, var(--ui-error) 12%, transparent);
284
- border-color: transparent;
291
+ background-color: color-mix(in srgb, var(--ui-error) 15%, var(--kol-surface-primary));
285
292
  }
286
- .kol-tag.kol-status-chip--info {
293
+ .kol-status-chip--info {
287
294
  color: var(--ui-info);
288
- background-color: color-mix(in srgb, var(--ui-info) 12%, transparent);
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.1",
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",