Detalhes do pacote

nav-frontend-core

navikt41.3kMIT6.0.1

Variabler og andre felleselementer for NAV-frontend.

readme (leia-me)

NAV-frontend-core

Variabler og andre felleselementer for NAV-frontend.

Git-historikk før februar 2019

Denne pakken ble flyttet til nav-frontend-moduler i februar 2019. Se tidligere eget repo for git-historikk frem til da.

Disclaimer:

NPM-pakken(e) publisert av NAV IT er midlertidig unscoped'e, men vil bli prefikset og scopet med @navikt i fremtiden. Vi gjør oppmerksom på at npm-pakkene i følgende lenke, og kun disse npm-pakkene, er forvaltet og publisert offisielt av NAV IT:

https://www.npmjs.com/org/navikt

Oppdatert liste over gyldige pakker ligger til enhver tid beskrevet her.

NAV IT tar ikke ansvar for eventuell bruk av annen programvare som fremstilles som om de skulle vært publisert av NAV.

Vi refererer ellers til MIT-lisensen som ligger vedlagt i repository: https://github.com/navikt/nav-frontend-core/blob/master/LICENSE

changelog (log de mudanças)

Endringslogg

19. Mai 2021

Oppdatert fargepalett

#1092

  • Alle nav-frontend pakker som nav-frontend-core berører vil major bumpes, inkludert na v-frontend-core.

  • @navikt/ds-tokens, @navikt/ds-css og @navikt/ds-react vil minor bumpes

  • orangeFocus og alle variantene av denne fargen er fjernet fra nav-frontend-core

  • navRodsine lighten/darken varianter er fjernet fra nav-frontend-core. Bruk redError som erstattning.
  • @navikt/ds-tokens har nå purple og limegreen farger tilgjengelige

08. April 2021

Gråskala er endret i nav-frontend-core

#1068

  • Gråfargene er endret til en mer nøytral og leselig farge enn tidligere.
  • Alle pakker som bruker nav-frontend-core eller har tilknytning til den (inkludert selve pakken) er minor bumpet fra x.0.x -> x.1.0.
  • Letteste måten å oppdatere pakkene på er å kjøre npm update
  • Hvis man ønsker å bumpe pakkene manuelt så kan alle nav-frontend-* pakker minor bumpes til x.1.x utenom disse:
    • nav-frontend-chevron-style
    • nav-frontend-chevron
    • nav-frontend-fullbreddeknapp-style
    • nav-frontend-grid-style
    • nav-frontend-ikoner-assets
    • nav-frontend-js-utils
    • nav-frontend-spinner-style
    • nav-frontend-spinner

07. April 2021

Sourcemapping ds-icons og ds-react

#1064 #1065

24. Mars 2021

Smoothscroll og reduced animations

#1055

  • @navikt/ds-css sin baseline setter nå scroll-behavior: smooth; på html by default
  • Ved (prefers-reduced-motion: reduce) vil baseline redusere animasjoner.

10. Mars 2021

@navikt/ds-react importerer nå ikke styling i selve komponenten

#1030

  • Dette betyr at pakken @navikt/ds-css må importeres separat ved å endten linke til pakken i <head> eller importere den høyt i dom-strukturen.

@navikt/ds-react og @navikt/ds-icons er nå treeshakable

#1033

  • Begge pakkene defaulter nå til esm versjonen av pakken. De vanligste bundlerne hånterer da treeshaking selv når pakken blir brukt. Hvis man man ønsker å ta i bruk Commonjs versjonen kan man importere direkte fra cjs dir i pakken
Esm -> import { Button } from "@navikt/ds-react";
Cjs -> import { Button } from "@navikt/ds-react/cjs";

Siden eks noen test-libraries ikke støtter ESM enda kan man legge denne til i jest config for å bruke pakkene:

"moduleNameMapper": {
  "@navikt/ds-react(.*)": "@navikt/ds-react/cjs$1",
  "@navikt/ds-icons(.*)": "@navikt/ds-icons/cjs$1"
}

Oppdatert feil-styling og state-handling for skjemakomponenter

