@oslokommune/punkt-elements 12.34.1 → 12.34.2

package/dist/accordion.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/alert-B3HuK30R.cjs

@@ -0,0 +1,32 @@
+"use strict";const c=require("./class-map-BjTUtIEl.cjs"),e=require("./element-BYpg5e6C.cjs"),u=require("./state-y7tCw3bg.cjs"),h=require("./pkt-slot-controller-plQxXRvV.cjs"),d=require("./ref-BbKbXwub.cjs"),k=require("./classutils-BwNK82ZQ.cjs");require("./icon-Cc4gVHxd.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,t,s,l)=>{for(var r=l>1?void 0:l?_(t,s):t,p=o.length-1,n;p>=0;p--)(n=o[p])&&(r=(l?n(t,s,r):n(r))||r);return l&&r&&f(t,s,r),r};exports.PktAlert=class extends e.PktElement{constructor(){super(),this.defaultSlot=d.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._isClosed=!1,this.close=t=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:t},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(t,s,l){t==="ariaLive"&&(this["aria-live"]=l),super.attributeChangedCallback(t,s,l)}updated(t){super.updated(t),t.has("ariaLive")&&(this["aria-live"]=this.ariaLive),t.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const t={"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 e.x`
+      <div class=${c.e(t)}>
+        <div class=${c.e(s)}>
+          <pkt-icon
+            class="pkt-alert__icon"
+            aria-hidden="true"
+            name=${this.skin==="info"?"alert-information":`alert-${this.skin}`}
+          ></pkt-icon>
+
+          ${this.closeAlert?e.x`
+                <div class="pkt-alert__close">
+                  <pkt-button
+                    tabindex="0"
+                    aria-label="close"
+                    size=${this.compact?"small":"medium"}
+                    type="button"
+                    skin="tertiary"
+                    iconName="close"
+                    variant="icon-only"
+                    @click=${this.close}
+                  >
+                  </pkt-button>
+                </div>
+              `:e.E}
+          ${this.title?e.x`<div class="pkt-alert__title">${this.title}</div>`:e.E}
+
+          <div class="pkt-alert__text" ${d.n(this.defaultSlot)}></div>
+
+          ${this.date?e.x`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:e.E}
+        </div>
+      </div>
+    `}};i([e.n({type:Boolean,reflect:!1})],exports.PktAlert.prototype,"compact",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"title",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"skin",2);i([e.n({type:String})],exports.PktAlert.prototype,"ariaLive",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"aria-live",2);i([e.n({type:Boolean,reflect:!0})],exports.PktAlert.prototype,"closeAlert",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"date",2);i([u.r()],exports.PktAlert.prototype,"_isClosed",2);exports.PktAlert=i([e.t("pkt-alert")],exports.PktAlert);

package/dist/alert-BOvwM-m4.js

@@ -0,0 +1,124 @@
+import { e as u } from "./class-map-D4QK1bDP.js";
+import { P as f, E as h, x as p, n as l, a as v } from "./element-J964Wi0N.js";
+import { r as k } from "./state-fdb9lRrL.js";
+import { P as m } from "./pkt-slot-controller-DFrc5O93.js";
+import { e as _, n as b } from "./ref-3rhflVgg.js";
+import { u as C } from "./classutils-RQs1k6D9.js";
+import "./icon-kSv2VoAB.js";
+const y = {
+  skin: {
+    default: "info"
+  },
+  ariaLive: {
+    default: "polite"
+  },
+  compact: {
+    default: !1
+  },
+  closeAlert: {
+    default: !1
+  }
+}, c = {
+  props: y
+};
+var $ = Object.defineProperty, g = Object.getOwnPropertyDescriptor, i = (t, s, r, o) => {
+  for (var a = o > 1 ? void 0 : o ? g(s, r) : s, n = t.length - 1, d; n >= 0; n--)
+    (d = t[n]) && (a = (o ? d(s, r, a) : d(a)) || a);
+  return o && a && $(s, r, a), a;
+};
+let e = class extends f {
+  constructor() {
+    super(), this.defaultSlot = _(), this.compact = c.props.compact.default, this.title = "", this.skin = c.props.skin.default, this.ariaLive = c.props.ariaLive.default, this["aria-live"] = null, this.closeAlert = c.props.closeAlert.default, this.date = null, this._isClosed = !1, this.close = (t) => {
+      this._isClosed = !0, this.dispatchEvent(
+        new CustomEvent("close", { detail: { origin: t }, bubbles: !0, composed: !0 })
+      ), this.dispatchEvent(
+        new CustomEvent("on-close", { detail: { origin: t }, bubbles: !0, composed: !0 })
+      );
+    }, this.slotController = new m(this, this.defaultSlot), this._isClosed = !1;
+  }
+  // Lifecycle
+  connectedCallback() {
+    super.connectedCallback(), this["aria-live"] = this.getAttribute("aria-live") || this.ariaLive;
+  }
+  attributeChangedCallback(t, s, r) {
+    t === "ariaLive" && (this["aria-live"] = r), super.attributeChangedCallback(t, s, r);
+  }
+  updated(t) {
+    super.updated(t), t.has("ariaLive") && (this["aria-live"] = this.ariaLive), t.has("_isClosed") && C(this, "pkt-hide", this._isClosed);
+  }
+  // Render
+  render() {
+    const t = {
+      "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 p`
+      <div class=${u(t)}>
+        <div class=${u(s)}>
+          <pkt-icon
+            class="pkt-alert__icon"
+            aria-hidden="true"
+            name=${this.skin === "info" ? "alert-information" : `alert-${this.skin}`}
+          ></pkt-icon>
+
+          ${this.closeAlert ? p`
+                <div class="pkt-alert__close">
+                  <pkt-button
+                    tabindex="0"
+                    aria-label="close"
+                    size=${this.compact ? "small" : "medium"}
+                    type="button"
+                    skin="tertiary"
+                    iconName="close"
+                    variant="icon-only"
+                    @click=${this.close}
+                  >
+                  </pkt-button>
+                </div>
+              ` : h}
+          ${this.title ? p`<div class="pkt-alert__title">${this.title}</div>` : h}
+
+          <div class="pkt-alert__text" ${b(this.defaultSlot)}></div>
+
+          ${this.date ? p`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : h}
+        </div>
+      </div>
+    `;
+  }
+};
+i([
+  l({ type: Boolean, reflect: !1 })
+], e.prototype, "compact", 2);
+i([
+  l({ type: String, reflect: !0 })
+], e.prototype, "title", 2);
+i([
+  l({ type: String, reflect: !0 })
+], e.prototype, "skin", 2);
+i([
+  l({ type: String })
+], e.prototype, "ariaLive", 2);
+i([
+  l({ type: String, reflect: !0 })
+], e.prototype, "aria-live", 2);
+i([
+  l({ type: Boolean, reflect: !0 })
+], e.prototype, "closeAlert", 2);
+i([
+  l({ type: String, reflect: !0 })
+], e.prototype, "date", 2);
+i([
+  k()
+], e.prototype, "_isClosed", 2);
+e = i([
+  v("pkt-alert")
+], e);
+export {
+  e as P
+};

