Ga naar hoofdinhoud

DSO Toolkit v74.0.0 🗺️

· 2 minuten leestijd
Chris van der Leij
Chris van der Leij
DSO Toolkit Maintainer

Deze release bevat breaking changes voor de volgende componenten:

  • Banner
  • Modal
  • Legend Item
  • Label

In deze release is in het component banner de prop status aangepast. De status danger is komen te vervallen en hebben de status success toegevoegd.

Danger:

❌ < 74.0.0
<dso-banner status="danger"></dso-banner>

✅ >= 74.0.0
<dso-banner status="error"></dso-banner>

Success:

✅ >= 74.0.0

<dso-modal status="success"></dso-modal>

In deze release is in het component modal de prop showCloseButton hernoemd naar closable die default op false staat. Het default gedrag van de Modal is veranderd. Voorheen waren alle Modals standaard sluitbaar, vanaf deze release zijn ze standaard niet-sluitbaar. Zie voor beide situaties onderstaand migratiepad: De DSO Toolkit maakt gebruik van StencilJS voor het maken van Web Components. Zij raden het gebruik van default properties en attributes met default value true. Dit was het laatste attribuut met een default value true.

Sluitbaar:

❌ < 74.0.0
<dso-modal></dso-modal>

✅ >= 74.0.0
<dso-modal closable></dso-modal>

Niet sluitbaar:

❌ < 74.0.0
<dso-modal show-close-button="false"></dso-modal>

✅ >= 74.0.0
<dso-modal></dso-modal>

Legend Item​

In deze release hebben we de HTML structuur, props en event-emitters van het Legend Item component aangepast.

❌ < 74.0.0
<dso-legend-item removable (dsoRemoveClick)="..." [...]></dso-legend-item>

✅ >= 74.0.0
<dso-legend-item active (dsoActiveChange)="..." [...]></dso-legend-item>

Label​

In deze release is in het component Label de status danger verwijderd inclusief de styling die daarbij hoort. Als alternatief kan de status error worden gebruikt. Deze heeft dezelfde achtergrond en tekst kleur als de danger status. Daarnaast is er een filter status toegevoegd. Deze heeft nu een donkerblauwe linker border, lichtblauw achtergrond en witte tekst.

❌ < 74.0.0
<dso-label status="danger"></dso-label>

✅ >= 74.0.0
<dso-label status="error"></dso-label>