Version 20.1.10

Version 20.1.10 innehåller en ny funktion i komponenten dropdown samt flera felrättningar.

Nytt och förändrat

Nya komponenter och nya funktioner

  • Dropdown: En ny funktion på dropdown som gör att den yta som fälls ut anpassar sig efter innehållet. Du kan själv bestämma maxbredden på ytan. Den minsta bredden kommer vara inställd på:
    • storleken small: 6.25 em
    • storleken medium: 18.75 em
    • storleken large: 31.25 em

Felrättningar

  • Multi-select: vi har rättat checkboxarna som fick ett konstigt utseende efter den förra driftsättningen. Den utfällbara delen på small-varianten har nu också samma fontstorlek som medium-varianten. Anledningen är att det ska bli lättare att läsa och att det ska vara samma mönster som i single-select.
  • Horisontella menyn: Det är nu justerat så att det nya svarta sidhuvudet, som är lämpligt för interna system, passar ihop med den horisontella menyn. Tidigare blev menyn till viss del täckt av den svarta bakgrundsfärgen.
  • Datatabell: Tabellrubrikerna är ändrade så att de är i gemener, det vill säga små bokstäver. Tidigare var de i versaler, det vill säga stora bokstäver.
  • Sidpanel: Tidigare uppdaterades inte bredden på sidpanelen när man satte parametern width. det är tillrättat nu.
  • Utfällbart stycke, det vill säga accordion: Tidigare fanns en slot-referens som inte användes till något. Den är nu bortplockad.
  • Knappar: Tidigare såg hover effekten konstig ut i shadow dom. Det är tillrättat.
  • Bifoga fil: Komponenten använder textknappar. De är nu uppdaterade så att det är de nya knapparna som används.
  • Textfält: Det var en bugg som gjorde så att hela fokuseringsmarkeringen blev blå i Firefox. Det är nu rättat så att den är grön.

Installera npm paket

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

Hämta CSS

<link rel="stylesheet" href="https://cdn.jordbruksverket.se/designsystem/20.1.10/package/dist/release/sjv-komponentbibliotek.css" integrity="sha512-t8jHcgHPQck49p4FbH81HvVDG+d7nG13QP2Di9nj3qCafJBaQ+1byNMpOvRorLYWKHiZVoeiNFmABwDVlr1kkA==" crossorigin="anonymous"/>

Hämta JavaScript

<script src="https://cdn.jordbruksverket.se/designsystem/20.1.10/package/dist/designsystem/designsystem.js" integrity="sha512-l4dVyGh06GSV/DvCBMCRc1Du4OCwt8RHGVVr6yQg++iMSs2eOWECk/j3P0Udh/pG0XgdGxSsfNwmraQx0xCrPg==" crossorigin="anonymous"></script>

<script type="module" src="https://cdn.jordbruksverket.se/designsystem/20.1.10/package/dist/designsystem/designsystem.esm.js" integrity="sha512-sQyzoos9su+m5EM+fbQUuAYWDSZE0iTq4e5xWpBw5ueEgSOqNGxVP0WXn1aZO0DiY2cYF/nwxM7DE+ZHHwwvrg==" crossorigin="anonymous" ></script>

Publicerad