@warp-ds/elements 2.8.1 → 2.8.2-next.2

package/dist/packages/textfield/textfield.test.js

@@ -75,3 +75,29 @@ test('renders with no autocomplete attribute when none provided', async () => {
     expect(el.hasAttribute('autocomplete')).toBe(false);
     expect(el.shadowRoot.querySelector('input').hasAttribute('autocomplete')).toBe(false);
 });
+test('defaults to text type when no type attribute is set', async () => {
+    const component = html `<w-textfield data-testid="textfield" label="Test"></w-textfield>`;
+    const page = render(component);
+    const el = page.getByTestId('textfield').element();
+    // The type attribute should not be reflected on the host (to avoid hydration mismatch)
+    expect(el.hasAttribute('type')).toBe(false);
+    // But the inner input should have type="text" as the default
+    await expect
+        .poll(() => {
+        const input = el.shadowRoot?.querySelector('input');
+        return input?.getAttribute('type');
+    })
+        .toBe('text');
+});
+test('uses specified type when type attribute is set', async () => {
+    const component = html `<w-textfield data-testid="textfield" label="Email" type="email"></w-textfield>`;
+    const page = render(component);
+    const el = page.getByTestId('textfield').element();
+    // The inner input should have the specified type
+    await expect
+        .poll(() => {
+        const input = el.shadowRoot?.querySelector('input');
+        return input?.getAttribute('type');
+    })
+        .toBe('email');
+});

package/dist/packages/toast/toast.js

@@ -32,7 +32,7 @@ Please compile your catalog first.
   --w-icon-size: 32px;
 }
 