#1018

  • Feil på Skjemagruppe vil føre til feil-styling på checkbox/radio og checkboxpanel/radiopanel
  • Checkboxpanel, Radiopanel og Radio har nå feil-prop
  • Feil + disabled styling er satt til bare disabled nå.
  • checkbox/radio og checkboxpanel/radiopanel kan nå alle ta i bruk utenFeilPropagerings-prop

01. Mars 2021

Nav-frontend-typografi-style støtter nå Less v4

#1014

  • Alle divisjoner i Less-filer er nå wrappet i parentes

22. Februar 2021

Kan nå vise label på checkbox i første column i tabell

#1000

  • Ved å sette data-label="true" på <Checkbox/> som blir brukt i tabell, kan man nå vise label om ønsket

Oppdatert Bekreftcheckboxpanel for bedre UU

#1002

  • Styling for Lenke blir nå endret ved bruk på Bekreftcheckboxpanel for å sikre god kontrast

19. Februar 2021

Oppdatert animasjon Ekspanderbartpanel

#993

  • Animasjonen er nå på 250ms, erstatter 400ms

15. Februar 2021

Oppdatert dokumentasjon om obligatoriske felt i skjema

#996

12. Februar 2021

Proptable viser nå riktige default-values for props

#988

05. Februar 2021

Komponenter støtter nå React v17

#979

  • Alle react komponenter har nå devDep og peerDep ^16.8.0 || ^17.0.0
  • React er fjernet som devDep for stilpakker

05. Februar 2021

Ikon-nedlastning i PNG format

#973

  • Ikonsiden tilbyr nå både nedlastning av ikoner i SVG og PNG format
  • Fargevelger for ikon er laget for å kunne laste ned ikonene med forskjellige farger.

29. Januar 2021

Publisering av ikonpakke og ikonsøk

#945

  • @navikt/ds-icons er publisert som version 0.1.0
  • Ikonsøket på design.nav.no er nå i bruk

25. Januar 2021

Fjernet komponenten EtikettLiten

#956

  • Undertekst kan brukes som erstatning da begge har samme styling.
  • Dette fører til en major bump fra v2 -> v3 for nav-frontend-typografi

Element for sortering av tabell endres

#893

  • ✅ <button aria-label="Sorter column synkende">

  • ❌ <Lenke href="#">

  • Hover og fokusmarkering for element er endret, samt plassering av chevron Eksempel

Hvordan ta i bruk oppdateringen:

  • Oppdater nav-frontend-tabell-styles til v1.0.0
  • Legge til pakken nav-frontend-knapper-style som nå er en dependency.
  • Endre all bruk av <Lenke> i sortert tabell til <button>. Kan være lurt å lese de nye punktene her tabell-UU også da.
  • Sikre at prosjektet ditt kan håndtere SVG, da chevrons nå er svg og ikke css. Create-react-app gjør dette selv. Om du bruker webpack er dette den mest vanlige løsningen: npmjs @svgr/webpack. Om du bruker VUE er dette en potensiell løsning npmjs vue-svg-loader

08. Januar 2021

Oppdatert RadioPanel med prop radioRef

Pull-request

Kan nå sette ref på RadioPanel Dokumentasjon

04. Januar 2021

Oppdaterte Alertstripe komponent for bedre UU

Pull-request

SVG-ikonene Alertstripe brukte har nå role="img" og aria-label for å fikse WCAG 2.1 SC 1.1.1

Fikset Math kalkulering for LESS v4

Pull-request

  • Chevron mixin kalkulerte Floor uten parentes rundt intern kalkulering, noe LESS v4 ikke taklet.

Oppdatert eksempel-prosjekt for CRA og Webpack

Pull-request

  • Oppdatert til nyeste CRA
  • Oppdatert til enklere eslint config
  • Satt opp prettier, pretty-quick og stylelint
  • Satt opp husky for commit og push (v4)
  • Begge bruker nå nav-frontend-core for scaffolding by default

21. Desember 2020

Fikset mixins for LESS v4

Pull-request

  • LESS v4 krever at alle mixins må bli brukt med parentes.

.skjemaelement__input; ❌

.skjemaelement__input(); ✅

14. Desember 2020

Endringer Chevron

