@kolkrabbi/kol-theme 0.70.0 → 0.72.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 +20 -0
- package/kol-components-molecules.css +13 -1
- package/package.json +1 -1
package/kol-components-atoms.css
CHANGED
|
@@ -1145,6 +1145,26 @@ a.kol-icon-frame {
|
|
|
1145
1145
|
border: 1px solid transparent;
|
|
1146
1146
|
}
|
|
1147
1147
|
|
|
1148
|
+
/* PlayDisc — the Finder play/pause disc on a media tile (PlayDiscAndVideoBar,
|
|
1149
|
+
* kol-r2b2 2026-08-27): a round `IconFrame secondary lg radius="full"`, hidden
|
|
1150
|
+
* at rest, shown on hover of the tile (`.kol-media-tile`) or on focus, over
|
|
1151
|
+
* full-bleed artwork. Declared AFTER the variants so it wins in-layer — the
|
|
1152
|
+
* consumer no longer restates bg-fg-inverse-64 / border-fg-96 beside the
|
|
1153
|
+
* variant. Absolute colours: it sits on artwork, not on the theme. NO
|
|
1154
|
+
* backdrop-filter — it flips the tile onto a composited layer on hover and the
|
|
1155
|
+
* artwork's saturation jumps (Chrome). */
|
|
1156
|
+
.kol-play-disc {
|
|
1157
|
+
background-color: color-mix(in srgb, var(--kol-surface-on-inverse) 64%, transparent);
|
|
1158
|
+
color: var(--kol-color-absolute-white);
|
|
1159
|
+
border: 2px solid color-mix(in srgb, var(--kol-surface-on-primary) 96%, transparent);
|
|
1160
|
+
box-shadow: 0 0 4px 3.5px rgba(0, 0, 0, 0.4);
|
|
1161
|
+
opacity: 0;
|
|
1162
|
+
transition: opacity var(--kol-transition-base);
|
|
1163
|
+
}
|
|
1164
|
+
.kol-play-disc svg { color: inherit; }
|
|
1165
|
+
.kol-media-tile:hover .kol-play-disc,
|
|
1166
|
+
.kol-play-disc:focus-visible { opacity: 1; }
|
|
1167
|
+
|
|
1148
1168
|
/* ═══════════════════════════════════════════════════════════════
|
|
1149
1169
|
* ThemeToggle — .kol-theme-toggle
|
|
1150
1170
|
*
|
|
@@ -19,7 +19,9 @@
|
|
|
19
19
|
* dropdown/menu/tooltip opened INSIDE a FullscreenOverlay stacks under the
|
|
20
20
|
* sheet and its options intercept nothing. */
|
|
21
21
|
.kol-popover-float {
|
|
22
|
-
z
|
|
22
|
+
/* above the ShellDrawer sheet (z 200) — a Dropdown in the settings drawer
|
|
23
|
+
* opened BEHIND it (SettingsPanelApproved, 2026-08-27) */
|
|
24
|
+
z-index: 210;
|
|
23
25
|
}
|
|
24
26
|
|
|
25
27
|
/* ── Dropdown — .kol-dd-* ─────────────────────────────────────────────────
|
|
@@ -1171,3 +1173,13 @@
|
|
|
1171
1173
|
transform: none;
|
|
1172
1174
|
}
|
|
1173
1175
|
}
|
|
1176
|
+
|
|
1177
|
+
/* Markdown is BOUNDED where it renders (SettingsPanelApproved, kol-r2b2
|
|
1178
|
+
* 2026-08-27): in the 320px column preview a document scaled to the frame; in
|
|
1179
|
+
* the overlay a readable sheet, not full-bleed over the page. */
|
|
1180
|
+
.kol-column-browser-preview .kol-prose { zoom: 0.5; }
|
|
1181
|
+
.kol-overlay .kol-prose {
|
|
1182
|
+
max-width: var(--kol-content-measure);
|
|
1183
|
+
margin-inline: auto;
|
|
1184
|
+
padding: 24px;
|
|
1185
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.72.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",
|