@kolkrabbi/kol-theme 0.125.0 → 0.126.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 +13 -0
- package/package.json +1 -1
package/kol-components-atoms.css
CHANGED
|
@@ -127,6 +127,16 @@
|
|
|
127
127
|
}
|
|
128
128
|
/* ─── Sizes (padding only — type class applied via JSX) ─── */
|
|
129
129
|
|
|
130
|
+
/* THE XS RUNG (ControlsXsRung, kol-monitor 2026-09-01; user: "DS should ship xs
|
|
131
|
+
* size — I actually often find situations where xs would be helpful"). An
|
|
132
|
+
* instrument panel runs 8px mono in a 16–20px shell and the ladder stopped at
|
|
133
|
+
* sm (12px in 26–28), which is the one reason the rack's TextInput / Dropdown /
|
|
134
|
+
* Selector could not collapse onto Input / Dropdown / Stepper. xs = kol-mono-8
|
|
135
|
+
* (line-height 12) + 4px vertical + the shell's 1px ring = 22px, 8px sides,
|
|
136
|
+
* the xs radius; the icon-only square is 20.
|
|
137
|
+
* Opt-in by prop only — the 2026-07-28 "dropdowns are sm at every viewport"
|
|
138
|
+
* law is untouched; nothing ramps to xs by viewport. */
|
|
139
|
+
.kol-control-xs { padding: 4px 8px; border-radius: var(--kol-radius-xs); }
|
|
130
140
|
.kol-control-sm { padding: 4px 12px; }
|
|
131
141
|
.kol-control-md { padding: 6px 16px; }
|
|
132
142
|
.kol-control-lg { padding: 8px 20px; }
|
|
@@ -237,6 +247,7 @@
|
|
|
237
247
|
* a lone glyph gets a PINNED SQUARE per rung — sm 28 / md 32 / lg 36 — equal to
|
|
238
248
|
* the rung's button height and independent of glyph size (padding-derived
|
|
239
249
|
* squares drifted with icon size; user law: the box never moves). */
|
|
250
|
+
.kol-btn-icon.kol-btn-xs { width: 20px; height: 20px; padding: 0; }
|
|
240
251
|
.kol-btn-icon.kol-btn-sm { width: 28px; height: 28px; padding: 0; }
|
|
241
252
|
.kol-btn-icon.kol-btn-md { width: 32px; height: 32px; padding: 0; }
|
|
242
253
|
.kol-btn-icon.kol-btn-lg { width: 36px; height: 36px; padding: 0; }
|
|
@@ -370,6 +381,8 @@
|
|
|
370
381
|
}
|
|
371
382
|
}
|
|
372
383
|
|
|
384
|
+
/* xs — the panel rung (ControlsXsRung, 2026-09-01): 22px shell (20 + ring), xs radius */
|
|
385
|
+
.kol-btn-xs { padding: 4px 8px; border-radius: var(--kol-radius-xs); }
|
|
373
386
|
.kol-btn-sm { padding: 4px 12px; }
|
|
374
387
|
.kol-btn-md { padding: 6px 16px; }
|
|
375
388
|
.kol-btn-lg { padding: 8px 20px; }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.126.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",
|