@oslokommune/punkt-elements 12.39.3 → 12.39.5

package/CHANGELOG.md

@@ -5,6 +5,23 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.39.5](https://github.com/oslokommune/punkt/compare/12.39.4...12.39.5) (2025-05-16)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.39.3](https://github.com/oslokommune/punkt/compare/12.39.2...12.39.3) (2025-05-15)
 
 ### ⚠ BREAKING CHANGES

package/dist/{modal-8bEB_CoY.js → modal-C8qYfLqF.js}

@@ -1,8 +1,8 @@
-import { e as c } from "./class-map-KyMqi0fa.js";
-import { P as f, E as u, x as p, n, a as g } from "./element-DjjF_tEh.js";
-import { r as v } from "./state-BtbpSrdV.js";
+import { e as p } from "./class-map-KyMqi0fa.js";
+import { P as k, E as f, x as r, n, a as v } from "./element-DjjF_tEh.js";
+import { r as g } from "./state-BtbpSrdV.js";
 import { P as _ } from "./pkt-slot-controller-DtDaD9q_.js";
-import { e as m, n as k } from "./ref-iIffqQAI.js";
+import { e as u, n as m } from "./ref-iIffqQAI.js";
 import "./icon-Beoxup8E.js";
 const y = {
   hideCloseButton: {
@@ -18,13 +18,13 @@ const y = {
   props: y
 };
 var w = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (t, e, o, i) => {
-  for (var l = i > 1 ? void 0 : i ? b(e, o) : e, r = t.length - 1, d; r >= 0; r--)
-    (d = t[r]) && (l = (i ? d(e, o, l) : d(l)) || l);
+  for (var l = i > 1 ? void 0 : i ? b(e, o) : e, c = t.length - 1, d; c >= 0; c--)
+    (d = t[c]) && (l = (i ? d(e, o, l) : d(l)) || l);
   return i && l && w(e, o, l), l;
 };
-let s = class extends f {
+let s = class extends k {
   constructor() {
-    super(), this.headingText = "", this.removePadding = !1, this.hideCloseButton = h.props.hideCloseButton.default, this.closeOnBackdropClick = h.props.closeOnBackdropClick.default, this.closeButtonSkin = "blue", this.size = h.props.size.default, this.variant = "dialog", this.drawerPosition = "right", this.transparentBackdrop = !1, this.defaultSlot = m(), this.dialogRef = m(), this._isOpen = !1, this.close = (t, e = !1) => {
+    super(), this.headingText = "", this.removePadding = !1, this.hideCloseButton = h.props.hideCloseButton.default, this.closeOnBackdropClick = h.props.closeOnBackdropClick.default, this.closeButtonSkin = "blue", this.size = h.props.size.default, this.variant = "dialog", this.drawerPosition = "right", this.transparentBackdrop = !1, this.defaultSlot = u(), this.dialogRef = u(), this._isOpen = !1, this.close = (t, e = !1) => {
       var i;
       if (!this._isOpen) return;
       this._isOpen = !1, document.body.classList.remove("pkt-modal--open");
@@ -86,30 +86,30 @@ let s = class extends f {
     }, i = this.closeButtonSkin === "blue", l = {
       "pkt-modal__closeButton": !0,
       [`pkt-modal__closeButton--${this.closeButtonSkin}`]: !0
-    }, r = {
+    }, c = {
       "pkt-btn": !0,
       [`pkt-btn--${i ? "tertiary" : "primary"}`]: !0,
       "pkt-btn--icon-only": !0,
       "pkt-btn--medium": !0
     };
-    return p`
+    return r`
       <dialog
-        class=${c(t)}
-        ${k(this.dialogRef)}
+        class=${p(t)}
+        ${m(this.dialogRef)}
         aria-labelledby="pkt-modal__headingText"
         aria-describedby="pkt-modal__content"
         @close=${(d) => this.close(d, !0)}
       >
         <div class="pkt-modal__wrapper">
-          ${this.headingText || !this.hideCloseButton ? p`<div class="pkt-modal__header">
+          ${this.headingText || !this.hideCloseButton ? r`<div class="pkt-modal__header">
                 <div class="pkt-modal__header-background"></div>
-                ${this.headingText ? p`<h1 id="pkt-modal__headingText" class=${c(e)}>
+                ${this.headingText ? r`<h1 id="pkt-modal__headingText" class=${p(e)}>
                       ${this.headingText}
-                    </h1>` : p`<div class="pkt-modal__headingText"></div>`}
-                ${this.hideCloseButton ? u : p`<div class="${c(l)}">
+                    </h1>` : r`<div class="pkt-modal__headingText"></div>`}
+                ${this.hideCloseButton ? r`<div class="pkt-modal__noCloseButton"></div>` : r`<div class="${p(l)}">
                       <pkt-button
                         @click=${(d) => this.close(d)}
-                        class=${c(r)}
+                        class=${p(c)}
                         aria-label="close"
                         iconname="close"
                         variant="icon-only"
@@ -117,12 +117,12 @@ let s = class extends f {
                         Lukk
                       </pkt-button>
                     </div>`}
-              </div>` : u}
+              </div>` : f}
           <div class="pkt-modal__container">
             <div
               id="pkt-modal__content"
-              class=${c(o)}
-              ${k(this.defaultSlot)}
+              class=${p(o)}
+              ${m(this.defaultSlot)}
             ></div>
           </div>
         </div>
@@ -158,10 +158,10 @@ a([
   n({ type: Boolean })
 ], s.prototype, "transparentBackdrop", 2);
 a([
-  v()
+  g()
 ], s.prototype, "_isOpen", 2);
 s = a([
-  g("pkt-modal")
+  v("pkt-modal")
 ], s);
 export {
   s as P

package/dist/{modal-B6VJdIeY.cjs → modal-CTh_wH8S.cjs}

@@ -12,7 +12,7 @@
                 ${this.headingText?i.x`<h1 id="pkt-modal__headingText" class=${d.e(e)}>
                       ${this.headingText}
                     </h1>`:i.x`<div class="pkt-modal__headingText"></div>`}
-                ${this.hideCloseButton?i.E:i.x`<div class="${d.e(n)}">
+                ${this.hideCloseButton?i.x`<div class="pkt-modal__noCloseButton"></div>`:i.x`<div class="${d.e(n)}">
                       <pkt-button
                         @click=${p=>this.close(p)}
                         class=${d.e(a)}

package/dist/pkt-index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./alert-C2EPmB0W.cjs"),l=require("./accordionitem-RFwXQC_0.cjs"),d=require("./backlink-HHM21crL.cjs"),b=require("./button-C60j8BsA.cjs"),k=require("./calendar-CYY42kN4.cjs"),m=require("./card-Di1MQneh.cjs"),g=require("./combobox-yUrUarU_.cjs"),h=require("./consent-1ZSUrWK9.cjs"),f=require("./checkbox-zqd3KVfz.cjs"),t=require("./element-BSypUpzA.cjs"),y=require("./pkt-slot-controller-Da-RgXfS.cjs"),s=require("./ref-BvbyvXRH.cjs"),O=require("./class-map-DCyaICmy.cjs"),j=require("./datepicker-CH5ZmFhf.cjs"),q=require("./helptext-bMgnhZ1R.cjs"),x=require("./heading-BnJhJDMD.cjs"),C=require("./icon-BnKGwYjj.cjs"),v=require("./input-wrapper-B-f_SotM.cjs"),S=require("./link-nesPZCIx.cjs"),$=require("./linkcard-s9yoOq90.cjs"),L=require("./loader-ndMy12Pb.cjs"),_=require("./messagebox-B0kgftoP.cjs"),A=require("./modal-B6VJdIeY.cjs"),B=require("./progressbar-DiRfScnB.cjs"),p=require("./radiobutton-CI2xaqAB.cjs"),T=require("./tag-B9kFYxHg.cjs"),I=require("./textarea-DxbylapQ.cjs"),M=require("./textinput-B__c4c1z.cjs"),R=require("./select-BCL790jM.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-C2EPmB0W.cjs"),l=require("./accordionitem-RFwXQC_0.cjs"),d=require("./backlink-HHM21crL.cjs"),b=require("./button-C60j8BsA.cjs"),k=require("./calendar-CYY42kN4.cjs"),m=require("./card-Di1MQneh.cjs"),g=require("./combobox-yUrUarU_.cjs"),h=require("./consent-1ZSUrWK9.cjs"),f=require("./checkbox-zqd3KVfz.cjs"),t=require("./element-BSypUpzA.cjs"),y=require("./pkt-slot-controller-Da-RgXfS.cjs"),s=require("./ref-BvbyvXRH.cjs"),O=require("./class-map-DCyaICmy.cjs"),j=require("./datepicker-CH5ZmFhf.cjs"),q=require("./helptext-bMgnhZ1R.cjs"),x=require("./heading-BnJhJDMD.cjs"),C=require("./icon-BnKGwYjj.cjs"),v=require("./input-wrapper-B-f_SotM.cjs"),S=require("./link-nesPZCIx.cjs"),$=require("./linkcard-s9yoOq90.cjs"),L=require("./loader-ndMy12Pb.cjs"),_=require("./messagebox-B0kgftoP.cjs"),A=require("./modal-CTh_wH8S.cjs"),B=require("./progressbar-DiRfScnB.cjs"),p=require("./radiobutton-CI2xaqAB.cjs"),T=require("./tag-B9kFYxHg.cjs"),I=require("./textarea-DxbylapQ.cjs"),M=require("./textinput-B__c4c1z.cjs"),R=require("./select-BCL790jM.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

@@ -21,7 +21,7 @@ import { P as ot } from "./link-DCYJhFKJ.js";
 import { P as at } from "./linkcard-Bt-Qa_SP.js";
 import { P as it } from "./loader-DhmtCyQA.js";
 import { P as lt } from "./messagebox-DZDP8XZt.js";
-import { P as mt } from "./modal-8bEB_CoY.js";
+import { P as mt } from "./modal-C8qYfLqF.js";
 import { P as ft } from "./progressbar-BKt_aj7f.js";
 import { P as ht, P as ct } from "./radiobutton-CYJawqxD.js";
 import { P as ut } from "./tag-Cu8afZy8.js";

package/dist/pkt-modal.cjs

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

package/dist/pkt-modal.js

@@ -1,4 +1,4 @@
-import { P as a } from "./modal-8bEB_CoY.js";
+import { P as a } from "./modal-C8qYfLqF.js";
 const t = a;
 export {
   a as PktModal,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.39.3",
+  "version": "12.39.5",
   "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.39.2",
+    "@oslokommune/punkt-css": "^12.39.5",
     "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": "c88ba92dc350dc69efb3ad34a03fefa85901741b"
+  "gitHead": "1c97e7a7a152408f9574d3e95d5a4497a04317f6"
 }

package/src/components/modal/modal.ts

@@ -201,7 +201,7 @@ export class PktModal extends PktElement implements IPktModal {
                         Lukk
                       </pkt-button>
                     </div>`
-                  : nothing}
+                  : html`<div class="pkt-modal__noCloseButton"></div>`}
               </div>`
             : nothing}
           <div class="pkt-modal__container">