@kolkrabbi/kol-theme 0.31.3 → 0.32.1
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 +32 -0
- package/package.json +1 -1
|
@@ -221,6 +221,12 @@
|
|
|
221
221
|
letter-spacing: 0.04em;
|
|
222
222
|
}
|
|
223
223
|
|
|
224
|
+
/* DATA CHIPS RENDER VERBATIM (2026-08-09). The uppercase above exists for
|
|
225
|
+
* LABEL strings with no authoring site (frontmatter tags). A filename is
|
|
226
|
+
* DATA — transforming it misquotes it (certificate.pdf ≠ CERTIFICATE.PDF).
|
|
227
|
+
* FieldRow's file token wears this; any chip carrying user data should. */
|
|
228
|
+
.kol-tag.kol-tag--data { text-transform: none; letter-spacing: normal; }
|
|
229
|
+
|
|
224
230
|
/* PADDING ONLY. Type is the kol-helper-* ramp, applied at the call site
|
|
225
231
|
* (Tag.jsx) — these rules used to hardcode font-size + font-weight and set no
|
|
226
232
|
* line-height, so a 10px chip inherited the body's ~1.5 and stood 22px tall
|
|
@@ -257,6 +263,32 @@
|
|
|
257
263
|
border-color: currentColor;
|
|
258
264
|
}
|
|
259
265
|
|
|
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 {
|
|
272
|
+
color: var(--ui-success);
|
|
273
|
+
background-color: color-mix(in srgb, var(--ui-success) 12%, transparent);
|
|
274
|
+
border-color: transparent;
|
|
275
|
+
}
|
|
276
|
+
.kol-tag.kol-status-chip--warning {
|
|
277
|
+
color: var(--ui-warning);
|
|
278
|
+
background-color: color-mix(in srgb, var(--ui-warning) 12%, transparent);
|
|
279
|
+
border-color: transparent;
|
|
280
|
+
}
|
|
281
|
+
.kol-tag.kol-status-chip--error {
|
|
282
|
+
color: var(--ui-error);
|
|
283
|
+
background-color: color-mix(in srgb, var(--ui-error) 12%, transparent);
|
|
284
|
+
border-color: transparent;
|
|
285
|
+
}
|
|
286
|
+
.kol-tag.kol-status-chip--info {
|
|
287
|
+
color: var(--ui-info);
|
|
288
|
+
background-color: color-mix(in srgb, var(--ui-info) 12%, transparent);
|
|
289
|
+
border-color: transparent;
|
|
290
|
+
}
|
|
291
|
+
|
|
260
292
|
/* inverse — the flipped chip. Mirrors .pill-inverse. */
|
|
261
293
|
.kol-tag--inverse {
|
|
262
294
|
background-color: var(--kol-surface-on-primary);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.32.1",
|
|
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",
|