package/dist/alert.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/backlink.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/button.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/calendar.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/card.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/checkbox.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/combobox.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/datepicker.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/helptext.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/icon.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/index.d.ts

@@ -1125,14 +1125,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/input-wrapper.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/link.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/linkcard.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/listbox.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/loader.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/messagebox.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/modal.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/pkt-alert.cjs

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

package/dist/pkt-alert.js

@@ -1,4 +1,4 @@
-import { P as t } from "./alert-C6OiBFis.js";
+import { P as t } from "./alert-BOvwM-m4.js";
 const e = t;
 export {
   t as PktAlert,

package/dist/pkt-index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./alert-95eHgC1T.cjs"),l=require("./accordionitem-DDnUkCJP.cjs"),P=require("./backlink-1p-ADrG8.cjs"),b=require("./button-5tOMyPEx.cjs"),p=require("./calendar-BU7DqDLG.cjs"),m=require("./card-a_Cs18EQ.cjs"),g=require("./combobox-DqHwVglB.cjs"),h=require("./checkbox-bsBqWqcn.cjs"),t=require("./element-BYpg5e6C.cjs"),f=require("./pkt-slot-controller-plQxXRvV.cjs"),s=require("./ref-BbKbXwub.cjs"),y=require("./class-map-BjTUtIEl.cjs"),x=require("./datepicker-DW6AdQ9X.cjs"),O=require("./helptext-OW48aGy8.cjs"),j=require("./icon-Cc4gVHxd.cjs"),q=require("./input-wrapper-DmVnotQ2.cjs"),C=require("./link-3uccc2MM.cjs"),v=require("./linkcard-P1I3dzQb.cjs"),S=require("./loader-CM7wLajY.cjs"),$=require("./messagebox-CD8fS0Ym.cjs"),L=require("./modal-DOCsiHGv.cjs"),_=require("./progressbar-BmI-K95y.cjs"),k=require("./radiobutton-CJYNTtFF.cjs"),A=require("./tag-Dg2-c_OZ.cjs"),B=require("./textarea-go_AyeP-.cjs"),T=require("./textinput-FvLq5W70.cjs"),I=require("./select-Swc0c6lZ.cjs");var M=Object.defineProperty,R=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?R(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&&M(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 f.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 d=require("./alert-B3HuK30R.cjs"),l=require("./accordionitem-DDnUkCJP.cjs"),P=require("./backlink-1p-ADrG8.cjs"),b=require("./button-5tOMyPEx.cjs"),p=require("./calendar-BU7DqDLG.cjs"),m=require("./card-a_Cs18EQ.cjs"),g=require("./combobox-DqHwVglB.cjs"),h=require("./checkbox-bsBqWqcn.cjs"),t=require("./element-BYpg5e6C.cjs"),f=require("./pkt-slot-controller-plQxXRvV.cjs"),s=require("./ref-BbKbXwub.cjs"),y=require("./class-map-BjTUtIEl.cjs"),x=require("./datepicker-DW6AdQ9X.cjs"),O=require("./helptext-OW48aGy8.cjs"),j=require("./icon-Cc4gVHxd.cjs"),q=require("./input-wrapper-DmVnotQ2.cjs"),C=require("./link-3uccc2MM.cjs"),v=require("./linkcard-P1I3dzQb.cjs"),S=require("./loader-CM7wLajY.cjs"),$=require("./messagebox-CD8fS0Ym.cjs"),L=require("./modal-DOCsiHGv.cjs"),_=require("./progressbar-BmI-K95y.cjs"),k=require("./radiobutton-CJYNTtFF.cjs"),A=require("./tag-Dg2-c_OZ.cjs"),B=require("./textarea-go_AyeP-.cjs"),T=require("./textinput-FvLq5W70.cjs"),I=require("./select-Swc0c6lZ.cjs");var M=Object.defineProperty,R=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?R(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&&M(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 f.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="${y.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/dist/pkt-index.js

@@ -1,4 +1,4 @@
-import { P as A } from "./alert-C6OiBFis.js";
+import { P as A } from "./alert-BOvwM-m4.js";
 import { P as B, a as E } from "./accordionitem-Cg-LZy7n.js";
 import { P as O } from "./backlink-fjBQGFYt.js";
 import { P as T } from "./button-Cl6psvlo.js";

package/dist/progressbar.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/radiobutton.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/select.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/tag.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/textarea.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/dist/textinput.d.ts

@@ -3,14 +3,14 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.34.1",
+  "version": "12.34.2",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@oslokommune/punkt-assets": "^12.30.1",
-    "@oslokommune/punkt-css": "^12.34.1",
+    "@oslokommune/punkt-css": "^12.34.2",
     "sass": "^1.78.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.18",
@@ -57,5 +57,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "62e323745bcb2f3d3a27ff2f05090680fbeaeef7"
+  "gitHead": "780c78ea4619450ddd43ba97183c2eb239a53524"
 }

package/src/components/alert/alert.ts

@@ -78,37 +78,46 @@ export class PktAlert extends PktElement implements IPktAlert {
       'pkt-hide': this._isClosed,
     }
 
+    const gridClasses = {
+      'pkt-alert__grid': true,
+      'pkt-alert__noTitle': !this.title,
+      'pkt-alert__noDate': !this.date,
+    }
+
     return html`
       <div class=${classMap(classes)}>
-        <pkt-icon
-          class="pkt-alert__icon"
-          aria-hidden="true"
-          name=${this.skin === 'info' ? 'alert-information' : `alert-${this.skin}`}
-        ></pkt-icon>
-
-        ${this.closeAlert
-          ? html`
-              <div class="pkt-alert__close">
-                <button
-                  type="button"
-                  class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-                  tabindex="0"
-                  aria-label="close"
-                  @click=${this.close}
-                >
-                  <pkt-icon name="close" class="pkt-btn__icon" aria-hidden="true"></pkt-icon>
-                </button>
-              </div>
-            `
-          : nothing}
-        ${this.title ? html`<div class="pkt-alert__title">${this.title}</div>` : nothing}
-
-        <div class="pkt-alert__text" ${ref(this.defaultSlot)}></div>
-
-        ${this.date
-          ? html`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`
-          : nothing}
-
+        <div class=${classMap(gridClasses)}>
+          <pkt-icon
+            class="pkt-alert__icon"
+            aria-hidden="true"
+            name=${this.skin === 'info' ? 'alert-information' : `alert-${this.skin}`}
+          ></pkt-icon>
+
+          ${this.closeAlert
+            ? html`
+                <div class="pkt-alert__close">
+                  <pkt-button
+                    tabindex="0"
+                    aria-label="close"
+                    size=${this.compact ? 'small' : 'medium'}
+                    type="button"
+                    skin="tertiary"
+                    iconName="close"
+                    variant="icon-only"
+                    @click=${this.close}
+                  >
+                  </pkt-button>
+                </div>
+              `
+            : nothing}
+          ${this.title ? html`<div class="pkt-alert__title">${this.title}</div>` : nothing}
+
+          <div class="pkt-alert__text" ${ref(this.defaultSlot)}></div>
+
+          ${this.date
+            ? html`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`
+            : nothing}
+        </div>
       </div>
     `
   }

