@moontra/moonui 6.23.0 → 6.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/moonui.css +1 -1
- package/dist/cdn/moonui.esm.js +2 -2
- package/dist/cdn/moonui.global.js +2 -2
- package/dist/index.js +31 -6
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +31 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/__tests__/issue-544-kontrast.test.tsx +601 -0
- package/src/components/ui/__tests__/badge.test.tsx +5 -1
- package/src/components/ui/badge.tsx +19 -3
- package/src/components/ui/button.tsx +12 -3
package/dist/index.js
CHANGED
|
@@ -447,11 +447,27 @@ var badgeVariants = classVarianceAuthority.cva(
|
|
|
447
447
|
"focus-visible:ring-gray-400/30 dark:focus-visible:ring-gray-500/40",
|
|
448
448
|
"dark:text-gray-100 dark:bg-transparent dark:backdrop-blur-sm"
|
|
449
449
|
],
|
|
450
|
+
// #544: `bg-error` (= --error, #ef4343) beyaz metinle 3.78 veriyordu (AA 4.5 ister),
|
|
451
|
+
// `dark:bg-error/90` ise gerçek koyu kart (#111827) üstünde 4.43 ile kalıyordu.
|
|
452
|
+
//
|
|
453
|
+
// TOKEN DEĞİŞTİRİLMEDİ: dark `--destructive`/`--error` METİN rolü için bilerek
|
|
454
|
+
// açık tutuluyor (tokens.css:518-526); değeri koyulaştırmak `text-destructive`
|
|
455
|
+
// yazan yüzleri kırardı ve dark-token-contrast.test.ts'in belgelediği uzlaşmayı
|
|
456
|
+
// bozardı. Bunun yerine #424/#442/#454'ün presedansı uygulandı: token'a değil
|
|
457
|
+
// VARYANTA dokunulup skalanın bir kademesine inildi.
|
|
458
|
+
//
|
|
459
|
+
// `-600` ölçümle seçildi — AA'yı geçen EN AÇIK kademe (beyazla 4.83; -500 3.76 ✗)
|
|
460
|
+
// ve bugünkü kırmızıya EN YAKIN aday (ΔE*ab 10.3; -700 → 16.2, `--destructive`
|
|
461
|
+
// light → 18.8). Hue 0° korunur, "uyarı kırmızısı" kimliği kaybolmaz.
|
|
462
|
+
//
|
|
463
|
+
// Skala kademeleri tema-BAĞIMSIZ (`.dark` onları ezmez) → tek sınıf iki temayı
|
|
464
|
+
// birden kapatır ve eski YARI SAYDAM `dark:bg-error/90`ın zemine bağımlılığı
|
|
465
|
+
// ortadan kalkar. Hover koyulaşır (-700, 6.47), açılmaz.
|
|
450
466
|
destructive: [
|
|
451
|
-
"border-transparent bg-error text-white",
|
|
452
|
-
"hover:bg-error
|
|
467
|
+
"border-transparent bg-error-600 text-white",
|
|
468
|
+
"hover:bg-error-700 dark:hover:bg-error-700",
|
|
453
469
|
"focus-visible:ring-error/30 dark:focus-visible:ring-error/25",
|
|
454
|
-
"dark:
|
|
470
|
+
"dark:text-white dark:shadow-inner dark:shadow-error/10"
|
|
455
471
|
],
|
|
456
472
|
success: [
|
|
457
473
|
"border-transparent bg-success text-success-foreground",
|
|
@@ -819,11 +835,20 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
819
835
|
"focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
|
|
820
836
|
"transition-all duration-200"
|
|
821
837
|
],
|
|
838
|
+
// #544: AÇIK tema zaten geçiyordu (`--destructive` light = #e11313, foreground
|
|
839
|
+
// #f8fafc ile 4.66) — #442'nin kuralı gereği DOKUNULMADI, regresyon yüzeyi sıfır.
|
|
840
|
+
// Kırık olan yalnız KOYU temaydı: dark `--destructive` = #ef4343 metin rolü için
|
|
841
|
+
// bilerek açık bırakılmış bir değer (tokens.css:518-526) ve dolgu rolünde
|
|
842
|
+
// foreground'la 3.61 veriyor. Token'a dokunmadan dark dolgusu opak `error`
|
|
843
|
+
// skalasına bağlandı (-600 → 4.62; ölçümle seçilen en açık geçen kademe).
|
|
844
|
+
// Not: `dark:bg-destructive` KALDIRILDI, yanına eklenmedi — iki `dark:bg-*`
|
|
845
|
+
// utility'si aynı anda yazılırsa hangisinin kazanacağını sınıf dizgesi sırası
|
|
846
|
+
// DEĞİL Tailwind'in kendi iç sıralaması belirler.
|
|
822
847
|
destructive: [
|
|
823
848
|
"bg-destructive text-destructive-foreground",
|
|
824
|
-
"dark:bg-
|
|
825
|
-
"hover:bg-destructive/90 dark:hover:bg-
|
|
826
|
-
"active:bg-destructive/80 dark:active:bg-
|
|
849
|
+
"dark:bg-error-600 dark:text-destructive-foreground",
|
|
850
|
+
"hover:bg-destructive/90 dark:hover:bg-error-700",
|
|
851
|
+
"active:bg-destructive/80 dark:active:bg-error-800",
|
|
827
852
|
"shadow-sm hover:shadow-md",
|
|
828
853
|
"focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
|
|
829
854
|
"transition-all duration-200"
|