@oslokommune/punkt-react 13.8.0 → 13.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
5
5
 
6
6
  ---
7
7
 
8
+ ## [13.8.1](https://github.com/oslokommune/punkt/compare/13.8.0...13.8.1) (2025-10-16)
9
+
10
+ ### ⚠ BREAKING CHANGES
11
+ Ingen
12
+
13
+ ### Features
14
+ Ingen
15
+
16
+ ### Bug Fixes
17
+ * Combobox onValueChange mapper til feil event (#3080).
18
+
19
+
20
+ ### Chores
21
+ Ingen
22
+
23
+ ---
24
+
25
+
8
26
  ## [13.8.0](https://github.com/oslokommune/punkt/compare/13.7.0...13.8.0) (2025-10-15)
9
27
 
10
28
  ### ⚠ BREAKING CHANGES
@@ -8821,7 +8821,7 @@ const sh = gt({
8821
8821
  onInput: "input",
8822
8822
  onBlur: "blur",
8823
8823
  onFocus: "focus",
8824
- onValueChange: "valueChange",
8824
+ onValueChange: "value-change",
8825
8825
  onToggleHelpText: "toggleHelpText"
8826
8826
  }
8827
8827
  }), ah = z(({ children: i, helptext: t, ...e }, s) => /* @__PURE__ */ x(sh, { ...e, ref: s, children: [
@@ -1368,7 +1368,7 @@
1368
1368
  <ul>
1369
1369
  ${i.map(t=>u`<li>${t}</li>`)}
1370
1370
  </ul>
1371
- `}doStuff(i){return i.reverse()}handleGreeting(){this.dispatchEvent(new CustomEvent("pkt-greeting",{detail:"Hei på deg!"}))}};Oi([o({type:String})],ii.prototype,"string",2),Oi([o({converter:Fa})],ii.prototype,"strings",2),Oi([o({type:Boolean})],ii.prototype,"darkmode",2),Oi([o({type:Array})],ii.prototype,"_list",2),ii=Oi([j("pkt-component")],ii);const q=gt({tagName:"pkt-icon",elementClass:Ne,react:x,displayName:"PktIcon",events:{}}),Wa=x.forwardRef(({defaultOpen:i=!1,id:t,title:e,skin:s,compact:a=!1,isOpen:n,children:r,name:h,className:d,onClick:c,onToggle:v},g)=>{const[k,b]=x.useState(i),{name:y}=xn(),w=h||y,S=n!==void 0?n:k;x.useEffect(()=>{n===void 0&&b(i)},[i,n]);const M=N=>{const J=N.currentTarget.open;n===void 0&&b(J),v==null||v(N)},C=N=>{setTimeout(()=>{c==null||c(N)},0)},V=["pkt-accordion-item",a&&"pkt-accordion-item--compact",s&&`pkt-accordion-item--${s}`,d].filter(Boolean).join(" ");return l.jsxs("details",{ref:g,className:V,id:t,open:S,onClick:C,name:w,onToggle:M,children:[l.jsxs("summary",{className:"pkt-accordion-item__title",id:`pkt-accordion-item-summary-${t}`,children:[e,l.jsx(q,{name:"chevron-thin-down",className:"pkt-accordion-item__icon","aria-hidden":"true"})]}),l.jsx("div",{className:"pkt-accordion-item__content",id:`pkt-accordion-item__content-${t}`,role:"region",children:l.jsx("div",{className:"pkt-accordion-item__content-inner",children:r})})]})});Wa.displayName="PktAccordionItem";const uh=gt({tagName:"pkt-alert",elementClass:Ut,react:js,displayName:"PktAlert",events:{onClose:"close"}}),Es=x.forwardRef(({children:i,...t},e)=>l.jsx(uh,{ref:e,...t,children:l.jsx("div",{className:"pkt-contents",children:i})}));Es.displayName="PktAlert";const Ra=gt({tagName:"pkt-backlink",elementClass:Ge,react:x,displayName:"PktBackLink"});Ra.displayName="PktBackLink";const fh=x.forwardRef(({breadcrumbs:i,navigationType:t,className:e,...s},a)=>{const n=i,r=n[n.length-2],h=[e,"pkt-breadcrumbs"].filter(Boolean).join(" ");return l.jsxs("nav",{ref:a,"aria-label":"brødsmulemeny",className:h,children:[l.jsx("ol",{className:"pkt-breadcrumbs__list pkt-breadcrumbs--desktop",children:n.map((d,c)=>l.jsx("li",{className:"pkt-breadcrumbs__item",children:c===n.length-1?l.jsx("span",{className:"pkt-breadcrumbs__label","aria-current":"true",children:l.jsx("span",{className:"pkt-breadcrumbs__text",children:d.text})}):t==="router"?l.jsxs(Hs.Link,{to:d.href,className:"pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",...s,children:[l.jsx(q,{className:"pkt-icon pkt-breadcrumbs__icon pkt-link__icon",name:"chevron-thin-right"}),l.jsx("span",{className:"pkt-breadcrumbs__text",children:d.text})]}):l.jsxs("a",{href:d.href,className:"pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",...s,children:[l.jsx(q,{className:"pkt-icon pkt-breadcrumbs__icon pkt-link__icon",name:"chevron-thin-right"}),l.jsx("span",{className:"pkt-breadcrumbs__text",children:d.text})]})},`breadcrumb-${c}`))}),t==="router"?l.jsxs(Hs.Link,{to:r.href,className:"pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",...s,children:[l.jsx(q,{className:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),l.jsx("span",{className:"pkt-breadcrumbs__text",children:r.text})]}):l.jsxs("a",{href:r.href,className:"pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",...s,children:[l.jsx(q,{className:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),l.jsx("span",{className:"pkt-breadcrumbs__text",children:r.text})]})]})});window.pktAnimationPath=window.pktAnimationPath||"https://punkt-cdn.oslo.kommune.no/13.8/animations/";const si=x.forwardRef(({children:i,className:t,iconName:e="user",secondIconName:s="user",size:a="medium",skin:n="primary",type:r="button",variant:h="label-only",state:d,color:c,isLoading:v=void 0,disabled:g=void 0,loadingAnimationPath:k=window.pktAnimationPath,...b},y)=>{const w=[t,"pkt-btn",a&&`pkt-btn--${a}`,n&&`pkt-btn--${n}`,h&&`pkt-btn--${h}`,c&&`pkt-btn--${c}`,d&&`pkt-btn--${d}`,v&&"pkt-btn--isLoading"].filter(Boolean).join(" ");return l.jsxs("button",{...b,"aria-busy":v||void 0,"aria-disabled":g||void 0,disabled:g,className:w,type:r,ref:y,children:[v&&l.jsx(q,{className:"pkt-btn__icon pkt-btn__spinner",name:"spinner-blue",path:k}),h!=="label-only"&&l.jsx(q,{className:"pkt-btn__icon",name:e}),l.jsx("span",{className:"pkt-btn__text",children:i}),h==="icons-right-and-left"&&l.jsx(q,{className:"pkt-btn__icon",name:s})]})});si.displayName="PktButton";const gh=gt({tagName:"pkt-card",elementClass:ot,react:x,displayName:"PktCard",events:{}}),Ka=x.forwardRef(({children:i,...t},e)=>l.jsx(gh,{...t,ref:e,children:l.jsx("div",{className:"pkt-contents",children:i})}));Ka.displayName="PktCard";const Ga=x.forwardRef(({id:i,hasTile:t=!1,disabled:e=!1,label:s,checkHelptext:a,hasError:n=!1,className:r,isSwitch:h=!1,hideLabel:d=!1,labelPosition:c="right",defaultChecked:v,checked:g,optionalTag:k,optionalText:b="Valgfritt",requiredTag:y,requiredText:w="Må fylles ut",tagText:S,...M},C)=>{const V=[r,"pkt-input-check"].filter(Boolean).join(" "),N=["pkt-input-check__input-label",e?"pkt-input-check__input-label--disabled":"",`pkt-input-check__input-label--${c}`,d?"pkt-sr-only":""].filter(Boolean).join(" "),G=["pkt-input-check__input",t?"pkt-input-check__input--tile":"",e&&t?"pkt-input-check__input--tile-disabled":""].filter(Boolean).join(" "),J=["pkt-tag","pkt-tag--small","pkt-tag--thin-text"].join(" "),Lt=()=>l.jsxs(l.Fragment,{children:[S&&l.jsx("span",{className:J+" pkt-tag--gray",children:S}),k&&l.jsx("span",{className:J+" pkt-tag--blue-light",children:b}),y&&l.jsx("span",{className:J+" pkt-tag--beige",children:w})]});return l.jsx("div",{className:V,children:l.jsxs("div",{className:G,children:[c==="left"&&l.jsxs("label",{className:N,htmlFor:i,children:[s," ",Lt(),a&&l.jsx("div",{className:"pkt-input-check__input-helptext",children:a})]}),l.jsx("input",{role:h?"switch":"checkbox",ref:C,className:`pkt-input-check__input-checkbox ${n?"pkt-input-check__input-checkbox--error":""}`,type:"checkbox",id:i,disabled:e,...g!==void 0?{checked:g}:{defaultChecked:v},...M}),c==="right"&&l.jsxs("label",{className:N,htmlFor:i,children:[s," ",Lt(),a&&l.jsx("div",{className:"pkt-input-check__input-helptext",children:a})]})]})})});Ga.displayName="PktCheckbox";const mh=gt({tagName:"pkt-combobox",elementClass:Q,react:x,displayName:"PktCombobox",events:{onClick:"click",onChange:"change",onInput:"input",onBlur:"blur",onFocus:"focus",onValueChange:"valueChange",onToggleHelpText:"toggleHelpText"}}),Ya=x.forwardRef(({children:i,helptext:t,...e},s)=>l.jsxs(mh,{...e,ref:s,children:[t&&l.jsx("div",{slot:"helptext",className:"pkt-contents",children:t}),i]}));Ya.displayName="PktCombobox";const ss=gt({tagName:"pkt-consent",elementClass:zt,react:x,displayName:"PktConsent",events:{onToggleConsent:"toggle-consent"}});ss.displayName="PktConsent";const vh=gt({tagName:"pkt-datepicker",elementClass:et,react:x,displayName:"PktDatepicker",events:{onChange:"change",onBlur:"blur",onFocus:"focus",onValueChange:"value-change",onToggleHelpText:"toggleHelpText"}}),Za=x.forwardRef(({helptext:i,...t},e)=>l.jsx(vh,{ref:e,...t,children:l.jsx("div",{className:"pkt-contents",slot:"helptext",children:i})}));Za.displayName="PktDatepicker";const bh=({columnOne:i,columnTwo:t,socialLinks:e,className:s,openLinksInNewTab:a=!1,personvernOgInfoLink:n="https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",tilgjengelighetLink:r="https://www.oslo.kommune.no/tilgjengelighet/",includeConsent:h=!1,hotjarId:d=null,googleAnalyticsId:c=null,devMode:v=!1,cookieDomain:g=null,cookieSecure:k=null,cookieExpiryDays:b=null,onToggleConsent:y=w=>{console.log(w.detail)}})=>{var S,M;const w=[s,"pkt-footer"].filter(Boolean).join(" ");return l.jsx("footer",{className:w,"data-mode":"dark",children:l.jsxs("div",{className:"pkt-footer__container",children:[l.jsxs("div",{className:"pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16",children:[l.jsxs("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[l.jsx("h2",{className:"pkt-footer__title",children:i.title}),l.jsxs("ul",{className:"pkt-footer__list",children:[i.text&&l.jsx("li",{className:"pkt-footer__text",children:i.text}),(S=i.links)==null?void 0:S.map((C,V)=>l.jsx("li",{className:"pkt-footer__list-item",children:l.jsxs("a",{className:`pkt-footer__link ${C.external?"pkt-link--external":""}`,href:C.href,target:C.openInNewTab||a?"_blank":"_self",rel:C.openInNewTab||a?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer__link-icon",name:"chevron-right"}),C.text]})},`links-${V}`))]})]}),l.jsxs("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[l.jsx("h2",{className:"pkt-footer__title",children:t.title}),l.jsxs("ul",{className:"pkt-footer__list",children:[t.text&&l.jsx("li",{className:"pkt-footer__text",children:t.text}),(M=t.links)==null?void 0:M.map((C,V)=>l.jsx("li",{className:"pkt-footer__list-item",children:l.jsxs("a",{className:`pkt-footer__link ${C.external?"pkt-link--external":""}`,href:C.href,target:C.openInNewTab||a?"_blank":"_self",rel:C.openInNewTab||a?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer__link-icon",name:"chevron-right"}),C.text]})},`links-${V}`))]})]}),l.jsxs("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[l.jsx("h2",{className:"pkt-footer__title",children:"Om nettstedet"}),l.jsxs("ul",{className:"pkt-footer__list",children:[l.jsx("li",{className:"pkt-footer__list-item",children:l.jsxs("a",{className:"pkt-footer__link",href:n,target:a?"_blank":"_self",rel:a?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer__link-icon",name:"chevron-right"}),"Personvern og informasjonskapsler"]})}),l.jsx("li",{className:"pkt-footer__list-item",children:l.jsxs("a",{className:"pkt-footer__link",href:r,target:a?"_blank":"_self",rel:a?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer__link-icon",name:"chevron-right"}),"Tilgjengelighet"]})}),h&&l.jsx("li",{className:"pkt-footer__list-item",children:l.jsx(ss,{triggerType:"footerlink",hotjarId:d,googleAnalyticsId:c,devMode:v,cookieDomain:g,cookieSecure:k,cookieExpiryDays:b,onToggleConsent:y})})]})]})]}),e&&l.jsxs("div",{className:"pkt-footer__social","aria-label":"standard lenker",children:[l.jsx("div",{className:"pkt-footer__social-languages",children:e.filter(C=>C.language).map((C,V)=>l.jsx("div",{className:"pkt-footer__social-language",children:l.jsx("a",{href:C.href,"aria-label":`til ${C.language} versjon av nettsiden`,target:C.openInNewTab||a?"_blank":"_self",rel:C.openInNewTab||a?"noopener noreferrer":void 0,children:C.language})},`sociallinks-language-${V}`))}),l.jsx("div",{className:"pkt-footer__social-icons",children:e.filter(C=>C.iconName).map((C,V)=>l.jsx(x.Fragment,{children:l.jsx("a",{href:C.href,"aria-label":`til ${C.iconName}`,className:"pkt-footer__social-icon-link",target:C.openInNewTab||a?"_blank":"_self",rel:C.openInNewTab||a?"noopener noreferrer":void 0,children:l.jsx(q,{className:"pkt-footer__social-icon",name:C.iconName})})},`sociallinks-${V}`))})]})]})})},yh=({links:i=[],openLinksInNewTab:t=!1,personvernOgInfoLink:e="https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",tilgjengelighetLink:s="https://www.oslo.kommune.no/tilgjengelighet/",includeConsent:a=!1,hotjarId:n=null,googleAnalyticsId:r=null,devMode:h=!1,cookieDomain:d=null,cookieSecure:c=null,cookieExpiryDays:v=null,onToggleConsent:g=b=>{console.log(b.detail)},className:k})=>{const b=[k,"pkt-footer-simple"].filter(Boolean).join(" ");return l.jsx("footer",{className:b,"data-mode":"dark",children:l.jsx("div",{className:"pkt-footer-simple__container",children:l.jsxs("ul",{className:"pkt-footer-simple__list",children:[i.map((y,w)=>l.jsx("li",{className:"pkt-footer-simple__list-item",children:l.jsxs("a",{className:`pkt-footer-simple__link ${y.external?" pkt-link--external":""}`,href:y.href,target:y.openInNewTab||t?"_blank":"_self",rel:y.openInNewTab||t?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),y.text]})},w)),l.jsx("li",{className:"pkt-footer-simple__list-item",children:l.jsxs("a",{className:"pkt-footer-simple__link",href:e,target:t?"_blank":"_self",rel:t?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),"Personvern og informasjonskapsler"]})}),l.jsx("li",{className:"pkt-footer-simple__list-item",children:l.jsxs("a",{className:"pkt-footer-simple__link",href:s,target:t?"_blank":"_self",rel:t?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),"Tilgjengelighet"]})}),a&&l.jsx("li",{className:"pkt-footer-simple__list-item",children:l.jsx(ss,{triggerType:"footerlink",hotjarId:n,googleAnalyticsId:r,devMode:h,cookieDomain:d,cookieSecure:c,cookieExpiryDays:v,onToggleConsent:g})})]})})})};function kh(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var Ps={exports:{}};/*!
1371
+ `}doStuff(i){return i.reverse()}handleGreeting(){this.dispatchEvent(new CustomEvent("pkt-greeting",{detail:"Hei på deg!"}))}};Oi([o({type:String})],ii.prototype,"string",2),Oi([o({converter:Fa})],ii.prototype,"strings",2),Oi([o({type:Boolean})],ii.prototype,"darkmode",2),Oi([o({type:Array})],ii.prototype,"_list",2),ii=Oi([j("pkt-component")],ii);const q=gt({tagName:"pkt-icon",elementClass:Ne,react:x,displayName:"PktIcon",events:{}}),Wa=x.forwardRef(({defaultOpen:i=!1,id:t,title:e,skin:s,compact:a=!1,isOpen:n,children:r,name:h,className:d,onClick:c,onToggle:v},g)=>{const[k,b]=x.useState(i),{name:y}=xn(),w=h||y,S=n!==void 0?n:k;x.useEffect(()=>{n===void 0&&b(i)},[i,n]);const M=N=>{const J=N.currentTarget.open;n===void 0&&b(J),v==null||v(N)},C=N=>{setTimeout(()=>{c==null||c(N)},0)},V=["pkt-accordion-item",a&&"pkt-accordion-item--compact",s&&`pkt-accordion-item--${s}`,d].filter(Boolean).join(" ");return l.jsxs("details",{ref:g,className:V,id:t,open:S,onClick:C,name:w,onToggle:M,children:[l.jsxs("summary",{className:"pkt-accordion-item__title",id:`pkt-accordion-item-summary-${t}`,children:[e,l.jsx(q,{name:"chevron-thin-down",className:"pkt-accordion-item__icon","aria-hidden":"true"})]}),l.jsx("div",{className:"pkt-accordion-item__content",id:`pkt-accordion-item__content-${t}`,role:"region",children:l.jsx("div",{className:"pkt-accordion-item__content-inner",children:r})})]})});Wa.displayName="PktAccordionItem";const uh=gt({tagName:"pkt-alert",elementClass:Ut,react:js,displayName:"PktAlert",events:{onClose:"close"}}),Es=x.forwardRef(({children:i,...t},e)=>l.jsx(uh,{ref:e,...t,children:l.jsx("div",{className:"pkt-contents",children:i})}));Es.displayName="PktAlert";const Ra=gt({tagName:"pkt-backlink",elementClass:Ge,react:x,displayName:"PktBackLink"});Ra.displayName="PktBackLink";const fh=x.forwardRef(({breadcrumbs:i,navigationType:t,className:e,...s},a)=>{const n=i,r=n[n.length-2],h=[e,"pkt-breadcrumbs"].filter(Boolean).join(" ");return l.jsxs("nav",{ref:a,"aria-label":"brødsmulemeny",className:h,children:[l.jsx("ol",{className:"pkt-breadcrumbs__list pkt-breadcrumbs--desktop",children:n.map((d,c)=>l.jsx("li",{className:"pkt-breadcrumbs__item",children:c===n.length-1?l.jsx("span",{className:"pkt-breadcrumbs__label","aria-current":"true",children:l.jsx("span",{className:"pkt-breadcrumbs__text",children:d.text})}):t==="router"?l.jsxs(Hs.Link,{to:d.href,className:"pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",...s,children:[l.jsx(q,{className:"pkt-icon pkt-breadcrumbs__icon pkt-link__icon",name:"chevron-thin-right"}),l.jsx("span",{className:"pkt-breadcrumbs__text",children:d.text})]}):l.jsxs("a",{href:d.href,className:"pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",...s,children:[l.jsx(q,{className:"pkt-icon pkt-breadcrumbs__icon pkt-link__icon",name:"chevron-thin-right"}),l.jsx("span",{className:"pkt-breadcrumbs__text",children:d.text})]})},`breadcrumb-${c}`))}),t==="router"?l.jsxs(Hs.Link,{to:r.href,className:"pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",...s,children:[l.jsx(q,{className:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),l.jsx("span",{className:"pkt-breadcrumbs__text",children:r.text})]}):l.jsxs("a",{href:r.href,className:"pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",...s,children:[l.jsx(q,{className:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),l.jsx("span",{className:"pkt-breadcrumbs__text",children:r.text})]})]})});window.pktAnimationPath=window.pktAnimationPath||"https://punkt-cdn.oslo.kommune.no/13.8/animations/";const si=x.forwardRef(({children:i,className:t,iconName:e="user",secondIconName:s="user",size:a="medium",skin:n="primary",type:r="button",variant:h="label-only",state:d,color:c,isLoading:v=void 0,disabled:g=void 0,loadingAnimationPath:k=window.pktAnimationPath,...b},y)=>{const w=[t,"pkt-btn",a&&`pkt-btn--${a}`,n&&`pkt-btn--${n}`,h&&`pkt-btn--${h}`,c&&`pkt-btn--${c}`,d&&`pkt-btn--${d}`,v&&"pkt-btn--isLoading"].filter(Boolean).join(" ");return l.jsxs("button",{...b,"aria-busy":v||void 0,"aria-disabled":g||void 0,disabled:g,className:w,type:r,ref:y,children:[v&&l.jsx(q,{className:"pkt-btn__icon pkt-btn__spinner",name:"spinner-blue",path:k}),h!=="label-only"&&l.jsx(q,{className:"pkt-btn__icon",name:e}),l.jsx("span",{className:"pkt-btn__text",children:i}),h==="icons-right-and-left"&&l.jsx(q,{className:"pkt-btn__icon",name:s})]})});si.displayName="PktButton";const gh=gt({tagName:"pkt-card",elementClass:ot,react:x,displayName:"PktCard",events:{}}),Ka=x.forwardRef(({children:i,...t},e)=>l.jsx(gh,{...t,ref:e,children:l.jsx("div",{className:"pkt-contents",children:i})}));Ka.displayName="PktCard";const Ga=x.forwardRef(({id:i,hasTile:t=!1,disabled:e=!1,label:s,checkHelptext:a,hasError:n=!1,className:r,isSwitch:h=!1,hideLabel:d=!1,labelPosition:c="right",defaultChecked:v,checked:g,optionalTag:k,optionalText:b="Valgfritt",requiredTag:y,requiredText:w="Må fylles ut",tagText:S,...M},C)=>{const V=[r,"pkt-input-check"].filter(Boolean).join(" "),N=["pkt-input-check__input-label",e?"pkt-input-check__input-label--disabled":"",`pkt-input-check__input-label--${c}`,d?"pkt-sr-only":""].filter(Boolean).join(" "),G=["pkt-input-check__input",t?"pkt-input-check__input--tile":"",e&&t?"pkt-input-check__input--tile-disabled":""].filter(Boolean).join(" "),J=["pkt-tag","pkt-tag--small","pkt-tag--thin-text"].join(" "),Lt=()=>l.jsxs(l.Fragment,{children:[S&&l.jsx("span",{className:J+" pkt-tag--gray",children:S}),k&&l.jsx("span",{className:J+" pkt-tag--blue-light",children:b}),y&&l.jsx("span",{className:J+" pkt-tag--beige",children:w})]});return l.jsx("div",{className:V,children:l.jsxs("div",{className:G,children:[c==="left"&&l.jsxs("label",{className:N,htmlFor:i,children:[s," ",Lt(),a&&l.jsx("div",{className:"pkt-input-check__input-helptext",children:a})]}),l.jsx("input",{role:h?"switch":"checkbox",ref:C,className:`pkt-input-check__input-checkbox ${n?"pkt-input-check__input-checkbox--error":""}`,type:"checkbox",id:i,disabled:e,...g!==void 0?{checked:g}:{defaultChecked:v},...M}),c==="right"&&l.jsxs("label",{className:N,htmlFor:i,children:[s," ",Lt(),a&&l.jsx("div",{className:"pkt-input-check__input-helptext",children:a})]})]})})});Ga.displayName="PktCheckbox";const mh=gt({tagName:"pkt-combobox",elementClass:Q,react:x,displayName:"PktCombobox",events:{onClick:"click",onChange:"change",onInput:"input",onBlur:"blur",onFocus:"focus",onValueChange:"value-change",onToggleHelpText:"toggleHelpText"}}),Ya=x.forwardRef(({children:i,helptext:t,...e},s)=>l.jsxs(mh,{...e,ref:s,children:[t&&l.jsx("div",{slot:"helptext",className:"pkt-contents",children:t}),i]}));Ya.displayName="PktCombobox";const ss=gt({tagName:"pkt-consent",elementClass:zt,react:x,displayName:"PktConsent",events:{onToggleConsent:"toggle-consent"}});ss.displayName="PktConsent";const vh=gt({tagName:"pkt-datepicker",elementClass:et,react:x,displayName:"PktDatepicker",events:{onChange:"change",onBlur:"blur",onFocus:"focus",onValueChange:"value-change",onToggleHelpText:"toggleHelpText"}}),Za=x.forwardRef(({helptext:i,...t},e)=>l.jsx(vh,{ref:e,...t,children:l.jsx("div",{className:"pkt-contents",slot:"helptext",children:i})}));Za.displayName="PktDatepicker";const bh=({columnOne:i,columnTwo:t,socialLinks:e,className:s,openLinksInNewTab:a=!1,personvernOgInfoLink:n="https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",tilgjengelighetLink:r="https://www.oslo.kommune.no/tilgjengelighet/",includeConsent:h=!1,hotjarId:d=null,googleAnalyticsId:c=null,devMode:v=!1,cookieDomain:g=null,cookieSecure:k=null,cookieExpiryDays:b=null,onToggleConsent:y=w=>{console.log(w.detail)}})=>{var S,M;const w=[s,"pkt-footer"].filter(Boolean).join(" ");return l.jsx("footer",{className:w,"data-mode":"dark",children:l.jsxs("div",{className:"pkt-footer__container",children:[l.jsxs("div",{className:"pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16",children:[l.jsxs("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[l.jsx("h2",{className:"pkt-footer__title",children:i.title}),l.jsxs("ul",{className:"pkt-footer__list",children:[i.text&&l.jsx("li",{className:"pkt-footer__text",children:i.text}),(S=i.links)==null?void 0:S.map((C,V)=>l.jsx("li",{className:"pkt-footer__list-item",children:l.jsxs("a",{className:`pkt-footer__link ${C.external?"pkt-link--external":""}`,href:C.href,target:C.openInNewTab||a?"_blank":"_self",rel:C.openInNewTab||a?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer__link-icon",name:"chevron-right"}),C.text]})},`links-${V}`))]})]}),l.jsxs("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[l.jsx("h2",{className:"pkt-footer__title",children:t.title}),l.jsxs("ul",{className:"pkt-footer__list",children:[t.text&&l.jsx("li",{className:"pkt-footer__text",children:t.text}),(M=t.links)==null?void 0:M.map((C,V)=>l.jsx("li",{className:"pkt-footer__list-item",children:l.jsxs("a",{className:`pkt-footer__link ${C.external?"pkt-link--external":""}`,href:C.href,target:C.openInNewTab||a?"_blank":"_self",rel:C.openInNewTab||a?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer__link-icon",name:"chevron-right"}),C.text]})},`links-${V}`))]})]}),l.jsxs("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[l.jsx("h2",{className:"pkt-footer__title",children:"Om nettstedet"}),l.jsxs("ul",{className:"pkt-footer__list",children:[l.jsx("li",{className:"pkt-footer__list-item",children:l.jsxs("a",{className:"pkt-footer__link",href:n,target:a?"_blank":"_self",rel:a?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer__link-icon",name:"chevron-right"}),"Personvern og informasjonskapsler"]})}),l.jsx("li",{className:"pkt-footer__list-item",children:l.jsxs("a",{className:"pkt-footer__link",href:r,target:a?"_blank":"_self",rel:a?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer__link-icon",name:"chevron-right"}),"Tilgjengelighet"]})}),h&&l.jsx("li",{className:"pkt-footer__list-item",children:l.jsx(ss,{triggerType:"footerlink",hotjarId:d,googleAnalyticsId:c,devMode:v,cookieDomain:g,cookieSecure:k,cookieExpiryDays:b,onToggleConsent:y})})]})]})]}),e&&l.jsxs("div",{className:"pkt-footer__social","aria-label":"standard lenker",children:[l.jsx("div",{className:"pkt-footer__social-languages",children:e.filter(C=>C.language).map((C,V)=>l.jsx("div",{className:"pkt-footer__social-language",children:l.jsx("a",{href:C.href,"aria-label":`til ${C.language} versjon av nettsiden`,target:C.openInNewTab||a?"_blank":"_self",rel:C.openInNewTab||a?"noopener noreferrer":void 0,children:C.language})},`sociallinks-language-${V}`))}),l.jsx("div",{className:"pkt-footer__social-icons",children:e.filter(C=>C.iconName).map((C,V)=>l.jsx(x.Fragment,{children:l.jsx("a",{href:C.href,"aria-label":`til ${C.iconName}`,className:"pkt-footer__social-icon-link",target:C.openInNewTab||a?"_blank":"_self",rel:C.openInNewTab||a?"noopener noreferrer":void 0,children:l.jsx(q,{className:"pkt-footer__social-icon",name:C.iconName})})},`sociallinks-${V}`))})]})]})})},yh=({links:i=[],openLinksInNewTab:t=!1,personvernOgInfoLink:e="https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",tilgjengelighetLink:s="https://www.oslo.kommune.no/tilgjengelighet/",includeConsent:a=!1,hotjarId:n=null,googleAnalyticsId:r=null,devMode:h=!1,cookieDomain:d=null,cookieSecure:c=null,cookieExpiryDays:v=null,onToggleConsent:g=b=>{console.log(b.detail)},className:k})=>{const b=[k,"pkt-footer-simple"].filter(Boolean).join(" ");return l.jsx("footer",{className:b,"data-mode":"dark",children:l.jsx("div",{className:"pkt-footer-simple__container",children:l.jsxs("ul",{className:"pkt-footer-simple__list",children:[i.map((y,w)=>l.jsx("li",{className:"pkt-footer-simple__list-item",children:l.jsxs("a",{className:`pkt-footer-simple__link ${y.external?" pkt-link--external":""}`,href:y.href,target:y.openInNewTab||t?"_blank":"_self",rel:y.openInNewTab||t?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),y.text]})},w)),l.jsx("li",{className:"pkt-footer-simple__list-item",children:l.jsxs("a",{className:"pkt-footer-simple__link",href:e,target:t?"_blank":"_self",rel:t?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),"Personvern og informasjonskapsler"]})}),l.jsx("li",{className:"pkt-footer-simple__list-item",children:l.jsxs("a",{className:"pkt-footer-simple__link",href:s,target:t?"_blank":"_self",rel:t?"noopener noreferrer":void 0,children:[l.jsx(q,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),"Tilgjengelighet"]})}),a&&l.jsx("li",{className:"pkt-footer-simple__list-item",children:l.jsx(ss,{triggerType:"footerlink",hotjarId:n,googleAnalyticsId:r,devMode:h,cookieDomain:d,cookieSecure:c,cookieExpiryDays:v,onToggleConsent:g})})]})})})};function kh(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var Ps={exports:{}};/*!
1372
1372
  Copyright (c) 2018 Jed Watson.
1373
1373
  Licensed under the MIT License (MIT), see
1374
1374
  http://jedwatson.github.io/classnames
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oslokommune/punkt-react",
3
- "version": "13.8.0",
3
+ "version": "13.8.1",
4
4
  "description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
5
5
  "homepage": "https://punkt.oslo.kommune.no",
6
6
  "author": "Team Designsystem, Oslo Origo",
@@ -106,5 +106,5 @@
106
106
  "url": "https://github.com/oslokommune/punkt/issues"
107
107
  },
108
108
  "license": "MIT",
109
- "gitHead": "291eaf91a93ce286149605e36547068da3bf90e9"
109
+ "gitHead": "0433bdf21345e1260c74c132ee303fe7cf57b63d"
110
110
  }
@@ -41,7 +41,7 @@ export const LitComponent = createComponent({
41
41
  onInput: 'input' as EventName<PktEventWithTarget>,
42
42
  onBlur: 'blur' as EventName<FocusEvent>,
43
43
  onFocus: 'focus' as EventName<FocusEvent>,
44
- onValueChange: 'valueChange' as EventName<CustomEvent>,
44
+ onValueChange: 'value-change' as EventName<CustomEvent>,
45
45
  onToggleHelpText: 'toggleHelpText' as EventName<CustomEvent>,
46
46
  },
47
47
  }) as ForwardRefExoticComponent<IPktCombobox>