Ana içeriğe atla

Design System Preview

Demo Mod

Faz 0 / Workstream B9 + D4 — token, button, badge, form input, PageHeader

/dev/theme

Faz 0 / Workstream B9 — design tokens, button variants, badges ve form input iskeletleri. Dev only, production'da gizlenecek (Faz 1).

Brand renkleri (6)

brand-* tokens — primary CTA, info, success, warning, destructive.

brand-primary
brand-accent
brand-success-fg
brand-success-bg
brand-warning
brand-warning-fg
brand-warning-bg
brand-destructive
brand-info
brand-info-fg
brand-info-bg

Neutral renkleri (6)

bg-*, border, foreground-* — layer + text hiyerarşisi.

bg
bg-muted
bg-card
border
foreground
foreground-muted

Radius + Shadow

rounded-* + shadow-* token örnekleri.

radius-sm
radius-md
radius-lg
radius-xl
shadow-popover
shadow-modal

Button variants (6 × 3 size)

shadcn/ui Button — default/secondary/outline/ghost/link/destructive × sm/default/lg.

sm
default
lg

DocumentTypeBadge (14 belge tipi)

Light + Dark renk pair'leri WCAG AA ≥ 4.5:1 doğrulandı (B7 audit).

E-FaturaE-Arşiv FaturaE-İrsaliyeE-SMME-MüstahsilE-AdisyonE-DövizE-İhracatE-İlaç ve Tıbbi CihazE-KamuE-SGKE-Gider PusulasıProformaİade

Compact mod (abbr) — tablo hücreleri için

EFEAEIESMMEMMEADEDEIHEITEKESGEGPPRFIAD

DocumentStatusBadge (8 durum)

8 üst-statü — FATURA_DURUMU_GIDEN/GELEN bunlardan birine map edilir.

TaslakGönderim BekliyorGönderildiKabulRedİadeİptalHata

Compact mod (abbr)

TSLGBKGNDKBLREDİADİPTHTA

Custom inputs (5 iskelet)

VKN/TCKN, Phone, Password (strength meter), Currency, DateRange — Faz 1'de tam entegrasyon.

VKN 10 hane, TCKN 11 hane. 'Bul' Faz 1'de aktif olacak.

+90 prefix sabit; ülke seçici Faz 1'de eklenecek.

8+ karakter, büyük harf, rakam, özel karakter.

tr-TR locale (1.234,56). Format Faz 1'de blur'da uygulanır.

Calendar popover Faz 1'de react-day-picker ile gelir.

DataTable (TanStack v8 + sorting + column visibility)

Sorting (Belge No / Alıcı / Tutar) + Gelişmiş Görünüm dropdown. Pagination, row select, virtualization Faz 1+.

  • Belge No
    ABC2026000000123
    Alıcı
    ACME Ticaret A.Ş.
    Tarih
    08.05.2026
    tutar
    ₺12.450,50
    Tip
    EF
    Durum
    Kabul
    İşlemler
  • Belge No
    ABC2026000000124
    Alıcı
    Kara Yapı Ltd. Şti.
    Tarih
    09.05.2026
    tutar
    ₺8.900,00
    Tip
    EA
    Durum
    Gönderildi
    İşlemler
  • Belge No
    ABC2026000000125
    Alıcı
    Demo Müşteri
    Tarih
    10.05.2026
    tutar
    ₺245,75
    Tip
    EI
    Durum
    Taslak
    İşlemler
  • Belge No
    ABC2026000000126
    Alıcı
    Test Firma A.Ş.
    Tarih
    11.05.2026
    tutar
    ₺56.780,00
    Tip
    EF
    Durum
    Red
    İşlemler
  • Belge No
    ABC2026000000127
    Alıcı
    Örnek Tic.
    Tarih
    12.05.2026
    tutar
    ₺3.200,90
    Tip
    ESMM
    Durum
    Gönderim Bekliyor
    İşlemler