package/dist/alert-95eHgC1T.cjs

@@ -1,29 +0,0 @@
-"use strict";const u=require("./class-map-BjTUtIEl.cjs"),e=require("./element-BYpg5e6C.cjs"),d=require("./state-y7tCw3bg.cjs"),h=require("./pkt-slot-controller-plQxXRvV.cjs"),c=require("./ref-BbKbXwub.cjs"),k=require("./classutils-BwNK82ZQ.cjs");require("./icon-Cc4gVHxd.cjs");const f={skin:{default:"info"},ariaLive:{default:"polite"},compact:{default:!1},closeAlert:{default:!1}},a={props:f};var v=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(o,t,r,s)=>{for(var l=s>1?void 0:s?b(t,r):t,n=o.length-1,p;n>=0;n--)(p=o[n])&&(l=(s?p(t,r,l):p(l))||l);return s&&l&&v(t,r,l),l};exports.PktAlert=class extends e.PktElement{constructor(){super(),this.defaultSlot=c.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._isClosed=!1,this.close=t=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:t},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(t,r,s){t==="ariaLive"&&(this["aria-live"]=s),super.attributeChangedCallback(t,r,s)}updated(t){super.updated(t),t.has("ariaLive")&&(this["aria-live"]=this.ariaLive),t.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const t={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed};return e.x`
-      <div class=${u.e(t)}>
-        <pkt-icon
-          class="pkt-alert__icon"
-          aria-hidden="true"
-          name=${this.skin==="info"?"alert-information":`alert-${this.skin}`}
-        ></pkt-icon>
-
-        ${this.closeAlert?e.x`
-              <div class="pkt-alert__close">
-                <button
-                  type="button"
-                  class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-                  tabindex="0"
-                  aria-label="close"
-                  @click=${this.close}
-                >
-                  <pkt-icon name="close" class="pkt-btn__icon" aria-hidden="true"></pkt-icon>
-                </button>
-              </div>
-            `:e.E}
-        ${this.title?e.x`<div class="pkt-alert__title">${this.title}</div>`:e.E}
-
-        <div class="pkt-alert__text" ${c.n(this.defaultSlot)}></div>
-
-        ${this.date?e.x`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:e.E}
-
-      </div>
-    `}};i([e.n({type:Boolean,reflect:!1})],exports.PktAlert.prototype,"compact",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"title",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"skin",2);i([e.n({type:String})],exports.PktAlert.prototype,"ariaLive",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"aria-live",2);i([e.n({type:Boolean,reflect:!0})],exports.PktAlert.prototype,"closeAlert",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"date",2);i([d.r()],exports.PktAlert.prototype,"_isClosed",2);exports.PktAlert=i([e.t("pkt-alert")],exports.PktAlert);

package/dist/alert-C6OiBFis.js

@@ -1,117 +0,0 @@
-import { e as h } from "./class-map-D4QK1bDP.js";
-import { P as f, E as u, x as p, n as a, a as v } from "./element-J964Wi0N.js";
-import { r as k } from "./state-fdb9lRrL.js";
-import { P as m } from "./pkt-slot-controller-DFrc5O93.js";
-import { e as b, n as _ } from "./ref-3rhflVgg.js";
-import { u as C } from "./classutils-RQs1k6D9.js";
-import "./icon-kSv2VoAB.js";
-const y = {
-  skin: {
-    default: "info"
-  },
-  ariaLive: {
-    default: "polite"
-  },
-  compact: {
-    default: !1
-  },
-  closeAlert: {
-    default: !1
-  }
-}, n = {
-  props: y
-};
-var $ = Object.defineProperty, S = Object.getOwnPropertyDescriptor, i = (t, l, r, o) => {
-  for (var s = o > 1 ? void 0 : o ? S(l, r) : l, c = t.length - 1, d; c >= 0; c--)
-    (d = t[c]) && (s = (o ? d(l, r, s) : d(s)) || s);
-  return o && s && $(l, r, s), s;
-};
-let e = class extends f {
-  constructor() {
-    super(), this.defaultSlot = b(), this.compact = n.props.compact.default, this.title = "", this.skin = n.props.skin.default, this.ariaLive = n.props.ariaLive.default, this["aria-live"] = null, this.closeAlert = n.props.closeAlert.default, this.date = null, this._isClosed = !1, this.close = (t) => {
-      this._isClosed = !0, this.dispatchEvent(
-        new CustomEvent("close", { detail: { origin: t }, bubbles: !0, composed: !0 })
-      ), this.dispatchEvent(
-        new CustomEvent("on-close", { detail: { origin: t }, bubbles: !0, composed: !0 })
-      );
-    }, this.slotController = new m(this, this.defaultSlot), this._isClosed = !1;
-  }
-  // Lifecycle
-  connectedCallback() {
-    super.connectedCallback(), this["aria-live"] = this.getAttribute("aria-live") || this.ariaLive;
-  }
-  attributeChangedCallback(t, l, r) {
-    t === "ariaLive" && (this["aria-live"] = r), super.attributeChangedCallback(t, l, r);
-  }
-  updated(t) {
-    super.updated(t), t.has("ariaLive") && (this["aria-live"] = this.ariaLive), t.has("_isClosed") && C(this, "pkt-hide", this._isClosed);
-  }
-  // Render
-  render() {
-    const t = {
-      "pkt-alert": !0,
-      "pkt-alert--compact": this.compact,
-      [`pkt-alert--${this.skin}`]: this.skin,
-      "pkt-hide": this._isClosed
-    };
-    return p`
-      <div class=${h(t)}>
-        <pkt-icon
-          class="pkt-alert__icon"
-          aria-hidden="true"
-          name=${this.skin === "info" ? "alert-information" : `alert-${this.skin}`}
-        ></pkt-icon>
-
-        ${this.closeAlert ? p`
-              <div class="pkt-alert__close">
-                <button
-                  type="button"
-                  class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-                  tabindex="0"
-                  aria-label="close"
-                  @click=${this.close}
-                >
-                  <pkt-icon name="close" class="pkt-btn__icon" aria-hidden="true"></pkt-icon>
-                </button>
-              </div>
-            ` : u}
-        ${this.title ? p`<div class="pkt-alert__title">${this.title}</div>` : u}
-
-        <div class="pkt-alert__text" ${_(this.defaultSlot)}></div>
-
-        ${this.date ? p`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : u}
-
-      </div>
-    `;
-  }
-};
-i([
-  a({ type: Boolean, reflect: !1 })
-], e.prototype, "compact", 2);
-i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "title", 2);
-i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "skin", 2);
-i([
-  a({ type: String })
-], e.prototype, "ariaLive", 2);
-i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "aria-live", 2);
-i([
-  a({ type: Boolean, reflect: !0 })
-], e.prototype, "closeAlert", 2);
-i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "date", 2);
-i([
-  k()
-], e.prototype, "_isClosed", 2);
-e = i([
-  v("pkt-alert")
-], e);
-export {
-  e as P
-};