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 22.1.7

Version 22.1.7 innehåller buggrättningar på modalt fönster, callout och toggle.

Nytt och förändrat

Felrättningar

  • Modalt fönster: Fixat fel som orsakade att men inte kunde hovra på komponenter som hamnar under ett modalt fönster även om den inte visades.
  • Callout: Justerat så att ikonen hamnar i linje med första bokstaven i texten.
  • Toggle: Toggle ger i vissa fall ett fel för låg konstrast i vissa verktyg som testar tillgänglighet, detta är fixat så att det inte längre blir fel.
  • CSS: Fixat så att mr-100 sätter margin-right istället för margin-bottom.

På gång i styleguiden

Vi håller på att migrera information på webbplatsen till Confluence och designsystemet (storybook).

Installera npm paket

npm install -save --save-exact @sjv/komponentbibliotek@22.1.7

Hämta CSS

<link rel="stylesheet" href="https://cdn.jordbruksverket.se/designsystem/22.1.7/package/dist/designsystem/designsystem.css" integrity="sha512-HQPtYHiCButrbCKylh9WJoq1iEiju/LuT4BJu2+0n0vuJMgwYAyA0JGXl1slu+bCzMai8K1luMa1qdion2I/oQ==" crossorigin="anonymous">

Hämta JavaScript

<script src="https://cdn.jordbruksverket.se/designsystem/22.1.7/package/dist/designsystem/designsystem.js" integrity="sha512-UKMCIzJJcrczXIhRfO8BxVyyb4haVbzFM43KKVIVRIRvsTTi4r4rGeCUgyjSjgOeiWll5x8pelwGvkkLoBQd6w==" crossorigin="anonymous"></script>

<script src="https://cdn.jordbruksverket.se/designsystem/22.1.7/package/dist/designsystem/designsystem.esm.js" integrity="sha512-ow17qFaDUlUVU1PzQuhToQTWM5zHoQvl5IHsM9mEUoe09bcRXq0HSZwzkdgQ3q8Lm0L8+93BHYsUMuy4B7Eyzg==" crossorigin="anonymous"></script>

Publicerad