@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
|
package/dist/punkt-react.es.js
CHANGED
|
@@ -8821,7 +8821,7 @@ const sh = gt({
|
|
|
8821
8821
|
onInput: "input",
|
|
8822
8822
|
onBlur: "blur",
|
|
8823
8823
|
onFocus: "focus",
|
|
8824
|
-
onValueChange: "
|
|
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: [
|
package/dist/punkt-react.umd.js
CHANGED
|
@@ -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.
|
|
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": "
|
|
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: '
|
|
44
|
+
onValueChange: 'value-change' as EventName<CustomEvent>,
|
|
45
45
|
onToggleHelpText: 'toggleHelpText' as EventName<CustomEvent>,
|
|
46
46
|
},
|
|
47
47
|
}) as ForwardRefExoticComponent<IPktCombobox>
|