@oslokommune/punkt-elements 19.19.1 → 20.0.0

package/CHANGELOG.md

@@ -5,6 +5,73 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [20.0.0](https://github.com/oslokommune/punkt/compare/19.20.0...20.0.0) (2026-11-03)
+
+### ⚠ BREAKING CHANGES
+* Punkt 20: Ny card, tag, messagebox, CDN for ikoner og mye mer (#3782). BREAKING CHANGE: Card: standard-skin er `gray`, ikke `outlined`. Sett
+  `skin="outlined"` for å beholde rammen.
+  
+  BREAKING CHANGE: Card: `padding`, `imageShape`, `borderOnHover` og
+  `restrictImageHeight` er fjernet, sammen med CSS-klassene,
+  `TCardPadding`, `TCardImageShape`, `CARD_PADDINGS` og
+  `CARD_IMAGE_SHAPES`. Bildet har fast høyde. Bruk `imageAspect` for
+  sideforhold.
+  
+  BREAKING CHANGE: Card: skin `outlined-beige` er fjernet. Bruk
+  `outlined`.
+  
+  BREAKING CHANGE: Card: liggende card stables etter bredden på cardet,
+  ikke skjermen. Egen HTML må ha `.pkt-card__container` rundt bilde og
+  tekst, og `pkt-card--clickable` på klikkbare card.
+  
+  BREAKING CHANGE: Messagebox: standard-skin er `gray`, ikke `beige`. Sett
+  `skin="beige"` for å beholde utseendet.
+  
+  BREAKING CHANGE: Tag: standard-skin er `gray`, ikke `blue`. Sett
+  `skin="blue"` for å beholde utseendet.
+  
+  BREAKING CHANGE: `grey` er fjernet. Bruk `gray`. Det gjelder `skin` på
+  Tag og Link card, `tagSkin` på tab items, `tagSkinColor` i Combobox og
+  `pkt-section--grey`. På Link card blir `grey-outline` til `outlined`.
+  
+  BREAKING CHANGE: Link card: skin `beige-outline` er fjernet. Bruk
+  `outlined`. Skin `no-padding` er fjernet, og link card uten skin har
+  ikke lenger padding.
+  
+  BREAKING CHANGE: Link og Link card: `external` er fjernet, sammen med
+  ikonet og klassen `pkt-link--external`. Bruk `rel="noopener noreferrer"`
+  på Link.
+  
+  BREAKING CHANGE: Icon: ikonene hentes fra
+  `https://cdn.ikoner.oslo.kommune.no/icons/`, ikke punkt-cdn. En Content
+  Security Policy må tillate domenet i `connect-src`. Ikonene
+  `search-icon-round-*` og `search-icon-square-*` er fjernet.
+  
+  Verktøyet migrerer det meste: `npx @oslokommune/punkt-migrate@20 .
+  --dry-run`
+  
+  Se
+  https://punkt.oslo.kommune.no/latest/grunnleggende/for-utviklere/migrering-punkt-20/
+  for mer informasjon.
+
+### Features
+* Card er tegnet om, med pil etter overskriften på klikkbare. card og ny skin `transparent`.
+* Tag har nye farger med light-varianter og nye state-farger.. 
+* Link card har fått samme skins som Card. `normal` og. `gray-outline` virker fortsatt.
+* Dark mode for Card, Tag, Messagebox og Link card. Skins uten. mørk variant holder seg lyse.
+* punkt-migrate@20 migrerer props og attributter i alle. rammeverk, og tar prosjekter på 18 via 19.
+
+---
+
+
+## [19.20.0](https://github.com/oslokommune/punkt/compare/19.19.1...19.20.0) (2026-11-03)
+
+### Features
+* typesikre progressbar (#3796). 
+
+---
+
+
 ## [19.20.0](https://github.com/oslokommune/punkt/compare/19.19.0...19.20.0) (2026-11-03)
 
 ---

package/dist/{accordion-Bg4CMrUM.cjs → accordion-5N_ptxrN.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs");require("./shared-types-BvRk9kiK.cjs");const r=require("./if-defined-CiML3MTM.cjs"),i=require("./consume-kEjgTrAp.cjs"),a=require("./provide-Cz18sYug.cjs"),o=require("./ref-CB7e9nMY.cjs");var s=[`beige`,`blue`],c=i.n(Symbol(`pkt-accordion-context`)),l=class extends e.c{constructor(...e){super(...e),this.ariaLabelledBy=``,this.compact=!1,this.skin=`borderless`,this.name=``,this.context={skin:this.skin}}willUpdate(e){e.has(`skin`)&&(this.context={...this.context,skin:this.skin})}updated(e){e.has(`name`)&&this.updateAccordionItemNames()}updateAccordionItemNames(){if(this.name){let e=this.renderRoot?.querySelector(`slot`);e&&e.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`pkt-accordion-item`&&(e.hasAttribute(`name`)||e.setAttribute(`name`,this.name))})}}firstUpdated(){let e=this.renderRoot?.querySelector(`slot`);e&&e.addEventListener(`slotchange`,()=>{this.updateAccordionItemNames()})}render(){let n={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return e._`
+const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-CeKuRE3_.cjs");require("./shared-types-BvRk9kiK.cjs");const r=require("./if-defined-Ci4ZQsgL.cjs"),i=require("./consume-kEjgTrAp.cjs"),a=require("./provide-Cz18sYug.cjs"),o=require("./ref-B6p6mQkO.cjs");var s=[`beige`,`blue`],c=i.n(Symbol(`pkt-accordion-context`)),l=class extends e.c{constructor(...e){super(...e),this.ariaLabelledBy=``,this.compact=!1,this.skin=`borderless`,this.name=``,this.context={skin:this.skin}}willUpdate(e){e.has(`skin`)&&(this.context={...this.context,skin:this.skin})}updated(e){e.has(`name`)&&this.updateAccordionItemNames()}updateAccordionItemNames(){if(this.name){let e=this.renderRoot?.querySelector(`slot`);e&&e.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`pkt-accordion-item`&&(e.hasAttribute(`name`)||e.setAttribute(`name`,this.name))})}}firstUpdated(){let e=this.renderRoot?.querySelector(`slot`);e&&e.addEventListener(`slotchange`,()=>{this.updateAccordionItemNames()})}render(){let n={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return e._`
       <div
         part="container"
         class=${t.t(n)}

package/dist/{accordion-BHVzR-6Z.js → accordion-C5cu1xXT.js}

@@ -1,11 +1,11 @@
-import { _ as e, c as t, d as n, l as r, n as i, u as a } from "./element-ckeMVgMz.js";
-import { t as o } from "./class-map-BkEYw5uE.js";
-import { i as s, t as c } from "./element-with-slot-Dp2Gzv-Q.js";
+import { _ as e, c as t, d as n, l as r, n as i, u as a } from "./element-DLgZkx5L.js";
+import { t as o } from "./class-map-BDwVSgLb.js";
+import { i as s, t as c } from "./element-with-slot-mG-h7Sjw.js";
 import "./shared-types-A6iGIX-f.js";
-import { t as l } from "./if-defined-D18nY_K_.js";
+import { t as l } from "./if-defined-DiYi2v_Q.js";
 import { n as u, t as d } from "./consume-Bp12si68.js";
 import { t as f } from "./provide-_MnlMGnw.js";
-import { n as p, t as m } from "./ref-D4OwQYdf.js";
+import { n as p, t as m } from "./ref-BAegS9BR.js";
 //#region ../../shared-types/accordion.ts
 var h = ["beige", "blue"], g = u(Symbol("pkt-accordion-context")), _ = class extends t {
 	constructor(...e) {

package/dist/{alert-BAaZIR3e.js → alert-CA1fDbyc.js}

@@ -1,12 +1,12 @@
-import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-ckeMVgMz.js";
-import { t as o } from "./class-map-BkEYw5uE.js";
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-DLgZkx5L.js";
+import { t as o } from "./class-map-BDwVSgLb.js";
 import { t as s } from "./format-BTeSVkED.js";
-import { i as c, t as l } from "./element-with-slot-Dp2Gzv-Q.js";
+import { i as c, t as l } from "./element-with-slot-mG-h7Sjw.js";
 import "./shared-types-A6iGIX-f.js";
-import "./icon-CUU42bZ0.js";
+import "./icon-C1oCGwEe.js";
 import { t as u } from "./classutils-DcYnSgfc.js";
 import { t as d } from "./define-component-spec-BYOSeplU.js";
-import "./button-CF9k3ARf.js";
+import "./button-Bswo1C0M.js";
 //#region ../../shared-types/aria.ts
 var f = [
 	"off",

package/dist/{alert-Dy5N7qK-.cjs → alert-DkyTTo7S.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-B0Vp_OuR.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./icon-CrG6o7ZE.cjs");const i=require("./classutils-CbklAJDe.cjs"),a=require("./define-component-spec-DBNd2FJY.cjs");require("./button-BBFI3FuT.cjs");var o=[`off`,`polite`,`assertive`],s=[`info`,`success`,`warning`,`error`],c=[`medium`,`small`,`xsmall`],l={compact:!1},u=a.t({name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{reactOnly:!0,description:`React: Klikk-event for 'Lukk'-knappen`},close:{elementsOnly:!0,description:`Elements: Klikk-event for 'Lukk'-knappen`},"on-close":{elementsOnly:!0,description:`Elements: Samme event som <code>close</code>, beholdt for eldre Vue-oppsett.`,deprecated:`Bruk <code>close</code>. <code>on-close</code> fjernes i en senere hovedversjon.`}},props:{title:{name:`Tittel`,description:`Tittelen som vises øverst i på meldingen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Hvordan type melding er dette?`,type:[...s],default:`info`,category:`ui`},date:{name:`Sist oppdatert`,description:`Dato som vises nederst i på meldingen`,type:`string`,category:`contents`},ariaLive:{name:`aria-live`,description:`Hvordan skal skjermleseren lese opp meldingen?`,type:[...o],default:`polite`,category:`accessibility`},size:{name:`Størrelse`,description:`Endrer størrelsen på ulike elementer i alerten.`,type:[...c],default:`medium`,category:`ui`},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`},compact:{name:`Kompakt`,description:`Kompakt visning av alerten.`,deprecated:"Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",type:`boolean`,category:`ui`,default:l.compact}},slots:{default:{description:`Innholdet i meldingen`}}}),d=class extends r.t{constructor(){super(),this.compact=l.compact,this.title=``,this.skin=u.props.skin.default,this.ariaLive=u.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=u.props.closeAlert.default,this.date=null,this.role=`status`,this._isClosed=!1,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._isClosed=!1}connectedCallback(){super.connectedCallback(),this.ariaLiveAttr=this.getAttribute(`aria-live`)||this.ariaLive}attributeChangedCallback(e,t,n){e===`ariaLive`&&(this.ariaLiveAttr=n),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`ariaLive`)&&e.get(`ariaLive`)!==void 0&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&i.t(this,`pkt-hide`,this._isClosed)}render(){let i=this.size??(this.compact?`small`:`medium`),a={"pkt-alert":!0,[`pkt-alert--${i}`]:!0,[`pkt-alert--${this.skin}`]:!0,"pkt-hide":this._isClosed},o={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e._`
+const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-CeKuRE3_.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./icon-5A378_yh.cjs");const i=require("./classutils-CbklAJDe.cjs"),a=require("./define-component-spec-DBNd2FJY.cjs");require("./button-bVWAX98x.cjs");var o=[`off`,`polite`,`assertive`],s=[`info`,`success`,`warning`,`error`],c=[`medium`,`small`,`xsmall`],l={compact:!1},u=a.t({name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{reactOnly:!0,description:`React: Klikk-event for 'Lukk'-knappen`},close:{elementsOnly:!0,description:`Elements: Klikk-event for 'Lukk'-knappen`},"on-close":{elementsOnly:!0,description:`Elements: Samme event som <code>close</code>, beholdt for eldre Vue-oppsett.`,deprecated:`Bruk <code>close</code>. <code>on-close</code> fjernes i en senere hovedversjon.`}},props:{title:{name:`Tittel`,description:`Tittelen som vises øverst i på meldingen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Hvordan type melding er dette?`,type:[...s],default:`info`,category:`ui`},date:{name:`Sist oppdatert`,description:`Dato som vises nederst i på meldingen`,type:`string`,category:`contents`},ariaLive:{name:`aria-live`,description:`Hvordan skal skjermleseren lese opp meldingen?`,type:[...o],default:`polite`,category:`accessibility`},size:{name:`Størrelse`,description:`Endrer størrelsen på ulike elementer i alerten.`,type:[...c],default:`medium`,category:`ui`},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`},compact:{name:`Kompakt`,description:`Kompakt visning av alerten.`,deprecated:"Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",type:`boolean`,category:`ui`,default:l.compact}},slots:{default:{description:`Innholdet i meldingen`}}}),d=class extends r.t{constructor(){super(),this.compact=l.compact,this.title=``,this.skin=u.props.skin.default,this.ariaLive=u.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=u.props.closeAlert.default,this.date=null,this.role=`status`,this._isClosed=!1,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._isClosed=!1}connectedCallback(){super.connectedCallback(),this.ariaLiveAttr=this.getAttribute(`aria-live`)||this.ariaLive}attributeChangedCallback(e,t,n){e===`ariaLive`&&(this.ariaLiveAttr=n),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`ariaLive`)&&e.get(`ariaLive`)!==void 0&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&i.t(this,`pkt-hide`,this._isClosed)}render(){let i=this.size??(this.compact?`small`:`medium`),a={"pkt-alert":!0,[`pkt-alert--${i}`]:!0,[`pkt-alert--${this.skin}`]:!0,"pkt-hide":this._isClosed},o={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e._`
       <div
         class=${t.t(a)}
         aria-live=${this.ariaLiveAttr}

package/dist/{async-directive-C4LocQwR.js → async-directive-BcS8rfeC.js}

@@ -1,5 +1,5 @@
-import { m as e, p as t } from "./element-ckeMVgMz.js";
-import { i as n } from "./directive-helpers-BAinC437.js";
+import { m as e, p as t } from "./element-DLgZkx5L.js";
+import { i as n } from "./directive-helpers-BoDzpPID.js";
 //#region ../../node_modules/lit-html/async-directive.js
 var r = (e, t) => {
 	let n = e._$AN;

package/dist/{async-directive-DpyKp6qv.cjs → async-directive-DCLIOGR8.cjs}

@@ -1 +1 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./directive-helpers-Bv70GjQh.cjs");var n=(e,t)=>{let r=e._$AN;if(r===void 0)return!1;for(let e of r)e._$AO?.(t,!1),n(e,t);return!0},r=e=>{let t,n;do{if((t=e._$AM)===void 0)break;n=t._$AN,n.delete(e),e=t}while(n?.size===0)},i=e=>{for(let t;t=e._$AM;e=t){let n=t._$AN;if(n===void 0)t._$AN=n=new Set;else if(n.has(e))break;n.add(e),s(t)}};function a(e){this._$AN===void 0?this._$AM=e:(r(this),this._$AM=e,i(this))}function o(e,t=!1,i=0){let a=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0){if(t){if(Array.isArray(a))for(let e=i;e<a.length;e++)n(a[e],!1),r(a[e]);else a!=null&&(n(a,!1),r(a))}else n(this,e)}}var s=t=>{t.type==e.m.CHILD&&(t._$AP??=o,t._$AQ??=a)},c=class extends e.p{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,n){super._$AT(e,t,n),i(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(n(this,e),r(this))}setValue(e){if(t.i(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
+const e=require("./element-CEarCnHH.cjs"),t=require("./directive-helpers-r7akb6wX.cjs");var n=(e,t)=>{let r=e._$AN;if(r===void 0)return!1;for(let e of r)e._$AO?.(t,!1),n(e,t);return!0},r=e=>{let t,n;do{if((t=e._$AM)===void 0)break;n=t._$AN,n.delete(e),e=t}while(n?.size===0)},i=e=>{for(let t;t=e._$AM;e=t){let n=t._$AN;if(n===void 0)t._$AN=n=new Set;else if(n.has(e))break;n.add(e),s(t)}};function a(e){this._$AN===void 0?this._$AM=e:(r(this),this._$AM=e,i(this))}function o(e,t=!1,i=0){let a=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0){if(t){if(Array.isArray(a))for(let e=i;e<a.length;e++)n(a[e],!1),r(a[e]);else a!=null&&(n(a,!1),r(a))}else n(this,e)}}var s=t=>{t.type==e.m.CHILD&&(t._$AP??=o,t._$AQ??=a)},c=class extends e.p{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,n){super._$AT(e,t,n),i(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(n(this,e),r(this))}setValue(e){if(t.i(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/{backlink-Dlkyj0ns.js → backlink-CDBRcaAu.js}

@@ -1,6 +1,6 @@
-import { _ as e, d as t, n, t as r, u as i } from "./element-ckeMVgMz.js";
-import "./icon-CUU42bZ0.js";
-import { t as a } from "./if-defined-D18nY_K_.js";
+import { _ as e, d as t, n, t as r, u as i } from "./element-DLgZkx5L.js";
+import "./icon-C1oCGwEe.js";
+import { t as a } from "./if-defined-DiYi2v_Q.js";
 //#region src/components/backlink/backlink.ts
 var o = class extends r {
 	constructor(...e) {

package/dist/{backlink-BnWruRuj.cjs → backlink-CXOxMeyt.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs");require("./icon-CrG6o7ZE.cjs");const t=require("./if-defined-CiML3MTM.cjs");var n=class extends e.t{constructor(...e){super(...e),this.href=``,this.text=`Forsiden`,this.ariaLabel=null}attributeChangedCallback(e,t,n){e===`arialabel`&&this.removeAttribute(`arialabel`),e===`href`&&this.removeAttribute(`href`),e===`text`&&this.removeAttribute(`text`),super.attributeChangedCallback(e,t,n)}render(){return e._`<nav
+const e=require("./element-CEarCnHH.cjs");require("./icon-5A378_yh.cjs");const t=require("./if-defined-Ci4ZQsgL.cjs");var n=class extends e.t{constructor(...e){super(...e),this.href=``,this.text=`Forsiden`,this.ariaLabel=null}attributeChangedCallback(e,t,n){e===`arialabel`&&this.removeAttribute(`arialabel`),e===`href`&&this.removeAttribute(`href`),e===`text`&&this.removeAttribute(`text`),super.attributeChangedCallback(e,t,n)}render(){return e._`<nav
       class="pkt-back-link"
       aria-label=${this.ariaLabel||this.pktStrings.get(`backlink`).label}
     >

package/dist/{breadcrumbs-Bfv8W2CF.js → breadcrumbs-5oUaCef3.js}

@@ -1,5 +1,5 @@
-import { _ as e, d as t, h as n, n as r, t as i, u as a } from "./element-ckeMVgMz.js";
-import "./icon-CUU42bZ0.js";
+import { _ as e, d as t, h as n, n as r, t as i, u as a } from "./element-DLgZkx5L.js";
+import "./icon-C1oCGwEe.js";
 //#region src/components/breadcrumbs/breadcrumbs.ts
 var o = class extends i {
 	constructor(...e) {

package/dist/{breadcrumbs-CyWtnx2B.cjs → breadcrumbs-zfUto2U5.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs");require("./icon-CrG6o7ZE.cjs");var t=class extends e.t{constructor(...e){super(...e),this.breadcrumbs=[]}handleLinkClick(e,t,n){let r=new CustomEvent(`navigate`,{detail:{item:t,index:n,originalEvent:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}render(){if(!this.breadcrumbs||this.breadcrumbs.length===0)return e.h;let t=this.breadcrumbs[this.breadcrumbs.length-2];return e._`
+const e=require("./element-CEarCnHH.cjs");require("./icon-5A378_yh.cjs");var t=class extends e.t{constructor(...e){super(...e),this.breadcrumbs=[]}handleLinkClick(e,t,n){let r=new CustomEvent(`navigate`,{detail:{item:t,index:n,originalEvent:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}render(){if(!this.breadcrumbs||this.breadcrumbs.length===0)return e.h;let t=this.breadcrumbs[this.breadcrumbs.length-2];return e._`
       <nav class="pkt-breadcrumbs" aria-label=${this.pktStrings.get(`breadcrumbs`).ariaLabel}>
         <ol class="pkt-breadcrumbs__list pkt-breadcrumbs--desktop">
           ${this.breadcrumbs.map((t,n)=>n===this.breadcrumbs.length-1?e._`

package/dist/{button-CF9k3ARf.js → button-Bswo1C0M.js}

@@ -1,8 +1,8 @@
-import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-ckeMVgMz.js";
-import { t as o } from "./class-map-BkEYw5uE.js";
-import { i as s, t as c } from "./element-with-slot-Dp2Gzv-Q.js";
-import "./icon-CUU42bZ0.js";
-import { t as l } from "./if-defined-D18nY_K_.js";
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-DLgZkx5L.js";
+import { t as o } from "./class-map-BDwVSgLb.js";
+import { i as s, t as c } from "./element-with-slot-mG-h7Sjw.js";
+import "./icon-C1oCGwEe.js";
+import { t as l } from "./if-defined-DiYi2v_Q.js";
 //#region src/components/button/button.ts
 var u, d = "https://punkt-cdn.oslo.kommune.no/latest/animations/";
 typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || d);

package/dist/{button-BBFI3FuT.cjs → button-bVWAX98x.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs");require("./icon-CrG6o7ZE.cjs");const r=require("./if-defined-CiML3MTM.cjs");var i,a=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||a);var o=class i extends n.t{constructor(...e){super(...e),this.iconName=`user`,this.secondIconName=`user`,this.size=`medium`,this.fullWidth=!1,this.fullWidthOnMobile=!1,this.skin=`primary`,this.variant=`label-only`,this.state=void 0,this.type=`button`,this.form=void 0,this.isLoading=!1,this.disabled=!1,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:a,this.relocatedAria={}}connectedCallback(){super.connectedCallback(),this.addEventListener(`click`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.preventDefault(),e.stopImmediatePropagation())},!0),this.addEventListener(`keydown`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopImmediatePropagation())},!0)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===`disabled`&&n===`false`&&(this.disabled=!1),(e===`isloading`||e===`isLoading`)&&n===`false`&&(this.isLoading=!1)}willUpdate(e){super.willUpdate(e);let t=!1,n={...this.relocatedAria};for(let e of i.relocatedAriaAttributes){let r=this.getAttribute(e);r!==null&&(n[e]=r,this.removeAttribute(e),t=!0)}t&&(this.relocatedAria=n)}firstUpdated(e){super.firstUpdated(e),this.disabled===`false`&&(this.disabled=!1),this.isLoading===`false`&&(this.isLoading=!1)}render(){let i=this.form??this.getAttribute(`form`)??void 0,a={"pkt-btn":!0,[`pkt-btn--${this.size}`]:!!this.size,[`pkt-btn--${this.skin}`]:!!this.skin,[`pkt-btn--${this.variant}`]:!!this.variant,[`pkt-btn--${this.color}`]:!!this.color,[`pkt-btn--${this.state}`]:!!this.state,"pkt-btn--full":!!this.fullWidth,"pkt-btn--full-small":!!this.fullWidthOnMobile,"pkt-btn--isLoading":!!this.isLoading};return e._`
+const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-CeKuRE3_.cjs");require("./icon-5A378_yh.cjs");const r=require("./if-defined-Ci4ZQsgL.cjs");var i,a=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||a);var o=class i extends n.t{constructor(...e){super(...e),this.iconName=`user`,this.secondIconName=`user`,this.size=`medium`,this.fullWidth=!1,this.fullWidthOnMobile=!1,this.skin=`primary`,this.variant=`label-only`,this.state=void 0,this.type=`button`,this.form=void 0,this.isLoading=!1,this.disabled=!1,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:a,this.relocatedAria={}}connectedCallback(){super.connectedCallback(),this.addEventListener(`click`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.preventDefault(),e.stopImmediatePropagation())},!0),this.addEventListener(`keydown`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopImmediatePropagation())},!0)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===`disabled`&&n===`false`&&(this.disabled=!1),(e===`isloading`||e===`isLoading`)&&n===`false`&&(this.isLoading=!1)}willUpdate(e){super.willUpdate(e);let t=!1,n={...this.relocatedAria};for(let e of i.relocatedAriaAttributes){let r=this.getAttribute(e);r!==null&&(n[e]=r,this.removeAttribute(e),t=!0)}t&&(this.relocatedAria=n)}firstUpdated(e){super.firstUpdated(e),this.disabled===`false`&&(this.disabled=!1),this.isLoading===`false`&&(this.isLoading=!1)}render(){let i=this.form??this.getAttribute(`form`)??void 0,a={"pkt-btn":!0,[`pkt-btn--${this.size}`]:!!this.size,[`pkt-btn--${this.skin}`]:!!this.skin,[`pkt-btn--${this.variant}`]:!!this.variant,[`pkt-btn--${this.color}`]:!!this.color,[`pkt-btn--${this.state}`]:!!this.state,"pkt-btn--full":!!this.fullWidth,"pkt-btn--full-small":!!this.fullWidthOnMobile,"pkt-btn--isLoading":!!this.isLoading};return e._`
       <button
         class=${t.t(a)}
         type=${this.type}

package/dist/{calendar-BX3n3vhs.js → calendar-BOd-9PDd.js}

@@ -1,6 +1,6 @@
-import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-ckeMVgMz.js";
-import { t as s } from "./class-map-BkEYw5uE.js";
-import "./icon-CUU42bZ0.js";
+import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-DLgZkx5L.js";
+import { t as s } from "./class-map-BDwVSgLb.js";
+import "./icon-C1oCGwEe.js";
 import { _ as c, a as l, b as u, d, f, g as p, l as m, m as h, o as g, p as _, t as v, v as y, y as b } from "./converters-CYgQrWVm.js";
 //#region ../../shared-types/calendar.ts
 var x = {

package/dist/{calendar-Dds9KFiE.cjs → calendar-CDTCgTJn.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs");require("./icon-CrG6o7ZE.cjs");const n=require("./converters-CW6SN0TT.cjs");var r={multiple:!1,maxMultiple:0,range:!1,earliest:null,latest:null,weeknumbers:!1,withcontrols:!1};function i(e,t,r){let i=n.y(e,r?.in);return isNaN(t)?n.b(r?.in||e,NaN):(t&&i.setDate(i.getDate()+t),i)}function a(e,t){let[r,i]=n.v(e,t.start,t.end);return{start:r,end:i}}function o(e,t){let{start:r,end:i}=a(t?.in,e),o=+r>+i,s=o?+r:+i,c=o?i:r;c.setHours(0,0,0,0);let l=t?.step??1;if(!l)return[];l<0&&(l=-l,o=!o);let u=[];for(;+c<=s;)u.push(n.b(r,c)),c.setDate(c.getDate()+l),c.setHours(0,0,0,0);return o?u.reverse():u}function s(e,t){let r=n.y(e,t?.in).getDay();return r===0?7:r}function c(e,t){let r=(t.excludedates??[]).map(e=>typeof e==`string`?e:n.a(e));return!n.l(e,t.earliest,t.latest,r,t.excludeweekdays??[])}function l(e,t,n,r){return!!(c(e,n)||!t&&r.multiple&&r.maxMultiple>0&&r.selectedCount>=r.maxMultiple)}function u(e,t,r){let i=n.p(e,t,0);return!(r&&n.d(r)>i)}function d(e,t,r){let i=n.p(t===11?e+1:e,t===11?0:t+1,1);return!(r&&n.d(r)<i)}function f(e,t){let r=n.p(e,t,1),i=n.p(e,t+1,0),a=(r.getDay()+6)%7,o=i.getDate();return{firstDayOfMonth:r,lastDayOfMonth:i,startingDay:a,numDays:o,numRows:Math.ceil((o+a)/7),initialWeek:n._(r)}}function p(e,t,n,r){let{startingDay:i,numDays:a}=r;return e===0&&t<i?`prev-month`:n>a?`next-month`:`current-month`}function m(e){return typeof e==`string`&&(e=e.split(`,`)),e.length===1&&e[0]===``?[]:e.map(e=>n.m(e))}function h(e,t){let r=o({start:e,end:t}),i={};if(Array.isArray(r)&&r.length)for(let a=0;a<r.length;a++){let o=r[a],s=o>e&&o<t;i[n.a(o)]=s}return i}function g(e,t,n,r){if(t.length!==1)return!0;let i=o({start:t[0],end:e});if(!Array.isArray(i)||!i.length)return!0;for(let a=0;a<i.length;a++){for(let r of n??[])if(r>t[0]&&r<e)return!1;if((r??[]).includes(s(i[a]).toString()))return!1}return!0}function _(e,t){let r=n.a(e);return t.includes(r)?t:[...t,r]}function v(e,t){let r=n.a(e),i=t.indexOf(r);if(i===-1)return t;if(t.length===1)return[];let a=[...t];return a.splice(i,1),a}function y(e,t,r){let i=n.a(e);return t.includes(i)?v(e,t):r>0&&t.length>=r?t:_(e,t)}function b(e,t,r){let i=n.a(e),a=m(t);return t.includes(i)?t.indexOf(i)===0?[]:v(e,t):t.length>1||t.length===1&&(!g(e,a,r.excludedates,r.excludeweekdays)||a[0]>e)?[i]:_(e,t)}var x={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};function S(e){let t=e.nodeName;return t===`INPUT`||t===`SELECT`||t===`BUTTON`&&!e.dataset?.date}function C(e,t,r){let a=i(e,t);if(!a)return null;let o=r(`button[data-date="${n.a(a)}"]`);for(;o instanceof HTMLButtonElement&&o.dataset.disabled;)if(a=i(a,t),o=r(`button[data-date="${n.a(a)}"]`),!o)return null;return a}function w(e){return x[e]??null}var T=class extends e.t{constructor(...e){super(...e),this.selected=[],this.multiple=r.multiple,this.maxMultiple=r.maxMultiple,this.range=r.range,this.earliest=r.earliest,this.latest=r.latest,this.excludedates=[],this.excludeweekdays=[],this.weeknumbers=r.weeknumbers,this.withcontrols=r.withcontrols,this.currentmonth=null,this.today=null,this._selected=[],this.inRange={},this.rangeHovered=null,this.year=0,this.month=0,this.currentmonthtouched=!1,this.focusedDate=null,this.selectableDates=[],this.tabIndexSet=0}get calendarStrings(){let e=this.pktStrings.get(`dates`),t=this.pktStrings.get(`calendar`);return{daysShort:this.dayStrings??e.daysShort,days:this.dayStringsLong??e.days,months:this.monthStrings??e.months,week:this.weekString??e.week,prevMonth:this.prevMonthString??t.prevMonth,nextMonth:this.nextMonthString??t.nextMonth}}get todayDate(){return this.today?n.m(this.today):n.g()}firstUpdated(e){this.addEventListener(`keydown`,this.handleKeydown)}disconnectedCallback(){this.removeEventListener(`keydown`,this.handleKeydown),super.disconnectedCallback()}willUpdate(e){super.willUpdate(e),e.has(`selected`)&&this.convertSelected()}convertSelected(){typeof this.selected==`string`&&(this.selected=this.selected.split(`,`)),this.selected.length===1&&this.selected[0]===``&&(this.selected=[]),this._selected=m(this.selected),this.range&&this.selected.length===2&&(this.inRange=h(this._selected[0],this._selected[1])),this.setCurrentMonth()}setCurrentMonth(){if(this.currentmonth===null&&!this.currentmonthtouched&&(this.currentmonthtouched=!0),this.selected.length&&this.selected[0]!==``){let e=n.m(this.selected[this.selected.length-1]);this.currentmonth=isNaN(e.getTime())?n.f(this.todayDate):e}else this.currentmonth===null&&(this.currentmonth=n.f(this.todayDate));(!this.currentmonth||isNaN(this.currentmonth.getTime()))&&(this.currentmonth=n.f(this.todayDate)),this.year=this.currentmonth.getFullYear(),this.month=this.currentmonth.getMonth()}handleKeydown(e){let t=w(e.key);t!==null&&this.handleArrowKey(e,t)}handleArrowKey(e,t){let r=e.target;if(S(r))return;if(e.preventDefault(),!this.focusedDate){this.focusOnCurrentDate();return}let i=C(this.focusedDate?n.d(this.focusedDate):n.p(this.year,this.month,1),t,this.querySelector.bind(this));if(i){let e=this.querySelector(`button[data-date="${n.a(i)}"]`);e instanceof HTMLButtonElement&&!e.dataset.disabled&&(this.focusedDate=n.a(i),e.focus())}}render(){return e._`
+const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs");require("./icon-5A378_yh.cjs");const n=require("./converters-CW6SN0TT.cjs");var r={multiple:!1,maxMultiple:0,range:!1,earliest:null,latest:null,weeknumbers:!1,withcontrols:!1};function i(e,t,r){let i=n.y(e,r?.in);return isNaN(t)?n.b(r?.in||e,NaN):(t&&i.setDate(i.getDate()+t),i)}function a(e,t){let[r,i]=n.v(e,t.start,t.end);return{start:r,end:i}}function o(e,t){let{start:r,end:i}=a(t?.in,e),o=+r>+i,s=o?+r:+i,c=o?i:r;c.setHours(0,0,0,0);let l=t?.step??1;if(!l)return[];l<0&&(l=-l,o=!o);let u=[];for(;+c<=s;)u.push(n.b(r,c)),c.setDate(c.getDate()+l),c.setHours(0,0,0,0);return o?u.reverse():u}function s(e,t){let r=n.y(e,t?.in).getDay();return r===0?7:r}function c(e,t){let r=(t.excludedates??[]).map(e=>typeof e==`string`?e:n.a(e));return!n.l(e,t.earliest,t.latest,r,t.excludeweekdays??[])}function l(e,t,n,r){return!!(c(e,n)||!t&&r.multiple&&r.maxMultiple>0&&r.selectedCount>=r.maxMultiple)}function u(e,t,r){let i=n.p(e,t,0);return!(r&&n.d(r)>i)}function d(e,t,r){let i=n.p(t===11?e+1:e,t===11?0:t+1,1);return!(r&&n.d(r)<i)}function f(e,t){let r=n.p(e,t,1),i=n.p(e,t+1,0),a=(r.getDay()+6)%7,o=i.getDate();return{firstDayOfMonth:r,lastDayOfMonth:i,startingDay:a,numDays:o,numRows:Math.ceil((o+a)/7),initialWeek:n._(r)}}function p(e,t,n,r){let{startingDay:i,numDays:a}=r;return e===0&&t<i?`prev-month`:n>a?`next-month`:`current-month`}function m(e){return typeof e==`string`&&(e=e.split(`,`)),e.length===1&&e[0]===``?[]:e.map(e=>n.m(e))}function h(e,t){let r=o({start:e,end:t}),i={};if(Array.isArray(r)&&r.length)for(let a=0;a<r.length;a++){let o=r[a],s=o>e&&o<t;i[n.a(o)]=s}return i}function g(e,t,n,r){if(t.length!==1)return!0;let i=o({start:t[0],end:e});if(!Array.isArray(i)||!i.length)return!0;for(let a=0;a<i.length;a++){for(let r of n??[])if(r>t[0]&&r<e)return!1;if((r??[]).includes(s(i[a]).toString()))return!1}return!0}function _(e,t){let r=n.a(e);return t.includes(r)?t:[...t,r]}function v(e,t){let r=n.a(e),i=t.indexOf(r);if(i===-1)return t;if(t.length===1)return[];let a=[...t];return a.splice(i,1),a}function y(e,t,r){let i=n.a(e);return t.includes(i)?v(e,t):r>0&&t.length>=r?t:_(e,t)}function b(e,t,r){let i=n.a(e),a=m(t);return t.includes(i)?t.indexOf(i)===0?[]:v(e,t):t.length>1||t.length===1&&(!g(e,a,r.excludedates,r.excludeweekdays)||a[0]>e)?[i]:_(e,t)}var x={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};function S(e){let t=e.nodeName;return t===`INPUT`||t===`SELECT`||t===`BUTTON`&&!e.dataset?.date}function C(e,t,r){let a=i(e,t);if(!a)return null;let o=r(`button[data-date="${n.a(a)}"]`);for(;o instanceof HTMLButtonElement&&o.dataset.disabled;)if(a=i(a,t),o=r(`button[data-date="${n.a(a)}"]`),!o)return null;return a}function w(e){return x[e]??null}var T=class extends e.t{constructor(...e){super(...e),this.selected=[],this.multiple=r.multiple,this.maxMultiple=r.maxMultiple,this.range=r.range,this.earliest=r.earliest,this.latest=r.latest,this.excludedates=[],this.excludeweekdays=[],this.weeknumbers=r.weeknumbers,this.withcontrols=r.withcontrols,this.currentmonth=null,this.today=null,this._selected=[],this.inRange={},this.rangeHovered=null,this.year=0,this.month=0,this.currentmonthtouched=!1,this.focusedDate=null,this.selectableDates=[],this.tabIndexSet=0}get calendarStrings(){let e=this.pktStrings.get(`dates`),t=this.pktStrings.get(`calendar`);return{daysShort:this.dayStrings??e.daysShort,days:this.dayStringsLong??e.days,months:this.monthStrings??e.months,week:this.weekString??e.week,prevMonth:this.prevMonthString??t.prevMonth,nextMonth:this.nextMonthString??t.nextMonth}}get todayDate(){return this.today?n.m(this.today):n.g()}firstUpdated(e){this.addEventListener(`keydown`,this.handleKeydown)}disconnectedCallback(){this.removeEventListener(`keydown`,this.handleKeydown),super.disconnectedCallback()}willUpdate(e){super.willUpdate(e),e.has(`selected`)&&this.convertSelected()}convertSelected(){typeof this.selected==`string`&&(this.selected=this.selected.split(`,`)),this.selected.length===1&&this.selected[0]===``&&(this.selected=[]),this._selected=m(this.selected),this.range&&this.selected.length===2&&(this.inRange=h(this._selected[0],this._selected[1])),this.setCurrentMonth()}setCurrentMonth(){if(this.currentmonth===null&&!this.currentmonthtouched&&(this.currentmonthtouched=!0),this.selected.length&&this.selected[0]!==``){let e=n.m(this.selected[this.selected.length-1]);this.currentmonth=isNaN(e.getTime())?n.f(this.todayDate):e}else this.currentmonth===null&&(this.currentmonth=n.f(this.todayDate));(!this.currentmonth||isNaN(this.currentmonth.getTime()))&&(this.currentmonth=n.f(this.todayDate)),this.year=this.currentmonth.getFullYear(),this.month=this.currentmonth.getMonth()}handleKeydown(e){let t=w(e.key);t!==null&&this.handleArrowKey(e,t)}handleArrowKey(e,t){let r=e.target;if(S(r))return;if(e.preventDefault(),!this.focusedDate){this.focusOnCurrentDate();return}let i=C(this.focusedDate?n.d(this.focusedDate):n.p(this.year,this.month,1),t,this.querySelector.bind(this));if(i){let e=this.querySelector(`button[data-date="${n.a(i)}"]`);e instanceof HTMLButtonElement&&!e.dataset.disabled&&(this.focusedDate=n.a(i),e.focus())}}render(){return e._`
       <div
         class="pkt-calendar ${this.weeknumbers?`pkt-cal-weeknumbers`:``}"
         @focusout=${this.closeEvent}

package/dist/{card-Ddu0sQ0f.js → card-DH1kPnyi.js}

@@ -1,36 +1,38 @@
-import { _ as e, d as t, h as n, n as r, u as i } from "./element-ckeMVgMz.js";
-import { t as a } from "./class-map-BkEYw5uE.js";
+import { _ as e, d as t, h as n, n as r, u as i } from "./element-DLgZkx5L.js";
+import { t as a } from "./class-map-BDwVSgLb.js";
 import { n as o } from "./format-BTeSVkED.js";
-import { i as s, t as c } from "./element-with-slot-Dp2Gzv-Q.js";
+import { i as s, t as c } from "./element-with-slot-mG-h7Sjw.js";
 import "./shared-types-A6iGIX-f.js";
-import "./icon-CUU42bZ0.js";
-import { t as l } from "./if-defined-D18nY_K_.js";
-import "./tag-BOTH9kMz.js";
+import "./icon-C1oCGwEe.js";
+import { t as l } from "./if-defined-DiYi2v_Q.js";
+import "./tag-CkZ2Mn4a.js";
 //#region ../../shared-types/card.ts
 var u = [
-	"outlined",
-	"outlined-beige",
 	"gray",
+	"outlined",
+	"transparent",
+	"white",
 	"blue",
-	"beige",
-	"green"
-], d = {
+	"green",
+	"beige"
+], d = [
+	"white",
+	"blue",
+	"green",
+	"beige"
+], f = {
 	headingLevel: 3,
 	layout: "vertical",
-	skin: "outlined",
-	padding: "default",
+	skin: "gray",
 	tagPosition: "top",
 	openLinkInNewTab: !1,
-	borderOnHover: !0,
-	zoom: !1,
-	imageShape: "square",
-	restrictImageHeight: !1
-}, f = class extends c {
+	zoom: !1
+}, p = class extends c {
 	constructor(...e) {
-		super(...e), this.ariaLabel = "", this.metaLead = null, this.borderOnHover = d.borderOnHover, this.zoom = d.zoom, this.imageAspect = null, this.restrictImageHeight = d.restrictImageHeight, this.clickCardLink = null, this.metaTrail = null, this.layout = d.layout, this.heading = "", this.headingLevel = d.headingLevel, this.image = {
+		super(...e), this.ariaLabel = "", this.metaLead = null, this.zoom = f.zoom, this.imageAspect = null, this.clickCardLink = null, this.metaTrail = null, this.layout = f.layout, this.heading = "", this.headingLevel = f.headingLevel, this.image = {
 			src: "",
 			alt: ""
-		}, this.imageShape = d.imageShape, this.openLinkInNewTab = d.openLinkInNewTab, this.padding = d.padding, this.skin = d.skin, this.subheading = "", this.tagPosition = "top", this.tags = [];
+		}, this.openLinkInNewTab = f.openLinkInNewTab, this.skin = f.skin, this.subheading = "", this.tagPosition = "top", this.tags = [];
 	}
 	connectedCallback() {
 		super.connectedCallback();
@@ -40,22 +42,24 @@ var u = [
 			"pkt-card": !0,
 			[`pkt-card--${this.skin}`]: this.skin,
 			[`pkt-card--${this.layout}`]: this.layout,
-			[`pkt-card--padding-${this.padding}`]: this.padding,
-			"pkt-card--border-on-hover": this.borderOnHover,
+			"pkt-card--clickable": !!this.clickCardLink,
 			"pkt-card--zoom": this.zoom
 		}, r = this.ariaLabel?.trim() || (this.heading ? `${this.heading} lenkekort` : "lenkekort"), i = this.ariaLabel?.trim() || (this.heading ? this.heading : "kort");
 		return e`
       <article
         class=${a(t)}
         aria-label=${l(this.clickCardLink ? r : i)}
+        data-mode=${l(d.includes(this.skin) ? "light" : void 0)}
       >
-        ${this.renderImage()}
-        <div class="pkt-card__wrapper">
-          ${this.tagPosition === "top" ? this.renderTags() : n} 
-          ${this.renderHeader()}
-          ${this.renderSlot()} 
-          ${this.tagPosition === "bottom" ? this.renderTags() : n}
-          ${this.renderMetadata()}
+        <div class="pkt-card__container">
+          ${this.renderImage()}
+          <div class="pkt-card__wrapper">
+            ${this.tagPosition === "top" ? this.renderTags() : n} 
+            ${this.renderHeader()}
+            ${this.renderSlot()} 
+            ${this.tagPosition === "bottom" ? this.renderTags() : n}
+            ${this.renderMetadata()}
+          </div>
         </div>
       </article>
     `;
@@ -63,9 +67,7 @@ var u = [
 	renderImage() {
 		let t = {
 			"pkt-card__image": !0,
-			[`pkt-card__image-${this.imageShape}`]: this.imageShape,
-			[`pkt-card__image-aspect-${this.imageAspect}`]: !!this.imageAspect,
-			"pkt-card__image-restricted": this.restrictImageHeight
+			[`pkt-card__image-aspect-${this.imageAspect}`]: !!this.imageAspect
 		};
 		return e`
       ${this.image.src && e`
@@ -76,7 +78,7 @@ var u = [
     `;
 	}
 	renderHeadingTag(t, n) {
-		let r = this.headingLevel && this.headingLevel >= 1 && this.headingLevel <= 6 ? this.headingLevel : 3, i = `pkt-heading pkt-heading--medium pkt-heading--fw-regular ${t}`;
+		let r = this.headingLevel && this.headingLevel >= 1 && this.headingLevel <= 6 ? this.headingLevel : 3, i = `pkt-heading pkt-heading--medium pkt-heading--fw-medium ${t}`;
 		switch (r) {
 			case 1: return e`<h1 class=${i}>${n}</h1>`;
 			case 2: return e`<h2 class=${i}>${n}</h2>`;
@@ -96,7 +98,7 @@ var u = [
         target=${this.openLinkInNewTab ? "_blank" : "_self"}
         rel=${l(this.openLinkInNewTab ? "noopener noreferrer" : void 0)}
         >${this.heading}</a
-      >`) : n;
+      ><pkt-icon class="pkt-card__link-icon" name="arrow-link"></pkt-icon>`) : n;
 	}
 	renderSubheading() {
 		return e`
@@ -156,29 +158,29 @@ var u = [
     `;
 	}
 };
-r([i({ type: String })], f.prototype, "ariaLabel", void 0), r([i({ type: String })], f.prototype, "metaLead", void 0), r([i({ type: Boolean })], f.prototype, "borderOnHover", void 0), r([i({ type: Boolean })], f.prototype, "zoom", void 0), r([i({ type: String })], f.prototype, "imageAspect", void 0), r([i({ type: Boolean })], f.prototype, "restrictImageHeight", void 0), r([i({
+r([i({ type: String })], p.prototype, "ariaLabel", void 0), r([i({ type: String })], p.prototype, "metaLead", void 0), r([i({ type: Boolean })], p.prototype, "zoom", void 0), r([i({ type: String })], p.prototype, "imageAspect", void 0), r([i({
 	type: String,
 	reflect: !0
-})], f.prototype, "clickCardLink", void 0), r([i({ type: String })], f.prototype, "metaTrail", void 0), r([i({ type: String })], f.prototype, "layout", void 0), r([i({ type: String })], f.prototype, "heading", void 0), r([i({
+})], p.prototype, "clickCardLink", void 0), r([i({ type: String })], p.prototype, "metaTrail", void 0), r([i({ type: String })], p.prototype, "layout", void 0), r([i({ type: String })], p.prototype, "heading", void 0), r([i({
 	type: Number,
 	attribute: "headinglevel"
-})], f.prototype, "headingLevel", void 0), r([i({ type: Object })], f.prototype, "image", void 0), r([i({ type: String })], f.prototype, "imageShape", void 0), r([i({ type: Boolean })], f.prototype, "openLinkInNewTab", void 0), r([i({ type: String })], f.prototype, "padding", void 0), r([i({
+})], p.prototype, "headingLevel", void 0), r([i({ type: Object })], p.prototype, "image", void 0), r([i({ type: Boolean })], p.prototype, "openLinkInNewTab", void 0), r([i({
 	type: String,
 	converter: {
 		fromAttribute: (e) => {
 			let t = u;
-			return e && t.includes(e) ? e : (e && !t.includes(e) && console.warn(`Invalid skin value "${e}". Using default skin "${d.skin}".`), d.skin);
+			return e && t.includes(e) ? e : (e && !t.includes(e) && console.warn(`Invalid skin value "${e}". Using default skin "${f.skin}".`), f.skin);
 		},
 		toAttribute: (e) => e
 	}
-})], f.prototype, "skin", void 0), r([i({ type: String })], f.prototype, "subheading", void 0), r([i({ type: String })], f.prototype, "tagPosition", void 0), r([i({ type: Array })], f.prototype, "tags", void 0);
+})], p.prototype, "skin", void 0), r([i({ type: String })], p.prototype, "subheading", void 0), r([i({ type: String })], p.prototype, "tagPosition", void 0), r([i({ type: Array })], p.prototype, "tags", void 0);
 try {
-	t("pkt-card")(f);
+	t("pkt-card")(p);
 } catch {
 	console.warn("Forsøker å definere <pkt-card>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/card/index.ts
-var p = f;
+var m = p;
 //#endregion
-export { f as n, p as t };
+export { p as n, m as t };

package/dist/card-njWrvrHm.cjs

@@ -0,0 +1,67 @@
+const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-CeKuRE3_.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./icon-5A378_yh.cjs");const i=require("./if-defined-Ci4ZQsgL.cjs");require("./tag-1SSexs0H.cjs");var a=[`gray`,`outlined`,`transparent`,`white`,`blue`,`green`,`beige`],o=[`white`,`blue`,`green`,`beige`],s={headingLevel:3,layout:`vertical`,skin:`gray`,tagPosition:`top`,openLinkInNewTab:!1,zoom:!1},c=class extends r.t{constructor(...e){super(...e),this.ariaLabel=``,this.metaLead=null,this.zoom=s.zoom,this.imageAspect=null,this.clickCardLink=null,this.metaTrail=null,this.layout=s.layout,this.heading=``,this.headingLevel=s.headingLevel,this.image={src:``,alt:``},this.openLinkInNewTab=s.openLinkInNewTab,this.skin=s.skin,this.subheading=``,this.tagPosition=`top`,this.tags=[]}connectedCallback(){super.connectedCallback()}render(){let n={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,"pkt-card--clickable":!!this.clickCardLink,"pkt-card--zoom":this.zoom},r=this.ariaLabel?.trim()||(this.heading?`${this.heading} lenkekort`:`lenkekort`),a=this.ariaLabel?.trim()||(this.heading?this.heading:`kort`);return e._`
+      <article
+        class=${t.t(n)}
+        aria-label=${i.t(this.clickCardLink?r:a)}
+        data-mode=${i.t(o.includes(this.skin)?`light`:void 0)}
+      >
+        <div class="pkt-card__container">
+          ${this.renderImage()}
+          <div class="pkt-card__wrapper">
+            ${this.tagPosition===`top`?this.renderTags():e.h} 
+            ${this.renderHeader()}
+            ${this.renderSlot()} 
+            ${this.tagPosition===`bottom`?this.renderTags():e.h}
+            ${this.renderMetadata()}
+          </div>
+        </div>
+      </article>
+    `}renderImage(){let n={"pkt-card__image":!0,[`pkt-card__image-aspect-${this.imageAspect}`]:!!this.imageAspect};return e._`
+      ${this.image.src&&e._`
+          <div class=${t.t(n)}>
+            <img src=${this.image.src} alt=${this.image.alt||``} />
+          </div>
+        `}
+    `}renderHeadingTag(t,n){let r=this.headingLevel&&this.headingLevel>=1&&this.headingLevel<=6?this.headingLevel:3,i=`pkt-heading pkt-heading--medium pkt-heading--fw-medium ${t}`;switch(r){case 1:return e._`<h1 class=${i}>${n}</h1>`;case 2:return e._`<h2 class=${i}>${n}</h2>`;case 4:return e._`<h4 class=${i}>${n}</h4>`;case 5:return e._`<h5 class=${i}>${n}</h5>`;case 6:return e._`<h6 class=${i}>${n}</h6>`;default:return e._`<h3 class=${i}>${n}</h3>`}}renderHeading(){return!this.heading||this.clickCardLink?e.h:this.renderHeadingTag(`pkt-card__heading`,this.heading)}renderLinkHeading(){return this.clickCardLink?this.renderHeadingTag(`pkt-card__link-heading pkt-card__heading`,e._`<a
+        class="pkt-card__link"
+        href=${this.clickCardLink}
+        target=${this.openLinkInNewTab?`_blank`:`_self`}
+        rel=${i.t(this.openLinkInNewTab?`noopener noreferrer`:void 0)}
+        >${this.heading}</a
+      ><pkt-icon class="pkt-card__link-icon" name="arrow-link"></pkt-icon>`):e.h}renderSubheading(){return e._`
+      ${this.subheading?e._` <p class="pkt-card__subheading ">${this.subheading}</p> `:e.h}
+    `}renderHeader(){let t=!!this.heading||!!this.subheading;return e._`
+      ${t?e._`
+            <header class="pkt-card__header">
+              ${this.renderHeading()} 
+              ${this.renderLinkHeading()} 
+              ${this.renderSubheading()}
+            </header>
+          `:e.h}
+    `}renderTags(){let r={"pkt-card__tags":!0,[`pkt-card__tags-${this.tagPosition}`]:this.tagPosition};return e._`
+      ${this.tags.length>0?e._`
+              <div
+                class=${t.t(r)}
+                role="list"
+                aria-label=${n.n(this.tags.length,this.pktStrings.get(`card`).tagsLabelOne,this.pktStrings.get(`card`).tagsLabelOther)}
+              >
+                ${this.tags.map(t=>e._`
+                    <pkt-tag
+                      role="listitem"
+                      textStyle="normal-text"
+                      size="medium"
+                      skin=${i.t(t.skin)}
+                      iconName=${i.t(t.iconName)}
+                    >
+                      <span>${t.text}</span>
+                    </pkt-tag>
+                  `)}
+              </div>
+            `:e.h}
+    `}renderSlot(){return e._`<section class="pkt-card__content">${r.i(this)}</section>`}renderMetadata(){return e._`
+      ${this.metaLead||this.metaTrail?e._`
+              <footer class="pkt-card__metadata">
+                ${this.metaLead?e._`<span class="pkt-card__metadata-lead">${this.metaLead}</span>`:e.h}
+                ${this.metaTrail?e._`<span class="pkt-card__metadata-trail">${this.metaTrail}</span>`:e.h}
+              </footer>
+            `:e.h}
+    `}};e.n([e.u({type:String})],c.prototype,`ariaLabel`,void 0),e.n([e.u({type:String})],c.prototype,`metaLead`,void 0),e.n([e.u({type:Boolean})],c.prototype,`zoom`,void 0),e.n([e.u({type:String})],c.prototype,`imageAspect`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`clickCardLink`,void 0),e.n([e.u({type:String})],c.prototype,`metaTrail`,void 0),e.n([e.u({type:String})],c.prototype,`layout`,void 0),e.n([e.u({type:String})],c.prototype,`heading`,void 0),e.n([e.u({type:Number,attribute:`headinglevel`})],c.prototype,`headingLevel`,void 0),e.n([e.u({type:Object})],c.prototype,`image`,void 0),e.n([e.u({type:Boolean})],c.prototype,`openLinkInNewTab`,void 0),e.n([e.u({type:String,converter:{fromAttribute:e=>{let t=a;return e&&t.includes(e)?e:(e&&!t.includes(e)&&console.warn(`Invalid skin value "${e}". Using default skin "${s.skin}".`),s.skin)},toAttribute:e=>e}})],c.prototype,`skin`,void 0),e.n([e.u({type:String})],c.prototype,`subheading`,void 0),e.n([e.u({type:String})],c.prototype,`tagPosition`,void 0),e.n([e.u({type:Array})],c.prototype,`tags`,void 0);try{e.d(`pkt-card`)(c)}catch{console.warn(`Forsøker å definere <pkt-card>, men den er allerede definert`)}var l=c;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/{checkbox-D9-KugOh.js → checkbox-DIJbuqWm.js}

@@ -1,9 +1,9 @@
-import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-ckeMVgMz.js";
-import { t as o } from "./class-map-BkEYw5uE.js";
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-DLgZkx5L.js";
+import { t as o } from "./class-map-BDwVSgLb.js";
 import "./shared-types-A6iGIX-f.js";
 import { n as s, t as c } from "./consume-Bp12si68.js";
-import { n as l, t as u } from "./ref-D4OwQYdf.js";
-import { t as d } from "./input-element-DczlJQb1.js";
+import { n as l, t as u } from "./ref-BAegS9BR.js";
+import { t as d } from "./input-element-De40zUox.js";
 //#region ../../shared-types/checkbox.ts
 var f = {
 	defaultChecked: !1,
@@ -51,7 +51,7 @@ var f = {
 			"pkt-sr-only": this.hideLabel
 		}), s = "pkt-tag pkt-tag--small pkt-tag--thin-text", c = this.pktStrings.get("forms"), u = () => e`
         ${this.tagText ? e`<span class=${s + " pkt-tag--gray"}>${this.tagText}</span>` : n}
-        ${this.optionalTag ? e`<span class=${s + " pkt-tag--blue-light"}
+        ${this.optionalTag ? e`<span class=${s + " pkt-tag--blue-pale"}
                 >${this.optionalText ?? c.optional}</span
               >` : n}
         ${this.requiredTag ? e`<span class=${s + " pkt-tag--beige"}

package/dist/{checkbox-group-Dz1ypmbU.js → checkbox-group-DLLbWgQb.js}

@@ -1,6 +1,6 @@
-import { d as e, l as t, n, u as r } from "./element-ckeMVgMz.js";
-import { r as i } from "./checkbox-D9-KugOh.js";
-import { i as a, n as o, r as s, t as c } from "./option-group-element-ZNyUoLcm.js";
+import { d as e, l as t, n, u as r } from "./element-DLgZkx5L.js";
+import { r as i } from "./checkbox-DIJbuqWm.js";
+import { i as a, n as o, r as s, t as c } from "./option-group-element-DzM8YznZ.js";
 import { t as l } from "./provide-_MnlMGnw.js";
 //#region src/components/checkbox-group/checkbox-group.ts
 var u = class extends c {

package/dist/{checkbox-group-BlBgrzKG.cjs → checkbox-group-Kua6HuRE.cjs}

@@ -1 +1 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./checkbox-B8foyiOW.cjs"),n=require("./option-group-element-CWjgrFwS.cjs"),r=require("./provide-Cz18sYug.cjs");var i=class extends n.t{constructor(...e){super(...e),this.optionSelector=`pkt-checkbox`,this.groupContext={name:``,hasTile:!1,hasError:!1},this.storedValue=null,this.validityApplied=!1}get value(){return this.options().filter(e=>n.n(e)&&!n.r(e)).map(n.i)}set value(e){let t=this.value;this.storedValue=Array.isArray(e)?e:e?e.split(`,`):[],this.applyStoredValue(this.options()),this.requestUpdate(`value`,t)}get hasStoredValue(){return this.storedValue!==null}storeCurrentValue(){this.storedValue=this.value}applyStoredValue(e){e.forEach(e=>{let t=!!this.storedValue?.includes(n.i(e));n.n(e)!==t&&(e.checked=t)})}syncValidity(){if(!this.required&&!this.validityApplied)return;this.validityApplied=this.required;let e=this.options(),t=this.required&&!e.some(e=>n.n(e)&&!n.r(e))?this.pktStrings.get(`validation`).checkboxGroupValueMissing:``;e.forEach(e=>e.setGroupValidity?.(t))}};e.n([r.t({context:t.r}),e.l()],i.prototype,`groupContext`,void 0),e.n([e.u({type:String})],i.prototype,`value`,null);try{e.d(`pkt-checkbox-group`)(i)}catch{console.warn(`Forsøker å definere <pkt-checkbox-group>, men den er allerede definert`)}var a=i;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+const e=require("./element-CEarCnHH.cjs"),t=require("./checkbox-iMOdzpJ_.cjs"),n=require("./option-group-element-CVNaBIlP.cjs"),r=require("./provide-Cz18sYug.cjs");var i=class extends n.t{constructor(...e){super(...e),this.optionSelector=`pkt-checkbox`,this.groupContext={name:``,hasTile:!1,hasError:!1},this.storedValue=null,this.validityApplied=!1}get value(){return this.options().filter(e=>n.n(e)&&!n.r(e)).map(n.i)}set value(e){let t=this.value;this.storedValue=Array.isArray(e)?e:e?e.split(`,`):[],this.applyStoredValue(this.options()),this.requestUpdate(`value`,t)}get hasStoredValue(){return this.storedValue!==null}storeCurrentValue(){this.storedValue=this.value}applyStoredValue(e){e.forEach(e=>{let t=!!this.storedValue?.includes(n.i(e));n.n(e)!==t&&(e.checked=t)})}syncValidity(){if(!this.required&&!this.validityApplied)return;this.validityApplied=this.required;let e=this.options(),t=this.required&&!e.some(e=>n.n(e)&&!n.r(e))?this.pktStrings.get(`validation`).checkboxGroupValueMissing:``;e.forEach(e=>e.setGroupValidity?.(t))}};e.n([r.t({context:t.r}),e.l()],i.prototype,`groupContext`,void 0),e.n([e.u({type:String})],i.prototype,`value`,null);try{e.d(`pkt-checkbox-group`)(i)}catch{console.warn(`Forsøker å definere <pkt-checkbox-group>, men den er allerede definert`)}var a=i;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/dist/{checkbox-B8foyiOW.cjs → checkbox-iMOdzpJ_.cjs}

@@ -1,6 +1,6 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs");require("./shared-types-BvRk9kiK.cjs");const n=require("./consume-kEjgTrAp.cjs"),r=require("./ref-CB7e9nMY.cjs"),i=require("./input-element-D82laWtR.cjs");var a={defaultChecked:!1,indeterminate:!1,hasTile:!1,disabled:!1,hasError:!1,isSwitch:!1,hideLabel:!1,labelPosition:`right`,requiredTag:!1,optionalTag:!1},o=n.n(Symbol(`pkt-checkbox-group-context`)),s=class extends i.t{constructor(...e){super(...e),this.inputRef=r.t(),this.value=``,this.checkHelptext=null,this.defaultChecked=a.defaultChecked,this.hasTile=a.hasTile,this.isSwitch=a.isSwitch,this.labelPosition=a.labelPosition,this.hideLabel=a.hideLabel,this.checked=null,this.indeterminate=a.indeterminate,this.type=`checkbox`,this.inputSize=void 0,this.tagText=null,this.optionalTag=a.optionalTag,this.requiredTag=a.requiredTag}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,n){e===`checked`&&(this.checked=this.checked===``||this.checked===`true`||this.checked===!0,this.inputRef.value&&(this.inputRef.value.checked=this.checked)),e===`indeterminate`&&(this.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0,this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate)),super.attributeChangedCallback(e,t,n)}firstUpdated(e){this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.firstUpdated(e)}willUpdate(e){super.willUpdate(e),e.has(`defaultChecked`)&&!this.checked&&(this.checked=this.defaultChecked)}updated(e){e.has(`checked`)&&this.inputRef.value&&(this.inputRef.value.checked=this.checked===``||this.checked===`true`||this.checked===!0),e.has(`indeterminate`)&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.updated(e)}render(){let n=this.hasTile||!!this.groupContext?.hasTile,i=t.t({"pkt-input-check__input":!0,"pkt-input-check__input--tile":n,"pkt-input-check__input--tile-disabled":this.isDisabled&&n}),a=t.t({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError||!!this.groupContext?.hasError}),o=t.t({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.isDisabled,"pkt-input-check__input-label--left":this.labelPosition===`left`,"pkt-input-check__input-label--right":this.labelPosition===`right`,"pkt-sr-only":this.hideLabel}),s=`pkt-tag pkt-tag--small pkt-tag--thin-text`,c=this.pktStrings.get(`forms`),l=()=>e._`
+const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs");require("./shared-types-BvRk9kiK.cjs");const n=require("./consume-kEjgTrAp.cjs"),r=require("./ref-B6p6mQkO.cjs"),i=require("./input-element-2LHxo0em.cjs");var a={defaultChecked:!1,indeterminate:!1,hasTile:!1,disabled:!1,hasError:!1,isSwitch:!1,hideLabel:!1,labelPosition:`right`,requiredTag:!1,optionalTag:!1},o=n.n(Symbol(`pkt-checkbox-group-context`)),s=class extends i.t{constructor(...e){super(...e),this.inputRef=r.t(),this.value=``,this.checkHelptext=null,this.defaultChecked=a.defaultChecked,this.hasTile=a.hasTile,this.isSwitch=a.isSwitch,this.labelPosition=a.labelPosition,this.hideLabel=a.hideLabel,this.checked=null,this.indeterminate=a.indeterminate,this.type=`checkbox`,this.inputSize=void 0,this.tagText=null,this.optionalTag=a.optionalTag,this.requiredTag=a.requiredTag}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,n){e===`checked`&&(this.checked=this.checked===``||this.checked===`true`||this.checked===!0,this.inputRef.value&&(this.inputRef.value.checked=this.checked)),e===`indeterminate`&&(this.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0,this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate)),super.attributeChangedCallback(e,t,n)}firstUpdated(e){this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.firstUpdated(e)}willUpdate(e){super.willUpdate(e),e.has(`defaultChecked`)&&!this.checked&&(this.checked=this.defaultChecked)}updated(e){e.has(`checked`)&&this.inputRef.value&&(this.inputRef.value.checked=this.checked===``||this.checked===`true`||this.checked===!0),e.has(`indeterminate`)&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.updated(e)}render(){let n=this.hasTile||!!this.groupContext?.hasTile,i=t.t({"pkt-input-check__input":!0,"pkt-input-check__input--tile":n,"pkt-input-check__input--tile-disabled":this.isDisabled&&n}),a=t.t({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError||!!this.groupContext?.hasError}),o=t.t({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.isDisabled,"pkt-input-check__input-label--left":this.labelPosition===`left`,"pkt-input-check__input-label--right":this.labelPosition===`right`,"pkt-sr-only":this.hideLabel}),s=`pkt-tag pkt-tag--small pkt-tag--thin-text`,c=this.pktStrings.get(`forms`),l=()=>e._`
         ${this.tagText?e._`<span class=${s+` pkt-tag--gray`}>${this.tagText}</span>`:e.h}
-        ${this.optionalTag?e._`<span class=${s+` pkt-tag--blue-light`}
+        ${this.optionalTag?e._`<span class=${s+` pkt-tag--blue-pale`}
                 >${this.optionalText??c.optional}</span
               >`:e.h}
         ${this.requiredTag?e._`<span class=${s+` pkt-tag--beige`}

package/dist/{class-map-BkEYw5uE.js → class-map-BDwVSgLb.js}

@@ -1,4 +1,4 @@
-import { f as e, g as t, m as n, p as r } from "./element-ckeMVgMz.js";
+import { f as e, g as t, m as n, p as r } from "./element-DLgZkx5L.js";
 //#region ../../node_modules/lit-html/directives/class-map.js
 var i = e(class extends r {
 	constructor(e) {

package/dist/{class-map-Bh6toDeV.cjs → class-map-C82GtM1w.cjs}

@@ -1 +1 @@
-const e=require("./element-C6WTyJFE.cjs");var t=e.f(class extends e.p{constructor(t){if(super(t),t.type!==e.m.ATTRIBUTE||t.name!==`class`||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return` `+Object.keys(e).filter(t=>e[t]).join(` `)+` `}update(t,[n]){if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(` `).split(/\s/).filter(e=>e!==``)));for(let e in n)n[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(n)}let r=t.element.classList;for(let e of this.st)e in n||(r.remove(e),this.st.delete(e));for(let e in n){let t=!!n[e];t===this.st.has(e)||this.nt?.has(e)||(t?(r.add(e),this.st.add(e)):(r.remove(e),this.st.delete(e)))}return e.g}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
+const e=require("./element-CEarCnHH.cjs");var t=e.f(class extends e.p{constructor(t){if(super(t),t.type!==e.m.ATTRIBUTE||t.name!==`class`||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return` `+Object.keys(e).filter(t=>e[t]).join(` `)+` `}update(t,[n]){if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(` `).split(/\s/).filter(e=>e!==``)));for(let e in n)n[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(n)}let r=t.element.classList;for(let e of this.st)e in n||(r.remove(e),this.st.delete(e));for(let e in n){let t=!!n[e];t===this.st.has(e)||this.nt?.has(e)||(t?(r.add(e),this.st.add(e)):(r.remove(e),this.st.delete(e)))}return e.g}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});