@kolkrabbi/kol-theme 0.13.5 → 0.13.6
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 +11 -14
- package/package.json +1 -1
package/kol-components-atoms.css
CHANGED
|
@@ -943,18 +943,13 @@ a:hover .icon-hover,
|
|
|
943
943
|
/* ═══════════════════════════════════════════════════════════════
|
|
944
944
|
* ThemeToggle — .kol-theme-toggle
|
|
945
945
|
*
|
|
946
|
-
* A two-position switch, NOT a button (user ruling 2026-07-30):
|
|
947
|
-
*
|
|
948
|
-
*
|
|
946
|
+
* A two-position switch, NOT a button (user ruling 2026-07-30): no interactive
|
|
947
|
+
* state on ANY variant — no hover, no active, no focus wash, no aria-current
|
|
948
|
+
* shift. It used to emit `.kol-btn` + `.kol-btn-nav`/`.kol-btn-primary`, which
|
|
949
|
+
* dragged the whole button state machine along. Those three were the only state
|
|
950
|
+
* sources; the SIZE classes are pure padding and stay.
|
|
949
951
|
*
|
|
950
|
-
*
|
|
951
|
-
* the whole button state machine along: the base transition + focus ring, and
|
|
952
|
-
* the per-variant :hover wash and [aria-current] shift. Those three classes are
|
|
953
|
-
* the only state sources — the SIZE classes are pure padding and stay.
|
|
954
|
-
*
|
|
955
|
-
* Same disease IconFrame was cured of above: borrow geometry, inherit states.
|
|
956
|
-
* Resting appearance is byte-identical to what it replaced, so no consumer
|
|
957
|
-
* shifts a pixel; there is simply nothing to transition to.
|
|
952
|
+
* Same cure as IconFrame above: own your classes, inherit no states.
|
|
958
953
|
* ═══════════════════════════════════════════════════════════════ */
|
|
959
954
|
|
|
960
955
|
.kol-theme-toggle {
|
|
@@ -966,14 +961,16 @@ a:hover .icon-hover,
|
|
|
966
961
|
cursor: pointer;
|
|
967
962
|
}
|
|
968
963
|
|
|
969
|
-
/* fill="none" —
|
|
964
|
+
/* fill="none" — invisible container. FULL-STRENGTH INK (user ruling): the text
|
|
965
|
+
* and icon drop NO opacity. `.kol-btn-nav` rested at oq-64 only so its hover
|
|
966
|
+
* could brighten to full; with no states that dim was just a faded label. */
|
|
970
967
|
.kol-theme-toggle-none {
|
|
971
968
|
background: transparent;
|
|
972
|
-
color: var(--kol-
|
|
969
|
+
color: var(--kol-surface-on-primary);
|
|
973
970
|
border: 1px solid transparent;
|
|
974
971
|
}
|
|
975
972
|
|
|
976
|
-
/* fill="subtle" —
|
|
973
|
+
/* fill="subtle" — the filled rung */
|
|
977
974
|
.kol-theme-toggle-subtle {
|
|
978
975
|
background: var(--kol-surface-secondary);
|
|
979
976
|
color: var(--kol-surface-on-primary);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.13.
|
|
3
|
+
"version": "0.13.6",
|
|
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",
|