@kolkrabbi/kol-theme 0.153.0 → 0.154.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.
|
@@ -962,6 +962,34 @@
|
|
|
962
962
|
padding-top: 20px;
|
|
963
963
|
}
|
|
964
964
|
|
|
965
|
+
/* InspectorSection `pane` — the Affinity panel shape (editor inspector rebuild, 2026-09-27).
|
|
966
|
+
* A named pane, not a labelled form group: the title in emphasis on its own strip, the body
|
|
967
|
+
* padded, and panes ruled edge to edge — each pane pads itself, so the rule is never inset. */
|
|
968
|
+
.kol-inspector-pane + .kol-inspector-pane { border-top: 1px solid var(--kol-oq-08); }
|
|
969
|
+
.kol-inspector-pane-head {
|
|
970
|
+
display: flex;
|
|
971
|
+
align-items: center;
|
|
972
|
+
gap: 4px;
|
|
973
|
+
min-height: 40px;
|
|
974
|
+
padding: 4px 16px 0;
|
|
975
|
+
}
|
|
976
|
+
.kol-inspector-pane-title {
|
|
977
|
+
flex: 1;
|
|
978
|
+
min-width: 0;
|
|
979
|
+
margin: 0;
|
|
980
|
+
font-family: var(--kol-font-family-mono);
|
|
981
|
+
font-size: 14px;
|
|
982
|
+
line-height: 18px;
|
|
983
|
+
font-weight: 400;
|
|
984
|
+
color: var(--kol-fg-emphasis);
|
|
985
|
+
}
|
|
986
|
+
.kol-inspector-pane-body {
|
|
987
|
+
display: flex;
|
|
988
|
+
flex-direction: column;
|
|
989
|
+
gap: 8px;
|
|
990
|
+
padding: 4px 16px 20px;
|
|
991
|
+
}
|
|
992
|
+
|
|
965
993
|
/* ─────────────────────────────────────────────────────────────────────
|
|
966
994
|
* Content family hover — molecules/ContentCard.jsx · ContentRow.jsx
|
|
967
995
|
*
|
|
@@ -912,3 +912,26 @@
|
|
|
912
912
|
outline: 2px solid var(--kol-accent-primary);
|
|
913
913
|
outline-offset: 1px;
|
|
914
914
|
}
|
|
915
|
+
|
|
916
|
+
/* ── ToolPalette · the tool row's states (editor inspector rebuild, 2026-09-27) ──
|
|
917
|
+
* The generic pressed toggle is an inverted tile, and ghost + `quiet` dims oq-48 ink
|
|
918
|
+
* by the disabled opacity on top — a tool row read washed-out at rest and shouted
|
|
919
|
+
* when armed. Affinity's row: the ink does the dimming, the armed tool is a sunken
|
|
920
|
+
* tile with a lighter edge and bright ink, hover a faint tile, a press gives. */
|
|
921
|
+
.kol-tool-palette .kol-btn {
|
|
922
|
+
--kol-tone-fg: var(--kol-oq-64);
|
|
923
|
+
--kol-tone-hover-bg: var(--kol-oq-08);
|
|
924
|
+
--kol-tone-hover-fg: var(--kol-surface-on-primary);
|
|
925
|
+
--kol-tone-pressed-bg: var(--kol-surface-sunken);
|
|
926
|
+
--kol-tone-pressed-fg: var(--kol-surface-on-primary);
|
|
927
|
+
transition: color 120ms ease, background-color 120ms ease, transform 80ms ease;
|
|
928
|
+
}
|
|
929
|
+
/* armed = Affinity's selected cell: a SUNKEN tile under a 1px lighter edge, the glyph bright —
|
|
930
|
+
* and it stays so under the cursor (the hover rule outranks the pressed fill) */
|
|
931
|
+
.kol-tool-palette .kol-btn-pressed {
|
|
932
|
+
--kol-tone-hover-bg: var(--kol-surface-sunken);
|
|
933
|
+
box-shadow: inset 0 0 0 1px var(--kol-oq-16);
|
|
934
|
+
}
|
|
935
|
+
.kol-tool-palette .kol-btn-quiet { opacity: 1; }
|
|
936
|
+
.kol-tool-palette .kol-btn:disabled { opacity: var(--kol-opacity-disabled); }
|
|
937
|
+
.kol-tool-palette .kol-btn:not(:disabled):not(.kol-dd-trigger):active { transform: scale(0.92); }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.154.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",
|