@moontra/moonui 6.26.0 → 6.28.0

package/dist/index.mjs

@@ -108,14 +108,22 @@ var alertVariants = cva(
     variants: {
       variant: {
         default: "bg-background text-foreground border-border",
-        primary: "bg-primary/10 text-primary border-primary/30",
-        success: "bg-success/10 text-success border-success/30",
-        warning: "bg-warning/10 text-warning-subtle-foreground border-warning/30",
-        error: "bg-destructive/10 text-destructive border-destructive/30",
+        // KONTRAST (açık tema): metin rengi ham `text-X` DEĞİL,
+        // `text-X-subtle-foreground` olmalı. `bg-X/10 + text-X` deseni
+        // açık temada ölçülen 4.11–4.45 veriyor ve WCAG AA eşiğini
+        // (4.5) geçmiyor. `-subtle-foreground` token'ları aynı yüzey
+        // için 8.20–9.52 sağlıyor (tokens.css'te oranlar yazılı) ve
+        // `bg-X-subtle`, `bg-X/10` ile AYNI görünümü verir
+        // (tokens.css:217) → görsel kimlik değişmez, yalnız metin
+        // koyulaşır. `warning` bu düzeltmeyi zaten taşıyordu.
+        primary: "bg-primary-subtle text-primary-subtle-foreground border-primary/30",
+        success: "bg-success-subtle text-success-subtle-foreground border-success/30",
+        warning: "bg-warning-subtle text-warning-subtle-foreground border-warning/30",
+        error: "bg-destructive-subtle text-destructive-subtle-foreground border-destructive/30",
         // `--info` token'ı (tokens.css) blue-500 ile birebir aynı değeri
         // taşır → görsel değişiklik yok, ancak varyant artık temaya ve
         // karanlık moda duyarlı. Kardeş varyantlarla simetrik.
-        info: "bg-info/10 text-info border-info/30"
+        info: "bg-info-subtle text-info-subtle-foreground border-info/30"
       },
       size: {
         sm: "py-2 text-xs",
@@ -224,7 +232,12 @@ var AlertDescription = React12.forwardRef(({ className, ...props }, ref) => /* @
     ref,
     className: cn(
       "moonui-theme",
-      "text-sm leading-5 text-muted-foreground",
+      // KONTRAST: sabit `text-muted-foreground` (#606f85) renkli varyant
+      // yüzeylerinde 4.31–4.48 veriyordu — başlık düzelse bile açıklama
+      // satırı eşiğin altında kalıyordu. `text-current` varyantın
+      // `-subtle-foreground` rengini miras alır; hiyerarşi renk yerine
+      // ağırlıkla (başlık `font-semibold`) ve hafif opaklıkla korunur.
+      "text-sm leading-5 text-current opacity-90",
       className
     ),
     ...props
@@ -879,7 +892,12 @@ var buttonVariants = cva(
           "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",
@@ -904,8 +922,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)]",
@@ -6634,8 +6658,8 @@ var SelectItem = React12.forwardRef(({ className, children, variant = "default",
       /* Color variants */
       variant === "default" && "focus:bg-accent focus:text-accent-foreground dark:focus:bg-gray-700 dark:focus:text-gray-100",
       variant === "subtle" && "focus:bg-gray-100 dark:focus:bg-gray-800 focus:text-foreground dark:focus:text-gray-200",
-      variant === "destructive" && "text-error dark:text-red-400 focus:bg-error/10 dark:focus:bg-red-900/20 focus:text-error dark:focus:text-red-300",
-      variant === "success" && "text-success focus:bg-success/10 focus:text-success",
+      variant === "destructive" && "text-destructive-subtle-foreground focus:bg-destructive-subtle focus:text-destructive-subtle-foreground",
+      variant === "success" && "text-success-subtle-foreground focus:bg-success-subtle focus:text-success-subtle-foreground",
       variant === "warning" && "text-warning-700 dark:text-warning-500 focus:bg-warning/10 focus:text-warning-700 dark:focus:text-warning-500",
       className
     ),