@warp-ds/elements 2.10.0-next.1 → 2.10.0-next.3

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.
Files changed (84) hide show
  1. package/dist/custom-elements.json +146 -69
  2. package/dist/docs/card/accessibility.md +74 -0
  3. package/dist/docs/card/api.md +9 -3
  4. package/dist/docs/card/card.md +234 -3
  5. package/dist/docs/card/examples.md +75 -0
  6. package/dist/docs/card/usage.md +76 -0
  7. package/dist/docs/combobox/accessibility.md +71 -0
  8. package/dist/docs/combobox/api.md +60 -30
  9. package/dist/docs/combobox/combobox.md +203 -30
  10. package/dist/docs/combobox/examples.md +44 -0
  11. package/dist/docs/combobox/usage.md +28 -0
  12. package/dist/docs/icon/accessibility.md +5 -0
  13. package/dist/docs/icon/api.md +37 -0
  14. package/dist/docs/icon/examples.md +45 -0
  15. package/dist/docs/icon/icon.md +107 -0
  16. package/dist/docs/icon/usage.md +11 -0
  17. package/dist/docs/link/api.md +18 -22
  18. package/dist/docs/link/examples.md +75 -0
  19. package/dist/docs/link/link.md +111 -22
  20. package/dist/docs/link/usage.md +18 -0
  21. package/dist/index.d.ts +479 -183
  22. package/dist/packages/affix/affix.js +3 -3
  23. package/dist/packages/affix/affix.js.map +4 -4
  24. package/dist/packages/alert/alert.js +1 -1
  25. package/dist/packages/alert/alert.js.map +3 -3
  26. package/dist/packages/attention/attention.js.map +4 -4
  27. package/dist/packages/attention/attention.test.js +1 -1
  28. package/dist/packages/breadcrumbs/breadcrumbs.js.map +1 -1
  29. package/dist/packages/button/button.js.map +3 -3
  30. package/dist/packages/card/card.d.ts +9 -6
  31. package/dist/packages/card/card.js.map +3 -3
  32. package/dist/packages/checkbox/checkbox.d.ts +40 -11
  33. package/dist/packages/checkbox/checkbox.js.map +2 -2
  34. package/dist/packages/checkbox/checkbox.test.js +1 -1
  35. package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +1 -1
  36. package/dist/packages/checkbox-group/checkbox-group.d.ts +30 -5
  37. package/dist/packages/checkbox-group/checkbox-group.js.map +3 -3
  38. package/dist/packages/combobox/combobox.a11y.test.js +24 -0
  39. package/dist/packages/combobox/combobox.d.ts +65 -45
  40. package/dist/packages/combobox/combobox.hydration.test.js +39 -1
  41. package/dist/packages/combobox/combobox.js +13 -13
  42. package/dist/packages/combobox/combobox.js.map +4 -4
  43. package/dist/packages/combobox/combobox.stories.js +28 -15
  44. package/dist/packages/combobox/combobox.test.js +110 -0
  45. package/dist/packages/datepicker/DatePicker.test.js +1 -1
  46. package/dist/packages/datepicker/datepicker.js.map +4 -4
  47. package/dist/packages/datepicker/datepicker.test.js +1 -1
  48. package/dist/packages/expandable/expandable.js +2 -2
  49. package/dist/packages/expandable/expandable.js.map +3 -3
  50. package/dist/packages/icon/icon.d.ts +13 -3
  51. package/dist/packages/icon/icon.js +2 -2
  52. package/dist/packages/icon/icon.js.map +3 -3
  53. package/dist/packages/icon/icon.react.stories.d.ts +1 -1
  54. package/dist/packages/icon/react.d.ts +2 -2
  55. package/dist/packages/link/link.d.ts +15 -16
  56. package/dist/packages/link/link.js.map +2 -2
  57. package/dist/packages/link/link.test.js +1 -1
  58. package/dist/packages/modal-header/modal-header.js +3 -1
  59. package/dist/packages/modal-header/modal-header.js.map +4 -4
  60. package/dist/packages/page-indicator/page-indicator.js.map +1 -1
  61. package/dist/packages/pagination/pagination.js.map +4 -4
  62. package/dist/packages/pagination/pagination.test.js +1 -1
  63. package/dist/packages/pill/pill.js.map +4 -4
  64. package/dist/packages/radio/radio.test.js +1 -1
  65. package/dist/packages/radio-group/radio-group.a11y.test.js +1 -1
  66. package/dist/packages/radio-group/radio-group.js.map +1 -1
  67. package/dist/packages/select/select.js.map +4 -4
  68. package/dist/packages/slider/slider.js.map +1 -1
  69. package/dist/packages/slider/slider.test.js +1 -1
  70. package/dist/packages/slider-thumb/slider-thumb.js.map +1 -1
  71. package/dist/packages/step/step.js +1 -1
  72. package/dist/packages/step/step.js.map +4 -4
  73. package/dist/packages/switch/switch.a11y.test.js +1 -1
  74. package/dist/packages/tabs/tabs.a11y.test.js +1 -1
  75. package/dist/packages/tabs/tabs.test.js +1 -1
  76. package/dist/packages/textarea/textarea.js.map +1 -1
  77. package/dist/packages/textarea/textarea.test.js +1 -1
  78. package/dist/packages/textfield/textfield.test.js +1 -1
  79. package/dist/packages/toast/toast.js +3 -3
  80. package/dist/packages/toast/toast.js.map +4 -4
  81. package/dist/packages/toast/toast.stories.d.ts +1 -5
  82. package/dist/packages/toast/toast.stories.js +0 -17
  83. package/dist/web-types.json +147 -75
  84. package/package.json +2 -2
