@oslokommune/punkt-elements 12.32.0 → 12.32.8

package/dist/{ref-cRTOoM4R.js → ref-B70YZNXm.js}

@@ -1,6 +1,6 @@
-import { E as d } from "./element-G8JoS0Lj.js";
-import { f as $ } from "./directive-helpers-D7XIyCQ_.js";
-import { i as _, t as f, e as a } from "./directive-B76A7YXI.js";
+import { E as l } from "./element-DiqKrDty.js";
+import { f as $ } from "./directive-helpers-BmXIK-1b.js";
+import { i as f, t as a, e as _ } from "./directive-oAbCiebi.js";
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -18,7 +18,7 @@ const o = (t, s) => {
     if ((s = t._$AM) === void 0) break;
     e = s._$AN, e.delete(t), t = s;
   } while ((e == null ? void 0 : e.size) === 0);
-}, l = (t) => {
+}, d = (t) => {
   for (let s; s = t._$AM; t = s) {
     let e = s._$AN;
     if (e === void 0) s._$AN = e = /* @__PURE__ */ new Set();
@@ -27,7 +27,7 @@ const o = (t, s) => {
   }
 };
 function A(t) {
-  this._$AN !== void 0 ? (r(this), this._$AM = t, l(this)) : this._$AM = t;
+  this._$AN !== void 0 ? (r(this), this._$AM = t, d(this)) : this._$AM = t;
 }
 function u(t, s = !1, e = 0) {
   const i = this._$AH, h = this._$AN;
@@ -36,14 +36,14 @@ function u(t, s = !1, e = 0) {
   else o(this, t);
 }
 const v = (t) => {
-  t.type == f.CHILD && (t._$AP ?? (t._$AP = u), t._$AQ ?? (t._$AQ = A));
+  t.type == a.CHILD && (t._$AP ?? (t._$AP = u), t._$AQ ?? (t._$AQ = A));
 };
-class p extends _ {
+class p extends f {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
   _$AT(s, e, i) {
-    super._$AT(s, e, i), l(this), this.isConnected = s._$AU;
+    super._$AT(s, e, i), d(this), this.isConnected = s._$AU;
   }
   _$AO(s, e = !0) {
     var i, h;
@@ -69,14 +69,14 @@ class p extends _ {
 const N = () => new Y();
 class Y {
 }
-const c = /* @__PURE__ */ new WeakMap(), M = a(class extends p {
+const c = /* @__PURE__ */ new WeakMap(), M = _(class extends p {
   render(t) {
-    return d;
+    return l;
   }
   update(t, [s]) {
     var i;
     const e = s !== this.Y;
-    return e && this.Y !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.Y = s, this.ht = (i = t.options) == null ? void 0 : i.host, this.rt(this.ct = t.element)), d;
+    return e && this.Y !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.Y = s, this.ht = (i = t.options) == null ? void 0 : i.host, this.rt(this.ct = t.element)), l;
   }
   rt(t) {
     if (this.isConnected || (t = void 0), typeof this.Y == "function") {

package/dist/{ref-DsoUUoPU.cjs → ref-CLqTsViF.cjs}

@@ -1,9 +1,9 @@
-"use strict";const l=require("./element-BBo3JZk5.cjs"),_=require("./directive-helpers-mGjAtADc.cjs"),d=require("./directive-C_VV3qwo.cjs");/**
+"use strict";const d=require("./element-DJpGVXjq.cjs"),a=require("./directive-helpers-donnvcEO.cjs"),l=require("./directive-C7oCP5Bh.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const n=(t,e)=>{var i;const s=t._$AN;if(s===void 0)return!1;for(const h of s)(i=h._$AO)==null||i.call(h,e,!1),n(h,e);return!0},c=t=>{let e,s;do{if((e=t._$AM)===void 0)break;s=e._$AN,s.delete(t),t=e}while((s==null?void 0:s.size)===0)},$=t=>{for(let e;e=t._$AM;t=e){let s=e._$AN;if(s===void 0)e._$AN=s=new Set;else if(s.has(t))break;s.add(t),u(e)}};function A(t){this._$AN!==void 0?(c(this),this._$AM=t,$(this)):this._$AM=t}function a(t,e=!1,s=0){const i=this._$AH,h=this._$AN;if(h!==void 0&&h.size!==0)if(e)if(Array.isArray(i))for(let o=s;o<i.length;o++)n(i[o],!1),c(i[o]);else i!=null&&(n(i,!1),c(i));else n(this,t)}const u=t=>{t.type==d.t.CHILD&&(t._$AP??(t._$AP=a),t._$AQ??(t._$AQ=A))};class f extends d.i{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,s,i){super._$AT(e,s,i),$(this),this.isConnected=e._$AU}_$AO(e,s=!0){var i,h;e!==this.isConnected&&(this.isConnected=e,e?(i=this.reconnected)==null||i.call(this):(h=this.disconnected)==null||h.call(this)),s&&(n(this,e),c(this))}setValue(e){if(_.f(this._$Ct))this._$Ct._$AI(e,this);else{const s=[...this._$Ct._$AH];s[this._$Ci]=e,this._$Ct._$AI(s,this,0)}}disconnected(){}reconnected(){}}/**
+ */const n=(t,e)=>{var i;const s=t._$AN;if(s===void 0)return!1;for(const h of s)(i=h._$AO)==null||i.call(h,e,!1),n(h,e);return!0},c=t=>{let e,s;do{if((e=t._$AM)===void 0)break;s=e._$AN,s.delete(t),t=e}while((s==null?void 0:s.size)===0)},$=t=>{for(let e;e=t._$AM;t=e){let s=e._$AN;if(s===void 0)e._$AN=s=new Set;else if(s.has(t))break;s.add(t),u(e)}};function _(t){this._$AN!==void 0?(c(this),this._$AM=t,$(this)):this._$AM=t}function f(t,e=!1,s=0){const i=this._$AH,h=this._$AN;if(h!==void 0&&h.size!==0)if(e)if(Array.isArray(i))for(let o=s;o<i.length;o++)n(i[o],!1),c(i[o]);else i!=null&&(n(i,!1),c(i));else n(this,t)}const u=t=>{t.type==l.t.CHILD&&(t._$AP??(t._$AP=f),t._$AQ??(t._$AQ=_))};class A extends l.i{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,s,i){super._$AT(e,s,i),$(this),this.isConnected=e._$AU}_$AO(e,s=!0){var i,h;e!==this.isConnected&&(this.isConnected=e,e?(i=this.reconnected)==null||i.call(this):(h=this.disconnected)==null||h.call(this)),s&&(n(this,e),c(this))}setValue(e){if(a.f(this._$Ct))this._$Ct._$AI(e,this);else{const s=[...this._$Ct._$AH];s[this._$Ci]=e,this._$Ct._$AI(s,this,0)}}disconnected(){}reconnected(){}}/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const v=()=>new Y;class Y{}const r=new WeakMap,p=d.e(class extends f{render(t){return l.E}update(t,[e]){var i;const s=e!==this.Y;return s&&this.Y!==void 0&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.Y=e,this.ht=(i=t.options)==null?void 0:i.host,this.rt(this.ct=t.element)),l.E}rt(t){if(this.isConnected||(t=void 0),typeof this.Y=="function"){const e=this.ht??globalThis;let s=r.get(e);s===void 0&&(s=new WeakMap,r.set(e,s)),s.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),s.set(this.Y,t),t!==void 0&&this.Y.call(this.ht,t)}else this.Y.value=t}get lt(){var t,e;return typeof this.Y=="function"?(t=r.get(this.ht??globalThis))==null?void 0:t.get(this.Y):(e=this.Y)==null?void 0:e.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});exports.e=v;exports.n=p;
+ */const v=()=>new Y;class Y{}const r=new WeakMap,p=l.e(class extends A{render(t){return d.E}update(t,[e]){var i;const s=e!==this.Y;return s&&this.Y!==void 0&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.Y=e,this.ht=(i=t.options)==null?void 0:i.host,this.rt(this.ct=t.element)),d.E}rt(t){if(this.isConnected||(t=void 0),typeof this.Y=="function"){const e=this.ht??globalThis;let s=r.get(e);s===void 0&&(s=new WeakMap,r.set(e,s)),s.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),s.set(this.Y,t),t!==void 0&&this.Y.call(this.ht,t)}else this.Y.value=t}get lt(){var t,e;return typeof this.Y=="function"?(t=r.get(this.ht??globalThis))==null?void 0:t.get(this.Y):(e=this.Y)==null?void 0:e.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});exports.e=v;exports.n=p;

package/dist/{repeat-CArTw6-s.js → repeat-CNLpCTun.js}

@@ -1,6 +1,6 @@
-import { T as $ } from "./element-G8JoS0Lj.js";
-import { e as A, i as M, t as b } from "./directive-B76A7YXI.js";
-import { p as j, v as h, r as v, M as x, m as C } from "./directive-helpers-D7XIyCQ_.js";
+import { T as $ } from "./element-DiqKrDty.js";
+import { e as A, i as M, t as b } from "./directive-oAbCiebi.js";
+import { p as j, v as h, r as v, M as x, m as C } from "./directive-helpers-BmXIK-1b.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/dist/{repeat-kruY8poV.cjs → repeat-t2oms1o6.cjs}

@@ -1,4 +1,4 @@
-"use strict";const m=require("./element-BBo3JZk5.cjs"),x=require("./directive-C_VV3qwo.cjs"),s=require("./directive-helpers-mGjAtADc.cjs");/**
+"use strict";const m=require("./element-DJpGVXjq.cjs"),x=require("./directive-C7oCP5Bh.cjs"),s=require("./directive-helpers-donnvcEO.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{select-DxHhPEgD.js → select-BLDaK5Rd.js}

@@ -1,11 +1,11 @@
-import { x as h, n as c, a as $ } from "./element-G8JoS0Lj.js";
-import { r as b } from "./state-gfUuUqVg.js";
-import { e as u, n as d } from "./ref-cRTOoM4R.js";
-import { o as s } from "./if-defined-rCqT8Od1.js";
-import { P as v } from "./input-element-DM2uSYaW.js";
-import { P as f } from "./pkt-options-controller-CZplGTgu.js";
-import { P as m } from "./pkt-slot-controller-D1DakVrU.js";
-import "./input-wrapper-DQmYzhcy.js";
+import { x as h, n as c, a as $ } from "./element-DiqKrDty.js";
+import { r as b } from "./state-CDwPbiQj.js";
+import { e as u, n as d } from "./ref-B70YZNXm.js";
+import { o as s } from "./if-defined-DeANa4n5.js";
+import { P as v } from "./input-element-C4mmTk6h.js";
+import { P as f } from "./pkt-options-controller-BkWE4pZe.js";
+import { P as m } from "./pkt-slot-controller-BtVLTZb7.js";
+import "./input-wrapper-P_oEi6dk.js";
 var g = Object.defineProperty, C = Object.getOwnPropertyDescriptor, a = (e, t, i, o) => {
   for (var r = o > 1 ? void 0 : o ? C(t, i) : t, n = e.length - 1, p; n >= 0; n--)
     (p = e[n]) && (r = (o ? p(t, i, r) : p(r)) || r);

package/dist/{select-lvFnhEVg.cjs → select-Dvds7MzS.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./element-BBo3JZk5.cjs"),u=require("./state-BILlRnrD.cjs"),l=require("./ref-DsoUUoPU.cjs"),o=require("./if-defined-C1ZDVzYn.cjs"),d=require("./input-element-AhnBdCb8.cjs"),c=require("./pkt-options-controller-BtU1zEtG.cjs"),$=require("./pkt-slot-controller-CqNvEpFd.cjs");require("./input-wrapper-BdZxmQyO.cjs");var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(a,e,t,i)=>{for(var s=i>1?void 0:i?v(e,t):e,p=a.length-1,h;p>=0;p--)(h=a[p])&&(s=(i?h(e,t,s):h(s))||s);return i&&s&&b(e,t,s),s};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=l.e(),this.helptextSlot=l.e(),this.options=[],this.value="",this._options=[],this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new $.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const e=this.options.length>0,t=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!e&&t?this.optionsController.nodes.forEach(i=>{const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||"",disabled:!!i.getAttribute("disabled")};i.getAttribute("selected")&&!this.value&&(this.value=s.value),this._options.push(s)}):this._options=this.options}attributeChangedCallback(e,t,i){e==="options"&&(this._options=i?JSON.parse(i):[]),e==="value"&&this.value!==t&&this.valueChanged(i,t),super.attributeChangedCallback(e,t,i)}updated(e){var t;super.updated(e),e.has("value")&&(this.counterCurrent=((t=this.value)==null?void 0:t.length)||0,this.valueChanged(this.value,e.get("value"))),e.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(e){super.firstUpdated(e),this.options.length&&(this._options=this.options)}render(){const e=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
+"use strict";const r=require("./element-DJpGVXjq.cjs"),u=require("./state-C4LdlTYO.cjs"),l=require("./ref-CLqTsViF.cjs"),o=require("./if-defined-CoBDkDGb.cjs"),d=require("./input-element-VNai8bsq.cjs"),c=require("./pkt-options-controller-TJ1apYGF.cjs"),$=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-DWOw7Yn-.cjs");var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(a,e,t,i)=>{for(var s=i>1?void 0:i?v(e,t):e,p=a.length-1,h;p>=0;p--)(h=a[p])&&(s=(i?h(e,t,s):h(s))||s);return i&&s&&b(e,t,s),s};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=l.e(),this.helptextSlot=l.e(),this.options=[],this.value="",this._options=[],this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new $.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const e=this.options.length>0,t=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!e&&t?this.optionsController.nodes.forEach(i=>{const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||"",disabled:!!i.getAttribute("disabled")};i.getAttribute("selected")&&!this.value&&(this.value=s.value),this._options.push(s)}):this._options=this.options}attributeChangedCallback(e,t,i){e==="options"&&(this._options=i?JSON.parse(i):[]),e==="value"&&this.value!==t&&this.valueChanged(i,t),super.attributeChangedCallback(e,t,i)}updated(e){var t;super.updated(e),e.has("value")&&(this.counterCurrent=((t=this.value)==null?void 0:t.length)||0,this.valueChanged(this.value,e.get("value"))),e.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(e){super.firstUpdated(e),this.options.length&&(this._options=this.options)}render(){const e=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}

package/dist/select.d.ts

@@ -1,34 +1,34 @@
 export { }
 
 
-/**
- * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
- *
- * The component will prioritize options passed as a prop over options passed as children if both are provided.
- * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
- *
- * @slot (default) - Options to be rendered as children
- * @prop {TSelectOption[]} options - Options to be rendered as children
- *
- *
- */
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-select': PktSelect & HTMLSelectElement;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
+/**
+ * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
+ *
+ * The component will prioritize options passed as a prop over options passed as children if both are provided.
+ * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
+ *
+ * @slot (default) - Options to be rendered as children
+ * @prop {TSelectOption[]} options - Options to be rendered as children
+ *
+ *
+ */
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-select': PktSelect & HTMLSelectElement;
     }
 }
 

package/dist/{state-BILlRnrD.cjs → state-C4LdlTYO.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./element-BBo3JZk5.cjs");/**
+"use strict";const e=require("./element-DJpGVXjq.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{state-gfUuUqVg.js → state-CDwPbiQj.js}

@@ -1,4 +1,4 @@
-import { n as r } from "./element-G8JoS0Lj.js";
+import { n as r } from "./element-DiqKrDty.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/dist/tag-C52KeBmR.cjs

@@ -0,0 +1,18 @@
+"use strict";const u=require("./class-map-DvBKxTiW.cjs"),t=require("./element-DJpGVXjq.cjs"),k=require("./state-C4LdlTYO.cjs"),g=require("./pkt-slot-controller-plQxXRvV.cjs"),c=require("./ref-CLqTsViF.cjs");require("./icon-UtDKPH3R.cjs");const h=require("./if-defined-CoBDkDGb.cjs"),f={closeTag:{default:!1},size:{default:"medium"},skin:{default:"blue"},type:{default:"button"}},r={props:f};var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(n,e,o,a)=>{for(var s=a>1?void 0:a?y(e,o):e,l=n.length-1,p;l>=0;l--)(p=n[l])&&(s=(a?p(e,o,s):p(s))||s);return a&&s&&d(e,o,s),s};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=r.props.closeTag.default,this.size=r.props.size.default,this.skin=r.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=r.props.type.default,this.ariaLabel=null,this._isClosed=!1,this._ariaDescription=null,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0,composed:!0}))},this.slotController=new g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}firstUpdated(e){var o,a;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const s=(a=(o=this.defaultSlot.value)==null?void 0:o.textContent)==null?void 0:a.trim();s&&(this._ariaDescription=`Klikk for å fjerne ${s}`)}}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},o={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.x`
+        <button
+          class=${u.e(o)}
+          type=${this.type}
+          @click=${this.close}
+          aria-label=${h.o(this.ariaLabel||void 0)}
+          aria-description=${h.o(this._ariaDescription||void 0)}
+        >
+          ${this.iconName&&t.x`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
+          <span ${c.n(this.defaultSlot)}></span>
+          <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
+        </button>
+      `:t.x`
+        <span class=${u.e(e)}>
+          ${this.iconName&&t.x`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
+          <span ${c.n(this.defaultSlot)}></span>
+        </span>
+      `}};i([t.n({type:Boolean,reflect:!0})],exports.PktTag.prototype,"closeTag",2);i([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"size",2);i([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"skin",2);i([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"textStyle",2);i([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"iconName",2);i([t.n({type:String})],exports.PktTag.prototype,"type",2);i([t.n({type:String})],exports.PktTag.prototype,"ariaLabel",2);i([k.r()],exports.PktTag.prototype,"_isClosed",2);i([k.r()],exports.PktTag.prototype,"_ariaDescription",2);exports.PktTag=i([t.t("pkt-tag")],exports.PktTag);

package/dist/{tag-CWx1XsGR.js → tag-DoS5S2Bq.js}

@@ -1,81 +1,32 @@
-import { e as h } from "./class-map-ChuDQU5C.js";
-import { P as y, x as p, n as r, a as g } from "./element-G8JoS0Lj.js";
-import { r as m } from "./state-gfUuUqVg.js";
-import { P as k } from "./pkt-slot-controller-D1DakVrU.js";
-import { e as b, n as f } from "./ref-cRTOoM4R.js";
-import "./icon-BJnwW0eh.js";
-import { o as d } from "./if-defined-rCqT8Od1.js";
-const _ = "pkt-tag", $ = !0, S = {
+import { e as u } from "./class-map-D4tSZX70.js";
+import { P as m, x as l, n as r, a as g } from "./element-DiqKrDty.js";
+import { r as k } from "./state-CDwPbiQj.js";
+import { P as y } from "./pkt-slot-controller-BtVLTZb7.js";
+import { e as b, n as f } from "./ref-B70YZNXm.js";
+import "./icon-BdY52BIt.js";
+import { o as d } from "./if-defined-DeANa4n5.js";
+const _ = {
   closeTag: {
-    type: "boolean",
-    required: !1,
     default: !1
   },
   size: {
-    required: !1,
-    default: "medium",
-    type: [
-      "small",
-      "medium",
-      "large"
-    ]
-  },
-  iconName: {
-    type: "icon",
-    required: !1
+    default: "medium"
   },
   skin: {
-    required: !1,
-    default: "blue",
-    type: [
-      "blue",
-      "blue-light",
-      "blue-dark",
-      "green",
-      "red",
-      "beige",
-      "yellow",
-      "gray"
-    ]
-  },
-  textStyle: {
-    required: !1,
-    default: "normal-text",
-    type: [
-      "thin-text",
-      "normal-text"
-    ]
+    default: "blue"
   },
   type: {
-    required: !1,
-    default: "button",
-    type: [
-      "button",
-      "submit",
-      "reset"
-    ]
-  },
-  ariaLabel: {
-    type: "string",
-    required: !1
-  }
-}, x = {
-  default: {
-    description: "Teksten til tag"
+    default: "button"
   }
 }, n = {
-  name: _,
-  "css-class": "pkt-tag",
-  isElement: $,
-  props: S,
-  slots: x
+  props: _
 };
-var v = Object.defineProperty, C = Object.getOwnPropertyDescriptor, e = (s, i, l, o) => {
-  for (var a = o > 1 ? void 0 : o ? C(i, l) : i, c = s.length - 1, u; c >= 0; c--)
-    (u = s[c]) && (a = (o ? u(i, l, a) : u(a)) || a);
-  return o && a && v(i, l, a), a;
+var $ = Object.defineProperty, S = Object.getOwnPropertyDescriptor, e = (s, i, p, o) => {
+  for (var a = o > 1 ? void 0 : o ? S(i, p) : i, c = s.length - 1, h; c >= 0; c--)
+    (h = s[c]) && (a = (o ? h(i, p, a) : h(a)) || a);
+  return o && a && $(i, p, a), a;
 };
-let t = class extends y {
+let t = class extends m {
   constructor() {
     super(), this.defaultSlot = b(), this.closeTag = n.props.closeTag.default, this.size = n.props.size.default, this.skin = n.props.skin.default, this.textStyle = null, this.iconName = void 0, this.type = n.props.type.default, this.ariaLabel = null, this._isClosed = !1, this._ariaDescription = null, this.close = (s) => {
       this._isClosed = !0, this.dispatchEvent(
@@ -83,15 +34,15 @@ let t = class extends y {
       ), this.dispatchEvent(
         new CustomEvent("on-close", { detail: { origin: s }, bubbles: !0, composed: !0 })
       );
-    }, this.slotController = new k(this, this.defaultSlot), this._isClosed = !1;
+    }, this.slotController = new y(this, this.defaultSlot), this._isClosed = !1;
   }
   /**
    * Lifecycle
    */
   firstUpdated(s) {
-    var i, l;
+    var i, p;
     if (super.firstUpdated(s), this.closeTag && !this.ariaLabel) {
-      const o = (l = (i = this.defaultSlot.value) == null ? void 0 : i.textContent) == null ? void 0 : l.trim();
+      const o = (p = (i = this.defaultSlot.value) == null ? void 0 : i.textContent) == null ? void 0 : p.trim();
       o && (this._ariaDescription = `Klikk for å fjerne ${o}`);
     }
   }
@@ -111,21 +62,21 @@ let t = class extends y {
       "pkt-btn--icons-right-and-left": this.closeTag && !!this.iconName,
       "pkt-hide": this._isClosed
     };
-    return this.closeTag ? p`
+    return this.closeTag ? l`
         <button
-          class=${h(i)}
+          class=${u(i)}
           type=${this.type}
           @click=${this.close}
           aria-label=${d(this.ariaLabel || void 0)}
           aria-description=${d(this._ariaDescription || void 0)}
         >
-          ${this.iconName && p`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
+          ${this.iconName && l`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
           <span ${f(this.defaultSlot)}></span>
           <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
         </button>
-      ` : p`
-        <span class=${h(s)}>
-          ${this.iconName && p`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
+      ` : l`
+        <span class=${u(s)}>
+          ${this.iconName && l`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
           <span ${f(this.defaultSlot)}></span>
         </span>
       `;
@@ -153,10 +104,10 @@ e([
   r({ type: String })
 ], t.prototype, "ariaLabel", 2);
 e([
-  m()
+  k()
 ], t.prototype, "_isClosed", 2);
 e([
-  m()
+  k()
 ], t.prototype, "_ariaDescription", 2);
 t = e([
   g("pkt-tag")

package/dist/tag.d.ts

@@ -1,34 +1,34 @@
 export { }
 
 
-/**
- * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
- *
- * The component will prioritize options passed as a prop over options passed as children if both are provided.
- * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
- *
- * @slot (default) - Options to be rendered as children
- * @prop {TSelectOption[]} options - Options to be rendered as children
- *
- *
- */
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-select': PktSelect & HTMLSelectElement;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
+/**
+ * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
+ *
+ * The component will prioritize options passed as a prop over options passed as children if both are provided.
+ * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
+ *
+ * @slot (default) - Options to be rendered as children
+ * @prop {TSelectOption[]} options - Options to be rendered as children
+ *
+ *
+ */
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-select': PktSelect & HTMLSelectElement;
     }
 }
 

package/dist/{textarea-BNNDbxxO.js → textarea-C9EvdPGi.js}

@@ -1,14 +1,14 @@
-import { T as l, E as $, x as f, n as d, a as g } from "./element-G8JoS0Lj.js";
-import { o as u } from "./if-defined-rCqT8Od1.js";
-import { r as x } from "./state-gfUuUqVg.js";
-import { e as m, n as c } from "./ref-cRTOoM4R.js";
-import { e as v } from "./class-map-ChuDQU5C.js";
-import { e as b, i as T, t as a } from "./directive-B76A7YXI.js";
-import { f as y, m as w } from "./directive-helpers-D7XIyCQ_.js";
-import { P as C } from "./input-element-DM2uSYaW.js";
-import { P as E } from "./pkt-slot-controller-D1DakVrU.js";
-import "./input-wrapper-DQmYzhcy.js";
-import "./icon-BJnwW0eh.js";
+import { T as l, E as $, x as f, n as d, a as g } from "./element-DiqKrDty.js";
+import { o as u } from "./if-defined-DeANa4n5.js";
+import { r as x } from "./state-CDwPbiQj.js";
+import { e as m, n as c } from "./ref-B70YZNXm.js";
+import { e as v } from "./class-map-D4tSZX70.js";
+import { e as b, i as T, t as a } from "./directive-oAbCiebi.js";
+import { f as y, m as w } from "./directive-helpers-BmXIK-1b.js";
+import { P as C } from "./input-element-C4mmTk6h.js";
+import { P as E } from "./pkt-slot-controller-BtVLTZb7.js";
+import "./input-wrapper-P_oEi6dk.js";
+import "./icon-BdY52BIt.js";
 /**
  * @license
  * Copyright 2020 Google LLC

package/dist/{textarea-CDsLbogK.cjs → textarea-DJvNBmEL.cjs}

@@ -1,4 +1,4 @@
-"use strict";const s=require("./element-BBo3JZk5.cjs"),p=require("./if-defined-C1ZDVzYn.cjs"),c=require("./state-BILlRnrD.cjs"),l=require("./ref-DsoUUoPU.cjs"),$=require("./class-map-D4rXyUxT.cjs"),a=require("./directive-C_VV3qwo.cjs"),d=require("./directive-helpers-mGjAtADc.cjs"),x=require("./input-element-AhnBdCb8.cjs"),T=require("./pkt-slot-controller-CqNvEpFd.cjs");require("./input-wrapper-BdZxmQyO.cjs");require("./icon-BTUCDPN5.cjs");/**
+"use strict";const s=require("./element-DJpGVXjq.cjs"),p=require("./if-defined-CoBDkDGb.cjs"),c=require("./state-C4LdlTYO.cjs"),l=require("./ref-CLqTsViF.cjs"),$=require("./class-map-DvBKxTiW.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-donnvcEO.cjs"),x=require("./input-element-VNai8bsq.cjs"),T=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-DWOw7Yn-.cjs");require("./icon-UtDKPH3R.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/textarea.d.ts

@@ -1,34 +1,34 @@
 export { }
 
 
-/**
- * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
- *
- * The component will prioritize options passed as a prop over options passed as children if both are provided.
- * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
- *
- * @slot (default) - Options to be rendered as children
- * @prop {TSelectOption[]} options - Options to be rendered as children
- *
- *
- */
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-select': PktSelect & HTMLSelectElement;
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
+        'pkt-icon': PktIcon;
     }
 }
 
 
+/**
+ * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
+ *
+ * The component will prioritize options passed as a prop over options passed as children if both are provided.
+ * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
+ *
+ * @slot (default) - Options to be rendered as children
+ * @prop {TSelectOption[]} options - Options to be rendered as children
+ *
+ *
+ */
 declare global {
     interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
+        'pkt-select': PktSelect & HTMLSelectElement;
     }
 }
 

package/dist/{textinput-C3C088Ki.cjs → textinput-Cg3ObBuw.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-BBo3JZk5.cjs"),u=require("./if-defined-C1ZDVzYn.cjs"),l=require("./state-BILlRnrD.cjs"),p=require("./ref-DsoUUoPU.cjs"),c=require("./class-map-D4rXyUxT.cjs"),d=require("./input-element-AhnBdCb8.cjs"),x=require("./pkt-slot-controller-CqNvEpFd.cjs");require("./input-wrapper-BdZxmQyO.cjs");require("./icon-BTUCDPN5.cjs");var $=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(o,i,s,n)=>{for(var e=n>1?void 0:n?g(i,s):i,a=o.length-1,h;a>=0;a--)(h=o[a])&&(e=(n?h(i,s,e):h(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends d.PktInputElement{constructor(){super(),this.inputRef=p.e(),this.helptextSlot=p.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new x.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,s=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
+"use strict";const t=require("./element-DJpGVXjq.cjs"),u=require("./if-defined-CoBDkDGb.cjs"),l=require("./state-C4LdlTYO.cjs"),p=require("./ref-CLqTsViF.cjs"),c=require("./class-map-DvBKxTiW.cjs"),d=require("./input-element-VNai8bsq.cjs"),x=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-DWOw7Yn-.cjs");require("./icon-UtDKPH3R.cjs");var $=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(o,i,s,n)=>{for(var e=n>1?void 0:n?g(i,s):i,a=o.length-1,h;a>=0;a--)(h=o[a])&&(e=(n?h(i,s,e):h(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends d.PktInputElement{constructor(){super(),this.inputRef=p.e(),this.helptextSlot=p.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new x.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,s=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
       <pkt-input-wrapper
         label="${this.label}"
         ?counter=${this.counter}

package/dist/{textinput-M8I4dfoP.js → textinput-CxRSSYaN.js}

@@ -1,12 +1,12 @@
-import { x as p, E as h, n as o, a as $ } from "./element-G8JoS0Lj.js";
-import { o as c } from "./if-defined-rCqT8Od1.js";
-import { r as f } from "./state-gfUuUqVg.js";
-import { e as d, n as m } from "./ref-cRTOoM4R.js";
-import { e as g } from "./class-map-ChuDQU5C.js";
-import { P as x } from "./input-element-DM2uSYaW.js";
-import { P as y } from "./pkt-slot-controller-D1DakVrU.js";
-import "./input-wrapper-DQmYzhcy.js";
-import "./icon-BJnwW0eh.js";
+import { E as p, x as h, n as o, a as $ } from "./element-DiqKrDty.js";
+import { o as c } from "./if-defined-DeANa4n5.js";
+import { r as f } from "./state-CDwPbiQj.js";
+import { e as d, n as m } from "./ref-B70YZNXm.js";
+import { e as g } from "./class-map-D4tSZX70.js";
+import { P as x } from "./input-element-C4mmTk6h.js";
+import { P as y } from "./pkt-slot-controller-BtVLTZb7.js";
+import "./input-wrapper-P_oEi6dk.js";
+import "./icon-BdY52BIt.js";
 var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (e, i, r, t) => {
   for (var a = t > 1 ? void 0 : t ? b(i, r) : i, l = e.length - 1, u; l >= 0; l--)
     (u = e[l]) && (a = (t ? u(i, r, a) : u(a)) || a);
@@ -29,7 +29,7 @@ let s = class extends x {
       "pkt-input--fullwidth": this.fullwidth,
       "pkt-input--counter-error": this.counter && this.counterMaxLength && this.value.length && this.value.length > this.counterMaxLength
     }), r = this.ariaLabelledby || `${this.id}-input-label`;
-    return p`
+    return h`
       <pkt-input-wrapper
         label="${this.label}"
         ?counter=${this.counter}
@@ -55,7 +55,7 @@ let s = class extends x {
       >
         <div class="pkt-contents" ${m(this.helptextSlot)} name="helptext" slot="helptext"></div>
         <div class="pkt-input__container">
-          ${this.prefix ? p`<div class="pkt-input-prefix">${this.prefix}</div>` : h}
+          ${this.prefix ? h`<div class="pkt-input-prefix">${this.prefix}</div>` : p}
           <input
             ${m(this.inputRef)}
             class=${i}
@@ -68,7 +68,7 @@ let s = class extends x {
             minlength=${c(this.minlength)}
             maxlength=${c(this.maxlength)}
             ?readonly=${this.readonly}
-            size=${this.size || h}
+            size=${this.size || p}
             .value=${this.value}
             ?disabled=${this.disabled}
             aria-invalid=${this.hasError}
@@ -86,19 +86,19 @@ let s = class extends x {
       this.value = t.target.value, this.onBlur(), t.stopImmediatePropagation();
     }}
           />
-          ${this.suffix ? p`<div class="pkt-input-suffix">
+          ${this.suffix ? h`<div class="pkt-input-suffix">
                 ${this.suffix}
-                ${this.iconNameRight ? p`<pkt-icon
+                ${this.iconNameRight ? h`<pkt-icon
                       class="pkt-input-suffix-icon"
                       name=${this.iconNameRight}
-                    ></pkt-icon>` : h}
-                ${e ? p`<pkt-icon
+                    ></pkt-icon>` : p}
+                ${e ? h`<pkt-icon
                       class="pkt-input-suffix-icon"
                       name="magnifying-glass-big"
-                    ></pkt-icon>` : h}
-              </div>` : h}
-          ${!this.suffix && this.iconNameRight ? p`<pkt-icon class="pkt-input-icon" name=${this.iconNameRight}></pkt-icon>` : h}
-          ${!this.suffix && e ? p`<pkt-icon class="pkt-input-icon" name="magnifying-glass-big"></pkt-icon>` : h}
+                    ></pkt-icon>` : p}
+              </div>` : p}
+          ${!this.suffix && this.iconNameRight ? h`<pkt-icon class="pkt-input-icon" name=${this.iconNameRight}></pkt-icon>` : p}
+          ${!this.suffix && e ? h`<pkt-icon class="pkt-input-icon" name="magnifying-glass-big"></pkt-icon>` : p}
         </div>
       </pkt-input-wrapper>
     `;