Version 21.1.31

Version 21.1.31 innehåller nya funktioner på bland annat bifoga fil multitext, innehåller också en hel del buggrättningar.

Nytt och förändrat

Nya komponenter och funktioner

  • Bifoga fil:
    • Nu går det att programmatiskt rensa bifoga fil(er) via metoden clearUploadedFiles, som är tillgänglig från komponenten.
    • Går nu att styra om du vill visa filstorlek på fil(erna) som är uppladdade. Du använder attribtet showFileSize.
  • Datatabell: Kolumner som går att sortera bör du ange med aria-sort Länk till annan webbplats. för att berätta för skärmläsare i vilken ordning en kolumn är sorterad. Vi har uppdaterat våra exmpel på styleguiden hur det anges men du behöver ange det manuellt om det går att sortera en kolumn.
  • Multitext: Lagt in möjlighet att lägga in "pattern" validering som valideras mot när man skriver i komponenten.
  • Informationstabell: Ändrat så att rubriken är vänsterjusterad och inte centrerad som den var innan.

Felrättningar

  • Single-select: Går nu att se gruppnamn i komponenten om du har grupperat de valbara alternativen.
  • Namnvärdelist: Det som anges som "värde" i komponenten kommer nu vara centrerat så att det ligger i linje med etiketten.
  • Modalt-fönster: Tagit bort det extra streck som syns om man använder en modalfot ex. med knappar längst ner i fönstret.
  • Felsummering:
    • Innehållet i komponenten hade en maxbredd på 44em. Nu är maxbredden borttagen.
    • Uppdaterat fokus och hover stil så att den matchar utseendet för länkar.
  • Checkboxar: Uppdaterat utseendet på small varianten så att kryssrutan är i linje med etiketten.
  • Radioknappar: Justerat utseendet för small-varianten så att den är något större och matchar storleken för andra small-komponenter.
  • Multi-select (ny):
    • Rättat så att värdet om man klickar på "Väljer alla"-kryssrutan blir alla alternativ och inte "o", "n". Det uppstod om du använde multi-select tillsammans med Angular forms.
    • Förbättrat tangentbordsnavigeringen så att den funkar som den gamla varianten.
    • Fixat så att listan med valda alternativ scrollas i så att värdet som är i fokus alltid syns på skärmen.
  • Multi-select (äldre variant): Rättat så att den expanderbara ytan med alla alternativ inte hamnar ovanför valda alternativ, vilket inträffade om valda alternativ presenterades på mer än en rad.

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

Den nya grafiska profilen kommer att lanseras vecka 46. Då kan du vara med på en lunchföreläsning med byrån som tagit fram profilen. Du kommer få mer information på intranätet. I samband med lanseringen kommer nya officemallar och den grafiska manualen kommer att publiceras på jordbruksverket.se. Även intranät och jordbruksverket.se, som båda bygger på Sitevision, kommer att byta till den nya grafiska profieln.

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 förmodligen är brytande, under våren 2025.

Du som är portföljledare kommer senare i höst få ett separat mejl med lite mer information.

Har du frågor om den grafiska profilen kan du kontakta Erika Augustsson eller Linnéa Keding på kommunikationsenheten.

Installera npm paket

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

Hämta CSS

<link rel="stylesheet" href="https://cdn.jordbruksverket.se/designsystem/21.1.31/package/dist/designsystem/designsystem.css" integrity="sha512-uYb75uNacnH43IBtFbCA4zEgML6sNw/WJscCG+5v0srNGoFmW9+Q7vE2fHd0rkujUjLBgsXDO88HSS51aIxJ4A==" crossorigin="anonymous">

Hämta JavaScript

<script src="https://cdn.jordbruksverket.se/designsystem/21.1.31/package/dist/designsystem/designsystem.js" integrity="sha512-id4VyJafX/cWKCEZoJ1zIF5zbNVruV+UG6W1mCQUu3HZabLgj735PDLE++Bn49VW5QMW9TGtWHlOeCWXMYLYqg==" crossorigin="anonymous"></script>

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

Publicerad