In deze breaking release is met name de CDN een punt van aandacht.

CDN​

De CDN heeft een andere layout gekregen. Toen we begonnen met de toolkit was er maar één package. Inmiddels zijn er veel meer packages. Vanaf deze release worden packages in een eigen directory naar de CDN gepubliceerd.

Dit betekent applicaties die dso-toolkit via de CDN gebruiken een andere URL moeten gebruiken.

• voorheen: https://cdn.dso-toolkit.nl/<versie>/<dso-toolkit artifacts>
• nu: https://cdn.dso-toolkit.nl/dso-toolkit/<versie>/<dso-toolkit artifacts>.

Zie de documentatie over de CDN voor meer informatie.

Incomplete release artifacts​

Sinds versie 48.0.0 zijn er incomplete releases naar de CDN gepubliceerd. De package layout van dso-toolkit is gewijzigd. Voorheen zat alles in /dist. Uitsluitend de bestanden in deze directory werden naar de CDN gepubliceerd. Icons, illustraties en fonts zijn verhuisd naar /assets en werden niet gepubliceerd naar de CDN. Fonts die vanuit dso.css worden aangeroepen werken dus niet.

Concreet betekent dit dat CDN gebruikers vanaf nu de volgende url voor dso.css kunnen gebruiken:

https://cdn.dso-toolkit.nl/dso-toolkit/<versie>/dist/dso.css

Waar <versie> een semver zonder prefix vanaf 50.0.0, of master is.

Minified CSS​

De toolkit levert dso.css nu ook geminified: dso.min.css. Daarnaast zijn beide stylesheets voorzien van sourcemaps vanaf de SCSS stylesheets.

Vertrek Thomas Rijsewijk​

Per 1 februari werk ik niet meer aan de toolkit en daarmee is deze release mijn laatste.

Ik ben trots op wat we bereikt hebben. Waar we 6 jaar geleden begonnen met een stijlgids zijn we inmiddels uitgegroeid tot een volwaardig open source Design System.

Simon Rijsewijk neemt mijn taken over. Ik weet zeker dat hij de toolkit naar een nog hover niveau weet te brengen.

Iedereen bedankt voor het vertrouwen en de prettige samenwerking, het was een mooie reis.

Modal​

In deze release is #1989 opgelost.

• Voor het HTML/CSS component zijn de markup voorschriften gewijzigd: Het element .dso-modal .dso-body moet een attribuut tabindex="0" krijgen.
• Voor het Web Component zijn geen wijzigingen voor afnemers.

In versie 49.0.0 werken de fonts niet, dit is gefixed in 49.0.1

Dit is de laatste (BREAKING) release van 2022.

Breaking changes​

De indeling van de NPM package dso-toolkit is aangepast.

• De stylesheet: dso-toolkit/dist/toolkit/styles/dso.css -> dso-toolkit/dist/dso.css
• De icon spritesheet: dso-toolkit/dist/toolkit/dso-icons.svg -> dso-toolkit/dist/dso-icons.svg
• De fonts: dso-toolkit/dist/toolkit/fonts -> dso-toolkit/assets/fonts

Er is geen formele definitie wat de publieke API van de toolkit is. Hier zijn we mee bezig in het kader #1882. We helpen je graag verder als je bij het updaten naar versie 49.0.0 vastloopt op de package layout.

Issue highlights​

• Feature: Accordion is uitgebreid met scroll into view (#1875).
• Fixed: dso-accordion props komen niet goed door bij initiele render van de React binding <DsoAccordion /> (#1930).

Angular​

Vanaf nu publiceren we Angular bindings in @dso-toolkit/angular. Dit deden we al een tijd voor React met @dso-toolkit/react. Zie de documentatie voor meer informatie: Angular bindings.

Storybook Composition​

Met de komst van Angular bindings was er ook noodzaak voor een extra Storybook. Samen met de HTML/CSS + Web Components en React bindings levert de DSO Toolkit 3 Storybooks. Tot de vorige release publiceerden we deze Storybooks los naar https://storybook.dso-toolkit.nl en https://react.storybook.nl. Vanaf nu publiceren we alle Storybooks als één Storybook naar https://storybook.dso-toolkit.nl.

Zie de link in de primaire navigatie om de Storybook voor de huidige versie te openen.

Tot volgend jaar!

Hello DSO!

🎊 Vandaag lanceren wij onze nieuwe documentatie site 🎉

Lees verder voor meer informatie over deze release.

Welkom op de nieuwe documentatie site van de DSO Toolkit 👋

Deze site is gemaakt met Docusaurus en zal binnenkort de huidige documentatie site vervangen.