@oslokommune/punkt-react 11.19.1 → 11.19.2

package/CHANGELOG.md

@@ -5,6 +5,27 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [11.19.2](https://github.com/oslokommune/punkt/compare/11.19.1...11.19.2) (2024-08-20)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* stepper accessibility fixes (#1881). - remove role="separator" and use aria-hidden on step lines
+  - change vue default hideContent prop value to true
+  - add min width on horizontal content wrapper
+  - add additional button help class wrapper
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [11.19.1](https://github.com/oslokommune/punkt/compare/11.19.0...11.19.1) (2024-08-20)
 
 ### ⚠ BREAKING CHANGES

package/dist/punkt-react.es.js

@@ -11756,10 +11756,10 @@ const Sb = Ee(
   /* @__PURE__ */ h.jsx("path", { fill: "#2A2859", d: "M3 3h18v18H3z" }),
   /* @__PURE__ */ h.jsx("path", { d: "m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z", fill: "#F1FDFF" })
 ] }), Tb = ({ children: e, className: t, status: r = "incomplete", title: i }) => /* @__PURE__ */ h.jsxs("li", { className: qe("pkt-step", t, `pkt-step--${r}`), "data-testid": "pkt-step", children: [
-  /* @__PURE__ */ h.jsx("span", { className: "pkt-step__line pkt-step__line--1" }),
-  /* @__PURE__ */ h.jsx("span", { className: "pkt-step__line pkt-step__line--2" }),
+  /* @__PURE__ */ h.jsx("span", { className: "pkt-step__line pkt-step__line--1", "aria-hidden": !0 }),
+  /* @__PURE__ */ h.jsx("span", { className: "pkt-step__line pkt-step__line--2", "aria-hidden": !0 }),
   /* @__PURE__ */ h.jsx("span", { className: qe("pkt-step__indicator"), children: r === "current" ? mb : r === "completed" ? Db : gb }),
-  /* @__PURE__ */ h.jsx("span", { className: "pkt-step__line pkt-step__line--3", role: "separator" }),
+  /* @__PURE__ */ h.jsx("span", { className: "pkt-step__line pkt-step__line--3", "aria-hidden": !0 }),
   /* @__PURE__ */ h.jsxs("div", { className: "pkt-step__wrapper", children: [
     /* @__PURE__ */ h.jsx("div", { className: "pkt-step__title", children: i }),
     /* @__PURE__ */ h.jsx("div", { className: "pkt-step__content", children: e })

package/dist/punkt-react.umd.js

@@ -134,4 +134,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
  * @public
  */var r=function(i){var s=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,o=0,p={},c={manual:i.Prism&&i.Prism.manual,disableWorkerMessageHandler:i.Prism&&i.Prism.disableWorkerMessageHandler,util:{encode:function k(E){return E instanceof d?new d(E.type,k(E.content),E.alias):Array.isArray(E)?E.map(k):E.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(k){return Object.prototype.toString.call(k).slice(8,-1)},objId:function(k){return k.__id||Object.defineProperty(k,"__id",{value:++o}),k.__id},clone:function k(E,x){x=x||{};var A,T;switch(c.util.type(E)){case"Object":if(T=c.util.objId(E),x[T])return x[T];A={},x[T]=A;for(var P in E)E.hasOwnProperty(P)&&(A[P]=k(E[P],x));return A;case"Array":return T=c.util.objId(E),x[T]?x[T]:(A=[],x[T]=A,E.forEach(function(I,N){A[N]=k(I,x)}),A);default:return E}},getLanguage:function(k){for(;k;){var E=s.exec(k.className);if(E)return E[1].toLowerCase();k=k.parentElement}return"none"},setLanguage:function(k,E){k.className=k.className.replace(RegExp(s,"gi"),""),k.classList.add("language-"+E)},currentScript:function(){if(typeof document>"u")return null;if("currentScript"in document&&1<2)return document.currentScript;try{throw new Error}catch(A){var k=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(A.stack)||[])[1];if(k){var E=document.getElementsByTagName("script");for(var x in E)if(E[x].src==k)return E[x]}return null}},isActive:function(k,E,x){for(var A="no-"+E;k;){var T=k.classList;if(T.contains(E))return!0;if(T.contains(A))return!1;k=k.parentElement}return!!x}},languages:{plain:p,plaintext:p,text:p,txt:p,extend:function(k,E){var x=c.util.clone(c.languages[k]);for(var A in E)x[A]=E[A];return x},insertBefore:function(k,E,x,A){A=A||c.languages;var T=A[k],P={};for(var I in T)if(T.hasOwnProperty(I)){if(I==E)for(var N in x)x.hasOwnProperty(N)&&(P[N]=x[N]);x.hasOwnProperty(I)||(P[I]=T[I])}var H=A[k];return A[k]=P,c.languages.DFS(c.languages,function(W,z){z===H&&W!=k&&(this[W]=P)}),P},DFS:function k(E,x,A,T){T=T||{};var P=c.util.objId;for(var I in E)if(E.hasOwnProperty(I)){x.call(E,I,E[I],A||I);var N=E[I],H=c.util.type(N);H==="Object"&&!T[P(N)]?(T[P(N)]=!0,k(N,x,null,T)):H==="Array"&&!T[P(N)]&&(T[P(N)]=!0,k(N,x,I,T))}}},plugins:{},highlightAll:function(k,E){c.highlightAllUnder(document,k,E)},highlightAllUnder:function(k,E,x){var A={callback:x,container:k,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};c.hooks.run("before-highlightall",A),A.elements=Array.prototype.slice.apply(A.container.querySelectorAll(A.selector)),c.hooks.run("before-all-elements-highlight",A);for(var T=0,P;P=A.elements[T++];)c.highlightElement(P,E===!0,A.callback)},highlightElement:function(k,E,x){var A=c.util.getLanguage(k),T=c.languages[A];c.util.setLanguage(k,A);var P=k.parentElement;P&&P.nodeName.toLowerCase()==="pre"&&c.util.setLanguage(P,A);var I=k.textContent,N={element:k,language:A,grammar:T,code:I};function H(z){N.highlightedCode=z,c.hooks.run("before-insert",N),N.element.innerHTML=N.highlightedCode,c.hooks.run("after-highlight",N),c.hooks.run("complete",N),x&&x.call(N.element)}if(c.hooks.run("before-sanity-check",N),P=N.element.parentElement,P&&P.nodeName.toLowerCase()==="pre"&&!P.hasAttribute("tabindex")&&P.setAttribute("tabindex","0"),!N.code){c.hooks.run("complete",N),x&&x.call(N.element);return}if(c.hooks.run("before-highlight",N),!N.grammar){H(c.util.encode(N.code));return}if(E&&i.Worker){var W=new Worker(c.filename);W.onmessage=function(z){H(z.data)},W.postMessage(JSON.stringify({language:N.language,code:N.code,immediateClose:!0}))}else H(c.highlight(N.code,N.grammar,N.language))},highlight:function(k,E,x){var A={code:k,grammar:E,language:x};if(c.hooks.run("before-tokenize",A),!A.grammar)throw new Error('The language "'+A.language+'" has no grammar.');return A.tokens=c.tokenize(A.code,A.grammar),c.hooks.run("after-tokenize",A),d.stringify(c.util.encode(A.tokens),A.language)},tokenize:function(k,E){var x=E.rest;if(x){for(var A in x)E[A]=x[A];delete E.rest}var T=new b;return v(T,T.head,k),m(k,T,E,T.head,0),F(T)},hooks:{all:{},add:function(k,E){var x=c.hooks.all;x[k]=x[k]||[],x[k].push(E)},run:function(k,E){var x=c.hooks.all[k];if(!(!x||!x.length))for(var A=0,T;T=x[A++];)T(E)}},Token:d};i.Prism=c;function d(k,E,x,A){this.type=k,this.content=E,this.alias=x,this.length=(A||"").length|0}d.stringify=function k(E,x){if(typeof E=="string")return E;if(Array.isArray(E)){var A="";return E.forEach(function(H){A+=k(H,x)}),A}var T={type:E.type,content:k(E.content,x),tag:"span",classes:["token",E.type],attributes:{},language:x},P=E.alias;P&&(Array.isArray(P)?Array.prototype.push.apply(T.classes,P):T.classes.push(P)),c.hooks.run("wrap",T);var I="";for(var N in T.attributes)I+=" "+N+'="'+(T.attributes[N]||"").replace(/"/g,"&quot;")+'"';return"<"+T.tag+' class="'+T.classes.join(" ")+'"'+I+">"+T.content+"</"+T.tag+">"};function g(k,E,x,A){k.lastIndex=E;var T=k.exec(x);if(T&&A&&T[1]){var P=T[1].length;T.index+=P,T[0]=T[0].slice(P)}return T}function m(k,E,x,A,T,P){for(var I in x)if(!(!x.hasOwnProperty(I)||!x[I])){var N=x[I];N=Array.isArray(N)?N:[N];for(var H=0;H<N.length;++H){if(P&&P.cause==I+","+H)return;var W=N[H],z=W.inside,O=!!W.lookbehind,L=!!W.greedy,U=W.alias;if(L&&!W.pattern.global){var Q=W.pattern.toString().match(/[imsuy]*$/)[0];W.pattern=RegExp(W.pattern.source,Q+"g")}for(var ue=W.pattern||W,J=A.next,le=T;J!==E.tail&&!(P&&le>=P.reach);le+=J.value.length,J=J.next){var fe=J.value;if(E.length>k.length)return;if(!(fe instanceof d)){var ae=1,me;if(L){if(me=g(ue,le,k,O),!me||me.index>=k.length)break;var he=me.index,He=me.index+me[0].length,Ce=le;for(Ce+=J.value.length;he>=Ce;)J=J.next,Ce+=J.value.length;if(Ce-=J.value.length,le=Ce,J.value instanceof d)continue;for(var Ne=J;Ne!==E.tail&&(Ce<He||typeof Ne.value=="string");Ne=Ne.next)ae++,Ce+=Ne.value.length;ae--,fe=k.slice(le,Ce),me.index-=le}else if(me=g(ue,0,fe,O),!me)continue;var he=me.index,je=me[0],Je=fe.slice(0,he),ut=fe.slice(he+je.length),ze=le+fe.length;P&&ze>P.reach&&(P.reach=ze);var mt=J.prev;Je&&(mt=v(E,mt,Je),le+=Je.length),y(E,mt,ae);var it=new d(I,z?c.tokenize(je,z):je,U,je);if(J=v(E,mt,it),ut&&v(E,J,ut),ae>1){var At={cause:I+","+H,reach:ze};m(k,E,x,J.prev,le,At),P&&At.reach>P.reach&&(P.reach=At.reach)}}}}}}function b(){var k={value:null,prev:null,next:null},E={value:null,prev:k,next:null};k.next=E,this.head=k,this.tail=E,this.length=0}function v(k,E,x){var A=E.next,T={value:x,prev:E,next:A};return E.next=T,A.prev=T,k.length++,T}function y(k,E,x){for(var A=E.next,T=0;T<x&&A!==k.tail;T++)A=A.next;E.next=A,A.prev=E,k.length-=T}function F(k){for(var E=[],x=k.head.next;x!==k.tail;)E.push(x.value),x=x.next;return E}if(!i.document)return i.addEventListener&&(c.disableWorkerMessageHandler||i.addEventListener("message",function(k){var E=JSON.parse(k.data),x=E.language,A=E.code,T=E.immediateClose;i.postMessage(c.highlight(A,c.languages[x],x)),T&&i.close()},!1)),c;var S=c.util.currentScript();S&&(c.filename=S.src,S.hasAttribute("data-manual")&&(c.manual=!0));function w(){c.manual||c.highlightAll()}if(!c.manual){var j=document.readyState;j==="loading"||j==="interactive"&&S&&S.defer?document.addEventListener("DOMContentLoaded",w):window.requestAnimationFrame?window.requestAnimationFrame(w):window.setTimeout(w,16)}return c}(t);e.exports&&(e.exports=r),typeof Nt<"u"&&(Nt.Prism=r)})(Pu);var Rm=Pu.exports,Mm=li;li.displayName="markup",li.aliases=["html","mathml","svg","xml","ssml","atom","rss"];function li(e){e.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},e.languages.markup.tag.inside["attr-value"].inside.entity=e.languages.markup.entity,e.languages.markup.doctype.inside["internal-subset"].inside=e.languages.markup,e.hooks.add("wrap",function(t){t.type==="entity"&&(t.attributes.title=t.content.value.replace(/&amp;/,"&"))}),Object.defineProperty(e.languages.markup.tag,"addInlined",{value:function(r,i){var s={};s["language-"+i]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:e.languages[i]},s.cdata=/^<!\[CDATA\[|\]\]>$/i;var o={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:s}};o["language-"+i]={pattern:/[\s\S]+/,inside:e.languages[i]};var p={};p[r]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return r}),"i"),lookbehind:!0,greedy:!0,inside:o},e.languages.insertBefore("markup","cdata",p)}}),Object.defineProperty(e.languages.markup.tag,"addAttribute",{value:function(t,r){e.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+t+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[r,"language-"+r],inside:e.languages[r]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),e.languages.html=e.languages.markup,e.languages.mathml=e.languages.markup,e.languages.svg=e.languages.markup,e.languages.xml=e.languages.extend("markup",{}),e.languages.ssml=e.languages.xml,e.languages.atom=e.languages.xml,e.languages.rss=e.languages.xml}var qm=ci;ci.displayName="css",ci.aliases=[];function ci(e){(function(t){var r=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;t.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+r.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+r.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+r.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:r,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},t.languages.css.atrule.inside.rest=t.languages.css;var i=t.languages.markup;i&&(i.tag.addInlined("style","css"),i.tag.addAttribute("style","css"))})(e)}var Hm=pi;pi.displayName="clike",pi.aliases=[];function pi(e){e.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}}var Um=di;di.displayName="javascript",di.aliases=["js"];function di(e){e.languages.javascript=e.languages.extend("clike",{"class-name":[e.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),e.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,e.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:e.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:e.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:e.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:e.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:e.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),e.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:e.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),e.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),e.languages.markup&&(e.languages.markup.tag.addInlined("script","javascript"),e.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),e.languages.js=e.languages.javascript}var Gn=typeof globalThis=="object"?globalThis:typeof self=="object"?self:typeof window=="object"?window:typeof Nt=="object"?Nt:{},Wm=s2();Gn.Prism={manual:!0,disableWorkerMessageHandler:!0};var zm=am,Vm=km,Ou=Rm,Gm=Mm,Ym=qm,Km=Hm,Jm=Um;Wm();var fi={}.hasOwnProperty;function $u(){}$u.prototype=Ou;var Se=new $u,Xm=Se;Se.highlight=Qm,Se.register=Yn,Se.alias=Zm,Se.registered=e2,Se.listLanguages=t2,Yn(Gm),Yn(Ym),Yn(Km),Yn(Jm),Se.util.encode=a2,Se.Token.stringify=n2;function Yn(e){if(typeof e!="function"||!e.displayName)throw new Error("Expected `function` for `grammar`, got `"+e+"`");Se.languages[e.displayName]===void 0&&e(Se)}function Zm(e,t){var r=Se.languages,i=e,s,o,p,c;t&&(i={},i[e]=t);for(s in i)for(o=i[s],o=typeof o=="string"?[o]:o,p=o.length,c=-1;++c<p;)r[o[c]]=r[s]}function Qm(e,t){var r=Ou.highlight,i;if(typeof e!="string")throw new Error("Expected `string` for `value`, got `"+e+"`");if(Se.util.type(t)==="Object")i=t,t=null;else{if(typeof t!="string")throw new Error("Expected `string` for `name`, got `"+t+"`");if(fi.call(Se.languages,t))i=Se.languages[t];else throw new Error("Unknown language: `"+t+"` is not registered")}return r.call(this,e,i,t)}function e2(e){if(typeof e!="string")throw new Error("Expected `string` for `language`, got `"+e+"`");return fi.call(Se.languages,e)}function t2(){var e=Se.languages,t=[],r;for(r in e)fi.call(e,r)&&typeof e[r]=="object"&&t.push(r);return t}function n2(e,t,r){var i;return typeof e=="string"?{type:"text",value:e}:Se.util.type(e)==="Array"?r2(e,t):(i={type:e.type,content:Se.Token.stringify(e.content,t,r),tag:"span",classes:["token",e.type],attributes:{},language:t,parent:r},e.alias&&(i.classes=i.classes.concat(e.alias)),Se.hooks.run("wrap",i),zm(i.tag+"."+i.classes.join("."),i2(i.attributes),i.content))}function r2(e,t){for(var r=[],i=e.length,s=-1,o;++s<i;)o=e[s],o!==""&&o!==null&&o!==void 0&&r.push(o);for(s=-1,i=r.length;++s<i;)o=r[s],r[s]=Se.Token.stringify(o,t,r);return r}function a2(e){return e}function i2(e){var t;for(t in e)e[t]=Vm(e[t]);return e}function s2(){var e="Prism"in Gn,t=e?Gn.Prism:void 0;return r;function r(){e?Gn.Prism=t:delete Gn.Prism,e=void 0,t=void 0}}const hi=cr(Xm);var gi=Mh(hi,{});gi.registerLanguage=function(e,t){return hi.register(t)},gi.alias=function(e,t){return hi.alias(e,t)};const mi=gi,Iu={'code[class*="language-"]':{color:"black",background:"none",textShadow:"0 1px white",fontFamily:"Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",fontSize:"1em",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",wordWrap:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none"},'pre[class*="language-"]':{color:"black",background:"#f5f2f0",textShadow:"0 1px white",fontFamily:"Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",fontSize:"1em",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",wordWrap:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",margin:".5em 0",overflow:"auto"},'pre[class*="language-"]::-moz-selection':{textShadow:"none",background:"#b3d4fc"},'pre[class*="language-"] ::-moz-selection':{textShadow:"none",background:"#b3d4fc"},'code[class*="language-"]::-moz-selection':{textShadow:"none",background:"#b3d4fc"},'code[class*="language-"] ::-moz-selection':{textShadow:"none",background:"#b3d4fc"},'pre[class*="language-"]::selection':{textShadow:"none",background:"#b3d4fc"},'pre[class*="language-"] ::selection':{textShadow:"none",background:"#b3d4fc"},'code[class*="language-"]::selection':{textShadow:"none",background:"#b3d4fc"},'code[class*="language-"] ::selection':{textShadow:"none",background:"#b3d4fc"},':not(pre) > code[class*="language-"]':{background:"#f5f2f0",padding:".1em",borderRadius:".3em",whiteSpace:"normal"},comment:{color:"slategray"},prolog:{color:"slategray"},doctype:{color:"slategray"},cdata:{color:"slategray"},punctuation:{color:"#999"},namespace:{Opacity:".7"},property:{color:"#905"},tag:{color:"#905"},boolean:{color:"#905"},number:{color:"#905"},constant:{color:"#905"},symbol:{color:"#905"},deleted:{color:"#905"},selector:{color:"#690"},"attr-name":{color:"#690"},string:{color:"#690"},char:{color:"#690"},builtin:{color:"#690"},inserted:{color:"#690"},operator:{color:"#9a6e3a",background:"hsla(0, 0%, 100%, .5)"},entity:{color:"#9a6e3a",background:"hsla(0, 0%, 100%, .5)",cursor:"help"},url:{color:"#9a6e3a",background:"hsla(0, 0%, 100%, .5)"},".language-css .token.string":{color:"#9a6e3a",background:"hsla(0, 0%, 100%, .5)"},".style .token.string":{color:"#9a6e3a",background:"hsla(0, 0%, 100%, .5)"},atrule:{color:"#07a"},"attr-value":{color:"#07a"},keyword:{color:"#07a"},function:{color:"#DD4A68"},"class-name":{color:"#DD4A68"},regex:{color:"#e90"},important:{color:"#e90",fontWeight:"bold"},variable:{color:"#e90"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}};var o2=Di;Di.displayName="jsx",Di.aliases=[];function Di(e){(function(t){var r=t.util.clone(t.languages.javascript),i=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,s=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function p(g,m){return g=g.replace(/<S>/g,function(){return i}).replace(/<BRACES>/g,function(){return s}).replace(/<SPREAD>/g,function(){return o}),RegExp(g,m)}o=p(o).source,t.languages.jsx=t.languages.extend("markup",r),t.languages.jsx.tag.pattern=p(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),t.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,t.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,t.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,t.languages.jsx.tag.inside.comment=r.comment,t.languages.insertBefore("inside","attr-name",{spread:{pattern:p(/<SPREAD>/.source),inside:t.languages.jsx}},t.languages.jsx.tag),t.languages.insertBefore("inside","special-attr",{script:{pattern:p(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:t.languages.jsx}}},t.languages.jsx.tag);var c=function(g){return g?typeof g=="string"?g:typeof g.content=="string"?g.content:g.content.map(c).join(""):""},d=function(g){for(var m=[],b=0;b<g.length;b++){var v=g[b],y=!1;if(typeof v!="string"&&(v.type==="tag"&&v.content[0]&&v.content[0].type==="tag"?v.content[0].content[0].content==="</"?m.length>0&&m[m.length-1].tagName===c(v.content[0].content[1])&&m.pop():v.content[v.content.length-1].content==="/>"||m.push({tagName:c(v.content[0].content[1]),openedBraces:0}):m.length>0&&v.type==="punctuation"&&v.content==="{"?m[m.length-1].openedBraces++:m.length>0&&m[m.length-1].openedBraces>0&&v.type==="punctuation"&&v.content==="}"?m[m.length-1].openedBraces--:y=!0),(y||typeof v=="string")&&m.length>0&&m[m.length-1].openedBraces===0){var F=c(v);b<g.length-1&&(typeof g[b+1]=="string"||g[b+1].type==="plain-text")&&(F+=c(g[b+1]),g.splice(b+1,1)),b>0&&(typeof g[b-1]=="string"||g[b-1].type==="plain-text")&&(F=c(g[b-1])+F,g.splice(b-1,1),b--),g[b]=new t.Token("plain-text",F,null,F)}v.content&&typeof v.content!="string"&&d(v.content)}};t.hooks.add("after-tokenize",function(g){g.language!=="jsx"&&g.language!=="tsx"||d(g.tokens)})})(e)}const u2=cr(o2),vi=R.forwardRef(({ariaDescribedby:e,ariaLabelledby:t,children:r,className:i,disabled:s=!1,errorMessage:o,hasError:p,helptext:c,helptextDropdown:d,helptextDropdownButton:g,id:m,inline:b=!1,fullwidth:v=!1,label:y,name:F,optionalTag:S=!1,optionalText:w,requiredTag:j=!1,requiredText:k,...E},x)=>{const A=[i,"pkt-select"].join(" ");return h.jsx(ln,{className:A,forId:m,label:y,helptext:c,helptextDropdown:d,helptextDropdownButton:g,optionalTag:S,optionalText:w,requiredTag:j,requiredText:k,hasError:p,errorMessage:o,disabled:s,inline:b,ariaDescribedby:e,children:h.jsx("select",{ref:x,className:`pkt-input ${v?"pkt-input--fullwidth":""}`,"aria-invalid":p,"aria-errormessage":`${m}-error`,"aria-labelledby":t||`${m}-label`,disabled:s,id:m,name:F||m,...E,children:r})})}),Cn=R.forwardRef(({children:e,className:t,skin:r="blue",textStyle:i="normal-text",size:s="medium",closeTag:o=!1,iconName:p="",type:c="button",ariaLabel:d="close",onClick:g=()=>{}},m)=>{const[b,v]=R.useState(!1),y=j=>{v(!0),g(j)},F=["pkt-tag",s&&`pkt-tag--${s}`,r&&`pkt-tag--${r}`,i&&`pkt-tag--${i}`,t].filter(Boolean).join(" "),S=["pkt-tag","pkt-btn","pkt-btn--tertiary",s&&`pkt-tag--${s}`,r&&`pkt-tag--${r}`,i&&`pkt-tag--${i}`,p&&o?"pkt-btn--icons-right-and-left":null,o&&!p?"pkt-btn--icon-right":null,t].filter(Boolean).join(" "),w=!b;return o&&p?h.jsx(h.Fragment,{children:w&&h.jsxs("button",{className:S,type:c,"aria-label":d,onClick:y,ref:m,children:[h.jsx(ee,{className:"pkt-tag__icon",name:p}),e,h.jsx(ee,{className:"pkt-tag__close-btn",name:"close"})]})}):o?h.jsx(h.Fragment,{children:w&&h.jsxs("button",{className:S,type:c,"aria-label":d,onClick:y,ref:m,children:[h.jsx(ee,{className:"pkt-tag__close-btn",name:"close"}),e]})}):p?h.jsxs("span",{className:F,children:[h.jsx(ee,{className:"pkt-tag__icon",name:p}),e]}):h.jsx("span",{className:F,children:e})});Cn.displayName="PktTag";const Ru=R.forwardRef(({arrowNav:e=!0,tabs:t,onTabSelected:r},i)=>{const s=R.useRef([]);R.useEffect(()=>{s.current=s.current.slice(0,t.length)},[t]);const o=(c,d)=>{d.action&&d.action(c),r&&r(c)},p=(c,d)=>{var g,m;e&&(d.code==="ArrowLeft"&&c!==0&&((g=s.current[c-1])==null||g.focus()),d.code==="ArrowRight"&&c<t.length-1&&((m=s.current[c+1])==null||m.focus()),(d.code==="ArrowDown"||d.code==="Space")&&o(c,t[c]))};return h.jsx("div",{className:"pkt-tabs",ref:i,children:h.jsx("div",{className:"pkt-tabs__list",role:e?"tablist":"navigation",children:t.map((c,d)=>h.jsx(R.Fragment,{children:c.href?h.jsxs("a",{"aria-selected":!!c.active,role:e?"tab":void 0,href:c.href,"aria-controls":c.controls,className:`pkt-tabs__link ${c.active?"active":""}`,onKeyUp:g=>p(d,g),onClick:()=>o(d,c),tabIndex:c.active||!e?void 0:-1,ref:g=>{s.current[d]=g},children:[c.icon&&h.jsx(ee,{name:c.icon,className:"pkt-icon--small"}),c.text,c.tag&&h.jsx(Cn,{skin:c.tag.skin,size:"small",children:c.tag.text})]}):h.jsxs("button",{"aria-selected":!!c.active,role:e?"tab":void 0,type:"button","aria-controls":c.controls,className:`pkt-tabs__button pkt-link-button ${c.active?"active":""}`,onKeyUp:g=>p(d,g),onClick:()=>o(d,c),tabIndex:c.active||!e?void 0:-1,ref:g=>{s.current[d]=g},children:[c.icon&&h.jsx(ee,{name:c.icon,className:"pkt-icon--small"}),c.text,c.tag&&h.jsx(Cn,{skin:c.tag.skin,size:"small",children:c.tag.text})]},"b-"+d)},d))})})}),yi=R.forwardRef(({id:e,ariaDescribedby:t,ariaLabelledby:r,autocomplete:i="off",counter:s,counterMaxLength:o,className:p,disabled:c=!1,errorMessage:d,hasError:g=!1,helptext:m,helptextDropdown:b,helptextDropdownButton:v,iconNameRight:y,inline:F=!1,fullwidth:S=!1,label:w,name:j,optionalTag:k=!1,optionalText:E,requiredTag:x=!1,requiredText:A,placeholder:T,prefix:P,suffix:I,type:N="text",useWrapper:H=!0,omitSearchIcon:W=!1,value:z,onChange:O,...L},U)=>{const Q=[p,"pkt-textinput"].join(" "),ue=r||`${e}-label`,J=N==="search"&&!y&&!W;R.useRef(null);const[le,fe]=R.useState(0),ae=me=>{var He,Ce;if(s&&fe(((Ce=(He=me.currentTarget)==null?void 0:He.value)==null?void 0:Ce.length)||0),O)return O(me)};return h.jsx(ln,{ariaDescribedby:t,className:Q,disabled:c,errorMessage:d,forId:e,hasError:g,helptext:m,helptextDropdown:b,helptextDropdownButton:v,inline:F,label:w,optionalTag:k,optionalText:E,requiredTag:x,requiredText:A,useWrapper:H,counter:s,counterCurrent:le,counterMaxLength:o,children:h.jsxs("div",{className:"pkt-input__container",children:[P&&h.jsx("div",{className:"pkt-input-prefix",children:P}),h.jsx("input",{ref:U,className:`pkt-input ${S?"pkt-input--fullwidth":""} ${o&&le>o?"pkt-input--counter-error":""}`,type:N,name:j||e,id:e,placeholder:T,autoComplete:i,value:z,disabled:c,"aria-invalid":g,"aria-errormessage":`${e}-error`,"aria-labelledby":ue,...L,onChange:ae}),I&&h.jsxs("p",{className:"pkt-input-suffix",children:[I,y&&h.jsx(ee,{className:"pkt-input-suffix-icon",name:y}),J&&h.jsx(ee,{className:"pkt-input-suffix-icon",name:"magnifying-glass-big"})]}),!I&&y&&h.jsx(ee,{className:"pkt-input-icon",name:y}),!I&&J&&h.jsx(ee,{className:"pkt-input-icon",name:"magnifying-glass-big"})]})})}),l2=[{id:"24h",fn:"24h.svg",cat:"services"},{id:"active-person",fn:"active-person.svg",cat:"people-and-health"},{id:"adjust",fn:"adjust.svg",cat:"ui"},{id:"alert-circle",fn:"alert-circle.svg",cat:"ui"},{id:"alert-error",fn:"alert-error.svg",cat:"ui"},{id:"alert-information",fn:"alert-information.svg",cat:"ui"},{id:"alert-success",fn:"alert-success.svg",cat:"ui"},{id:"alert-warning",fn:"alert-warning.svg",cat:"ui"},{id:"apple",fn:"apple.svg",cat:"ui"},{id:"archive",fn:"archive.svg",cat:"ui"},{id:"arrow-circle",fn:"arrow-circle.svg",cat:"ui"},{id:"arrow",fn:"arrow.svg",cat:"arrows"},{id:"attachment",fn:"attachment.svg",cat:"ui"},{id:"backpack",fn:"backpack.svg",cat:"services"},{id:"books",fn:"books.svg",cat:"services"},{id:"wardrobe-boys",fn:"wardrobe-boys.svg",cat:"sign"},{id:"brain-heart",fn:"brain-heart.svg",cat:"people-and-health"},{id:"brain-signal",fn:"brain-signal.svg",cat:"people-and-health"},{id:"briefcase",fn:"briefcase.svg",cat:"sign"},{id:"bullseye",fn:"bullseye.svg",cat:"ui"},{id:"bus",fn:"bus.svg",cat:"services"},{id:"cafe",fn:"cafe.svg",cat:"sign"},{id:"calendar",fn:"calendar.svg",cat:"ui"},{id:"camera",fn:"camera.svg",cat:"ui"},{id:"car",fn:"car.svg",cat:"sign"},{id:"character-exclamation-mark",fn:"character-exclamation-mark.svg",cat:"ui"},{id:"character-information",fn:"character-information.svg",cat:"ui"},{id:"care-room",fn:"care-room.svg",cat:"sign"},{id:"check-big",fn:"check-big.svg",cat:"ui"},{id:"check-circle",fn:"check-circle.svg",cat:"ui"},{id:"check-medium",fn:"check-medium.svg",cat:"ui"},{id:"check",fn:"check.svg",cat:"ui"},{id:"chevron-down",fn:"chevron-down.svg",cat:"arrows"},{id:"chevron-left",fn:"chevron-left.svg",cat:"arrows"},{id:"chevron-right",fn:"chevron-right.svg",cat:"arrows"},{id:"chevron-thin-down",fn:"chevron-thin-down.svg",cat:"arrows"},{id:"chevron-thin-left",fn:"chevron-thin-left.svg",cat:"arrows"},{id:"chevron-thin-right",fn:"chevron-thin-right.svg",cat:"arrows"},{id:"chevron-thin-up",fn:"chevron-thin-up.svg",cat:"arrows"},{id:"chevron-up-and-down",fn:"chevron-up-and-down.svg",cat:"ui"},{id:"chevron-up",fn:"chevron-up.svg",cat:"arrows"},{id:"clock",fn:"clock.svg",cat:"ui"},{id:"close",fn:"close.svg",cat:"ui"},{id:"cloud",fn:"cloud.svg",cat:"ui"},{id:"code",fn:"code.svg",cat:"ui"},{id:"coffee",fn:"coffee.svg",cat:"sign"},{id:"cogwheel",fn:"cogwheel.svg",cat:"ui"},{id:"coin-stacks",fn:"coin-stacks.svg",cat:"services"},{id:"computer",fn:"computer.svg",cat:"ui"},{id:"copy",fn:"copy.svg",cat:"ui"},{id:"crane",fn:"crane.svg",cat:"services"},{id:"cross-circle-big",fn:"cross-circle-big.svg",cat:"ui"},{id:"cross-circle-fill",fn:"cross-circle-fill.svg",cat:"ui"},{id:"cross-circle",fn:"cross-circle.svg",cat:"ui"},{id:"cross",fn:"cross.svg",cat:"ui"},{id:"data",fn:"data.svg",cat:"ui"},{id:"defibrillators",fn:"defibrillators.svg",cat:"sign"},{id:"district",fn:"district.svg",cat:"ui"},{id:"document-code",fn:"document-code.svg",cat:"ui"},{id:"document-pdf",fn:"document-pdf.svg",cat:"ui"},{id:"document-plain",fn:"document-plain.svg",cat:"ui"},{id:"document-table",fn:"document-table.svg",cat:"ui"},{id:"document-text",fn:"document-text.svg",cat:"ui"},{id:"download",fn:"download.svg",cat:"ui"},{id:"drag",fn:"drag.svg",cat:"ui"},{id:"drinking-area-refreshments",fn:"drinking-area-refreshments.svg",cat:"sign"},{id:"ecg-heart",fn:"ecg-heart.svg",cat:"people-and-health"},{id:"edit",fn:"edit.svg",cat:"ui"},{id:"email",fn:"email.svg",cat:"ui"},{id:"exclamation-mark-circle",fn:"exclamation-mark-circle.svg",cat:"ui"},{id:"exclamation-mark-square",fn:"exclamation-mark-square.svg",cat:"ui"},{id:"exit",fn:"exit.svg",cat:"ui"},{id:"expand",fn:"expand.svg",cat:"ui"},{id:"eye",fn:"eye.svg",cat:"ui"},{id:"face-almost-happy",fn:"face-almost-happy.svg",cat:"feedback"},{id:"face-almost-sad",fn:"face-almost-sad.svg",cat:"feedback"},{id:"face-happy",fn:"face-happy.svg",cat:"feedback"},{id:"face-neutral",fn:"face-neutral.svg",cat:"feedback"},{id:"face-sad",fn:"face-sad.svg",cat:"feedback"},{id:"facebook",fn:"facebook.svg",cat:"social"},{id:"factory-fill",fn:"factory-fill.svg",cat:"ui"},{id:"feedback",fn:"feedback.svg",cat:"ui"},{id:"figma",fn:"figma.svg",cat:"social"},{id:"filter",fn:"filter.svg",cat:"ui"},{id:"fire-emblem",fn:"fire-emblem.svg",cat:"services"},{id:"fire-safety",fn:"fire-safety.svg",cat:"people-and-health"},{id:"folder",fn:"folder.svg",cat:"ui"},{id:"github",fn:"github.svg",cat:"social"},{id:"wardrobe-girls",fn:"wardrobe-girls.svg",cat:"sign"},{id:"graph",fn:"graph.svg",cat:"ui"},{id:"grid",fn:"grid.svg",cat:"ui"},{id:"wheelchair",fn:"wheelchair.svg",cat:"sign"},{id:"hands-globe",fn:"hands-globe.svg",cat:"people-and-health"},{id:"heart-hand",fn:"heart-hand.svg",cat:"people-and-health"},{id:"heart-plus",fn:"heart-plus.svg",cat:"services"},{id:"heart",fn:"heart.svg",cat:"ui"},{id:"holding-hands",fn:"holding-hands.svg",cat:"people-and-health"},{id:"home",fn:"home.svg",cat:"ui"},{id:"horizontal-menu",fn:"horizontal-menu.svg",cat:"ui"},{id:"house-heart",fn:"house-heart.svg",cat:"services"},{id:"information",fn:"information.svg",cat:"ui"},{id:"instagram",fn:"instagram.svg",cat:"social"},{id:"invoice",fn:"invoice.svg",cat:"ui"},{id:"key",fn:"key.svg",cat:"ui"},{id:"language",fn:"language.svg",cat:"ui"},{id:"law-paragraph",fn:"law-paragraph.svg",cat:"ui"},{id:"lecture-workplace",fn:"lecture-workplace.svg",cat:"people-and-health"},{id:"link",fn:"link.svg",cat:"ui"},{id:"linkedin",fn:"linkedin.svg",cat:"social"},{id:"list",fn:"list.svg",cat:"ui"},{id:"location-pin-filled",fn:"location-pin-filled.svg",cat:"ui"},{id:"location-pin",fn:"location-pin.svg",cat:"ui"},{id:"lock-locked",fn:"lock-locked.svg",cat:"ui"},{id:"lock-unlocked",fn:"lock-unlocked.svg",cat:"ui"},{id:"magnifying-glass-big",fn:"magnifying-glass-big.svg",cat:"ui"},{id:"magnifying-glass-small",fn:"magnifying-glass-small.svg",cat:"ui"},{id:"map",fn:"map.svg",cat:"ui"},{id:"menu",fn:"menu.svg",cat:"ui"},{id:"message",fn:"message.svg",cat:"ui"},{id:"minimize",fn:"minimize.svg",cat:"ui"},{id:"minus-circle-fill",fn:"minus-circle-fill.svg",cat:"plusminus"},{id:"minus-circle",fn:"minus-circle.svg",cat:"plusminus"},{id:"minus-sign",fn:"minus-sign.svg",cat:"plusminus"},{id:"mobile-phone",fn:"mobile-phone.svg",cat:"ui"},{id:"new-window-small",fn:"new-window-small.svg",cat:"ui"},{id:"new-window",fn:"new-window.svg",cat:"ui"},{id:"nodejs",fn:"nodejs.svg",cat:"social"},{id:"obstacle",fn:"obstacle.svg",cat:"ui"},{id:"organization",fn:"organization.svg",cat:"ui"},{id:"paint-bucket",fn:"paint-bucket.svg",cat:"ui"},{id:"park",fn:"park.svg",cat:"services"},{id:"partner-workout",fn:"partner-workout.svg",cat:"people-and-health"},{id:"picture",fn:"picture.svg",cat:"ui"},{id:"placeholder-icon",fn:"placeholder-icon.svg",cat:"ui"},{id:"plus-circle-fill",fn:"plus-circle-fill.svg",cat:"plusminus"},{id:"plus-circle",fn:"plus-circle.svg",cat:"plusminus"},{id:"plus-sign",fn:"plus-sign.svg",cat:"plusminus"},{id:"pride-heart",fn:"pride-heart.svg",cat:"people-and-health"},{id:"print",fn:"print.svg",cat:"ui"},{id:"punkt-circle-blue",fn:"punkt-circle-blue.svg",cat:"social"},{id:"qr-code",fn:"qr-code.svg",cat:"ui"},{id:"question",fn:"question.svg",cat:"ui"},{id:"react",fn:"react.svg",cat:"social"},{id:"receipt",fn:"receipt.svg",cat:"ui"},{id:"recycling",fn:"recycling.svg",cat:"services"},{id:"restaurant",fn:"restaurant.svg",cat:"sign"},{id:"ruler",fn:"ruler.svg",cat:"ui"},{id:"sass",fn:"sass.svg",cat:"social"},{id:"save",fn:"save.svg",cat:"ui"},{id:"share-outline",fn:"share-outline.svg",cat:"ui"},{id:"share",fn:"share.svg",cat:"ui"},{id:"slack",fn:"slack.svg",cat:"social"},{id:"smiley-neutral",fn:"smiley-neutral.svg",cat:"feedback"},{id:"smiley-sad",fn:"smiley-sad.svg",cat:"feedback"},{id:"smiley-smile",fn:"smiley-smile.svg",cat:"feedback"},{id:"sort",fn:"sort.svg",cat:"ui"},{id:"sound-off",fn:"sound-off.svg",cat:"ui"},{id:"sound-on",fn:"sound-on.svg",cat:"ui"},{id:"svg-logo",fn:"svg.svg",cat:"social"},{id:"swingset",fn:"swingset.svg",cat:"services"},{id:"table",fn:"table.svg",cat:"ui"},{id:"target",fn:"target.svg",cat:"ui"},{id:"tickets",fn:"tickets.svg",cat:"sign"},{id:"thumbs-down",fn:"thumbs-down.svg",cat:"feedback"},{id:"thumbs-up",fn:"thumbs-up.svg",cat:"feedback"},{id:"trash-can",fn:"trash-can.svg",cat:"ui"},{id:"trail",fn:"trail.svg",cat:"sign"},{id:"twitter",fn:"twitter.svg",cat:"social"},{id:"two-people-dancing",fn:"two-people-dancing.svg",cat:"people-and-health"},{id:"two-people-talking",fn:"two-people-talking.svg",cat:"people-and-health"},{id:"user",fn:"user.svg",cat:"ui"},{id:"vertical-menu",fn:"vertical-menu.svg",cat:"ui"},{id:"vue",fn:"vue.svg",cat:"social"},{id:"wardrobe",fn:"wardrobe.svg",cat:"sign"},{id:"water-faucet",fn:"water-faucet.svg",cat:"services"},{id:"wine-bottle",fn:"wine-bottle.svg",cat:"people-and-health"},{id:"wifi",fn:"wifi.svg",cat:"sign"},{id:"workplace",fn:"workplace.svg",cat:"social"}],Lr=({className:e,compact:t=!1,skin:r="basic",responsiveView:i=!0,children:s})=>h.jsx("table",{"data-testid":"pkt-table",className:Pe(e,"pkt-table",{"pkt-table--responsive":i,"pkt-table--compact":t,"pkt-table--basic":r==="basic","pkt-table--zebra-blue":r==="zebra-blue"}),role:"table",children:s}),Pr=({className:e,children:t})=>h.jsx("thead",{className:Pe(e,"pkt-table__header",{}),role:"rowgroup",children:t}),Or=({children:e,className:t})=>h.jsx("tbody",{className:Pe(t,"pkt-table__body",{}),role:"rowgroup",children:e}),Xt=({className:e,children:t})=>h.jsx("tr",{className:Pe(e,"pkt-table__row",{}),role:"row",children:t}),St=({className:e,children:t})=>h.jsx("th",{className:Pe(e,"pkt-table__header-cell",{}),role:"columnheader",children:t}),ot=({children:e,className:t,dataLabel:r})=>h.jsx("td",{className:Pe(t,"pkt-table__data-cell",{}),"data-label":r,role:"cell","data-testid":"pkt-table__data-cell",children:e}),c2=({specs:e})=>{const t=i=>Array.isArray(i)?i.join(` 
 `):i,r=i=>typeof i=="boolean"?i?"true":"false":i;return h.jsxs(h.Fragment,{children:[h.jsx("h2",{children:"Egenskaper"}),h.jsxs(Lr,{compact:!0,children:[h.jsx(Pr,{children:h.jsxs(Xt,{children:[h.jsx(St,{children:"Prop"}),h.jsx(St,{children:"Beskrivelse"}),h.jsx(St,{children:"Type"}),h.jsx(St,{children:"Standardverdi"})]})}),h.jsx(Or,{children:Object.entries(e.props||{}).map(([i,s])=>h.jsxs(Xt,{children:[h.jsx(ot,{dataLabel:"Prop",children:h.jsx("pre",{children:i})}),Array.isArray(s)?h.jsxs(h.Fragment,{children:[h.jsx(ot,{dataLabel:"Beskrivelse"}),h.jsx(ot,{dataLabel:"Type",children:h.jsx("pre",{children:s.join(` 
-`)})})]}):h.jsxs(h.Fragment,{children:[h.jsx(ot,{dataLabel:"Beskrivelse",children:s.description}),h.jsx(ot,{dataLabel:"Type",children:h.jsx("pre",{children:s.type&&t(s.type)})}),h.jsx(ot,{dataLabel:"Standardverdi",children:h.jsx("pre",{children:r(s.default)})})]})]},i))})]}),e.events&&h.jsxs(h.Fragment,{children:[h.jsx("h2",{children:"Hendelser / handlinger"}),h.jsxs(Lr,{compact:!0,children:[h.jsx(Pr,{children:h.jsxs(Xt,{children:[h.jsx(St,{children:"Event"}),h.jsx(St,{children:"Beskrivelse"})]})}),h.jsx(Or,{children:Object.entries(e.events||{}).map(([i,s])=>h.jsxs(Xt,{children:[h.jsx(ot,{dataLabel:"Event",children:h.jsx("pre",{children:i})}),h.jsx(ot,{dataLabel:"Beskrivelse",children:s.description})]},i))})]})]}),e.slots&&h.jsxs(h.Fragment,{children:[h.jsx("h2",{children:"Innhold"}),h.jsxs(Lr,{compact:!0,children:[h.jsx(Pr,{children:h.jsxs(Xt,{children:[h.jsx(St,{children:"Slot"}),h.jsx(St,{children:"Beskrivelse"})]})}),h.jsx(Or,{children:Object.entries(e.slots||{}).map(([i,s])=>h.jsxs(Xt,{children:[h.jsx(ot,{dataLabel:"Slot",children:h.jsx("pre",{children:i})}),h.jsx(ot,{dataLabel:"Beskrivelse",children:s.description})]},i))})]})]})]})};mi.registerLanguage("jsx",u2);const Mu=({specs:e,children:t,fullWidth:r})=>{var W,z;const i=e.props&&typeof e.props=="object"&&!Array.isArray(e.props)?Object.entries(e.props).reduce((O,[L,U])=>(typeof U=="object"&&!Array.isArray(U)&&U.default!==void 0&&(U.default==="false"&&(U.default=!1),U.default==="true"&&(U.default=!0),O[L]=U.default),O),{}):{},[s,o]=R.useState(i),[p,c]=R.useState("light"),[d,g]=R.useState(""),[m,b]=R.useState(""),[v,y]=R.useState(""),[F,S]=R.useState("Rediger innhold"),[w,j]=R.useState([{text:"Rediger",icon:"adjust",active:!0},{text:"Kode (React)",icon:"react",active:!1},{text:"Kode (HTML)",icon:"code",active:!1},{text:"Egenskaper",icon:"list",active:!1}]),k=O=>{O>0&&(O===1?A():x()),y(""),j(L=>L.map((U,Q)=>({...U,active:Q===O})))},E=R.useRef(null),x=async()=>{const O=await Ga(E.current.innerHTML,{parser:"html",plugins:[mh]});g(O)},A=async()=>{const O=ip(I);b(O)},T=(O,L)=>{navigator.clipboard.writeText(L).then(()=>{y(O),console.log("Copied to clipboard",O)})},P=(O,L)=>h.jsxs("div",{className:"pkt-preview__copy",children:[v===O&&h.jsx("span",{className:"pkt-preview__copied",children:"Kode kopiert til utklippstavle"}),h.jsx(qt,{skin:"tertiary",variant:"icon-only",size:"small",iconName:"copy",onClick:()=>T(O,L),children:"Kopier kode"})]}),I=R.isValidElement(t)&&R.cloneElement(t,{...s},t.props.children?t.props.children:(W=e.slots)!=null&&W.default?F:null),N=(O,L,U=!1)=>{if(!U&&(!L||L=="false")){const{[O]:Q,...ue}=s;o(ue)}else o(Q=>({...Q,[O]:L}))},H=(O,L)=>{if(L.type==="boolean")return h.jsx(ln,{label:L.name||O,forId:O,helptext:L.description||null,hasFieldset:!0,requiredTag:L.required,children:h.jsx(pr,{id:O,label:O,type:"checkbox",checked:s[O],onChange:U=>N(O,U.target.checked,L.displayAsFalse),labelPosition:"right",isSwitch:!0})});if(L.type==="icon")return h.jsxs(vi,{label:L.name||O,helptext:L.description||null,id:O,value:s[O],onChange:U=>N(O,U.target.value),requiredTag:L.required,children:[h.jsx("option",{value:""}),l2.map(U=>h.jsx("option",{value:U.id,children:U.id},U.id))]});if(Array.isArray(L)||Array.isArray(L.type)||Array.isArray(L.values)){const U=Array.isArray(L)?L:L.values||L.type;return h.jsxs(vi,{label:L.name||O,helptext:L.description||null,id:O,value:s[O],onChange:Q=>N(O,Q.target.value),requiredTag:L.required,children:[h.jsx("option",{value:""}),U.map(Q=>h.jsx("option",{value:Q,children:Q},Q))]})}else return h.jsx(yi,{id:O,label:L.name||O,helptext:L.description||null,type:"text",value:s[O],onChange:U=>N(O,L.type==="number"?parseFloat(U.currentTarget.value):U.currentTarget.value),requiredTag:L.required})};return h.jsxs("div",{className:"pkt-preview",children:[h.jsxs("div",{className:"pkt-preview__component-container","data-mode":p,children:[e["dark-mode"]&&h.jsx("div",{className:"pkt-preview__mode",children:h.jsx(pr,{id:"mode",label:"Dark mode",type:"checkbox",checked:p==="dark",onChange:O=>c(O.target.checked?"dark":"light"),labelPosition:"right",isSwitch:!0})}),h.jsx("div",{className:`pkt-preview__component ${r&&"pkt-preview__component--fullwidth"}`,ref:E,children:h.jsx("div",{children:I})})]}),h.jsx(Ru,{tabs:w,onTabSelected:k}),h.jsxs("div",{className:`pkt-grid pkt-preview__opts ${w[0].active?"":"pkt-hide"}`,children:[((z=e.slots)==null?void 0:z.default)&&!t.props.children&&h.jsxs("div",{className:"pkt-cell pkt-cell--span12 pkt-cell--span6-phablet-up",children:[h.jsx(Cn,{size:"small",skin:"blue-light",textStyle:"thin-text",children:"children"}),h.jsx(yi,{id:"slot",label:"Slot",helptext:e.slots.default.description||"Innholdet i slot",type:"text",value:F,onChange:O=>S(O.currentTarget.value)})]}),e.props&&typeof e.props=="object"&&!Array.isArray(e.props)?Object.entries(e.props).map(([O,L])=>h.jsxs("div",{className:"pkt-cell pkt-cell--span12 pkt-cell--span6-phablet-up",children:[h.jsx(Cn,{size:"small",skin:"blue-light",textStyle:"thin-text",children:O}),H(O,L)]},O)):h.jsx("p",{children:"OBS! Specs mangler props!"})]}),h.jsxs("div",{className:`pkt-preview__code ${w[1].active?"":"pkt-hide"}`,children:[h.jsx(mi,{language:"jsx",style:Iu,children:m}),P("jsx",m)]}),h.jsxs("div",{className:`pkt-preview__code ${w[2].active?"":"pkt-hide"}`,children:[h.jsx(mi,{language:"html",style:Iu,children:d}),P("html",d)]}),h.jsx("div",{className:`pkt-preview__specs ${w[3].active?"":"pkt-hide"}`,children:h.jsx(c2,{specs:e})})]})};Mu.displayName="PktPreview";for(var $e=[],bi=0;bi<256;++bi)$e.push((bi+256).toString(16).slice(1));function p2(e,t=0){return($e[e[t+0]]+$e[e[t+1]]+$e[e[t+2]]+$e[e[t+3]]+"-"+$e[e[t+4]]+$e[e[t+5]]+"-"+$e[e[t+6]]+$e[e[t+7]]+"-"+$e[e[t+8]]+$e[e[t+9]]+"-"+$e[e[t+10]]+$e[e[t+11]]+$e[e[t+12]]+$e[e[t+13]]+$e[e[t+14]]+$e[e[t+15]]).toLowerCase()}var $r,d2=new Uint8Array(16);function f2(){if(!$r&&($r=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!$r))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return $r(d2)}var h2=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const qu={randomUUID:h2};function g2(e,t,r){if(qu.randomUUID&&!t&&!e)return qu.randomUUID();e=e||{};var i=e.random||(e.rng||f2)();if(i[6]=i[6]&15|64,i[8]=i[8]&63|128,t){r=r||0;for(var s=0;s<16;++s)t[r+s]=i[s];return t}return p2(i)}const Hu=R.forwardRef(({valueCurrent:e,valueMin:t=0,valueMax:r=100,skin:i="dark-blue",title:s,titlePosition:o="left",statusType:p="none",statusPlacement:c="following",id:d,ariaLabel:g,ariaLabelledby:m,role:b="progressbar",className:v,ariaValueText:y,...F},S)=>{const w=R.useRef(null),[j,k]=R.useState(0),[E,x]=R.useState(d);R.useEffect(()=>{d||x(g2())},[d]),R.useEffect(()=>{if(w.current){const L=w.current;k(L.getBoundingClientRect().width)}});const A=r-t,T=e/A*100,P=r!==100||t!==0?Math.round(T):e,I=`${e} av ${r}`,N=p!=="none",H=Pe("pkt-progressbar__bar",{[`pkt-progressbar__bar--${i}`]:i}),W=Pe("pkt-progressbar__title",{"pkt-progressbar__title-center":o==="center"}),z=Pe("pkt-progressbar__status",{"pkt-progressbar__status--center":c==="center"}),O=Pe({"pkt-progressbar__status-placement--following":c==="following","pkt-progressbar__status-placement--center":c==="center","pkt-progressbar__status-placement--left":c==="left"});return h.jsxs("div",{...F,ref:S,className:Pe("pkt-progressbar__container",v),id:E,style:{"--pkt-progress-label-width":`${j}px`,"--pkt-progress-width":`${P}%`},children:[s&&h.jsx("p",{id:`${E}-title`,className:W,children:s}),h.jsx("div",{role:b,className:"pkt-progressbar__bar-wrapper","aria-valuemin":t,"aria-valuemax":r,"aria-valuenow":e,"aria-labelledby":m||s&&`${E}-title`,"aria-label":g,"aria-valuetext":y,children:h.jsx("div",{className:H})}),N&&h.jsx("div",{className:z,children:h.jsx("span",{className:O,ref:w,children:p==="percentage"?`${P}%`:I})})]})});Hu.displayName="PktProgressbar";const Uu=R.forwardRef(({id:e,name:t,label:r,className:i,hasTile:s=!1,disabled:o=!1,checkHelptext:p,hasError:c=!1,...d},g)=>{const m=[i,"pkt-input-check"].filter(Boolean).join(" ");return h.jsx("div",{className:m,children:h.jsxs("div",{className:`pkt-input-check__input ${s?"pkt-input-check__input--tile":""} ${o&&s?"pkt-input-check__input--tile-disabled":""}`,children:[h.jsx("input",{ref:g,className:`pkt-input-check__input-checkbox ${c?"pkt-input-check__input-checkbox--error":""}`,type:"radio",id:e,disabled:o,name:t,...d}),h.jsxs("label",{className:"pkt-input-check__input-label",htmlFor:e,children:[r,p&&h.jsx("div",{className:"pkt-input-check__input-helptext",children:p})]})]})})});Uu.displayName="PktRadioButton";const m2=R.forwardRef(({appearance:e="local",disabled:t=!1,fullwidth:r=!1,id:i,label:s,name:o,placeholder:p="Søk…",suggestions:c,value:d="",action:g,method:m,onChange:b,onSearch:v,onSuggestionClick:y,...F},S)=>{const w=(x,A)=>{x?x():y&&y(A)},j=`pkt-searchinput pkt-searchinput--${e} ${r?"pkt-searchinput--fullwidth":""}`,k=s?"label":"div";let E;return g?E=x=>h.jsx("form",{role:"search",className:j,action:g,method:m,children:x}):E=x=>h.jsx("div",{role:"search",className:j,children:x}),E(h.jsxs(h.Fragment,{children:[h.jsxs(k,{htmlFor:s?i:void 0,className:s?"pkt-inputwrapper__label":"",children:[s&&h.jsx(h.Fragment,{children:s}),h.jsxs("div",{className:e==="local"?"pkt-input__container":"pkt-searchinput__field",children:[h.jsx("input",{className:`pkt-input ${r?"pkt-input--fullwidth":""}`,type:"search",name:o||i,id:i,placeholder:p,defaultValue:d,disabled:t,autoComplete:"off","aria-autocomplete":"list",ref:S,"aria-controls":`${i}-suggestions`,onChange:b,...F}),h.jsx(qt,{className:`pkt-searchinput__button ${e==="local"?"pkt-input-icon":""}`,variant:"icon-only",iconName:"magnifying-glass-big",skin:e==="local"?"tertiary":"primary",color:e==="global"?"yellow":void 0,type:"submit",disabled:t,onClick:v&&(()=>v(d)),onKeyUp:v&&(x=>x.key==="Enter"&&v(d)),children:s||p})]})]}),c&&h.jsx("ul",{id:`${i}-suggestions`,className:"pkt-searchinput__suggestions","aria-live":"assertive",children:c.map((x,A)=>h.jsx("li",{children:R.createElement(x.href?"a":x.onClick?"button":"div",{href:x.href,className:`pkt-searchinput__suggestion ${x.onClick?"pkt-link-button":""} ${x.href||x.onClick?"pkt-searchinput__suggestion--has-hover":""}`,type:x.onClick?"button":void 0,onClick:()=>w(x.onClick,A),onKeyUp:()=>w(x.onClick,A)},h.jsxs(h.Fragment,{children:[x.title&&h.jsx("h3",{className:"pkt-searchinput__suggestion-title",children:x.title}),x.text&&h.jsx("p",{className:"pkt-searchinput__suggestion-text",children:x.text})]}))},`search-suggestion-${A}`))})]}))}),D2=R.forwardRef(({activeStep:e,className:t,children:r,hideNonActiveStepsContent:i=!0,orientation:s="vertical",...o},p)=>{const c=Pe(t,"pkt-stepper",s==="horizontal"?"pkt-stepper--horizontal":"pkt-stepper--vertical"),d=R.Children.map(r,(g,m)=>R.isValidElement(g)?R.cloneElement(g,{className:Pe(g.props.className,{"pkt-step--hidden":i&&m!==e})}):g);return h.jsx("ol",{"data-testid":"pkt-stepper",className:c,ref:p,...o,children:d})}),v2=h.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",children:h.jsx("circle",{cx:"12",cy:"12",r:"7",style:{fill:"var(--pkt-color-grays-grey-200, #CCC)"}})}),y2=h.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",children:[h.jsx("circle",{opacity:".15",cx:"12",cy:"12",r:"12",fill:"#2A2859"}),h.jsx("circle",{cx:"12",cy:"12",r:"6",fill:"#2A2859"})]}),b2=h.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",children:[h.jsx("path",{fill:"#2A2859",d:"M3 3h18v18H3z"}),h.jsx("path",{d:"m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z",fill:"#F1FDFF"})]}),C2=({children:e,className:t,status:r="incomplete",title:i})=>h.jsxs("li",{className:Pe("pkt-step",t,`pkt-step--${r}`),"data-testid":"pkt-step",children:[h.jsx("span",{className:"pkt-step__line pkt-step__line--1"}),h.jsx("span",{className:"pkt-step__line pkt-step__line--2"}),h.jsx("span",{className:Pe("pkt-step__indicator"),children:r==="current"?y2:r==="completed"?b2:v2}),h.jsx("span",{className:"pkt-step__line pkt-step__line--3",role:"separator"}),h.jsxs("div",{className:"pkt-step__wrapper",children:[h.jsx("div",{className:"pkt-step__title",children:i}),h.jsx("div",{className:"pkt-step__content",children:e})]})]}),k2=R.forwardRef(({id:e,ariaDescribedby:t,ariaLabelledby:r,counter:i,counterMaxLength:s,className:o,disabled:p,errorMessage:c,hasError:d,helptext:g,helptextDropdown:m,helptextDropdownButton:b,inline:v,fullwidth:y=!1,label:F,name:S,optionalTag:w=!1,optionalText:j,requiredTag:k=!1,requiredText:E,placeholder:x,rows:A,useWrapper:T=!0,onChange:P,...I},N)=>{const H=[o,"pkt-textinput","pkt-textarea"].join(" "),W=r||`${e}-label`,z=R.useRef(null),[O,L]=R.useState(0),U=Q=>{var ue,J;if(i&&L(((J=(ue=Q.currentTarget)==null?void 0:ue.value)==null?void 0:J.length)||0),P)return P(Q)};return R.useEffect(()=>{var Q,ue;typeof N=="function"&&N(z.current),i&&L(((ue=(Q=z==null?void 0:z.current)==null?void 0:Q.value)==null?void 0:ue.length)||0)},[N]),h.jsx(ln,{ariaDescribedby:t,className:H,disabled:p,errorMessage:c,forId:e,hasError:d,helptext:g,helptextDropdown:m,helptextDropdownButton:b,inline:v,label:F,optionalTag:w,optionalText:j,requiredTag:k,requiredText:E,useWrapper:T,counter:i,counterCurrent:O,counterMaxLength:s,children:h.jsx("textarea",{ref:z,className:`pkt-input ${y?"pkt-input--fullwidth":""} ${s&&O>s?"pkt-input--counter-error":""}`,name:S||e,id:e,placeholder:x,disabled:p,rows:A,"aria-labelledby":W,"aria-invalid":d,"aria-errormessage":`${e}-error`,...I,onChange:U})})});Z.PktAccordion=ac,Z.PktAccordionItem=cc,Z.PktAlert=ga,Z.PktBackLink=us,Z.PktBreadcrumbs=pc,Z.PktButton=qt,Z.PktCheckbox=pr,Z.PktFooter=dc,Z.PktFooterSimple=fc,Z.PktHeader=hc,Z.PktIcon=ee,Z.PktIconContext=ss,Z.PktInput=ls,Z.PktInputWrapper=ln,Z.PktLinkCard=cs,Z.PktLoader=ps,Z.PktMessagebox=ds,Z.PktPreview=Mu,Z.PktProgressbar=Hu,Z.PktRadioButton=Uu,Z.PktSearchInput=m2,Z.PktSelect=vi,Z.PktStep=C2,Z.PktStepper=D2,Z.PktTable=Lr,Z.PktTableBody=Or,Z.PktTableDataCell=ot,Z.PktTableHeader=Pr,Z.PktTableHeaderCell=St,Z.PktTableRow=Xt,Z.PktTabs=Ru,Z.PktTag=Cn,Z.PktTextarea=k2,Z.PktTextinput=yi,Object.defineProperty(Z,Symbol.toStringTag,{value:"Module"})});
+`)})})]}):h.jsxs(h.Fragment,{children:[h.jsx(ot,{dataLabel:"Beskrivelse",children:s.description}),h.jsx(ot,{dataLabel:"Type",children:h.jsx("pre",{children:s.type&&t(s.type)})}),h.jsx(ot,{dataLabel:"Standardverdi",children:h.jsx("pre",{children:r(s.default)})})]})]},i))})]}),e.events&&h.jsxs(h.Fragment,{children:[h.jsx("h2",{children:"Hendelser / handlinger"}),h.jsxs(Lr,{compact:!0,children:[h.jsx(Pr,{children:h.jsxs(Xt,{children:[h.jsx(St,{children:"Event"}),h.jsx(St,{children:"Beskrivelse"})]})}),h.jsx(Or,{children:Object.entries(e.events||{}).map(([i,s])=>h.jsxs(Xt,{children:[h.jsx(ot,{dataLabel:"Event",children:h.jsx("pre",{children:i})}),h.jsx(ot,{dataLabel:"Beskrivelse",children:s.description})]},i))})]})]}),e.slots&&h.jsxs(h.Fragment,{children:[h.jsx("h2",{children:"Innhold"}),h.jsxs(Lr,{compact:!0,children:[h.jsx(Pr,{children:h.jsxs(Xt,{children:[h.jsx(St,{children:"Slot"}),h.jsx(St,{children:"Beskrivelse"})]})}),h.jsx(Or,{children:Object.entries(e.slots||{}).map(([i,s])=>h.jsxs(Xt,{children:[h.jsx(ot,{dataLabel:"Slot",children:h.jsx("pre",{children:i})}),h.jsx(ot,{dataLabel:"Beskrivelse",children:s.description})]},i))})]})]})]})};mi.registerLanguage("jsx",u2);const Mu=({specs:e,children:t,fullWidth:r})=>{var W,z;const i=e.props&&typeof e.props=="object"&&!Array.isArray(e.props)?Object.entries(e.props).reduce((O,[L,U])=>(typeof U=="object"&&!Array.isArray(U)&&U.default!==void 0&&(U.default==="false"&&(U.default=!1),U.default==="true"&&(U.default=!0),O[L]=U.default),O),{}):{},[s,o]=R.useState(i),[p,c]=R.useState("light"),[d,g]=R.useState(""),[m,b]=R.useState(""),[v,y]=R.useState(""),[F,S]=R.useState("Rediger innhold"),[w,j]=R.useState([{text:"Rediger",icon:"adjust",active:!0},{text:"Kode (React)",icon:"react",active:!1},{text:"Kode (HTML)",icon:"code",active:!1},{text:"Egenskaper",icon:"list",active:!1}]),k=O=>{O>0&&(O===1?A():x()),y(""),j(L=>L.map((U,Q)=>({...U,active:Q===O})))},E=R.useRef(null),x=async()=>{const O=await Ga(E.current.innerHTML,{parser:"html",plugins:[mh]});g(O)},A=async()=>{const O=ip(I);b(O)},T=(O,L)=>{navigator.clipboard.writeText(L).then(()=>{y(O),console.log("Copied to clipboard",O)})},P=(O,L)=>h.jsxs("div",{className:"pkt-preview__copy",children:[v===O&&h.jsx("span",{className:"pkt-preview__copied",children:"Kode kopiert til utklippstavle"}),h.jsx(qt,{skin:"tertiary",variant:"icon-only",size:"small",iconName:"copy",onClick:()=>T(O,L),children:"Kopier kode"})]}),I=R.isValidElement(t)&&R.cloneElement(t,{...s},t.props.children?t.props.children:(W=e.slots)!=null&&W.default?F:null),N=(O,L,U=!1)=>{if(!U&&(!L||L=="false")){const{[O]:Q,...ue}=s;o(ue)}else o(Q=>({...Q,[O]:L}))},H=(O,L)=>{if(L.type==="boolean")return h.jsx(ln,{label:L.name||O,forId:O,helptext:L.description||null,hasFieldset:!0,requiredTag:L.required,children:h.jsx(pr,{id:O,label:O,type:"checkbox",checked:s[O],onChange:U=>N(O,U.target.checked,L.displayAsFalse),labelPosition:"right",isSwitch:!0})});if(L.type==="icon")return h.jsxs(vi,{label:L.name||O,helptext:L.description||null,id:O,value:s[O],onChange:U=>N(O,U.target.value),requiredTag:L.required,children:[h.jsx("option",{value:""}),l2.map(U=>h.jsx("option",{value:U.id,children:U.id},U.id))]});if(Array.isArray(L)||Array.isArray(L.type)||Array.isArray(L.values)){const U=Array.isArray(L)?L:L.values||L.type;return h.jsxs(vi,{label:L.name||O,helptext:L.description||null,id:O,value:s[O],onChange:Q=>N(O,Q.target.value),requiredTag:L.required,children:[h.jsx("option",{value:""}),U.map(Q=>h.jsx("option",{value:Q,children:Q},Q))]})}else return h.jsx(yi,{id:O,label:L.name||O,helptext:L.description||null,type:"text",value:s[O],onChange:U=>N(O,L.type==="number"?parseFloat(U.currentTarget.value):U.currentTarget.value),requiredTag:L.required})};return h.jsxs("div",{className:"pkt-preview",children:[h.jsxs("div",{className:"pkt-preview__component-container","data-mode":p,children:[e["dark-mode"]&&h.jsx("div",{className:"pkt-preview__mode",children:h.jsx(pr,{id:"mode",label:"Dark mode",type:"checkbox",checked:p==="dark",onChange:O=>c(O.target.checked?"dark":"light"),labelPosition:"right",isSwitch:!0})}),h.jsx("div",{className:`pkt-preview__component ${r&&"pkt-preview__component--fullwidth"}`,ref:E,children:h.jsx("div",{children:I})})]}),h.jsx(Ru,{tabs:w,onTabSelected:k}),h.jsxs("div",{className:`pkt-grid pkt-preview__opts ${w[0].active?"":"pkt-hide"}`,children:[((z=e.slots)==null?void 0:z.default)&&!t.props.children&&h.jsxs("div",{className:"pkt-cell pkt-cell--span12 pkt-cell--span6-phablet-up",children:[h.jsx(Cn,{size:"small",skin:"blue-light",textStyle:"thin-text",children:"children"}),h.jsx(yi,{id:"slot",label:"Slot",helptext:e.slots.default.description||"Innholdet i slot",type:"text",value:F,onChange:O=>S(O.currentTarget.value)})]}),e.props&&typeof e.props=="object"&&!Array.isArray(e.props)?Object.entries(e.props).map(([O,L])=>h.jsxs("div",{className:"pkt-cell pkt-cell--span12 pkt-cell--span6-phablet-up",children:[h.jsx(Cn,{size:"small",skin:"blue-light",textStyle:"thin-text",children:O}),H(O,L)]},O)):h.jsx("p",{children:"OBS! Specs mangler props!"})]}),h.jsxs("div",{className:`pkt-preview__code ${w[1].active?"":"pkt-hide"}`,children:[h.jsx(mi,{language:"jsx",style:Iu,children:m}),P("jsx",m)]}),h.jsxs("div",{className:`pkt-preview__code ${w[2].active?"":"pkt-hide"}`,children:[h.jsx(mi,{language:"html",style:Iu,children:d}),P("html",d)]}),h.jsx("div",{className:`pkt-preview__specs ${w[3].active?"":"pkt-hide"}`,children:h.jsx(c2,{specs:e})})]})};Mu.displayName="PktPreview";for(var $e=[],bi=0;bi<256;++bi)$e.push((bi+256).toString(16).slice(1));function p2(e,t=0){return($e[e[t+0]]+$e[e[t+1]]+$e[e[t+2]]+$e[e[t+3]]+"-"+$e[e[t+4]]+$e[e[t+5]]+"-"+$e[e[t+6]]+$e[e[t+7]]+"-"+$e[e[t+8]]+$e[e[t+9]]+"-"+$e[e[t+10]]+$e[e[t+11]]+$e[e[t+12]]+$e[e[t+13]]+$e[e[t+14]]+$e[e[t+15]]).toLowerCase()}var $r,d2=new Uint8Array(16);function f2(){if(!$r&&($r=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!$r))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return $r(d2)}var h2=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const qu={randomUUID:h2};function g2(e,t,r){if(qu.randomUUID&&!t&&!e)return qu.randomUUID();e=e||{};var i=e.random||(e.rng||f2)();if(i[6]=i[6]&15|64,i[8]=i[8]&63|128,t){r=r||0;for(var s=0;s<16;++s)t[r+s]=i[s];return t}return p2(i)}const Hu=R.forwardRef(({valueCurrent:e,valueMin:t=0,valueMax:r=100,skin:i="dark-blue",title:s,titlePosition:o="left",statusType:p="none",statusPlacement:c="following",id:d,ariaLabel:g,ariaLabelledby:m,role:b="progressbar",className:v,ariaValueText:y,...F},S)=>{const w=R.useRef(null),[j,k]=R.useState(0),[E,x]=R.useState(d);R.useEffect(()=>{d||x(g2())},[d]),R.useEffect(()=>{if(w.current){const L=w.current;k(L.getBoundingClientRect().width)}});const A=r-t,T=e/A*100,P=r!==100||t!==0?Math.round(T):e,I=`${e} av ${r}`,N=p!=="none",H=Pe("pkt-progressbar__bar",{[`pkt-progressbar__bar--${i}`]:i}),W=Pe("pkt-progressbar__title",{"pkt-progressbar__title-center":o==="center"}),z=Pe("pkt-progressbar__status",{"pkt-progressbar__status--center":c==="center"}),O=Pe({"pkt-progressbar__status-placement--following":c==="following","pkt-progressbar__status-placement--center":c==="center","pkt-progressbar__status-placement--left":c==="left"});return h.jsxs("div",{...F,ref:S,className:Pe("pkt-progressbar__container",v),id:E,style:{"--pkt-progress-label-width":`${j}px`,"--pkt-progress-width":`${P}%`},children:[s&&h.jsx("p",{id:`${E}-title`,className:W,children:s}),h.jsx("div",{role:b,className:"pkt-progressbar__bar-wrapper","aria-valuemin":t,"aria-valuemax":r,"aria-valuenow":e,"aria-labelledby":m||s&&`${E}-title`,"aria-label":g,"aria-valuetext":y,children:h.jsx("div",{className:H})}),N&&h.jsx("div",{className:z,children:h.jsx("span",{className:O,ref:w,children:p==="percentage"?`${P}%`:I})})]})});Hu.displayName="PktProgressbar";const Uu=R.forwardRef(({id:e,name:t,label:r,className:i,hasTile:s=!1,disabled:o=!1,checkHelptext:p,hasError:c=!1,...d},g)=>{const m=[i,"pkt-input-check"].filter(Boolean).join(" ");return h.jsx("div",{className:m,children:h.jsxs("div",{className:`pkt-input-check__input ${s?"pkt-input-check__input--tile":""} ${o&&s?"pkt-input-check__input--tile-disabled":""}`,children:[h.jsx("input",{ref:g,className:`pkt-input-check__input-checkbox ${c?"pkt-input-check__input-checkbox--error":""}`,type:"radio",id:e,disabled:o,name:t,...d}),h.jsxs("label",{className:"pkt-input-check__input-label",htmlFor:e,children:[r,p&&h.jsx("div",{className:"pkt-input-check__input-helptext",children:p})]})]})})});Uu.displayName="PktRadioButton";const m2=R.forwardRef(({appearance:e="local",disabled:t=!1,fullwidth:r=!1,id:i,label:s,name:o,placeholder:p="Søk…",suggestions:c,value:d="",action:g,method:m,onChange:b,onSearch:v,onSuggestionClick:y,...F},S)=>{const w=(x,A)=>{x?x():y&&y(A)},j=`pkt-searchinput pkt-searchinput--${e} ${r?"pkt-searchinput--fullwidth":""}`,k=s?"label":"div";let E;return g?E=x=>h.jsx("form",{role:"search",className:j,action:g,method:m,children:x}):E=x=>h.jsx("div",{role:"search",className:j,children:x}),E(h.jsxs(h.Fragment,{children:[h.jsxs(k,{htmlFor:s?i:void 0,className:s?"pkt-inputwrapper__label":"",children:[s&&h.jsx(h.Fragment,{children:s}),h.jsxs("div",{className:e==="local"?"pkt-input__container":"pkt-searchinput__field",children:[h.jsx("input",{className:`pkt-input ${r?"pkt-input--fullwidth":""}`,type:"search",name:o||i,id:i,placeholder:p,defaultValue:d,disabled:t,autoComplete:"off","aria-autocomplete":"list",ref:S,"aria-controls":`${i}-suggestions`,onChange:b,...F}),h.jsx(qt,{className:`pkt-searchinput__button ${e==="local"?"pkt-input-icon":""}`,variant:"icon-only",iconName:"magnifying-glass-big",skin:e==="local"?"tertiary":"primary",color:e==="global"?"yellow":void 0,type:"submit",disabled:t,onClick:v&&(()=>v(d)),onKeyUp:v&&(x=>x.key==="Enter"&&v(d)),children:s||p})]})]}),c&&h.jsx("ul",{id:`${i}-suggestions`,className:"pkt-searchinput__suggestions","aria-live":"assertive",children:c.map((x,A)=>h.jsx("li",{children:R.createElement(x.href?"a":x.onClick?"button":"div",{href:x.href,className:`pkt-searchinput__suggestion ${x.onClick?"pkt-link-button":""} ${x.href||x.onClick?"pkt-searchinput__suggestion--has-hover":""}`,type:x.onClick?"button":void 0,onClick:()=>w(x.onClick,A),onKeyUp:()=>w(x.onClick,A)},h.jsxs(h.Fragment,{children:[x.title&&h.jsx("h3",{className:"pkt-searchinput__suggestion-title",children:x.title}),x.text&&h.jsx("p",{className:"pkt-searchinput__suggestion-text",children:x.text})]}))},`search-suggestion-${A}`))})]}))}),D2=R.forwardRef(({activeStep:e,className:t,children:r,hideNonActiveStepsContent:i=!0,orientation:s="vertical",...o},p)=>{const c=Pe(t,"pkt-stepper",s==="horizontal"?"pkt-stepper--horizontal":"pkt-stepper--vertical"),d=R.Children.map(r,(g,m)=>R.isValidElement(g)?R.cloneElement(g,{className:Pe(g.props.className,{"pkt-step--hidden":i&&m!==e})}):g);return h.jsx("ol",{"data-testid":"pkt-stepper",className:c,ref:p,...o,children:d})}),v2=h.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",children:h.jsx("circle",{cx:"12",cy:"12",r:"7",style:{fill:"var(--pkt-color-grays-grey-200, #CCC)"}})}),y2=h.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",children:[h.jsx("circle",{opacity:".15",cx:"12",cy:"12",r:"12",fill:"#2A2859"}),h.jsx("circle",{cx:"12",cy:"12",r:"6",fill:"#2A2859"})]}),b2=h.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",children:[h.jsx("path",{fill:"#2A2859",d:"M3 3h18v18H3z"}),h.jsx("path",{d:"m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z",fill:"#F1FDFF"})]}),C2=({children:e,className:t,status:r="incomplete",title:i})=>h.jsxs("li",{className:Pe("pkt-step",t,`pkt-step--${r}`),"data-testid":"pkt-step",children:[h.jsx("span",{className:"pkt-step__line pkt-step__line--1","aria-hidden":!0}),h.jsx("span",{className:"pkt-step__line pkt-step__line--2","aria-hidden":!0}),h.jsx("span",{className:Pe("pkt-step__indicator"),children:r==="current"?y2:r==="completed"?b2:v2}),h.jsx("span",{className:"pkt-step__line pkt-step__line--3","aria-hidden":!0}),h.jsxs("div",{className:"pkt-step__wrapper",children:[h.jsx("div",{className:"pkt-step__title",children:i}),h.jsx("div",{className:"pkt-step__content",children:e})]})]}),k2=R.forwardRef(({id:e,ariaDescribedby:t,ariaLabelledby:r,counter:i,counterMaxLength:s,className:o,disabled:p,errorMessage:c,hasError:d,helptext:g,helptextDropdown:m,helptextDropdownButton:b,inline:v,fullwidth:y=!1,label:F,name:S,optionalTag:w=!1,optionalText:j,requiredTag:k=!1,requiredText:E,placeholder:x,rows:A,useWrapper:T=!0,onChange:P,...I},N)=>{const H=[o,"pkt-textinput","pkt-textarea"].join(" "),W=r||`${e}-label`,z=R.useRef(null),[O,L]=R.useState(0),U=Q=>{var ue,J;if(i&&L(((J=(ue=Q.currentTarget)==null?void 0:ue.value)==null?void 0:J.length)||0),P)return P(Q)};return R.useEffect(()=>{var Q,ue;typeof N=="function"&&N(z.current),i&&L(((ue=(Q=z==null?void 0:z.current)==null?void 0:Q.value)==null?void 0:ue.length)||0)},[N]),h.jsx(ln,{ariaDescribedby:t,className:H,disabled:p,errorMessage:c,forId:e,hasError:d,helptext:g,helptextDropdown:m,helptextDropdownButton:b,inline:v,label:F,optionalTag:w,optionalText:j,requiredTag:k,requiredText:E,useWrapper:T,counter:i,counterCurrent:O,counterMaxLength:s,children:h.jsx("textarea",{ref:z,className:`pkt-input ${y?"pkt-input--fullwidth":""} ${s&&O>s?"pkt-input--counter-error":""}`,name:S||e,id:e,placeholder:x,disabled:p,rows:A,"aria-labelledby":W,"aria-invalid":d,"aria-errormessage":`${e}-error`,...I,onChange:U})})});Z.PktAccordion=ac,Z.PktAccordionItem=cc,Z.PktAlert=ga,Z.PktBackLink=us,Z.PktBreadcrumbs=pc,Z.PktButton=qt,Z.PktCheckbox=pr,Z.PktFooter=dc,Z.PktFooterSimple=fc,Z.PktHeader=hc,Z.PktIcon=ee,Z.PktIconContext=ss,Z.PktInput=ls,Z.PktInputWrapper=ln,Z.PktLinkCard=cs,Z.PktLoader=ps,Z.PktMessagebox=ds,Z.PktPreview=Mu,Z.PktProgressbar=Hu,Z.PktRadioButton=Uu,Z.PktSearchInput=m2,Z.PktSelect=vi,Z.PktStep=C2,Z.PktStepper=D2,Z.PktTable=Lr,Z.PktTableBody=Or,Z.PktTableDataCell=ot,Z.PktTableHeader=Pr,Z.PktTableHeaderCell=St,Z.PktTableRow=Xt,Z.PktTabs=Ru,Z.PktTag=Cn,Z.PktTextarea=k2,Z.PktTextinput=yi,Object.defineProperty(Z,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-react",
-  "version": "11.19.1",
+  "version": "11.19.2",
   "description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -40,7 +40,7 @@
   },
   "devDependencies": {
     "@oslokommune/punkt-assets": "^11.17.0",
-    "@oslokommune/punkt-css": "^11.18.0",
+    "@oslokommune/punkt-css": "^11.19.2",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
     "@testing-library/user-event": "^14.5.2",
@@ -98,5 +98,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "1c7ec0af2785d72028eb6b291b8a5c95f2f8a6aa"
+  "gitHead": "0ca7c50fc32c471a63615349ecee431fd30f7a72"
 }

package/src/components/stepper/Step.tsx

@@ -44,12 +44,12 @@ const completedStepSVG = (
 export const PktStep = ({ children, className, status = 'incomplete', title }: IPktStep) => {
   return (
     <li className={cn('pkt-step', className, `pkt-step--${status}`)} data-testid="pkt-step">
-      <span className="pkt-step__line pkt-step__line--1"></span>
-      <span className="pkt-step__line pkt-step__line--2"></span>
+      <span className="pkt-step__line pkt-step__line--1" aria-hidden></span>
+      <span className="pkt-step__line pkt-step__line--2" aria-hidden></span>
       <span className={cn('pkt-step__indicator')}>
         {status === 'current' ? currentStepSVG : status === 'completed' ? completedStepSVG : incompleteStepSVG}
       </span>
-      <span className="pkt-step__line pkt-step__line--3" role="separator" />
+      <span className="pkt-step__line pkt-step__line--3" aria-hidden />
       <div className="pkt-step__wrapper">
         <div className="pkt-step__title">{title}</div>
         <div className="pkt-step__content">{children}</div>