@oslokommune/punkt-react 13.5.0 → 13.5.1

package/dist/punkt-react.es.js

@@ -24809,7 +24809,7 @@ let fh = class extends zS {
     super.connectedCallback(), this.setAttribute("role", "heading"), this.setAttribute("aria-level", String(this.level)), this.updateHostClasses();
   }
   attributeChangedCallback(t, a, o) {
-    super.attributeChangedCallback(t, a, o), t === "level" && o && this.setLevel(Number(o)), (t === "size" || t === "visuallyHidden" || t === "align") && this.updateHostClasses();
+    super.attributeChangedCallback(t, a, o), t === "level" && o && this.setLevel(Number(o)), t === "visuallyHidden" && (this.visuallyHidden = o !== null && o !== "false"), (t === "size" || t === "visuallyHidden" || t === "align") && this.updateHostClasses();
   }
   updated(t) {
     super.updated(t), t.has("level") && this.setLevel(this.level), (t.has("size") || t.has("visuallyHidden") || t.has("align")) && this.updateHostClasses();

package/dist/punkt-react.umd.js

@@ -564,7 +564,7 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
           ${this.iconName&&Se`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
           <span ${fn(this.defaultSlot)}></span>
         </span>
-      `}};vu([G({type:Boolean,reflect:!0})],Ls.prototype,"closeTag",2),vu([G({type:String,reflect:!0})],Ls.prototype,"size",2),vu([G({type:String,reflect:!0})],Ls.prototype,"skin",2),vu([G({type:String,reflect:!0})],Ls.prototype,"textStyle",2),vu([G({type:String,reflect:!0})],Ls.prototype,"iconName",2),vu([G({type:String})],Ls.prototype,"type",2),vu([G({type:String})],Ls.prototype,"ariaLabel",2),vu([Fn()],Ls.prototype,"_isClosed",2),vu([Fn()],Ls.prototype,"_ariaDescription",2),Ls=vu([hr("pkt-tag")],Ls);var oH=Object.defineProperty,sH=Object.getOwnPropertyDescriptor,Km=(e,t,a,o)=>{for(var u=o>1?void 0:o?sH(t,a):t,d=e.length-1,f;d>=0;d--)(f=e[d])&&(u=(o?f(t,a,u):f(u))||u);return o&&u&&oH(t,a,u),u};let Gp=class extends dy{constructor(){super(...arguments),this.size="medium",this.level=2,this.visuallyHidden=!1,this.align="start"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","heading"),this.setAttribute("aria-level",String(this.level)),this.updateHostClasses()}attributeChangedCallback(t,a,o){super.attributeChangedCallback(t,a,o),t==="level"&&o&&this.setLevel(Number(o)),(t==="size"||t==="visuallyHidden"||t==="align")&&this.updateHostClasses()}updated(t){super.updated(t),t.has("level")&&this.setLevel(this.level),(t.has("size")||t.has("visuallyHidden")||t.has("align"))&&this.updateHostClasses()}setLevel(t){t>=1&&t<=6?(this.level=t,this.setAttribute("aria-level",String(t))):console.warn(`Invalid heading level: ${t}. Must be between 1 and 6.`)}updateHostClasses(){this.classList.remove("pkt-heading","pkt-heading--xsmall","pkt-heading--small","pkt-heading--medium","pkt-heading--large","pkt-heading--xlarge","pkt-sr-only","pkt-heading--start","pkt-heading--center","pkt-heading--end"),this.classList.add("pkt-heading"),this.size&&this.classList.add(`pkt-heading--${this.size}`),this.visuallyHidden&&this.classList.add("pkt-sr-only"),this.align&&this.classList.add(`pkt-heading--${this.align}`)}render(){return Se`<slot></slot>`}};Km([G({type:String,reflect:!0})],Gp.prototype,"size",2),Km([G({type:Number,reflect:!0})],Gp.prototype,"level",2),Km([G({type:Boolean,reflect:!0})],Gp.prototype,"visuallyHidden",2),Km([G({type:String,reflect:!0})],Gp.prototype,"align",2),Gp=Km([hr("pkt-heading")],Gp);const lH={layout:{default:"vertical"},skin:{type:["outlined","outlined-beige","gray","blue","beige","green"],default:"outlined"},padding:{default:"default"}},Mh={props:lH};var uH=Object.defineProperty,cH=Object.getOwnPropertyDescriptor,ri=(e,t,a,o)=>{for(var u=o>1?void 0:o?cH(t,a):t,d=e.length-1,f;d>=0;d--)(f=e[d])&&(u=(o?f(t,a,u):f(u))||u);return o&&u&&uH(t,a,u),u};let Ca=class extends pa{constructor(){super(),this.defaultSlot=gn(),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=Mh.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=Mh.props.padding.default,this.skin=Mh.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[],this.slotController=new qa(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){var t,a;const o={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},u=((t=this.ariaLabel)==null?void 0:t.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),d=((a=this.ariaLabel)==null?void 0:a.trim())||(this.heading?this.heading:"kort");return Se`
+      `}};vu([G({type:Boolean,reflect:!0})],Ls.prototype,"closeTag",2),vu([G({type:String,reflect:!0})],Ls.prototype,"size",2),vu([G({type:String,reflect:!0})],Ls.prototype,"skin",2),vu([G({type:String,reflect:!0})],Ls.prototype,"textStyle",2),vu([G({type:String,reflect:!0})],Ls.prototype,"iconName",2),vu([G({type:String})],Ls.prototype,"type",2),vu([G({type:String})],Ls.prototype,"ariaLabel",2),vu([Fn()],Ls.prototype,"_isClosed",2),vu([Fn()],Ls.prototype,"_ariaDescription",2),Ls=vu([hr("pkt-tag")],Ls);var oH=Object.defineProperty,sH=Object.getOwnPropertyDescriptor,Km=(e,t,a,o)=>{for(var u=o>1?void 0:o?sH(t,a):t,d=e.length-1,f;d>=0;d--)(f=e[d])&&(u=(o?f(t,a,u):f(u))||u);return o&&u&&oH(t,a,u),u};let Gp=class extends dy{constructor(){super(...arguments),this.size="medium",this.level=2,this.visuallyHidden=!1,this.align="start"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","heading"),this.setAttribute("aria-level",String(this.level)),this.updateHostClasses()}attributeChangedCallback(t,a,o){super.attributeChangedCallback(t,a,o),t==="level"&&o&&this.setLevel(Number(o)),t==="visuallyHidden"&&(this.visuallyHidden=o!==null&&o!=="false"),(t==="size"||t==="visuallyHidden"||t==="align")&&this.updateHostClasses()}updated(t){super.updated(t),t.has("level")&&this.setLevel(this.level),(t.has("size")||t.has("visuallyHidden")||t.has("align"))&&this.updateHostClasses()}setLevel(t){t>=1&&t<=6?(this.level=t,this.setAttribute("aria-level",String(t))):console.warn(`Invalid heading level: ${t}. Must be between 1 and 6.`)}updateHostClasses(){this.classList.remove("pkt-heading","pkt-heading--xsmall","pkt-heading--small","pkt-heading--medium","pkt-heading--large","pkt-heading--xlarge","pkt-sr-only","pkt-heading--start","pkt-heading--center","pkt-heading--end"),this.classList.add("pkt-heading"),this.size&&this.classList.add(`pkt-heading--${this.size}`),this.visuallyHidden&&this.classList.add("pkt-sr-only"),this.align&&this.classList.add(`pkt-heading--${this.align}`)}render(){return Se`<slot></slot>`}};Km([G({type:String,reflect:!0})],Gp.prototype,"size",2),Km([G({type:Number,reflect:!0})],Gp.prototype,"level",2),Km([G({type:Boolean,reflect:!0})],Gp.prototype,"visuallyHidden",2),Km([G({type:String,reflect:!0})],Gp.prototype,"align",2),Gp=Km([hr("pkt-heading")],Gp);const lH={layout:{default:"vertical"},skin:{type:["outlined","outlined-beige","gray","blue","beige","green"],default:"outlined"},padding:{default:"default"}},Mh={props:lH};var uH=Object.defineProperty,cH=Object.getOwnPropertyDescriptor,ri=(e,t,a,o)=>{for(var u=o>1?void 0:o?cH(t,a):t,d=e.length-1,f;d>=0;d--)(f=e[d])&&(u=(o?f(t,a,u):f(u))||u);return o&&u&&uH(t,a,u),u};let Ca=class extends pa{constructor(){super(),this.defaultSlot=gn(),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=Mh.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=Mh.props.padding.default,this.skin=Mh.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[],this.slotController=new qa(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){var t,a;const o={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},u=((t=this.ariaLabel)==null?void 0:t.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),d=((a=this.ariaLabel)==null?void 0:a.trim())||(this.heading?this.heading:"kort");return Se`
       <article
         class=${Jt(o)}
         aria-label=${Ut(this.clickCardLink?u:d)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-react",
-  "version": "13.5.0",
+  "version": "13.5.1",
   "description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -38,7 +38,7 @@
   "dependencies": {
     "@lit-labs/ssr-dom-shim": "^1.2.1",
     "@lit/react": "^1.0.7",
-    "@oslokommune/punkt-elements": "^13.5.0",
+    "@oslokommune/punkt-elements": "^13.5.1",
     "prettier": "^3.3.3",
     "react-element-to-jsx-string": "^15.0.0",
     "react-hook-form": "^7.53.0",
@@ -110,5 +110,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "5838a97cda7abfca773d36181a7ebf47343880e4"
+  "gitHead": "5892d94f903527e3e228915d86653bfbfdf209c8"
 }