Hopp til innhold
Aksel
  • God praksis
  • Grunnleggende
  • Ikoner
  • Komponenter
  • Bloggen

Meny

  • God praksis
  • Grunnleggende
  • Ikoner
  • Komponenter
  • Blogg
    • Kom i gang med kodepakkene
    • Kom i gang med Figma
    • Samarbeid og bidrag
    • Versjonering i Figma
    • Design tokens
    • Farger
    • Brekkpunkter
    • Typografi
    • Endringslogg
    • Migrering
    • CSS import
    • Kommandolinje
    • Stylelint
    • Tailwind
    • OverridableComponent
Grunnleggende / Kode

Endringslogg

Oppdatert 20. september 2023Stabil

    5.5.0

    @navikt/ds-css

    • Box: Ny primitive, erstatter dagens `Panel` (#2195)
    • Skeleton: Width fungerer nå med inline-variant av Skeleton (#2273)

    @navikt/ds-react

    • Box: Ny primitive, erstatter dagens `Panel` (#2195)
    • Skeleton: Width fungerer nå med inline-variant av Skeleton (#2273)

    @navikt/ds-tokens

    • Box: Ny primitive, erstatter dagens `Panel` (#2195)

    5.4.1

    @navikt/ds-react

    • MonthPicker: Fikset kalkulering av fromDate/toDate (#2269)

    5.4.0

    @navikt/ds-css

    • Primitives: Nye komponenter `Show` og `Hide` er lagt til. (#2222)
    • ErrorSummary: Har nå 8px border-radius (#2256)

    @navikt/ds-react

    • Primitives: Nye komponenter `Show` og `Hide` er lagt til. (#2222)
    • Search: Kjører nå bare preventDefault ved Escape når `input` inneholder tekst (#2245)

    @navikt/ds-tokens

    • Tokens: `data-theme="light"` vil nå tilbakestille theming (#2238)

    5.3.5

    @navikt/ds-react

    • 🐛 Popover: sjekk at det er et HTML-element som får fokus (#2258)

    5.3.4

    @navikt/aksel-icons

    • 🐛 SVG import map er nå riktig path (#2250)

    @navikt/ds-css

    • Alert: 12px -> 8px gap mellom tekst og ikon ved `size="small"` (#2240)

    5.3.3

    @navikt/ds-css

    • HGrid: Har nå `align`-prop for bedre kontroll over child-elementer (#2242)

    @navikt/ds-react

    • HGrid: Har nå `align`-prop for bedre kontroll over child-elementer (#2242)

    5.3.2

    @navikt/ds-css

    • Skeleton: Lagt til as-prop for inline brk av Skeleton med span (#2239)

    @navikt/ds-react

    • Skeleton: Lagt til as-prop for inline brk av Skeleton med span (#2239)

    5.3.1

    @navikt/ds-css

    • 🐛 fix missing accordion bottom box-shadow on last element (when opened) (#2229)
    • 💄 GuidePanel: justert design (#2227)

    @navikt/ds-react

    • Fix bug in monthpicker, only compare year and month for equality on date object (#2231)
    • 💄 GuidePanel: justert design (#2227)
    • 🐛 DatePicker: Riktig skriftstørrelse på small input (#2232)

    5.3.0

    @navikt/ds-css

    • Typography: Oppdatert med typo-klasser for `textColor`, `weight`, `align`, `visuallyHidden` og `truncated`. (#2211)

    @navikt/ds-react

    • Heading: Oppdatert med props `textColor`, `align`, `visuallyHidden`. (#2211)
    • Label: Oppdatert med props `textColor` og `visuallyHidden`. (#2211)
    • BodyLong, BodyShort, Detail: Oppdatert med props `textColor`,`weight`,`align`, `visuallyHidden` og `truncated`. (#2211)
    • ♿️ Textarea: Skjermleser-spesifikk tekst leses opp sammenhengende (#2216)

    5.2.1

    @navikt/ds-css

    • Font: Fikset henting av italic-font (#2220)

    5.2.0

    @navikt/aksel-icons

    • Ikoner: Oppdatert ikonpakke (#2197)

    @navikt/ds-css

    • CSS: Popover har nå 8px border-radius. Fikset padding-bug i Select-small. (#2219)
    • Hovering over combobox dropdown will move selection/focus in the list, so we don't end up with a split focus, and reversely when moving focus while hovering (#2193)

    @navikt/ds-react

    • Button: Ved bruk av `as`-prop vil `role="button"` nå bli lagt til. Native `onKeyUp` for `Space` er også implementert slik at standard `button`-interaksjon vil være likere uansett html-tag. (#2154)
    • Combobox: Fikset bruk av `useLayoutEffect` med SSR-safe metode. (#2219)
    • Hovering over combobox dropdown will move selection/focus in the list, so we don't end up with a split focus, and reversely when moving focus while hovering (#2193)

    5.1.0

    @navikt/ds-css

    • 💄 Modal: fjern kantlinje (#2210)
    • Tokens: Fikset table-token (#2204)

    @navikt/ds-react

    • ✨ Modal: mulighet for å rendre i portal (#2209)
    • ✅ Modal: use polyfill in JSDOM (#2208)
    • Datepicker: Input setter ikke nå aria-controls før popover åpnes (#2213)

    5.0.3

    @navikt/ds-css

    • ConfirmationPanel: Fikset opplesing av feilmelding (#2199)
    • Checkbox: Fikset checkbox-alignment ved bruk av tailwindcss (#2199)

    @navikt/ds-react

    • ConfirmationPanel: Fikset opplesing av feilmelding (#2199)

    @navikt/ds-tokens

    • ConfirmationPanel: Fikset opplesing av feilmelding (#2199)
    • Tokens: `--a-icon-alt-3` er nå i synk med figma (#2199)

    5.0.2

    @navikt/ds-react

    • 🏷 Modal: Bedre type for `width` (#2191)

    5.0.1

    @navikt/ds-css

    • Checkbox: Hotfix da checkmark ikke var sentrert hvis man brukte tailwind (90db7dd0c)

    5.0.0

    @navikt/ds-css

    • Oppdatert Modal - Se Migrering (#2135)
    • ✨ Støtte for header og footer
    • 💥 Bruker nå native dialog i stedet for react-modal (med polyfill for eldre nettlesere)
    • Table: ExpandableRow har oppdatert knapp for å matche Accordion og ExpansionCard (#2178)
    • Table: Alle størrelser har justert padding. Small-size table bruker nå også standard typografi-størrelse (18px). (#2178)

    @navikt/ds-react

    • Oppdatert Modal - Se Migrering (#2135)
    • ✨ Støtte for header og footer
    • 💥 Bruker nå native dialog i stedet for react-modal (med polyfill for eldre nettlesere)
    • 💥 Provider: `appElement` er fjernet
    • Table: ExpandableRow har oppdatert knapp for å matche Accordion og ExpansionCard (#2178)
    • Table: Har lagt til ny size: 'large'. (#2178)

    @navikt/ds-tokens

    • Gray: Gråfarger er nå mindre varme (#2092)
    • Action: Selected-varianter av action er nå 'blue' ('deepblue' før) (#2092)

    4.12.1

    @navikt/ds-css

    • Added red border to Combobox in error state (#2184)

    @navikt/ds-react

    • Added red border to Combobox in error state (#2184)

    4.12.0

    @navikt/ds-css

    • CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon (#2173)
    • List: Fikset sentrering, margins (#2168)
    • Checkbox: Checkmark er nå SVG-ikon og ikke Base64 (#2171)
    • Alert: Fikset alignment av status-ikon mot tekst (#2179)

    @navikt/ds-react

    • Combobox: La til støtte for feilmeldinger i Combobox (#2182)
    • CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon (#2173)
    • List: Fikset sentrering, margins (#2168)
    • Combobox: Kjører nå 'onChange' + 'onClear' når input blir reset programmatisk (#2183)
    • Combobox: Fikset custom-options i singleselect (#2180)
    • Combobox: Fjernet unødvendige 'onClear'-calls når man velger verdier (#2170)
    • Checkbox: Checkmark er nå SVG-ikon og ikke Base64 (#2171)
    • Combobox: Lukker nå nedtrekksmeny hvis man legger til ny option i singleselect (#2177)

    4.11.2

    @navikt/ds-css

    • 💄 ToggleGroup: fjern semibold fra selected button (#2167)

    4.11.1

    @navikt/ds-css

    • Border-radius: Fikset hardkodet border-radius i Datepicker, ToggleGroup og Combobox. (#2159)

    4.11.0

    @navikt/ds-css

    • HGrid: Ny komponent 'HGrid' er ute i Beta: Dokumentasjon (#1838)
    • List: Fikset alignment av ikoner (#2149)
    • Font: La til egen font for semibold italic for bedre skalering cross-browser (#2150)

    @navikt/ds-react

    • HGrid: Ny komponent 'HGrid' er ute i Beta: Dokumentasjon (#1838)
    • Fixes bug where combobox list could not be closed after clicking a chip (#2155)
    • Grid: Markert som deprecated. Bruk nye 'HGrid' (#2153)

    4.10.2

    @navikt/ds-css

    • Link: Fikset visited farger og inline SVG-reset ved bruk av tailwind

    4.10.0

    @navikt/ds-css

    • Link: La til 'variant', 'underline' og 'inlineText'-prop (#2093)

    @navikt/ds-react

    • Link: La til 'variant', 'underline' og 'inlineText'-prop (#2093)

    4.9.1

    @navikt/ds-css

    • Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected (#2144)

    @navikt/ds-react

    • Button: Fikset aria-live bug der knapp alltid ble lest opp av skjermleser ved render (#2143)
    • Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected (#2144)

    4.9.0

    @navikt/ds-css

    • Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop (#2127)

    @navikt/ds-react

    • Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop (#2127)

    4.8.0

    @navikt/ds-css

    • Nye komponenter `VStack`, `HStack` og `Spacer` for å enklere kunne lage layout med flexbox og spacing-variabler. (#2040)

    @navikt/ds-react

    • Nye komponenter `VStack`, `HStack` og `Spacer` for å enklere kunne lage layout med flexbox og spacing-variabler. (#2040)

    4.7.4

    @navikt/ds-css

    • Oppdatert bruk av REM i komponenter for forbedret utrykk ved font-scaling i browser (#2126)

    @navikt/ds-react

    • Textfield: La til type 'time' som tilgjengelig option (#2137)

    4.7.3

    @navikt/ds-react

    • Chips: Removable Chips submitter ikke forms ved klikk lengre (#2124)

    4.7.2

    @navikt/ds-css

    • Stepper: Fikset `hotizontal`-bug når step var `completed` (#2116)

    @navikt/ds-react

    • Stepper: Fikset `hotizontal`-bug når step var `completed` (#2116)

    4.7.1

    @navikt/ds-react

    • Datepicker: Fikset bug ved bruk dynamisk oppdatering av minDate. Vist `month` vil nå alltid være oppdatert når datepicker åpnes (#2117)

    4.7.0

    @navikt/ds-css

    • Ny komponent Combobox! (#1868)

    @navikt/ds-react

    • Ny komponent Combobox! (#1868)
    • Timeline: Har nå egen `axisLabelTemplates`-prop for axixlabel formatering (#2109)
    • Combobox post-release tweaks (#2112)

    4.6.1

    @navikt/ds-css

    • Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt (#2089)

    @navikt/ds-react

    • Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt (#2089)

    4.6.0

    @navikt/ds-css

    • Skjema: De fleste skjemakomponenter har nå styling for `readOnly`-state (#2080)

    @navikt/ds-react

    • Skjema: De fleste skjemakomponenter støtter nå `readOnly`-state (#2080)

    4.5.0

    @navikt/ds-css

    • - Alert: La til `closeButton`-prop (#2079)
    • - Button: Fikset outline-bug i tertiary-variant ved `:active`-state (#2079)

    @navikt/ds-react

    • - Alert: La til `closeButton`-prop (#2079)

    4.4.2

    @navikt/ds-react

    • Textarea: Fikset i18n for counter (718b3204d)

    4.4.1

    @navikt/ds-css

    • 💄 Chat: fjernet border, satt avatar svg til 24x24px, byttet om "subtle" og "neutral" (#2077)

    4.4.0

    @navikt/ds-css

    • Shadow-tokens er oppdatert: Datepicker har nå ikke border, Modal bruker shadow-xlarge, LinkCard bruker shadow-xsmall (PR)

    @navikt/ds-tailwind

    • Shadow-tokens er oppdatert (PR)
    • Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). (PR)

    @navikt/ds-react

    • Fikset klassenavn brukt for popover i Datepicker og Monthpicker (PR)

    @navikt/ds-tokens

    • Shadow-tokens er oppdatert til mer tydeligere varianter (PR)

    4.3.0

    @navikt/ds-css

    • Popover/Helptext: Maksbredde på 100vw - 1.5rem. Treffer ikke lengre kanten på skjermen. (PR)
    • ExpansionCard: Ved nesting av komponetene fikk man styling fra parent (PR)

    @navikt/ds-react

    • Popover og Helptext har nå luft mot siden av skjerm på mindre flater (PR)

    4.2.0

    @navikt/ds-css

    • Chat: `small`-size, innebygde varianter for farge og oppdatert utseende. (PR)

    @navikt/ds-react

    • Oppdatert Chat: `size` og `variant`-prop, optional `avatar`, uu og ui-forbedringer (PR)

    4.1.7

    @navikt/ds-react

    • Fikset JSDom-problemer ved testing av Timeline
    • La til `wrapperClassname`-prop for HelpText (PR)

    4.1.6

    @navikt/ds-react

    • Timeline-period brakk ved bruk av JSDom i vitest og jest

    4.1.5

    @navikt/aksel-icons

    • Nye ikoner `ChevronRightLast` og `ChevronLeftLast` (PR)

    @navikt/ds-react

    • `OverridableComponent` fungerer nå med komponenter som allerede bruker 'as'-prop. (PR)
    • Popover: `bubbleEscape`-prop tilbyr muligheten for escape-events til å sendes opp gjennom dom-treet. (PR)

    4.1.4

    @navikt/ds-css

    • Readmore: setter nå eksplisitt color for å ikke arve text-subtle fra parent. (PR)

    4.1.3

    @navikt/ds-react

    • `className` ble ikke riktig forwardet til ikke-klikkbar Period i Timeline

    4.1.2

    @navikt/ds-react

    • La til JSDoc for Skeleton-komponent

    4.1.1

    @navikt/ds-css

    • 🐛 Fikset cursor-markering av tekst i skeleton.

    4.1.0

    @navikt/aksel-stylelint

    • Deprecated klassenavn `navds-chips--icon-left` (PR)

    @navikt/ds-css

    • Chips: `neutral` og `action`-varianter av Chips.Toggle. Opt-out mulighet for Checkmark. Oppdatert checkmark-ikon (PR)
    • Alle description-felter på fieldsets har nå `text-subtle` som farge. (PR)

    @navikt/ds-tailwind

    • 🎉 Fargetokens for datavisualisering. (PR)

    @navikt/ds-react

    • Chips: `neutral` og `action`-varianter for Chips.Toggle. `checkmark`-prop for Chips.Toggle (PR)
    • Ny komponent Skeleton! (PR)
    • La til JSDoc dokumentasjon for alle komponenter (PR)
    • Accordion: La til `indent`-prop (PR)

    @navikt/ds-tokens

    • 🎉 Fargetokens for datavisualisering. (PR)
    • Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). (PR)

    4.0.0

    @navikt/ds-css

    • All styling fra `@navikt/ds-css-internal` er flyttet til `@navikt/ds-css`. (PR)
    • classname-prefix er endret fra `navdsi` -> `navds` for flyttede komponenter.
    • Fikset cascading-problem mellom dropdown og popover. Dropdown blir ikke lengre påvirket av import-rekkefølge av popover.
    • Styling for flyttede komponenter finnes nå på CDN Guide

    @navikt/ds-react

    • Datepicker og Monthpicker er ute av beta. Guide (PR)
    • Komponenter i `@navikt/ds-react-internal` er flyttet over til `@navikt/ds-react`. Guide (PR)

    @navikt/aksel

    • Codemod for migrering av Datepicker/Monthpicker ut av Beta. `npx @navikt/aksel codemod v4-date` (PR)
    • Codemods for migrering fra `@navikt/ds-react-internal` til `@navikt/ds-react` Guide (PR)

    3.4.2

    @navikt/aksel-stylelint

    • La til riktige dependencies (PR)

    3.4.1

    @navikt/aksel-stylelint

    • Inkluderer nå dist-mappe i release

    3.4.0

    @navikt/aksel-stylelint

    • Stylelint-pakke for Aksel (PR)

    @navikt/ds-css

    • Tag: `moderate`-variant (PR)

    @navikt/ds-react

    • Tag: `moderate`-variant (PR)

    3.3.1

    @navikt/ds-react

    • CopyButton: native `Clipboard API` (PR)

    3.3.0

    @navikt/ds-react

    • Timeline: popover/tooltip vises nå på hover, ikke onClick. (PR)

    3.2.4

    @navikt/ds-react

    • Search: Støtter nå htmlSize-prop (PR)

    3.2.3

    @navikt/aksel-icons

    • Nye ikoner `FileParagraph` og `FilePlus` (PR)

    @navikt/ds-css

    • Datepicker: Fikset small-variant av datepicker-input. (PR)
    • CopyButton: `xsmall`-size for bruk i tabeller (PR)

    @navikt/ds-react

    • Datepicker: Oppdatert small-variant av Datepicker.Input. UI-oppdatert samtidig. (PR)
    • CopyButton: `xsmall`-variant for bruk i tabeller (PR)

    3.2.2

    @navikt/ds-react

    • CopyButton: Fjernet use-client directive fra komponent. (warning i vite/rollup)

    3.2.0

    @navikt/ds-react

    • Ny komponent CopyButton! Erstatter `CopyToClipboard` som nå er tagget som deprecated (PR)

    3.1.3

    @navikt/ds-css

    • 💄 Oppdatert utseende for ToggleGroup. `Medium` og `Small`-size er begge 10px lavere, mindre border-radius (PR)

    3.1.0

    @navikt/ds-css

    • Alle komponenter bruker nå default `:focus-visible` for fokusmarkering. Medfølger også fallback for `:focus` (PR)
    • Oppdatert Label og Description spacing for skjemakomponenter (PR)

    @navikt/ds-react

    • Oppdatert Label og Description spacing for alle skjemakomponenter (PR)

    3.0.1

    @navikt/ds-react

    • Fjernet `@navikt/ds-icons` fra dependencies
    • Accordion: Oppdatert default headingSize brukt i i Accordion.Header

    3.0.0

    @navikt/ds-css

    • Accordion: Chevron er left-aligned, deler av styling er refaktorert, `size`-props og `neutral`-variant (PR)

    @navikt/ds-react

    • Accordion: left-aligner chevron, `neutral`-variant, `size`-prop (PR)
    • Bruker nå nå `@navikt/aksel-icons` for interne ikoner (PR)

    2.9.8

    @navikt/aksel-icons

    • Oppdatert Statusikoner til å være tydeligere og mer konsistente. (PR)

    2.9.7

    @navikt/aksel-icons

    • Fikset `CheckmarkIcon`-bug

    2.9.6

    @navikt/aksel-icons

    • Fikset `CheckmarkCircleIcon`-bug (PR)

    2.9.4

    @navikt/aksel

    • 🚚 Flyttet Codemods fra `@navikt/ds-codemods` -> `@navikt/aksel`. `@navikt/ds-codemods` regnes nå som deprecated (PR)

    2.9.3

    @navikt/aksel-icons

    • Nye ikoner `BulletList` og `NumberList` (PR)

    2.9.1

    @navikt/ds-react

    • ExpansionCard: Støtter nå `aria-labelledby` i tillegg til `aria-label` (PR)

    2.9.0

    @navikt/ds-css

    • CSS nå tilgjengelig som separate filer: Kan lastest fra CDN, minified-versjoner tilgjengelig (PR)

    2.8.16

    @navikt/ds-react

    • ExpansionCard: ExpansionCard.Content sendte ikke `className` videre
    • Datepicker. Bedre håndtering av visning for out-of-range-datoer (PR)

    2.8.15

    @navikt/aksel-icons

    • 🎉 Nye ikoner `HandKnot` og `HandKnotFilled` (PR)

    2.8.14

    @navikt/ds-react

    • Datepicker/Monthpicker: Oppdaterer vist måneder ved popover åpne/lukk. Fikser out-of-range håndtering av `today`

    2.8.13

    @navikt/aksel-icons

    • Oppdatert `InformationSquare`-ikon (PR)

    2.8.11

    @navikt/aksel-icons

    • Oppdatert `VideoSlack`, `Questionmark` og `Information`-ikoner (PR)

    2.8.10

    @navikt/ds-react

    • Datepicker/Monthpicker: refaktorert event-handling i hooks (PR)

    2.8.9

    @navikt/ds-css

    • Button: Padding/border-radius tokens (PR)

    2.8.8

    @navikt/aksel-icons

    • Nye ikoner `VideoSlash` og `VideoSlashFill`

    2.8.7

    @navikt/ds-css

    • Button: token for tertiary

    @navikt/ds-react

    • Fikset typografi-bruk for `Radio` og `Checkbox`.

    2.8.6

    @navikt/ds-css

    • Alert, Chips og ErrorSummary har nå bedre utvalg av tokens

    2.8.5

    @navikt/ds-css

    • Accordion: tokens for header-bakgrunn
    • Select: Fikset tekstfarge på iphone (PR)

    2.8.4

    @navikt/aksel-icons

    • Fikset Sourcemap-bug

    2.8.3

    @navikt/ds-react

    • Textarea: oppdatert counter-tekst + mulighet for lokalisering (PR)

    2.8.2

    @navikt/ds-css

    • ExpansioCard: Oppdatert typografi (PR)

    @navikt/ds-react

    • ExpansioCard: Oppdatert typografibruk (PR)

    2.8.1

    @navikt/ds-react

    • ExpansionCard: Oppdaetrt standard title-size til `medium`

    2.8.0

    @navikt/ds-react

    • Ny komponent ExpansionCard! (PR)

    2.7.8

    @navikt/ds-css

    • Tabs: La til focus-markering for Tabs.Panel (PR)

    2.7.7

    @navikt/aksel-icons

    • Nye ikoner `CaretUpDownFilledDown`, `CaretUpDownFilledUp`, `CloudDown`, `CloudDownFill`, `CloudUp`, `CloudUpFill`, `HddDown`, `HddDownFill`, `HddUp`, `HddUpFill`, `Inbox`, `InboxDown`, `InboxDownFill`, `InboxFill`, `InboxUp`, `InboxUpFill`, `ShoppingBasket`, `ShoppingBasketFill`

    2.7.5

    @navikt/ds-css

    • ToggleGroup: Fikset token-bug

    2.7.4

    @navikt/aksel-icons

    • Nye ikoner, `CaretDownFill`, `CaretLeft`, `CaretLeftFill`, `CaretLeftRight`, `CaretLeftRightFill`, `CaretRight`, `CaretRightFill`, `CaretUpDownFill`, `CaretUpFill`, `Escalator`, `Moon`, `MoonFill`. Fjernet `EscalatorStroke` (PR)

    2.7.0

    @navikt/aksel-icons

    • Ny ikonpakke med for core icons 3! `@navikt/aksel-icons` (PR)

    2.6.2

    @navikt/ds-react

    • Textarea: Fikset React v18 problem med `TextareaAutosize`

    2.6.1

    @navikt/ds-react

    • Search: `onSearchClick`-prop for lettere submit-handling

    2.5.1

    @navikt/ds-react

    • List: Refaktorert nestede lister

    2.5.0

    @navikt/ds-tailwind

    • Breakpoint-tokens er lagt til. Overskriver native tailwind-breakpoints (PR)

    @navikt/ds-tokens

    • Breakpoint-tokens lagt til (PR)

    2.4.3

    @navikt/ds-css

    • Select: Fikset disabled + opacity bug for Chrome

    2.4.2

    @navikt/ds-css

    • List: La til støtte for nesting (PR)

    @navikt/ds-react

    • List: la til støtte for nestede lister (PR)

    2.4.1

    @navikt/ds-react

    • Datepicker: la til `fixedWeeks`-prop for å alltid vise 6 uker i Datepicker.Standalone (PR)

    2.4.0

    @navikt/ds-react

    • Ny komponent List! (PR)

    2.3.1

    @navikt/ds-css

    • Fikset feil bruk av fallback-tokens i Textarea og Timeline

    2.3.0

    @navikt/ds-css

    • Select: Fikset sentrering av tekst i Firefox (PR)
    • Select: `small`-variant er nå 32px (var 34px)

    2.2.0

    @navikt/ds-css

    • ToggleGroup: `Neutral`-variant. (PR)
    • Button: `Neutral`-variant.

    @navikt/ds-react

    • ToggleGroup: `neutral`-variant (PR)
    • Button: `neutral`-variant (PR)

    @navikt/ds-tokens

    • Justeringer av semantiske fargetokens, statusfarger nå mer tydelig (PR)
    • Oppdatert neutral-tokens (PR)

    2.1.7

    @navikt/ds-react

    • Datepicker: Fikset rekkefølge på `onValidate` og `onRangeChange` i useRangepicker-hook

    2.1.6

    @navikt/ds-react

    • Datepicker/Monthpicker: `openOnFocus`-prop for manuell håndtering av popover (PR)

    2.1.5

    @navikt/ds-react

    • Datepicker: ESM import fra date-fns fungerer nå

    2.1.4

    @navikt/ds-react

    • Datepicker: Fikset edgecase i `useRangepicker` der valg av startdato etter sluttdato ga feil output

    2.1.3

    @navikt/ds-react

    • Monthpicker: håndterer visning av år riktig (PR)

    2.1.2

    @navikt/ds-css

    • TextField: `small`-variant har nå 8px horisontal padding (før 4px)

    2.1.1

    @navikt/ds-react

    • Fikset `@types/react` v18 feil introdusert i v2.0.6 (PR)

    2.1.0

    @navikt/ds-react

    • Datepicker/Monthpicker: år med 2 siffer i input fungerer nå

    @navikt/ds-tokens

    • Fikset feil danger-hover token (PR)

    2.0.18

    @navikt/ds-react

    • Datepicker: Bedre typer for `ref`

    2.0.15

    @navikt/ds-react

    • Chat: `toptextPosition`-prop for horisontal plassering av navn og dato. (PR)

    2.0.14

    @navikt/ds-react

    • Oppdatert `@floating-ui/react`-versjon

    2.0.12

    @navikt/ds-css

    • Radio: Fikset default visuell error-state (PR)

    2.0.7

    @navikt/ds-react

    • Monthpicker: Fikset keyboard-click

    2.0.6

    @navikt/ds-react

    • Datepicker: Datepicker.Input satt `className` flere ganger

    2.0.5

    @navikt/ds-css

    • Button: Reverserte border-width endrinder (var 1.5px, nå 2px)

    2.0.3

    @navikt/ds-react

    • Datepicker: `strategi`-prop for layout-strategi av popover

    2.0.2

    @navikt/ds-react

    • Datepicker: onClick-event fikset

    2.0.1

    @navikt/ds-css

    • Bugfixer ved bruk av tokens oppdatert i v2.0.0

    2.0.0

    @navikt/ds-css

    • Fontlasting: Fonter lastes nå fra NAV-CDN
    • Tokens: Alle komponenter bruker nå semantiske tokens for som standard, med innebygd støtte for komponent-spesifikke tokens.

    @navikt/ds-tailwind

    • Alle token er oppdatert til nytt format. (Guide)

    @navikt/ds-react

    • Fonter blir bruk i all typografi blir nå lastet fra CDN

    @navikt/ds-tokens

    • Alle token er oppdatert til nytt format. (Guide)

    1.5.10

    @navikt/ds-react

    • Modal: `parentSelector`-prop i Modal (PR)

    1.5.9

    @navikt/ds-css

    • Chips: 4px -> 2px gap mellom checkmark i Chips.Toggle

    1.5.7

    @navikt/ds-react

    • Datepicker: `defaultMonth` og `Year` prop lagt til

    1.5.6

    @navikt/ds-react

    • Datepicker: fungerer nå med `open` shadow-dom

    1.5.3

    @navikt/ds-css

    • Tokens: Byttet om på rekkefølge av alt-farger

    1.5.2

    @navikt/ds-react

    • Chips: `FilterChips` heter nå `ToggleChips`

    1.5.1

    @navikt/ds-css

    • Chips. Bruker nå standard flex-wrap

    1.5.0

    @navikt/ds-css

    • Tag: `filled`-varianter (PR)

    @navikt/ds-react

    • Tag: `filles`-varianter (PR)
    • Ny komponent Chips! (PR)

    1.4.4

    @navikt/ds-react

    • Datepicker: Eksponerer `onValidation`-typer

    1.4.3

    @navikt/ds-react

    • Datepicker: Validering og inputFormat funksjonalitet

    1.4.1

    @navikt/ds-react

    • Datepicker: Følger språkrådets dato-formatering for måneder.

    1.4.0

    @navikt/ds-react

    • Ny komponent Provider! For håndtering av global config på tvers av komponenter

    1.3.39

    @navikt/ds-css

    • Fikset bruk av `:watch` for diverse parsere (less, parcel)

    @navikt/ds-react

    • useId-bug fikset ved bruk i både react 17 og 18
    • Datepicker: Patchet UX-bugs ved navigering til fortid/nåtid
    • HelpText: Reverserte til å tillate bruk av `React.ReactNode` som children
    • DatePicker og MonthPicker er tilgjengelig som Beta
    • Modal: `overlayClassName`-prop lagt til
    • ConfirmationPanel: Checkbox lenker nå til innholdet i `aria-describedby`
    • Table: `shadeOnHover`-prop for å skru av/på hover-effekt
    • Table: `colSpan`-prop på `Table.ExpandableRow`
    • HelpText: har nå standard max-width på `65ch`
    • Stepper: `interactive` og `completed`-props for wizard-løsninger

    1.3.24

    @navikt/ds-css

    • Tokens tilgjengeligjøres nå også på `:host`. Dette lar shadow-dom brukere konsumere tokens direkte.

    1.2.0

    @navikt/ds-react

    • Dropdown: `closeOnSelect`-prop for å skru av/på lukking av dropdown ved valg

    1.1.0

    @navikt/ds-react

    • Dropdown: `onSelect`-prop for callback ved valg av element

    1.0.0

    @navikt/ds-react

    • Samversjonering: Alle pakker fra Aksel har nå, og vil i fremtiden ha samme versjonsnummer.
    • Accordion/ReadMore: `renderContentWhenClosed`-prop fjernet
    • Button: `icon` og `iconPosition`-prop for bedre ikonplassering
    • Tabs: `loop`-prop er flyttet fra `Tabs.Tablist` til `Tabs`. `iconPosition`-prop er flyttet fra `Tabs.Tab` til `Tabs`
    • Chat: `SpeechBubble`-komponent er renamet til `Chat`.
    • Chat: `topText` heter nå `name` og `timestamp`, `illustration` heter nå `avatar` og `illustrationBgColor` heter nå `avatarBgColor`
    • Pagination: `medium` -> `small`, `small` -> `xsmall`
    • Popover: `auto`, `auto-start` og `auto-end` er fjernet som `placement`-prop
    • CopyToClipboard: `iconPlacement` er renamet til `iconPosition`
    • ConfirmationPanel: `ref` er flyttet fra wrapper-div til checkbox
    • Stepper: `StepIndicator` er refaktorert og renamet til `Stepper`. `StepIndicator`-komponenten er fjernet
    • MicroCard: er deprecated
    • PageHeader: er deprecated
    • Menu: er deprecated
    • Divider: er deprecated og renamet til `Dropdown.Menu.Divider`
    • `@material/ui` er fjernet som dependency
    • `react-popper` og `@popperjs/core` er fjernet som dependency. Bruker nå `@floating-ui/react-dom-interactive`
    • `classnames` er byttet ut med `clsx` internt
    • `react-collapse` er fjernet som dependency
    • `uuid` er fjernet som dependency. Bruker nå intern løsning for id-håndtering
    • Label: er nå standard `label`-tag (tidligere p-tag)

    © 2023 NAV

    Arbeids- og velferdsetaten

    Snarveier

    • Skriv for Aksel
    • Prinsipper for brukeropplevelse
    • Security Playbook
    • Etterlevelse

    Om nettstedet

    • Hva er Aksel?
    • Personvernerklæring
    • Tilgjengelighetserklæring

    Finn oss

    • Figma
    • Github
    • Slack