@kolkrabbi/kol-theme 0.4.0 → 0.5.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.
|
@@ -267,20 +267,23 @@
|
|
|
267
267
|
* ───────────────────────────────────────────────────────────────────── */
|
|
268
268
|
.kol-seg {
|
|
269
269
|
display: flex;
|
|
270
|
-
height: 26px;
|
|
271
270
|
border: 1px solid var(--kol-fg-04);
|
|
272
271
|
border-radius: var(--kol-radius-sm);
|
|
273
272
|
overflow: hidden;
|
|
274
273
|
}
|
|
275
274
|
|
|
276
|
-
.kol-
|
|
275
|
+
/* Sizes mirror .kol-btn-{sm,md,lg} exactly: cell padding per size (below) +
|
|
276
|
+
* mono type (12/14/16) applied on the cell in JSX. Height is padding-driven,
|
|
277
|
+
* so a strip matches a Button of the same size. md is the base. */
|
|
278
|
+
.kol-seg--sm .kol-seg-cell { padding: 4px 12px; }
|
|
279
|
+
.kol-seg--lg .kol-seg-cell { padding: 8px 20px; }
|
|
277
280
|
|
|
278
281
|
.kol-seg-cell {
|
|
279
282
|
flex: 1;
|
|
280
283
|
display: inline-flex;
|
|
281
284
|
align-items: center;
|
|
282
285
|
justify-content: center;
|
|
283
|
-
padding:
|
|
286
|
+
padding: 6px 16px; /* md — .kol-btn-md */
|
|
284
287
|
background: transparent;
|
|
285
288
|
border: none;
|
|
286
289
|
cursor: pointer;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.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",
|