@oslokommune/punkt-elements 14.5.3 → 15.0.0

package/CHANGELOG.md

@@ -5,6 +5,56 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [15.0.0](https://github.com/oslokommune/punkt/compare/14.5.4...15.0.0) (2026-02-12)
+
+### ⚠ BREAKING CHANGES
+* PktDatepicker er nå en ren React-komponent - pluss endringer i Elements pkt-datepicker (#3241). BREAKING CHANGE: **React datepicker bruker ikke Custom Event i onValueChange, men returnerer array direkte**
+  
+  BREAKING CHANGE: **Endringer i HTML-attributter for Punkt Elements `<pkt-datepicker>`**
+  
+  `showRangeLabels` er nå `show-range-labels`
+  `calendarOpen` er nå `calendar-open`
+  
+  JavaScript-properties og React-props (`showRangeLabels`, `calendarOpen`) er uendret — kun HTML-attributtene i Punkt Elements-varianten er endret.
+  
+  **Andre endringer:**
+  
+  Lagt til til en metode for å overstyre `today`, slik at dagens dato i kalenderen kan være markert som en annen dato enn dagens faktiske dato (nyttig om man har snapshot-tester som daglig vil vike fra gårsdagens snapshots.
+  
+  Fikset en drøss med små visuelle bugs som er rapportert fra brukere og designer.
+  
+  Datepicker støtter endelig attributten `fullwidth`.
+
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [14.5.4](https://github.com/oslokommune/punkt/compare/14.5.3...14.5.4) (2026-02-12)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [14.5.2](https://github.com/oslokommune/punkt/compare/14.5.1...14.5.2) (2026-02-06)
 
 ### ⚠ BREAKING CHANGES

package/dist/{accordionitem-DB3tAjIZ.js → accordionitem-BbeS44TD.js}

@@ -1,6 +1,6 @@
 import { i as k, x as f, n as r, t as u, P as _ } from "./element-BXsf_NlG.js";
 import { e as y } from "./class-map-Dt2jXOlF.js";
-import { P as v } from "./pkt-slot-controller-BPGj-LC5.js";
+import { P as v } from "./pkt-slot-controller-D7CrjM52.js";
 import { e as m, n as h } from "./ref-BxiKhrfa.js";
 import { o as $ } from "./if-defined-CxHgig4I.js";
 var b = Object.defineProperty, P = Object.getOwnPropertyDescriptor, d = (t, e, a, o) => {

package/dist/{accordionitem-DHYmPA-o.cjs → accordionitem-DUWhTUEI.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./element-aUzIoa1s.cjs"),u=require("./class-map-CApIYSRo.cjs"),h=require("./pkt-slot-controller-BzddBp7z.cjs"),m=require("./ref-C5iJMIE1.cjs"),f=require("./if-defined-BElHLTlB.cjs");var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,d=(t,i,n,r)=>{for(var o=r>1?void 0:r?k(i,n):i,c=t.length-1,a;c>=0;c--)(a=t[c])&&(o=(r?a(i,n,o):a(o))||o);return r&&o&&y(i,n,o),o};let p=class extends e.i{constructor(){super(...arguments),this.ariaLabelledBy="",this.compact=!1,this.skin="borderless",this.name=""}updated(t){t.has("skin")&&this.requestUpdate(),t.has("name")&&this.updateAccordionItemNames()}updateAccordionItemNames(){var t;if(this.name){const i=(t=this.renderRoot)==null?void 0:t.querySelector("slot");i&&i.assignedElements().forEach(r=>{r.tagName.toLowerCase()==="pkt-accordion-item"&&(r.hasAttribute("name")||r.setAttribute("name",this.name))})}}firstUpdated(){var i;const t=(i=this.renderRoot)==null?void 0:i.querySelector("slot");t&&t.addEventListener("slotchange",()=>{this.updateAccordionItemNames()})}render(){const t={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return e.x`
+"use strict";const e=require("./element-aUzIoa1s.cjs"),u=require("./class-map-CApIYSRo.cjs"),h=require("./pkt-slot-controller-D4nKlom5.cjs"),m=require("./ref-C5iJMIE1.cjs"),f=require("./if-defined-BElHLTlB.cjs");var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,d=(t,i,n,r)=>{for(var o=r>1?void 0:r?k(i,n):i,c=t.length-1,a;c>=0;c--)(a=t[c])&&(o=(r?a(i,n,o):a(o))||o);return r&&o&&y(i,n,o),o};let p=class extends e.i{constructor(){super(...arguments),this.ariaLabelledBy="",this.compact=!1,this.skin="borderless",this.name=""}updated(t){t.has("skin")&&this.requestUpdate(),t.has("name")&&this.updateAccordionItemNames()}updateAccordionItemNames(){var t;if(this.name){const i=(t=this.renderRoot)==null?void 0:t.querySelector("slot");i&&i.assignedElements().forEach(r=>{r.tagName.toLowerCase()==="pkt-accordion-item"&&(r.hasAttribute("name")||r.setAttribute("name",this.name))})}}firstUpdated(){var i;const t=(i=this.renderRoot)==null?void 0:i.querySelector("slot");t&&t.addEventListener("slotchange",()=>{this.updateAccordionItemNames()})}render(){const t={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return e.x`
       <div
         part="container"
         class=${u.e(t)}

package/dist/{alert-GrKyqxuR.cjs → alert-B9flMht5.cjs}

@@ -1,4 +1,4 @@
-"use strict";const c=require("./class-map-CApIYSRo.cjs"),t=require("./element-aUzIoa1s.cjs"),d=require("./state-GDzxl12x.cjs"),h=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./ref-C5iJMIE1.cjs"),k=require("./classutils-BwNK82ZQ.cjs");require("./icon-Dl9ZPqe6.cjs");require("./button-R4l10Nqd.cjs");const v={skin:{default:"info"},ariaLive:{default:"polite"},compact:{default:!1},closeAlert:{default:!1}},a={props:v};var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(o,e,s,l)=>{for(var r=l>1?void 0:l?_(e,s):e,p=o.length-1,n;p>=0;p--)(n=o[p])&&(r=(l?n(e,s,r):n(r))||r);return l&&r&&f(e,s,r),r};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.compact=a.props.compact.default,this.title="",this.skin=a.props.skin.default,this.ariaLive=a.props.ariaLive.default,this["aria-live"]=null,this.closeAlert=a.props.closeAlert.default,this.date=null,this.role="status",this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0,composed:!0}))},this.slotController=new h.PktSlotController(this,this.defaultSlot),this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(e,s,l){e==="ariaLive"&&(this["aria-live"]=l),super.attributeChangedCallback(e,s,l)}updated(e){super.updated(e),e.has("ariaLive")&&(this["aria-live"]=this.ariaLive),e.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const e={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed},s={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return t.x`
+"use strict";const c=require("./class-map-CApIYSRo.cjs"),t=require("./element-aUzIoa1s.cjs"),d=require("./state-GDzxl12x.cjs"),h=require("./pkt-slot-controller-D4nKlom5.cjs"),u=require("./ref-C5iJMIE1.cjs"),k=require("./classutils-BwNK82ZQ.cjs");require("./icon-n4-ve48P.cjs");require("./button-BgCKV0zW.cjs");const v={skin:{default:"info"},ariaLive:{default:"polite"},compact:{default:!1},closeAlert:{default:!1}},a={props:v};var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(o,e,s,l)=>{for(var r=l>1?void 0:l?_(e,s):e,p=o.length-1,n;p>=0;p--)(n=o[p])&&(r=(l?n(e,s,r):n(r))||r);return l&&r&&f(e,s,r),r};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.compact=a.props.compact.default,this.title="",this.skin=a.props.skin.default,this.ariaLive=a.props.ariaLive.default,this["aria-live"]=null,this.closeAlert=a.props.closeAlert.default,this.date=null,this.role="status",this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0,composed:!0}))},this.slotController=new h.PktSlotController(this,this.defaultSlot),this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(e,s,l){e==="ariaLive"&&(this["aria-live"]=l),super.attributeChangedCallback(e,s,l)}updated(e){super.updated(e),e.has("ariaLive")&&(this["aria-live"]=this.ariaLive),e.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const e={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed},s={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return t.x`
       <div class=${c.e(e)} aria-live=${this["aria-live"]}>
         <div class=${c.e(s)}>
           <pkt-icon

package/dist/{alert-DqXar67l.js → alert-BpFxQviu.js}

@@ -1,11 +1,11 @@
 import { e as h } from "./class-map-Dt2jXOlF.js";
 import { P as f, E as u, x as p, n as a, t as v } from "./element-BXsf_NlG.js";
 import { r as k } from "./state-DgnkjP0q.js";
-import { P as m } from "./pkt-slot-controller-BPGj-LC5.js";
+import { P as m } from "./pkt-slot-controller-D7CrjM52.js";
 import { e as _, n as b } from "./ref-BxiKhrfa.js";
 import { u as y } from "./classutils-RQs1k6D9.js";
-import "./icon-BgG6oO4Q.js";
-import "./button-f36menSU.js";
+import "./icon-DBZvMard.js";
+import "./button-CKgpX5QA.js";
 const C = { skin: { default: "info" }, ariaLive: { default: "polite" }, compact: { default: !1 }, closeAlert: { default: !1 } }, c = {
   props: C
 };

package/dist/{backlink-QDcQd6vK.cjs → backlink-Bn16ZEIX.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./element-aUzIoa1s.cjs"),c=require("./if-defined-BElHLTlB.cjs");require("./icon-Dl9ZPqe6.cjs");var p=Object.defineProperty,o=Object.getOwnPropertyDescriptor,n=(k,t,a,i)=>{for(var e=i>1?void 0:i?o(t,a):t,s=k.length-1,l;s>=0;s--)(l=k[s])&&(e=(i?l(t,a,e):l(e))||e);return i&&e&&p(t,a,e),e};exports.PktBackLink=class extends r.PktElement{constructor(){super(...arguments),this.href="",this.text="Forsiden",this.ariaLabel=""}attributeChangedCallback(t,a,i){t==="arialabel"&&this.removeAttribute("arialabel"),t==="href"&&this.removeAttribute("href"),t==="text"&&this.removeAttribute("text"),super.attributeChangedCallback(t,a,i)}render(){return r.x`<nav
+"use strict";const r=require("./element-aUzIoa1s.cjs"),c=require("./if-defined-BElHLTlB.cjs");require("./icon-n4-ve48P.cjs");var p=Object.defineProperty,o=Object.getOwnPropertyDescriptor,n=(k,t,a,i)=>{for(var e=i>1?void 0:i?o(t,a):t,s=k.length-1,l;s>=0;s--)(l=k[s])&&(e=(i?l(t,a,e):l(e))||e);return i&&e&&p(t,a,e),e};exports.PktBackLink=class extends r.PktElement{constructor(){super(...arguments),this.href="",this.text="Forsiden",this.ariaLabel=""}attributeChangedCallback(t,a,i){t==="arialabel"&&this.removeAttribute("arialabel"),t==="href"&&this.removeAttribute("href"),t==="text"&&this.removeAttribute("text"),super.attributeChangedCallback(t,a,i)}render(){return r.x`<nav
       class="pkt-back-link"
       aria-label=${this.ariaLabel||"Gå tilbake til forrige side"}
     >

package/dist/{backlink-CqUcmiPQ.js → backlink-DfMabyBp.js}

@@ -1,6 +1,6 @@
 import { P as c, x as k, n as o, t as h } from "./element-BXsf_NlG.js";
 import { o as b } from "./if-defined-CxHgig4I.js";
-import "./icon-BgG6oO4Q.js";
+import "./icon-DBZvMard.js";
 var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, n = (t, r, i, l) => {
   for (var e = l > 1 ? void 0 : l ? u(r, i) : r, s = t.length - 1, p; s >= 0; s--)
     (p = t[s]) && (e = (l ? p(r, i, e) : p(e)) || e);

package/dist/{button-R4l10Nqd.cjs → button-BgCKV0zW.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-aUzIoa1s.cjs"),h=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./class-map-CApIYSRo.cjs"),a=require("./if-defined-BElHLTlB.cjs"),d=require("./ref-C5iJMIE1.cjs");require("./icon-Dl9ZPqe6.cjs");var c=Object.defineProperty,k=Object.getOwnPropertyDescriptor,e=(r,i,o,n)=>{for(var s=n>1?void 0:n?k(i,o):i,l=r.length-1,p;l>=0;l--)(p=r[l])&&(s=(n?p(i,o,s):p(s))||s);return n&&s&&c(i,o,s),s};window.pktAnimationPath=window.pktAnimationPath||"https://punkt-cdn.oslo.kommune.no/latest/animations/";exports.PktButton=class extends t.PktElement{constructor(){super(),this.defaultSlot=d.e(),this.iconName="user",this.secondIconName="user",this.mode="light",this.size="medium",this.fullWidth=!1,this.fullWidthOnMobile=!1,this.skin="primary",this.variant="label-only",this.state="normal",this.type="button",this.form=void 0,this.isLoading=!1,this.disabled=!1,this.loadingAnimationPath=window.pktAnimationPath,this.slotController=new h.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",i=>{(this.disabled||this.hasAttribute("disabled")||this.isLoading)&&(i.preventDefault(),i.stopImmediatePropagation())},!0),this.addEventListener("keydown",i=>{(this.disabled||this.hasAttribute("disabled")||this.isLoading)&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),i.stopImmediatePropagation())},!0)}attributeChangedCallback(i,o,n){super.attributeChangedCallback(i,o,n),i==="disabled"&&n==="false"&&(this.disabled=!1),(i==="isloading"||i==="isLoading")&&n==="false"&&(this.isLoading=!1)}firstUpdated(i){super.firstUpdated(i),this.disabled==="false"&&(this.disabled=!1),this.isLoading==="false"&&(this.isLoading=!1)}render(){const i=this.form??this.getAttribute("form")??void 0,o={"pkt-btn":!0,[`pkt-btn--${this.size}`]:!!this.size,[`pkt-btn--${this.skin}`]:!!this.skin,[`pkt-btn--${this.variant}`]:!!this.variant,[`pkt-btn--${this.color}`]:!!this.color,[`pkt-btn--${this.state}`]:!!this.state,"pkt-btn--full":!!this.fullWidth,"pkt-btn--full-small":!!this.fullWidthOnMobile,"pkt-btn--disabled":!!this.disabled,"pkt-btn--isLoading":!!this.isLoading};return t.x`
+"use strict";const t=require("./element-aUzIoa1s.cjs"),h=require("./pkt-slot-controller-D4nKlom5.cjs"),u=require("./class-map-CApIYSRo.cjs"),a=require("./if-defined-BElHLTlB.cjs"),d=require("./ref-C5iJMIE1.cjs");require("./icon-n4-ve48P.cjs");var c=Object.defineProperty,k=Object.getOwnPropertyDescriptor,e=(r,i,o,n)=>{for(var s=n>1?void 0:n?k(i,o):i,l=r.length-1,p;l>=0;l--)(p=r[l])&&(s=(n?p(i,o,s):p(s))||s);return n&&s&&c(i,o,s),s};window.pktAnimationPath=window.pktAnimationPath||"https://punkt-cdn.oslo.kommune.no/latest/animations/";exports.PktButton=class extends t.PktElement{constructor(){super(),this.defaultSlot=d.e(),this.iconName="user",this.secondIconName="user",this.mode="light",this.size="medium",this.fullWidth=!1,this.fullWidthOnMobile=!1,this.skin="primary",this.variant="label-only",this.state="normal",this.type="button",this.form=void 0,this.isLoading=!1,this.disabled=!1,this.loadingAnimationPath=window.pktAnimationPath,this.slotController=new h.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",i=>{(this.disabled||this.hasAttribute("disabled")||this.isLoading)&&(i.preventDefault(),i.stopImmediatePropagation())},!0),this.addEventListener("keydown",i=>{(this.disabled||this.hasAttribute("disabled")||this.isLoading)&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),i.stopImmediatePropagation())},!0)}attributeChangedCallback(i,o,n){super.attributeChangedCallback(i,o,n),i==="disabled"&&n==="false"&&(this.disabled=!1),(i==="isloading"||i==="isLoading")&&n==="false"&&(this.isLoading=!1)}firstUpdated(i){super.firstUpdated(i),this.disabled==="false"&&(this.disabled=!1),this.isLoading==="false"&&(this.isLoading=!1)}render(){const i=this.form??this.getAttribute("form")??void 0,o={"pkt-btn":!0,[`pkt-btn--${this.size}`]:!!this.size,[`pkt-btn--${this.skin}`]:!!this.skin,[`pkt-btn--${this.variant}`]:!!this.variant,[`pkt-btn--${this.color}`]:!!this.color,[`pkt-btn--${this.state}`]:!!this.state,"pkt-btn--full":!!this.fullWidth,"pkt-btn--full-small":!!this.fullWidthOnMobile,"pkt-btn--disabled":!!this.disabled,"pkt-btn--isLoading":!!this.isLoading};return t.x`
       <button
         class=${u.e(o)}
         type=${this.type}

package/dist/{button-f36menSU.js → button-CKgpX5QA.js}

@@ -1,9 +1,9 @@
 import { P as f, E as c, x as l, n as s, t as b } from "./element-BXsf_NlG.js";
-import { P as u } from "./pkt-slot-controller-BPGj-LC5.js";
+import { P as u } from "./pkt-slot-controller-D7CrjM52.js";
 import { e as m } from "./class-map-Dt2jXOlF.js";
 import { o as r } from "./if-defined-CxHgig4I.js";
 import { e as y, n as k } from "./ref-BxiKhrfa.js";
-import "./icon-BgG6oO4Q.js";
+import "./icon-DBZvMard.js";
 var g = Object.defineProperty, P = Object.getOwnPropertyDescriptor, e = (t, o, n, p) => {
   for (var a = p > 1 ? void 0 : p ? P(o, n) : o, d = t.length - 1, h; d >= 0; d--)
     (h = t[d]) && (a = (p ? h(o, n, a) : h(a)) || a);