@oslokommune/punkt-elements 13.20.0 → 13.22.0

package/CHANGELOG.md

@@ -5,6 +5,40 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [13.22.0](https://github.com/oslokommune/punkt/compare/13.21.0...13.22.0) (2026-01-30)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [13.21.0](https://github.com/oslokommune/punkt/compare/13.20.0...13.21.0) (2026-01-30)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [13.20.0](https://github.com/oslokommune/punkt/compare/13.19.2...13.20.0) (2026-01-23)
 
 ### ⚠ BREAKING CHANGES

package/dist/{card-u_TMZLDj.js → card-0F02tcJV.js}

@@ -5,7 +5,7 @@ import { P as $ } from "./pkt-slot-controller-BPGj-LC5.js";
 import { e as y, n as _ } from "./ref-Xa5dbh--.js";
 import "./icon-1dy7UZcu.js";
 import "./tag-BpCdJuei.js";
-import "./heading-Cs5yGnJg.js";
+import "./heading-BUdy170t.js";
 const b = { layout: { default: "vertical" }, skin: { type: ["outlined", "outlined-beige", "gray", "blue", "beige", "green"], default: "outlined" }, padding: { default: "default" } }, p = {
   props: b
 };
@@ -77,6 +77,7 @@ let a = class extends u {
               .level=${this.headinglevel || 3}
               size="medium"
               nospacing
+              weight="regular"
             >
               ${this.heading}
             </pkt-heading>
@@ -90,6 +91,7 @@ let a = class extends u {
               class="pkt-card__link-heading pkt-card__heading"
               .level=${this.headinglevel || 3}
               size="medium"
+              weight="regular"
               nospacing
             >
               <a

package/dist/{card-CIJD8Ezs.cjs → card-BAoH1g6O.cjs}

@@ -1,4 +1,4 @@
-"use strict";const p=require("./class-map-C_erArZz.cjs"),h=require("./if-defined-Bc9-_I01.cjs"),t=require("./element-CJ_QKaki.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-BFa5Utho.cjs");require("./icon-BGuizDwk.cjs");require("./tag-BkuJjOy7.cjs");require("./heading--JKFppLS.cjs");const k={layout:{default:"vertical"},skin:{type:["outlined","outlined-beige","gray","blue","beige","green"],default:"outlined"},padding:{default:"default"}},o={props:k};var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,e=(i,a,s,n)=>{for(var r=n>1?void 0:n?m(a,s):a,d=i.length-1,l;d>=0;d--)(l=i[d])&&(r=(n?l(a,s,r):l(r))||r);return n&&r&&u(a,s,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=o.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=o.props.padding.default,this.skin=o.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[],this.slotController=new g.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){var r,d;const a={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},s=((r=this.ariaLabel)==null?void 0:r.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),n=((d=this.ariaLabel)==null?void 0:d.trim())||(this.heading?this.heading:"kort");return t.x`
+"use strict";const p=require("./class-map-C_erArZz.cjs"),h=require("./if-defined-Bc9-_I01.cjs"),t=require("./element-CJ_QKaki.cjs"),c=require("./pkt-slot-controller-BzddBp7z.cjs"),g=require("./ref-BFa5Utho.cjs");require("./icon-BGuizDwk.cjs");require("./tag-BkuJjOy7.cjs");require("./heading-Dv_cH6N1.cjs");const k={layout:{default:"vertical"},skin:{type:["outlined","outlined-beige","gray","blue","beige","green"],default:"outlined"},padding:{default:"default"}},o={props:k};var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,e=(i,a,s,n)=>{for(var r=n>1?void 0:n?m(a,s):a,d=i.length-1,l;d>=0;d--)(l=i[d])&&(r=(n?l(a,s,r):l(r))||r);return n&&r&&u(a,s,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=g.e(),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=o.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=o.props.padding.default,this.skin=o.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[],this.slotController=new c.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){var r,d;const a={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},s=((r=this.ariaLabel)==null?void 0:r.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),n=((d=this.ariaLabel)==null?void 0:d.trim())||(this.heading?this.heading:"kort");return t.x`
       <article
         class=${p.e(a)}
         aria-label=${h.o(this.clickCardLink?s:n)}
@@ -25,6 +25,7 @@
               .level=${this.headinglevel||3}
               size="medium"
               nospacing
+              weight="regular"
             >
               ${this.heading}
             </pkt-heading>
@@ -35,6 +36,7 @@
               class="pkt-card__link-heading pkt-card__heading"
               .level=${this.headinglevel||3}
               size="medium"
+              weight="regular"
               nospacing
             >
               <a
@@ -76,7 +78,7 @@
             </div>
           `:t.E}
     `}renderSlot(){return t.x`
-      ${this.defaultSlot&&t.x`<section class="pkt-card__content" ${c.n(this.defaultSlot)}></section>`}
+      ${this.defaultSlot&&t.x`<section class="pkt-card__content" ${g.n(this.defaultSlot)}></section>`}
     `}renderMetadata(){return t.x`
       ${this.metaLead||this.metaTrail?t.x`
             <footer class="pkt-card__metadata">

package/dist/heading-BUdy170t.js

@@ -0,0 +1,101 @@
+import { b as n, x as g, n as r, a as p } from "./element-CRDRygXu.js";
+var o = Object.defineProperty, c = Object.getOwnPropertyDescriptor, l = (e, a, t, h) => {
+  for (var i = h > 1 ? void 0 : h ? c(a, t) : a, d = e.length - 1, u; d >= 0; d--)
+    (u = e[d]) && (i = (h ? u(a, t, i) : u(i)) || i);
+  return h && i && o(a, t, i), i;
+};
+let s = class extends n {
+  constructor() {
+    super(...arguments), this.size = void 0, this.level = 2, this.weight = void 0, this.visuallyHidden = !1, this.align = void 0;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("role", "heading"), this.setAttribute("aria-level", String(this.level)), this.updateHostClasses();
+  }
+  attributeChangedCallback(e, a, t) {
+    super.attributeChangedCallback(e, a, t), e === "level" && t && this.setLevel(Number(t)), e === "visuallyHidden" && (this.visuallyHidden = t !== null && t !== "false"), (e === "size" || e === "visuallyHidden" || e === "align" || e === "weight") && this.updateHostClasses();
+  }
+  updated(e) {
+    super.updated(e), e.has("level") && (this.setLevel(this.level), this.hasAttribute("size") || (this.size = this.defaultSizeForLevel), this.hasAttribute("weight") || (this.weight = this.defaultWeightForLevel)), !this.hasAttribute("size") && (e.has("level") || this.size === void 0) && (this.size = this.defaultSizeForLevel), (e.has("size") || e.has("visuallyHidden") || e.has("align") || e.has("weight")) && this.updateHostClasses();
+  }
+  setLevel(e) {
+    e >= 1 && e <= 6 ? (this.level = e, this.setAttribute("aria-level", String(e))) : console.warn(`Invalid heading level: ${e}. Must be between 1 and 6.`);
+  }
+  get defaultSizeForLevel() {
+    switch (this.level) {
+      case 1:
+        return "xlarge";
+      case 2:
+        return "large";
+      case 3:
+        return "medium";
+      case 4:
+        return "small";
+      case 5:
+        return "xsmall";
+      case 6:
+        return "xsmall";
+      default:
+        return "medium";
+    }
+  }
+  get defaultWeightForLevel() {
+    switch (this.level) {
+      case 1:
+        return "regular";
+      case 2:
+        return "regular";
+      case 3:
+        return "medium";
+      case 4:
+        return "medium";
+      case 5:
+        return "medium";
+      case 6:
+        return "medium";
+      default:
+        return "medium";
+    }
+  }
+  updateHostClasses() {
+    this.classList.remove(
+      "pkt-heading",
+      "pkt-heading--xsmall",
+      "pkt-heading--small",
+      "pkt-heading--medium",
+      "pkt-heading--large",
+      "pkt-heading--xlarge",
+      "pkt-sr-only",
+      "pkt-heading--start",
+      "pkt-heading--center",
+      "pkt-heading--end",
+      "pkt-heading--light",
+      "pkt-heading--regular",
+      "pkt-heading--medium",
+      "pkt-heading--bold"
+    ), this.classList.add("pkt-heading"), this.size && this.classList.add(`pkt-heading--${this.size}`), this.weight && this.classList.add(`pkt-heading--fw-${this.weight}`), this.visuallyHidden && this.classList.add("pkt-sr-only"), this.align && this.classList.add(`pkt-heading--${this.align}`);
+  }
+  render() {
+    return g`<slot></slot>`;
+  }
+};
+l([
+  r({ type: String, reflect: !0 })
+], s.prototype, "size", 2);
+l([
+  r({ type: Number, reflect: !0 })
+], s.prototype, "level", 2);
+l([
+  r({ type: String, reflect: !0 })
+], s.prototype, "weight", 2);
+l([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "visuallyHidden", 2);
+l([
+  r({ type: String, reflect: !0 })
+], s.prototype, "align", 2);
+s = l([
+  p("pkt-heading")
+], s);
+export {
+  s as P
+};

package/dist/heading-Dv_cH6N1.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./element-CJ_QKaki.cjs");var n=Object.defineProperty,u=Object.getOwnPropertyDescriptor,a=(r,e,l,t)=>{for(var s=t>1?void 0:t?u(e,l):e,d=r.length-1,h;d>=0;d--)(h=r[d])&&(s=(t?h(e,l,s):h(s))||s);return t&&s&&n(e,l,s),s};exports.PktHeading=class extends i.PktShadowElement{constructor(){super(...arguments),this.size=void 0,this.level=2,this.weight=void 0,this.visuallyHidden=!1,this.align=void 0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","heading"),this.setAttribute("aria-level",String(this.level)),this.updateHostClasses()}attributeChangedCallback(e,l,t){super.attributeChangedCallback(e,l,t),e==="level"&&t&&this.setLevel(Number(t)),e==="visuallyHidden"&&(this.visuallyHidden=t!==null&&t!=="false"),(e==="size"||e==="visuallyHidden"||e==="align"||e==="weight")&&this.updateHostClasses()}updated(e){super.updated(e),e.has("level")&&(this.setLevel(this.level),this.hasAttribute("size")||(this.size=this.defaultSizeForLevel),this.hasAttribute("weight")||(this.weight=this.defaultWeightForLevel)),!this.hasAttribute("size")&&(e.has("level")||this.size===void 0)&&(this.size=this.defaultSizeForLevel),(e.has("size")||e.has("visuallyHidden")||e.has("align")||e.has("weight"))&&this.updateHostClasses()}setLevel(e){e>=1&&e<=6?(this.level=e,this.setAttribute("aria-level",String(e))):console.warn(`Invalid heading level: ${e}. Must be between 1 and 6.`)}get defaultSizeForLevel(){switch(this.level){case 1:return"xlarge";case 2:return"large";case 3:return"medium";case 4:return"small";case 5:return"xsmall";case 6:return"xsmall";default:return"medium"}}get defaultWeightForLevel(){switch(this.level){case 1:return"regular";case 2:return"regular";case 3:return"medium";case 4:return"medium";case 5:return"medium";case 6:return"medium";default:return"medium"}}updateHostClasses(){this.classList.remove("pkt-heading","pkt-heading--xsmall","pkt-heading--small","pkt-heading--medium","pkt-heading--large","pkt-heading--xlarge","pkt-sr-only","pkt-heading--start","pkt-heading--center","pkt-heading--end","pkt-heading--light","pkt-heading--regular","pkt-heading--medium","pkt-heading--bold"),this.classList.add("pkt-heading"),this.size&&this.classList.add(`pkt-heading--${this.size}`),this.weight&&this.classList.add(`pkt-heading--fw-${this.weight}`),this.visuallyHidden&&this.classList.add("pkt-sr-only"),this.align&&this.classList.add(`pkt-heading--${this.align}`)}render(){return i.x`<slot></slot>`}};a([i.n({type:String,reflect:!0})],exports.PktHeading.prototype,"size",2);a([i.n({type:Number,reflect:!0})],exports.PktHeading.prototype,"level",2);a([i.n({type:String,reflect:!0})],exports.PktHeading.prototype,"weight",2);a([i.n({type:Boolean,reflect:!0})],exports.PktHeading.prototype,"visuallyHidden",2);a([i.n({type:String,reflect:!0})],exports.PktHeading.prototype,"align",2);exports.PktHeading=a([i.t("pkt-heading")],exports.PktHeading);

package/dist/index.d.ts

@@ -210,6 +210,7 @@ export declare interface IPktConsent {
 export declare interface IPktHeading {
     size?: TPktHeadingSize;
     level?: TPktHeadingLevel;
+    weight?: TPktHeadingWeight;
     visuallyHidden?: boolean;
     align?: 'start' | 'center' | 'end';
 }
@@ -901,6 +902,7 @@ declare class PktElement<T = {}> extends PktShadowElement<T> {
 export declare class PktHeading extends PktShadowElement<IPktHeading> implements IPktHeading {
     size: TPktHeadingSize | undefined;
     level: TPktHeadingLevel;
+    weight: TPktHeadingWeight | undefined;
     visuallyHidden: boolean;
     align: 'start' | 'center' | 'end' | undefined;
     connectedCallback(): void;
@@ -908,6 +910,7 @@ export declare class PktHeading extends PktShadowElement<IPktHeading> implements
     protected updated(_changedProperties: PropertyValues): void;
     private setLevel;
     private get defaultSizeForLevel();
+    private get defaultWeightForLevel();
     private updateHostClasses;
     render(): TemplateResult<1>;
 }
@@ -1489,6 +1492,8 @@ export declare type TPktHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
 export declare type TPktHeadingSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 
+declare type TPktHeadingWeight = 'light' | 'regular' | 'medium' | 'bold';
+
 export declare type TPktLoaderVariant = 'blue' | 'rainbow' | 'shapes';
 
 declare type TPktSize = 'small' | 'medium' | 'large';

package/dist/pkt-card.cjs

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

package/dist/pkt-card.js

@@ -1,4 +1,4 @@
-import { P as a } from "./card-u_TMZLDj.js";
+import { P as a } from "./card-0F02tcJV.js";
 const r = a;
 export {
   a as PktCard,

package/dist/pkt-heading.cjs

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

package/dist/pkt-heading.js

@@ -1,4 +1,4 @@
-import { P as a } from "./heading-Cs5yGnJg.js";
+import { P as a } from "./heading-BUdy170t.js";
 const e = a;
 export {
   a as PktHeading,

package/dist/pkt-index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./alert-CCjoJo11.cjs"),l=require("./accordionitem-DCZrHVNR.cjs"),m=require("./backlink-BzEvli8m.cjs"),g=require("./button-abD9URn0.cjs"),P=require("./calendar-Dz1Cnzx5.cjs"),h=require("./card-CIJD8Ezs.cjs"),f=require("./combobox-DYYCdlex.cjs"),y=require("./consent-B1N02CuT.cjs"),O=require("./checkbox-BP5zOlPy.cjs"),t=require("./element-CJ_QKaki.cjs"),j=require("./pkt-slot-controller-BzddBp7z.cjs"),s=require("./ref-BFa5Utho.cjs"),q=require("./class-map-C_erArZz.cjs"),k=require("./datepicker-CnCOXI2x.cjs"),x=require("./helptext-EPTR9AIl.cjs"),C=require("./heading--JKFppLS.cjs"),v=require("./icon-BGuizDwk.cjs"),S=require("./input-wrapper-WEGSbIA6.cjs"),T=require("./link-Da3pZ_CW.cjs"),$=require("./linkcard-BM23gzhS.cjs"),L=require("./loader-Bo8RCbCJ.cjs"),_=require("./messagebox-C76IcXTl.cjs"),I=require("./modal-Cdz9JcCX.cjs"),A=require("./progressbar-8gzOtJyh.cjs"),p=require("./radiobutton-BuKXgQm_.cjs"),B=require("./tag-BkuJjOy7.cjs"),d=require("./tabitem-D5zyipN1.cjs"),D=require("./textarea-CcIQXCmC.cjs"),M=require("./textinput-Dn704gQw.cjs"),R=require("./select-BSnylWof.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 j.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 b=require("./alert-CCjoJo11.cjs"),l=require("./accordionitem-DCZrHVNR.cjs"),m=require("./backlink-BzEvli8m.cjs"),g=require("./button-abD9URn0.cjs"),P=require("./calendar-Dz1Cnzx5.cjs"),h=require("./card-BAoH1g6O.cjs"),f=require("./combobox-DYYCdlex.cjs"),y=require("./consent-B1N02CuT.cjs"),O=require("./checkbox-BP5zOlPy.cjs"),t=require("./element-CJ_QKaki.cjs"),j=require("./pkt-slot-controller-BzddBp7z.cjs"),s=require("./ref-BFa5Utho.cjs"),q=require("./class-map-C_erArZz.cjs"),k=require("./datepicker-CnCOXI2x.cjs"),x=require("./helptext-EPTR9AIl.cjs"),C=require("./heading-Dv_cH6N1.cjs"),v=require("./icon-BGuizDwk.cjs"),S=require("./input-wrapper-WEGSbIA6.cjs"),T=require("./link-Da3pZ_CW.cjs"),$=require("./linkcard-BM23gzhS.cjs"),L=require("./loader-Bo8RCbCJ.cjs"),_=require("./messagebox-C76IcXTl.cjs"),I=require("./modal-Cdz9JcCX.cjs"),A=require("./progressbar-8gzOtJyh.cjs"),p=require("./radiobutton-BuKXgQm_.cjs"),B=require("./tag-BkuJjOy7.cjs"),d=require("./tabitem-D5zyipN1.cjs"),D=require("./textarea-CcIQXCmC.cjs"),M=require("./textinput-Dn704gQw.cjs"),R=require("./select-BSnylWof.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 j.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="${q.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/dist/pkt-index.js

@@ -4,7 +4,7 @@ import { P as D } from "./backlink-CI_jMGzZ.js";
 import { P as O } from "./button-D99MF5nV.js";
 import { c as f } from "./calendar-Bz27nuTP.js";
 import { P as j } from "./calendar-Bz27nuTP.js";
-import { P as G } from "./card-u_TMZLDj.js";
+import { P as G } from "./card-0F02tcJV.js";
 import { P as K } from "./combobox-D-VZRCHk.js";
 import { P as U } from "./consent-BSNqH1LX.js";
 import { P as q } from "./checkbox-CfXOh6Lw.js";
@@ -14,7 +14,7 @@ import { e as m, n as k } from "./ref-Xa5dbh--.js";
 import { e as u } from "./class-map-wy7PUk0P.js";
 import { P as F, a as J } from "./datepicker-DsqM01iU.js";
 import { P as V } from "./helptext-Cs3QHeEy.js";
-import { P as Y } from "./heading-Cs5yGnJg.js";
+import { P as Y } from "./heading-BUdy170t.js";
 import { P as tt } from "./icon-1dy7UZcu.js";
 import { P as rt } from "./input-wrapper-CnYj-xNE.js";
 import { P as st } from "./link-DzZCw8j2.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "13.20.0",
+  "version": "13.22.0",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -42,7 +42,7 @@
     "@babel/preset-env": "^7.28.3",
     "@babel/preset-typescript": "^7.25.9",
     "@oslokommune/punkt-assets": "^13.16.0",
-    "@oslokommune/punkt-css": "^13.19.0",
+    "@oslokommune/punkt-css": "^13.22.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@typescript-eslint/eslint-plugin": "^8.46.0",
     "@typescript-eslint/parser": "^8.46.0",
@@ -79,5 +79,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "fa8d8103ac24cb2da42e47d09cf04c73f765cfd0"
+  "gitHead": "ac304ed1adafb9567490e5b9a8d550712f4e68f1"
 }

package/src/components/card/card.ts

@@ -163,6 +163,7 @@ export class PktCard extends PktElement implements IPktCard {
               .level=${this.headinglevel || 3}
               size="medium"
               nospacing
+              weight="regular"
             >
               ${this.heading}
             </pkt-heading>
@@ -179,6 +180,7 @@ export class PktCard extends PktElement implements IPktCard {
               class="pkt-card__link-heading pkt-card__heading"
               .level=${this.headinglevel || 3}
               size="medium"
+              weight="regular"
               nospacing
             >
               <a

package/src/components/heading/heading.ts

@@ -4,10 +4,12 @@ import { customElement, property } from 'lit/decorators.js'
 
 export type TPktHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6
 export type TPktHeadingSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'
+export type TPktHeadingWeight = 'light' | 'regular' | 'medium' | 'bold'
 
 export interface IPktHeading {
   size?: TPktHeadingSize
   level?: TPktHeadingLevel
+  weight?: TPktHeadingWeight
   visuallyHidden?: boolean
   align?: 'start' | 'center' | 'end'
 }
@@ -16,6 +18,7 @@ export interface IPktHeading {
 export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHeading {
   @property({ type: String, reflect: true }) size: TPktHeadingSize | undefined = undefined
   @property({ type: Number, reflect: true }) level: TPktHeadingLevel = 2
+  @property({ type: String, reflect: true }) weight: TPktHeadingWeight | undefined = undefined
   @property({ type: Boolean, reflect: true }) visuallyHidden: boolean = false
   @property({ type: String, reflect: true }) align: 'start' | 'center' | 'end' | undefined =
     undefined
@@ -36,7 +39,7 @@ export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHea
     if (name === 'visuallyHidden') {
       this.visuallyHidden = value !== null && value !== 'false'
     }
-    if (name === 'size' || name === 'visuallyHidden' || name === 'align') {
+    if (name === 'size' || name === 'visuallyHidden' || name === 'align' || name === 'weight') {
       this.updateHostClasses()
     }
   }
@@ -49,6 +52,9 @@ export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHea
       if (!this.hasAttribute('size')) {
         this.size = this.defaultSizeForLevel
       }
+      if (!this.hasAttribute('weight')) {
+        this.weight = this.defaultWeightForLevel
+      }
     }
     if (
       !this.hasAttribute('size') &&
@@ -60,7 +66,8 @@ export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHea
     if (
       _changedProperties.has('size') ||
       _changedProperties.has('visuallyHidden') ||
-      _changedProperties.has('align')
+      _changedProperties.has('align') ||
+      _changedProperties.has('weight')
     ) {
       this.updateHostClasses()
     }
@@ -94,6 +101,25 @@ export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHea
     }
   }
 
+  private get defaultWeightForLevel(): TPktHeadingWeight {
+    switch (this.level) {
+      case 1:
+        return 'regular'
+      case 2:
+        return 'regular'
+      case 3:
+        return 'medium'
+      case 4:
+        return 'medium'
+      case 5:
+        return 'medium'
+      case 6:
+        return 'medium'
+      default:
+        return 'medium'
+    }
+  }
+
   private updateHostClasses() {
     // Remove all possible classes first
     this.classList.remove(
@@ -107,10 +133,15 @@ export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHea
       'pkt-heading--start',
       'pkt-heading--center',
       'pkt-heading--end',
+      'pkt-heading--light',
+      'pkt-heading--regular',
+      'pkt-heading--medium',
+      'pkt-heading--bold',
     )
     // Add current classes
     this.classList.add('pkt-heading')
     if (this.size) this.classList.add(`pkt-heading--${this.size}`)
+    if (this.weight) this.classList.add(`pkt-heading--fw-${this.weight}`)
     if (this.visuallyHidden) this.classList.add('pkt-sr-only')
     if (this.align) this.classList.add(`pkt-heading--${this.align}`)
   }

package/src/components/heading/index.ts

@@ -1,6 +1,6 @@
 import { PktHeading } from './heading'
-import type { IPktHeading, TPktHeadingSize, TPktHeadingLevel } from './heading'
+import type { IPktHeading, TPktHeadingSize, TPktHeadingLevel, TPktHeadingWeight } from './heading'
 
 export { PktHeading }
-export type { IPktHeading, TPktHeadingSize, TPktHeadingLevel }
+export type { IPktHeading, TPktHeadingSize, TPktHeadingLevel, TPktHeadingWeight }
 export default PktHeading

package/dist/heading--JKFppLS.cjs

@@ -1 +0,0 @@
-"use strict";const i=require("./element-CJ_QKaki.cjs");var h=Object.defineProperty,u=Object.getOwnPropertyDescriptor,a=(n,e,l,t)=>{for(var s=t>1?void 0:t?u(e,l):e,r=n.length-1,d;r>=0;r--)(d=n[r])&&(s=(t?d(e,l,s):d(s))||s);return t&&s&&h(e,l,s),s};exports.PktHeading=class extends i.PktShadowElement{constructor(){super(...arguments),this.size=void 0,this.level=2,this.visuallyHidden=!1,this.align=void 0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","heading"),this.setAttribute("aria-level",String(this.level)),this.updateHostClasses()}attributeChangedCallback(e,l,t){super.attributeChangedCallback(e,l,t),e==="level"&&t&&this.setLevel(Number(t)),e==="visuallyHidden"&&(this.visuallyHidden=t!==null&&t!=="false"),(e==="size"||e==="visuallyHidden"||e==="align")&&this.updateHostClasses()}updated(e){super.updated(e),e.has("level")&&(this.setLevel(this.level),this.hasAttribute("size")||(this.size=this.defaultSizeForLevel)),!this.hasAttribute("size")&&(e.has("level")||this.size===void 0)&&(this.size=this.defaultSizeForLevel),(e.has("size")||e.has("visuallyHidden")||e.has("align"))&&this.updateHostClasses()}setLevel(e){e>=1&&e<=6?(this.level=e,this.setAttribute("aria-level",String(e))):console.warn(`Invalid heading level: ${e}. Must be between 1 and 6.`)}get defaultSizeForLevel(){switch(this.level){case 1:return"xlarge";case 2:return"large";case 3:return"medium";case 4:return"small";case 5:return"xsmall";case 6:return"xsmall";default:return"medium"}}updateHostClasses(){this.classList.remove("pkt-heading","pkt-heading--xsmall","pkt-heading--small","pkt-heading--medium","pkt-heading--large","pkt-heading--xlarge","pkt-sr-only","pkt-heading--start","pkt-heading--center","pkt-heading--end"),this.classList.add("pkt-heading"),this.size&&this.classList.add(`pkt-heading--${this.size}`),this.visuallyHidden&&this.classList.add("pkt-sr-only"),this.align&&this.classList.add(`pkt-heading--${this.align}`)}render(){return i.x`<slot></slot>`}};a([i.n({type:String,reflect:!0})],exports.PktHeading.prototype,"size",2);a([i.n({type:Number,reflect:!0})],exports.PktHeading.prototype,"level",2);a([i.n({type:Boolean,reflect:!0})],exports.PktHeading.prototype,"visuallyHidden",2);a([i.n({type:String,reflect:!0})],exports.PktHeading.prototype,"align",2);exports.PktHeading=a([i.t("pkt-heading")],exports.PktHeading);

package/dist/heading-Cs5yGnJg.js

@@ -1,76 +0,0 @@
-import { b as u, x as p, n as d, a as o } from "./element-CRDRygXu.js";
-var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (e, i, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? v(i, t) : i, h = e.length - 1, n; h >= 0; h--)
-    (n = e[h]) && (s = (r ? n(i, t, s) : n(s)) || s);
-  return r && s && g(i, t, s), s;
-};
-let l = class extends u {
-  constructor() {
-    super(...arguments), this.size = void 0, this.level = 2, this.visuallyHidden = !1, this.align = void 0;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("role", "heading"), this.setAttribute("aria-level", String(this.level)), this.updateHostClasses();
-  }
-  attributeChangedCallback(e, i, t) {
-    super.attributeChangedCallback(e, i, t), e === "level" && t && this.setLevel(Number(t)), e === "visuallyHidden" && (this.visuallyHidden = t !== null && t !== "false"), (e === "size" || e === "visuallyHidden" || e === "align") && this.updateHostClasses();
-  }
-  updated(e) {
-    super.updated(e), e.has("level") && (this.setLevel(this.level), this.hasAttribute("size") || (this.size = this.defaultSizeForLevel)), !this.hasAttribute("size") && (e.has("level") || this.size === void 0) && (this.size = this.defaultSizeForLevel), (e.has("size") || e.has("visuallyHidden") || e.has("align")) && this.updateHostClasses();
-  }
-  setLevel(e) {
-    e >= 1 && e <= 6 ? (this.level = e, this.setAttribute("aria-level", String(e))) : console.warn(`Invalid heading level: ${e}. Must be between 1 and 6.`);
-  }
-  get defaultSizeForLevel() {
-    switch (this.level) {
-      case 1:
-        return "xlarge";
-      case 2:
-        return "large";
-      case 3:
-        return "medium";
-      case 4:
-        return "small";
-      case 5:
-        return "xsmall";
-      case 6:
-        return "xsmall";
-      default:
-        return "medium";
-    }
-  }
-  updateHostClasses() {
-    this.classList.remove(
-      "pkt-heading",
-      "pkt-heading--xsmall",
-      "pkt-heading--small",
-      "pkt-heading--medium",
-      "pkt-heading--large",
-      "pkt-heading--xlarge",
-      "pkt-sr-only",
-      "pkt-heading--start",
-      "pkt-heading--center",
-      "pkt-heading--end"
-    ), this.classList.add("pkt-heading"), this.size && this.classList.add(`pkt-heading--${this.size}`), this.visuallyHidden && this.classList.add("pkt-sr-only"), this.align && this.classList.add(`pkt-heading--${this.align}`);
-  }
-  render() {
-    return p`<slot></slot>`;
-  }
-};
-a([
-  d({ type: String, reflect: !0 })
-], l.prototype, "size", 2);
-a([
-  d({ type: Number, reflect: !0 })
-], l.prototype, "level", 2);
-a([
-  d({ type: Boolean, reflect: !0 })
-], l.prototype, "visuallyHidden", 2);
-a([
-  d({ type: String, reflect: !0 })
-], l.prototype, "align", 2);
-l = a([
-  o("pkt-heading")
-], l);
-export {
-  l as P
-};