@warp-ds/elements 2.2.0-next.20 → 2.2.0-next.22

package/dist/packages/affix/react.d.ts

@@ -1,2 +1,2 @@
-import { WarpAffix } from './index.js';
+import { WarpAffix } from './index';
 export declare const Affix: import("@lit/react").ReactWebComponent<WarpAffix, {}>;

package/dist/packages/affix/react.js

@@ -1,8 +1,15 @@
-import React from 'react';
 import { createComponent } from '@lit/react';
-import { WarpAffix } from './index.js';
+import { LitElement } from 'lit';
+import React from 'react';
+// We do this in order to prevent users from bundling in the CE implementation when
+// they should be getting it from Eik.
+class Component extends LitElement {
+}
 export const Affix = createComponent({
     tagName: 'w-affix',
-    elementClass: WarpAffix,
+    // This tricks TS into thinking the stub we created above is still the actual implementation
+    // This ensures devs can import the react wrapper and use it with the full intellisense experience
+    // yet not bundling in the CE implementation into their app bundles.
+    elementClass: Component,
     react: React,
 });

package/dist/packages/alert/alert.react.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { Alert } from './react';
+declare const _default: {
+    title: string;
+    component: import("@lit/react").ReactWebComponent<import(".").WarpAlert, {}>;
+};
+export default _default;
+export type Story = StoryObj<typeof Alert>;
+export declare const Info: Story;
+export declare const Warning: Story;
+export declare const Negative: Story;
+export declare const Positive: Story;
+export declare const WithDescription: Story;

package/dist/packages/alert/alert.react.stories.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Alert } from './react';
+export default {
+    title: 'Feedback/Alert',
+    component: Alert,
+};
+export const Info = {
+    args: {
+        variant: 'info',
+        show: true,
+        role: 'alert',
+    },
+};
+export const Warning = {
+    args: {
+        variant: 'warning',
+        show: true,
+        role: 'alert',
+    },
+};
+export const Negative = {
+    args: {
+        variant: 'negative',
+        show: true,
+        role: 'alert',
+    },
+};
+export const Positive = {
+    args: {
+        variant: 'positive',
+        show: true,
+        role: 'alert',
+    },
+};
+export const WithDescription = {
+    args: {
+        variant: 'info',
+        show: true,
+        role: 'alert',
+        children: (React.createElement(React.Fragment, null,
+            React.createElement("h3", null, "Alert Title"),
+            React.createElement("p", null, "This is a more detailed alert message with additional description."))),
+    },
+};

package/dist/packages/alert/alert.stories.js

@@ -1,6 +1,6 @@
-import { html } from 'lit';
 import { spread } from '@open-wc/lit-helpers';
 import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
+import { html } from 'lit';
 import { prespread } from '../../.storybook/utilities.js';
 import '../utils/expand-transition.js';
 import './index.js';

package/dist/packages/alert/alert.test.js

@@ -5,7 +5,9 @@ import './index.js';
 test('renders an info', async () => {
     const page = render(html `<w-alert variant="info" show data-testid="infoMessage">This is information</w-alert>`);
     // Verify the icon correct icon is rendered
-    await expect.poll(() => page.getByTestId('infoMessage').element().shadowRoot.querySelector('w-icon-info-16')).toBeVisible();
+    await expect
+        .poll(() => page.getByTestId('infoMessage').element().shadowRoot.querySelector('w-icon-info-16'))
+        .toBeVisible();
     await expect.element(page.getByTestId('infoMessage')).toBeVisible();
     await expect.element(page.getByText('This is information')).toBeVisible();
 });

package/dist/packages/alert/index.d.ts

@@ -23,7 +23,7 @@ declare class WarpAlert extends LitElement {
     get _iconClasses(): string;
     static styles: import("lit").CSSResult[];
     /** @internal */
-    get _icon(): "" | import("lit").TemplateResult<1>;
+    get _icon(): import("lit").TemplateResult<1> | "";
     render(): import("lit").TemplateResult<1>;
 }
 export { WarpAlert };

package/dist/packages/alert/index.js

