@kolkrabbi/kol-theme 0.32.3 → 0.32.5
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 +14 -1
- package/package.json +1 -1
|
@@ -81,9 +81,15 @@
|
|
|
81
81
|
* trigger squares its bottom corners, panel squares its top, and the fill
|
|
82
82
|
* continues (panel offset is -1 in Dropdown.jsx for the same reason). */
|
|
83
83
|
.kol-dd-trigger--open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
|
|
84
|
+
/* Flex column so the viewport clamp (Popover size middleware sets maxHeight
|
|
85
|
+
* on this element) reaches the list: the hairline keeps its 1px, the list
|
|
86
|
+
* takes the rest and scrolls inside — the panel itself never overflows the
|
|
87
|
+
* viewport (2026-08-09, kol-ds-fxr long-dropdown ticket). */
|
|
84
88
|
.kol-dd-panel {
|
|
85
89
|
border-radius: 0 0 var(--kol-radius-sm) var(--kol-radius-sm);
|
|
86
90
|
overflow: hidden;
|
|
91
|
+
display: flex;
|
|
92
|
+
flex-direction: column;
|
|
87
93
|
}
|
|
88
94
|
.kol-dd-panel--primary { background: var(--kol-surface-secondary); }
|
|
89
95
|
.kol-dd-panel--grey { background: var(--kol-oq-12); }
|
|
@@ -93,7 +99,7 @@
|
|
|
93
99
|
border-top: none; /* the trigger's bottom edge is the divider (docs page) */
|
|
94
100
|
}
|
|
95
101
|
.kol-dd-div { border-top: 1px solid var(--kol-fg-08); }
|
|
96
|
-
.kol-dd-list { padding: var(--kol-spacing-1); }
|
|
102
|
+
.kol-dd-list { padding: var(--kol-spacing-1); overflow-y: auto; min-height: 0; }
|
|
97
103
|
|
|
98
104
|
/* Popover — default chrome for floating-ui-positioned panels.
|
|
99
105
|
* Used by molecules/Popover.jsx PopoverPanel. */
|
|
@@ -294,6 +300,13 @@
|
|
|
294
300
|
color: var(--ui-info);
|
|
295
301
|
background-color: color-mix(in srgb, var(--ui-info) 15%, var(--kol-surface-primary));
|
|
296
302
|
}
|
|
303
|
+
/* --primary — the Dropdown-primary trigger's fill + ink on the pill box
|
|
304
|
+
* (select columns in record surfaces, user frame 2026-08-09: "use status
|
|
305
|
+
* pill, but same look as dropdown primary"). Values mirror .kol-btn-primary. */
|
|
306
|
+
.kol-status-chip--primary {
|
|
307
|
+
color: var(--kol-surface-on-primary);
|
|
308
|
+
background-color: var(--kol-surface-secondary);
|
|
309
|
+
}
|
|
297
310
|
|
|
298
311
|
/* inverse — the flipped chip. Mirrors .pill-inverse. */
|
|
299
312
|
.kol-tag--inverse {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.32.
|
|
3
|
+
"version": "0.32.5",
|
|
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",
|