Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@oslokommune/punkt-css

oslokommune3.2kMIT13.6.10

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

punkt, designsystem, css, scss, framework

readme

changelog

Changelog

Punkt følger Semantic Versioning 2.0.0 for versjonering, og skriver commits ca etter Conventional Commits.

13.6.10 (2025-09-25)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fiks feil i Accordion CSS etter Accordion ble konvertert til ren React (#3046).

Chores

Ingen

13.6.5 (2025-09-19)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

13.6.4 (2025-09-19)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Update Heading-component (#2997).

Chores

Ingen

13.5.12 (2025-09-11)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fix table styling (#3007).

Chores

Ingen

13.5.11 (2025-09-11)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Combobox visuelle og funksjonelle bugfikser (#3002). Løser: #2392 #2412 #2499 #2981

Chores

Ingen

13.5.0 (2025-09-05)

⚠ BREAKING CHANGES

Ingen

Features

  • Kritisk dependency bump + Tester og bugfikser for datepicker og calendar. Denne release inneholder oppdateringer av avhengigheter for å unngå potensielle sikkerhetshull i en tidligere versjon av axios.

Bug Fixes

Ingen

Chores

Ingen

13.3.0 (2025-09-01)

⚠ BREAKING CHANGES

Ingen

Features

  • Ny nettside for Punkt (#2558).

Bug Fixes

  • Fix table header weight (#2956).

Chores

Ingen

13.2.3 (2025-08-20)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

13.2.0 (2025-08-19)

⚠ BREAKING CHANGES

Ingen

Features

  • Accordion => React + Checkbox helptext ReactNode (#2869).

Bug Fixes

Ingen

Chores

Ingen

13.1.2 (2025-08-18)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Overflow in messagebox (#2875).

Chores

Ingen

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 (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 (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 (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 (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 (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 (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 (2025-06-17)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fiks feil bredde på modal i noen tilfeller (#2634).

Chores

Ingen

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 (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 + internepkt-button--state-klasser
      • Sett pointer-events: none når isLoading

Bug Fixes

Ingen

Chores

Ingen

12.40.10 (2025-06-10)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Tag: Bug i mørk blå hover (#2657).

Chores

Ingen

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 (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 (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 (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 (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 (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 (2025-06-17)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fiks feil bredde på modal i noen tilfeller (#2634).

Chores

Ingen

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 (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 + internepkt-button--state-klasser
      • Sett pointer-events: none når isLoading

Bug Fixes

Ingen

Chores

Ingen

12.40.10 (2025-06-10)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Disabled label på radio + checkbox (#2612).

Chores

Ingen

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 (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 (2025-05-21)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • endre padding for card (#2580).

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 (2025-05-20)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • always blue + purple outline on focus (#2573).

Chores

Ingen

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 (2025-05-19)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • new, generic prop names for author and date (#2563).

Chores

Ingen

12.39.7 (2025-05-16)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • 2559 #2560 #2561 Bugs i Accordion og Radiobutton (#2562).

Chores

Ingen

12.39.5 (2025-05-16)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • headingText + hideCloseButton ser feil ut (#2553).

Chores

Ingen

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 (2025-05-14)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Button isLoading + disabled skal ikke ha hover-effekt (#2546).

Chores

Ingen

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 (2025-05-08)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

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 (2025-04-28)

⚠ BREAKING CHANGES

Ingen

Features

  • legg til `pkt-bodytext` klasser (#2465).

Bug Fixes

Ingen

Chores

Ingen

12.35.0 (2025-04-25)

⚠ BREAKING CHANGES

Ingen

Features

  • Heading component (#2421) (#2456).

Bug Fixes

Ingen

Chores

Ingen

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 (2025-04-23)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • alert padding and stuff (#2451).

Chores

Ingen

12.34.1 (2025-04-23)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • compact alert (#2418).

Chores

Ingen

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 (2025-04-11)

⚠ BREAKING CHANGES

Ingen

Features

  • Add full-width class for button (#2404).

Bug Fixes

Ingen

Chores

Ingen

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 (2025-04-11)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Button bug fixes (#2398).

Chores

Ingen

12.32.0 (2025-04-09)

⚠ BREAKING CHANGES

Ingen

Features

Bug Fixes

Ingen

Chores

Ingen

12.31.0 (2025-03-28)

⚠ BREAKING CHANGES

Ingen

Features

  • migrer backlink (#2360).

Bug Fixes

Ingen

Chores

Ingen

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 (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 (2025-03-18)

⚠ BREAKING CHANGES

Ingen

Features

  • Migrere button (#2312).

Bug Fixes

Ingen

Chores

Ingen

12.28.0 (2025-03-13)

⚠ BREAKING CHANGES

Ingen

Features

  • Migrere PktCheckbox til Punkt Elements (#2295).

Bug Fixes

Ingen

Chores

Ingen

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 (2025-03-10)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

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 (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 (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 (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 (2025-03-03)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

12.21.4 (2025-02-18)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

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 (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 (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 (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 (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 (2024-12-11)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • str-slice --> string.slice etc.. 👩🏻‍🔧 (#2086).

Chores

Ingen

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 (2024-12-09)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Inputs med fullwidth blir ikke full bredde… (#2084).

Chores

Ingen

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 (2024-11-29)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Firefox trenger bittelitt bredere PktDatepicker (#2066).

Chores

Ingen

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 (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 (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 (2024-11-22)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Brekker opp lange ord i alert (#2043).

Chores

Ingen

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 (2024-11-21)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

12.8.1 (2024-11-18)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Inkonsekvent spacing i PktInputWrapper (#2030).

Chores

Ingen

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 (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 (2024-11-05)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • legg til progressbar.astro for css (#1995).

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 (2024-10-29)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Datepicker - Bugs i fokus, piltaster og React-integrasjon.

Chores

Ingen

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 (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 (2024-10-11)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Datepicker-endringer for iOS Safari (#1952).

Chores

Ingen

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 (2024-10-03)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

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 (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 (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 (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 (2024-08-16)

⚠ BREAKING CHANGES

Ingen

Features

  • Komponentbygger for Alert, BackLink, LinkCard, Loader, Messagebox, Progressbar (#1871).

Bug Fixes

Ingen

Chores

Ingen

11.17.0 (2024-08-15)

⚠ BREAKING CHANGES

Ingen

Features

  • Interaktiv komponentviser til Punkt-dokumentasjonen (#1831).

Bug Fixes

Ingen

Chores

Ingen

11.16.6 (2024-08-13)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

11.16.5 (2024-08-12)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

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 (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 (2024-06-26)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • Legg til grå variant av LinkCard, pluss hovereffekter (#1774).

11.14.0 (2024-06-26)

⚠ BREAKING CHANGES

Ingen

Features

  • Progressbar.

Bug Fixes

Ingen

Chores

Ingen

11.13.9 (2024-06-03)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Chores

Ingen

11.13.3 (2024-05-29)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

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 (2024-05-22)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

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 (2024-05-07)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

11.12.1 (2024-05-06)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

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 (2024-04-19)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • remove easter eggs (#1625).

Chores

Ingen

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 (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 (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 (2024-03-12)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • Ny modus for Alert (#1581). Kode: PÅSKEFIGUR

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 (2024-03-06)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • sort and set common formatter rules (#1571).

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 (2024-02-15)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Header-padding skal være 32px, ikke 48px (#1519).

Chores

Ingen

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 (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 (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 (2024-02-06)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Textarea med full bredde og tegnteller trenger justering (#1474).

Chores

Ingen

11.4.3 (2024-02-05)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • loader (#1454).

Chores

Ingen

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 (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 (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 (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 (2024-01-25)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

11.2.0 (2024-01-25)

⚠ BREAKING CHANGES

Ingen

Features

  • Tabs (#1435).

Bug Fixes

Ingen

Chores

Ingen

11.1.1 (2024-01-22)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • sentrer illustrasjon vertikalt.

11.1.0 (2024-01-22)

⚠ BREAKING CHANGES

Ingen

Features

  • 404 feilmelding sidemal. * Bruk av Pkt grid for layout

    • Vis default tekst og ikon, men gi mulighet for å sende innhold inn som props
    • breakpoint basert typografi (h1) og spacing mellom elementene
    • Align svg-en slik at den er at bottom. Bruk grid greia fra punkt (ny update)

    Co-authored-by: My Thao Nguyen my.nguyen@origo.oslo.kommune.no

Bug Fixes

Ingen

Chores

Ingen

11.0.3 (2024-01-18)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • justering av pkt grid celle.

11.0.2 (2024-01-18)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • Breakpoints for typografistiler (#1419).

11.0.1 (2024-01-03)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Mulighet for å overstyre ikonstien i SCSS (#1387).

Chores

Ingen

11.0.0 (2023-12-20)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Oppdater node- og vite-versjoner, samt litt feilretting (#1376).
  • Tving publisering etter feilet bygg.

Chores

  • Legg til vue i allowedScopes (#1373). * Legg til vue i allowedScopes
  • Prøver igjen å tvinge bygget (#1372).
  • Tving publisering etter feilet bygg (#1370).

9.5.4 (2023-12-07)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Større klikkbart område på label i tiled checkbox/radio (#1338).

Chores

Ingen

9.5.2 (2023-12-06)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Posisjon på virksomhetsnavn i Header er littegrann feil (#1336).

Chores

Ingen

9.5.0 (2023-11-29)

⚠ BREAKING CHANGES

Ingen

Features

  • SearchInput.

Bug Fixes

Ingen

Chores

  • remove ceciliehrr as codeowner.

9.4.1 (2023-11-21)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Mangler border på secondary button… (#1318).

Chores

Ingen

9.4.0 (2023-11-06)

⚠ BREAKING CHANGES

Ingen

Features

  • Nye designtokens - farger. Nye fargevariabler kan leses om på vår nettside. Vi ønsker å gi dere litt tid på å bytte til nye fargevariabler så de gamle vil være tilgjengelige en liten stund fremover. Mappingen av gamle til nye fargevariabler vil bli tilgjengelig på vår wiki-side på GitHub.

    • docs(docs): #1171 docs disabled
    • chore(all): #1184 Erstatt fargevariabler
    • docs(docs,css) #1185 Dokumentere farger
    • docs(docs): Contrastchecker

Bug Fixes

Ingen

Chores

Ingen

9.3.2 (2023-10-30)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Små fikser på tabell og hjelpetekst (#1279).

Chores

Ingen

9.2.6 (2023-10-18)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • 1230 Oppdater _tag til å bruke --color-gray-light.

Chores

Ingen

9.2.5 (2023-10-12)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fokus tilbake til box-shadow pga Safari (#1227).

Chores

Ingen

9.2.4 (2023-10-12)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fokus-styling på inputs med suffix, samt CSP-vennlig SVG for Select (#1226).

Chores

Ingen

9.0.0 (2023-10-04)

⚠ BREAKING CHANGES

  • Checkbox and radiobutton #1126. BREAKING CHANGE:

    • CSS: Checkbox og radiobuttons har fått ny struktur og nye klassenavn
    • React: Radiogroup er fjernet og vi bruker Inputwrapper for å lage grupper av checkbox og radiobuttons

    Les mer om ny Checkbox og radiobuttons i vår dokumentasjon

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

8.0.10 (2023-10-02)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Bredde på textarea-teller (#1187).

Chores

Ingen

8.0.9 (2023-10-02)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fokus-tilstand på inputs med size/cols-bredde kan ikke være stretch.

Chores

Ingen

8.0.8 (2023-10-02)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

8.0.5 (2023-09-21)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Grasiøs degradering for inputbredde i nettlesere som ikke støtter :has().

Chores

Ingen

8.0.4 (2023-09-20)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Overstyre størrelse på input og textarea med `size`, `cols`, `rows` og prop `fullwidth`.

Chores

Ingen

8.0.0 (2023-09-19)

⚠ BREAKING CHANGES

  • PktSelect (#1163). Helt ny PktSelect, samt forbedring av hvordan de forskjellige inputene deler stiler.

    BREAKING CHANGE: Gammel klasse .pkt-select vil ikke lenger virke som ønsket. Anbefales å enten bruke komponent PktSelect eller bruke ny klasse .pkt-input

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

7.2.0 (2023-09-13)

⚠ BREAKING CHANGES

Ingen

Features

  • 1114 New breadcrumbs. Se vår nettsiden for mer informasjon om bruk av breadcrumbs

Bug Fixes

Ingen

Chores

Ingen

7.1.7 (2023-09-13)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • Fjerne Alert fra ekspanderende hjelpetekst i InputWrapper.

7.1.6 (2023-09-12)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fiks størrelse og justering på Oslologo i header (#1138). * fix(css): Fiks størrelse og justering på Oslologo i header

    • Ytterlige justeringer på logo i header

Chores

Ingen

7.1.5 (2023-09-12)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Forenklet TextInput en god del, samt la til støtte for prefix, suffix og icon samtidig.

Chores

Ingen

7.1.0 (2023-09-08)

⚠ BREAKING CHANGES

Ingen

Features

  • 1093 Backlink. Se dokumentasjonsnettstedet om Backlink

Bug Fixes

Ingen

Chores

Ingen

7.0.0 (2023-09-07)

⚠ BREAKING CHANGES

  • PktTextarea #1058, PktInputwrapper, og endringer PktTextinput. BREAKING CHANGE: Textarea er helt ny og erstatter funksjonaliteten til den gamle. Det må regnes med litt endring i implementasjon.

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

6.0.5 (2023-08-31)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • 1071 Fiks fontpath. For at fontene skal få riktig filsti i CDN går vi tilbake til at fontene finnes i Punkt-css, i tillegg til Punkt-assets.

    Om du vil overstyre stien til fontene (rammeverkspesifikt) */ @use '@oslokommune/punkt-css/dist/scss/abstracts/variables' with ( $font-path: '@oslokommune/punkt-assets/dist' );

Chores

Ingen

6.0.3 (2023-08-30)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • 1030 Button colors.

6.0.2 (2023-08-28)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fiks alternativ lenkestil for knapper (#1079). * fix(css,react,vue2): Fiks alternativ lenkestil for knapper

    • Fiks test

Chores

Ingen

6.0.1 (2023-08-24)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Pålogget org => Representerer, pluss headermenyposisjon (#1072). * fix(all): Pålogget org => Representerer, pluss headermenyposisjon

    • Headerposisjon

Chores

Ingen

6.0.0 (2023-08-22)

⚠ BREAKING CHANGES

  • PktHeader #921 (#1067). BREAKING CHANGE: Denne komponenten endrer en hel del fra tidligere versjon. Det meste er endret, og du bør regne med å måtte sette sammen data du sender inn til komponenten på en annen måte enn du har gjort tidligere. Se vår nettside for spesifikasjoner og mer informasjon.

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

5.2.1 (2023-08-14)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fiks label på ny linje i UU-dokumentasjon sin sjekkliste (#1040).

Chores

Ingen

5.2.0 (2023-08-11)

⚠ BREAKING CHANGES

Ingen

Features

  • Feature textinput #758 (#1016). * feat(css): #968 Input (#987)

    • feat(vue2, css): #969 Input
    • feat(react): #970 Input (#993)
    • feat(docs): #973 Textinput dokumentasjon for kode
    • test input
    • fix(css): input active
    • Fiks states - css
    • dokumentere mer
    • docs:#972 dokumentasjon textinput (#1022)
    • docs:#927 Lagt til dokumentasjon
    • docs:#927 Bilder
    • docs:#927 Oppdatert teksten
    • docs:#927 Lagt til bildekode
    • docs:#972 endret størrelse på bilder
    • docs:#972 Endret rekkefølge anatomi
    • docs:#972 Tekst universell utforming og mdx
    • docs:#972 Fikset filnavn
    • docs: Endret midlertidig tekst
    • Endringer slik at både hjelpetekst og utvidet hjelpetekst kan vises samtidig
    • Dokumentasjonendringer for TextInput og fiks av brukne lenker
    • 758 dokumentasjon input (#1034)
    • docs:#758 byttet ut til bilde
    • docs:#758 Bilde av alle versjoner
    • docs:#758 riktig filtype
    • Textinput => Text input
    • Oppdater status

    Co-authored-by: Victoria Nerem 118815886+vicnerem@users.noreply.github.com Co-authored-by: Jan Schjetne jan.schjetne@origo.oslo.kommune.no

Bug Fixes

Ingen

Chores

Ingen

5.1.17 (2023-07-18)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fix latest path.

Chores

Ingen

5.1.16 (2023-07-18)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • latest workflow.

5.1.15 (2023-07-18)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • fiks workflow.

5.1.14 (2023-07-18)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • test workflows.

5.1.13 (2023-07-18)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • test workflow.

5.1.12 (2023-07-18)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • test workflow.
  • test workflow.

5.1.11 (2023-07-18)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

5.1.10 (2023-07-14)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • 100% height and width on linkcards.

5.1.9 (2023-07-14)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • Bump dependencies #918.

5.1.8 (2023-07-04)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Ikon-SVG får høyde og bredde 0 i Safari når konteksten ikke gir størrelse (#986).
  • Ikon-SVG får høyde og bredde 0 i Safari når konteksten ikke gjør størrelse.

Chores

Ingen

5.1.7 (2023-06-28)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • 978 Ny farge og modifier - tag. --blue-light --thin-text

  • 918 Oppdatere dependencies. * chore(all): #918 Semver from 7.4.0 to 7.5.3

    • chore(vue2, react): #918 @astrojs/react and vue from 2.1.0 to 2.2.1

  • bump semver from 7.5.1 to 7.5.2. Bumps semver from 7.5.1 to 7.5.2.

    updated-dependencies:

    • dependency-name: semver dependency-type: direct:development ...

    Signed-off-by: dependabot[bot] support@github.com Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

5.1.2 (2023-06-19)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Endrer slik at title ikke får samme farge som bakgrunn (#956).

Chores

Ingen

5.1.1 (2023-06-13)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • chevron-thin-left på backlink/breadcrumb. #953

Chores

Ingen

5.1.0 (2023-06-12)

⚠ BREAKING CHANGES

Ingen

Features

  • 846 Ny komponent tag. Tag erstatter Badge, men badge blir fortsatt liggende i CSS, men denne skal altså slettes.

Bug Fixes

Ingen

Chores

Ingen

5.0.11 (2023-06-08)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • 946 Fiks default font-path.

Chores

Ingen

5.0.10 (2023-06-08)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • 942 linkcard-tittel skalere på mobil.

Chores

Ingen

5.0.8 (2023-06-05)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • 933 Fiks checkbox ikonet.

Chores

Ingen

5.0.6 (2023-06-02)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • 891 Legg til cursor på link (#911).

Chores

Ingen

5.0.5 (2023-06-01)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fiks ikonposisjon i PktButton (block => flex) (#909).

Chores

Ingen

5.0.4 (2023-06-01)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fiks størrelser på ikoner og ikon i knapper (#907).
  • Fiks størrelser på ikoner og visning av ikon i knapper.

Chores

Ingen

5.0.2 (2023-05-31)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fix publish to gh.

Chores

Ingen

5.0.1 (2023-05-30)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Fiks publisering til gh packages.

Chores

Ingen

5.0.0 (2023-05-30)

⚠ BREAKING CHANGES

  • 809 Endre SVG oppsett (#851). BREAKING CHANGE:

Nytt:

  • Ikoner kommer med komponentene
  • Oppdatert PktIcon-komponent
  • Ny CSS-klasse pkt-icon
  • Fjernet data: import av ikoner i CSS

Punkt CLI skal vedlikeholdes men ikke videreutvikles, så det er fortsatt mulig å bruke svg-oppsettet ved bruk av CLI. Men vi vil anbefale å bruke ikon-komponenten vår som dynamisk henter ikoner slik at du kan slippe å tenke på at ikoner en gang i blant må oppdateres.

Les mer om ikoner her: https://punkt.oslo.kommune.no/5.0/ressurser/ikoner/kode/

Hva må du gjøre?

Alle som bruker klasser/komponenter som inneholder ikoner: Import av ikoner i CSS henter vi nå fra vår CDN.

CSS

Ny klasse: pkt-icon, legg inn en span med pkt-icon og ellers andre klasser som du kan ha liggende rett i svg.

Før:

<div class="pkt-alert">
<div class="pkt-alert__icon">
<svg viewBox="0 0 32 32" aria-hidden="true">
      <use href="#alert-information"></use>
</svg>
</div>
<div class="pkt-alert__text">
    Bruk dette tekstfeltet til å skrive en kort varsling.
  </div>
</div>

Nå:

<div class="pkt-alert">
<span class="pkt-icon pkt-alert__icon">
  <svg viewBox="0 0 32 32" aria-hidden="true">
      <use href="#alert-information"></use>
    </svg>
  </span>
  <div class="pkt-alert__text">
    Bruk dette tekstfeltet til å skrive en kort varsling.
  </div>
</div>

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

4.3.1 (2023-05-24)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • miniFiks str eksternikon.

Chores

Ingen

4.3.0 (2023-05-24)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

4.0.0 (2023-05-08)

⚠ BREAKING CHANGES

  • 792 Footer. Nye komponenter:

    • pkt-footer
    • pkt-footer-simple

    BREAKING CHANGE: Gammel pkt-footer er nå blitt pkt-footer-simple

Features

Ingen

Bug Fixes

Ingen

Chores

Ingen

3.3.1 (2023-04-25)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

  • Fjern avhengighet. For å rette en feil i watch-funksjonalitet i monorepoet fjerner vi chokidar i CSS-modulen og lar lerna ta hånd om dette fra nå av.

3.3.0 (2023-04-21)

⚠ BREAKING CHANGES

Ingen

Features

  • Fargeendringer (#795). * docs(docs): Oppdatert colors.json og tekst

    • fix(css): Små endringer i fargekoder
    • chore(css, docs): #729 Erstatt fargen visited med focus

    Oppsummert: Visited og visited-light er fjernet. Focus er lagt til.

    Co-authored-by: Cecilie Hansen Rørås cecilie.roras@origo.oslo.kommune.no

Bug Fixes

Ingen

Chores

Ingen

3.2.1 (2023-04-20)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • Legge til manglende changelogs (#804). Changelogs ble ikke generert for v3.2.0 pga en feil. Denne releasen er kun for å bumpe versjonen og få changelogs på plass.

Chores

Ingen

3.2.0 (2023-04-20)

⚠ BREAKING CHANGES

Ingen

Features

  • 760 Link og linkcard To nyheter denne gangen; link og linkcard.

Link har fått en overhaling, og har fått mulighet til å skille visuelt på intern og ekstern lenke. Focus state er nå mer synlig. Link finnes kun i CSS. Les mer på https://punkt.oslo.kommune.no/3.2/komponenter/link/

Link card er en spesialvariant av en lenke som inneholder ikon, lenketekst og mer informasjon under lenketeksten. Komponenten finnes både i CSS, React og Vue2. Les mer på https://punkt.oslo.kommune.no/3.2/komponenter/linkcard/

Co-authored-by: Cecilie Hansen Rørås cecilie.roras@origo.oslo.kommune.no Co-authored-by: Ole Aasen ole.aasen@origo.oslo.kommune.no Co-authored-by: Victoria Nerem 118815886+vicnerem@users.noreply.github.com

Bug Fixes

Ingen

Chores

Ingen

3.1.2 (2023-03-30)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

  • 741 Endre focus-farge btn (#751).

Chores

Ingen

3.1.1 (2023-03-23)

⚠ BREAKING CHANGES

Ingen

Features

Ingen

Bug Fixes

Ingen

Chores

3.1.0 (2023-03-20)

Features

  • #719 Lag CSS for Messagebox

3.0.2 (2023-03-16)

Bug Fixes

  • #735 Rett feil i visning av innlogget bruker i Header komponent Rettet skrivefeil i css-klassen til pkt-truncate-text.

3.0.1 (2023-03-15)

Bug Fixes

  • #731 Fjern button margin I forbindelse med innføring av focus style la vi inn marg rundt knappene, siden markering er på utsiden. Dette var en dårlig idé så den fjernet vi.

3.0.0 (2023-03-13)

Versjon 3 inneholder endringer på Alert-komponenten både i css og Vue2, og finnes nå også i React.

⚠ BREAKING CHANGES

  • #684 Endre CSS for Alert

Features

  • #508 Gjør Alerts innholdsslot mer fleksibel

Bug Fixes

Chores

  • Oppdater hvordan Sass bygges

2.0.3 (2023-03-09)

Bug Fixes

2.0.1 (2023-03-07)

Bug Fixes

2.0.0 (2023-03-07)

⚠ BREAKING CHANGES

  • 595 Button (#696)

    Buttons har fått ny styling og buttonskins har gått fra 5 til 3:

  • Primary: Ny styling

  • Secondary: Ny styling

  • Tertiary: breaking har fått stylingen til flat-button

  • Flat: breaking fjernet

  • Primary-confirm: breaking fjernet

Migrering:

  • Endre Flat til Tertiary
  • Endre gammel Tertiary til Secondary (du kan overstyre fargen selv)

Features

1.0.1 (2023-02-27)

Bug Fixes

  • Rette opp i changelogs etter overgang til v1 (#680) (8136c6d)

1.0.0 (2023-02-27)

Helt nytt oppsett for Punkt v1, nytt AWS-oppsett, nye domener, med å ta i bruke lerna for monorepo, nye GH workflow, og ny måte å kjøre oppgaver på.

css Sette opp dev-app som publiseres, forbedre utviklingsmiljø.

0.23.0 (2023-02-27)

  • build!: Publisere Punkt v1 igjen :rocket: (#678) (cb3bf71), closes #678

BREAKING CHANGES

  • Helt nytt oppsett for Punkt v1, nytt AWS-oppsett, nye domener, med å ta i bruke lerna for monorepo, nye GH workflow, og ny måte å kjøre oppgaver på.

0.22.4 (2023-02-27)

Note: Version bump only for package @oslokommune/punkt-css

0.22.2 (2023-02-26)

Bug Fixes

  • react: Sett opp react-lib og publiseringsflyter (#660) (1bb89c7)

0.22.1 (2023-02-23)

Note: Version bump only for package @oslokommune/punkt-css

0.22.0 (2023-02-23)

Features

  • css: #659 - Lagt på prefix på hjelpeklasser (f95daec)

0.21.6 (2023-02-20)

Note: Version bump only for package @oslokommune/punkt-css

0.21.5 (2023-02-15)

Bug Fixes

0.21.4 (2023-02-15)

Note: Version bump only for package @oslokommune/punkt-css

0.21.3 (2023-02-08)

Bug Fixes

0.21.2 (2023-01-29)

Bug Fixes

0.21.1 (2023-01-25)

Note: Version bump only for package @oslokommune/punkt-css

Changelog

Alle nevneverdige endringer av prosjektet dokumenteres her.

[0.19.0] - 2022-11-28

  • breaking change Bruk ods-flat-button istedenfor bare et close-ikon. (se før og etter kode under) #488
  • breaking change Nytt navn på logo-fila fra oslo-kommune.svg til oslologo.svg". Oppdatert dokumentasjon om Oslo-loogoen.

Før:

<div class="ods-alert ods-alert--info">
  <div class="ods-alert__close">
    <svg viewBox="0 0 32 32" aria-label="close" role="button" tabindex="0">
      <use href="#close"></use>
    </svg>
  </div>
  <div class="ods-alert__title">
    <div class="ods-alert__icon">
      <svg viewBox="0 0 32 32"><use href="#alert-information"></use></svg>
    </div>
    Alert
  </div>
  <p>
    Bruk dette tekstfeltet til å beskrive hva varslingen handler om. Du kan bruke så mange linjer du har behov for, men
    prøv likevel å være kort og konsis.
  </p>
  <div class="ods-alert__date">Sist oppdatert: 09.03.2022</div>
</div>

Nå:

<div class="ods-alert ods-alert--info">
  <div class="ods-alert__close">
    <button
      class="ods-btn ods-btn--flat ods-btn--small ods-btn--icon-only"
      role="button"
      tabindex="0"
      aria-label="close"
    >
      <svg viewBox="0 0 32 32" class="ods-btn__icon">
        <use href="#close"></use>
      </svg>
    </button>
  </div>
  <div class="ods-alert__title">
    <div class="ods-alert__icon">
      <svg viewBox="0 0 32 32"><use href="#alert-information"></use></svg>
    </div>
    Alert
  </div>
  <p>
    Bruk dette tekstfeltet til å beskrive hva varslingen handler om. Du kan bruke så mange linjer du har behov for, men
    prøv likevel å være kort og konsis.
  </p>
  <div class="ods-alert__date">Sist oppdatert: 09.03.2022</div>
</div>

[0.18.3] - 2022-11-25

forbedret Endret enabled-farge slik at den er universelt utformet #348

[0.18.2] - 2022-11-16

forbedret Endret error-farge slik at den er AAA-godkjent #491

[0.18.1] - 2022-10-31

rettet Bug i knapp. Text-align center og ikke la ikoner krympe #466

[0.18.0] - 2022-10-10

rettet Stiler i designsystemets CSS overstyrer default liste-stiler for mye #435

[0.17.1] - 2022-08-25

rettet Flex-start alignment på enkel alert

[0.17.0] - 2022-08-25

  • rettet Underline på linker
  • rettet Breakpoint i header
  • forbedret Breaking changes på alert - fjernet liten alert, forenklet strukturen og fjernet tile som klasse #388

[0.16.0] - 2022-08-18

forbedret Oppdater header #390

[0.15.0] - 2022-08-17

forbedret Oppdater footer #389 Linkene har fått ikon, ny klasse: ods-footer__link-icon

[0.14.4] - 2022-08-12

rettet Feil link-font-color på dark mode.

[0.14.3] - 2022-08-09

  • rettet Lenker stylet som ods-btn har feil default text-decoration #393

[0.14.2] - 2022-08-09

  • rettet Legg til p i alert uten tile #391

[0.14.1] - 2022-07-07

  • rettet Feil casing på font-family i CSS-rammeverket #383

[0.14.0] - 2022-06-10

  • nytt Legg til scss for ny komponent BackLink #377

[0.13.5] - 2022-06-10

  • forbedret Legg til en penere versjon av svg-ikonet qr-code

[0.13.4] - 2022-06-10

  • nytt Legg til svg-ikonet qr-code

[0.13.3] - 2022-06-03

  • rettet Fjern overflow-x på ods-container som skapte reale scrolling-problemer #374

[0.13.2] - 2022-06-03

  • rettet Rettet feil i svg-ikonet car.svg

[0.13.1] - 2022-06-03

  • nytt Legg til svg-ikonene car og drinking-area-refreshments

[0.13.0] - 2022-06-01

  • forbedret Oppdater footer i hht nytt design #360

[0.12.1] - 2022-05-28

  • rettet Rett feil i CSS for header-komponent

[0.12.0] - 2022-05-28

  • forbedret Oppdater header i hht nytt design #361

[0.11.1] - 2022-05-06

  • nytt Legg til svg-ikonene fire-safety, react, vue, wine-bottle #332

[0.11.0] - 2022-04-25

  • forbedret Oppdater alert-komponent med ny struktur og variant (tiles) #313

[0.10.0] - 2022-03-27

  • forbedret Forbedre kom i gang-dokumentasjonen #112
  • endret Endre stien for bruk av ressursene ved å legge på en dist-folder. Dette er gjort for å holde folderstrukturen konsisent under utvikling og produksjon.

Eksempel

# Før
@oslokommune/oslo-designsystem
├── css/
├── fonts/
├── icons/
├── logos/
└── scss/

# Nå
@oslokommune/oslo-designsystem
├── dist/
|   ├── css/
|   ├── fonts/
|   ├── icons/
|   ├── logos/
|   └── scss/
/* Før */
@use '@oslokommune/oslo-designsystem/scss/ods';

/* Nå */
@use '@oslokommune/oslo-designsystem/dist/scss/ods';

[0.7.0] - 2022-03-14

  • forbedret Lagt til alert-stil

[0.6.4] - 2022-03-10

  • forbedret Oppdatert lock og unlocked ikoner

[0.6.3] - 2022-03-09

  • forbedret Legg til container-stiler i Scss #237

[0.6.2] - 2022-03-01

  • nytt Nye logoer - Mennesker og helse

[0.6.1] - 2022-03-01

  • nytt Ny logo - law-paragraph

[0.6.0] - 2022-02-25

  • oslo-designsystem-vue har fått Header, Footer og Breadcrumbs-komponenter, og stilene til disse er nå optimalisert og flyttet hit til css-rammeverket for gjenbruk.
  • forbedret Lag breadcrumbs-komponent i Vue #208
  • forbedret Lag header-komponent i Vue #209
  • forbedret Lag footer-komponent i Vue #210

[0.5.0] - 2022-02-23

  • forbedret Informasjon om Universell utforming lagt til på nettstedet.

[0.4.3] - 2022-01-17

  • forbedret Forbedre stilsetting av lenker og dokumentasjonen av disse. I tillegg legges svgo konfig-filen til, som sikrer konsistent SVG-kode #199

[0.4.2] - 2022-01-16

  • forbedret Tilgjengeliggjør individuelle css-filer til hver komponent #197

[0.4.1] - 2022-01-06

  • forbedret Forbedre dokumentasjonen rundt ressurser og hva som finnes på CDN #196

[0.4.0] - 2022-01-03

  • feilet Kun et lite versjonshopp.

[0.3.0] - 2022-01-03

  • forbedret Ressursene har fått etterlengtet oppmerksomhet, og dokumentasjonen inneholder nå oversikt over alle ressurser som er tilgjengelig. SVG-ikonene har fått egen side som viser alle tilgjengelige, og informasjon om ulike måter å bruke disse på #189.

[0.2.3] - 2021-12-06

  • forbedret Legg til ny farge "blue-5" og juster farge-dokumentasjonen bittelitt #192

[0.2.2] - 2021-12-06

  • forbedret Forbedring av UU på nettstedet og en total gjennomgang av button elementet med nye muligheter #188

[0.2.1] - 2021-11-02

  • rettet Rett feil i merge og i dokumentasjonen etter gårsdagens 0.2.0 release.

[0.2.0] - 2021-11-01

  • forbedret Forbedre Sass organisering, som gjør at alt er på stell når vi nå går videre til produksjon av elementer. Denne reorganiseringen medfører at noen moduler flytter på seg, men ved hjelp av beskrivelsen under burde det være fikset på 5-10 minutter #176.
  • rettet Forbedre kontrast på inline kode #166
  • rettet Endre systemfarge. Dette er kun en endring av fargekode #171
  • rettet En rekke forbedringer og noen bugfixer på nettsiden.

Eksempel

Denne endringen påvirker kun de som har tatt i bruk Sass-moduler. Om du kun har tatt i bruk CSS så har ingen endring skjedd.

Oppgaven endrer navn på folderen /config --> /abstracts og oppretter /variables, /functions, og /mixins som undermapper for å samle alle globale Sass variabler og verktøy. Prinsippet er at ingenting i disse folderne skal generere en eneste linje CSS når den er kompilert på egen hånd. Disse er bare Sass hjelpeverktøy.

Evt referanser til gamle settings-filen, f.eks /config/settings må derfor rettes til /abstracts/variables. Samme med referanser til breakpoints: /base/breakpoints er nå /abstracts/mixins/breakpoints.

Resultatet er mer ryddig oppsett med klart skille av oppgaver, og med det hindrer duplisering av kode som ble funnet i tidligere versjoner.

Full Changelog

https://github.com/oslokommune/oslo-designsystem/compare/ods-design-0.1.5...ods-design-0.2.0

[0.1.5] - 2021-10-28

  • rettet Referanser til fonter feiler når sass loades fra annen sass-fil #177. Å ta i bruk designsystemets Sass-filer har medført flere problemer til nå, bl.a at referansen til fontene ble feil. Denne releasen muliggjør konfigurering av denne, se på For utviklere. Anbefalt måte å ta i bruk designsystemet er å gjøre det fra din main.scss fil, og fra denne releasen er det forhåpentligvis lettere å bruke Sass variables, functions og mixins.
  • endret Filene ods-all.css og ods-all.scss har skiftet navn til ods.[css|scss]. Dette er gjort for å bedre default namespacing, som kommer fra filnavnet.

Full Changelog: https://github.com/oslokommune/oslo-designsystem/compare/ods-design-0.1.4...ods-design-0.1.5

[0.1.4] - 2021-10-27

Full Changelog: https://github.com/oslokommune/oslo-designsystem/compare/ods-design-0.1.3...ods-design-0.1.4

[0.1.3] - 2021-10-16

  • rettet Ikke send med nuxtjs og andre dependencies til brukere #168

[0.1.2] - 2021-10-14

  • rettet Trigge henting av versjoner på undersider #164

[0.1.1] - 2021-10-14

  • forbedret Nettside - Innholdsforbedringer på forsiden
  • forbedret Nettside - Innholdsforbedringer på Bidra-siden

[0.1.0] - 2021-10-14

  • endret Etter en grundig gjennomgang av design tokens og typografi-oppsett inneholder denne releasen en rekke fundamentale endringer fra tidligere versjoner. Dette krever at oppgradering krever litt søk og erstatt. En oppgraderingsguideer laget for å avhjelpe disse endringene.
  • endret Grunnleggende systemer - farger #81
  • endret Grunnleggende systemer - spacing #96
  • endret Grunnleggende systemer - breakpoints #95
  • endret Grunnleggende systemer - grids & layout #78
  • endret Grunnleggende systemer - tekst #94
  • forbedret Lage CDN for assets #146
  • forbedret Nettside - Forebedre design og layout #118
  • forbedret Nettside - Lenke til alle versjoner #93
  • forbedret En rekke forbedringer er gjort på CI/CD og AWS oppsett rundt caching, versjonering, forbedret developer experience, mm.
  • forbedret Forbedringer i dokumentasjonen