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
  • Badge

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>

## Badge In deze release is in het component `badge` 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 de kleur aangepast van de `info` status. Deze heeft nu een donkerblauwe achtergrond en
witte tekst. ```html ❌ < 74.0.0
<dso-badge status="danger"></dso-badge>

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