@moontra/moonui 6.18.0 → 6.19.0

package/dist/index.mjs

@@ -2534,7 +2534,20 @@ var sliderRangeVariants = cva(
       variant: {
         default: "bg-foreground",
         primary: "bg-primary",
-        secondary: "bg-secondary",
+        // #389 (#372'nin birebir ardılı): range `bg-secondary` idi — track'in
+        // (`bg-secondary/20`) AYNI yüzey token'ına basıyordu; %20 alfa track ile
+        // tam dolgu iki temada da ~1.0 oranında kalıyor, dolu kısım görünmüyordu
+        // (light rgb(235,239,245) → 1.12 · dark rgb(2,8,23) → 1.01).
+        // `bg-secondary-foreground` BİLEREK seçilmedi: light'ta --primary ile aynı
+        // hue/sat'ta yalnız ΔL=%2 (fill↔fill 1.07), dark'ta birebir --primary
+        // değeri (210 40% 98%) — secondary varyantı primary klonuna dönerdi.
+        // `--secondary-500` (tokens.css slate skalası, RGB üçlüsü) iki temada da
+        // track'e ≥3:1 (WCAG 1.4.11) veren TEK kademe: light 4.63, dark 4.23
+        // (gerçek kart #111827 üstünde 3.83; 400 light'ta 2.50 ✗, 600 dark'ta
+        // 2.66 ✗). Skala :root'ta tanımlı olduğundan tema değişiminde sabittir;
+        // tüketici --secondary-500'ü ezerek özelleştirebilir.
+        // Regresyon: __tests__/slider-secondary-contrast.test.ts
+        secondary: "bg-[rgb(var(--secondary-500))]",
         accent: "bg-accent",
         success: "bg-success",
         warning: "bg-warning",
@@ -2553,7 +2566,18 @@ var sliderThumbVariants = cva(
       variant: {
         default: "border-foreground bg-background",
         primary: "border-primary bg-background",
-        secondary: "border-secondary bg-background",
+        // #407 (P2, #389'un range eksenine EK ayrı eksen): tutamacın kenarlığı
+        // `border-secondary`, dolgusu `bg-background` idi. Bu bileşen↔sayfa-zemini
+        // ekseni: `--secondary` light'ta neredeyse beyaz (rgb(235,239,245)), dark'ta
+        // `--background` ile neredeyse aynı → kenarlık 1.15 (light) / 1.01 (dark)
+        // oranında kalıyor, secondary slider'ın tutamacı zeminde kayboluyordu.
+        // #389'da bilerek kapsam dışıydı (mevcut kusuru testle "doğru" ilan etmemek için).
+        // Non-text UI bileşeni → WCAG 1.4.11 ≥3:1. Skala taraması bu eksende de TEK
+        // kademe bırakıyor — `--secondary-500`: light 4.76, dark 4.23 (gerçek kart
+        // #111827 üstünde 3.73); 400 light'ta 2.56 ✗, 600 dark'ta 2.66 ✗. Range ile
+        // aynı kademe: tutamaç ve dolgu tek renkte okunur.
+        // Regresyon: __tests__/slider-secondary-contrast.test.ts
+        secondary: "border-[rgb(var(--secondary-500))] bg-background",
         accent: "border-accent bg-background",
         success: "border-success bg-background",
         warning: "border-warning bg-background",