Releases: NVE/Designsystem
Releases · NVE/Designsystem
Release list
v5.3.5
v5.3.4
v5.3.3
v5.3.2
v5.3.1
v5.3.0
v5.2.0
v5.1.0
v5.0.0
5.0.0 (2026-08-20)
Versjon 5.0.0
BREAKING CHANGES:
- nve-input: erstatter Shoelace-implementasjonen og støtter nytt valideringssystem
- nve-textarea: oppdatert komponent med støtte for nytt valideringssystem
- nve-checkbox: erstatter Shoelace-implementasjonen og støtter nytt valideringssystem
- nve-checkbox-group: oppdatert komponent med støtte for nytt valideringssystem
- nve-radio: fjerner avhengigheten til Shoelace
- nve-radio-group: fjerner avhengigheten til Shoelace og støtter nytt valideringssystem
- nve-combobox: ny komponent som erstatter select og kombinerer funksjonalitet for select og combobox, med støtte for nytt valideringssystem
- nve-modal: ny egen implementasjon uten Shoelace, med forbedret tilgjengelighet
- nve-tooltip: ny egen implementasjon uten Shoelace, med forbedret tilgjengelighet
- nve-toggletip: ny komponent for utfyllende informasjon, med forbedret tilgjengelighet og tydeligere retningslinjer for bruk
- validation: erstatter tidligere custom validation med et enklere og mer konsistent valideringssystem
Fjerner følgende komponenter:
- nve-radio-button - var ikke i bruk, finnes ikke i Figma, vi så ikke behov for å lage den.
- nve-select - nve-combobox brukes i stedet
- nve-dialog - erstattes med modal. Grunnen er at selve navnet på komponenten var misvisende. En modal er en dialog, men en modal er en veldig spesifikk type dialog som blant annet blokkerer resten av siden og viser backdrop. Man kan ikke fokusere på andre elementer på nettsiden enn modal-dialogen (men man må fortsatt kunne fokusere på nettleserens egne knapper). En vanlig dialog (popover) trenger ikke å blokkere resten av siden og vises ofte uten backdrop. Dialogen som var i Figma, var egentlig en modal. Derfor valgte vi å begrense navnet slik at det representerer riktig funksjonell oppførsel.
- nve-option - nve-combobox brukes i stedet
| Gammelt token navn | Nytt token navn |
|---|---|
| --color-interactive-foreground-link-enabled | --color-interactive-foreground-link-info-enabled |
| --color-interactive-foreground-link-hover | --color-interactive-foreground-link-info-hover |
| --color-interactive-foreground-link-visited | --color-interactive-foreground-link-info-visited |
| --color-feedback-foreground-default-neutral | --color-feedback-foreground-neutral |
| --color-feedback-foreground-default-info | --color-feedback-foreground-info |
| --color-feedback-foreground-default-error | --color-feedback-foreground-error |
| --color-feedback-foreground-default-warning | --color-feedback-foreground-warning |
| --color-feedback-foreground-default-success | --color-feedback-foreground-success |
| --color-feedback-foreground-subtle-neutral | --color-feedback-foreground-on-bg-subtle-neutral |
| --color-feedback-foreground-subtle-info | --color-feedback-foreground-on-bg-subtle-info |
| --color-feedback-foreground-subtle-error | --color-feedback-foreground-on-bg-subtle-error |
| --color-feedback-foreground-subtle-warning | --color-feedback-foreground-on-bg-subtle-warning |
| --color-feedback-foreground-subtle-success | --color-feedback-foreground-on-bg-subtle-success |
| --color-feedback-foreground-emphasized-neutral | --color-feedback-foreground-on-bg-emphasized-neutral |
| --color-feedback-foreground-emphasized-info | --color-feedback-foreground-on-bg-emphasized-info |
| --color-feedback-foreground-emphasized-error | --color-feedback-foreground-on-bg-emphasized-error |
| --color-feedback-foreground-emphasized-warning | --color-feedback-foreground-on-bg-emphasized-warning |
| --color-feedback-foreground-emphasized-success | --color-feedback-foreground-on-bg-emphasized-success |
Andre viktige ting:
-
nve-label: brukes ikke lenger i skjemakomponentene. Et nytt mønster for ledetekster brukes i stedet for å sikre bedre støtte for tilgjengelighet.
-
introduserer et nytt interface FormValidationComponent for komponenter som skal brukes i skjema, slik at de bruker samme oppsett for validering.
Prosjekter som bruker disse komponentene, tidligere validerings-API eller de endrede tokenene må oppdateres.