Komponenter och kod har flyttat så det kan det vara lite stökigt här nu!

I april 2025 driftsattes en ny version av komponentbiblioteket som matchar Jordbruksverkets nya grafiska profil. Samtidigt har vi flyttat till en ny plattform, Storybook, där du hämtar kod till komponenterna. Där hittar du även layoutsystemet, färger, ikoner och typografi. Styleguide i Storybook - v22.1.17

Version 9.0.0 är driftsatt

Version 9.0.0 innehåller nya varianter av utfällbara stycken, spinnern och multitextfält. Den innehåller även felrättningar och brytande förändringar.

Nytt och förändrat

Nya varianter av komponenter

  • Utfällbara stycken, det vill säga accordion, finns nu även i storleken kompakt.
  • Laddningsindikatorn, det vill säga spinnern, har nu en behållare som kan användas för placering av till exempel en avbrytknapp.
  • Multitextfält finns nu också i storlekarna kompakt och disabled.

Felrättningar

  • Inaktiv textyta, textfält och singleselect har fått andra färger så att de nu har samma färg.
  • Checkboxar är åtgärdade så att det inte finns risk att checkboxarna hamnar ovanför etiketten.
  • I multitextfält går det nu att kopiera texten från en tag.
  • I komponenten för att bifoga filer kan man nu ladda upp en tidigare raderad fil.
  • JavaScript-koden för nästan alla komponenter är uppdaterad så att den är mer stabil.

Brytande förändringar

  • Alla inaktiva komponenter har fått förändrat eller tillagt aria-disabled-attribut.
  • Utfällbara stycken, det vill säga accordion, har fått förändrad HTML-kod.

Något du funderar över?

Hör av dig till styleguideteamet om du vill veta mer eller undrar över något. Du når oss på styleguide@jordbruksverket.se eller genom att komma förbi oss i landskapet i NO3. Vi gillar besök!

Styleguide-teamet önskar dig en god jul!

Hämta CSS

<link rel="stylesheet" href="https://cdn.jordbruksverket.se/designsystem/9.0.0/package/dist/release/sjv-komponentbibliotek.css" integrity="sha384-YA3i8HrkBoa3buwqTS5lxVqroS/Jz7sdKJsZfYzRhYeKJXWGvKh6koKfABsyUdBO" crossorigin="anonymous">

Hämta JavaScript

<script src="https://cdn.jordbruksverket.se/designsystem/9.0.0/package/dist/release/sjv-komponentbibliotek.js" integrity="sha384-fy5Irvd+3BVau2cYT77hCS2xMbhCT4dao0ALfoimpizNBo6/SHDVxinejcG3GtOI" crossorigin="anonymous"></script>

Publicerad