Gå til sidens indhold

Om designsystemet

Release notes

Nedenfor vises release notes — en opsummering af bug fixes, nye features og andre opdateringer.

Har du et nyt forslag til en feature eller et bug fix? Så må du meget gerne oprette et issue på github

Versionering

Designsystemets måde at versionere på er inspireret af semantisk versionering. Versionsnummeret indikerer, hvilken type rettelse, der er tale om.

Versionsnummeret skrives altid x.y.z (fx 2.1.3) og skal læses MAJOR (x), MINOR (y), PATCH (z)

  • MAJOR: Ændringer i kode og/eller design, der ikke er bagud-kompatible - som fx erstatning eller sletning af komponenter eller ændringer i kode og/eller design, der medfører bagudrettede tilpasninger ved opdatering til den pågældende version.
  • MINOR: Tilføjelser, ændringer og ny funktionalitet, der er bagud-kompatible.
  • PATCH: bagud-kompatible fejlrettelser (bug fixes).

Release proces

Designsystemet er "levende" og skal holdes á jour, hvorfor langt de fleste bagud-kompatible ændringer og tilføjelser vil ske løbende. Fejlrettelser vil ske hurtigst muligt. Ikke bagud-kompatible ændringer vil samles op og blive releaset med lavere frekvens.

Version 4.4.0

20-08-2019

  • Tilpasset CSS til print
  • Farven på valgt menupunkt i sidenavigationen er ændret til #1A1A1A
  • Ændret udseende på tjekboks og radioknap ved print
  • Fikset fejl med border på den sidste række i en tabel
  • Fikset fejl med modal ved print
  • Tilpasset retningslinjer for ikoner i forhold til tilgængelighed

Version 4.3.0

04-07-2019

  • Fjernet farve på small-text mixin.
  • Tilpasset positionering af ikon på knapper.
  • Fikset fejl i input felter, hvor specialtegn (Å, Ö, Ä etc.) ikke blev vist korrekt.
  • Tilføjet eksempel på lukknap i Beskeder.
  • Tilføjet mulighed for at positionere action knapper i cards i bunden.
  • Fikset fejl ved print af eksempelløsninger i Firefox - tilføjet yderligere print CSS.

Version 4.2.0

20-06-2019

  • Fjernet margin-top på h1.
  • Fjernet form-group div fra li i radioknap og tjekboks liste (Løser udfordringen med at JAWS skærmlæseren læser skrivebeskyttet ved hver tjekboks eller radioknap).
  • Fikset styling i niveau 4 i sidemenuen på mobil.
  • Fikset tilgængelighed på responsiv tringuide - aria-hidden opdateres nu automatisk alt efter status på komponenten.
  • Responsiv tabel er nu sat til display:block på små skærme således at skærmlæsere ikke tror det er en tom tabel.

Version 4.1.1

24-05-2019

  • Fjernet primærfarven på tekst i aktivt menupunkt i header.
  • Tilføjet klassen inline-svg, som kan bruges på ikoner, der skal fremgå i tekst, således at de matcher teksthøjden.
  • Ændret afstand fra label til read-only felt.
  • Ændret JavaScript, der håndterer regex maske på dato felt, således at man nu kan bruge copy/paste igen.
    • Fejlhåndtering omkring ikke gyldige karakterer indsat i feltet med copy/paste bør håndteres i projektet selv.
  • Tilføjet sektion omkring formularstruktur.

Version 4.1.0

26-04-2019

  • Fjernet fast højde på tekstområde (textarea) - man kan/bør nu sætte højden med rows attributten
  • Fjernet tekstmarkøren på et read only felt i Internet Explorer
  • Tilføjet eksempler på advarsel, når man forlader siden i eksempelløsningerne
  • Tilføjet afstand af tags, når de fylder flere linjer
  • Fjernet primærfarve på teksten i fanebladmenu ved hover
  • Fikset fokusramme på faneblad
  • Fikset fejl i modalvindue, hvor overskriften blev overlappet af luk knappen
  • Log ud skal nu hedde Log af

Version 4.0.1

08-04-2019

  • Opdateret skip link udseende
  • Ændret styling, så a-element i solution-header nu kan være et h1-element
  • Fikset readonly fejl i Internet Explorer
  • Tilpasset footer margin og padding
  • Tilføjet print display css klasser (Fx d-print-none)
  • Tilføjet logo definition
  • Tooltip skriftstørrelse ændret fra 13 til 16px
  • Fikset hover farve på icon knap (button-unstyled)

Version 4.0.0

01-04-2019

  • Fjernet højde på cards
  • Tilføjet klassen card-align-height, så cards kan have ens højde på samme række.
  • Fikset fokus border på faneblad

Version 3.0.3

