Design Tokens voor Den Haag community componenten

[jeffreylauwers]

We hebben inmiddels enkele community componenten van Den Haag in Figma staan.

• Side Navigation
• Action
• Contact Timeline
• File

Aan de hand van CSS Variabelen hebben we hier tokens voor aangemaakt. Maar de cirkel is daarmee nog niet rond zoals dit wel werkt voor Utrecht. Dit is wel gewenst.

Acties

• Als kernteam overleggen wat er nog is om de design tokens aan de code van Den Haag kunnen koppelen.
• Aanvullende acties uitschrijven.

Acceptatie criteria

• We hebben een plan uitgeschreven hoe we de design tokens in Figma aan de code van Den Haag kunnen koppelen.
• De design tokens van Den Haag zijn gekoppeld aan de componenten in code en Figma.

Overwegingen

Contact Timeline is een complex component dat design tokens 'leent' van de componenten 'Process Steps' en 'Step marker'. Hoe gaan we hier mee om?

Handige linkjes

Canvas Progress list tokens verschillen
In dit canvas zijn de tokens van de Process Steps van Den Haag in kaart gebracht, met daarbij een overzicht van welke tokens wel en niet zijn gebruikt voor de Progress List.

[jeffreylauwers]

Tijdens een gesprek met Bryan kwam ik er achter dat Den Haag de tokens op een andere plek heeft staan als Utrecht of NL Design system candidate.

https://github.com/nl-design-system/denhaag/tree/main/proprietary/Components/src/denhaag

Dus misschien is het juist een stuk simpeler dan ik dacht. Ik bewaar de link hier en duik er later verder in.