UNPKG

@oslokommune/punkt-css

Version:

CSS-rammeverket til Punkt, et designsystem laget av Oslo Origo

2,674 lines (1,531 loc) 94 kB
# 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 &quot;true&quot; eller &quot;false&quot;, 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&#x2F;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 &#x60;pkt-bodytext&#x60; 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 &#39;blue-dark&#39; (#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 &#39;lukk&#39;-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 --&gt; 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 &#x60;&lt;input type&#x3D;date&gt;&#x60; 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&#x3D;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 &quot;Feature*&quot;. ### Bug Fixes * add styling for steps w&#x2F; 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 &#x60;label-only&#x60; (#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 &quot;compact&quot; 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-