@kolkrabbi/kol-theme 0.168.0 → 0.170.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-molecules.css +21 -3
- package/package.json +1 -1
|
@@ -653,6 +653,17 @@
|
|
|
653
653
|
* moves by. */
|
|
654
654
|
.kol-seg-cell:hover { color: var(--kol-oq-64); }
|
|
655
655
|
|
|
656
|
+
/* A CELL THAT CANNOT BE CHOSEN (kol-fxr 2026-10-09 — the Morph rail faked it with an opacity span
|
|
657
|
+
* and an onChange guard). Ink one rung under rest, no hover lift, the pointer says so; the fill and
|
|
658
|
+
* the divider stay, which is why it is ink and not opacity. Selected + disabled keeps the selected
|
|
659
|
+
* ground with this ink. */
|
|
660
|
+
.kol-seg-cell[aria-disabled="true"],
|
|
661
|
+
.kol-seg-cell[aria-disabled="true"]:hover,
|
|
662
|
+
.kol-seg--filled .kol-seg-cell[aria-disabled="true"]:hover {
|
|
663
|
+
color: var(--kol-oq-24);
|
|
664
|
+
cursor: default;
|
|
665
|
+
}
|
|
666
|
+
|
|
656
667
|
.kol-seg-cell.is-active {
|
|
657
668
|
background: transparent;
|
|
658
669
|
color: var(--kol-fg-emphasis);
|
|
@@ -1986,12 +1997,19 @@
|
|
|
1986
1997
|
* button): *"whatever it is cut it in half, so if 8 then 4 … bc there are
|
|
1987
1998
|
* hover and selected state"*. Hover takes the shallow rung and active the
|
|
1988
1999
|
* next, so the two step instead of colliding. There is no 92 on this ladder,
|
|
1989
|
-
* so it is 96 → 88 rather than an exact halving.
|
|
1990
|
-
|
|
2000
|
+
* so it is 96 → 88 rather than an exact halving.
|
|
2001
|
+
*
|
|
2002
|
+
* ⚠ MEASURED WRONG IN ONE THEME EACH (kol-fxr 2026-10-09, ButtonPrimaryHoverDeeper). The `ab`
|
|
2003
|
+
* rungs are read from the PAGE, the rest fill is not the page: light rest 242, hover ab-96 = 245
|
|
2004
|
+
* (LIGHTER — the grey the user reported), press ab-88 = 224; dark rest 25, hover 10, press ab-88
|
|
2005
|
+
* = 31 (lighter). So the step is taken from the REST FILL itself, down a fixed 8 and 16 in both
|
|
2006
|
+
* themes — light 242 → 234 → 226, dark 25 → 17 → 9. Deeper is darker on both grounds. Decided on
|
|
2007
|
+
* the recommendation; Round 9 shows the three steps in both themes for review. */
|
|
2008
|
+
--kol-tone-hover-bg: rgb(from var(--kol-surface-secondary) calc(r - 8) calc(g - 8) calc(b - 8));
|
|
1991
2009
|
--kol-tone-hover-image: none;
|
|
1992
2010
|
--kol-tone-hover-fg: var(--kol-surface-on-primary);
|
|
1993
2011
|
--kol-tone-hover-border: transparent;
|
|
1994
|
-
--kol-tone-active-bg: var(--kol-
|
|
2012
|
+
--kol-tone-active-bg: rgb(from var(--kol-surface-secondary) calc(r - 16) calc(g - 16) calc(b - 16));
|
|
1995
2013
|
--kol-tone-active-image: none;
|
|
1996
2014
|
--kol-tone-pressed-bg: var(--kol-surface-on-primary);
|
|
1997
2015
|
--kol-tone-pressed-image: none;
|