@moontra/moonui 6.25.0 → 6.27.0

package/dist/index.mjs

@@ -835,10 +835,15 @@ var buttonVariants = cva(
           "transition-all duration-200"
         ],
         success: [
+          // Koyu temada `--success` (#16a34a) foreground'uyla 3.15 veriyordu (AA 4.5
+          // ister) — `--destructive`in #544'teki birebir aynı kusuru. Açık tema
+          // dokunulmadı (#442 kuralı: geçen yüzeyde regresyon riski açma).
+          // Dolgu opak `success` skalasına bağlandı: -600 hâlâ 3.15, ölçümle geçen
+          // en açık kademe -700 (4.79).
           "bg-success text-success-foreground",
-          "dark:bg-success dark:text-success-foreground",
-          "hover:bg-success/90 dark:hover:bg-success/90",
-          "active:bg-success/80 dark:active:bg-success/80",
+          "dark:bg-success-700 dark:text-success-foreground",
+          "hover:bg-success/90 dark:hover:bg-success-800",
+          "active:bg-success/80 dark:active:bg-success-900",
           "shadow-sm hover:shadow-md",
           "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           "transition-all duration-200"
@@ -860,22 +865,35 @@ var buttonVariants = cva(
           "transition-all duration-300"
         ],
         glow: [
-          "bg-blue-500 text-white",
+          // blue-500 (#3b82f6) beyaz metinle 3.68 veriyordu (AA 4.5 ister).
+          // Ölçümle geçen en açık kademe blue-600 (#2563eb → 5.17); parıltı
+          // gölgesi `--glow-blue-rgb` üzerinden AYNI kaldı, yalnız dolgu koyulaştı.
+          "bg-blue-600 text-white",
           // #664 S3: rgba(59,130,246,…) → --glow-blue-rgb (tokens.css). Değer AYNI
           // (Tailwind blue-500), yalnız merkezi token'a taşındı — görsel değişiklik yok.
           "shadow-[0_0_30px_rgba(var(--glow-blue-rgb),0.5)]",
           "hover:shadow-[0_0_40px_rgba(var(--glow-blue-rgb),0.7)]",
           "active:shadow-[0_0_20px_rgba(var(--glow-blue-rgb),0.4)]",
-          "hover:bg-blue-600",
+          "hover:bg-blue-700",
           "focus-visible:ring-blue-500/50",
           "transition-all duration-300"
         ],
         soft: [
-          "bg-primary/10 text-primary",
+          // #686: açık temada `bg-primary/10` + `text-primary` 4.28 veriyordu
+          // (gereken 4.5) — #354'ün sidebar'da ölçtüğü rakamın birebir aynısı.
+          // Aynı çözüm: subtle token ÇİFTİ. Zemin görsel olarak neredeyse aynı
+          // kalır, metin koyulaşır → 6.21. Hover/active zeminleri korundu;
+          // yeni metin rengiyle ölçüldüler: 5.65 ve 5.02 (ikisi de AA üstü).
+          "bg-primary-subtle text-primary-subtle-foreground",
           "hover:bg-primary/20",
           "active:bg-primary/30",
           "focus-visible:ring-primary/50",
-          "dark:bg-primary/20 dark:text-primary-foreground",
+          // Koyu temada `bg-primary/20` + `text-primary-foreground` 1.76 veriyordu:
+          // dark `--primary` neredeyse beyaz olduğu için /20 açık-gri bir zemin
+          // üretiyor, `--primary-foreground` ise koyu — ikisi birbirini yiyordu.
+          // #354'ün sidebar'da kanıtlanmış çözümü: subtle token ÇİFTİ (zemin+metin
+          // birlikte tanımlı, koyu temada koyu zemin + açık metin).
+          "dark:bg-primary-subtle dark:text-primary-subtle-foreground",
           "dark:hover:bg-primary/30 dark:active:bg-primary/40",
           "transition-colors duration-200"
         ],
@@ -891,8 +909,14 @@ var buttonVariants = cva(
           "transition-all duration-200"
         ],
         neon: [
-          "bg-transparent text-green-400",
-          "border-2 border-green-400",
+          // #686: `text-green-400` (#4ade80) şeffaf zeminde doğrudan sayfa
+          // arkaplanına düşüyor → açık temada 1.74 (gereken 4.5). Ölçümle geçen
+          // en açık kademe green-700 (5.02); -600 hâlâ 3.3.
+          // Koyu tema DEĞİŞMEDİ: neon estetiği orada zaten 11.56 ile geçiyor.
+          // Çerçeve de metinle aynı kademeye çekildi (WCAG 1.4.11 non-text 3:1).
+          "bg-transparent text-green-700 dark:text-green-400",
+          "border-2 border-green-700 dark:border-green-400",
+          // hover zemini parlak yeşile dönüyor + metin gray-900 → 10.18, korundu.
           "hover:bg-green-400 hover:text-gray-900",
           // #664 S3: rgba(74,222,128,…) → --glow-green-rgb (tokens.css), piksel-özdeş.
           "hover:shadow-[0_0_30px_rgba(var(--glow-green-rgb),0.6)]",