Ga naar hoofdinhoud

DSO Toolkit v96.0.0 ๐Ÿช

ยท 2 minuten leestijd
Eric Tamminga
DSO Toolkit Maintainer
Chris van der Leij
DSO Toolkit Maintainer
Xiangju Zou
DSO Toolkit Maintainer

Deze release bevat breaking changes voor de volgende componenten:

  • Card Grid (HTML/CSS implementatie)
  • Card List (HTML/CSS implementatie)
  • Attachments Counter (HTML/CSS implementatie)

Deze release bevat een deprecation voor het volgende component:

  • Info Button (HTML/CSS implementatie)

Card Grid (HTML/CSS implementatie)โ€‹

Het HTML/CSS component Card Grid is in ๐Ÿฆˆ v94.0.0 deprecated. In deze release is dit component verwijderd.

Migratiepadโ€‹

Gebruik het Core component Card Container met mode grid.

โŒ
<div class="dso-card-grid">
<dso-card href="#"></dso-card>
[...]
</div>

โœ…
<dso-card-container mode="grid">
<dso-card href="#">
[...]
</dso-card-container>

Card List (HTML/CSS implementatie)โ€‹

Het HTML/CSS component Card List is in ๐Ÿฆˆ v94.0.0 deprecated. In deze release is dit component verwijderd.

Migratiepadโ€‹

Gebruik het Core component Card Container met mode list.

โŒ
<ul class="dso-card-list">
<li>
<dso-card href="#"></dso-card>
</li>
[...]
</ul>

โœ…
<dso-card-container mode="list">
<li>
<dso-card href="#">
</li>
[...]
</dso-card-container>

Attachments Counter (HTML/CSS implementatie)โ€‹

De HTML/CSS implementatie van het component Attachments Counter is in ๐Ÿฅ• v95.2.0 deprecated. In deze release is deze implementatie verwijderd.

Migratiepadโ€‹

Gebruik de Core implementatie van Attachments Counter.

โŒ
<span class="dso-attachments"> 3 <span class="sr-only">bijlagen</span> </span>

โœ…
<dso-attachments-counter count="3"></dso-attachments-counter>

Info Button (HTML/CSS implementatie)โ€‹

De HTML/CSS implementatie van het component Info Button is deprecated. In een toekomstige BREAKING release zal de HTML/CSS implementatie verwijderd worden.

Migratiepadโ€‹

Gebruik het Core component Info Button.

โŒ
<button type="button" class="dso-info-button">
<span class="sr-only">Toelichting bij vraag</span>
</button>

โœ…
<dso-info-button label="Toelichting bij vraag"></dso-info-button>