Version 22.6.16
Version 22.6.16 innehåller buggrättningar och standardavstånd på textelement och ny funktion på dropdown.
Nytt och förändrat
Vi har lagt in komponent specifika CSS varaibler på alla komponenter, du hittar dem under dokumentation för respektive komponent.
- Checkbox: Länk till annan webbplats. Tagit bort ramen runt grupp av checkboxar, detta för att det blev för mycket rader speciellt om man använde checkboxar i en panel.
- Radioknappar: Länk till annan webbplats. Tagit bort ramen runt grupp av checkboxar, detta för att det blev för mycket rader speciellt om man använde checkboxar i en panel.
Nya komponenter och funktioner
- Dropdown: Länk till annan webbplats. Går numera att ändra ändra placering (höger, vänster) med CSS klasser.
- Typografi: Länk till annan webbplats. Vi har ändrat så att text element som rubriker, listor, paragrafer etc. automatiskt får marginaler, detta går att stänga av genom att lägga på klassen e-html--no-margins på html-elementet.
- Datatabell: Länk till annan webbplats. Lagt in en ny variant på datatabell utan sorterbara kolumner.
Felrättningar
- Inmatningsfält: Ikon för att visa att ett inmatningsfält var obligatorisk var för fet innan, är åtgärdat nu.
- Callout: Länk till annan webbplats.
- Färg på ikoner applicerades på alla ikoner inte på den specifika i huvudet, detta är nu åtgärdat.
- Ändrat ikon i info varianten så den matchar den som används på webbplatsen.
På gång i styleguiden
Vi kollar på att skapa en kombination av komponent och mönster för att visa status, undersöker om Angular Material kan ersätta styleguiden i framtiden.
I nästa version av styleguiden planerar vi att ta bort stöd för es5 om inte någon invänder, vi uppskattar om ni hör av er till oss om ni verkligen behöver es5 i era projekt. Ni kan mejla oss på styleguide@jordbruksverket.se.
Installera npm paket
npm install -save --save-exact @sjv/komponentbibliotek@22.6.16Hämta CSS
<link rel="stylesheet" href="https://cdn.jordbruksverket.se/designsystem/22.6.16/package/dist/designsystem/designsystem.css" integrity="sha512-7ItmPLWY7nuJtcA6FBJvv8iEtEHeC4y8896MC3DR5nULdOfHqre29a0hCQx4BhoRJsZB8LB7A0DFp6QPluET6Q==" crossorigin="anonymous">Hämta JavaScript
<script src="https://cdn.jordbruksverket.se/designsystem/22.6.16/package/dist/designsystem/designsystem.js" integrity="sha512-10S4R59FYvSJ0Uybi4S8GA0zn1t4BVvSpFwWPuo3xUCGqr4n4bBm+LRvZDn6v/hOmuY2IjL3oNCx5U/M8vyhXQ==" crossorigin="anonymous"></script>
<script src="https://cdn.jordbruksverket.se/designsystem/22.6.16/package/dist/designsystem/designsystem.esm.js" integrity="sha512-emnJQBzUAGwRfwegN0sWOW9bhgfSScn7zcPp96IVTitShU23aPlUKu2Jdyu2dXW7rT47nuQvhTt63AZn0S94uQ==" crossorigin="anonymous"></script>Publicerad