@oslokommune/punkt-elements 12.26.0 → 12.26.2

package/dist/{card-ChaNVDWw.js → card-ClWsCQfD.js}

@@ -4,7 +4,7 @@ import { P as m, x as r, E as k, n as a, t as u } from "./element-BKrU5soj.js";
 import { P as y } from "./pkt-slot-controller-DhwCJd_0.js";
 import { e as f, n as b } from "./ref-D5qG7OFB.js";
 import "./icon-Bsb0MB2h.js";
-import "./tag-DX31g1rQ.js";
+import "./tag-CPLBzyiV.js";
 const $ = "pkt-card", v = !0, _ = {
   heading: {
     type: "string",

package/dist/{card-D3ka94lj.cjs → card-CtipjQuP.cjs}

@@ -1,4 +1,4 @@
-"use strict";const g=require("./class-map-aeZWY44S.cjs"),d=require("./if-defined-Br3lDE5v.cjs"),t=require("./element-B0UgldHm.cjs"),k=require("./pkt-slot-controller-BEDVscvU.cjs"),l=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");require("./tag-BpAs2fq6.cjs");const u="pkt-card",h=!0,m={heading:{type:"string",name:"Heading",description:"Tittel på kortet"},subheading:{type:"string",name:"Subheading",description:"Undertittel på kortet"},skin:{type:["outlined","gray","blue","beige","green"],name:"Skin",description:"Farge på kortet",default:"outlined"},direction:{type:["landscape","portrait"],name:"Direction",description:"Retningen innholdet skal ligge i forhold til kortet",default:"portrait"},tags:{type:"array",description:"Liste av tags på kortet. Tar inn en array med objekter med følgende stringproperties: skin, iconName, ariaLabel, text",name:"Tags",items:{type:"object",properties:{skin:{type:["blue","green","red","yellow"],description:"Farge på tag"},iconName:{type:"icon",description:"Id på ikonet du ønsker å bruke til tag"},ariaLabel:{type:"string",description:"Tekst for aria-label"},text:{type:"string",description:"Tekst på tag",required:!0}}}},image:{type:"object",name:"Bilde",description:"Bilde på kortet. Tar inn et objekt av typen {src: string, alt: string}. src er stien til bildet, og alt er tekst for aria-label.",properties:{src:{type:"string",description:"Bilde på kortet",required:!0},alt:{type:"string",description:"Tekst for aria-label",required:!0}}}},y={default:{description:"Innholdet i kortet"}},c={name:u,"css-class":"pkt-card",isElement:h,props:m,slots:y};var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(a,s,e,n)=>{for(var r=n>1?void 0:n?b(s,e):s,o=a.length-1,p;o>=0;o--)(p=a[o])&&(r=(n?p(s,e,r):p(r))||r);return n&&r&&f(s,e,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=l.e(),this.skin=c.props.skin.default,this.direction=c.props.direction.default,this.image={src:"",alt:""},this.heading="",this.subheading="",this.tags=[],this.slotController=new k.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){const s={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.direction}`]:this.direction};return t.x`
+"use strict";const g=require("./class-map-aeZWY44S.cjs"),d=require("./if-defined-Br3lDE5v.cjs"),t=require("./element-B0UgldHm.cjs"),k=require("./pkt-slot-controller-BEDVscvU.cjs"),l=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");require("./tag-nAMwKi6B.cjs");const u="pkt-card",h=!0,m={heading:{type:"string",name:"Heading",description:"Tittel på kortet"},subheading:{type:"string",name:"Subheading",description:"Undertittel på kortet"},skin:{type:["outlined","gray","blue","beige","green"],name:"Skin",description:"Farge på kortet",default:"outlined"},direction:{type:["landscape","portrait"],name:"Direction",description:"Retningen innholdet skal ligge i forhold til kortet",default:"portrait"},tags:{type:"array",description:"Liste av tags på kortet. Tar inn en array med objekter med følgende stringproperties: skin, iconName, ariaLabel, text",name:"Tags",items:{type:"object",properties:{skin:{type:["blue","green","red","yellow"],description:"Farge på tag"},iconName:{type:"icon",description:"Id på ikonet du ønsker å bruke til tag"},ariaLabel:{type:"string",description:"Tekst for aria-label"},text:{type:"string",description:"Tekst på tag",required:!0}}}},image:{type:"object",name:"Bilde",description:"Bilde på kortet. Tar inn et objekt av typen {src: string, alt: string}. src er stien til bildet, og alt er tekst for aria-label.",properties:{src:{type:"string",description:"Bilde på kortet",required:!0},alt:{type:"string",description:"Tekst for aria-label",required:!0}}}},y={default:{description:"Innholdet i kortet"}},c={name:u,"css-class":"pkt-card",isElement:h,props:m,slots:y};var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(a,s,e,n)=>{for(var r=n>1?void 0:n?b(s,e):s,o=a.length-1,p;o>=0;o--)(p=a[o])&&(r=(n?p(s,e,r):p(r))||r);return n&&r&&f(s,e,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=l.e(),this.skin=c.props.skin.default,this.direction=c.props.direction.default,this.image={src:"",alt:""},this.heading="",this.subheading="",this.tags=[],this.slotController=new k.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){const s={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.direction}`]:this.direction};return t.x`
       <div class=${g.e(s)}>
         ${this.image.src&&t.x`
           <div class="pkt-card__image">

package/dist/{datepicker-DdQVxt5g.cjs → datepicker-B2W8ra1B.cjs}

@@ -1,4 +1,4 @@
-"use strict";const $=require("./class-map-aeZWY44S.cjs"),k=require("./if-defined-Br3lDE5v.cjs"),s=require("./element-B0UgldHm.cjs"),T=require("./state-CG-binsl.cjs"),g=require("./calendar-CPEJ1enc.cjs"),S=require("./input-element-Dnda8hac.cjs"),r=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");require("./input-wrapper-nvacN4EY.cjs");require("./tag-BpAs2fq6.cjs");/**
+"use strict";const $=require("./class-map-aeZWY44S.cjs"),k=require("./if-defined-Br3lDE5v.cjs"),s=require("./element-B0UgldHm.cjs"),T=require("./state-CG-binsl.cjs"),g=require("./calendar-CPEJ1enc.cjs"),S=require("./input-element-Dnda8hac.cjs"),r=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");require("./input-wrapper-nvacN4EY.cjs");require("./tag-nAMwKi6B.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{datepicker-wDY2qm00.js → datepicker-BVI4szRk.js}

@@ -7,7 +7,7 @@ import { P as U } from "./input-element-URKBm_vS.js";
 import { p as K, v as y, r as w, M as I, m as W, e as R, n as $ } from "./ref-D5qG7OFB.js";
 import "./icon-Bsb0MB2h.js";
 import "./input-wrapper-CWvzXs6X.js";
-import "./tag-DX31g1rQ.js";
+import "./tag-CPLBzyiV.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/dist/pkt-card.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./card-D3ka94lj.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-CtipjQuP.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-ChaNVDWw.js";
+import { P as a } from "./card-ClWsCQfD.js";
 const r = a;
 export {
   a as PktCard,

package/dist/pkt-datepicker.cjs

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

package/dist/pkt-datepicker.js

@@ -1,4 +1,4 @@
-import { P as t } from "./datepicker-wDY2qm00.js";
+import { P as t } from "./datepicker-BVI4szRk.js";
 const a = t;
 export {
   t as PktDatepicker,

package/dist/pkt-index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./alert-3DZNN48_.cjs"),p=require("./calendar-CPEJ1enc.cjs"),d=require("./card-D3ka94lj.cjs"),t=require("./element-B0UgldHm.cjs"),P=require("./pkt-slot-controller-BEDVscvU.cjs"),i=require("./ref-DDYBJ4EB.cjs"),k=require("./class-map-aeZWY44S.cjs"),b=require("./datepicker-DdQVxt5g.cjs"),g=require("./helptext-XPScYIkx.cjs"),m=require("./icon-PWn7rnfg.cjs"),h=require("./input-wrapper-nvacN4EY.cjs"),f=require("./link-BnL83t0x.cjs"),y=require("./linkcard-RyOjvpmF.cjs"),v=require("./messagebox-CuM1y2P_.cjs"),x=require("./modal-gLMGJSSY.cjs"),C=require("./progressbar-CkaLjQYa.cjs"),O=require("./radiobutton-HmicLshI.cjs"),j=require("./tag-BpAs2fq6.cjs"),q=require("./textarea-D7uvC79V.cjs"),S=require("./textinput-C9pkRR6S.cjs"),$=require("./select-B19JEWYw.cjs");var _=Object.defineProperty,T=Object.getOwnPropertyDescriptor,o=(a,e,r,s)=>{for(var n=s>1?void 0:s?T(e,r):e,l=a.length-1,u;l>=0;l--)(u=a[l])&&(n=(s?u(e,r,n):u(n))||n);return s&&n&&_(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=i.e(),this.namedSlot=i.e(),this.slotController=new P.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 c=require("./alert-3DZNN48_.cjs"),p=require("./calendar-CPEJ1enc.cjs"),d=require("./card-CtipjQuP.cjs"),t=require("./element-B0UgldHm.cjs"),P=require("./pkt-slot-controller-BEDVscvU.cjs"),i=require("./ref-DDYBJ4EB.cjs"),k=require("./class-map-aeZWY44S.cjs"),b=require("./datepicker-B2W8ra1B.cjs"),g=require("./helptext-XPScYIkx.cjs"),m=require("./icon-PWn7rnfg.cjs"),h=require("./input-wrapper-nvacN4EY.cjs"),f=require("./link-BnL83t0x.cjs"),y=require("./linkcard-RyOjvpmF.cjs"),v=require("./messagebox-CuM1y2P_.cjs"),x=require("./modal-gLMGJSSY.cjs"),C=require("./progressbar-CkaLjQYa.cjs"),O=require("./radiobutton-HmicLshI.cjs"),j=require("./tag-nAMwKi6B.cjs"),q=require("./textarea-D7uvC79V.cjs"),S=require("./textinput-C9pkRR6S.cjs"),$=require("./select-B19JEWYw.cjs");var _=Object.defineProperty,T=Object.getOwnPropertyDescriptor,o=(a,e,r,s)=>{for(var n=s>1?void 0:s?T(e,r):e,l=a.length-1,u;l>=0;l--)(u=a[l])&&(n=(s?u(e,r,n):u(n))||n);return s&&n&&_(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=i.e(),this.namedSlot=i.e(),this.slotController=new P.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="${k.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/dist/pkt-index.js

@@ -1,12 +1,12 @@
 import { P as w } from "./alert-MKb7NX3r.js";
 import { c as P } from "./calendar-DB_8j4en.js";
 import { P as O } from "./calendar-DB_8j4en.js";
-import { P as j } from "./card-ChaNVDWw.js";
+import { P as j } from "./card-ClWsCQfD.js";
 import { P as f, x as m, s as k, n, t as c } from "./element-BKrU5soj.js";
 import { P as x } from "./pkt-slot-controller-DhwCJd_0.js";
 import { e as h, n as d } from "./ref-D5qG7OFB.js";
 import { e as u } from "./class-map-CQzsZCwS.js";
-import { P as D } from "./datepicker-wDY2qm00.js";
+import { P as D } from "./datepicker-BVI4szRk.js";
 import { P as R } from "./helptext-CNgXo34f.js";
 import { P as G } from "./icon-Bsb0MB2h.js";
 import { P as M } from "./input-wrapper-CWvzXs6X.js";
@@ -16,7 +16,7 @@ import { P as z } from "./messagebox-BDfhozc3.js";
 import { P as J } from "./modal-CYv8Qk0Y.js";
 import { P as V } from "./progressbar-DETyIwXf.js";
 import { P as Y } from "./radiobutton-BhQCBJ0I.js";
-import { P as tt } from "./tag-DX31g1rQ.js";
+import { P as tt } from "./tag-CPLBzyiV.js";
 import { P as rt } from "./textarea-Da-bIu5d.js";
 import { P as ot } from "./textinput-Buj2CAKl.js";
 import { P as nt } from "./select-BJr30hL7.js";

package/dist/pkt-tag.cjs

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

package/dist/pkt-tag.js

@@ -1,4 +1,4 @@
-import { P as a } from "./tag-DX31g1rQ.js";
+import { P as a } from "./tag-CPLBzyiV.js";
 const o = a;
 export {
   a as PktTag,

package/dist/{tag-DX31g1rQ.js → tag-CPLBzyiV.js}

@@ -1,5 +1,5 @@
 import { e as h } from "./class-map-CQzsZCwS.js";
-import { P as d, x as p, n as l, t as m } from "./element-BKrU5soj.js";
+import { P as d, x as p, n as o, t as m } from "./element-BKrU5soj.js";
 import { r as y } from "./state-C36ZmZgt.js";
 import { P as g } from "./pkt-slot-controller-DhwCJd_0.js";
 import { e as k, n as f } from "./ref-D5qG7OFB.js";
@@ -63,21 +63,21 @@ const b = "pkt-tag", S = !0, $ = {
   default: {
     description: "Teksten til tag"
   }
-}, r = {
+}, l = {
   name: b,
   "css-class": "pkt-tag",
   isElement: S,
   props: $,
   slots: _
 };
-var x = Object.defineProperty, C = Object.getOwnPropertyDescriptor, e = (s, o, n, a) => {
-  for (var i = a > 1 ? void 0 : a ? C(o, n) : o, c = s.length - 1, u; c >= 0; c--)
-    (u = s[c]) && (i = (a ? u(o, n, i) : u(i)) || i);
-  return a && i && x(o, n, i), i;
+var x = Object.defineProperty, C = Object.getOwnPropertyDescriptor, e = (s, a, n, r) => {
+  for (var i = r > 1 ? void 0 : r ? C(a, n) : a, c = s.length - 1, u; c >= 0; c--)
+    (u = s[c]) && (i = (r ? u(a, n, i) : u(i)) || i);
+  return r && i && x(a, n, i), i;
 };
 let t = class extends d {
   constructor() {
-    super(), this.defaultSlot = k(), this.closeTag = r.props.closeTag.default, this.size = r.props.size.default, this.skin = r.props.skin.default, this.textStyle = r.props.textStyle.default, this.iconName = void 0, this.type = r.props.type.default, this.ariaLabel = r.props.ariaLabel.default, this._isClosed = !1, this.close = (s) => {
+    super(), this.defaultSlot = k(), this.closeTag = l.props.closeTag.default, this.size = l.props.size.default, this.skin = l.props.skin.default, this.textStyle = l.props.textStyle.default, this.iconName = void 0, this.type = l.props.type.default, this.ariaLabel = l.props.ariaLabel.default, this._isClosed = !1, this.close = (s) => {
       this._isClosed = !0, this.dispatchEvent(
         new CustomEvent("close", { detail: { origin: s }, bubbles: !0, composed: !0 })
       ), this.dispatchEvent(
@@ -91,7 +91,7 @@ let t = class extends d {
       [`pkt-tag--${this.size}`]: !!this.size,
       [`pkt-tag--${this.skin}`]: !!this.skin,
       [`pkt-tag--${this.textStyle}`]: !!this.textStyle
-    }, o = {
+    }, a = {
       "pkt-tag": !0,
       "pkt-btn": !0,
       "pkt-btn--tertiary": !0,
@@ -103,7 +103,7 @@ let t = class extends d {
     };
     return this.closeTag ? p`
         <button
-          class=${h(o)}
+          class=${h(a)}
           type=${this.type}
           aria-label=${this.ariaLabel}
           @click=${this.close}
@@ -121,25 +121,25 @@ let t = class extends d {
   }
 };
 e([
-  l({ type: Boolean, reflect: !0 })
+  o({ type: Boolean, reflect: !0 })
 ], t.prototype, "closeTag", 2);
 e([
-  l({ type: String, reflect: !0 })
+  o({ type: String, reflect: !0 })
 ], t.prototype, "size", 2);
 e([
-  l({ type: String, reflect: !0 })
+  o({ type: String, reflect: !0 })
 ], t.prototype, "skin", 2);
 e([
-  l({ type: String, reflect: !0 })
+  o({ type: String, reflect: !0 })
 ], t.prototype, "textStyle", 2);
 e([
-  l({ type: String, reflect: !0 })
+  o({ type: String, reflect: !0 })
 ], t.prototype, "iconName", 2);
 e([
-  l({ type: String, reflect: !0 })
+  o({ type: String })
 ], t.prototype, "type", 2);
 e([
-  l({ type: String, reflect: !0 })
+  o({ type: String })
 ], t.prototype, "ariaLabel", 2);
 e([
   y()

package/dist/{tag-BpAs2fq6.cjs → tag-nAMwKi6B.cjs}

@@ -14,4 +14,4 @@
           ${this.iconName&&t.x` <pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon> `}
           <span ${c.n(this.defaultSlot)}></span>
         </span>
-      `}};s([t.n({type:Boolean,reflect:!0})],exports.PktTag.prototype,"closeTag",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"size",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"skin",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"textStyle",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"iconName",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"type",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"ariaLabel",2);s([h.r()],exports.PktTag.prototype,"_isClosed",2);exports.PktTag=s([t.t("pkt-tag")],exports.PktTag);
+      `}};s([t.n({type:Boolean,reflect:!0})],exports.PktTag.prototype,"closeTag",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"size",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"skin",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"textStyle",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"iconName",2);s([t.n({type:String})],exports.PktTag.prototype,"type",2);s([t.n({type:String})],exports.PktTag.prototype,"ariaLabel",2);s([h.r()],exports.PktTag.prototype,"_isClosed",2);exports.PktTag=s([t.t("pkt-tag")],exports.PktTag);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.26.0",
+  "version": "12.26.2",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -57,5 +57,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "d53ac4282cddb23a055e3d81337eb533d3abd068"
+  "gitHead": "40edb9d3d4eab9308ced03492923de706deff59d"
 }

package/src/components/tag/tag.ts

@@ -51,8 +51,8 @@ export class PktTag extends PktElement {
   @property({ type: String, reflect: true }) skin: TTagSkin = specs.props.skin.default as TTagSkin
   @property({ type: String, reflect: true }) textStyle: string = specs.props.textStyle.default
   @property({ type: String, reflect: true }) iconName: string | undefined = undefined
-  @property({ type: String, reflect: true }) type: TTagType = specs.props.type.default as TTagType
-  @property({ type: String, reflect: true }) ariaLabel: string = specs.props.ariaLabel.default
+  @property({ type: String }) type: TTagType = specs.props.type.default as TTagType
+  @property({ type: String }) ariaLabel: string = specs.props.ariaLabel.default
 
   /**
    * Element state