@moontra/moonui 6.22.0 → 6.24.0

package/dist/index.mjs

@@ -409,11 +409,27 @@ var badgeVariants = cva(
           "focus-visible:ring-gray-400/30 dark:focus-visible:ring-gray-500/40",
           "dark:text-gray-100 dark:bg-transparent dark:backdrop-blur-sm"
         ],
+        // #544: `bg-error` (= --error, #ef4343) beyaz metinle 3.78 veriyordu (AA 4.5 ister),
+        // `dark:bg-error/90` ise gerçek koyu kart (#111827) üstünde 4.43 ile kalıyordu.
+        //
+        // TOKEN DEĞİŞTİRİLMEDİ: dark `--destructive`/`--error` METİN rolü için bilerek
+        // açık tutuluyor (tokens.css:518-526); değeri koyulaştırmak `text-destructive`
+        // yazan yüzleri kırardı ve dark-token-contrast.test.ts'in belgelediği uzlaşmayı
+        // bozardı. Bunun yerine #424/#442/#454'ün presedansı uygulandı: token'a değil
+        // VARYANTA dokunulup skalanın bir kademesine inildi.
+        //
+        // `-600` ölçümle seçildi — AA'yı geçen EN AÇIK kademe (beyazla 4.83; -500 3.76 ✗)
+        // ve bugünkü kırmızıya EN YAKIN aday (ΔE*ab 10.3; -700 → 16.2, `--destructive`
+        // light → 18.8). Hue 0° korunur, "uyarı kırmızısı" kimliği kaybolmaz.
+        //
+        // Skala kademeleri tema-BAĞIMSIZ (`.dark` onları ezmez) → tek sınıf iki temayı
+        // birden kapatır ve eski YARI SAYDAM `dark:bg-error/90`ın zemine bağımlılığı
+        // ortadan kalkar. Hover koyulaşır (-700, 6.47), açılmaz.
         destructive: [
-          "border-transparent bg-error text-white",
-          "hover:bg-error/90 dark:hover:bg-error/80",
+          "border-transparent bg-error-600 text-white",
+          "hover:bg-error-700 dark:hover:bg-error-700",
           "focus-visible:ring-error/30 dark:focus-visible:ring-error/25",
-          "dark:bg-error/90 dark:text-white dark:shadow-inner dark:shadow-error/10"
+          "dark:text-white dark:shadow-inner dark:shadow-error/10"
         ],
         success: [
           "border-transparent bg-success text-success-foreground",
@@ -781,11 +797,20 @@ var buttonVariants = cva(
           "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           "transition-all duration-200"
         ],
+        // #544: AÇIK tema zaten geçiyordu (`--destructive` light = #e11313, foreground
+        // #f8fafc ile 4.66) — #442'nin kuralı gereği DOKUNULMADI, regresyon yüzeyi sıfır.
+        // Kırık olan yalnız KOYU temaydı: dark `--destructive` = #ef4343 metin rolü için
+        // bilerek açık bırakılmış bir değer (tokens.css:518-526) ve dolgu rolünde
+        // foreground'la 3.61 veriyor. Token'a dokunmadan dark dolgusu opak `error`
+        // skalasına bağlandı (-600 → 4.62; ölçümle seçilen en açık geçen kademe).
+        // Not: `dark:bg-destructive` KALDIRILDI, yanına eklenmedi — iki `dark:bg-*`
+        // utility'si aynı anda yazılırsa hangisinin kazanacağını sınıf dizgesi sırası
+        // DEĞİL Tailwind'in kendi iç sıralaması belirler.
         destructive: [
           "bg-destructive text-destructive-foreground",
-          "dark:bg-destructive dark:text-destructive-foreground",
-          "hover:bg-destructive/90 dark:hover:bg-destructive/90",
-          "active:bg-destructive/80 dark:active:bg-destructive/80",
+          "dark:bg-error-600 dark:text-destructive-foreground",
+          "hover:bg-destructive/90 dark:hover:bg-error-700",
+          "active:bg-destructive/80 dark:active:bg-error-800",
           "shadow-sm hover:shadow-md",
           "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           "transition-all duration-200"