@@ -1,4 +1,4 @@
1
- import { server, userEvent } from '@vitest/browser/context';
1
+ import { server, userEvent } from 'vitest/browser';
2
2
  import { html } from 'lit';
3
3
  import { expect, test, vi } from 'vitest';
4
4
  import { render } from 'vitest-browser-lit';
@@ -1,4 +1,4 @@
1
- var X=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var _=e=>{throw TypeError(e)};var V=(e,r,o)=>r in e?X(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o;var n=(e,r,o,t)=>{for(var a=t>1?void 0:t?q(r,o):r,d=e.length-1,f;d>=0;d--)(f=e[d])&&(a=(t?f(r,o,a):f(a))||a);return t&&a&&X(r,o,a),a};var g=(e,r,o)=>V(e,typeof r!="symbol"?r+"":r,o),G=(e,r,o)=>r.has(e)||_("Cannot "+o);var w=(e,r,o)=>(G(e,r,"read from private field"),o?o.call(e):r.get(e)),C=(e,r,o)=>r.has(e)?_("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(e):r.set(e,o);var b=function(){for(var e=[],r=arguments.length;r--;)e[r]=arguments[r];return e.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?b.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{css as ve,html as p,LitElement as we}from"lit";import{property as c}from"lit/decorators.js";import{ifDefined as ge}from"lit/directives/if-defined.js";import{html as I,LitElement as J}from"lit";import{property as x,state as K}from"lit/decorators.js";import{classMap as Q}from"lit/directives/class-map.js";import{css as H}from"lit";var E=H`
1
+ var X=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var _=e=>{throw TypeError(e)};var V=(e,r,o)=>r in e?X(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o;var n=(e,r,o,t)=>{for(var a=t>1?void 0:t?q(r,o):r,d=e.length-1,f;d>=0;d--)(f=e[d])&&(a=(t?f(r,o,a):f(a))||a);return t&&a&&X(r,o,a),a};var g=(e,r,o)=>V(e,typeof r!="symbol"?r+"":r,o),G=(e,r,o)=>r.has(e)||_("Cannot "+o);var w=(e,r,o)=>(G(e,r,"read from private field"),o?o.call(e):r.get(e)),C=(e,r,o)=>r.has(e)?_("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(e):r.set(e,o);var b=function(){for(var e=[],r=arguments.length;r--;)e[r]=arguments[r];return e.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?b.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{css as ve,html as p,LitElement as we}from"lit";import{property as c}from"lit/decorators.js";import{ifDefined as ge}from"lit/directives/if-defined.js";import{html as H,LitElement as J}from"lit";import{property as x,state as K}from"lit/decorators.js";import{classMap as Q}from"lit/directives/class-map.js";import{css as I}from"lit";var E=I`
2
2
  :host {
3
3
  display: inline-block;
4
4
  }
@@ -23,7 +23,7 @@ var X=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var _=e=>{thro
23
23
  --w-icon-size: 32px;
24
24
  }
25
25
 
26
- `;var k=new Map,W='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function ee(e,r={}){var t;let o=(t=r.responseParser)!=null?t:(a=>a.text());return k.has(e)||k.set(e,fetch(e).then(o)),k.get(e)}var v=class extends J{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(o){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${o}.svg`;try{let a=await ee(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(o){(o.has("name")||o.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let o=await this.fetchIcon(this.name);o||(o=new DOMParser().parseFromString(W,"text/html").body.firstElementChild),this.svg=o}render(){let o=this.size||"medium",t=this.name||"",a={"w-icon":!0,"w-icon--s":o==="small","w-icon--m":o==="medium","w-icon--l":o==="large"},d=typeof o=="string"&&o.endsWith("px")?`--w-icon-size: ${o};`:"";return I`<div class="${Q(a)}" style="${d}" part="w-${t.toLowerCase()}">${this.svg}</div>`}};v.styles=[E],n([x({type:String,reflect:!0})],v.prototype,"name",2),n([x({type:String,reflect:!0})],v.prototype,"size",2),n([x({type:String,reflect:!0,useDefault:!0})],v.prototype,"locale",2),n([K()],v.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",v);var y=typeof window!="undefined",Z=!0;if(y){let e=window.matchMedia("(prefers-reduced-motion: reduce)"),r=({matches:o})=>Z=!o;e.addEventListener&&e.addEventListener("change",r),r(e)}var $=e=>{e.style.transition=null,e.style.backfaceVisibility=null,e.style.overflow=null},L=e=>{let r=Z?"var(--f-expansion-duration, 0.3s)":"0.01s";e.style.transition=`height ${r}`,e.style.backfaceVisibility="hidden",e.style.overflow="hidden"},re=(e,r)=>()=>{e.style.height="auto",e.style.overflow=null,r&&r()},oe=e=>()=>{e&&e()},T=(e,r)=>{let o=(()=>{if(!r)return new Promise(d=>{r=d})})(),t=re(e,r);$(e),e.style.height="auto";let a=e.scrollHeight;if(y&&requestAnimationFrame(()=>{e.addEventListener("transitionend",t,{once:!0}),e.style.height="0px",e.style.transitionTimingFunction="ease-out",L(e),requestAnimationFrame(()=>e.style.height=a+"px")}),o)return o},M=(e,r)=>{let o=(()=>{if(!r)return new Promise(d=>{r=d})})(),t=oe(r);$(e);let a=e.scrollHeight;if(y&&requestAnimationFrame(()=>{e.addEventListener("transitionend",t,{once:!0}),e.style.height=a+"px",e.style.transitionTimingFunction="ease-in",L(e),requestAnimationFrame(()=>e.style.height="0px")}),o)return o};import{css as te,html as z,LitElement as ae}from"lit";import{ifDefined as ne}from"lit/directives/if-defined.js";var u=class extends ae{constructor(){super(),this.show=!1,this._mounted=!1,this._removeElement=!1}willUpdate(){this._mounted||(this._removeElement=!this.show),this.show&&this._removeElement&&(this._removeElement=!1)}updated(){if(this._wrapper){if(!this._mounted){this._mounted=!0;return}this.show&&T(this._wrapper),!this.show&&!this._removeElement&&M(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this!=null?this:null}render(){return z`<div aria-hidden=${ne(this.show?void 0:"true")}>${this._removeElement?z``:z`<slot></slot>`}</div>`}};g(u,"properties",{show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}}),g(u,"styles",[te`
26
+ `;var k=new Map,W='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function ee(e,r={}){var t;let o=(t=r.responseParser)!=null?t:(a=>a.text());return k.has(e)||k.set(e,fetch(e).then(o)),k.get(e)}var v=class extends J{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(o){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${o}.svg`;try{let a=await ee(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(o){(o.has("name")||o.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let o=await this.fetchIcon(this.name);o||(o=new DOMParser().parseFromString(W,"text/html").body.firstElementChild),this.svg=o}render(){let o=this.size||"medium",t=this.name||"",a={"w-icon":!0,"w-icon--s":o==="small","w-icon--m":o==="medium","w-icon--l":o==="large"},d=typeof o=="string"&&o.endsWith("px")?`--w-icon-size: ${o};`:"";return H`<div class="${Q(a)}" style="${d}" part="w-${t.toLowerCase()}">${this.svg}</div>`}};v.styles=[E],n([x({type:String,reflect:!0})],v.prototype,"name",2),n([x({type:String,reflect:!0})],v.prototype,"size",2),n([x({type:String,reflect:!0,useDefault:!0})],v.prototype,"locale",2),n([K()],v.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",v);var y=typeof window!="undefined",Z=!0;if(y){let e=window.matchMedia("(prefers-reduced-motion: reduce)"),r=({matches:o})=>Z=!o;e.addEventListener&&e.addEventListener("change",r),r(e)}var $=e=>{e.style.transition=null,e.style.backfaceVisibility=null,e.style.overflow=null},L=e=>{let r=Z?"var(--f-expansion-duration, 0.3s)":"0.01s";e.style.transition=`height ${r}`,e.style.backfaceVisibility="hidden",e.style.overflow="hidden"},re=(e,r)=>()=>{e.style.height="auto",e.style.overflow=null,r&&r()},oe=e=>()=>{e&&e()},T=(e,r)=>{let o=(()=>{if(!r)return new Promise(d=>{r=d})})(),t=re(e,r);$(e),e.style.height="auto";let a=e.scrollHeight;if(y&&requestAnimationFrame(()=>{e.addEventListener("transitionend",t,{once:!0}),e.style.height="0px",e.style.transitionTimingFunction="ease-out",L(e),requestAnimationFrame(()=>e.style.height=a+"px")}),o)return o},M=(e,r)=>{let o=(()=>{if(!r)return new Promise(d=>{r=d})})(),t=oe(r);$(e);let a=e.scrollHeight;if(y&&requestAnimationFrame(()=>{e.addEventListener("transitionend",t,{once:!0}),e.style.height=a+"px",e.style.transitionTimingFunction="ease-in",L(e),requestAnimationFrame(()=>e.style.height="0px")}),o)return o};import{css as te,html as z,LitElement as ae}from"lit";import{ifDefined as ne}from"lit/directives/if-defined.js";var u=class extends ae{constructor(){super(),this.show=!1,this._mounted=!1,this._removeElement=!1}willUpdate(){this._mounted||(this._removeElement=!this.show),this.show&&this._removeElement&&(this._removeElement=!1)}updated(){if(this._wrapper){if(!this._mounted){this._mounted=!0;return}this.show&&T(this._wrapper),!this.show&&!this._removeElement&&M(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this!=null?this:null}render(){return z`<div aria-hidden=${ne(this.show?void 0:"true")}>${this._removeElement?z``:z`<slot></slot>`}</div>`}};g(u,"properties",{show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}}),g(u,"styles",[te`
27
27
  :host {
28
28
  display: block;
29
29
  }