@warp-ds/elements 2.10.0-next.15 → 2.10.0-next.18

package/dist/packages/alert/alert.js

@@ -1,301 +1,306 @@
 var E=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var i=(o,t,e,r)=>{for(var a=r>1?void 0:r?M(t,e):t,l=o.length-1,v;l>=0;l--)(v=o[l])&&(a=(r?v(t,e,a):v(a))||a);return r&&a&&E(t,e,a),a};var p=function(){for(var o=[],t=arguments.length;t--;)o[t]=arguments[t];return o.reduce(function(e,r){return e.concat(typeof r=="string"?r:Array.isArray(r)?p.apply(void 0,r):typeof r=="object"&&r?Object.keys(r).map(function(a){return r[a]?a:""}):"")},[]).join(" ")};import{css as F,html as c,LitElement as N}from"lit";import{property as m}from"lit/decorators.js";import{html as Y,LitElement as L}from"lit";import{property as u,state as S}from"lit/decorators.js";import{classMap as C}from"lit/directives/class-map.js";import{css as _}from"lit";var f=_`
-:host {
-  display: inline-block;
-}
-.w-icon {
-  --_w-icon-size: var(--w-icon-size, 24px);
-  height: var(--_w-icon-size);
-  width: var(--_w-icon-size);
-  display: flex;
-}
-.w-icon svg {
-  pointer-events: none;
-  height: var(--_w-icon-size);
-  width: var(--_w-icon-size);
-}
-.w-icon--s {
-  --w-icon-size: 16px;
-}
-.w-icon--m {
-  --w-icon-size: 24px;
-}
-.w-icon--l {
-  --w-icon-size: 32px;
-}
-
-`;var h=new Map,j='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function $(o,t={}){let e=t.responseParser??(r=>r.text());return h.has(o)||h.set(o,fetch(o).then(e)),h.get(o)}var n=class extends L{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(e){let r=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${e}.svg`;try{let a=await $(r);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(e){(e.has("name")||e.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let e=await this.fetchIcon(this.name);e||(e=new DOMParser().parseFromString(j,"text/html").body.firstElementChild),this.svg=e}render(){let e=this.size||"medium",r=this.name||"",a={"w-icon":!0,"w-icon--s":e==="small","w-icon--m":e==="medium","w-icon--l":e==="large"},l=typeof e=="string"&&e.endsWith("px")?`--w-icon-size: ${e};`:"";return Y`<div class="${C(a)}" style="${l}" part="w-${r.toLowerCase()}">${this.svg}</div>`}};n.styles=[f],i([u({type:String,reflect:!0})],n.prototype,"name",2),i([u({type:String,reflect:!0})],n.prototype,"size",2),i([u({type:String,reflect:!0,useDefault:!0})],n.prototype,"locale",2),i([S()],n.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",n);var T=["en","nb","fi","da","sv"],w="en",g=o=>T.find(t=>o===t||o.toLowerCase().includes(t))||w;function k(){if(typeof window>"u"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return g(o)}try{let o=x(document);if(o)return g(o);let t=P();if(t)return g(t);let e=x(I());return e?g(e):w}catch(o){return console.warn("could not detect locale, falling back to source locale",o),w}}function I(){try{return window.parent?.document??null}catch{return null}}function x(o){try{return o?.documentElement?.lang??""}catch{return""}}function P(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as X}from"lit";import{unsafeCSS as Z}from"lit";var y=X`
-  *,
-  :before,
-  :after {
-    box-sizing: border-box;
-    border-style: solid;
-    border-width: 0;
-    border-color: var(--w-s-color-border);
-  }
-  html {
-    font-size: 62.5%;
-  }
-  body {
-    background-color: var(--w-s-color-background);
-    min-height: 100%;
-    margin: 0;
-    overflow-y: scroll;
-  }
-  body,
-  :host {
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    -webkit-tap-highlight-color: transparent;
-    font-family: var(--w-font-family);
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-    color: var(--w-s-color-text);
-  }
-  hr {
-    color: inherit;
-    border-top-width: 1px;
-    height: 0;
-  }
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-size: inherit;
-    font-weight: 700;
-  }
-  a {
-    cursor: pointer;
-    color: var(--w-s-color-text-link);
-    text-decoration: none;
-  }
-  a:hover,
-  a:focus,
-  a:active {
-    text-decoration: underline;
-  }
-  a:focus-visible {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: 1px;
-  }
-  b,
-  strong {
-    font-weight: 700;
-  }
-  code,
-  kbd,
-  samp,
-  pre {
-    font-family:
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      Consolas,
-      Liberation Mono,
-      Courier New,
-      monospace;
-    font-size: 1em;
-  }
-  sub,
-  sup {
-    vertical-align: baseline;
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    font-family: inherit;
-    font-size: 100%;
-    font-weight: inherit;
-    line-height: inherit;
-    color: inherit;
-    margin: 0;
-    padding: 0;
-  }
-  button,
-  select {
-    text-transform: none;
-  }
-  button,
-  [type='button'],
-  [type='reset'],
-  [type='submit'] {
-    -webkit-appearance: button;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  ::-webkit-inner-spin-button {
-    height: auto;
-  }
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
-  [type='search'] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
-  summary {
-    display: list-item;
-  }
-  blockquote,
-  dl,
-  dd,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  hr,
-  figure,
-  p,
-  pre {
-    margin: 0;
-  }
-  fieldset {
-    margin: 0;
-    padding: 0;
-  }
-  legend {
-    padding: 0;
-  }
-  ol,
-  ul,
-  menu {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-  textarea {
-    resize: vertical;
-  }
-  input::placeholder,
-  textarea::placeholder {
-    opacity: 1;
-    color: var(--w-s-color-text-placeholder);
-  }
-  button,
-  [role='button'] {
-    cursor: pointer;
-  }
-  :disabled {
-    cursor: default;
-  }
-  img,
-  svg,
-  video,
-  canvas,
-  audio,
-  iframe,
-  embed,
-  object {
-    vertical-align: middle;
-    display: block;
-  }
-  img,
-  video {
-    max-width: 100%;
-    height: auto;
-  }
-  h1 {
-    font-size: var(--w-font-size-xxl);
-    line-height: var(--w-line-height-xxl);
-  }
-  h2 {
-    font-size: var(--w-font-size-xl);
-    line-height: var(--w-line-height-xl);
-  }
-  h3 {
-    font-size: var(--w-font-size-l);
-    line-height: var(--w-line-height-l);
-  }
-  h4 {
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-  }
-  h5 {
-    font-size: var(--w-font-size-s);
-    line-height: var(--w-line-height-s);
-  }
-  dt,
-  dd {
-    margin: 0 16px;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  ul,
-  ol,
-  dl,
-  p,
-  blockquote {
-    margin: 0 0 8px;
-  }
-  [hidden] {
-    display: none !important;
-  }
-  [tabindex='-1']:focus:not(:focus-visible) {
-    outline: none;
-  }
-  legend {
-    float: left;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    display: table;
-  }
-  legend + * {
-    clear: both;
-  }
-  fieldset {
-    border: 0;
-    min-width: 0;
-    margin: 0;
-    padding: 0.01em 0 0;
-  }
-  body:not(:-moz-handler-blocked) fieldset {
-    display: table-cell;
-  }
-  svg {
-    pointer-events: none;
-  }
+	:host {
+		display: inline-block;
+	}
+	.w-icon {
+		--_w-icon-size: var(--w-icon-size, 24px);
+		height: var(--_w-icon-size);
+		width: var(--_w-icon-size);
+		display: flex;
+	}
+	.w-icon svg {
+		pointer-events: none;
+		height: var(--_w-icon-size);
+		width: var(--_w-icon-size);
+	}
+	.w-icon--s {
+		--w-icon-size: 16px;
+	}
+	.w-icon--m {
+		--w-icon-size: 24px;
+	}
+	.w-icon--l {
+		--w-icon-size: 32px;
+	}
+`;var h=new Map,j='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function $(o,t={}){let e=t.responseParser??(r=>r.text());return h.has(o)||h.set(o,fetch(o).then(e)),h.get(o)}var n=class extends L{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(e){let r=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${e}.svg`;try{let a=await $(r);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(e){(e.has("name")||e.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let e=await this.fetchIcon(this.name);e||(e=new DOMParser().parseFromString(j,"text/html").body.firstElementChild),this.svg=e}render(){let e=this.size||"medium",r=this.name||"",a={"w-icon":!0,"w-icon--s":e==="small","w-icon--m":e==="medium","w-icon--l":e==="large"},l=typeof e=="string"&&e.endsWith("px")?`--w-icon-size: ${e};`:"";return Y`<div
+			class="${C(a)}"
+			style="${l}"
+			part="w-${r.toLowerCase()}"
+		>
+			${this.svg}
+		</div>`}};n.styles=[f],i([u({type:String,reflect:!0})],n.prototype,"name",2),i([u({type:String,reflect:!0})],n.prototype,"size",2),i([u({type:String,reflect:!0,useDefault:!0})],n.prototype,"locale",2),i([S()],n.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",n);var T=["en","nb","fi","da","sv"],w="en",g=o=>T.find(t=>o===t||o.toLowerCase().includes(t))||w;function k(){if(typeof window>"u"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return g(o)}try{let o=x(document);if(o)return g(o);let t=P();if(t)return g(t);let e=x(I());return e?g(e):w}catch(o){return console.warn("could not detect locale, falling back to source locale",o),w}}function I(){try{return window.parent?.document??null}catch{return null}}function x(o){try{return o?.documentElement?.lang??""}catch{return""}}function P(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as X}from"lit";import{unsafeCSS as Z}from"lit";var y=X`
+	*,
+	:before,
+	:after {
+		box-sizing: border-box;
+		border-style: solid;
+		border-width: 0;
+		border-color: var(--w-s-color-border);
+	}
+	html {
+		font-size: 62.5%;
+	}
+	body {
+		background-color: var(--w-s-color-background);
+		min-height: 100%;
+		margin: 0;
+		overflow-y: scroll;
+	}
+	body,
+	:host {
+		-webkit-text-size-adjust: 100%;
+		tab-size: 4;
+		-webkit-tap-highlight-color: transparent;
+		font-family: var(--w-font-family);
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+		color: var(--w-s-color-text);
+	}
+	hr {
+		color: inherit;
+		border-top-width: 1px;
+		height: 0;
+	}
+	abbr:where([title]) {
+		-webkit-text-decoration: underline dotted;
+		text-decoration: underline dotted;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-size: inherit;
+		font-weight: 700;
+	}
+	a {
+		cursor: pointer;
+		color: var(--w-s-color-text-link);
+		text-decoration: none;
+	}
+	a:hover,
+	a:focus,
+	a:active {
+		text-decoration: underline;
+	}
+	a:focus-visible {
+		outline: 2px solid var(--w-s-color-border-focus);
+		outline-offset: 1px;
+	}
+	b,
+	strong {
+		font-weight: 700;
+	}
+	code,
+	kbd,
+	samp,
+	pre {
+		font-family:
+			ui-monospace,
+			SFMono-Regular,
+			Menlo,
+			Monaco,
+			Consolas,
+			Liberation Mono,
+			Courier New,
+			monospace;
+		font-size: 1em;
+	}
+	sub,
+	sup {
+		vertical-align: baseline;
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+	}
+	sub {
+		bottom: -0.25em;
+	}
+	sup {
+		top: -0.5em;
+	}
+	table {
+		text-indent: 0;
+		border-color: inherit;
+		border-collapse: collapse;
+	}
+	button,
+	input,
+	optgroup,
+	select,
+	textarea {
+		font-family: inherit;
+		font-size: 100%;
+		font-weight: inherit;
+		line-height: inherit;
+		color: inherit;
+		margin: 0;
+		padding: 0;
+	}
+	button,
+	select {
+		text-transform: none;
+	}
+	button,
+	[type="button"],
+	[type="reset"],
+	[type="submit"] {
+		-webkit-appearance: button;
+	}
+	:-moz-focusring {
+		outline: auto;
+	}
+	:-moz-ui-invalid {
+		box-shadow: none;
+	}
+	progress {
+		vertical-align: baseline;
+	}
+	::-webkit-inner-spin-button {
+		height: auto;
+	}
+	::-webkit-outer-spin-button {
+		height: auto;
+	}
+	[type="search"] {
+		-webkit-appearance: textfield;
+		outline-offset: -2px;
+	}
+	::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+	::-webkit-file-upload-button {
+		-webkit-appearance: button;
+		font: inherit;
+	}
+	summary {
+		display: list-item;
+	}
+	blockquote,
+	dl,
+	dd,
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	hr,
+	figure,
+	p,
+	pre {
+		margin: 0;
+	}
+	fieldset {
+		margin: 0;
+		padding: 0;
+	}
+	legend {
+		padding: 0;
+	}
+	ol,
+	ul,
+	menu {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+	textarea {
+		resize: vertical;
+	}
+	input::placeholder,
+	textarea::placeholder {
+		opacity: 1;
+		color: var(--w-s-color-text-placeholder);
+	}
+	button,
+	[role="button"] {
+		cursor: pointer;
+	}
+	:disabled {
+		cursor: default;
+	}
+	img,
+	svg,
+	video,
+	canvas,
+	audio,
+	iframe,
+	embed,
+	object {
+		vertical-align: middle;
+		display: block;
+	}
+	img,
+	video {
+		max-width: 100%;
+		height: auto;
+	}
+	h1 {
+		font-size: var(--w-font-size-xxl);
+		line-height: var(--w-line-height-xxl);
+	}
+	h2 {
+		font-size: var(--w-font-size-xl);
+		line-height: var(--w-line-height-xl);
+	}
+	h3 {
+		font-size: var(--w-font-size-l);
+		line-height: var(--w-line-height-l);
+	}
+	h4 {
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+	}
+	h5 {
+		font-size: var(--w-font-size-s);
+		line-height: var(--w-line-height-s);
+	}
+	dt,
+	dd {
+		margin: 0 16px;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	ul,
+	ol,
+	dl,
+	p,
+	blockquote {
+		margin: 0 0 8px;
+	}
+	[hidden] {
+		display: none !important;
+	}
+	[tabindex="-1"]:focus:not(:focus-visible) {
+		outline: none;
+	}
+	legend {
+		float: left;
+		width: 100%;
+		margin: 0;
+		padding: 0;
+		display: table;
+	}
+	legend + * {
+		clear: both;
+	}
+	fieldset {
+		border: 0;
+		min-width: 0;
+		margin: 0;
+		padding: 0.01em 0 0;
+	}
+	body:not(:-moz-handler-blocked) fieldset {
+		display: table-cell;
+	}
+	svg {
+		pointer-events: none;
+	}
 `,re=Z(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
@@ -2463,26 +2468,46 @@ var E=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var i=(o,t,e,r
                 }
             }
         `);import{unsafeCSS as D}from"lit";var z=D("*,: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}.will-change-height{will-change:height}.border{border-width:1px}.border-l-4{border-left-width:4px}.rounded-4{border-radius:4px}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.static{position:static}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.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-info{color:var(--w-s-color-icon-info)}.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)}.s-border-info-subtle{border-color:var(--w-s-color-border-info-subtle)}.s-border-l-info{border-left-color:var(--w-s-color-border-info)}.s-border-l-negative{border-left-color:var(--w-s-color-border-negative)}.s-border-l-positive{border-left-color:var(--w-s-color-border-positive)}.s-border-l-warning{border-left-color:var(--w-s-color-border-warning)}.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)}.min-w-16{min-width:1.6rem}.w-16{width:1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.mr-8{margin-right:.8rem}.p-16{padding:1.6rem}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}");var d={wrapper:"flex p-16 border border-l-4 rounded-4 s-text",willChangeHeight:"will-change-height",textWrapper:"last-child:mb-0 text-s",title:"text-s",icon:"w-16 mr-8 min-w-16",negative:"s-border-negative-subtle s-border-l-negative s-bg-negative-subtle",negativeIcon:"s-icon-negative",positive:"s-border-positive-subtle s-border-l-positive s-bg-positive-subtle",positiveIcon:"s-icon-positive",warning:"s-border-warning-subtle s-border-l-warning s-bg-warning-subtle",warningIcon:"s-icon-warning",info:"s-border-info-subtle s-border-l-info s-bg-info-subtle",infoIcon:"s-icon-info"},b={negative:"negative",positive:"positive",warning:"warning",info:"info"},s=class extends N{constructor(){super();this.variant="info";this.show=!1;this.role="alert";this._internals=this.attachInternals(),this._internals.role="alert"}connectedCallback(){if(super.connectedCallback(),this.variant&&!b[this.variant])throw new Error(`Invalid 'variant' attribute. Set its value to one of the following:
-negative, positive, warning, info.`)}get _wrapperClasses(){let e=this.variant;return p([d.wrapper,d[e]])}get _iconClasses(){let e=this.variant,r=d[`${e}Icon`];return p([d.icon,r])}get _icon(){let e=k(),r=this.variant||"info";return r===b.info?c`<w-icon name="Info" size="small" locale="${e}" class="flex"></w-icon>`:r===b.warning?c`<w-icon name="Warning" size="small" locale="${e}" class="flex"></w-icon>`:r===b.negative?c`<w-icon name="Error" size="small" locale="${e}" class="flex"></w-icon>`:r===b.positive?c`<w-icon name="Success" size="small" locale="${e}" class="flex"></w-icon>`:""}render(){return c`
-      <w-expand-transition ?show=${this.show}>
-        <div role=${this.role} class=${this._wrapperClasses}>
-          <div class=${this._iconClasses}>${this._icon}</div>
-          <div class=${d.textWrapper}>
-            <slot></slot>
-          </div>
-        </div>
-      </w-expand-transition>
-    `}};s.styles=[y,z,F`
-      :host {
-        display: block;
-      }
-
-      ::slotted(:first-child) {
-        margin-top: 0px;
-      }
-
-      ::slotted(:last-child) {
-        margin-bottom: 0px !important;
-      }
-    `],i([m({reflect:!0,useDefault:!0})],s.prototype,"variant",2),i([m({type:Boolean,reflect:!0,useDefault:!0})],s.prototype,"show",2),i([m({reflect:!0,useDefault:!0})],s.prototype,"role",2);customElements.get("w-alert")||customElements.define("w-alert",s);export{s as WarpAlert};
+negative, positive, warning, info.`)}get _wrapperClasses(){let e=this.variant;return p([d.wrapper,d[e]])}get _iconClasses(){let e=this.variant,r=d[`${e}Icon`];return p([d.icon,r])}get _icon(){let e=k(),r=this.variant||"info";return r===b.info?c`<w-icon
+				name="Info"
+				size="small"
+				locale="${e}"
+				class="flex"
+			></w-icon>`:r===b.warning?c`<w-icon
+				name="Warning"
+				size="small"
+				locale="${e}"
+				class="flex"
+			></w-icon>`:r===b.negative?c`<w-icon
+				name="Error"
+				size="small"
+				locale="${e}"
+				class="flex"
+			></w-icon>`:r===b.positive?c`<w-icon
+				name="Success"
+				size="small"
+				locale="${e}"
+				class="flex"
+			></w-icon>`:""}render(){return c`
+			<w-expand-transition ?show=${this.show}>
+				<div role=${this.role} class=${this._wrapperClasses}>
+					<div class=${this._iconClasses}>${this._icon}</div>
+					<div class=${d.textWrapper}>
+						<slot></slot>
+					</div>
+				</div>
+			</w-expand-transition>
+		`}};s.styles=[y,z,F`
+			:host {
+				display: block;
+			}
+
+			::slotted(:first-child) {
+				margin-top: 0px;
+			}
+
+			::slotted(:last-child) {
+				margin-bottom: 0px !important;
+			}
+		`],i([m({reflect:!0,useDefault:!0})],s.prototype,"variant",2),i([m({type:Boolean,reflect:!0,useDefault:!0})],s.prototype,"show",2),i([m({reflect:!0,useDefault:!0})],s.prototype,"role",2);customElements.get("w-alert")||customElements.define("w-alert",s);export{s as WarpAlert};
 //# sourceMappingURL=alert.js.map