Version 23.3.13
Version 23.3.13 innehåller nya ikoner och färger ny funktion i sök komponenten och nya färger för Banner komponenten. Dessutom några buggrättningar.
Nytt och förändrat
- Tomrum Länk till annan webbplats.: Finns en ny CSS klass c-space-000 om man inte vill ha något mellanrum.
- Ikoner Länk till annan webbplats.: Ny ikon sjv-i-klocka och sjv-i-start-datum.
- Färger Länk till annan webbplats.: Updaterat färgerna mellan blå, mellan brun, mörk orange, mellan grön och ljus blå samt lagt in fler färger för orange (ljus orange och lätt orange).
- Sök Länk till annan webbplats.: Lagt in möjlighet att lägga in en dynamisk hjälptext i Sök komponenten.
- Banner Länk till annan webbplats.: Uppdaterat färgerna på Banner så att den har ljusare ton.
Felrättningar
- Typografi: Länk till annan webbplats. Fixat bugg som gjorde att h1 fick fel marginaler.
- Header Länk till annan webbplats.: Tidigare blev det än mörk brun bakgrund på primärknappar som låg i sidhuvudet, detta är nu åtgärdat.
På gång i styleguiden
Vi arbetar också med att samla in feedback på en ny pagineringskomponent samt att påbörja en undersökning av lämpliga automatiska kvalitetssäkringsverktyg att lägga till i vårt arbetsflöde.
Installera npm paket
npm install -save --save-exact @sjv/komponentbibliotek@23.3.13Hämta CSS
<link rel="stylesheet" href="https://cdn.jordbruksverket.se/designsystem/23.3.13/package/dist/designsystem/designsystem.css" integrity="sha512-OkM330n+LMx5sTCFbSEtUAe3K4V7XH8WRbEIstFTZp5Ody7GKrV09GFDvNoWnWVvwGY/ZLEPxEpiDDw8tdl4rQ==" crossorigin="anonymous">Hämta ikoner
<link rel="stylesheet" href="https://cdn.jordbruksverket.se/designsystem/23.3.13/package/dist/assets/sjv-icon-fonts/fonts/sjv-icon-fonts.css" integrity="sha512-HC8lg9YrgVEh3KCZPgAhNvoiFrIkphP7LAbAUAkOkuac+psMNyFpATd+FYDYXQxcPC77In+iuXeRzZj6yljc2Q==" crossorigin="anonymous">Hämta JavaScript
<script src="https://cdn.jordbruksverket.se/designsystem/23.3.13/package/dist/designsystem/designsystem.esm.js" integrity="sha512-TjXSLAQRe5UwIc95/mm4cdlGKNd2el7LCRMtCeerBjyvI+0loO2gOtYk5Hu6br57Ep1GvDS9DS++YOyUaIDCFg==" crossorigin="anonymous"></script>Publicerad