nl-design-system/themes

Design Tokens and NL Design System themes for organisations that don't have their own Storybook.

themes's Issues

Thema voor Rotterdam maken

Playroom weghalen

Playroom was een experiment dat gebruikt is om magneten mee te maken voor de eerste NL Design System on the road.

Een goede integratie heeft meer werk nodig, ook omdat we dubbelingen zouden kunnen hebben tussen componenten uit diverse repositories met dezelfde naam.

Playroom zit nu een makkelijkere migratie naar Storybook 7 in de weg, dus door hem voor nu weg te halen en later opnieuw te integreren is het opgelost.

Storybook 7 migratie

Afhankelijk van #516 en #517

• MDX stories naar TSX
• Webpack naar Vite
• ...

Design tokens addon

• code van Utrecht lostrekken: https://github.com/nl-design-system/utrecht/tree/main/documentation/components
• design tokens components publiceren in theme-toolkit package: themes/packages/theme-toolkit

Generated component pagina's weghalen

Als experiment is er code geschreven om een component story te genereren met een uitgebreide argstable. Deze werkt min-of-meer maar heeft behoorlijk wat extra liefde nodig. Als POC is hij geslaagd omdat het dus kan, maar we kunnen dit jaar opnieuw beginnen.

Omdat hij de Storybook 7 migratie ingewikkeld maakt daarom deze story om de logica uit de themes repo te halen voor de migratie en op een later moment met een nieuwe feature toe te voegen.

Utility voor design-token documentatie in storybook

In Utrecht storybook staat een handige functie om de design tokens van een component te tonen.

Bij andere design systems zou dat ook handig zijn zoals bijvoorbeeld in Den Haag Storybook voor MijnZaken componenten

Rotterdam color search is broken

Depends on nl-design-system/rotterdam#174

After migrating the rotterdam design tokens to their own repo, the code search is broken. It has to do with the JSON format that is not as expected.

Migreren van token-transformer naar@tokens-studio/sd-transforms

@tokens-studio/sd-transforms is de nieuwe versie van hetzelfde pakketje.

Documentatie: Tokens Studio for Figma: Transforming design tokens using Style Dictionary

Stylelint configuration provided as NPM package

For the The Hague Component Library we're using a stylelint configuration inspired by the NLDS template stylelint.

It would be beneficial for repositories that could potentially contribute to NLDS, if a standard NLDS stylelint configuration was available to extend. This can help staying up to date with changes to the configuration by the NLDS team and make it easier to share code if the linting is identical.

I'm not sure if it's quite as useful for prettier or eslint.

Amsterdam Design System tokens

CODEOWNERS aanpassen zodat Dependabot niet iedereen mailt

De package.json files moeten excluded zijn voor CODEOWNERS, bijvoorbeeld door !proprietary/groningen-design-tokens/package.json of door de CODEOWNER aan te passen naar het mapje src/. Bijvoorbeeld:

/proprietary/groningen-design-tokens/src/ @nl-design-system/gemeente-groningen

Dat zal een hoop review requests schelen!

Theme toolkit package publiceren

Deze package is nu private, zou public moeten zijn zodat Amsterdam/Rotterdam/Den Haag/Rijkshuisstijl Community er ook profijt van hebben.

https://github.com/nl-design-system/themes/blob/main/packages/theme-toolkit/package.json