Styleguide

Version 18.6.1

Vi har tyvärr upptäckt en bugg i komponenterna för multitextfält och multi-select. Buggen innebär att om man väljer flera alternativ så hamnar taggarna utanför komponenten istället för i den. Vi har en ny rättad version 18.6.7. Du som kan hämta via Nexus kan använda den nya versionen redan nu. Använder du inte Nexus rekommenderar vi dig att vänta med att uppgradera tills vi driftsätter nästa version i början av februari.

Versionen innehåller en ny funktion för multitextfält på android-enheter samt två felrättningar i utseendet av den dynamiska hjälptexten och single-select.

Nytt och förändrat

Nya funktioner

  • Multitextfält: På android-enheter kan du nu lägga till en ny tag med nästaknappen.

Felrättningar

  • Alla inmatningsfält: Det är nu ett större avstånd mellan den dynamiska hjälptextexten och inmatningsfältet.
  • Single-select: Utseendet på single-select när det är inaktivt är justerat så att det ser likadant ut som på andra inaktiva komponenter.

Pågående arbete i styleguiden

Just nu arbetar vi i styleguideteamet med:

  • Varianter av radioknappar
  • Layouten

Nästa brytande driftsättning

Driftsättningen den 1 februari 2023 kommer att innehålla brytande förändringar.

Installera npm paket

// Patchad version, finns inte på CDN servern
npm install --save --save-exact @sjv/component-library@18.6.7

npm install --save --save-exact @sjv/component-library@18.6.1

Hämta CSS

<link rel="stylesheet" href="https://cdn.jordbruksverket.se/designsystem/18.6.1/package/dist/release/sjv-komponentbibliotek.css" integrity="sha256-Wj7Z3a7zJKDtbpsO0VNDr5lg5yWgwib8/Y7ZPmwL8V8=" crossorigin="anonymous">

Hämta JavaScript

<script  src="https://cdn.jordbruksverket.se/designsystem/18.6.1/package/dist/designsystem/designsystem.js" integrity="sha256-+SjoMHsfmwH5cCpNKuc1+g4R/vfiR0eN+QsQKlsSV+w=" crossorigin="anonymous"></script>

<script type="module" src="https://cdn.jordbruksverket.se/designsystem/18.6.1/package/dist/designsystem/designsystem.esm.js" integrity="sha256-2ZutOgcYqf7GE/2ttt2t/Lm2gI/iGTK43DLgyYYlIUY=" crossorigin="anonymous"></script>

Publicerad