Designsystemet har i lengre tid vært i beta - både kodekomponenter og Figma-komponenter. Betaperioden har gitt oss fleksibilitet og mulighet til å eksperimentere og teste nye ting. Samtidig har det vært litt uforutsigbart for dere som har valgt å bruke de nyeste løsningene.
Før sommeren satte vi inn støtet for å ta oss over målstreken og publisere en første versjon uten betamerke.
Hva er nytt?
Vi har forsøkt å endre så lite som mulig, men noen endringer har det blitt. Nøkkelordene for oss har vært rydding, forbedring og stabilitet.
Nytt i Figma
Du har sikkert opplevd at oppdateringsknappen har dukket opp i nedre høyre hjørne i Figma. Nå vil du forhåpentligvis ikke se den like ofte. Vi har ryddet opp i eget rot, og fjernet en rekke unødvendige koblinger til utdaterte farge- og typografistiler.
Figma har fått ny funksjonalitet som har gjort det enklere å lage og vedlikeholde komponenter. Component Properties (figma.com) er den største og viktigste nye funksjonaliteten i Figma. Vi har bygget en rekke komponenter på nytt og bruker denne nye funksjonaliteten der det er mulig. Tilbakemeldinger fra dere har vært veldig viktig underveis.
Figma har noen bugs knyttet til Component Properties og interaktive prototyper, så vi følger med på hva som skjer med disse, og håper problemene løses raskt.
Vi har innført nye rutiner for oppdatering av komponenter i Figma. Nå lager vi en kopi av komponenten som vi gjør endringer på. Det gjør vi for å redusere risikoen for at oppdateringer ødelegger skissene deres.
Komponentbiblioteket er nå delt i tre og filene har fått nye navn.
Core UI kit
Interne flater UI kit
nav.no UI kit
Core UI kit er det samme som før, med komponenter som kan brukes ganske fleksibelt. Nav.no UI kit og Interne flater UI kit inneholder mer spesielle komponenter som er tilpasset domenet.
Alle pakkene vil fremover ha samme versjon. Om ds-react er versjon 1.2.0, så vil ds-css, ds-icons og alle andre pakker også ha samme versjon. Dette gir bedre oversikt over endringer og det blir mindre smertefult å holde alt oppdatert.
I fremtiden kommer vi til å følge semver strengere med major/minor/patch for nye endringer, men fortsatt ha høy endringstakt.
Breaking changes vil fortsatt oppstå noen ganger, men vi håper de fleste kan løses automatisk med hjelp av codemods i `@navikt/ds-codemod` pakken. Om ikke dette er mulig vil fortsatt alle endringer finnes i endringsloggen.
Om du allerede har tatt i bruk de nye kodepakkene våre, så er det skrevet en egen migreringsguide fra beta til v1. Det medfølger en del breaking changes, men er forhåpentligvis en relativt rask prosess å oppdatere. Om det er noe som ikke stemmer helt, er det bare å sende oss en melding på Slack så hjelper vi til og fikser problemene!
Vi skal selvfølgelig ikke slette nyttige og relevante «gamle» komponenter, men det tar tid å oppdatere det som er aktuelt å ta med videre. Dette arbeidet fortsetter vi med sammen med dere. Arbeidet med å bygge ut og vedlikeholde designsystemet er en kontinuerlig jobb.
For å redusere vedlikeholdsjobben så mye som mulig, ønsker vi å arkivere en del av det som er gammelt og utdatert. Dette trenger vi hjelp til å finne ut av.
Tusen takk for tilbakemeldingene vi har fått så langt! Dere er superviktige for å gjøre designsystemet bedre.
Bidragsytere
Martin Berglund, Ken A. Johansen, Sjur Grønningsæter
Det siste halvåret har vi jobbet med å samle og presentere alle NAVs nesten 300 skjemaer og søknader på en mer brukervennlig måte. Resultatet vil lanseres i løpet av juni.
I mai fikk NAVs 264 lokalkontorer nye sider. Sidene fremhever informasjon om hva kontorene kan gjøre for deg, hvor de befinner seg og når du kan besøke dem.
