Skip to content

Update Utrecht Headings and Paragraphs to NL prefix components #2203

@jiromaykin

Description

@jiromaykin

Update Utrecht Headings and Paragraphs to NL suffix components from NL Design System.

They are candidate: https://www.nldesignsystem.nl/handboek/estafettemodel/componenten/definition-of-done/

  • All utrecht-heading-1, utrecht-heading-2, etc... to be converted to nl-heading-level--1, nl-heading-level--2, with a 'parent' nl-heading class added.
  • all utrecht-paragraph to be converted to nl-paragraph... The Utrecht-paragraph-small variant is then deprecated, and only 'lead' paragraph is an existing modifier.
  • Note headings (like H2) can now have the 'appearance' of H3 or H4 etc. with the --nl React 'appearance' prop
  • add all these as web-components + create storybook for them.
  • Create new design-tokens in our package https://github.com/maykinmedia/open-inwoner-design-tokens , with added 'Basis tokens'

Note: utrecht small paragraph no longer exists, so needs to become a modifier

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Todo

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions