Version 21.0.23

Nytt och förändrat

Brytande förändringar

• Npm paket: Har bytt namn och heter nu @sjv/komponentbibliotek
• openChange event: För att särskilja tillhörande event med komponent har nu openChange event prefixas med komponentnamn. De komponenter som berörs är:
  • Modalt fönster: jvModalOpenChange
  • Dropdown: jvDropdownOpenChange
  • Bekräftameddelande: jvAlertOpenChange
  • Sidpanel: jvSidpanelOpenChange
• Sidhuvud: Har ändrat HTML strukturen så att det nu går att använda det svarta sidhuvudet med den horisontella menyn.
  
• Sektionsmeddelande: Ändrat namn på propertyn "role" till "roleAttr" då det krockade med HTML attributet "role" vilket gjorde att en del tillgänglighetsverktyg klagade.
• Horisontella radioknappar: Innan satte man align="horizontal" på varje enskild radioknapp, nu räcker det att sätta align="horizontal" på jv-fieldset istället som grupperar radioknappar.
• Importera CSS i Angular: Vi rekommendera numera att importera styguidens CSS via styles i angular.json filen istället för styles.scss, det är mer i linje med hur Angular rekommenderar att man läser in CSS från tredjepart. Du kan läs mer hur du kan lägga in komponentbiblioteket i Angular.

Namnbyte på komponenter

Det är några komponenter som har bytt namn i koden, och det beror på lite olika saker. I sidpanelen var det en bugg och på knappar och länkar byter vi namn till engelska för att vara konsvekventa.

De nya kodnamnet är:

• Knappar: Har fått nya klassnamn för att följa BEM namnkonvention, nya klassnamn;
  
  • Medium: c-btn c-btn--medium
  • Kompakt: c-btn c-btn--compact
  • Small: c-btn c-btn--small
  • Primär: c-btn--primary används i kombination med förgående klasser ex. c-btn c-btn--medium
  • Mörkbakgrund: c-btn--dark används i kombination med förgående klasser ex. c-btn c-btn--medium
• Länkar: Har fått nya klassnamn för att följa BEM namnkonvention, nya klassnamn;
  • Länk: c-link
  • Ikon på högra sidan: c-link--icon-right
  • Mörkbakgrund: c-link--dark

Nya komponenter och funktioner

• Ikoner: Det finns nya ikoner med namnen:
  • blockerad
  • historik
  • notis
  • pengar
  • ärende
  • traktor
  • plats
  • e-tjänst
    
• Angular med nytt byggsystem: Det går numera att använda Angulars nya byggsystem application tillsammans med styleguiden.

Nya varianter av komponenter

• Multi-select: Ny variant av multiselect. I den nya varianten ligger de valda alternativen placerade under fältet. Den gamla varianten finns fortfarande kvar och heter nu jv-multi-select-v1
• Multitextfält: Ny variant av multitextfält. I den nya varianten ligger de angivna värdena placerade under fältet. Den gamla varianten finns fortfarande kvar och heter nu jv-multitext-v1

Felrättningar

• Utfällbart stycke (accordion): Tidigare fick man en felaktig tabordning om man hade ett utfällbart stycke inuti ett annat utfällbart stycke. Det felet är rättat.
  
• Namnvärdelista: Vi har minskat radavståndet så att långa etiketter som hamnar på två rader inte tar så stor plats.
• Lista: Listan tar inte längre 100 procent av bredden på sidan. Istället används standarden i webbläsaren.
• Informationsmeddelande: Vi har justerat ikonerna så att de är 24px höga.