@kolkrabbi/kol-theme 0.13.4 → 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 +46 -0
- package/package.json +1 -1
package/kol-components-atoms.css
CHANGED
|
@@ -939,3 +939,49 @@ a:hover .icon-hover,
|
|
|
939
939
|
color: var(--kol-color-absolute-white);
|
|
940
940
|
border: 1px solid transparent;
|
|
941
941
|
}
|
|
942
|
+
|
|
943
|
+
/* ═══════════════════════════════════════════════════════════════
|
|
944
|
+
* ThemeToggle — .kol-theme-toggle
|
|
945
|
+
*
|
|
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.
|
|
951
|
+
*
|
|
952
|
+
* Same cure as IconFrame above: own your classes, inherit no states.
|
|
953
|
+
* ═══════════════════════════════════════════════════════════════ */
|
|
954
|
+
|
|
955
|
+
.kol-theme-toggle {
|
|
956
|
+
display: inline-flex;
|
|
957
|
+
align-items: center;
|
|
958
|
+
justify-content: center;
|
|
959
|
+
border-radius: var(--kol-radius-sm);
|
|
960
|
+
white-space: nowrap;
|
|
961
|
+
cursor: pointer;
|
|
962
|
+
}
|
|
963
|
+
|
|
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. */
|
|
967
|
+
.kol-theme-toggle-none {
|
|
968
|
+
background: transparent;
|
|
969
|
+
color: var(--kol-surface-on-primary);
|
|
970
|
+
border: 1px solid transparent;
|
|
971
|
+
}
|
|
972
|
+
|
|
973
|
+
/* fill="subtle" — the filled rung */
|
|
974
|
+
.kol-theme-toggle-subtle {
|
|
975
|
+
background: var(--kol-surface-secondary);
|
|
976
|
+
color: var(--kol-surface-on-primary);
|
|
977
|
+
border: 1px solid transparent;
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
/* flush — no pad, no radius, no fill, ever */
|
|
981
|
+
.kol-theme-toggle-flush {
|
|
982
|
+
background: transparent;
|
|
983
|
+
color: var(--kol-surface-on-primary);
|
|
984
|
+
border: 0;
|
|
985
|
+
border-radius: 0;
|
|
986
|
+
padding: 0;
|
|
987
|
+
}
|
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",
|