-`;var q=new Map,ur='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function gr(r,e={}){var t;let o=(t=e.responseParser)!=null?t:(a=>a.text());return q.has(r)||q.set(r,fetch(r).then(o)),q.get(r)}var v=class extends lr{constructor(){super(...arguments);this.name="";this.size="medium";this.locale="en";this.svg=null}async fetchIcon(o){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${o}.svg`;try{let a=await gr(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(ur,"text/html").body.firstElementChild),this.svg=o}render(){let o={"w-icon":!0,"w-icon--s":this.size==="small","w-icon--m":this.size==="medium","w-icon--l":this.size==="large"},t=typeof this.size=="string"&&this.size.endsWith("px")?`--w-icon-size: ${this.size};`:"";return cr`<div class="${pr(o)}" style="${t}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};v.styles=[he],u([U({type:String,reflect:!0})],v.prototype,"name",2),u([U({type:String,reflect:!0})],v.prototype,"size",2),u([U({type:String,reflect:!0})],v.prototype,"locale",2),u([dr()],v.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",v);var br=["en","nb","fi","da","sv"],V="en",P=r=>br.find(e=>r===e||r.toLowerCase().includes(e))||V;function E(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return P(r)}try{let r=we(document);if(r)return P(r);let e=wr();if(e)return P(e);let o=we(ye());return o?P(o):V}catch(r){return console.warn("could not detect locale, falling back to source locale",r),V}}var fe=(r,e,o,t,a)=>{d.load("en",r),d.load("nb",e),d.load("fi",o),d.load("da",t),d.load("sv",a);let s=E();d.activate(s),xe(),hr()},mr="warp-i18n-change";function xe(){typeof window!="undefined"&&window.dispatchEvent(new Event(mr))}var ve=!1;function hr(){if(ve||typeof window=="undefined"||!(document!=null&&document.documentElement))return;ve=!0;let r=()=>{let a=E();d.locale!==a&&(d.activate(a),xe())},e=new MutationObserver(a=>{for(let s of a)if(s.type==="attributes"&&s.attributeName==="lang"){r();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=ye();o&&o.documentElement&&o!==document&&e.observe(o.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=vr();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function ye(){var r,e;try{return(e=(r=window.parent)==null?void 0:r.document)!=null?e:null}catch(o){return null}}function we(r){var e,o;try{return(o=(e=r==null?void 0:r.documentElement)==null?void 0:e.lang)!=null?o:""}catch(t){return""}}function vr(){var r;try{return(r=window.frameElement)!=null?r:null}catch(e){return null}}function wr(){var r,e,o;try{return(o=(e=(r=window.frameElement)==null?void 0:r.getAttribute)==null?void 0:e.call(r,"lang"))!=null?o:""}catch(t){return""}}import{css as ke}from"lit";var _e=ke`
+`;var q=new Map,ur='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function gr(r,e={}){var t;let o=(t=e.responseParser)!=null?t:(a=>a.text());return q.has(r)||q.set(r,fetch(r).then(o)),q.get(r)}var v=class extends lr{constructor(){super(...arguments);this.name="";this.svg=null}async fetchIcon(o){let a=`https://assets.finn.no/pkg/eikons/v1/${this.locale||"en"}/${o}.svg`;try{let s=await gr(a);return new DOMParser().parseFromString(s,"text/html").body.querySelector("svg")}catch(s){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(ur,"text/html").body.firstElementChild),this.svg=o}render(){let o=this.size||"medium",t={"w-icon":!0,"w-icon--s":o==="small","w-icon--m":o==="medium","w-icon--l":o==="large"},a=typeof o=="string"&&o.endsWith("px")?`--w-icon-size: ${o};`:"";return cr`<div class="${pr(t)}" style="${a}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};v.styles=[he],u([U({type:String,reflect:!0})],v.prototype,"name",2),u([U({type:String,reflect:!0})],v.prototype,"size",2),u([U({type:String,reflect:!0})],v.prototype,"locale",2),u([dr()],v.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",v);var br=["en","nb","fi","da","sv"],V="en",P=r=>br.find(e=>r===e||r.toLowerCase().includes(e))||V;function E(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return P(r)}try{let r=we(document);if(r)return P(r);let e=wr();if(e)return P(e);let o=we(ye());return o?P(o):V}catch(r){return console.warn("could not detect locale, falling back to source locale",r),V}}var fe=(r,e,o,t,a)=>{d.load("en",r),d.load("nb",e),d.load("fi",o),d.load("da",t),d.load("sv",a);let s=E();d.activate(s),xe(),hr()},mr="warp-i18n-change";function xe(){typeof window!="undefined"&&window.dispatchEvent(new Event(mr))}var ve=!1;function hr(){if(ve||typeof window=="undefined"||!(document!=null&&document.documentElement))return;ve=!0;let r=()=>{let a=E();d.locale!==a&&(d.activate(a),xe())},e=new MutationObserver(a=>{for(let s of a)if(s.type==="attributes"&&s.attributeName==="lang"){r();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=ye();o&&o.documentElement&&o!==document&&e.observe(o.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=vr();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function ye(){var r,e;try{return(e=(r=window.parent)==null?void 0:r.document)!=null?e:null}catch(o){return null}}function we(r){var e,o;try{return(o=(e=r==null?void 0:r.documentElement)==null?void 0:e.lang)!=null?o:""}catch(t){return""}}function vr(){var r;try{return(r=window.frameElement)!=null?r:null}catch(e){return null}}function wr(){var r,e,o;try{return(o=(e=(r=window.frameElement)==null?void 0:r.getAttribute)==null?void 0:e.call(r,"lang"))!=null?o:""}catch(t){return""}}import{css as ke}from"lit";var _e=ke`
   *,
   :before,
   :after {
@@ -2471,7 +2471,7 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `;var ze=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var Ee=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var Me=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var Ce=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var Le=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');import{css as fr}from"lit";var Se=fr`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-transparent{background-color:#0000}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.block{display:block}.flex{display:flex}.grid{display:grid}.shrink-0{flex-shrink:0}.auto-rows-auto{grid-auto-rows:auto}.overflow-hidden{overflow:hidden}.self-center{align-self:center}.bottom-16{bottom:1.6rem}.left-0{left:0}.right-0{right:0}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-50{z-index:50}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.w-full{width:100%}.h-\\[16px\\]{height:16px}.w-\\[16px\\]{width:16px}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.m-\\[8px\\]{margin:8px}.p-8{padding:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.p-\\[8px\\]{padding:8px}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.translate-z-0{--w-translate-z:0rem;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:480px){.sm\\:mx-16{margin-left:1.6rem;margin-right:1.6rem}}`;var F=typeof window!="undefined";function G(){return customElements.get("w-toast-container")}function xr(r,e){if(!F)return;let o=G().init(),t={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:r,duration:5e3,type:"success",...e};return o.set(t),t}function yr(r){return F?G().init().del(r):void 0}function kr(r,e){if(!F)return;let o=G().init();return o.set({...o.get(r),...e}),o.get(r)}var g={wrapper:"relative overflow-hidden w-full",base:"flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all",positive:"s-bg-positive-subtle s-border-positive-subtle s-text",warning:"s-bg-warning-subtle s-border-warning-subtle s-text",negative:"s-bg-negative-subtle s-border-negative-subtle s-text",iconBase:"shrink-0 rounded-full w-[16px] h-[16px] m-[8px]",iconPositive:"s-icon-positive",iconWarning:"s-icon-warning",iconNegative:"s-icon-negative",iconLoading:"animate-bounce",content:"self-center mr-8 py-4 last-child:mb-0",close:"bg-transparent ml-auto p-[8px] s-icon hover:s-icon-hover active:s-icon-active"},z,Te,Oe,m=class extends zr{constructor(){super();ee(this,z);this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5);this.type="success";this.text="";this.canclose=!1;this._expanded=!1;fe(Ee,Ce,Me,ze,Le)}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&be(this._wrapper,()=>this._expanded=!0)}get _wrapper(){var o,t;return(t=(o=this.renderRoot)==null?void 0:o.querySelector("section"))!=null?t:null}get _warning(){return this.type==="warning"}get _error(){return this.type==="error"}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._warning?d._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?d._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):d._({id:"toast.aria.successful",message:"Successful",comment:"Default screenreader message for successful in toast component"})}get _iconMarkup(){let o=E();return this._warning?_`<w-icon name="Warning" size="small" locale="${o}" class="flex"></w-icon>`:this._error?_`<w-icon name="Error" size="small" locale="${o}" class="flex"></w-icon>`:_`<w-icon name="Success" size="small" locale="${o}" class="flex"></w-icon>`}async collapse(){return new Promise(o=>{this._expanded&&this._wrapper?me(this._wrapper,o):o()})}close(){let o=new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(o))}render(){return this.text?_` <section class="${g.wrapper}" aria-label="${this._typeLabel}">
+        `;var ze=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var Ee=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var Me=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var Ce=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var Le=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');import{css as fr}from"lit";var Se=fr`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-transparent{background-color:#0000}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.block{display:block}.flex{display:flex}.grid{display:grid}.shrink-0{flex-shrink:0}.auto-rows-auto{grid-auto-rows:auto}.overflow-hidden{overflow:hidden}.self-center{align-self:center}.bottom-16{bottom:1.6rem}.left-0{left:0}.right-0{right:0}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-50{z-index:50}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.w-full{width:100%}.h-\\[16px\\]{height:16px}.w-\\[16px\\]{width:16px}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.m-\\[8px\\]{margin:8px}.p-8{padding:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.p-\\[8px\\]{padding:8px}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.translate-z-0{--w-translate-z:0rem;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:480px){.sm\\:mx-16{margin-left:1.6rem;margin-right:1.6rem}}`;var F=typeof window!="undefined";function G(){return customElements.get("w-toast-container")}function xr(r,e){if(!F)return;let o=G().init(),t={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:r,duration:5e3,type:"success",...e};return o.set(t),t}function yr(r){return F?G().init().del(r):void 0}function kr(r,e){if(!F)return;let o=G().init();return o.set({...o.get(r),...e}),o.get(r)}var g={wrapper:"relative overflow-hidden w-full",base:"flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all",positive:"s-bg-positive-subtle s-border-positive-subtle s-text",warning:"s-bg-warning-subtle s-border-warning-subtle s-text",negative:"s-bg-negative-subtle s-border-negative-subtle s-text",iconBase:"shrink-0 rounded-full w-[16px] h-[16px] m-[8px]",iconPositive:"s-icon-positive",iconWarning:"s-icon-warning",iconNegative:"s-icon-negative",iconLoading:"animate-bounce",content:"self-center mr-8 py-4 last-child:mb-0",close:"bg-transparent ml-auto p-[8px] s-icon hover:s-icon-hover active:s-icon-active"},z,Te,Oe,m=class extends zr{constructor(){super();ee(this,z);this.text="";this.canclose=!1;this._expanded=!1;fe(Ee,Ce,Me,ze,Le),this.id||(this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5))}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&be(this._wrapper,()=>this._expanded=!0)}get _wrapper(){var o,t;return(t=(o=this.renderRoot)==null?void 0:o.querySelector("section"))!=null?t:null}get _warning(){return(this.type||"success")==="warning"}get _error(){return(this.type||"success")==="error"}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._warning?d._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?d._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):d._({id:"toast.aria.successful",message:"Successful",comment:"Default screenreader message for successful in toast component"})}get _iconMarkup(){let o=E();return this._warning?_`<w-icon name="Warning" size="small" locale="${o}" class="flex"></w-icon>`:this._error?_`<w-icon name="Error" size="small" locale="${o}" class="flex"></w-icon>`:_`<w-icon name="Success" size="small" locale="${o}" class="flex"></w-icon>`}async collapse(){return new Promise(o=>{this._expanded&&this._wrapper?me(this._wrapper,o):o()})}close(){let o=new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(o))}render(){return this.text?_` <section class="${g.wrapper}" aria-label="${this._typeLabel}">
       <div class="${$(this,z,Te)}">
         <div class="${$(this,z,Oe)}">${this._iconMarkup}</div>
         <div role="${this._role}" class="${g.content}">
@@ -2483,7 +2483,7 @@ Please compile your catalog first.
             </w-button>
           `)}
       </div>
-    </section>`:_``}};z=new WeakSet,Te=function(){return L([g.base,this.type==="success"&&g.positive,this.type==="warning"&&g.warning,this.type==="error"&&g.negative])},Oe=function(){return L([g.iconBase,this.type==="success"&&g.iconPositive,this.type==="warning"&&g.iconWarning,this.type==="error"&&g.iconNegative])},m.styles=[_e,Se,_r`
+    </section>`:_``}};z=new WeakSet,Te=function(){let o=this.type||"success";return L([g.base,o==="success"&&g.positive,o==="warning"&&g.warning,o==="error"&&g.negative])},Oe=function(){let o=this.type||"success";return L([g.iconBase,o==="success"&&g.iconPositive,o==="warning"&&g.iconWarning,o==="error"&&g.iconNegative])},m.styles=[_e,Se,_r`
       :host {
         display: block;
       }