Version 22.4.8
Version 22.4.8 innehåller buggrättningar och typografin finns numera att hämta ifrån Jordbruksverkets CDN server.
Nytt och förändrat
I storybook har vi numera valt att inte dela in komponenter i kategorier i menyn utan alla hamnar i en platt lista. Dessutom har vi även ändrat så vi benämner komponenterna med dess engelska namn eftersom dokumentationen i första hand är till för utvecklare och då blir det mer naturligt med engelska. Engelska namn matchar nu också komponentnamn i Figma, vilket borde bidra till att minimera förvirring mellan designers och utvecklare.
Nya komponenter och funktioner
- Typografi:
Länk till annan webbplats. TT Commons Pro finns nu att hämta med länk ifrån Jordbruksverkets CDN.
<link rel="stylesheet" href="https://cdn.jordbruksverket.se/designsystem/typografi/1.1.0/package/fonts/tt-commons-pro/font.css" integrity="sha512-+zBck27TUZhL+jVg240umbgF8Vxnnz88E2EzE6GAa8SL/A+uqFirerAtkLvSBas2F0Bx3IB2IqkhHt5X+a1Ayg==" crossorigin="anonymous">Felrättningar
- Sidpanel: Länk till annan webbplats.
- Innan gick det inte att stänga sidpanelen genom att trycka på ESCAPE (esc) tangenten, detta är nu åtgärdat.
- Uppdaterat dokumentationen om hur man sätter autofokus i komponenten när den öppnas.
- Toggle: Länk till annan webbplats. Förut lästes "slidern" upp i skärmläsare. Vi har ändrat så att skärmläsare läser upp etiketten och vilket värde som toggle har (markerad/avmarkerad).
- Taggar: Länk till annan webbplats. Ändrat namn ifrån "Avvisbar" till "Raderbar" tag, koden är oförändrad.
- Tomrum: Länk till annan webbplats. Vi har uppdaterat dokumentationen kring tomrum då det tidigare stod fel klasser i tabellen "Översikt av storlekarna".
På gång i styleguiden
Vi håller på att migrera information från webbplatsen till Confluence och designsystemet (storybook).
Installera npm paket
npm install -save --save-exact @sjv/komponentbibliotek@22.4.8Hämta CSS
<link rel="stylesheet" href="https://cdn.jordbruksverket.se/designsystem/22.4.8/package/dist/designsystem/designsystem.css" integrity="sha512-PaG2MPOeg+tMVaADs5dFkCNyhLF4cA2Fr86T1/Ghi5vrZnbsJTKArJsMukLQbJejHUVN9aEQbGx7JmULoXGS/g==" crossorigin="anonymous">Hämta JavaScript
<script src="https://cdn.jordbruksverket.se/designsystem/22.4.8/package/dist/designsystem/designsystem.js" integrity="sha512-aJ3OTbQNK1yv345bpG4cRBOMsrjTjQYtNqDGk0dPmZwXZRsNOtRRkzbXMpin53h1vHTkBupSMz9HVttFgtPrPA==" crossorigin="anonymous"></script>
<script src="https://cdn.jordbruksverket.se/designsystem/22.4.8/package/dist/designsystem/designsystem.esm.js" integrity="sha512-feIS1b+gB4Mj+2QulYEWT6Oa0x4sbQOFcfMzjE5Kh2qE00sgQPkgc+h58mv1mXUsz3fP7aBNnWvHyaIkLhHJCQ==" crossorigin="anonymous"></script>Publicerad