27-03-2019

  • Fjernet eksempler fra projekt
  • Ændret macros, så de er mere dynamiske, så flere projekter kan gøre brug af dem
  • Fikset fejl med fokus på overflow menu i Firefox
  • Fikset fejl med ol liste i flere niveauer
  • Fjernet gammel JavaScript, som var årsag til fejl ved loading af javascript filen
  • Ændret HR kant farve
  • Ændret kant farve på tertiær knap
  • Tilføjet afstand på tags og knapper på lille skærm
  • Opdateret footers
  • Tilføjet JavaScript der håndterer lukning af overflow menuer, når man åbner en ny

Version 3.0.2

19-02-2019

  • Tilføjet info om fiks af Microsoft Edge bug i navigation, hvor bullets blev vist trods styling
  • Defineret tilbage-knap
  • Tilføjet readonly eksempel i input felter
  • Ændret Skjul/Vis eksempel ved brug af radio knap for at løse tilgængelighedsproblemer
  • Fikset fejl på dropdown-menu i Internet Explorer, hvor pilen blev vist to gange
  • Nederste border i header ændret til $outer-border
  • Tilføjet klassen .nobullet-list, som kan bruges ved liste af links
  • Flyttet Pikaday datovælger plugin til Plugins-projektet
  • Tilføjet .break-word klasse til brug i tabeller, hvor man bruger lange filnavne i kolonnerne
  • Ændret disabled link farve
  • Fjernet $color-link-active farven, da den ikke længere bliver brugt
  • Opdateret styling og definition af eksterne links
  • Ændret skrifttype tykkelse på søgefelts knappen

Version 3.0.1

18-01-2019

Smårettelser til CSS og ikoner

  • .small-text og .small-tag klasserne fik ændret font-size fra 13px til 14px
  • Ændrede level 2 og 3 i sidenavigation på mobil
  • Rettede ikonerne help og close-circle

Smårettelser til eksempler

  • Typesetting blev delt i to: Linjeafstand og Linjelængde
  • Fejl i Popover-eksemplet blev rettet
  • Neutralt logo til header-eksempler blev opdateret

Version 3.0.0

14-01-2019

  • Refaktoreret fra 'dkwds' til 'dkfds'

    Alt kode er blevet refaktoreret så den nu benytter forkortelsen 'dkfds' i steden for 'dkwds'.

  • Bourbon er fjernet

    Biblioteket 'Bourbon' er ikke længere en del af designsystemet. Det vil derfor ikke længere være muligt at benytte sig af deres hjælpeklasser og funktioner.

  • Nyt gridsystem

    USDW's gamle float-grid (NEAT) og Bootstraps grid er fjernet. I steden for er USWD's nye grid inkluderet. Der er lavet tilpasninger af dette grid så det køre på de samme variable og klassenavne som i den forrige version af FDS. Der skal derfor ikke laves nogen tilpasninger for at få dette grid inkluderet.

  • Plugins project

    Datatables og SelectWoo er ikke længere en del af komponent-biblioteket. Der er derimod oprettet et nyt projekt (dkfds-plugins) hvor disse nu lever.

  • Nye klasser

    De følgende klasser er blev omdøbt:

    • .input-success --> .form-success
    • .input-error-message --> .form-error-message
  • Accordion

    Accordions plus og minus ikon er flyttet til starten af accordion-knappen

  • Focus farve

    Focus-farven er ændret fra den gule farve (#febb30) til en grå farve (#747474). Farven er blevet ændret fordi den gule farve ikke overholder WCAG 2.1. Hvis man ønsker en anden focus-farve kan variablen $color-focus overskrives.

  • Radioknapper og checkbokse
    • Styling af radiobuttons kræver nu denne klasse på selve input[type=radio]: "form-radio".
    • Styling af checkboxe kræver nu denne klasse på selve input[type=checkbox]: "form-check".

Version 2.1.2

16-10-2018

  • Nye skriftstørrelser til H1-H6
    • H1 går fra 36px til 40px.
    • H2 går fra 27px til 30px.
    • H3 er stadig 24px.
    • H4 går fra 22px til 20px;
    • H5 går fra 20px til 16px;
    • H6 går fra 16px til 13px;
    • Display-1 går fra 120px til 80px
    • Display-2 går fra 60px til 32px;

    Hvis du ønsker at beholde det samme visualle udtryk skal man gå fra h5 til h4.

  • Ny max-width styling

    Klassen '.content' er fjernet. Max-width stylingen er nu kodet direkte til p, font-lead etc.

  • Sidenavigation i bunden af eksempelsiderne:

    "Breadcrumb" er omdøbt til "page-navigation". Html'en er nu således ud:

    <nav class="page-navigation">
       <a href="#" class="button button-primary">Næste</a>
       <a href="#" class="button button-ghost">Tilbage</a>
    </nav>