Version 21.2.4
Version 21.2.4 innehåller nya ikoner och ett par buggrättningar.
Nytt och förändrat
Nya komponenter och funktioner
- Nya ikoner: Nya tillagda ikoner.
- pil-ner-höger
- pil-ner-vänster
Felrättningar
- Inmatningsfält: Alla inmatningsfält som exempelvis textfält och radioknappar.
- Fixat buggen som uppstod i Angular där hjälptexten eller felmeddelandet inte lästes upp i skärmläsare.
- Felmeddelanden visas nu korrekt, innan centrerades feltexten.
- Horisontell meny: För att skärmläsaren ska läsa upp vad som är valt i menyn så behöver man lägga in aria-current.
Länk till annan webbplats. Detta behöver du lägga lägga in själv. Vi har uppdaterad våra exempel i Styleguiden. - Vertikal meny: För att skärmläsaren ska läsa upp vad som är valt i menyn så behöver man lägga in aria-current. Länk till annan webbplats. Detta behöver du lägga in själv. Vi har uppdaterat våra exempel i Styleguiden.
- Brödsmulor: För att skärmläsaren ska läsa upp vilken brödsmula man är på så behöver man lägga in aria-current Länk till annan webbplats., Detta behöver du lägga in själv. Vi har uppdaterat våra exempel i Styleguiden.
På gång i styleguiden
Vi har inte några nya komponeter på gång utan fokus framöver ligger på att uppdatera komponenterna i enlighet med den grafiska profilen.
Grafiska profilen
Vänta in styleguiden!
Styleguiden arbetar med att uppdatera komponenterna så att de följer utseendet på Jordbruksverket.se och den grafiska profilen. Det arbetet kommer att vara klart under våren 2025.
Du kan förbereda dig genom att planera för en mer omfattande ny version av styleguiden, som kommer vara brytande, under våren 2025.
Har du frågor om den grafiska profilen kan du kontakta Erika Augustsson eller Linnéa Keding på kommunikationsenheten.
Designsystem med nya grafiska profilen
Om du är intresserad av hur designsystemet ser ut med den nya grafiska profilen Länk till annan webbplats. så får du gärna gå in och kolla dock är inte alla komponenter uppdaterad ännu.
Installera npm paket
npm install -save --save-exact @sjv/komponentbibliotek@21.2.4Hämta CSS
<link rel="stylesheet" href="https://cdn.jordbruksverket.se/designsystem/21.2.4/package/dist/designsystem/designsystem.css" integrity="sha512-56VsEoKvsHztQOd8QZi2eTkZMoxtZSFgV4CgnD8k31cD+nZLBvOjgg4PDRMHx6keWjAfv9Bq5aM666H76n819w==" crossorigin="anonymous">Hämta JavaScript
<script src="https://cdn.jordbruksverket.se/designsystem/21.2.4/package/dist/designsystem/designsystem.js" integrity="sha512-id4VyJafX/cWKCEZoJ1zIF5zbNVruV+UG6W1mCQUu3HZabLgj735PDLE++Bn49VW5QMW9TGtWHlOeCWXMYLYqg==" crossorigin="anonymous"></script>
<script src="https://cdn.jordbruksverket.se/designsystem/21.2.4/package/dist/designsystem/designsystem.esm.js" integrity="sha512-+5U/Qxvcr2IplpZw5ofQNDGx09Yd5X/XyKD59aKr0Q6eVGG6tRnI5FNZZMiSsWdAYY/9QC53iertSmbAIxpKcA==" crossorigin="anonymous"></script>Publicerad