@@ -1,5 +1,5 @@
 var we=Object.create;var I=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var ke=Object.getPrototypeOf,ye=Object.prototype.hasOwnProperty;var X=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var _e=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of xe(e))!ye.call(r,a)&&a!==o&&I(r,a,{get:()=>e[a],enumerable:!(t=U(e,a))||t.enumerable});return r};var ze=(r,e,o)=>(o=r!=null?we(ke(r)):{},_e(e||!r||!r.__esModule?I(o,"default",{value:r,enumerable:!0}):o,r));var E=(r,e,o,t)=>{for(var a=t>1?void 0:t?U(e,o):e,n=r.length-1,i;n>=0;n--)(i=r[n])&&(a=(t?i(e,o,a):i(a))||a);return t&&a&&I(e,o,a),a};var Z=X(m=>{"use strict";Object.defineProperty(m,"__esModule",{value:!0});m.errorMessages=m.ErrorType=void 0;var w;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(w=m.ErrorType||(m.ErrorType={}));m.errorMessages=new Map([[w.MalformedUnicode,"malformed Unicode character escape sequence"],[w.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[w.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[w.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[w.EndOfString,"malformed escape sequence at end of string"]])});var K=X(u=>{"use strict";Object.defineProperty(u,"__esModule",{value:!0});u.unraw=u.errorMessages=u.ErrorType=void 0;var d=Z();Object.defineProperty(u,"ErrorType",{enumerable:!0,get:function(){return d.ErrorType}});Object.defineProperty(u,"errorMessages",{enumerable:!0,get:function(){return d.errorMessages}});function Ee(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function O(r,e,o){let t=Ee(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(d.errorMessages.get(e));return t}function Ce(r){let e=O(r,d.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function V(r,e){let o=O(r,d.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=O(e,d.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function Oe(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function Le(r){if(!Oe(r))throw new SyntaxError(d.errorMessages.get(d.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=O(e,d.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(d.errorMessages.get(d.ErrorType.CodePointLimit)):t}}function Me(r,e=!1){if(e)throw new SyntaxError(d.errorMessages.get(d.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var Ne=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Se(r){return Ne.get(r)||r}var Ie=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function q(r,e=!1){return r.replace(Ie,function(o,t,a,n,i,s,l,b,g){if(t!==void 0)return"\\";if(a!==void 0)return Ce(a);if(n!==void 0)return Le(n);if(i!==void 0)return V(i,s);if(l!==void 0)return V(l);if(b==="0")return"\0";if(b!==void 0)return Me(b,!e);if(g!==void 0)return Se(g);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}u.unraw=q;u.default=q});import{css as Hr,html as x,LitElement as Rr}from"lit";var C=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return r.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?C.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{property as J}from"lit/decorators.js";import{LitElement as Re}from"lit";import{unsafeStatic as Ue,html as Xe}from"lit/static-html.js";var W=ze(K(),1);var p=r=>typeof r=="string",je=r=>typeof r=="function",G=new Map,ee="en";function B(r){return[...Array.isArray(r)?r:[r],ee]}function Y(r,e,o){let t=B(r);o||(o="default");let a;if(typeof o=="string")switch(a={day:"numeric",month:"short",year:"numeric"},o){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=o;return L(()=>M("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(p(e)?new Date(e):e)}function Te(r,e,o){let t;if(o||(o="default"),typeof o=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=o;return Y(r,e,t)}function j(r,e,o){let t=B(r);return L(()=>M("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function Q(r,e,o,{offset:t=0,...a}){var s,l;let n=B(r),i=e?L(()=>M("plural-ordinal",n),()=>new Intl.PluralRules(n,{type:"ordinal"})):L(()=>M("plural-cardinal",n),()=>new Intl.PluralRules(n,{type:"cardinal"}));return(l=(s=a[o])!=null?s:a[i.select(o-t)])!=null?l:a.other}function L(r,e){let o=r(),t=G.get(o);return t||(t=e(),G.set(o,t)),t}function M(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var re=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,oe="%__lingui_octothorpe__%",De=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],n=(i,s)=>{let l=Object.keys(o).length?a("number"):void 0,b=j(t,i,l);return s.replace(new RegExp(oe,"g"),b)};return{plural:(i,s)=>{let{offset:l=0}=s,b=Q(t,!1,i,s);return n(i-l,b)},selectordinal:(i,s)=>{let{offset:l=0}=s,b=Q(t,!0,i,s);return n(i-l,b)},select:Be,number:(i,s)=>j(t,i,a(s)||{style:s}),date:(i,s)=>Y(t,i,a(s)||s),time:(i,s)=>Te(t,i,a(s)||s)}},Be=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Ye(r,e,o){return(t={},a)=>{let n=De(e,o,a),i=(l,b=!1)=>Array.isArray(l)?l.reduce((g,_)=>{if(_==="#"&&b)return g+oe;if(p(_))return g+_;let[H,v,R]=_,N={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(R).forEach(([S,fe])=>{N[S]=i(fe,v==="plural"||v==="selectordinal")}):N=R;let z;if(v){let S=n[v];z=S(t[H],N)}else z=t[H];return z==null?g:g+z},""):l,s=i(r);return p(s)&&re.test(s)?(0,W.unraw)(s):p(s)?s:s?String(s):""}}var Ae=Object.defineProperty,Pe=(r,e,o)=>e in r?Ae(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,$e=(r,e,o)=>(Pe(r,typeof e!="symbol"?e+"":e,o),o),T=class{constructor(){$e(this,"_events",{})}on(e,o){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(o),()=>this.removeListener(e,o)}removeListener(e,o){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(o);~a&&t.splice(a,1)}emit(e,...o){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,o))}_getListeners(e){let o=this._events[e];return Array.isArray(o)?o:!1}},Fe=Object.defineProperty,Je=(r,e,o)=>e in r?Fe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,h=(r,e,o)=>(Je(r,typeof e!="symbol"?e+"":e,o),o),D=class extends T{constructor(e){var o;super(),h(this,"_locale",""),h(this,"_locales"),h(this,"_localeData",{}),h(this,"_messages",{}),h(this,"_missing"),h(this,"_messageCompiler"),h(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((o=e.locale)!=null?o:ee,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),p(e)||(o=e.values||o,a=e.message,e=e.id);let n=this.messages[e],i=n===void 0,s=this._missing;if(s&&i)return je(s)?s(this._locale,e):s;i&&this.emit("missing",{id:e,locale:this._locale});let l=n||a||e;return p(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Se(r){return Ne.get(r)||r}var Ie=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function q(r,e=!1){return r.replace(Ie,function(o,t,a,n,i,s,l,b,g){if(t!==void 0)return"\\";if(a!==void 0)return Ce(a);if(n!==void 0)return Le(n);if(i!==void 0)return V(i,s);if(l!==void 0)return V(l);if(b==="0")return"\0";if(b!==void 0)return Me(b,!e);if(g!==void 0)return Se(g);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}u.unraw=q;u.default=q});var C=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return r.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?C.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{css as Hr,html as x,LitElement as Rr}from"lit";import{property as J}from"lit/decorators.js";import{LitElement as Re}from"lit";import{unsafeStatic as Ue,html as Xe}from"lit/static-html.js";var W=ze(K(),1);var p=r=>typeof r=="string",je=r=>typeof r=="function",G=new Map,ee="en";function B(r){return[...Array.isArray(r)?r:[r],ee]}function Y(r,e,o){let t=B(r);o||(o="default");let a;if(typeof o=="string")switch(a={day:"numeric",month:"short",year:"numeric"},o){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=o;return L(()=>M("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(p(e)?new Date(e):e)}function Te(r,e,o){let t;if(o||(o="default"),typeof o=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=o;return Y(r,e,t)}function j(r,e,o){let t=B(r);return L(()=>M("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function Q(r,e,o,{offset:t=0,...a}){var s,l;let n=B(r),i=e?L(()=>M("plural-ordinal",n),()=>new Intl.PluralRules(n,{type:"ordinal"})):L(()=>M("plural-cardinal",n),()=>new Intl.PluralRules(n,{type:"cardinal"}));return(l=(s=a[o])!=null?s:a[i.select(o-t)])!=null?l:a.other}function L(r,e){let o=r(),t=G.get(o);return t||(t=e(),G.set(o,t)),t}function M(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var re=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,oe="%__lingui_octothorpe__%",De=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],n=(i,s)=>{let l=Object.keys(o).length?a("number"):void 0,b=j(t,i,l);return s.replace(new RegExp(oe,"g"),b)};return{plural:(i,s)=>{let{offset:l=0}=s,b=Q(t,!1,i,s);return n(i-l,b)},selectordinal:(i,s)=>{let{offset:l=0}=s,b=Q(t,!0,i,s);return n(i-l,b)},select:Be,number:(i,s)=>j(t,i,a(s)||{style:s}),date:(i,s)=>Y(t,i,a(s)||s),time:(i,s)=>Te(t,i,a(s)||s)}},Be=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Ye(r,e,o){return(t={},a)=>{let n=De(e,o,a),i=(l,b=!1)=>Array.isArray(l)?l.reduce((g,_)=>{if(_==="#"&&b)return g+oe;if(p(_))return g+_;let[H,v,R]=_,N={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(R).forEach(([S,fe])=>{N[S]=i(fe,v==="plural"||v==="selectordinal")}):N=R;let z;if(v){let S=n[v];z=S(t[H],N)}else z=t[H];return z==null?g:g+z},""):l,s=i(r);return p(s)&&re.test(s)?(0,W.unraw)(s):p(s)?s:s?String(s):""}}var Ae=Object.defineProperty,Pe=(r,e,o)=>e in r?Ae(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,$e=(r,e,o)=>(Pe(r,typeof e!="symbol"?e+"":e,o),o),T=class{constructor(){$e(this,"_events",{})}on(e,o){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(o),()=>this.removeListener(e,o)}removeListener(e,o){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(o);~a&&t.splice(a,1)}emit(e,...o){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,o))}_getListeners(e){let o=this._events[e];return Array.isArray(o)?o:!1}},Fe=Object.defineProperty,Je=(r,e,o)=>e in r?Fe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,h=(r,e,o)=>(Je(r,typeof e!="symbol"?e+"":e,o),o),D=class extends T{constructor(e){var o;super(),h(this,"_locale",""),h(this,"_locales"),h(this,"_localeData",{}),h(this,"_messages",{}),h(this,"_missing"),h(this,"_messageCompiler"),h(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((o=e.locale)!=null?o:ee,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),p(e)||(o=e.values||o,a=e.message,e=e.id);let n=this.messages[e],i=n===void 0,s=this._missing;if(s&&i)return je(s)?s(this._locale,e):s;i&&this.emit("missing",{id:e,locale:this._locale});let l=n||a||e;return p(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
 
 > ${l}
 
@@ -2446,7 +2446,7 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `;import{css as Jr}from"lit";var he=Jr`*,: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}.flex{display:flex}.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 k={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"},y={negative:"negative",positive:"positive",warning:"warning",info:"info"},f=class extends Rr{constructor(){super();this.variant="info";this.show=!0;this.role="alert";this.show=!1,this.role="alert"}connectedCallback(){if(super.connectedCallback(),!this.variant||!y[this.variant])throw new Error(`Invalid 'variant' attribute. Set its value to one of the following:
+        `;import{css as Jr}from"lit";var he=Jr`*,: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}.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 k={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"},y={negative:"negative",positive:"positive",warning:"warning",info:"info"},f=class extends Rr{constructor(){super();this.variant="info";this.show=!0;this.role="alert";this.show=!1,this.role="alert"}connectedCallback(){if(super.connectedCallback(),!this.variant||!y[this.variant])throw new Error(`Invalid 'variant' attribute. Set its value to one of the following:
 negative, positive, warning, info.`)}get _wrapperClasses(){return C([k.wrapper,k[this.variant]])}get _iconClasses(){let o=k[`${this.variant}Icon`];return C([k.icon,o])}get _icon(){return this.variant===y.info?x` <w-icon-info-16></w-icon-info-16>`:this.variant===y.warning?x` <w-icon-warning-16></w-icon-warning-16>`:this.variant===y.negative?x` <w-icon-error-16></w-icon-error-16>`:this.variant===y.positive?x` <w-icon-success-16></w-icon-success-16>`:""}render(){return x`
       <w-expand-transition ?show=${this.show}>
         <div role=${this.role} class=${this._wrapperClasses}>