# Changelog Punkt følger [Semantic Versioning 2.0.0](https://semver.org/spec/v2.0.0.html) for versjonering, og skriver commits ca etter [Conventional Commits](https://conventionalcommits.org). --- ## [19.19.0](https://github.com/oslokommune/punkt/compare/19.18.5...19.19.0) (2026-10-28) ### Features * Dunkelmodus for table, switch, modal, loader, timepicker og stepper (#3787). - Table: grå zebra-striper og tydeligere hover. Ny skin `zebra` erstatter `zebra-blue` (prop og CSS-klasse), som er deprecated og fjernes i en kommende versjon (resolves #3771) - Switch: på-tilstanden er lys i dark mode og lyseblå ved hover (resolves #3770) - Modal: fjernet et lyst felt nederst i innholdet i dark mode (resolves #3758) - Loader: støtter dark mode, med tre nye fargetokens for spinneren (resolves #3751) - Timepicker: hover på klokkeslett virker nå og har samme farge som i datepicker (resolves #3772) - Stepper: støtter dark mode. Aktivt steg har grå bakgrunn, og kommende steg har ikke lenger nedtonet tekst (resolves #3761) --- ## [19.16.2](https://github.com/oslokommune/punkt/compare/19.16.1...19.16.2) (2026-10-19) --- ## [19.15.3](https://github.com/oslokommune/punkt/compare/19.15.2...19.15.3) (2026-10-19) ### Bug Fixes * Kalenderen viser ikke lenger datoer fra forrige og neste måned (#3064) (#3759). Datoene før og etter måneden var synlige, men kunne ikke velges, og musepekeren sa "ikke tillatt". Det så ut som datoene var sperret. Nå er de cellene tomme. - Tomme celler i stedet for grå datoer fra måneden før og etter - Vanlig musepeker over de tomme cellene. Datoer som faktisk ikke kan velges har fortsatt "ikke tillatt" - Gjelder både React og Elements, også kalenderen i datepicker **Bonusfikser i Elements** - Skjermlesere får nå vite at kalenderen tillater flere datoer eller periode - Tegntelleren i skjemafelt viser "0/100" som i React, ikke "0 /100" - Månedsknappene og årfeltet i kalenderen har samme markup som i React **Testing** - Ny konformitetstest som sammenligner kalenderen i React og Elements - Konformitetstestene fanger nå mellomrom som Lit tidligere skjulte closes #3064 --- ## [19.15.2](https://github.com/oslokommune/punkt/compare/19.15.1...19.15.2) (2026-10-19) ### Bug Fixes * Datepicker tilpasser bredden til datoen, uansett datoformat (#3726) (#3756). Feltene i datepicker hadde fast bredde tilpasset norsk datoformat. Med andre formater, som 10/19/2026, ble siste siffer kuttet. Nå er feltet så bredt som datoen faktisk er. - Funker med alle datoformater og språkinnstillinger i nettleseren - Datoen står ikke lenger 2px for lavt, og streken i tidsrom er midtstilt - Small og xsmall har riktig høyde i alle nettlesere (noen varianter var 2 til 4px for høye) - Avstanden mellom dato og kalenderikon følger Figma, og ikonet sitter like langt fra kanten som i timepicker - Enkeltvalg i smale kolonner krymper i stedet for å flyte ut av boksen - Firefox viser nå skillestreken etter "Fra" og "Til", som de andre nettleserne **Bonusfiks** - Skillestreken etter prefix i _tekstfelt_ forsvant på small og xsmall. Nå er den tilbake **OBS** - I Chrome kan feltet endre bredde litt mens man skriver, for eksempel når "mm" blir til "01" - Ingen endring på iOS closes #3726 --- ## [19.15.1](https://github.com/oslokommune/punkt/compare/19.15.0...19.15.1) (2026-10-16) ### Bug Fixes * Gradient på tabs-overflow krever ikke lenger at man setter --pkt-tabs-bg (#3740). --- ## [19.15.0](https://github.com/oslokommune/punkt/compare/19.14.3...19.15.0) (2026-10-16) ### Features * Modal får mulighet for ikon i overskriften (#3719) (#3738). Ny prop headingIconName legger et ikon foran overskriften. Ikonet skalerer med overskriften. headingIconPath overstyrer hvor ikonet hentes fra. Bug funnet underveis: med flere modaler på samme side leste skjermlesere opp overskriften fra feil modal. Hver modal får nå sine egne id-er. closes #3719 --- ## [19.14.1](https://github.com/oslokommune/punkt/compare/19.14.0...19.14.1) (2026-10-16) ### Bug Fixes * Dunkelmodus for global meny og footer (#3734). resolves #3730 resolves #3731 --- ## [19.13.0](https://github.com/oslokommune/punkt/compare/19.12.3...19.13.0) (2026-10-14) ### Features * typesikre select (#3727). --- ## [19.12.3](https://github.com/oslokommune/punkt/compare/19.12.2...19.12.3) (2026-10-13) ### Bug Fixes * Fjern pkt-link focus-ring på museklikk. Kun focus på tastatur-navigasjon. (#3725). Pluss fiks spacing i lenker med ikoner. --- ## [19.12.1](https://github.com/oslokommune/punkt/compare/19.12.0...19.12.1) (2026-10-13) ### Bug Fixes * Dark mode for progressbar og fileupload (#3722). --- ## [19.12.0](https://github.com/oslokommune/punkt/compare/19.11.0...19.12.0) (2026-10-12) ### Features * Fargeoppdateringer på Accordion, Button, Combobox og Datepicker, pluss 3 nye semantiske farger (#3716). - Tre nye nøytrale flatefarger som følger dunkelmodus: surface-subtle-default, surface-default-default og surface-strong-default - Accordion: ny gray-skin, og borderless og border ser riktig ut i mørk modus. Beige og blue beholder lyse farger også i mørk modus - Nytt: data-mode="light" gir lys modus inne i et mørkt område - Datepicker: blå hover på datoer i dark mode og fetere skrift på valgte datoer - Combobox: tagger er ***blå*** i stedet for *mørkeblå*, og lyseblå hover i begge moduser. "Legg til" og infofeltet har fått grå bakgrunn, og søkefeltet en tynn ramme - Button: secondary fylles ikke lenger ved hover, fokus og klikk, bare ramme og tekst skifter farge. Tertiary har fått roligere hover og klikk, særlig i mørk modus --- ## [19.11.0](https://github.com/oslokommune/punkt/compare/19.10.1...19.11.0) (2026-10-07) --- ## [19.9.1](https://github.com/oslokommune/punkt/compare/19.9.0...19.9.1) (2026-10-06) ### Bug Fixes * Knapper med mer enn én linje tekst bryter ut av boksen (#3696). --- ## [19.9.0](https://github.com/oslokommune/punkt/compare/19.8.0...19.9.0) (2026-10-05) ### Features * Nye komponenter PktCheckboxGroup og PktRadioGroup (#3695). **PktCheckboxGroup + PktRadioGroup** - Nye komponenter i både React og Elements - Gruppene fungerer som skjemafelt, så man setter verdi, feilmeldinger, navn og innstillinger på selve gruppen - Validering på gruppene, dersom man har required eller liknende - Dokumentert en måte å ha "Annet" med et tekstfelt som et av valgene - Massevis av nye tester for å sørge for at alt funker som det skal **Bugfikser underveis** - Radioer med samme navn i forskjellige skjemaer påvirker ikke lenger hverandre - ElementsInternal polyfill trengte litt kjærlighet når man flytter skjemaelementer - Rekkefølge på events i skjemaelementer er nå likt som i HTML - `disabled` på input-wrapper med fieldset gir disabled-status til alle elementer inni - `hidden`-attributt funker (Punkt overstyrte den tildels før) **Dokumentasjon** - Endret dokumentasjon for Checkbox og Radio buttons til å anbefale bruk av gruppene - Kuttet ned teksten noe på de sidene - Fikset Preview så vi kan vise gruppene på ordentlig vis, med reflektert tilstand i innstillinger - La til Preview på switch-siden - Oppdaterte alle skills --- ## [19.6.0](https://github.com/oslokommune/punkt/compare/19.5.2...19.6.0) (2026-10-01) ### Features * Kompakte størrelser for radio, checkbox og switch (#3687). - Checkbox, radio og switch får tre størrelser: medium, small, xsmall - Om elementene er i input-wrapper arver de størrelsen til input-wrapper - Selve input-elementet forandrer aldri størrelse, kun alt rundt - Tile-varianter får høyde 56, 48 og 40 px - Støtte for horisontal layout i input-wrapper - I grupper skaleres også mellomrom med størrelsen - Oppdatert docs med størrelse-seksjon - Oppdatert alle relevante skills Synlige _endringer_ (ikke nye ting) for brukere: - Tile i størrelse medium er nå 56px istedenfor 60px - Label i tile er nå fontvekt medium istedenfor light, for å stemme med Figma - I input-wrapper har nå grupper med inputs noe romsligere mellomrom --- ## [19.1.0](https://github.com/oslokommune/punkt/compare/19.0.5...19.1.0) (2026-09-25) ### Features * Mørk modus for skjemaelementer (#3676). --- ## [19.0.1](https://github.com/oslokommune/punkt/compare/19.0.0...19.0.1) (2026-09-21) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes * Bygg pakkene før publisering. Publisering pakket det som lå i dist fra før. dist er gitignorert, så en manuell publisering fra en utviklermaskin sendte ut et gammelt bygg. prepack bygger nå pakka uansett hvor publiseringen kjøres fra. ### Chores Ingen --- ## [19.0.0](https://github.com/oslokommune/punkt/compare/18.9.7...19.0.0) (2026-09-21) ### ⚠ BREAKING CHANGES * Punkt 19 - Den store breakpoints- og spacingoppryddingen (#3664). BREAKING CHANGE: Breakpoints phablet (36rem) og desktop (100rem) er fjernet fra $breakpoints. bp('phablet'), bp('phablet-up') og bp('desktop-up') gir nå @error og stopper bygget. bp('mobile') dekker 0 til 767px, og bp('laptop') har ingen øvre grense. Hjelpeklassene -phablet-up og -desktop-up finnes ikke lenger. --mobile-up-klassene er også borte, siden de var duplikater av basisklassen. BREAKING CHANGE: Åtte spacing-verdier er fjernet: size-5, size-15, size-30, size-50, size-52, size-60, size-75 og size-100. map.get på en fjernet nøkkel gir null, og deklarasjonen forsvinner uten byggfeil. BREAKING CHANGE: De frittstående gap-size-*-klassene er fjernet uten erstatning. BREAKING CHANGE: Responsive spacing-klasser er flyttet ut av pkt og pkt-base, til pkt-spacing-responsive. Bruker du dem, må du hente inn fila selv. BREAKING CHANGE: $cq-bp-mobile, $cq-bp-phablet og $cq-bp-desktop er fjernet. Verktøyet migrerer alt dette: `npx @oslokommune/punkt-migrate@19 . --dry-run` Se https://punkt.oslo.kommune.no/latest/grunnleggende/for-utviklere/migrering-punkt-19/ for mer informasjon. ### Features Ingen ### Bug Fixes Ingen ### Chores Ingen --- ## [18.9.6](https://github.com/oslokommune/punkt/compare/18.9.5...18.9.6) (2026-09-18) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes Ingen ### Chores Ingen --- ## [18.9.4](https://github.com/oslokommune/punkt/compare/18.9.3...18.9.4) (2026-09-17) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes * Punkt Migrate fra 18 til 19 fungerer! (#3659). Fikset også tre småting i CSS for å forberede oss på ryddingen. ### Chores Ingen --- ## [18.9.3](https://github.com/oslokommune/punkt/compare/18.9.2...18.9.3) (2026-09-17) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes * Deprecation warnings og flytting av responsiv spacing (#3658). Samt videre forberedelse til at breakpoint `phablet` forsvinner. ### Chores Ingen --- ## [18.9.2](https://github.com/oslokommune/punkt/compare/18.9.1...18.9.2) (2026-09-17) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes * Fjern min-width: 0 på mobile-up i bp-up() (#3657). Og forbered senere fjerning av breakpoint `phablet` ved å bruke de faktiske verdier de få steder som trenger 36rem. ### Chores Ingen --- ## [18.9.1](https://github.com/oslokommune/punkt/compare/18.9.0...18.9.1) (2026-09-17) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes Ingen ### Chores Ingen --- ## [18.8.0](https://github.com/oslokommune/punkt/compare/18.7.3...18.8.0) (2026-09-16) ### ⚠ BREAKING CHANGES Ingen ### Features * Radio, check og switch: Klikkflate, aria-forbedring og testdekning (#3651). - Fikset klikkområdet til alle tre, slik at hele området er klikkbart både med og uten tile - Forbedret UU-oppførsel for alle tre, med aria-label og aria-describedby på input som peker til label og hjelpetekst. Bedre enn at label skal inneholde hjelpetekst - Oppdaterte alle demo-/testsider med inline-eksempler - Betraktelig oppskalering av testdekning i enhetstester, e2e og conformance - Endringer i skills som reflekterer alt dette ### Bug Fixes Ingen ### Chores Ingen --- ## [18.7.1](https://github.com/oslokommune/punkt/compare/18.7.0...18.7.1) (2026-09-11) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes * Oppdaterer avhengigheter og fikser en bug eller to (#3648). - Fjernet unødvendige scripts from manipulerte package.json i css- og vue-pakkene - Flyttet astro, prettier og diverse React-ting inn i dev-deps - Ble kvitt _alle_ sårbarheter fra audit - Fjernet nå ubrukt avhengighet edit-json-file - Oppdaterte utdaterte Vite-funksjonaliteter ### Chores Ingen --- ## [18.5.0](https://github.com/oslokommune/punkt/compare/18.4.0...18.5.0) (2026-09-07) ### ⚠ BREAKING CHANGES Ingen ### Features * Conformance-testing for HTML mellom rammeverkene (#3618). Et nytt testsett som kjører gjennom alle komponenter, rendrer de ut, og sjekker at HTML er likt mellom komponentene. Les README for ny pakke for detaljert info. - Endringer i CSS og komponentene for å få HTML-output helt identisk - Bruker i større grad Astro-komponenter for å lage testsider i CSS-pakken (enklere å vedlikeholde) - Flere bugfikser som er avdekket gjennom konformitetstestingen - La til noen nye udokumenterte metoder i card for å støtte potensiell ny bruker bedre OBS! Endret default på `loader`-komponentene, fordi `shapes` var aldri ment å være default, og dokumentasjonen og specs sier at `rainbow` skal være default. ### Bug Fixes Ingen ### Chores Ingen --- ## [18.3.2](https://github.com/oslokommune/punkt/compare/18.3.1...18.3.2) (2026-09-02) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes Ingen ### Chores Ingen --- ## [18.3.1](https://github.com/oslokommune/punkt/compare/18.3.0...18.3.1) (2026-09-02) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes Ingen ### Chores Ingen --- ## [18.3.0](https://github.com/oslokommune/punkt/compare/18.2.0...18.3.0) (2026-09-01) ### ⚠ BREAKING CHANGES Ingen ### Features * Oppdatering av fargepaletten, nå likt som opprydding i Figma (#3614). ### Bug Fixes Ingen ### Chores Ingen --- ## [17.1.3](https://github.com/oslokommune/punkt/compare/17.1.2...17.1.3) (2026-08-25) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes * Trekk responsive hjelpeklasser ut i egne filer (#3607). Pluss: - Slutt å bruke deprecated spacing-hjelpere i egen kode… - Legg inn ekstra spacing-variabel som manglet fra Figma - Dokumenter spacing-klasser så kode blir likt som Figma ### Chores Ingen --- ## [17.1.2](https://github.com/oslokommune/punkt/compare/17.1.1...17.1.2) (2026-08-24) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes Ingen ### Chores * Oppdater Typescript til 7.0.2 og Node til 24.19 (#3605). --- ## [17.1.1](https://github.com/oslokommune/punkt/compare/17.1.0...17.1.1) (2026-08-24) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes * Rydde opp i paddinger i PktMessagebox (#3603). ### Chores Ingen --- ## [17.1.0](https://github.com/oslokommune/punkt/compare/17.0.10...17.1.0) (2026-08-24) ### ⚠ BREAKING CHANGES Ingen ### Features * Opprydding i stiler og tilgjengelighet for skjemaelementer (#3602). ### Bug Fixes Ingen ### Chores Ingen --- ## [17.1.0](https://github.com/oslokommune/punkt/compare/17.0.9...17.1.0) (2026-08-20) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes * Trekk ut .pkt-link til egen _link.scss, pluss litt rydding (#3599). Fjernet klasse .pkt-display-contents. Github-søk viser at den hverken er i bruk av oss eller andre. Den har alltid bare vært ubrukt alias for .pkt-contents. ### Chores Ingen --- ## [17.0.8](https://github.com/oslokommune/punkt/compare/17.0.7...17.0.8) (2026-08-17) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes * @layer-støtte også i SASS (scss) (#3590). * Flytt preview-stiler fra css-pakken til docs (#3589). * Fjern ubrukte klasser .pkt-select og .pkt-textinput (#3587). Disse har ikke vært brukt på årevis, om i det hele tatt. Ingen breaking changes. Høvler ca **6kb** av CSS-bundle. Denne er trygg, disse stilene har aldri funket. Det er ingen referanser til dem og all bruk av dem ville resultert i ødelagt stilsetting. * Fjern pkt-tag sin avhengighet til pkt-btn (#3586). Dette har bitt oss i stumpen flere ganger, på tide å gjøre noe med det. Har fjernet pkt-btn-klassen helt fra pkt-tag, og button vil ikke lenger påvirke tag slik det har gjort før. ### Chores Ingen --- ## [17.0.7](https://github.com/oslokommune/punkt/compare/17.0.6...17.0.7) (2026-08-14) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes * Bedre organisering av tokens, hjelpere og verktøy (#3585). ### Chores Ingen --- ## [17.0.6](https://github.com/oslokommune/punkt/compare/17.0.5...17.0.6) (2026-08-13) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes * For å være konsekvente: Logiske istedenfor fysiske margins og paddings (#3583). ### Chores Ingen --- ## [17.0.5](https://github.com/oslokommune/punkt/compare/17.0.4...17.0.5) (2026-08-13) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes * Flytt fargehjelpeklasser ut av `:root` (#3582). De hører ikke hjemme der og det legges til unødvendig høy spesifisitet var å legge dem der. `:root` er kun for CSS-variabler. ### Chores Ingen --- ## [17.0.4](https://github.com/oslokommune/punkt/compare/17.0.3...17.0.4) (2026-08-13) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes * Omorganiser media queries så vi har under 50 istedenfor 1000 av dem (#3580). ### Chores Ingen --- ## [17.0.3](https://github.com/oslokommune/punkt/compare/17.0.2...17.0.3) (2026-08-11) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes Ingen ### Chores * Bump Astro til 7.2 (#3579). --- ## [17.0.1](https://github.com/oslokommune/punkt/compare/17.0.0...17.0.1) (2026-08-05) ### ⚠ BREAKING CHANGES Ingen ### Features Ingen ### Bug Fixes Ingen ### Chores Ingen --- ## [17.0.0](https://github.com/oslokommune/punkt/compare/16.26.7...17.0.0) (2026-07-10) ### ⚠ BREAKING CHANGES * Punkt 17 – Ny global header og footer, kompakte skjemaelementer (#3553). BREAKING CHANGE: Ny global header og footer, kompakte skjemaelementer. Se changelog. # Punkt 17 OBS! Dette er en major-versjon og selv om vi har forsøkt å unngå de største breaking changes, så anbefaler vi ikke at dere oppdaterer blindt. Se gjennom løsningen og pass på at alt fungerer som forventet etter oppdatering! ## Ny global header ```html ``` ```jsx ``` - Henter innhold fra Oslo kommunes felles CDN. Husk å justere CSP deretter! Dersom det ikke er mulig å hente data fra ekstern CDN, bruk header med type “service”. - Bruk på alle løsninger som ikke krever custom header, og alle løsninger som har en naturlig inngang fra Oslo kommunes åpne nettsider. - Global header har et betraktelig smalere mulighetsrom for justeringer, og anbefales brukt som den er. Innlogget bruker og representasjon fungerer likt som den andre header-varianten. Det er ikke mulig å legge inn annet innhold i denne headeren. ## Ny footer ```html ``` ```jsx ``` - Footer er endelig tilgjengelig i Punkt Elements. - Henter innhold fra Oslo kommunes felles CDN. Husk å justere CSP deretter! Dersom det ikke er mulig å hente data fra ekstern CDN, bruk attributten `skipGlobal` (React)/`skip-global` (Elements). - Innstillinger for informasjonskapsler (cookie-banner-link) fungerer likt som før, så sørg for at `includeConsent`/`include-consent` er satt om dere bruker cookies. - Custom innhold havner nå i en sekundær footer som stables oppå den globale footeren. Så om dere tidligere har lagt lenker og tekst i footer, vil dette nå dukke opp _over_ den blå globale footeren. - I custom innhold er nå `columnOne` og `columnTwo` deprecated, og vi anbefaler at dere istedenfor sender inn disse som en array av objekter i `columns`. - `socialLinks`, `personvernOgInfoLink` og `tilgjengelighetLink` er deprecated og vil fjernes i senere major-versjon. Disse kommer nå fra Oslo kommunes felles data. - Lenker med `external: true` får nå toppdomenet i parentes etter lenketeksten (f.eks. «Munchmuseet (munch.no)») i stedet for eksternt lenkeikon. - Footer-CSSen er skrevet om. Bruker dere ren CSS (uten komponentene), eller har egne overrides mot footer-klasser, må dere gå gjennom markup/selektorer på nytt — se «Endringer fra versjon 16 til versjon 17» på footer-dokumentasjonssiden. Farger styres nå med CSS-variablene `--pkt-footer-bg`, `--pkt-footer-fg` og `--pkt-footer-link-hover`. ## Kompakte skjemaelementer Alle skjemakomponenter har fått attributten `input-size` (Elements) / propen `inputSize` (React) med verdiene `medium` (standard), `small` og `xsmall`: ```html ``` ```jsx ``` - Gjelder Textinput, Textarea, Select, Combobox, SearchInput, Datepicker og Timepicker. - Størrelsene er `medium` = 48px felthøyde med 18px tekst (som før — ingen endring om dere ikke setter noe), `small` = 42px med 16px tekst og `xsmall` = 36px med 14px tekst. - Hele feltet skalerer: ledetekst, hjelpetekst, ikoner, prefix/suffix og feilmeldinger følger størrelsen automatisk via input-wrapperen. - Alle skjemakomponentene i samme størrelse har lik høyde og matcher horisontalt, også på tvers av React og Elements. ## Andre endringer - Button i Elements har fått et betydelig UU-løft, samt litt endring i padding så den stemmer overens med Figma-varianten. - Button har fått ny størrelse `xsmall` (36px). Samtidig er `small` justert mot Figma: 16px tekst og mer padding — small-knapper blir noe _bredere_ enn før (gamle `small` tilsvarer omtrent nye `xsmall` i bredde). - I arbeidet med ny header fikk accordion en ny variant `plus-minus`. - Alert sin attributt `compact` er nå deprecated, og erstattes med `size="small"`. Alert har fått `size` med `medium`/`small`/`xsmall`; settes både `compact` og `size`, vinner `size`. Small/xsmall-alerts har også fått justert padding og ikonstørrelse mot Figma. - ARIA-attributter (`aria-haspopup`, `aria-expanded`, `aria-controls`) satt på `` flyttes nå automatisk til den indre `
Alert

