search

nl-design-system / rijkshuisstijl-community

Unofficial Rijkshuisstijl components and design tokens based on the NL Design System architecture. This project is not endorsed by the Dutch Ministry of General Affairs.
https://rijkshuisstijl-community.vercel.app/
European Union Public License 1.2
6 stars 3 forks source link

Meerdere thema's uit 1 json #728

Open AlineNap opened 2 weeks ago

AlineNap commented 2 weeks ago

Omschrijving

  1. Graag de token sets die vallen onder de map overwrite negeren bij maken van een thema zodat wij als designers ermee kunnen werken en experimenteren.
  2. Dat het mogelijk is om van thema te wisselen in Storybook. Interessante tokenset hiervoor:

Verschillende thema's zijn beschikbaar in deze PR in de map overwrites/*.

Mogelijke oplossing

Bij LUX is dit werkend, daar hebben we echter de token sets in losse json files, dit is een betaalde feature van TS. Daarnaast hebben Robbert en Jaap-Hein aangegeven lux andere 'build' opzet heeft dan Rijkshuisstijl. Maar wie weet kan er inspiratie en kennis gehaald worden uit LUX project.

Screenshot TS uitleg

Image

AlineNap commented 2 weeks ago

Ik heb een extra fork gemaakt van de pr overwrites, ik heb daar stukje themes toegevoegd. Dat is een iets uit de betaalde versie van TS. Is waarschijnlijk handig om te weten hoe dat eruit ziet (in 1 json). Lees ook zeker documentatie of stel je vragen in de slack van TS, ze reageren vaak binnen een dag.

De themas die ik erin heb gezet:

Rijkshuisstijl:

Deze varianten zitten ook in de thema maker.

Bij LUX is het meer ‘multi-dimensional’ opgezet (met name voor variables, maar wellicht voor RHC ook handig) a la:

mode:

product:

viewport:

Hier de PR