@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.
- package/dist/custom-elements.json +146 -69
- package/dist/docs/card/accessibility.md +74 -0
- package/dist/docs/card/api.md +9 -3
- package/dist/docs/card/card.md +234 -3
- package/dist/docs/card/examples.md +75 -0
- package/dist/docs/card/usage.md +76 -0
- package/dist/docs/combobox/accessibility.md +71 -0
- package/dist/docs/combobox/api.md +60 -30
- package/dist/docs/combobox/combobox.md +203 -30
- package/dist/docs/combobox/examples.md +44 -0
- package/dist/docs/combobox/usage.md +28 -0
- package/dist/docs/icon/accessibility.md +5 -0
- package/dist/docs/icon/api.md +37 -0
- package/dist/docs/icon/examples.md +45 -0
- package/dist/docs/icon/icon.md +107 -0
- package/dist/docs/icon/usage.md +11 -0
- package/dist/docs/link/api.md +18 -22
- package/dist/docs/link/examples.md +75 -0
- package/dist/docs/link/link.md +111 -22
- package/dist/docs/link/usage.md +18 -0
- package/dist/index.d.ts +479 -183
- package/dist/packages/affix/affix.js +3 -3
- package/dist/packages/affix/affix.js.map +4 -4
- package/dist/packages/alert/alert.js +1 -1
- package/dist/packages/alert/alert.js.map +3 -3
- package/dist/packages/attention/attention.js.map +4 -4
- package/dist/packages/attention/attention.test.js +1 -1
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/packages/button/button.js.map +3 -3
- package/dist/packages/card/card.d.ts +9 -6
- package/dist/packages/card/card.js.map +3 -3
- package/dist/packages/checkbox/checkbox.d.ts +40 -11
- package/dist/packages/checkbox/checkbox.js.map +2 -2
- package/dist/packages/checkbox/checkbox.test.js +1 -1
- package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +1 -1
- package/dist/packages/checkbox-group/checkbox-group.d.ts +30 -5
- package/dist/packages/checkbox-group/checkbox-group.js.map +3 -3
- package/dist/packages/combobox/combobox.a11y.test.js +24 -0
- package/dist/packages/combobox/combobox.d.ts +65 -45
- package/dist/packages/combobox/combobox.hydration.test.js +39 -1
- package/dist/packages/combobox/combobox.js +13 -13
- package/dist/packages/combobox/combobox.js.map +4 -4
- package/dist/packages/combobox/combobox.stories.js +28 -15
- package/dist/packages/combobox/combobox.test.js +110 -0
- package/dist/packages/datepicker/DatePicker.test.js +1 -1
- package/dist/packages/datepicker/datepicker.js.map +4 -4
- package/dist/packages/datepicker/datepicker.test.js +1 -1
- package/dist/packages/expandable/expandable.js +2 -2
- package/dist/packages/expandable/expandable.js.map +3 -3
- package/dist/packages/icon/icon.d.ts +13 -3
- package/dist/packages/icon/icon.js +2 -2
- package/dist/packages/icon/icon.js.map +3 -3
- package/dist/packages/icon/icon.react.stories.d.ts +1 -1
- package/dist/packages/icon/react.d.ts +2 -2
- package/dist/packages/link/link.d.ts +15 -16
- package/dist/packages/link/link.js.map +2 -2
- package/dist/packages/link/link.test.js +1 -1
- package/dist/packages/modal-header/modal-header.js +3 -1
- package/dist/packages/modal-header/modal-header.js.map +4 -4
- package/dist/packages/page-indicator/page-indicator.js.map +1 -1
- package/dist/packages/pagination/pagination.js.map +4 -4
- package/dist/packages/pagination/pagination.test.js +1 -1
- package/dist/packages/pill/pill.js.map +4 -4
- package/dist/packages/radio/radio.test.js +1 -1
- package/dist/packages/radio-group/radio-group.a11y.test.js +1 -1
- package/dist/packages/radio-group/radio-group.js.map +1 -1
- package/dist/packages/select/select.js.map +4 -4
- package/dist/packages/slider/slider.js.map +1 -1
- package/dist/packages/slider/slider.test.js +1 -1
- package/dist/packages/slider-thumb/slider-thumb.js.map +1 -1
- package/dist/packages/step/step.js +1 -1
- package/dist/packages/step/step.js.map +4 -4
- package/dist/packages/switch/switch.a11y.test.js +1 -1
- package/dist/packages/tabs/tabs.a11y.test.js +1 -1
- package/dist/packages/tabs/tabs.test.js +1 -1
- package/dist/packages/textarea/textarea.js.map +1 -1
- package/dist/packages/textarea/textarea.test.js +1 -1
- package/dist/packages/textfield/textfield.test.js +1 -1
- package/dist/packages/toast/toast.js +3 -3
- package/dist/packages/toast/toast.js.map +4 -4
- package/dist/packages/toast/toast.stories.d.ts +1 -5
- package/dist/packages/toast/toast.stories.js +0 -17
- package/dist/web-types.json +147 -75
- package/package.json +2 -2
|
@@ -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
|
|
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
|
|
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
|
}
|