Bruk dette tekstfeltet til å beskrive hva varslingen handler om. Du kan bruke så mange linjer du har behov for, men prøv likevel å være kort og konsis.

Sist oppdatert: 09.03.2022
``` ## [0.18.3] - 2022-11-25 `forbedret` Endret enabled-farge slik at den er universelt utformet [#348](https://github.com/oslokommune/oslo-designsystem/issues/348) ## [0.18.2] - 2022-11-16 `forbedret` Endret error-farge slik at den er AAA-godkjent [#491](https://github.com/oslokommune/oslo-designsystem/issues/491) ## [0.18.1] - 2022-10-31 `rettet` Bug i knapp. Text-align center og ikke la ikoner krympe [#466](https://github.com/oslokommune/oslo-designsystem/issues/466) ## [0.18.0] - 2022-10-10 `rettet` Stiler i designsystemets CSS overstyrer default liste-stiler for mye [#435](https://github.com/oslokommune/oslo-designsystem/issues/435) ## [0.17.1] - 2022-08-25 `rettet` Flex-start alignment på enkel alert ## [0.17.0] - 2022-08-25 - `rettet` Underline på linker - `rettet` Breakpoint i header - `forbedret` Breaking changes på alert - fjernet liten alert, forenklet strukturen og fjernet tile som klasse [#388](https://github.com/oslokommune/oslo-designsystem/issues/388) ## [0.16.0] - 2022-08-18 `forbedret` Oppdater header [#390](https://github.com/oslokommune/oslo-designsystem/issues/390) ## [0.15.0] - 2022-08-17 `forbedret` Oppdater footer [#389](https://github.com/oslokommune/oslo-designsystem/issues/389) Linkene har fått ikon, ny klasse: `ods-footer__link-icon` ## [0.14.4] - 2022-08-12 `rettet` Feil link-font-color på dark mode. ## [0.14.3] - 2022-08-09 - `rettet` Lenker stylet som ods-btn har feil default text-decoration [#393](https://github.com/oslokommune/oslo-designsystem/issues/393) ## [0.14.2] - 2022-08-09 - `rettet` Legg til p i alert uten tile [#391](https://github.com/oslokommune/oslo-designsystem/issues/391) ## [0.14.1] - 2022-07-07 - `rettet` Feil casing på font-family i CSS-rammeverket [#383](https://github.com/oslokommune/oslo-designsystem/issues/383) ## [0.14.0] - 2022-06-10 - `nytt` Legg til scss for ny komponent BackLink [#377](https://github.com/oslokommune/oslo-designsystem/issues/377) ## [0.13.5] - 2022-06-10 - `forbedret` Legg til en penere versjon av svg-ikonet qr-code ## [0.13.4] - 2022-06-10 - `nytt` Legg til svg-ikonet qr-code ## [0.13.3] - 2022-06-03 - `rettet` Fjern overflow-x på ods-container som skapte reale scrolling-problemer [#374](https://github.com/oslokommune/oslo-designsystem/issues/374) ## [0.13.2] - 2022-06-03 - `rettet` Rettet feil i svg-ikonet car.svg ## [0.13.1] - 2022-06-03 - `nytt` Legg til svg-ikonene car og drinking-area-refreshments ## [0.13.0] - 2022-06-01 - `forbedret` Oppdater footer i hht nytt design [#360](https://github.com/oslokommune/oslo-designsystem/issues/360) ## [0.12.1] - 2022-05-28 - `rettet` Rett feil i CSS for header-komponent ## [0.12.0] - 2022-05-28 - `forbedret` Oppdater header i hht nytt design [#361](https://github.com/oslokommune/oslo-designsystem/issues/361) ## [0.11.1] - 2022-05-06 - `nytt` Legg til svg-ikonene fire-safety, react, vue, wine-bottle [#332](https://github.com/oslokommune/oslo-designsystem/issues/332) ## [0.11.0] - 2022-04-25 - `forbedret` Oppdater alert-komponent med ny struktur og variant (tiles) [#313](https://github.com/oslokommune/oslo-designsystem/issues/313) ## [0.10.0] - 2022-03-27 - `forbedret` Forbedre kom i gang-dokumentasjonen [#112](https://github.com/oslokommune/oslo-designsystem/issues/112) - `endret` Endre stien for bruk av ressursene ved å legge på en dist-folder. Dette er gjort for å holde folderstrukturen konsisent under utvikling og produksjon. ### Eksempel ```sh # Før @oslokommune/oslo-designsystem ├── css/ ├── fonts/ ├── icons/ ├── logos/ └── scss/ # Nå @oslokommune/oslo-designsystem ├── dist/ | ├── css/ | ├── fonts/ | ├── icons/ | ├── logos/ | └── scss/ ``` ```scss /* Før */ @use '@oslokommune/oslo-designsystem/scss/ods'; /* Nå */ @use '@oslokommune/oslo-designsystem/dist/scss/ods'; ``` ## [0.7.0] - 2022-03-14 - `forbedret` Lagt til alert-stil ## [0.6.4] - 2022-03-10 - `forbedret` Oppdatert lock og unlocked ikoner ## [0.6.3] - 2022-03-09 - `forbedret` Legg til container-stiler i Scss [#237](https://github.com/oslokommune/oslo-designsystem/issues/237) ## [0.6.2] - 2022-03-01 - `nytt` Nye logoer - Mennesker og helse ## [0.6.1] - 2022-03-01 - `nytt` Ny logo - law-paragraph ## [0.6.0] - 2022-02-25 - `oslo-designsystem-vue` har fått Header, Footer og Breadcrumbs-komponenter, og stilene til disse er nå optimalisert og flyttet hit til css-rammeverket for gjenbruk. - `forbedret` Lag breadcrumbs-komponent i Vue [#208](https://github.com/oslokommune/oslo-designsystem/issues/208) - `forbedret` Lag header-komponent i Vue [#209](https://github.com/oslokommune/oslo-designsystem/issues/209) - `forbedret` Lag footer-komponent i Vue [#210](https://github.com/oslokommune/oslo-designsystem/issues/210) ## [0.5.0] - 2022-02-23 - `forbedret` Informasjon om Universell utforming lagt til på nettstedet. ## [0.4.3] - 2022-01-17 - `forbedret` Forbedre stilsetting av lenker og dokumentasjonen av disse. I tillegg legges svgo konfig-filen til, som sikrer konsistent SVG-kode [#199](https://github.com/oslokommune/oslo-designsystem/issues/199) ## [0.4.2] - 2022-01-16 - `forbedret` Tilgjengeliggjør individuelle css-filer til hver komponent [#197](https://github.com/oslokommune/oslo-designsystem/issues/197) ## [0.4.1] - 2022-01-06 - `forbedret` Forbedre dokumentasjonen rundt ressurser og hva som finnes på CDN [#196](https://github.com/oslokommune/oslo-designsystem/issues/196) ## [0.4.0] - 2022-01-03 - `feilet` Kun et lite versjonshopp. ## [0.3.0] - 2022-01-03 - `forbedret` Ressursene har fått etterlengtet oppmerksomhet, og dokumentasjonen inneholder nå oversikt over alle ressurser som er tilgjengelig. SVG-ikonene har fått egen side som viser alle tilgjengelige, og informasjon om ulike måter å bruke disse på [#189](https://github.com/oslokommune/oslo-designsystem/issues/189). ## [0.2.3] - 2021-12-06 - `forbedret` Legg til ny farge "blue-5" og juster farge-dokumentasjonen bittelitt [#192](https://github.com/oslokommune/oslo-designsystem/issues/192) ## [0.2.2] - 2021-12-06 - `forbedret` Forbedring av UU på nettstedet og en total gjennomgang av button elementet med nye muligheter [#188](https://github.com/oslokommune/oslo-designsystem/issues/188) ## [0.2.1] - 2021-11-02 - `rettet` Rett feil i merge og i dokumentasjonen etter gårsdagens 0.2.0 release. ## [0.2.0] - 2021-11-01 - `forbedret` Forbedre Sass organisering, som gjør at alt er på stell når vi nå går videre til produksjon av elementer. Denne reorganiseringen medfører at noen moduler flytter på seg, men ved hjelp av beskrivelsen under burde det være fikset på 5-10 minutter [#176](https://github.com/oslokommune/oslo-designsystem/issues/176). - `rettet` Forbedre kontrast på inline kode [#166](https://github.com/oslokommune/oslo-designsystem/issues/166) - `rettet` Endre systemfarge. Dette er kun en endring av fargekode [#171](https://github.com/oslokommune/oslo-designsystem/issues/171) - `rettet` En rekke forbedringer og noen bugfixer på nettsiden. ### Eksempel Denne endringen påvirker kun de som har tatt i bruk Sass-moduler. Om du kun har tatt i bruk CSS så har ingen endring skjedd. Oppgaven endrer navn på folderen `/config` --> `/abstracts` og oppretter `/variables`, `/functions`, og `/mixins` som undermapper for å samle alle globale Sass variabler og verktøy. Prinsippet er at ingenting i disse folderne skal generere en eneste linje CSS når den er kompilert på egen hånd. Disse er bare Sass hjelpeverktøy. Evt referanser til gamle settings-filen, f.eks `/config/settings` må derfor rettes til `/abstracts/variables`. Samme med referanser til breakpoints: `/base/breakpoints` er nå `/abstracts/mixins/breakpoints`. Resultatet er mer ryddig oppsett med klart skille av oppgaver, og med det hindrer duplisering av kode som ble funnet i tidligere versjoner. ### Full Changelog https://github.com/oslokommune/oslo-designsystem/compare/ods-design-0.1.5...ods-design-0.2.0 ## [0.1.5] - 2021-10-28 - `rettet` Referanser til fonter feiler når sass loades fra annen sass-fil [#177](https://github.com/oslokommune/oslo-designsystem/issues/177). Å ta i bruk designsystemets Sass-filer har medført flere problemer til nå, bl.a at referansen til fontene ble feil. Denne releasen muliggjør konfigurering av denne, se på [For utviklere](https://designsystem.oslo.kommune.no/0.1.5/kom-i-gang/for-utviklere/index). Anbefalt måte å ta i bruk designsystemet er å gjøre det fra din main.scss fil, og fra denne releasen er det forhåpentligvis lettere å bruke Sass variables, functions og mixins. - `endret` Filene ods-all.css og ods-all.scss har skiftet navn til ods.[css|scss]. Dette er gjort for å bedre default namespacing, som kommer fra filnavnet. **Full Changelog**: https://github.com/oslokommune/oslo-designsystem/compare/ods-design-0.1.4...ods-design-0.1.5 ## [0.1.4] - 2021-10-27 - `rettet` Fiks feil hex-koder i dokumentasjonen by @ceciliehrr [#179](https://github.com/oslokommune/oslo-designsystem/issues/179) - `ny bidragsyter` @ceciliehrr lagde sin første PR i https://github.com/oslokommune/oslo-designsystem/pull/180 **Full Changelog**: https://github.com/oslokommune/oslo-designsystem/compare/ods-design-0.1.3...ods-design-0.1.4 ## [0.1.3] - 2021-10-16 - `rettet` Ikke send med nuxtjs og andre dependencies til brukere [#168](https://github.com/oslokommune/oslo-designsystem/issues/168) ## [0.1.2] - 2021-10-14 - `rettet` Trigge henting av versjoner på undersider [#164](https://github.com/oslokommune/oslo-designsystem/issues/164) ## [0.1.1] - 2021-10-14 - `forbedret` Nettside - Innholdsforbedringer på forsiden - `forbedret` Nettside - Innholdsforbedringer på Bidra-siden ## [0.1.0] - 2021-10-14 - `endret` Etter en grundig gjennomgang av design tokens og typografi-oppsett inneholder denne releasen en rekke fundamentale endringer fra tidligere versjoner. Dette krever at oppgradering krever litt søk og erstatt. En [oppgraderingsguide](https://github.com/oslokommune/oslo-designsystem/wiki/Oppgraderingsguide-til-v0.1.0)er laget for å avhjelpe disse endringene. - `endret` Grunnleggende systemer - farger [#81](https://github.com/oslokommune/oslo-designsystem/issues/81) - `endret` Grunnleggende systemer - spacing [#96](https://github.com/oslokommune/oslo-designsystem/issues/96) - `endret` Grunnleggende systemer - breakpoints [#95](https://github.com/oslokommune/oslo-designsystem/issues/95) - `endret` Grunnleggende systemer - grids & layout [#78](https://github.com/oslokommune/oslo-designsystem/issues/78) - `endret` Grunnleggende systemer - tekst [#94](https://github.com/oslokommune/oslo-designsystem/issues/94) - `forbedret` Lage CDN for assets [#146](https://github.com/oslokommune/oslo-designsystem/issues/146) - `forbedret` Nettside - Forebedre design og layout [#118](https://github.com/oslokommune/oslo-designsystem/issues/118) - `forbedret` Nettside - Lenke til alle versjoner [#93](https://github.com/oslokommune/oslo-designsystem/issues/93) - `forbedret` En rekke forbedringer er gjort på CI/CD og AWS oppsett rundt caching, versjonering, forbedret developer experience, mm. - `forbedret` Forbedringer i dokumentasjonen