@oslokommune/punkt-elements 12.40.9 → 12.40.10

package/CHANGELOG.md

@@ -5,6 +5,23 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [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
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.40.8](https://github.com/oslokommune/punkt/compare/12.40.7...12.40.8) (2025-06-02)
 
 ### ⚠ BREAKING CHANGES

package/dist/{checkbox-CtM5Hr2H.js → checkbox-B67_cfqW.js}

@@ -30,6 +30,7 @@ let t = class extends k {
       "pkt-input-check__input-checkbox--error": this.hasError
     }), c = u({
       "pkt-input-check__input-label": !0,
+      "pkt-input-check__input-label--disabled": this.disabled,
       "pkt-input-check__input-label--left": this.labelPosition === "left",
       "pkt-input-check__input-label--right": this.labelPosition === "right",
       "pkt-sr-only": this.hideLabel

package/dist/{checkbox-Dqd2_fcU.cjs → checkbox-CiXWukkL.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./element-90YeMNbV.cjs"),a=require("./input-element-CInrWeac.cjs"),k=require("./ref-B-w1vCo8.cjs"),o=require("./class-map-DWDPOqjO.cjs");var r=Object.defineProperty,u=Object.getOwnPropertyDescriptor,c=(l,t,s,h)=>{for(var i=h>1?void 0:h?u(t,s):t,n=l.length-1,p;n>=0;n--)(p=l[n])&&(i=(h?p(t,s,i):p(i))||i);return h&&i&&r(t,s,i),i};exports.PktCheckbox=class extends a.PktInputElement{constructor(){super(...arguments),this.inputRef=k.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.isSwitch=!1,this.labelPosition="right",this.hideLabel=!1,this.checked=null,this.type="checkbox"}connectedCallback(){super.connectedCallback()}attributeChangedCallback(t,s,h){t==="defaultChecked"&&!this.checked&&(this.checked=this.defaultChecked),t==="checked"&&(this.checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(t,s,h)}firstUpdated(t){t.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),super.firstUpdated(t)}render(){const t=o.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),s=o.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),h=o.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--left":this.labelPosition==="left","pkt-input-check__input-label--right":this.labelPosition==="right","pkt-sr-only":this.hideLabel}),i=()=>e.x`
+"use strict";const e=require("./element-90YeMNbV.cjs"),a=require("./input-element-CInrWeac.cjs"),k=require("./ref-B-w1vCo8.cjs"),o=require("./class-map-DWDPOqjO.cjs");var r=Object.defineProperty,u=Object.getOwnPropertyDescriptor,c=(l,t,s,h)=>{for(var i=h>1?void 0:h?u(t,s):t,n=l.length-1,p;n>=0;n--)(p=l[n])&&(i=(h?p(t,s,i):p(i))||i);return h&&i&&r(t,s,i),i};exports.PktCheckbox=class extends a.PktInputElement{constructor(){super(...arguments),this.inputRef=k.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.isSwitch=!1,this.labelPosition="right",this.hideLabel=!1,this.checked=null,this.type="checkbox"}connectedCallback(){super.connectedCallback()}attributeChangedCallback(t,s,h){t==="defaultChecked"&&!this.checked&&(this.checked=this.defaultChecked),t==="checked"&&(this.checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(t,s,h)}firstUpdated(t){t.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),super.firstUpdated(t)}render(){const t=o.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),s=o.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),h=o.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-input-check__input-label--left":this.labelPosition==="left","pkt-input-check__input-label--right":this.labelPosition==="right","pkt-sr-only":this.hideLabel}),i=()=>e.x`
         <label class=${h} for=${this.id+"-internal"}>
           ${this.label}
           ${this.checkHelptext?e.x`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:e.E}

package/dist/pkt-checkbox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./checkbox-Dqd2_fcU.cjs"),t=e.PktCheckbox;Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>e.PktCheckbox});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./checkbox-CiXWukkL.cjs"),t=e.PktCheckbox;Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>e.PktCheckbox});exports.default=t;

package/dist/pkt-checkbox.js

@@ -1,4 +1,4 @@
-import { P as o } from "./checkbox-CtM5Hr2H.js";
+import { P as o } from "./checkbox-B67_cfqW.js";
 const k = o;
 export {
   o as PktCheckbox,

package/dist/pkt-index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./alert-D2PhTV94.cjs"),l=require("./accordionitem-Dz6jwPpb.cjs"),d=require("./backlink-CcAZfB1d.cjs"),b=require("./button-oZThyRNI.cjs"),k=require("./calendar-BDeaGBaH.cjs"),m=require("./card-CmdIb2X9.cjs"),g=require("./combobox-lds6Lryq.cjs"),h=require("./consent-CkDh30xr.cjs"),f=require("./checkbox-Dqd2_fcU.cjs"),t=require("./element-90YeMNbV.cjs"),y=require("./pkt-slot-controller-Da-RgXfS.cjs"),s=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),j=require("./datepicker-DpQV8G6g.cjs"),q=require("./helptext-AqNI_oFG.cjs"),x=require("./heading-CxJ0IqpU.cjs"),C=require("./icon-B1_BRNqf.cjs"),v=require("./input-wrapper-B_TtkGqo.cjs"),S=require("./link-BWJrqWi7.cjs"),$=require("./linkcard-0KLDuaGM.cjs"),L=require("./loader--5h6NKGl.cjs"),_=require("./messagebox-IJOkv427.cjs"),A=require("./modal-CBURcXBd.cjs"),B=require("./progressbar-BrXtjUvh.cjs"),p=require("./radiobutton-C7tqzN0V.cjs"),T=require("./tag-lU4vz70a.cjs"),I=require("./textarea-j8kBS-hf.cjs"),M=require("./textinput-kmcj-FlC.cjs"),R=require("./select-BUvu5SFp.cjs");var H=Object.defineProperty,w=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?w(e,r):e,u=a.length-1,c;u>=0;u--)(c=a[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&H(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=s.e(),this.namedSlot=s.e(),this.slotController=new y.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./alert-D2PhTV94.cjs"),l=require("./accordionitem-Dz6jwPpb.cjs"),d=require("./backlink-CcAZfB1d.cjs"),b=require("./button-oZThyRNI.cjs"),k=require("./calendar-BDeaGBaH.cjs"),m=require("./card-CmdIb2X9.cjs"),g=require("./combobox-lds6Lryq.cjs"),h=require("./consent-CkDh30xr.cjs"),f=require("./checkbox-CiXWukkL.cjs"),t=require("./element-90YeMNbV.cjs"),y=require("./pkt-slot-controller-Da-RgXfS.cjs"),s=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),j=require("./datepicker-DpQV8G6g.cjs"),q=require("./helptext-AqNI_oFG.cjs"),x=require("./heading-CxJ0IqpU.cjs"),C=require("./icon-B1_BRNqf.cjs"),v=require("./input-wrapper-B_TtkGqo.cjs"),S=require("./link-BWJrqWi7.cjs"),$=require("./linkcard-0KLDuaGM.cjs"),L=require("./loader--5h6NKGl.cjs"),_=require("./messagebox-IJOkv427.cjs"),A=require("./modal-CBURcXBd.cjs"),B=require("./progressbar-BrXtjUvh.cjs"),p=require("./radiobutton-x10h-JEh.cjs"),T=require("./tag-lU4vz70a.cjs"),I=require("./textarea-j8kBS-hf.cjs"),M=require("./textinput-kmcj-FlC.cjs"),R=require("./select-BUvu5SFp.cjs");var H=Object.defineProperty,w=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?w(e,r):e,u=a.length-1,c;u>=0;u--)(c=a[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&H(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=s.e(),this.namedSlot=s.e(),this.slotController=new y.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
       <div class="${O.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/dist/pkt-index.js

@@ -7,7 +7,7 @@ import { P as D } from "./calendar-Beno8yU7.js";
 import { P as G } from "./card-BxHlJq4J.js";
 import { P as K } from "./combobox-Ct7-a2Vy.js";
 import { P as U } from "./consent-B_cBTKCZ.js";
-import { P as q } from "./checkbox-CtM5Hr2H.js";
+import { P as q } from "./checkbox-B67_cfqW.js";
 import { P as k, t as h, x as P, n, a as c } from "./element-gAd63VwC.js";
 import { P as x } from "./pkt-slot-controller-DtDaD9q_.js";
 import { e as m, n as d } from "./ref-DnSbnXsj.js";
@@ -23,7 +23,7 @@ import { P as it } from "./loader-xkMMWgaj.js";
 import { P as lt } from "./messagebox-BLTBG8nD.js";
 import { P as mt } from "./modal-C6ljjVs6.js";
 import { P as ft } from "./progressbar-BSO0KWzv.js";
-import { P as ht, P as ct } from "./radiobutton-CxEBrLss.js";
+import { P as ht, P as ct } from "./radiobutton-BaIDDCwK.js";
 import { P as ut } from "./tag-CX-zbR-7.js";
 import { P as vt } from "./textarea-CmXiVLbl.js";
 import { P as bt } from "./textinput-LLaLZX3h.js";

package/dist/pkt-radiobutton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./radiobutton-C7tqzN0V.cjs"),e=t.PktRadioButton;Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>t.PktRadioButton});exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./radiobutton-x10h-JEh.cjs"),e=t.PktRadioButton;Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>t.PktRadioButton});exports.default=e;

package/dist/pkt-radiobutton.js

@@ -1,4 +1,4 @@
-import { P as t } from "./radiobutton-CxEBrLss.js";
+import { P as t } from "./radiobutton-BaIDDCwK.js";
 const a = t;
 export {
   t as PktRadioButton,

package/dist/{radiobutton-CxEBrLss.js → radiobutton-BaIDDCwK.js}

@@ -1,12 +1,12 @@
-import { E as u, x as n, n as h, a as d } from "./element-gAd63VwC.js";
+import { x as n, E as u, n as p, a as d } from "./element-gAd63VwC.js";
 import { r as k } from "./state-BxrO4zNJ.js";
 import { P as f } from "./input-element-BEvaQK4g.js";
 import { e as _, n as b } from "./ref-DnSbnXsj.js";
 import { e as o } from "./class-map-m7ZCZ49w.js";
-var v = Object.defineProperty, C = Object.getOwnPropertyDescriptor, c = (e, i, p, l) => {
-  for (var s = l > 1 ? void 0 : l ? C(i, p) : i, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (s = (l ? a(i, p, s) : a(s)) || s);
-  return l && s && v(i, p, s), s;
+var $ = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = (e, i, s, l) => {
+  for (var h = l > 1 ? void 0 : l ? v(i, s) : i, r = e.length - 1, a; r >= 0; r--)
+    (a = e[r]) && (h = (l ? a(i, s, h) : a(h)) || h);
+  return l && h && $(i, s, h), h;
 };
 let t = class extends f {
   constructor() {
@@ -15,8 +15,8 @@ let t = class extends f {
   connectedCallback() {
     super.connectedCallback();
   }
-  attributeChangedCallback(e, i, p) {
-    e === "defaultChecked" && (this._checked = this.defaultChecked), e === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(e, i, p);
+  attributeChangedCallback(e, i, s) {
+    e === "defaultChecked" && (this._checked = this.defaultChecked), e === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(e, i, s);
   }
   render() {
     const e = o({
@@ -26,7 +26,16 @@ let t = class extends f {
     }), i = o({
       "pkt-input-check__input-checkbox": !0,
       "pkt-input-check__input-checkbox--error": this.hasError
-    });
+    }), s = o({
+      "pkt-input-check__input-label": !0,
+      "pkt-input-check__input-label--disabled": this.disabled,
+      "pkt-sr-only": this.hideLabel
+    }), l = () => n`
+        <label class=${s} for=${this.id + "-internal"}>
+          ${this.label}
+          ${this.checkHelptext ? n`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : u}
+        </label>
+      `;
     return n`
       <div class="pkt-input-check">
         <div class=${e}>
@@ -45,10 +54,7 @@ let t = class extends f {
             @focus=${this.onFocus}
             ?checked=${this.checked}
           />
-          <label class="pkt-input-check__input-label" for=${this.id + "-internal"}>
-            ${this.label}
-            ${this.checkHelptext ? n`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : u}
-          </label>
+          ${l()}
         </div>
       </div>
     `;
@@ -58,22 +64,22 @@ let t = class extends f {
   }
 };
 c([
-  h({ type: String, reflect: !0 })
+  p({ type: String, reflect: !0 })
 ], t.prototype, "value", 2);
 c([
-  h({ type: String })
+  p({ type: String })
 ], t.prototype, "checkHelptext", 2);
 c([
-  h({ type: Boolean })
+  p({ type: Boolean })
 ], t.prototype, "defaultChecked", 2);
 c([
-  h({ type: Boolean })
+  p({ type: Boolean })
 ], t.prototype, "hasTile", 2);
 c([
-  h({ type: Boolean, reflect: !0 })
+  p({ type: Boolean, reflect: !0 })
 ], t.prototype, "checked", 2);
 c([
-  h({ type: String, reflect: !0 })
+  p({ type: String, reflect: !0 })
 ], t.prototype, "type", 2);
 c([
   k()

package/dist/{radiobutton-C7tqzN0V.cjs → radiobutton-x10h-JEh.cjs}

@@ -1,9 +1,14 @@
-"use strict";const e=require("./element-90YeMNbV.cjs"),p=require("./state-D-Recv7U.cjs"),r=require("./input-element-CInrWeac.cjs"),o=require("./ref-B-w1vCo8.cjs"),a=require("./class-map-DWDPOqjO.cjs");var d=Object.defineProperty,k=Object.getOwnPropertyDescriptor,i=(h,t,c,n)=>{for(var s=n>1?void 0:n?k(t,c):t,l=h.length-1,u;l>=0;l--)(u=h[l])&&(s=(n?u(t,c,s):u(s))||s);return n&&s&&d(t,c,s),s};exports.PktRadioButton=class extends r.PktInputElement{constructor(){super(...arguments),this.inputRef=o.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=null,this.type="radio",this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(t,c,n){t==="defaultChecked"&&(this._checked=this.defaultChecked),t==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(t,c,n)}render(){const t=a.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),c=a.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError});return e.x`
+"use strict";const e=require("./element-90YeMNbV.cjs"),p=require("./state-D-Recv7U.cjs"),r=require("./input-element-CInrWeac.cjs"),o=require("./ref-B-w1vCo8.cjs"),u=require("./class-map-DWDPOqjO.cjs");var d=Object.defineProperty,k=Object.getOwnPropertyDescriptor,s=(l,t,n,c)=>{for(var i=c>1?void 0:c?k(t,n):t,h=l.length-1,a;h>=0;h--)(a=l[h])&&(i=(c?a(t,n,i):a(i))||i);return c&&i&&d(t,n,i),i};exports.PktRadioButton=class extends r.PktInputElement{constructor(){super(...arguments),this.inputRef=o.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=null,this.type="radio",this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(t,n,c){t==="defaultChecked"&&(this._checked=this.defaultChecked),t==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(t,n,c)}render(){const t=u.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),n=u.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),c=u.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-sr-only":this.hideLabel}),i=()=>e.x`
+        <label class=${c} for=${this.id+"-internal"}>
+          ${this.label}
+          ${this.checkHelptext?e.x`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:e.E}
+        </label>
+      `;return e.x`
       <div class="pkt-input-check">
         <div class=${t}>
           <input
             id=${this.id+"-internal"}
-            class=${c}
+            class=${n}
             type="radio"
             role="radio"
             ?disabled=${this.disabled}
@@ -16,10 +21,7 @@
             @focus=${this.onFocus}
             ?checked=${this.checked}
           />
-          <label class="pkt-input-check__input-label" for=${this.id+"-internal"}>
-            ${this.label}
-            ${this.checkHelptext?e.x`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:e.E}
-          </label>
+          ${i()}
         </div>
       </div>
-    `}toggleChecked(t=null){t&&t.preventDefault(),t&&t.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this._checked=this.inputRef.value.matches(":checked"),this.valueChecked(this._checked))}};i([e.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"value",2);i([e.n({type:String})],exports.PktRadioButton.prototype,"checkHelptext",2);i([e.n({type:Boolean})],exports.PktRadioButton.prototype,"defaultChecked",2);i([e.n({type:Boolean})],exports.PktRadioButton.prototype,"hasTile",2);i([e.n({type:Boolean,reflect:!0})],exports.PktRadioButton.prototype,"checked",2);i([e.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"type",2);i([p.r()],exports.PktRadioButton.prototype,"_checked",2);exports.PktRadioButton=i([e.t("pkt-radiobutton")],exports.PktRadioButton);
+    `}toggleChecked(t=null){t&&t.preventDefault(),t&&t.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this._checked=this.inputRef.value.matches(":checked"),this.valueChecked(this._checked))}};s([e.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"value",2);s([e.n({type:String})],exports.PktRadioButton.prototype,"checkHelptext",2);s([e.n({type:Boolean})],exports.PktRadioButton.prototype,"defaultChecked",2);s([e.n({type:Boolean})],exports.PktRadioButton.prototype,"hasTile",2);s([e.n({type:Boolean,reflect:!0})],exports.PktRadioButton.prototype,"checked",2);s([e.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"type",2);s([p.r()],exports.PktRadioButton.prototype,"_checked",2);exports.PktRadioButton=s([e.t("pkt-radiobutton")],exports.PktRadioButton);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.40.9",
+  "version": "12.40.10",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -32,7 +32,7 @@
   },
   "devDependencies": {
     "@oslokommune/punkt-assets": "^12.39.2",
-    "@oslokommune/punkt-css": "^12.40.9",
+    "@oslokommune/punkt-css": "^12.40.10",
     "sass": "^1.78.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.18",
@@ -59,5 +59,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "c0dcdafe2c567fae82afb53fa36abd998bbef63a"
+  "gitHead": "cc642acc20fb7c667d25909bd6309fe613f66c6f"
 }

package/src/components/checkbox/checkbox.ts

@@ -54,6 +54,7 @@ export class PktCheckbox extends PktInputElement {
 
     const labelClasses = classMap({
       'pkt-input-check__input-label': true,
+      'pkt-input-check__input-label--disabled': this.disabled,
       'pkt-input-check__input-label--left': this.labelPosition === 'left',
       'pkt-input-check__input-label--right': this.labelPosition === 'right',
       'pkt-sr-only': this.hideLabel,

package/src/components/radiobutton/radiobutton.ts

@@ -44,6 +44,23 @@ export class PktRadioButton extends PktInputElement {
       'pkt-input-check__input-checkbox--error': this.hasError,
     })
 
+    const labelClasses = classMap({
+      'pkt-input-check__input-label': true,
+      'pkt-input-check__input-label--disabled': this.disabled,
+      'pkt-sr-only': this.hideLabel,
+    })
+
+    const labelAndHelptext = () => {
+      return html`
+        <label class=${labelClasses} for=${this.id + '-internal'}>
+          ${this.label}
+          ${this.checkHelptext
+            ? html`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`
+            : nothing}
+        </label>
+      `
+    }
+
     return html`
       <div class="pkt-input-check">
         <div class=${inputTileClasses}>
@@ -62,12 +79,7 @@ export class PktRadioButton extends PktInputElement {
             @focus=${this.onFocus}
             ?checked=${this.checked}
           />
-          <label class="pkt-input-check__input-label" for=${this.id + '-internal'}>
-            ${this.label}
-            ${this.checkHelptext
-              ? html`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`
-              : nothing}
-          </label>
+          ${labelAndHelptext()}
         </div>
       </div>
     `