@moontra/moonui 4.1.0 → 5.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui",
-  "version": "4.1.0",
+  "version": "5.0.0",
   "description": "Premium React component library with modern design and customization",
   "author": "MoonUI",
   "license": "MIT",

package/src/components/ui/__tests__/badge.test.tsx

@@ -58,14 +58,17 @@ describe('Badge Component', () => {
       render(<Badge variant="success">Success</Badge>)
       const badge = screen.getByText('Success').parentElement!
       expect(badge).toHaveClass('bg-success')
-      expect(badge).toHaveClass('text-white')
+      // Metin rengi artık token'dan geliyor (önce `text-white` hardcode'du).
+      expect(badge).toHaveClass('text-success-foreground')
     })
 
     it('renders warning variant correctly', () => {
       render(<Badge variant="warning">Warning</Badge>)
       const badge = screen.getByText('Warning').parentElement!
       expect(badge).toHaveClass('bg-warning')
-      expect(badge).toHaveClass('text-white')
+      // `--warning-foreground` KOYU tanımlı; `text-white` sarı üstünde 2.13
+      // veriyordu (AA altı). Token kullanımı 8.37'ye çıkarır.
+      expect(badge).toHaveClass('text-warning-foreground')
     })
 
     it('renders ghost variant correctly', () => {

package/src/components/ui/badge.tsx

@@ -51,16 +51,16 @@ const badgeVariants = cva(
           "dark:bg-error/90 dark:text-white dark:shadow-inner dark:shadow-error/10",
         ],
         success: [
-          "border-transparent bg-success text-white",
+          "border-transparent bg-success text-success-foreground",
           "hover:bg-success/90 dark:hover:bg-success/80",
           "focus-visible:ring-success/30 dark:focus-visible:ring-success/25",
-          "dark:bg-success/90 dark:text-white dark:shadow-inner dark:shadow-success/10",
+          "dark:bg-success/90 dark:text-success-foreground dark:shadow-inner dark:shadow-success/10",
         ],
         warning: [
-          "border-transparent bg-warning text-white",
+          "border-transparent bg-warning text-warning-foreground",
           "hover:bg-warning/90 dark:hover:bg-warning/80",
           "focus-visible:ring-warning/30 dark:focus-visible:ring-warning/25",
-          "dark:bg-warning/90 dark:text-gray-900 dark:shadow-inner dark:shadow-warning/10",
+          "dark:bg-warning/90 dark:text-warning-foreground dark:shadow-inner dark:shadow-warning/10",
         ],
         ghost: [
           "border border-gray-200 bg-gray-50/50 text-gray-700",

package/src/styles/tokens.css

@@ -126,24 +126,34 @@
    * surum yukseltmesinde sessizce maviden mora cevirirdi — kirici bir gorsel
    * degisiklik ve tum renk akislarinin bozulmasi demekti. Marka rengi isteyen
    * tuketici bilerek `bg-brand-600` yazar ya da "brand" preset'ini secer. */
-  --primary: 217.2 91.2% 59.8%;
-  --primary-foreground: 222.2 47.4% 11.2%;
+  --primary: 217.2 91.2% 51%;
+  /* Açık temada --primary MAVİ (L=59.8%); üzerine gelen metin/ikon de AÇIK
+     olmalı. Bu değer kardeşleriyle uyumsuz tek çiftti (L=11.2%, koyu) ve
+     `bg-primary text-primary-foreground` kullanan her yüzeyde — buton, rozet,
+     ilerleme noktası — mavi zemin üstünde KOYU metin üretiyordu.
+     Kardeş referanslar: --destructive-foreground ve --success-foreground
+     ikisi de 210 40% 98%. (Karanlık temada --primary zaten beyaz olduğu için
+     oradaki koyu foreground DOĞRU ve değiştirilmedi.) */
+  --primary-foreground: 210 40% 98%;
   --secondary: 217.2 32.6% 94%;
-  --secondary-foreground: 217.2 91.2% 59.8%;
+  --secondary-foreground: 217.2 91.2% 51%;
   --muted: 217.2 32.6% 96%;
   --muted-foreground: 215.4 16.3% 46.9%;
   --accent: 217.2 32.6% 94%;
-  --accent-foreground: 217.2 91.2% 59.8%;
+  --accent-foreground: 217.2 91.2% 51%;
   --destructive: 0 84.2% 60.2%;
   --destructive-foreground: 210 40% 98%;
   --border: 214.3 31.8% 91.4%;
   --input: 214.3 31.8% 91.4%;
-  --ring: 217.2 91.2% 59.8%;
+  --ring: 217.2 91.2% 51%;
 
   /* Durum renkleri. Tailwind preset'i bg-success/bg-warning/bg-error/bg-info/
    * bg-caution siniflarini bu degiskenlere bagliyor; tanimsiz kalirlarsa o
    * siniflar renksiz uretilir. */
-  --success: 142 76% 36%;
+  /* Açık temada zemin, üzerine gelen açık metin (--success-foreground) için
+     fazla açıktı: beyaz metinle kontrast 3.18 (WCAG AA 4.5:1 altı). L=36% -> 29%
+     ile 4.69'a çıkar. --primary'de uygulanan düzeltmenin aynısı. */
+  --success: 142 76% 29%;
   --success-foreground: 210 40% 98%;
   --warning: 38 92% 50%;
   --warning-foreground: 24 10% 10%;
@@ -409,6 +419,11 @@
   --accent: 216 34% 17%;
   --accent-foreground: 210 40% 98%;
   --destructive: 0 63% 31%;
+  /* `--success` iki rolde birden kullanılıyor: açık temada `bg-success` ZEMİN
+     (üstünde açık metin), karanlık temada `text-success` METİN (koyu zemin
+     üstünde). Açık tema için 29%'e koyulaştırıldı; karanlık temada o değer
+     metin olarak okunmuyordu (3.30) — burada 36% korunur (4.86). */
+  --success: 142 76% 36%;
   --destructive-foreground: 210 40% 98%;
   --border: 216 34% 17%;
   --input: 216 34% 17%;