@moontra/moonui 6.27.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
@@ -6645,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
     ),