Pull-request

  • Endret implementasjon til å bruke <span> over <i> da dette var sett på som dårlig praksis.
  • Bumpet Chevron stilpakke til v1 da ingen større endringer vil treffe denne fremmover.

18. januar 2020

Den Store Skjema-oppdateringen™

:point_up: den, pluss:

Nye komponenter

Endringer

  • Fikset slik at Etikett utvider HTMLDivElement: #575 Takk til @hakonph :tada:
  • Fikset støtte for ikoner i Lenke: #579 Takk til @unorsk :tada:
  • Endret farge på valgt rad i Tabell: #580
  • Fikset støtte for å fortsatt rendre skjult innhold i EkspanderbartPanel: #585 Takk til @frodehansen2 :tada:
  • Fikset støtte for className i Tekstomrade: #590 Takk til @alexander-svendsen :tada:
  • Fikset støtte for className i EkspanderbartPanel: #594 Takk til @kjesvale :tada:
  • Forenklet skjermleser-tekst på lukknapp i Modal: #612 Takk til @frederikgdl :tada:
  • Fikset bortskriving fra componentWillReceiveProps i Popover: #617 Takk til @havstein :tada:
  • Oppdatert LICENSE: #619 Takk til @erlendev :tada:
  • Lagt til blå "info"-variant av Veilederpanel: #620 Takk til @jhnav :tada:
  • Lagt til kontaktinformasjon for forslag til endringer i språk-retningslinjer: #623 Takk til @mariannefriess :tada:
  • Publisert ny versjon av Sketch-bibliotek med en rekke bugfikser og oppdatering til Sketch Smart Layout: #624 Takk til @vikingwind :tada:
  • Publisert ny versjon av Ikon-bibliotek som inneholder hele ikon-pakken fremfor bare et utvalg: #631 Takk til @vikingwind :tada:

Bugfikser

  • Fikset type for onChange prop på Textarea: #578 Takk til @hakonph :tada:
  • Fikset type for inputRef prop på Input: #593 Takk til @mijohansen :tada:
  • Fikset avhengighet til React-versjon i Popover, Hjelpetekst
  • Fikset feil på posisjonering av Popover i IE11: #611 Takk til @frederikgdl :tada:
  • Fikset type for checkboxRef prop på Checkbox: #615 Takk til @nutgaard :tada:
  • Fikset en bug der skjult tekst som kun er ment for skjermlesere likevel ble synlig i Hjelpetekst og Knapp: #624
  • Fikset slik at className ikke er påkrevd i Grid Row: #630 Takk til @AndreasDybdahl :tada:
  • Fikset støtte for className prop i Snakkeboble: #638 Takk til @andersnav :tada:

15. oktober 2019

Nye komponenter

Endringer

  • Fikset støtte for publisering og markering av "beta"-pakker på design.nav.no
  • Fikset støtte for å liste opp og vise frem rene "style"-pakker i komponentoversikten på design.nav.no
  • Muligheten for å bare innstallere "style"-pakkene har blitt litt tydeligere under "Teknisk" på komponent-sidene
  • Fikset støtte for ikoner i knapper: https://design.nav.no/components/knapp#med-ikon
  • Fikset aria-varsling og rød markering på tekst-teller når Textarea får for mange tegn: #548
  • Fikset støtte for React 17.0+ i Ekspanderbartpanel: #541 Takk til @erlend-axelsson :tada:
  • Fikset støtte for å bruke knappe-stiler på lenker: #532
  • Tegnbegrensning på Textarea er nå valgfri: #490 Takk til @hakonph :tada:

Sider publisert på design.nav.no

Bugfikser

  • Fikset en gammel og plagsom bug med dårlig font-rendering i Chrome på Windows: #557 Takk til @unorsk :tada:
  • Fikset en bug hvor knapper med 100% bredde fikk venstrejustert innhold: #532 Takk til @winsvold :tada:
  • Fikset en bug hvor Textarea av og til kunne oppta dobbelt så mye plass som det trengte: #530
  • Fikset syntax-feil i scaffolding-script: #523
  • Fikset visuell bug hvor spinner forsvant på knapper med fokus: #498