Button

28 Ekim 2026

Kırıcı değişiklik

• appearance kaldırıldı; yerine variant (primary, secondary, tertiary) ve tone (neutral, danger) geldi. Geçiş: appearance="subtle" → variant="tertiary", appearance="danger" → tone="danger".
• Yükleniyor durumunda aria-busy kullanılmıyor. Button adı olarak etiketini korur; yükleme başladığında yanındaki kibar durum bölgesi loadingLabel metnini, verilmemişse “Yükleniyor” metnini bir kez okutur.
• startIcon ve endIcon artık bir öğe (ReactElement) alıyor.

Eklendi

• Basma hareketi (motion.press): basılıyken %97’ye küçülür, bırakınca yay ile geri gelir; renkler 110 ms’de değişir.
• success ve successLabel: işlem bitince etiketin üstünde bir kez büyüyen onay işareti ve bir kez okunan “Tamamlandı” (ui.button.success).
• tone="danger" ikincil ve üçüncül varyantla da kullanılabiliyor; bunun için color-action-danger-subtle-* ve color-action-on-danger-subtle-default token’ları eklendi.
• Kütüphane metinlerinin dilini belirleyen Provider ve data-component="button" özniteliği.
• size="xs": hücre içi işlemler için 24 px yükseklik; button-height-xs, button-padding-inline-xs, button-icon-size-xs token’ları.
• variant="glass" ve variant="glass-prominent".

Değişti

• Yükseklikler 32, 36 ve 40 px; varsayılan md 36 px, dokunmatik ekranda 40 px. Köşe yarıçapı 10 px.
• Odak, 2 px aralıklı 2 px dış odak çizgisiyle (focus-outline) gösteriliyor.
• secondary görünüm küçük bir gölge alıyor.
• Dokunmatik (kaba işaretçi) ekranlarda orta boy 44 px, büyük boy 48 px yüksekliğe çıkar.

Düzeltildi

• loading ve disabled birlikteyken yükleniyor kazanır: Button odaklanabilir kalır, aria-disabled taşır ve devre dışı dolgusu çizilmez.

26 Ekim 2026

Eklendi

• İlk sürüm: dört görünüm (primary, secondary, subtle, danger), üç boyut, tam genişlik.
• Base UI Button üzerine kuruldu; varsayılan type="button".
• Renkler, ölçüler ve odak halkası token’lardan geliyor; açık ve koyu mod ile marka değişimi ek ayar gerektirmiyor.