@oslokommune/punkt-css
Version:
CSS-rammeverket til Punkt, et designsystem laget av Oslo Origo
2,674 lines (1,531 loc) • 94 kB
Markdown
# 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).
---
## [12.42.13](https://github.com/oslokommune/punkt/compare/12.42.12...12.42.13) (2025-06-24)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Tag: Bug i mørk blå hover (#2657).
### Chores
Ingen
---
## [12.42.12](https://github.com/oslokommune/punkt/compare/12.42.11...12.42.12) (2025-06-23)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Ny PktHeading, med 100% mer shadow DOM (#2655). Denne fikser problemer med reaktivitet og endrede attributter i PktHeading
### Chores
Ingen
---
## [12.42.9](https://github.com/oslokommune/punkt/compare/12.42.8...12.42.9) (2025-06-19)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Forbedringer i PktOptionsController og PktSlotController (#2646). - Forbedret støtte for attributt `hidden` i PktOptionsController
- Forbedret støtte for `updateSlots` i PktSlotController
### Chores
Ingen
---
## [12.42.8](https://github.com/oslokommune/punkt/compare/12.42.7...12.42.8) (2025-06-19)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* pkt-button - prevent click and keydown on disabled and isLoading (#2644).
### Chores
Ingen
---
## [12.42.7](https://github.com/oslokommune/punkt/compare/12.42.6...12.42.7) (2025-06-18)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Modal dekker over sideinnholdet i gammel Safari (eldre enn 15.4) (#2643).
### Chores
Ingen
---
## [12.42.5](https://github.com/oslokommune/punkt/compare/12.42.4...12.42.5) (2025-06-18)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Consent: Oppdater UKE cookie banner og legg til nye features (#2641). Bonus: Kvitte oss med avhengighet til CookieEvents fra CookieManager
Bonus 2: Kjapp fiks på Safari 15-problemer med Combobox…
### Chores
Ingen
---
## [12.42.4](https://github.com/oslokommune/punkt/compare/12.42.3...12.42.4) (2025-06-17)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Datepicker support Safari 15 and date fixes (#2639). Plus minor CSS fixes for input and input wrapper
### Chores
Ingen
---
## [12.42.3](https://github.com/oslokommune/punkt/compare/12.42.2...12.42.3) (2025-06-17)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Fiks feil bredde på modal i noen tilfeller (#2634).
### Chores
Ingen
---
## [12.42.1](https://github.com/oslokommune/punkt/compare/12.42.0...12.42.1) (2025-06-12)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* useWrapper må alltid reflektere "true" eller "false", og helptext må skjules når ingen innhold (#2632).
### Chores
Ingen
---
## [12.41.0](https://github.com/oslokommune/punkt/compare/12.40.10...12.41.0) (2025-06-10)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Tilbakestill React-button til ren React + bruk native button i custom element (#2596). - Fjern pkt-button fra testing-utils
- Oppdater tester til å ikke vente på pkt-button
- Legg til prop `loadingPath` og støtte for global loading-path
- Legg til `aria-busy` ved isLoading, `aria-disabled` ved disabled
- Default `aria-busy`/`aria-disabled` til undefined for å unngå unødvendige aria-attributter
- Skriv om custom element-versjon til å bruke native `<button>`:
- Fjern element-internals og event listeners fordi vi har native button og ikke bruker shadow DOM
- Bruk `classMap` og fjern `role=button` på host
- Legg til `formId`-prop for å sette `form`-attributt på `<button>`
- CSS-oppdateringer:
- Legg til fokusstyling på active og loading
- Behold knappen uendret ved loading-animasjon
- Støtt brukerdefinerte + interne`pkt-button--state`-klasser
- Sett `pointer-events: none` når isLoading
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.40.10](https://github.com/oslokommune/punkt/compare/12.40.9...12.40.10) (2025-06-10)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Disabled label på radio + checkbox (#2612).
### Chores
Ingen
---
## [12.40.9](https://github.com/oslokommune/punkt/compare/12.40.8...12.40.9) (2025-06-10)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Flytte Astro tilbake til dev-dependencies (#2609).
### Chores
Ingen
---
## [12.40.7](https://github.com/oslokommune/punkt/compare/12.40.6...12.40.7) (2025-05-26)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Juster padding og fontstørrelse i compact pkt-accordion-item (#2586).
### Chores
Ingen
---
## [12.40.5](https://github.com/oslokommune/punkt/compare/12.40.4...12.40.5) (2025-05-21)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
* endre padding for card (#2580).
---
## [12.40.3](https://github.com/oslokommune/punkt/compare/12.40.2...12.40.3) (2025-05-20)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
* update propnames for cards (#2574). - direction til layout
- portrait til vertical
- landscape til horizontal
- padding: standard til padding: default
---
## [12.40.2](https://github.com/oslokommune/punkt/compare/12.40.1...12.40.2) (2025-05-20)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* always blue + purple outline on focus (#2573).
### Chores
Ingen
---
## [12.40.0](https://github.com/oslokommune/punkt/compare/12.39.8...12.40.0) (2025-05-19)
### ⚠ BREAKING CHANGES
Ingen
### Features
* add possibility for colours on cards that are landscape and have no padding (#2564).
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.39.8](https://github.com/oslokommune/punkt/compare/12.39.7...12.39.8) (2025-05-19)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* new, generic prop names for author and date (#2563).
### Chores
Ingen
---
## [12.39.7](https://github.com/oslokommune/punkt/compare/12.39.6...12.39.7) (2025-05-16)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* [2559](https://github.com/oslokommune/punkt/issues/2559) #2560 #2561 Bugs i Accordion og Radiobutton (#2562).
### Chores
Ingen
---
## [12.39.5](https://github.com/oslokommune/punkt/compare/12.39.4...12.39.5) (2025-05-16)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* headingText + hideCloseButton ser feil ut (#2553).
### Chores
Ingen
---
## [12.39.0](https://github.com/oslokommune/punkt/compare/12.38.2...12.39.0) (2025-05-15)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Nye muligheter i Modal: Skuff og gjennomsiktig backdrop (Pluss animert åpning/lukking) (#2548).
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.38.2](https://github.com/oslokommune/punkt/compare/12.38.1...12.38.2) (2025-05-14)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Button isLoading + disabled skal ikke ha hover-effekt (#2546).
### Chores
Ingen
---
## [12.38.0](https://github.com/oslokommune/punkt/compare/12.37.8...12.38.0) (2025-05-13)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Refaktorering og forbedringer av kort – klikkbart lenkekort, runde bilder, tilgjengelighet, semantikk, fleksibilitet, styling (#2511). Lagt til støtte for:
- Tilgjenglig, klikkbart lenkekort
- Variabel tagposisjon
- Runde bilder
- Responsivitet
- Fokus på rammen av kortet
- Valgfri hover på rammen av kortet
- Variant uten padding
- Ny skin: outlined-beige
- forfatter
- dato
Annet:
- Bruker ny headingkomponent
- Støtte for valg av headingnivå
- Semantisk HTML med article, header, section og footer
- Fokusert på UU og lagt til aria-label og roller på ulike deler av kortet
- Kortet går nå fra landskap til portett på små skjermer
- Mange stylingendringer
- Håndterer nå at brukere ikke cropper bilder på forhånd slik at de ved ulike størrelser allikevel får uniforme størrelser på bildene i kortene
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.37.2](https://github.com/oslokommune/punkt/compare/12.37.1...12.37.2) (2025-05-08)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.37.0](https://github.com/oslokommune/punkt/compare/12.36.2...12.37.0) (2025-05-05)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Ny komponent Consent - innstillinger for informasjonskapsler (#2467).
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.36.0](https://github.com/oslokommune/punkt/compare/12.35.0...12.36.0) (2025-04-28)
### ⚠ BREAKING CHANGES
Ingen
### Features
* legg til `pkt-bodytext` klasser (#2465).
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.35.0](https://github.com/oslokommune/punkt/compare/12.34.4...12.35.0) (2025-04-25)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Heading component (#2421) (#2456).
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.34.4](https://github.com/oslokommune/punkt/compare/12.34.3...12.34.4) (2025-04-25)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Oppdatert Astro og fikset noen bugs i CSS (#2457).
### Chores
Ingen
---
## [12.34.2](https://github.com/oslokommune/punkt/compare/12.34.1...12.34.2) (2025-04-23)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* alert padding and stuff (#2451).
### Chores
Ingen
---
## [12.34.1](https://github.com/oslokommune/punkt/compare/12.34.0...12.34.1) (2025-04-23)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* compact alert (#2418).
### Chores
Ingen
---
## [12.34.0](https://github.com/oslokommune/punkt/compare/12.33.1...12.34.0) (2025-04-16)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Accordion i Punkt Elements (#2327) (#2379). - AccordionItem can now be used standalone 💄📝
- Use <slot/> in pkt-accordion instead of SlotController
- Add `aria-labelledBy` to provide opportunity to connect a heading to the accordion.
- We no longer need to send in `toggleProps: { isOpen, onToggleClick }` as a object. We pull it out into the interface together with other props.
- Docs and code examples are updated.
---------
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.33.0](https://github.com/oslokommune/punkt/compare/12.32.8...12.33.0) (2025-04-11)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Add full-width class for button (#2404).
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.32.8](https://github.com/oslokommune/punkt/compare/12.32.7...12.32.8) (2025-04-11)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Trigger bygging av alle pakker, forhåpentligvis. (#2410).
### Chores
Ingen
---
## [12.32.1](https://github.com/oslokommune/punkt/compare/12.32.0...12.32.1) (2025-04-11)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Button bug fixes (#2398).
### Chores
Ingen
---
## [12.32.0](https://github.com/oslokommune/punkt/compare/12.31.2...12.32.0) (2025-04-09)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Combobox (#2378). Co-authored-by: My T. Nguyen <my.nguyen@origo.oslo.kommune.no>
Co-authored-by: Trine Håve <trine.haave@origo.oslo.kommune.no>
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.31.0](https://github.com/oslokommune/punkt/compare/12.30.3...12.31.0) (2025-03-28)
### ⚠ BREAKING CHANGES
Ingen
### Features
* migrer backlink (#2360).
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.29.8](https://github.com/oslokommune/punkt/compare/12.29.7...12.29.8) (2025-03-26)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* PktTag støtte for å brekke over flere linjer (#2343).
### Chores
Ingen
---
## [12.29.6](https://github.com/oslokommune/punkt/compare/12.29.5...12.29.6) (2025-03-25)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Textinput, Textarea og Select må være display: block (#2337).
### Chores
Ingen
---
## [12.29.0](https://github.com/oslokommune/punkt/compare/12.28.0...12.29.0) (2025-03-18)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Migrere button (#2312).
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.28.0](https://github.com/oslokommune/punkt/compare/12.27.10...12.28.0) (2025-03-13)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Migrere PktCheckbox til Punkt Elements (#2295).
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.27.7](https://github.com/oslokommune/punkt/compare/12.27.6...12.27.7) (2025-03-11)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* pkt-input-wrapper må være display: block (#2293).
### Chores
Ingen
---
## [12.27.0](https://github.com/oslokommune/punkt/compare/12.26.2...12.27.0) (2025-03-10)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.26.0](https://github.com/oslokommune/punkt/compare/12.25.0...12.26.0) (2025-03-10)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* fjern bakgrunn til knapp i modal i mobil (#2274).
### Chores
Ingen
---
## [12.24.0](https://github.com/oslokommune/punkt/compare/12.23.1...12.24.0) (2025-03-05)
### ⚠ BREAKING CHANGES
Ingen
### Features
* add new Tag skin 'blue-dark' (#2254). * feat(all): add new Tag skin 'blue-dark'
* chore(vue, css): add skin 'blue-dark' for vue ++
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.23.1](https://github.com/oslokommune/punkt/compare/12.23.0...12.23.1) (2025-03-04)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
* fjern hvit bakgrunn til modal lukk-knapp på mobil (#2253).
---
## [12.23.0](https://github.com/oslokommune/punkt/compare/12.22.0...12.23.0) (2025-03-04)
### ⚠ BREAKING CHANGES
Ingen
### Features
* gjør gul 'lukk'-btn større og sentrert (#2251).
### Bug Fixes
* Forsøker å fikse bug i fonter (#2250).
### Chores
Ingen
---
## [12.22.0](https://github.com/oslokommune/punkt/compare/12.21.6...12.22.0) (2025-03-03)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.21.4](https://github.com/oslokommune/punkt/compare/12.21.3...12.21.4) (2025-02-18)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.18.7](https://github.com/oslokommune/punkt/compare/12.18.6...12.18.7) (2025-01-29)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Display block på enkelte custom elements (#2162).
### Chores
Ingen
---
## [12.17.1](https://github.com/oslokommune/punkt/compare/12.17.0...12.17.1) (2025-01-15)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Div bugfikser (typer i React og månedsnavigasjon i Datepicker) (#2127).
### Chores
Ingen
---
## [12.15.0](https://github.com/oslokommune/punkt/compare/12.14.3...12.15.0) (2025-01-07)
### ⚠ BREAKING CHANGES
Ingen
### Features
* PktTextinput i Punkt Elements, med React-wrapper (Migrering) (#2087). Pluss:
* Erstatning for uuid, med vår nye uuidish-funksjon som genererer en UUID-liknende random streng.
* En hook i Elements-baseklassen som plukker opp innsendte ReactNodes i attributter og rendrer de ut som DOM-noder
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.14.3](https://github.com/oslokommune/punkt/compare/12.14.2...12.14.3) (2025-01-03)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Komponentbygger forårsaker evig loop i Datepicker (#2104). Og button-varianter har fått feil styling…
### Chores
Ingen
---
## [12.13.0](https://github.com/oslokommune/punkt/compare/12.12.4...12.13.0) (2024-12-20)
### ⚠ BREAKING CHANGES
Ingen
### Features
* migrate LinkCard 🔗 (#2088). * feat(elements): migrate LinkCard to elements 🚉
* feat(react): update react LinkCard to use React wrapper instead
* fix(react): Adjust tests to custom elements ✅
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.12.4](https://github.com/oslokommune/punkt/compare/12.12.3...12.12.4) (2024-12-11)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* str-slice --> string.slice etc.. 👩🏻🔧 (#2086).
### Chores
Ingen
---
## [12.12.3](https://github.com/oslokommune/punkt/compare/12.12.2...12.12.3) (2024-12-09)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Sass warnings (#2085). * fix(css): 🎨 flytt include fn under vanlig css
- eller wrap innholdet med. `& { } ` for å fjerne deprecation warnings fra sass.
* fix(scss, doc): 🚨 replace deprecated sass fns
- Replace deprecated `map-get` with `map.get`
- Change `str-index` to `string.index`
### Chores
Ingen
---
## [12.12.2](https://github.com/oslokommune/punkt/compare/12.12.1...12.12.2) (2024-12-09)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Inputs med fullwidth blir ikke full bredde… (#2084).
### Chores
Ingen
---
## [12.12.0](https://github.com/oslokommune/punkt/compare/12.11.11...12.12.0) (2024-12-05)
### ⚠ BREAKING CHANGES
Ingen
### Features
* legg til for en mer fleksibel modal 💪🏻 (#2077). * feat(all): legg til for en mer fleksibel modal 💪🏻
- legg til `removePadding` prop og styling for brukers fleksibilitet.
- gjør `headingText` prop optional
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.11.5](https://github.com/oslokommune/punkt/compare/12.11.4...12.11.5) (2024-11-29)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Firefox trenger bittelitt bredere PktDatepicker (#2066).
### Chores
Ingen
---
## [12.11.4](https://github.com/oslokommune/punkt/compare/12.11.3...12.11.4) (2024-11-28)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Fikser bredde og stil på PktDatepicker (#2065).
### Chores
Ingen
---
## [12.11.3](https://github.com/oslokommune/punkt/compare/12.11.2...12.11.3) (2024-11-28)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Spacing mediaqueries (#2062). Endrer rekkefølgen spacing klassene blir definert i slik at mediaqueries kommer etter vanlig spacing, som gjør at det fungerer å gå fra en større spacing til en mindre spacing når vinduet er større.
Co-authored-by: Peter Motzfeldt <peter.motzfeldt@origo.oslo.kommune.no>
### Chores
Ingen
---
## [12.11.0](https://github.com/oslokommune/punkt/compare/12.10.4...12.11.0) (2024-11-26)
### ⚠ BREAKING CHANGES
Ingen
### Features
* 🍿 modal (#2008). * feat(css,elements): custom modal 🍿 (#1990)
* chore(vue,elements): Alert, Messagebox, Tag i Vue (#1991)
* chore: Oppdater changelogs [skip ci]
* v12.6.1 [skip ci]
* fix(react): Legg til støtte for `style` i React wrapper (#1996)
* chore: Oppdater changelogs [skip ci]
* v12.6.2 [skip ci]
* chore(css): legg til progressbar.astro for css (#1995)
* chore: Oppdater changelogs [skip ci]
* v12.6.3 [skip ci]
* fix(react,elements): Datepicker trigger mangler `type=button` (#2001 A Punkt Odyssey)
Pluss tastaturnavigering i måned- og årvelger i kalenderen funket ikke. Og flere inputs manglet label.
* chore: Oppdater changelogs [skip ci]
* v12.6.4 [skip ci]
* Fix Card heading på React testmmiljø (#2002)
* chore: Oppdater changelogs [skip ci]
* v12.6.5 [skip ci]
* feat(all): ✨ add Modal specs, css, elements...
- Add modal specs modal.json
- Add modal css + forward it in index.scss
- Add modal basic component (WIP)
- Add modal local dev setup
# Conflicts:
# packages/elements/src/components/alert/index.ts
* feat(css,elements): ✨ add overlay/background ++
... add optional function. Close modal if background is clicked
- Some other adjustments
* feat(css, elements): ✨ btn help classes, sizes ++
- Kan brukes dersom man ønsker hjelp til wrapping, plassering av knappene. etc. Må ha samme oppbygging med spans og slikt.
- Legg til tre ulike størrelser på bredden: small, medium og large.
- 100% bredde på mobilvisning. Kommer litt irriterende scrolling. TBA...
- Endre prop navn til 'closeOnBackdropClick'
* chore(all): clean up and set auto focus
* fix(css): 👩🏻🔧 styling in safari
* feat(elements): ♿️ Can close w 'Esc' btn in dialog
* fix(build): 👩🏻🔧 remove duplicate imports++
* fix(elements,css): 🐛 move imports, fix position
* fix(css): 🐛 set max-height on modal
* chore(elements): from 'closeModal' -> 'closable'
* WIP
now the dialog functions work (showmodal, close fns). Still missing tabbing in Safari tho. Also, need to tweak the _isClosed variable, så that the modal will open when the Showmodal function is called.
* Fjernet litt unødvendig kode og fikset backdrop click.
* fix(all): 🐛 closable -> hideCloseButton ++
- For some reason, setting the default to true overrides the prop received if it is false. So we set the default to false, and change the name of the button
* fix(css): 💄 fix sizes
---------
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
Co-authored-by: GitHub Actions <>
Co-authored-by: Trine Håve <trine.haave@origo.oslo.kommune.no>
Co-authored-by: CatPel <catalina.pelaeze@gmail.com>
* Feature modal react (#2011)
* feat(react): ✨ set up modal for react
* chore(css): 💄 Center buttons when wrapped ...
- Sørg for at knappene sentreres og wrappes under hverandre på mindre skjerm
# Conflicts:
# packages/css/src/scss/components/_modal.scss
* chore(spec): 📝 add detailed description on props
# Conflicts:
# component-specs/modal.json
* feat(react): ✨add react-wrapped modal
* fix(all): 🔧 missing code cuz of cherry picking...
... adding code that were missing from cherry-picking.
* fix(all): 🚧 trying to fix warning: 'LitComponent'
* fix(all): 🔧 `title` --> `headingText` ..
... using 'title' has its issues as it cannot be set as null/undefined cuz of some internal stuff. Changing the name til 'headingText' so that it will be easier for our future component 'Heading' to merge into the design system.
* chore(all): 😴 forgot to change the props
* feat(all): ✨ add 'scrollIntoView' fn when closed..
.. Adds scrolls into View if opened element is outside of ViewPort.
+ add modal to react's dev routes.
* chore(elements): 🚚 move to improve code
* Feature modal docs (#2037)
* feat(docs): 📝 set up pages for modal docs
* feat(docs): 📝 updating docs, add examples. WIP
* feat(all): ✨ prevent scroll when modal is open
* chore(assets): 🖼️ Add SVG photos for docs
* chore(css): 💄 adjust screen width for mobile ..
.. adjusting when the modal will take up full width
* feat(docs): ✨ fill in on code and UU docs
* chore(docs): 📝 adjust documentation: sizes, dialog
* fix(docs): 👩🏻🔧 fix button icon disalignment
* fix(docs,css): 👩🏻🔧 A11Y issues..
- Set full-width modal based on current modal size
- Set padding on headingText to avoid headingText and close-button overlapping
- Improve aligning, centering and spacing of button in smaller screens.
* fix(docs): 📝 Update index.mdx
* Feature modal react tester 🧪 (#2046)
* feat(modal): ✅ Add basic react tests for modal
* fix(css): 💄 add gap between buttons
* fix(react): 🧪 clean up the tests
* fix(all): ✨ A lot of content will activate scroll
+ removing unused code
+ making sure our modal will automatically adjust to content, but will take up 80% of the viewport.
* chore(all): 👯♀️ remove redundant code
---------
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
Co-authored-by: Trine Håve <trine.haave@origo.oslo.kommune.no>
Co-authored-by: CatPel <catalina.pelaeze@gmail.com>
### Bug Fixes
* PktDatepicker tidssonesikring og UU-forbedringer (#2054).
### Chores
Ingen
---
## [12.10.2](https://github.com/oslokommune/punkt/compare/12.10.1...12.10.2) (2024-11-22)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Brekker opp lange ord i alert (#2043).
### Chores
Ingen
---
## [12.10.1](https://github.com/oslokommune/punkt/compare/12.10.0...12.10.1) (2024-11-22)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Gjør accordion-outlined border lik som i figma (#2042).
### Chores
Ingen
---
## [12.9.0](https://github.com/oslokommune/punkt/compare/12.8.2...12.9.0) (2024-11-21)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.8.1](https://github.com/oslokommune/punkt/compare/12.8.0...12.8.1) (2024-11-18)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Inkonsekvent spacing i PktInputWrapper (#2030).
### Chores
Ingen
---
## [12.6.7](https://github.com/oslokommune/punkt/compare/12.6.6...12.6.7) (2024-11-08)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Fiks `<input type=date>` manglende kalenderikon i Chrome (#2007).
### Chores
Ingen
---
## [12.6.6](https://github.com/oslokommune/punkt/compare/12.6.5...12.6.6) (2024-11-08)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Kalender trenger thead og tbody (#2003). Pluss: Fiks skjermlesertekst på tags, toggling av kalender med space, og lukking av tags funker ikke som forventet.
### Chores
Ingen
---
## [12.6.3](https://github.com/oslokommune/punkt/compare/12.6.2...12.6.3) (2024-11-05)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
* legg til progressbar.astro for css (#1995).
---
## [12.5.2](https://github.com/oslokommune/punkt/compare/12.5.1...12.5.2) (2024-10-29)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Headermeny går under innhold ved fixed=false (#1987).
### Chores
Ingen
---
## [12.5.1](https://github.com/oslokommune/punkt/compare/12.5.0...12.5.1) (2024-10-29)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Datepicker - Bugs i fokus, piltaster og React-integrasjon.
### Chores
Ingen
---
## [12.5.0](https://github.com/oslokommune/punkt/compare/12.4.3...12.5.0) (2024-10-23)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Ny PktIcon og endelig dokumentasjon på komponenten (#1980).
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.4.3](https://github.com/oslokommune/punkt/compare/12.4.2...12.4.3) (2024-10-23)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* change from gap to padding... (#1975). ... this is to imrpove interactibility. This way clicking on the spacing in between the checkbox and label will still allow you to check the box. Having gap did not let us do this.
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
### Chores
Ingen
---
## [12.3.10](https://github.com/oslokommune/punkt/compare/12.3.9...12.3.10) (2024-10-11)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Datepicker-endringer for iOS Safari (#1952).
### Chores
Ingen
---
## [12.3.4](https://github.com/oslokommune/punkt/compare/12.3.3...12.3.4) (2024-10-08)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Datepicker tweaks (#1946). * Ikke send onInput om verdiene er de samme
* React datepicker støtter nå ref
* fix(all): Datepicker tweaks
* Fjern console-logger og fiks blur-verdi på range
* Rettet skrivefeil i hendelse `value-change`/`onValueChange`
* Tøm _selected før vi fyller den.
* Fjern console log fra elements testside
### Chores
Ingen
---
## [12.3.1](https://github.com/oslokommune/punkt/compare/12.3.0...12.3.1) (2024-10-03)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.3.0](https://github.com/oslokommune/punkt/compare/12.2.0...12.3.0) (2024-10-03)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Eksperimentell release av Punkt Elements. EKSPERIMENTELL! (#1940). * feat(all): Eksperimentell release av Punkt Elements. EKSPERIMENTELL!
* feat(all): Eksperimentell release av Punkt Elements. EKSPERIMENTELL!
Tvinger bygg
* Eksperimentell release av Punkt Elements. EKSPERIMENTELL! (#1939).
* Eksperimentell release for Punkt Elements. EKSPERIMENTELL!. Denne release bør kun brukes til testing av nye custom elements (web components) og skal helst ikke brukes i produksjon. Når vi er *ferdig testet* vil ny release bli neste major-release.
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.2.0](https://github.com/oslokommune/punkt/compare/12.1.0...12.2.0) (2024-09-30)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Gray skin Tabs, Tags, LinkCard (#1935). Nå er det mulig å bruke `gray` istedenfor `grey` for farger, men vi har beholdt fallback på `grey` for å unngå breaking changes.
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
### Bug Fixes
Ingen
### Chores
Ingen
---
## [12.0.0](https://github.com/oslokommune/punkt/compare/11.19.3...12.0.0) (2024-09-12)
### ⚠ BREAKING CHANGES
* Oppdatert Vite, Sass, Typescript, Astro m.m. (#1904). BREAKING CHANGE: Kan ikke helt garantere at alt oppfører seg helt likt etter å ha oppdatert alle disse avhengighetene og byggemetodene…
### Features
Ingen
### Bug Fixes
* Fikse innsendte props på testsider (#1889). Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
* Tvinger main til å bygge etter feilbygg (#1907). fix(all)!: Tvinger main til å bygge etter feilbygg
### Chores
Ingen
---
## [11.19.2](https://github.com/oslokommune/punkt/compare/11.19.1...11.19.2) (2024-08-20)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* stepper accessibility fixes (#1881). - remove role="separator" and use aria-hidden on step lines
- change vue default hideContent prop value to true
- add min width on horizontal content wrapper
- add additional button help class wrapper
### Chores
Ingen
---
## [11.18.0](https://github.com/oslokommune/punkt/compare/11.17.0...11.18.0) (2024-08-16)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Komponentbygger for Alert, BackLink, LinkCard, Loader, Messagebox, Progressbar (#1871).
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.17.0](https://github.com/oslokommune/punkt/compare/11.16.6...11.17.0) (2024-08-15)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Interaktiv komponentviser til Punkt-dokumentasjonen (#1831).
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.16.6](https://github.com/oslokommune/punkt/compare/11.16.5...11.16.6) (2024-08-13)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.16.5](https://github.com/oslokommune/punkt/compare/11.16.4...11.16.5) (2024-08-12)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.16.0](https://github.com/oslokommune/punkt/compare/11.15.1...11.16.0) (2024-07-31)
### ⚠ BREAKING CHANGES
Ingen
### Features
* remove pos:relative (#1841). Removing position:relative of button. Does not change the style of the button, but allows for overlapping of the button when there are other overlay components in the application.
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.15.0](https://github.com/oslokommune/punkt/compare/11.14.1...11.15.0) (2024-07-12)
### ⚠ BREAKING CHANGES
Ingen
### Features
* update deploys 🚀 (#1788).
* update deploys to include "Feature*".
### Bug Fixes
* add styling for steps w/ skeleton. - Wrapper for blå bakgrunn + spacing for tittel og content på aktivt steg
- Legge på beskrivelser i props på Steps.
- Sjekk om Steppern er UU godkjent med ARC tool / WCAG lista
- Oppdater specs
- Legg til React tester
* feat(react,css): change from Steps --> Stepper
+ remote unused import
+ Show example 'hideNonActiveSteps' = false
* Feature stepper html (#1799)
* Feature Steps 👣 (react, tests, specs, css) (#1776)
* (react,css): add styling for steps w/ skeleton
* (react,css): add horizontal styling + cleanup
* (react,css): Adjustments to state steps handling
* feat(react,css): Tuning, Specs and tests
Done:
- Wrapper for blå bakgrunn + spacing for tittel og content på aktivt steg
- Legge på beskrivelser i props på Steps.
- Sjekk om Steppern er UU godkjent med ARC tool / WCAG lista
- Oppdater specs
- Legg til React tester
* feat(react,css): change from Steps --> Stepper
+ remote unused import
+ Show example 'hideNonActiveSteps' = false
* Feature Steps 👣 (react, tests, specs, css) (#1776)
* (react,css): add styling for steps w/ skeleton
* (react,css): add horizontal styling + cleanup
* (react,css): Adjustments to state steps handling
* feat(react,css): Tuning, Specs and tests
Done:
- Wrapper for blå bakgrunn + spacing for tittel og content på aktivt steg
- Legge på beskrivelser i props på Steps.
- Sjekk om Steppern er UU godkjent med ARC tool / WCAG lista
- Oppdater specs
- Legg til React tester
* feat(react,css): change from Steps --> Stepper
+ remote unused import
+ Show example 'hideNonActiveSteps' = false
* feat(html): Add html dev usage example
---------
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
* Feature stepper (vue) (#1819)
* feat(vue): ✨ Stepper in vue
- Dev setup
- Will be shown properly with props and all
- Remove unneccessary props 'hideContent' on Step. We set the css class through the parent Stepper instead.
- Align the way the React STepper component and the Vue Stepper component works
* Fiks manglende progressbar i components/_index.scss
* progresbar => progressbar
---------
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
* Feature stepper docs (#1822)
* feat(docs): add code documentation
- Set up page for Stepper
- Add code documentation
- Add code documentation examples
- Adjust Vue and React Stepper component to be more similar for consistency when hiding nonActiveStepContent
- Tested to see if we wanted to switch to using context, but for v1 it is better to keep it simple.
* feat(docs): oppdater universell utforming dok
* feat(docs): add feedback changes 📝
- use shorthand for boolean prop in exam
- remove classname as prop
* feat(docs): adjust code example + add description 📝
* Fiks feil visning av tekstinnhold i eksempel
---------
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
* feat(css): fix background color
---------
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
### Chores
Ingen
---
## [11.14.1](https://github.com/oslokommune/punkt/compare/11.14.0...11.14.1) (2024-06-26)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
* Legg til grå variant av LinkCard, pluss hovereffekter (#1774).
---
## [11.14.0](https://github.com/oslokommune/punkt/compare/11.13.14...11.14.0) (2024-06-26)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Progressbar.
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.13.9](https://github.com/oslokommune/punkt/compare/11.13.8...11.13.9) (2024-06-03)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Fix pkt-button inne i pkt-inputwrapper (#1732). Co-authored-by: Peter Motzfeldt <peter.motzfeldt@origo.oslo.kommune.no>
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
### Chores
Ingen
---
## [11.13.3](https://github.com/oslokommune/punkt/compare/11.13.2...11.13.3) (2024-05-29)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.13.1](https://github.com/oslokommune/punkt/compare/11.13.0...11.13.1) (2024-05-23)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Ekstern lenke over flere lenker viser ikke ikon rett, pluss grønn LinkCard (#1687). * fix(css): Ekstern lenke over flere lenker viser ikke ikon rett
* chore(css,react,vue): Støtte for grønn bakgrunn i LinkCard
* chore(docs): Legg til ny LinkCard-farge i docs
### Chores
Ingen
---
## [11.13.0](https://github.com/oslokommune/punkt/compare/11.12.8...11.13.0) (2024-05-22)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.13.0](https://github.com/oslokommune/punkt/compare/11.12.7...11.13.0) (2024-05-14)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* add table in html and css. - When there are spans in the td, and we use "display:contents" to show label on the left side of the data value, it looks weird in safari.
* fix(css): tuller litt med rebasing. legg ved css
* fix(css,react): add roles disappearsing in mobile
* fix(react): update tests
- remove snapshot tests as they no longer serve us well
- Updating tests
* fix(html): fix border-bottom issue
* fix(all): changes from feedback
- flexibility to only set "pkt-table" class and still get all the styling
- increase readibility in css
- optionale responsive view
* Feature table vue 🎑 (#1671)
### Chores
Ingen
---
## [11.12.3](https://github.com/oslokommune/punkt/compare/11.12.2...11.12.3) (2024-05-07)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.12.1](https://github.com/oslokommune/punkt/compare/11.12.0...11.12.1) (2024-05-06)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.11.0](https://github.com/oslokommune/punkt/compare/11.10.1...11.11.0) (2024-04-25)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Accordion 🪗 (#1624). * feat(react): accordion✨ (#1596)
* feat(react): Accordion WIP
* ✨ feat(react,css): Accordion
- Update component specs: Accordion and Accordionitem
- Make AccordionItem and Accordion accessible
- Add props: compact, skin, defaultOpen, onClick
- Add React display of component
- Add descriptions
* 🧹 Clean up
* 🔒 npm install and update lockfile
* ♻️ Refactor & add state example
* ✅ Add Accordion test
- Renders without errors
- Is Ref working correctly
- Is children rendered
- Props properly applied
- Accessibility
* ♻️ Refactor hover & open style as discussed
- Remove blue background & white text for opened acc item
- Add purple border when active acc item
- Add underline on summary text and arrow movement when hovering
* ♻️ Jan roter rundt i CSS igjen!
- Fix hovering and active state
* ♻️ Refactor AccordionItem: optional toggleFn & prop
The toggle function is now optional with the "open" prop. This is so that the user will not have to provide the open state of each items if they want the accordion to allow multiple open items at once (which is the default). If they do want to restrict the number of open items, an example will be provided on how to locally in their own code.
* feat(react): ✨ add optional overriding toggleProps
- Add working example of handling toggleState to limit number of opened accordionItems.
- Styling and opening works as intended.
- Both when having automatic state handling (all items are expandable) and when using toggleProps to override it.
- Add description of why we have chosen to do it like this.
---------
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
* feat(vue): accordion 🪗✨ (#1617)
* feat(vue): ✨ we tried something
* feat(vue): add Vue version of Accordion+fix test✨
* Add routing
* Update Accordion.vue
* add trine as codeowner
---------
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
* Feature accordion docs ✨ #1549 (#1619)
* feat(docs,react): add pure html/css example...
.. and edit react✨
* fix(docs): legg til mer doc
* fix(docs): Improve UU and code examples + text
* fix(docs): Småendringer på acc docs
* fix(docs): Endre tekst. pga E-preventDefault()
* fix(docs): use CheckList component
---------
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: julielyng <35265191+julielyng@users.noreply.github.com>
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
Co-authored-by: omatrebym <97092636+omatrebym@users.noreply.github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
* fix(css): adjust borderless & compact border width
* fix(docs): Update component-status.json 📄
* feat(docs):#1550 Lagt til innhold (#1643)
* docs:#1550 Lagt til innhold
* docs:#1550 Oppdatert innhold
* add svg photos
---------
Co-authored-by: julielyng <35265191+julielyng@users.noreply.github.com>
---------
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
Co-authored-by: julielyng <35265191+julielyng@users.noreply.github.com>
Co-authored-by: omatrebym <97092636+omatrebym@users.noreply.github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.11.0](https://github.com/oslokommune/punkt/compare/11.10.0...11.11.0) (2024-04-19)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* remove easter eggs (#1625).
### Chores
Ingen
---
## [11.10.0](https://github.com/oslokommune/punkt/compare/11.9.5...11.10.0) (2024-03-18)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Ny loader-variant (#1591).
* Konami kanin 🐰 (#1584). * feat(docs,css): legg til Konami kanin
Ved aktivering av konami koden, hopper en kanin frem og tilbake.
* feat(docs,css): legg til tekst + endre position
* feat(docs,css): Endre hopp hastighet & fix url
* Use id & try to fix image fetchign
* Fiks så canvas ikke stjeler klikk fra siden
* Bruk CDN for sprite
* 11.9 => latest
* Flytt tekst nederst og la kaninen hoppe på den
* Endre kode ord
---------
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.9.3](https://github.com/oslokommune/punkt/compare/11.9.2...11.9.3) (2024-03-14)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* PktButton isLoading viser ikke spinner når `label-only` (#1583).
### Chores
Ingen
---
## [11.9.2](https://github.com/oslokommune/punkt/compare/11.9.1...11.9.2) (2024-03-12)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* I defaults skal overflow-y være auto, ikke scroll (#1582).
### Chores
Ingen
---
## [11.9.1](https://github.com/oslokommune/punkt/compare/11.9.0...11.9.1) (2024-03-12)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
* Ny modus for Alert (#1581). Kode: PÅSKEFIGUR
---
## [11.9.0](https://github.com/oslokommune/punkt/compare/11.8.2...11.9.0) (2024-03-11)
### ⚠ BREAKING CHANGES
Ingen
### Features
* template for Forms (skjema mal) (#1580). * feat(react)-1406: ✨ add template for schema
- Add all example fields except upload file and datepicker (no current components available).
- Add styling classes for responsive design on text sizes & spacing
- Use stylings vars for readability
- Add regex and validation functions for address, postalCode and postalArea (only to show an example of how it can be done)
- Set transportError to true to show example of radio button group with error
- Add summary of errors
📝 Notes:
- Would like to have an alert message box without icons.
* fix 🔧: radiobutton validation, schema --> form..
correct field id.
* feat(vue): ✨ add form template for Vue (#1555)
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.8.1](https://github.com/oslokommune/punkt/compare/11.8.0...11.8.1) (2024-03-06)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
Ingen
### Chores
* sort and set common formatter rules (#1571).
---
## [11.7.0](https://github.com/oslokommune/punkt/compare/11.6.0...11.7.0) (2024-02-19)
### ⚠ BREAKING CHANGES
Ingen
### Features
* add spinner option to button (#1528). * feat(react): add loading to button:active
* feat(vue): add loading to button
* fix(css): update button example with loading
* chore(docs): update button docs with loading prop
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.5.3](https://github.com/oslokommune/punkt/compare/11.5.2...11.5.3) (2024-02-15)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Header-padding skal være 32px, ikke 48px (#1519).
### Chores
Ingen
---
## [11.5.2](https://github.com/oslokommune/punkt/compare/11.5.1...11.5.2) (2024-02-15)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Legg til --padding i pkt-grid (#1518).
### Chores
Ingen
---
## [11.5.1](https://github.com/oslokommune/punkt/compare/11.5.0...11.5.1) (2024-02-14)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* loader (#1509). * chore(loader): change status ++
* Oslo-former-loader aspect ratio
* Fikser choppy Chrome-ytelse på animerte SVG-er
---------
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
### Chores
Ingen
---
## [11.5.0](https://github.com/oslokommune/punkt/compare/11.4.9...11.5.0) (2024-02-14)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Loader, tre varianter (#1490). * feat(react): loader with variants (#1489)
- add react loader
- add size options: "small", "medium" and "large"
- add text option
- add accessibility labels
- add variants
- Note to self: always re-run the server when changing css (no hot reloading on the css)
* feat(react): loader
- Fix svg fetching
* feat(react): add tests and specs
- NB! Consider adding some test for checking if the svg is fetched properly if that is relevant
* La til inline, ryddet litt, fikset tester
* Branch heter "react" men jeg legger med Vue-versjonen også…
* Laget CSS-testview og ryddet litt i Vue-komponent
---------
Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
* Oppdatere Loader-specs
* Dokumentasjon-ressurser
* Fjernet innhold
* Aria-live burde ikke forsvinne selv om det ikke loades
* docs:#1473 loader dokumentasjon (#1492)
* docs:#1473 Lagt til bilder
* docs:#1473 Lagt til innhold
* docs:#1473 Oppdatert bildenavn
* docs:#1473 Tester GIF
* docs:#1473 Lagt til GIF
* docs:#1473 Oppdaterte bilder
* chore(docs): legg til kode dokumentasjon
* chore(docs): svg importering og UU docs
- Importerer spinner og loader SVGene slik at vi kan bruke de med <use>
- Oppdaterer UU docs
- Legger til CodeExample i loader index docs
* chore(docs): add doc about comp usage as wrapper
---------
Co-authored-by: My Thao Nguyen <my.nguyen@origo.oslo.kommune.no>
---------
Co-authored-by: My T. Nguyen <my.nguyen@origo.oslo.kommune.no>
Co-authored-by: Victoria Nerem <118815886+vicnerem@users.noreply.github.com>
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.4.9](https://github.com/oslokommune/punkt/compare/11.4.8...11.4.9) (2024-02-06)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Textarea med full bredde og tegnteller trenger justering (#1474).
### Chores
Ingen
---
## [11.4.3](https://github.com/oslokommune/punkt/compare/11.4.2...11.4.3) (2024-02-05)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* loader (#1454).
### Chores
Ingen
---
## [11.4.1](https://github.com/oslokommune/punkt/compare/11.4.0...11.4.1) (2024-02-01)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Kjapp fiks på horisontal scrolling i Tabs (#1449).
### Chores
Ingen
---
## [11.4.0](https://github.com/oslokommune/punkt/compare/11.3.0...11.4.0) (2024-01-31)
### ⚠ BREAKING CHANGES
Ingen
### Features
* Switch-variant av Checkbox (#1448). * feat(css): Switch (#1444)
* docs:#1417 dokumentasjon switch toggle (#1446)
* feat(react,vue): Switch added to Checkbox and test sites (#1447)
* Kodedokumentasjon Switch og Checkbox
---------
Co-authored-by: Victoria Nerem <118815886+vicnerem@users.noreply.github.com>
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.3.0](https://github.com/oslokommune/punkt/compare/11.2.2...11.3.0) (2024-01-26)
### ⚠ BREAKING CHANGES
Ingen
### Features
* new variant "compact" of Alert and Messagebox (#1438). * feat(css,docs): compact/slim alert
- Oppdaterer local dev eksempel med slim/kompakt
- Justerer css for 'lukk'-knapp i slim versjon av alert
- Legg til slim alert i kode dokumentasjonen
* feat(docs,css): slim->compact, messagebox
- Lagt inn MessageBox slim kode i css
- Lagt inn eksempel i dev pure css & html
- Endre fra slim til compact (da det er denne betegnelsen vi bruker i docs og høres litt finere ut)
- Legg til compact props i react, vue og vue2 komponenten og oppdater dev eksempel
### Bug Fixes
Ingen
### Chores
Ingen
---
## [11.2.2](https://github.com/oslokommune/punkt/compare/11.2.1...11.2.2) (2024-01-25)
### ⚠ BREAKING CHANGES
Ingen
### Features
Ingen
### Bug Fixes
* Bruk Tabs for subnav og code-tabs i dokumentasjon (#1437).
### Chores
Ingen
---
## [11.2.1](https://github.com/oslokommune/punkt/compare/11.2.0...11.2.1) (2024-