@oslokommune/punkt-react 12.26.0 → 12.26.2

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.
@@ -25032,10 +25032,10 @@ Pc([
25032
25032
  ae({ type: String, reflect: !0 })
25033
25033
  ], Sl.prototype, "iconName", 2);
25034
25034
  Pc([
25035
- ae({ type: String, reflect: !0 })
25035
+ ae({ type: String })
25036
25036
  ], Sl.prototype, "type", 2);
25037
25037
  Pc([
25038
- ae({ type: String, reflect: !0 })
25038
+ ae({ type: String })
25039
25039
  ], Sl.prototype, "ariaLabel", 2);
25040
25040
  Pc([
25041
25041
  pa()
@@ -488,7 +488,7 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
488
488
  ${this.iconName&&Qe` <pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon> `}
489
489
  <span ${kr(this.defaultSlot)}></span>
490
490
  </span>
491
- `}};Tu([ae({type:Boolean,reflect:!0})],qs.prototype,"closeTag",2),Tu([ae({type:String,reflect:!0})],qs.prototype,"size",2),Tu([ae({type:String,reflect:!0})],qs.prototype,"skin",2),Tu([ae({type:String,reflect:!0})],qs.prototype,"textStyle",2),Tu([ae({type:String,reflect:!0})],qs.prototype,"iconName",2),Tu([ae({type:String,reflect:!0})],qs.prototype,"type",2),Tu([ae({type:String,reflect:!0})],qs.prototype,"ariaLabel",2),Tu([ta()],qs.prototype,"_isClosed",2),qs=Tu([$a("pkt-tag")],qs);const d$="pkt-card",p$=!0,f$={heading:{type:"string",name:"Heading",description:"Tittel på kortet"},subheading:{type:"string",name:"Subheading",description:"Undertittel på kortet"},skin:{type:["outlined","gray","blue","beige","green"],name:"Skin",description:"Farge på kortet",default:"outlined"},direction:{type:["landscape","portrait"],name:"Direction",description:"Retningen innholdet skal ligge i forhold til kortet",default:"portrait"},tags:{type:"array",description:"Liste av tags på kortet. Tar inn en array med objekter med følgende stringproperties: skin, iconName, ariaLabel, text",name:"Tags",items:{type:"object",properties:{skin:{type:["blue","green","red","yellow"],description:"Farge på tag"},iconName:{type:"icon",description:"Id på ikonet du ønsker å bruke til tag"},ariaLabel:{type:"string",description:"Tekst for aria-label"},text:{type:"string",description:"Tekst på tag",required:!0}}}},image:{type:"object",name:"Bilde",description:"Bilde på kortet. Tar inn et objekt av typen {src: string, alt: string}. src er stien til bildet, og alt er tekst for aria-label.",properties:{src:{type:"string",description:"Bilde på kortet",required:!0},alt:{type:"string",description:"Tekst for aria-label",required:!0}}}},h$={default:{description:"Innholdet i kortet"}},rC={name:d$,"css-class":"pkt-card",isElement:p$,props:f$,slots:h$};var m$=Object.defineProperty,g$=Object.getOwnPropertyDescriptor,bp=(n,r,s,u)=>{for(var f=u>1?void 0:u?g$(r,s):r,g=n.length-1,v;g>=0;g--)(v=n[g])&&(f=(u?v(r,s,f):v(f))||f);return u&&f&&m$(r,s,f),f};let Au=class extends wi{constructor(){super(),this.defaultSlot=Pr(),this.skin=rC.props.skin.default,this.direction=rC.props.direction.default,this.image={src:"",alt:""},this.heading="",this.subheading="",this.tags=[],this.slotController=new Eu(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){const r={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.direction}`]:this.direction};return Qe`
491
+ `}};Tu([ae({type:Boolean,reflect:!0})],qs.prototype,"closeTag",2),Tu([ae({type:String,reflect:!0})],qs.prototype,"size",2),Tu([ae({type:String,reflect:!0})],qs.prototype,"skin",2),Tu([ae({type:String,reflect:!0})],qs.prototype,"textStyle",2),Tu([ae({type:String,reflect:!0})],qs.prototype,"iconName",2),Tu([ae({type:String})],qs.prototype,"type",2),Tu([ae({type:String})],qs.prototype,"ariaLabel",2),Tu([ta()],qs.prototype,"_isClosed",2),qs=Tu([$a("pkt-tag")],qs);const d$="pkt-card",p$=!0,f$={heading:{type:"string",name:"Heading",description:"Tittel på kortet"},subheading:{type:"string",name:"Subheading",description:"Undertittel på kortet"},skin:{type:["outlined","gray","blue","beige","green"],name:"Skin",description:"Farge på kortet",default:"outlined"},direction:{type:["landscape","portrait"],name:"Direction",description:"Retningen innholdet skal ligge i forhold til kortet",default:"portrait"},tags:{type:"array",description:"Liste av tags på kortet. Tar inn en array med objekter med følgende stringproperties: skin, iconName, ariaLabel, text",name:"Tags",items:{type:"object",properties:{skin:{type:["blue","green","red","yellow"],description:"Farge på tag"},iconName:{type:"icon",description:"Id på ikonet du ønsker å bruke til tag"},ariaLabel:{type:"string",description:"Tekst for aria-label"},text:{type:"string",description:"Tekst på tag",required:!0}}}},image:{type:"object",name:"Bilde",description:"Bilde på kortet. Tar inn et objekt av typen {src: string, alt: string}. src er stien til bildet, og alt er tekst for aria-label.",properties:{src:{type:"string",description:"Bilde på kortet",required:!0},alt:{type:"string",description:"Tekst for aria-label",required:!0}}}},h$={default:{description:"Innholdet i kortet"}},rC={name:d$,"css-class":"pkt-card",isElement:p$,props:f$,slots:h$};var m$=Object.defineProperty,g$=Object.getOwnPropertyDescriptor,bp=(n,r,s,u)=>{for(var f=u>1?void 0:u?g$(r,s):r,g=n.length-1,v;g>=0;g--)(v=n[g])&&(f=(u?v(r,s,f):v(f))||f);return u&&f&&m$(r,s,f),f};let Au=class extends wi{constructor(){super(),this.defaultSlot=Pr(),this.skin=rC.props.skin.default,this.direction=rC.props.direction.default,this.image={src:"",alt:""},this.heading="",this.subheading="",this.tags=[],this.slotController=new Eu(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){const r={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.direction}`]:this.direction};return Qe`
492
492
  <div class=${An(r)}>
493
493
  ${this.image.src&&Qe`
494
494
  <div class="pkt-card__image">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oslokommune/punkt-react",
3
- "version": "12.26.0",
3
+ "version": "12.26.2",
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",
@@ -38,7 +38,7 @@
38
38
  "dependencies": {
39
39
  "@lit-labs/ssr-dom-shim": "^1.2.1",
40
40
  "@lit/react": "^1.0.5",
41
- "@oslokommune/punkt-elements": "^12.26.0",
41
+ "@oslokommune/punkt-elements": "^12.26.2",
42
42
  "angular-html-parser": "^6.0.2",
43
43
  "html-format": "^1.1.7",
44
44
  "prettier": "^3.3.3",
@@ -111,5 +111,5 @@
111
111
  "url": "https://github.com/oslokommune/punkt/issues"
112
112
  },
113
113
  "license": "MIT",
114
- "gitHead": "d53ac4282cddb23a055e3d81337eb533d3abd068"
114
+ "gitHead": "40edb9d3d4eab9308ced03492923de706deff59d"
115
115
  }