Changelog lentasi

1. root.fx-changelogfeedşart
2. head.fx-changelogfeed__headixtiyoriy
3. title.fx-changelogfeed__titleixtiyoriy
4. text.fx-changelogfeed__textixtiyoriy
5. subscribe.fx-changelogfeed__subscribeixtiyoriy
6. list (ol reversed).fx-changelogfeed__listşart
7. entry.fx-changelogfeed__entryşart
8. when.fx-changelogfeed__whenixtiyoriy
9. version.fx-changelogfeed__versionşart
10. date (time).fx-changelogfeed__dateixtiyoriy
11. body (article).fx-changelogfeed__bodyixtiyoriy
12. entry-title (h3).fx-changelogfeed__entry-titleixtiyoriy
13. summary.fx-changelogfeed__summaryixtiyoriy
14. media.fx-changelogfeed__mediaixtiyoriy
15. changes.fx-changelogfeed__changesixtiyoriy
16. change.fx-changelogfeed__changeixtiyoriy
17. type (söz + belgi).fx-changelogfeed__typeixtiyoriy
18. more.fx-changelogfeed__moreixtiyoriy

Lenta <ol reversed> (eng yangisi tepada), har yozuv <article aria-labelledby> + h3 — ekran öquvçi sarlavhalar böyiça yuradi; sarlavha havolasi doimiy manzil (#v0280). Sana <time datetime>. Tur — matnli belgi (Yangi, Tuzatildi…), belgi ::before'da qöşimça. Vaqt öqi çiziqlari bezak (psevdo-element).

Naqş: WAI-ARIA APG feed · rol list

npx foxui add changelogfeed

<section class="fx-changelogfeed" aria-labelledby="cl-t">
  <header class="fx-changelogfeed__head"><div><h2 class="fx-changelogfeed__title" id="cl-t">Nima yangi</h2><p class="fx-changelogfeed__text">FoxUI'dagi har bir özgariş — sana va versiya bilan.</p></div><div class="fx-changelogfeed__subscribe"><a class="fx-btn" data-size="sm" href="#">RSS</a><a class="fx-btn" data-size="sm" href="#">Telegram kanal</a></div></header>
  <ol class="fx-changelogfeed__list" reversed>
    <li class="fx-changelogfeed__entry" data-latest>
      <div class="fx-changelogfeed__when"><p class="fx-changelogfeed__version">0.28.0</p><time class="fx-changelogfeed__date" datetime="2026-10-18">18-oktabr 2026</time></div>
      <article class="fx-changelogfeed__body" aria-labelledby="v0280">
        <h3 class="fx-changelogfeed__entry-title" id="v0280"><a href="#v0280">100 ta yangi naqş va «Işxona»</a></h3>
        <p class="fx-changelogfeed__summary">Jahon dizayn tizimlari tadqiqotidan 4-tölqin: poydevor qatlamlari, forma, navigatsiya va marketing naqşlari.</p>
        <figure class="fx-changelogfeed__media" aria-hidden="true"></figure>
        <ul class="fx-changelogfeed__changes">
          <li class="fx-changelogfeed__change" data-type="new"><span class="fx-changelogfeed__type">Yangi</span><span>Narx jadvali, FAQ, CTA va xato sahifalari naqşlari</span></li>
          <li class="fx-changelogfeed__change" data-type="new"><span class="fx-changelogfeed__type">Yangi</span><span>Tipografiya rollari: <code>--fx-type-*</code> tokenlari</span></li>
          <li class="fx-changelogfeed__change" data-type="improved"><span class="fx-changelogfeed__type">Yaxşilandi</span><span>Jadval: ustunlarni qadab qöyiş va ziçlik tanlovi</span></li>
          <li class="fx-changelogfeed__change" data-type="breaking"><span class="fx-changelogfeed__type">Muhim</span><span><code>data-fx-tone</code> öqi olib taşlandi — örniga <code>data-fx-theme</code></span></li>
        </ul>
      </article>
    </li>
    <li class="fx-changelogfeed__entry">
      <div class="fx-changelogfeed__when"><p class="fx-changelogfeed__version">0.27.5</p><time class="fx-changelogfeed__date" datetime="2026-10-15">15-oktabr 2026</time></div>
      <article class="fx-changelogfeed__body" aria-labelledby="v0275">
        <h3 class="fx-changelogfeed__entry-title" id="v0275"><a href="#v0275">Namuna loyihalar: ERP, Helpdesk, LMS</a></h3>
        <ul class="fx-changelogfeed__changes">
          <li class="fx-changelogfeed__change" data-type="new"><span class="fx-changelogfeed__type">Yangi</span><span>«Zarafşon Tekstil» ERP va «Mehr Klinikasi» helpdesk namunalari</span></li>
          <li class="fx-changelogfeed__change" data-type="fixed"><span class="fx-changelogfeed__type">Tuzatildi</span><span>Telefonda rels menyusi ekrandan çiqib ketmaydi</span></li>
        </ul>
      </article>
    </li>
  </ol>
  <a class="fx-btn fx-changelogfeed__more" data-variant="ghost" href="#">Eski versiyalar</a>
</section>

Tokenlar: --fx-bg-brand-solid --fx-bg-brand-subtle --fx-bg-info-subtle --fx-bg-muted --fx-bg-subtle --fx-bg-success-subtle --fx-bg-surface --fx-bg-warning-subtle --fx-border-color-default --fx-border-color-focus --fx-border-color-strong --fx-border-color-surface --fx-border-width-default --fx-border-width-focus --fx-fg-info --fx-fg-success --fx-fg-warning --fx-font-adjust-display --fx-font-adjust-mono --fx-font-adjust-numeric --fx-font-family-display --fx-font-family-mono --fx-font-family-numeric --fx-font-size-display-sm --fx-font-size-md --fx-font-size-sm --fx-font-size-xl --fx-font-size-xs --fx-font-weight-medium --fx-font-weight-semibold --fx-line-height-normal --fx-line-height-snug --fx-line-height-tight --fx-radius-badge --fx-radius-circle --fx-radius-surface --fx-size-topbar --fx-space-1 --fx-space-10 --fx-space-12 --fx-space-2 --fx-space-3 --fx-space-4 --fx-space-5 --fx-space-6 --fx-space-8 --fx-text-brand --fx-text-primary --fx-text-secondary --fx-text-tertiary