@aurodesignsystem/auro-alert - npm Package Compare versions

Comparing version 2.0.3 to 2.0.4

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+## [2.0.4](https://github.com/AlaskaAirlines/auro-alert/compare/v2.0.3...v2.0.4) (2023-06-29)
+
+
+### Performance Improvements
+
+* **deps:** remove unsed dependencies from project ([ab67636](https://github.com/AlaskaAirlines/auro-alert/commit/ab676369dfd3badb372c7077a4a30fc7f9e186b9))
+* fix general feedback ([1c70c07](https://github.com/AlaskaAirlines/auro-alert/commit/1c70c0760758b8fef5ca561f6cf7af8e26125d2e))
+* remove legacy es5 bundling resources [#31](https://github.com/AlaskaAirlines/auro-alert/issues/31) ([6c5b43a](https://github.com/AlaskaAirlines/auro-alert/commit/6c5b43a32e00c8ff705f07d6f91bf8af304f1ed6))
+* update to Lit2.0, TS support, issue templates, component registration extension [#32](https://github.com/AlaskaAirlines/auro-alert/issues/32) and update all depedencies legacy [#34](https://github.com/AlaskaAirlines/auro-alert/issues/34) ([c52ee38](https://github.com/AlaskaAirlines/auro-alert/commit/c52ee38f3d269bcd4d4667a8d7de54616be3a2c7))
+* update to node 18 [#33](https://github.com/AlaskaAirlines/auro-alert/issues/33) ([216ab80](https://github.com/AlaskaAirlines/auro-alert/commit/216ab8091b945d02b8632537055332655f661036))
+
 ## [2.0.3](https://github.com/AlaskaAirlines/auro-alert/compare/v2.0.2...v2.0.3) (2023-05-09)
@@ -4,0 +15,0 @@

demo/demo.md

@@ -340,1 +340,28 @@ # Alert
 </auro-accordion>
+
+
+## Recommended Use and Version Control
+
+There are two important parts of every Auro component. The <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">class</a> and the custom clement. The class is exported and then used as part of defining the Web Component. When importing this component as described in the <a href="#install">install</a> section, the class is imported and the `auro-alert` custom element is defined automatically.
+
+To protect from versioning conflicts with other instances of the component being loaded, it is recommended to use our `registerComponent(name)` method and pass in a unique name.
+
+```js
+import './node_modules/@alaskaairux/auro-alert';
+registerComponent('custom-alert');
+```
+
+This will create a new custom element that you can use in your HTML that will function identically to the `auro-alert` element.
+
+<div class="exampleWrapper">
+  <custom-alert type="warning">Salutations World!</custom-alert>
+</div>
+
+<auro-accordion lowProfile justifyRight>
+  <span slot="trigger">See code</span>
+
+  ```html
+  <custom-alert type="warning">Salutations World!</custom-alert>
+  ```
+
+</auro-accordion>

dist/auro-alert__bundled.js

 /**
  * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
  */
-const t=new WeakMap,e=e=>"function"==typeof e&&t.has(e),s="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,i=(t,e,s=null)=>{for(;e!==s;){const s=e.nextSibling;t.removeChild(e),e=s}},r={},o={},n=`{{lit-${String(Math.random()).slice(2)}}}`,a=`\x3c!--${n}--\x3e`,l=new RegExp(`${n}|${a}`);class h{constructor(t,e){this.parts=[],this.element=e;const s=[],i=[],r=document.createTreeWalker(e.content,133,null,!1);let o=0,a=-1,h=0;const{strings:c,values:{length:g}}=t;for(;h<g;){const t=r.nextNode();if(null!==t){if(a++,1===t.nodeType){if(t.hasAttributes()){const e=t.attributes,{length:s}=e;let i=0;for(let t=0;t<s;t++)d(e[t].name,"$lit$")&&i++;for(;i-- >0;){const e=c[h],s=u.exec(e)[2],i=s.toLowerCase()+"$lit$",r=t.getAttribute(i);t.removeAttribute(i);const o=r.split(l);this.parts.push({type:"attribute",index:a,name:s,strings:o}),h+=o.length-1}}"TEMPLATE"===t.tagName&&(i.push(t),r.currentNode=t.content)}else if(3===t.nodeType){const e=t.data;if(e.indexOf(n)>=0){const i=t.parentNode,r=e.split(l),o=r.length-1;for(let e=0;e<o;e++){let s,o=r[e];if(""===o)s=p();else{const t=u.exec(o);null!==t&&d(t[2],"$lit$")&&(o=o.slice(0,t.index)+t[1]+t[2].slice(0,-"$lit$".length)+t[3]),s=document.createTextNode(o)}i.insertBefore(s,t),this.parts.push({type:"node",index:++a})}""===r[o]?(i.insertBefore(p(),t),s.push(t)):t.data=r[o],h+=o}}else if(8===t.nodeType)if(t.data===n){const e=t.parentNode;null!==t.previousSibling&&a!==o||(a++,e.insertBefore(p(),t)),o=a,this.parts.push({type:"node",index:a}),null===t.nextSibling?t.data="":(s.push(t),a--),h++}else{let e=-1;for(;-1!==(e=t.data.indexOf(n,e+1));)this.parts.push({type:"node",index:-1}),h++}}else r.currentNode=i.pop()}for(const t of s)t.parentNode.removeChild(t)}}const d=(t,e)=>{const s=t.length-e.length;return s>=0&&t.slice(s)===e},c=t=>-1!==t.index,p=()=>document.createComment(""),u=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;
+const t$1=window,e$2=t$1.ShadowRoot&&(void 0===t$1.ShadyCSS||t$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$3=Symbol(),n$4=new WeakMap;let o$3 = class o{constructor(t,e,n){if(this._$cssResult$=!0,n!==s$3)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$2&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=n$4.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&n$4.set(s,t));}return t}toString(){return this.cssText}};const r$2=t=>new o$3("string"==typeof t?t:t+"",void 0,s$3),i$1=(t,...e)=>{const n=1===t.length?t[0]:e.reduce(((e,s,n)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[n+1]),t[0]);return new o$3(n,t,s$3)},S$1=(s,n)=>{e$2?s.adoptedStyleSheets=n.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):n.forEach((e=>{const n=document.createElement("style"),o=t$1.litNonce;void 0!==o&&n.setAttribute("nonce",o),n.textContent=e.cssText,s.appendChild(n);}));},c$1=e$2?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$2(e)})(t):t;
+
 /**
  * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-class g{constructor(t,e,s){this.__parts=[],this.template=t,this.processor=e,this.options=s}update(t){let e=0;for(const s of this.__parts)void 0!==s&&s.setValue(t[e]),e++;for(const t of this.__parts)void 0!==t&&t.commit()}_clone(){const t=s?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),e=[],i=this.template.parts,r=document.createTreeWalker(t,133,null,!1);let o,n=0,a=0,l=r.nextNode();for(;n<i.length;)if(o=i[n],c(o)){for(;a<o.index;)a++,"TEMPLATE"===l.nodeName&&(e.push(l),r.currentNode=l.content),null===(l=r.nextNode())&&(r.currentNode=e.pop(),l=r.nextNode());if("node"===o.type){const t=this.processor.handleTextExpression(this.options);t.insertAfterNode(l.previousSibling),this.__parts.push(t)}else this.__parts.push(...this.processor.handleAttributeExpressions(l,o.name,o.strings,this.options));n++}else this.__parts.push(void 0),n++;return s&&(document.adoptNode(t),customElements.upgrade(t)),t}}
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var s$2;const e$1=window,r$1=e$1.trustedTypes,h$1=r$1?r$1.emptyScript:"",o$2=e$1.reactiveElementPolyfillSupport,n$3={toAttribute(t,i){switch(i){case Boolean:t=t?h$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,i){let s=t;switch(i){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t);}catch(t){s=null;}}return s}},a$1=(t,i)=>i!==t&&(i==i||t==t),l$2={attribute:!0,type:String,converter:n$3,reflect:!1,hasChanged:a$1};let d$1 = class d extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u();}static addInitializer(t){var i;this.finalize(),(null!==(i=this.h)&&void 0!==i?i:this.h=[]).push(t);}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((i,s)=>{const e=this._$Ep(s,i);void 0!==e&&(this._$Ev.set(e,s),t.push(e));})),t}static createProperty(t,i=l$2){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(t,i),!i.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,e=this.getPropertyDescriptor(t,s,i);void 0!==e&&Object.defineProperty(this.prototype,t,e);}}static getPropertyDescriptor(t,i,s){return {get(){return this[i]},set(e){const r=this[t];this[i]=e,this.requestUpdate(t,r,s);},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$2}static finalize(){if(this.hasOwnProperty("finalized"))return !1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of i)this.createProperty(s,t[s]);}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(i){const s=[];if(Array.isArray(i)){const e=new Set(i.flat(1/0).reverse());for(const i of e)s.unshift(c$1(i));}else void 0!==i&&s.push(c$1(i));return s}static _$Ep(t,i){const s=i.attribute;return !1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)));}addController(t){var i,s;(null!==(i=this._$ES)&&void 0!==i?i:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t));}removeController(t){var i;null===(i=this._$ES)||void 0===i||i.splice(this._$ES.indexOf(t)>>>0,1);}_$Eg(){this.constructor.elementProperties.forEach(((t,i)=>{this.hasOwnProperty(i)&&(this._$Ei.set(i,this[i]),delete this[i]);}));}createRenderRoot(){var t;const s=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return S$1(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostConnected)||void 0===i?void 0:i.call(t)}));}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostDisconnected)||void 0===i?void 0:i.call(t)}));}attributeChangedCallback(t,i,s){this._$AK(t,s);}_$EO(t,i,s=l$2){var e;const r=this.constructor._$Ep(t,s);if(void 0!==r&&!0===s.reflect){const h=(void 0!==(null===(e=s.converter)||void 0===e?void 0:e.toAttribute)?s.converter:n$3).toAttribute(i,s.type);this._$El=t,null==h?this.removeAttribute(r):this.setAttribute(r,h),this._$El=null;}}_$AK(t,i){var s;const e=this.constructor,r=e._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=e.getPropertyOptions(r),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(s=t.converter)||void 0===s?void 0:s.fromAttribute)?t.converter:n$3;this._$El=r,this[r]=h.fromAttribute(i,t.type),this._$El=null;}}requestUpdate(t,i,s){let e=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||a$1)(this[t],i)?(this._$AL.has(t)||this._$AL.set(t,i),!0===s.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):e=!1),!this.isUpdatePending&&e&&(this._$E_=this._$Ej());}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,i)=>this[i]=t)),this._$Ei=void 0);let i=!1;const s=this._$AL;try{i=this.shouldUpdate(s),i?(this.willUpdate(s),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostUpdate)||void 0===i?void 0:i.call(t)})),this.update(s)):this._$Ek();}catch(t){throw i=!1,this._$Ek(),t}i&&this._$AE(s);}willUpdate(t){}_$AE(t){var i;null===(i=this._$ES)||void 0===i||i.forEach((t=>{var i;return null===(i=t.hostUpdated)||void 0===i?void 0:i.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t);}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return !0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,i)=>this._$EO(i,this[i],t))),this._$EC=void 0),this._$Ek();}updated(t){}firstUpdated(t){}};d$1.finalized=!0,d$1.elementProperties=new Map,d$1.elementStyles=[],d$1.shadowRootOptions={mode:"open"},null==o$2||o$2({ReactiveElement:d$1}),(null!==(s$2=e$1.reactiveElementVersions)&&void 0!==s$2?s$2:e$1.reactiveElementVersions=[]).push("1.6.1");
+
 /**
  * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */const m=window.trustedTypes&&trustedTypes.createPolicy("lit-html",{createHTML:t=>t}),_=` ${n} `;class y{constructor(t,e,s,i){this.strings=t,this.values=e,this.type=s,this.processor=i}getHTML(){const t=this.strings.length-1;let e="",s=!1;for(let i=0;i<t;i++){const t=this.strings[i],r=t.lastIndexOf("\x3c!--");s=(r>-1||s)&&-1===t.indexOf("--\x3e",r+1);const o=u.exec(t);e+=null===o?t+(s?_:a):t.substr(0,o.index)+o[1]+o[2]+"$lit$"+o[3]+n}return e+=this.strings[t],e}getTemplateElement(){const t=document.createElement("template");let e=this.getHTML();return void 0!==m&&(e=m.createHTML(e)),t.innerHTML=e,t}}
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var t;const i=window,s$1=i.trustedTypes,e=s$1?s$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$1="$lit$",n$2=`lit$${(Math.random()+"").slice(9)}$`,l$1="?"+n$2,h=`<${l$1}>`,r=document,d=()=>r.createComment(""),u=t=>null===t||"object"!=typeof t&&"function"!=typeof t,c=Array.isArray,v=t=>c(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),a="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,m=/>/g,p=RegExp(`>|${a}(?:([^\\s"'>=/]+)(${a}*=${a}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,w=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x=w(1),T=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),E=new WeakMap,C=r.createTreeWalker(r,129,null,!1),P=(t,i)=>{const s=t.length-1,l=[];let r,d=2===i?"<svg>":"",u=f;for(let i=0;i<s;i++){const s=t[i];let e,c,v=-1,a=0;for(;a<s.length&&(u.lastIndex=a,c=u.exec(s),null!==c);)a=u.lastIndex,u===f?"!--"===c[1]?u=_:void 0!==c[1]?u=m:void 0!==c[2]?(y.test(c[2])&&(r=RegExp("</"+c[2],"g")),u=p):void 0!==c[3]&&(u=p):u===p?">"===c[0]?(u=null!=r?r:f,v=-1):void 0===c[1]?v=-2:(v=u.lastIndex-c[2].length,e=c[1],u=void 0===c[3]?p:'"'===c[3]?$:g):u===$||u===g?u=p:u===_||u===m?u=f:(u=p,r=void 0);const w=u===p&&t[i+1].startsWith("/>")?" ":"";d+=u===f?s+h:v>=0?(l.push(e),s.slice(0,v)+o$1+s.slice(v)+n$2+w):s+n$2+(-2===v?(l.push(void 0),i):w);}const c=d+(t[s]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return [void 0!==e?e.createHTML(c):c,l]};class V{constructor({strings:t,_$litType$:i},e){let h;this.parts=[];let r=0,u=0;const c=t.length-1,v=this.parts,[a,f]=P(t,i);if(this.el=V.createElement(a,e),C.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(h=C.nextNode())&&v.length<c;){if(1===h.nodeType){if(h.hasAttributes()){const t=[];for(const i of h.getAttributeNames())if(i.endsWith(o$1)||i.startsWith(n$2)){const s=f[u++];if(t.push(i),void 0!==s){const t=h.getAttribute(s.toLowerCase()+o$1).split(n$2),i=/([.?@])?(.*)/.exec(s);v.push({type:1,index:r,name:i[2],strings:t,ctor:"."===i[1]?k:"?"===i[1]?I:"@"===i[1]?L:R});}else v.push({type:6,index:r});}for(const i of t)h.removeAttribute(i);}if(y.test(h.tagName)){const t=h.textContent.split(n$2),i=t.length-1;if(i>0){h.textContent=s$1?s$1.emptyScript:"";for(let s=0;s<i;s++)h.append(t[s],d()),C.nextNode(),v.push({type:2,index:++r});h.append(t[i],d());}}}else if(8===h.nodeType)if(h.data===l$1)v.push({type:2,index:r});else {let t=-1;for(;-1!==(t=h.data.indexOf(n$2,t+1));)v.push({type:7,index:r}),t+=n$2.length-1;}r++;}}static createElement(t,i){const s=r.createElement("template");return s.innerHTML=t,s}}function N(t,i,s=t,e){var o,n,l,h;if(i===T)return i;let r=void 0!==e?null===(o=s._$Co)||void 0===o?void 0:o[e]:s._$Cl;const d=u(i)?void 0:i._$litDirective$;return (null==r?void 0:r.constructor)!==d&&(null===(n=null==r?void 0:r._$AO)||void 0===n||n.call(r,!1),void 0===d?r=void 0:(r=new d(t),r._$AT(t,s,e)),void 0!==e?(null!==(l=(h=s)._$Co)&&void 0!==l?l:h._$Co=[])[e]=r:s._$Cl=r),void 0!==r&&(i=N(t,r._$AS(t,i.values),r,e)),i}class S{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:r).importNode(s,!0);C.currentNode=o;let n=C.nextNode(),l=0,h=0,d=e[0];for(;void 0!==d;){if(l===d.index){let i;2===d.type?i=new M(n,n.nextSibling,this,t):1===d.type?i=new d.ctor(n,d.name,d.strings,this,t):6===d.type&&(i=new z(n,this,t)),this._$AV.push(i),d=e[++h];}l!==(null==d?void 0:d.index)&&(n=C.nextNode(),l++);}return C.currentNode=r,o}v(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class M{constructor(t,i,s,e){var o;this.type=2,this._$AH=A,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cp=null===(o=null==e?void 0:e.isConnected)||void 0===o||o;}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===(null==t?void 0:t.nodeType)&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=N(this,t,i),u(t)?t===A||null==t||""===t?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):v(t)?this.T(t):this._(t);}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t));}_(t){this._$AH!==A&&u(this._$AH)?this._$AA.nextSibling.data=t:this.$(r.createTextNode(t)),this._$AH=t;}g(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=V.createElement(e.h,this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.v(s);else {const t=new S(o,this),i=t.u(this.options);t.v(s),this.$(i),this._$AH=t;}}_$AC(t){let i=E.get(t.strings);return void 0===i&&E.set(t.strings,i=new V(t)),i}T(t){c(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const o of t)e===i.length?i.push(s=new M(this.k(d()),this.k(d()),this,this.options)):s=i[e],s._$AI(o),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){var i;void 0===this._$AM&&(this._$Cp=t,null===(i=this._$AP)||void 0===i||i.call(this,t));}}class R{constructor(t,i,s,e,o){this.type=1,this._$AH=A,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=A;}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=N(this,t,i,0),n=!u(t)||t!==this._$AH&&t!==T,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=N(this,e[s+l],i,l),h===T&&(h=this._$AH[l]),n||(n=!u(h)||h!==this._$AH[l]),h===A?t=A:t!==A&&(t+=(null!=h?h:"")+o[l+1]),this._$AH[l]=h;}n&&!e&&this.j(t);}j(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}}class k extends R{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===A?void 0:t;}}const H=s$1?s$1.emptyScript:"";class I extends R{constructor(){super(...arguments),this.type=4;}j(t){t&&t!==A?this.element.setAttribute(this.name,H):this.element.removeAttribute(this.name);}}class L extends R{constructor(t,i,s,e,o){super(t,i,s,e,o),this.type=5;}_$AI(t,i=this){var s;if((t=null!==(s=N(this,t,i,0))&&void 0!==s?s:A)===T)return;const e=this._$AH,o=t===A&&e!==A||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==A&&(e===A||o);o&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){var i,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t);}}class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){N(this,t);}}const j=i.litHtmlPolyfillSupport;null==j||j(V,M),(null!==(t=i.litHtmlVersions)&&void 0!==t?t:i.litHtmlVersions=[]).push("2.7.4");const B=(t,i,s)=>{var e,o;const n=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let l=n._$litPart$;if(void 0===l){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;n._$litPart$=l=new M(i.insertBefore(d(),t),t,void 0,null!=s?s:{});}return l._$AI(t),l};
+
 /**
  * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */const f=t=>null===t||!("object"==typeof t||"function"==typeof t),v=t=>Array.isArray(t)||!(!t||!t[Symbol.iterator]);class w{constructor(t,e,s){this.dirty=!0,this.element=t,this.name=e,this.strings=s,this.parts=[];for(let t=0;t<s.length-1;t++)this.parts[t]=this._createPart()}_createPart(){return new b(this)}_getValue(){const t=this.strings,e=t.length-1,s=this.parts;if(1===e&&""===t[0]&&""===t[1]){const t=s[0].value;if("symbol"==typeof t)return String(t);if("string"==typeof t||!v(t))return t}let i="";for(let r=0;r<e;r++){i+=t[r];const e=s[r];if(void 0!==e){const t=e.value;if(f(t)||!v(t))i+="string"==typeof t?t:String(t);else for(const e of t)i+="string"==typeof e?e:String(e)}}return i+=t[e],i}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class b{constructor(t){this.value=void 0,this.committer=t}setValue(t){t===r||f(t)&&t===this.value||(this.value=t,e(t)||(this.committer.dirty=!0))}commit(){for(;e(this.value);){const t=this.value;this.value=r,t(this)}this.value!==r&&this.committer.commit()}}class S{constructor(t){this.value=void 0,this.__pendingValue=void 0,this.options=t}appendInto(t){this.startNode=t.appendChild(p()),this.endNode=t.appendChild(p())}insertAfterNode(t){this.startNode=t,this.endNode=t.nextSibling}appendIntoPart(t){t.__insert(this.startNode=p()),t.__insert(this.endNode=p())}insertAfterPart(t){t.__insert(this.startNode=p()),this.endNode=t.endNode,t.endNode=this.startNode}setValue(t){this.__pendingValue=t}commit(){if(null===this.startNode.parentNode)return;for(;e(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=r,t(this)}const t=this.__pendingValue;t!==r&&(f(t)?t!==this.value&&this.__commitText(t):t instanceof y?this.__commitTemplateResult(t):t instanceof Node?this.__commitNode(t):v(t)?this.__commitIterable(t):t===o?(this.value=o,this.clear()):this.__commitText(t))}__insert(t){this.endNode.parentNode.insertBefore(t,this.endNode)}__commitNode(t){this.value!==t&&(this.clear(),this.__insert(t),this.value=t)}__commitText(t){const e=this.startNode.nextSibling,s="string"==typeof(t=null==t?"":t)?t:String(t);e===this.endNode.previousSibling&&3===e.nodeType?e.data=s:this.__commitNode(document.createTextNode(s)),this.value=t}__commitTemplateResult(t){const e=this.options.templateFactory(t);if(this.value instanceof g&&this.value.template===e)this.value.update(t.values);else{const s=new g(e,t.processor,this.options),i=s._clone();s.update(t.values),this.__commitNode(i),this.value=s}}__commitIterable(t){Array.isArray(this.value)||(this.value=[],this.clear());const e=this.value;let s,i=0;for(const r of t)s=e[i],void 0===s&&(s=new S(this.options),e.push(s),0===i?s.appendIntoPart(this):s.insertAfterPart(e[i-1])),s.setValue(r),s.commit(),i++;i<e.length&&(e.length=i,this.clear(s&&s.endNode))}clear(t=this.startNode){i(this.startNode.parentNode,t.nextSibling,this.endNode)}}class x{constructor(t,e,s){if(this.value=void 0,this.__pendingValue=void 0,2!==s.length||""!==s[0]||""!==s[1])throw new Error("Boolean attributes can only contain a single expression");this.element=t,this.name=e,this.strings=s}setValue(t){this.__pendingValue=t}commit(){for(;e(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=r,t(this)}if(this.__pendingValue===r)return;const t=!!this.__pendingValue;this.value!==t&&(t?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=t),this.__pendingValue=r}}class P extends w{constructor(t,e,s){super(t,e,s),this.single=2===s.length&&""===s[0]&&""===s[1]}_createPart(){return new N(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class N extends b{}let C=!1;(()=>{try{const t={get capture(){return C=!0,!1}};window.addEventListener("test",t,t),window.removeEventListener("test",t,t)}catch(t){}})();class A{constructor(t,e,s){this.value=void 0,this.__pendingValue=void 0,this.element=t,this.eventName=e,this.eventContext=s,this.__boundHandleEvent=t=>this.handleEvent(t)}setValue(t){this.__pendingValue=t}commit(){for(;e(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=r,t(this)}if(this.__pendingValue===r)return;const t=this.__pendingValue,s=this.value,i=null==t||null!=s&&(t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive),o=null!=t&&(null==s||i);i&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),o&&(this.__options=V(t),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=t,this.__pendingValue=r}handleEvent(t){"function"==typeof this.value?this.value.call(this.eventContext||this.element,t):this.value.handleEvent(t)}}const V=t=>t&&(C?{capture:t.capture,passive:t.passive,once:t.once}:t.capture)
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var l,o;class s extends d$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(i,this.renderRoot,this.renderOptions);}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0);}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1);}render(){return T}}s.finalized=!0,s._$litElement$=!0,null===(l=globalThis.litElementHydrateSupport)||void 0===l||l.call(globalThis,{LitElement:s});const n$1=globalThis.litElementPolyfillSupport;null==n$1||n$1({LitElement:s});(null!==(o=globalThis.litElementVersions)&&void 0!==o?o:globalThis.litElementVersions=[]).push("3.3.2");
+
 /**
  * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */;const T=new class{handleAttributeExpressions(t,e,s,i){const r=e[0];if("."===r){return new P(t,e.slice(1),s).parts}if("@"===r)return[new A(t,e.slice(1),i.eventContext)];if("?"===r)return[new x(t,e.slice(1),s)];return new w(t,e,s).parts}handleTextExpression(t){return new S(t)}};
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var n;null!=(null===(n=window.HTMLSlotElement)||void 0===n?void 0:n.prototype.assignedElements)?(o,n)=>o.assignedElements(n):(o,n)=>o.assignedNodes(n).filter((o=>o.nodeType===Node.ELEMENT_NODE));
+
 /**
  * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */function E(t){let e=k.get(t.type);void 0===e&&(e={stringsArray:new WeakMap,keyString:new Map},k.set(t.type,e));let s=e.stringsArray.get(t.strings);if(void 0!==s)return s;const i=t.strings.join(n);return s=e.keyString.get(i),void 0===s&&(s=new h(t,t.getTemplateElement()),e.keyString.set(i,s)),e.stringsArray.set(t.strings,s),s}const k=new Map,U=new WeakMap;
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */console.warn("The main 'lit-element' module entrypoint is deprecated. Please update your imports to use the 'lit' package: 'lit' and 'lit/decorators.ts' or import from 'lit-element/lit-element.ts'. See https://lit.dev/msg/deprecated-import-path for more information.");
+
+// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
+// See LICENSE in the project root for license information.
+
+
 /**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
+ * @attr {Boolean} hidden - If present, the component will be hidden both visually and from screen readers
+ * @attr {Boolean} hiddenVisually - If present, the component will be hidden visually, but still read by screen readers
+ * @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually
  */
+
+class AuroElement extends s {
+
+  // function to define props used within the scope of this component
+  static get properties() {
+    return {
+      hidden:         { type: Boolean,
+                        reflect: true },
+      hiddenVisually: { type: Boolean,
+                        reflect: true },
+      hiddenAudible:  { type: Boolean,
+                        reflect: true },
+    };
+  }
+
+  /**
+   * @private Function that determines state of aria-hidden
+   */
+  hideAudible(value) {
+    if (value) {
+      return 'true'
+    }
+
+    return 'false'
+  }
+}
+
+var error = {"role":"img","color":"currentColor","title":"","desc":"Error alert indicator.","width":"var(--auro-size-lg)","height":"var(--auro-size-lg)","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","name":"error","category":"alert","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"error__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg);height:var(--auro-size-lg);fill:currentColor\" viewBox=\"0 0 24 24\"><title/><desc id=\"error__desc\">Error alert indicator.</desc><path d=\"m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0Zm-1.165.87a.234.234 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084ZM12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5Zm-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583Z\"/></svg>"};
+
+var warning = {"role":"img","color":"currentColor","title":"","desc":"Alerts user of troubling or concerning situation.","width":"var(--auro-size-lg)","height":"var(--auro-size-lg)","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","name":"warning-stroke","category":"alert","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"warning-stroke__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg);height:var(--auro-size-lg);fill:currentColor\" viewBox=\"0 0 24 24\"><title/><desc id=\"warning-stroke__desc\">Alerts user of troubling or concerning situation.</desc><path d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 12a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5ZM12 7a.75.75 0 0 1 .743.648l.007.102V14a.75.75 0 0 1-1.493.102L11.25 14V7.75A.75.75 0 0 1 12 7Z\"/></svg>"};
+
+var information = {"role":"img","color":"currentColor","title":"","desc":"Important information indicator.","width":"var(--auro-size-lg)","height":"var(--auro-size-lg)","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","name":"information-stroke","category":"alert","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"information-stroke__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg);height:var(--auro-size-lg);fill:currentColor\" viewBox=\"0 0 24 24\"><title/><desc id=\"information-stroke__desc\">Important information indicator.</desc><path d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 5.75a.75.75 0 0 1 .743.648l.007.102v6.25a.75.75 0 0 1-1.493.102l-.007-.102V10a.75.75 0 0 1 .75-.75ZM12 7a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5Z\"/></svg>"};
+
+var success = {"role":"img","color":"currentColor","title":"","desc":"","width":"var(--auro-size-lg)","height":"var(--auro-size-lg)","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","name":"check-stroke","category":"interface","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg);height:var(--auro-size-lg);fill:currentColor\" viewBox=\"0 0 24 24\"><title/><path d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm-1.524 10.416 4.971-5.423a.75.75 0 0 1 1.175.927l-.07.087-5.5 6a.75.75 0 0 1-.996.098l-.086-.075-2.5-2.5a.75.75 0 0 1 .976-1.133l.084.073 1.946 1.946 4.971-5.423-4.97 5.423Z\"/></svg>"};
+
+var styleCss = i$1`:root{--auro-asset-font-circular-family-name:"AS Circular";--auro-asset-font-circular-filename:"ASCircularWeb";--auro-asset-font-circular-weight-light:"-Light";--auro-asset-font-circular-weight-medium:"-Medium";--auro-asset-font-circular-weight-book:"-Book";--auro-border-radius:0.375rem;--auro-size-25:0.125rem;--auro-size-50:0.25rem;--auro-size-100:0.5rem;--auro-size-150:0.75rem;--auro-size-200:1rem;--auro-size-300:1.5rem;--auro-size-400:2rem;--auro-size-500:2.5rem;--auro-size-600:3rem;--auro-size-700:3.5rem;--auro-size-800:4rem;--auro-size-900:4.5rem;--auro-size-1000:5rem;--auro-size-none:0rem;--auro-size-xxxs:0.125rem;--auro-size-xxs:0.25rem;--auro-size-xs:0.5rem;--auro-size-sm:0.75rem;--auro-size-md:1rem;--auro-size-lg:1.5rem;--auro-size-xl:2rem;--auro-size-xxl:3rem;--auro-size-xxxl:4rem;--auro-unitless-scale-20:0.25;--auro-unitless-scale-50:0.5;--auro-unitless-scale-100:1;--auro-unitless-scale-140:1.4;--auro-unitless-scale-150:1.5;--auro-unitless-scale-200:2;--auro-unitless-scale-300:3;--auro-unitless-scale-350:3.5;--auro-animation-default-property:all;--auro-animation-default-duration:0.3s;--auro-animation-default-timing:ease-out;--auro-breakpoint-sm:660px;--auro-breakpoint-md:1024px;--auro-breakpoint-lg:1232px;--auro-depth-dialog:100;--auro-depth-overlay:200;--auro-depth-modal:400;--auro-depth-tooltip:300;--auro-elevation-100:0px 0px 5px rgba(0, 0, 0, 0.15);--auro-elevation-200:0px 0px 10px rgba(0, 0, 0, 0.15);--auro-elevation-300:0px 0px 15px rgba(0, 0, 0, 0.2);--auro-grid-breakpoint-xs:320px;--auro-grid-breakpoint-sm:576px;--auro-grid-breakpoint-md:768px;--auro-grid-breakpoint-lg:1024px;--auro-grid-breakpoint-xl:1232px;--auro-grid-column-xs:6;--auro-grid-column-sm:12;--auro-grid-column-md:12;--auro-grid-column-lg:12;--auro-grid-column-xl:12;--auro-grid-gutter-xs:0.5rem;--auro-grid-gutter-sm:1rem;--auro-grid-gutter-md:1.5rem;--auro-grid-gutter-lg:1.5rem;--auro-grid-gutter-xl:2rem;--auro-grid-margin-xs:1rem;--auro-grid-margin-sm:1rem;--auro-grid-margin-md:1.5rem;--auro-grid-margin-lg:2rem;--auro-grid-margin-xl:2rem;--auro-font-family-default:"AS Circular", Helvetica Neue, Arial, sans-serif;--auro-font-family-mono:Menlo, Monaco, Consolas, "Courier New", monospace;--auro-text-heading-300-weight:300;--auro-text-heading-300-px:18px;--auro-text-heading-300-size:1.125rem;--auro-text-heading-300-height:1.625rem;--auro-text-heading-300-height-px:26px;--auro-text-heading-400-weight:300;--auro-text-heading-400-px:20px;--auro-text-heading-400-size:1.25rem;--auro-text-heading-400-height:1.625rem;--auro-text-heading-400-height-px:26px;--auro-text-heading-500-weight:300;--auro-text-heading-500-px-breakpoint-sm:22px;--auro-text-heading-500-px-breakpoint-md:24px;--auro-text-heading-500-px-breakpoint-lg:24px;--auro-text-heading-500-size-breakpoint-sm:1.375rem;--auro-text-heading-500-size-breakpoint-md:1.5rem;--auro-text-heading-500-size-breakpoint-lg:1.5rem;--auro-text-heading-500-height-breakpoint-sm:1.625rem;--auro-text-heading-500-height-breakpoint-px-sm:26px;--auro-text-heading-500-height-breakpoint-md:1.875rem;--auro-text-heading-500-height-breakpoint-px-md:30px;--auro-text-heading-500-height-breakpoint-lg:2rem;--auro-text-heading-500-height-breakpoint-px-lg:32px;--auro-text-heading-600-weight:300;--auro-text-heading-600-px-breakpoint-sm:26px;--auro-text-heading-600-px-breakpoint-md:28px;--auro-text-heading-600-px-breakpoint-lg:28px;--auro-text-heading-600-size-breakpoint-sm:1.625rem;--auro-text-heading-600-size-breakpoint-md:1.75rem;--auro-text-heading-600-size-breakpoint-lg:1.75rem;--auro-text-heading-600-height-breakpoint-sm:1.875rem;--auro-text-heading-600-height-breakpoint-px-sm:30px;--auro-text-heading-600-height-breakpoint-md:2.125rem;--auro-text-heading-600-height-breakpoint-px-md:34px;--auro-text-heading-600-height-breakpoint-lg:2.25rem;--auro-text-heading-600-height-breakpoint-px-lg:36px;--auro-text-heading-700-weight:500;--auro-text-heading-700-px-breakpoint-sm:28px;--auro-text-heading-700-px-breakpoint-md:32px;--auro-text-heading-700-px-breakpoint-lg:36px;--auro-text-heading-700-size-breakpoint-sm:1.75rem;--auro-text-heading-700-size-breakpoint-md:2rem;--auro-text-heading-700-size-breakpoint-lg:2.25rem;--auro-text-heading-700-height-breakpoint-sm:2.125rem;--auro-text-heading-700-height-breakpoint-px-sm:34px;--auro-text-heading-700-height-breakpoint-md:2.375rem;--auro-text-heading-700-height-breakpoint-px-md:38px;--auro-text-heading-700-height-breakpoint-lg:2.75rem;--auro-text-heading-700-height-breakpoint-px-lg:44px;--auro-text-heading-800-weight:500;--auro-text-heading-800-px-breakpoint-sm:32px;--auro-text-heading-800-px-breakpoint-md:36px;--auro-text-heading-800-px-breakpoint-lg:40px;--auro-text-heading-800-size-breakpoint-sm:2rem;--auro-text-heading-800-size-breakpoint-md:2.25rem;--auro-text-heading-800-size-breakpoint-lg:2.5rem;--auro-text-heading-800-height-breakpoint-sm:2.375rem;--auro-text-heading-800-height-breakpoint-px-sm:38px;--auro-text-heading-800-height-breakpoint-md:2.625rem;--auro-text-heading-800-height-breakpoint-px-md:42px;--auro-text-heading-800-height-breakpoint-lg:3rem;--auro-text-heading-800-height-breakpoint-px-lg:48px;--auro-text-heading-default-weight:500;--auro-text-heading-default-margin:0;--auro-text-heading-default-spacing:-0.2px;--auro-text-heading-medium-weight:300;--auro-text-heading-display-weight:100;--auro-text-heading-display-px-breakpoint-sm:44px;--auro-text-heading-display-px-breakpoint-md:48px;--auro-text-heading-display-px-breakpoint-lg:56px;--auro-text-heading-display-size-breakpoint-sm:2.75rem;--auro-text-heading-display-size-breakpoint-md:3rem;--auro-text-heading-display-size-breakpoint-lg:3.5rem;--auro-text-heading-display-height-breakpoint-sm:3.375rem;--auro-text-heading-display-height-breakpoint-px-sm:54px;--auro-text-heading-display-height-breakpoint-md:3.75rem;--auro-text-heading-display-height-breakpoint-px-md:60px;--auro-text-heading-display-height-breakpoint-lg:4.25rem;--auro-text-heading-display-height-breakpoint-px-lg:68px;--auro-text-body-default-weight:500;--auro-text-body-size-xxs:0.625rem;--auro-text-body-size-xs:0.75rem;--auro-text-body-size-sm:0.875rem;--auro-text-body-size-default:1rem;--auro-text-body-size-lg:1.125rem;--auro-text-body-height-xs:1rem;--auro-text-body-height-sm:1.25rem;--auro-text-body-height-default:1.5rem;--auro-text-body-height-lg:1.625rem;--auro-color-alert-notification-on-light:#0074c8;--auro-color-alert-notification-on-dark:#00cff0;--auro-color-alert-warning-on-light:#de750c;--auro-color-alert-error-on-light:#df0b37;--auro-color-alert-error-on-dark:#ff999b;--auro-color-alert-success-on-light:#00805d;--auro-color-alert-success-on-dark:#69cf96;--auro-color-alert-advisory-on-light:#fff0cd;--auro-color-alert-advisory-on-dark:#fff0cd;--auro-color-alert-bkg-success-default:#ddf6e8;--auro-color-alert-bkg-error-default:#ffedf1;--auro-color-background-lightest:#ffffff;--auro-color-background-lighter:#f8f8f8;--auro-color-background-darker:#01426a;--auro-color-background-darkest:#00274a;--auro-color-base-white:#ffffff;--auro-color-base-white-opacity-40:rgba(255, 255, 255, 0.4);--auro-color-base-black:#000000;--auro-color-base-black-opacity-15:rgba(0, 0, 0, 0.15);--auro-color-base-gray-100:#f8f8f8;--auro-color-base-gray-200:#dbdbdb;--auro-color-base-gray-300:#b2b2b2;--auro-color-base-gray-400:#767676;--auro-color-base-gray-500:#222222;--auro-color-base-neutral-400:#9fabbb;--auro-color-base-neutral-500:#626b79;--auro-color-state-error-100:#ff999b;--auro-color-state-error-500:#df0b37;--auro-color-state-success-100:#69cf96;--auro-color-state-success-500:#00805d;--auro-color-state-warning-500:#de750c;--auro-color-border-primary-on-light:#626b79;--auro-color-border-primary-on-dark:#9fabbb;--auro-color-border-active-on-light:#0074c8;--auro-color-border-active-on-dark:#00cff0;--auro-color-border-error-on-light:#df0b37;--auro-color-border-error-on-dark:#ff999b;--auro-color-border-disabled-on-light:#dbdbdb;--auro-color-border-disabled-on-dark:#dbdbdb;--auro-color-border-focus-on-light:#222222;--auro-color-border-focus-on-dark:#ffffff;--auro-color-border-divider-on-light:rgba(0, 0, 0, 0.15);--auro-color-border-divider-on-dark:#ffffff;--auro-color-brand-midnight-100:#c1daf0;--auro-color-brand-midnight-200:#569ed7;--auro-color-brand-midnight-300:#156fad;--auro-color-brand-midnight-400:#01426a;--auro-color-brand-midnight-500:#00274a;--auro-color-brand-atlas-100:#cde6ff;--auro-color-brand-atlas-200:#6bb7fb;--auro-color-brand-atlas-300:#2492eb;--auro-color-brand-atlas-400:#0074c8;--auro-color-brand-atlas-500:#054687;--auro-color-brand-breeze-100:#c0f7ff;--auro-color-brand-breeze-200:#5de3f7;--auro-color-brand-breeze-300:#00cff0;--auro-color-brand-breeze-400:#099dc5;--auro-color-brand-breeze-500:#0b5575;--auro-color-brand-tropical-100:#e2ffcd;--auro-color-brand-tropical-200:#d0fba6;--auro-color-brand-tropical-300:#c0e585;--auro-color-brand-tropical-400:#91be62;--auro-color-brand-tropical-500:#5e8741;--auro-color-brand-alpine-100:#bcaae6;--auro-color-brand-alpine-200:#9e73ea;--auro-color-brand-alpine-300:#8439ef;--auro-color-brand-alpine-400:#631db8;--auro-color-brand-alpine-500:#39115c;--auro-color-brand-flamingo-100:#ffebee;--auro-color-brand-flamingo-200:#ffc0ca;--auro-color-brand-flamingo-300:#ff94a7;--auro-color-brand-flamingo-400:#f65b7b;--auro-color-brand-flamingo-500:#b82b47;--auro-color-brand-canyon-100:#ffcab6;--auro-color-brand-canyon-200:#f99574;--auro-color-brand-canyon-300:#f26135;--auro-color-brand-canyon-400:#de3e09;--auro-color-brand-canyon-500:#b83302;--auro-color-brand-goldcoast-100:#fff0cd;--auro-color-brand-goldcoast-200:#ffdb67;--auro-color-brand-goldcoast-300:#ffd200;--auro-color-brand-goldcoast-400:#e5ad07;--auro-color-brand-goldcoast-500:#b88624;--auro-color-brand-neutral-100:#f9fbfc;--auro-color-brand-neutral-200:#e2eaef;--auro-color-brand-neutral-300:#cbd8e2;--auro-color-brand-neutral-400:#9fabbb;--auro-color-brand-neutral-500:#626b79;--auro-color-brand-gray-100:#f8f8f8;--auro-color-brand-gray-200:#dbdbdb;--auro-color-brand-gray-300:#b2b2b2;--auro-color-brand-gray-400:#767676;--auro-color-brand-gray-500:#222222;--auro-color-brand-goldgray-100:#c5c1bf;--auro-color-brand-goldgray-200:#726e6c;--auro-color-brand-gold-100:#ccbc94;--auro-color-brand-gold-200:#7f682e;--auro-color-brand-emerald:#139142;--auro-color-brand-sapphire:#015daa;--auro-color-brand-ruby:#a41d4a;--auro-color-icon-primary-on-light:#626b79;--auro-color-icon-primary-on-dark:#9fabbb;--auro-color-icon-emphasis-on-light:#222222;--auro-color-icon-emphasis-on-dark:#ffffff;--auro-color-icon-accent-on-light:#0074c8;--auro-color-icon-accent-on-dark:#00cff0;--auro-color-icon-disabled-on-light:rgba(0, 0, 0, 0.15);--auro-color-icon-disabled-on-dark:rgba(255, 255, 255, 0.4);--auro-color-text-primary-on-light:#222222;--auro-color-text-primary-on-dark:#ffffff;--auro-color-text-secondary-on-light:#626b79;--auro-color-text-secondary-on-dark:#9fabbb;--auro-color-text-link-on-light:#0074c8;--auro-color-text-link-on-dark:#00cff0;--auro-color-text-error-on-light:#df0b37;--auro-color-text-error-on-dark:#ff999b;--auro-color-text-disabled-on-light:#dbdbdb;--auro-color-text-disabled-on-dark:#dbdbdb;--auro-color-text-emphasis-on-light:#01426a;--auro-color-text-emphasis-on-dark:#c1daf0;--auro-color-tier-alaska-mvp-on-light:#726e6c;--auro-color-tier-alaska-mvp-on-dark:#c5c1bf;--auro-color-tier-alaska-mvpgold-on-light:#7f682e;--auro-color-tier-alaska-mvpgold-on-dark:#ccbc94;--auro-color-tier-oneworld-emerald:#139142;--auro-color-tier-oneworld-sapphire:#015daa;--auro-color-tier-oneworld-ruby:#a41d4a;--auro-color-ui-default-on-light:#0074c8;--auro-color-ui-default-on-dark:#00cff0;--auro-color-ui-hover-on-light:#054687;--auro-color-ui-hover-on-dark:#5de3f7;--auro-color-ui-active-on-light:#054687;--auro-color-ui-active-on-dark:#5de3f7;--auro-color-ui-disabled-on-light:rgba(0, 116, 200, 0.2);--auro-color-ui-disabled-on-dark:rgba(0, 207, 240, 0.3);--auro-color-ui-bkg-hover-on-dark:rgba(93, 227, 247, 0.1);--auro-color-ui-bkg-hover-on-light:rgba(0, 0, 0, 0.06)}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host([type=error]) .alert,:host([type=warning]) .alert,:host([type=information]) .alert,:host([type=success]) .alert{color:var(--auro-color-text-primary-on-light)}:host([type=error]) .alert{border-color:var(--auro-color-alert-error-on-light)}:host([type=error]) svg{color:var(--auro-color-alert-error-on-light)}:host([type=warning]) .alert{border-color:var(--auro-color-alert-warning-on-light)}:host([type=warning]) svg{color:var(--auro-color-alert-warning-on-light)}:host([type=information]) .alert{border-color:var(--auro-color-alert-notification-on-light)}:host([type=information]) svg{color:var(--auro-color-alert-notification-on-light)}:host([type=success]) .alert{border-color:var(--auro-color-alert-success-on-light)}:host([type=success]) svg{color:var(--auro-color-alert-success-on-light)}.alert{display:flex;padding:var(--auro-size-xs);padding-right:var(--auro-size-md);padding-left:var(--auro-size-sm);border-width:1px;border-style:solid;border-color:var(--auro-color-base-neutral-400);border-radius:var(--auro-border-radius);border-left-width:var(--auro-size-xs)}.icon{display:flex;width:var(--auro-size-lg);height:var(--auro-size-lg);margin-right:var(--auro-size-xs)}.content{width:-webkit-fill-available;line-height:var(--auro-text-body-height-lg)}.content ::slotted(p){margin-top:var(--auro-size-none)}.content ::slotted(p:last-child){margin-bottom:var(--auro-size-none)}`;
+
+// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
+// See LICENSE in the project root for license information.
+
+
 /**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
+ * @attr {Boolean} fixed - uses px values instead of rem
+ * @attr {Boolean} noIcon - Removes icon from alert UI
+ * @attr {String} role - The role will be set based on type
+ * @attr {String} type - Component will render visually based on which type value is set; currently supports `error`, `warning`, `success`, `information`
+ * @csspart alert - Use for customizing the style of the alert container
+ * @csspart alert-content - Use for customizing the style of the alert content
+ *
+ * @slot - Provide text for the alert. If using multiple lines, separate each line with <p> tags.
  */
-"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.4.1")
+class AuroAlert extends AuroElement {
+
+  // function to define props used within the scope of this component
+  static get properties() {
+    return {
+      ...super.properties,
+      noIcon: {
+        type: Boolean
+      },
+      type: {
+        type: String,
+        reflect: true
+      },
+      role: {
+        type: String,
+        reflect: true
+      }
+    };
+  }
+
+  static get styles() {
+    return [styleCss];
+  }
+
+  /**
+   * @private
+   * @param {string} svgContent - The imported svg icon.
+   * @returns {string} - The html template for the icon.
+   */
+  generateIconHtml(svgContent) {
+    const dom = new DOMParser().parseFromString(svgContent, 'text/html'),
+      svg = dom.body.firstChild;
+
+    return this.noIcon
+      ? x``
+      : x`<div class="icon">${svg}</div>`;
+  }
+
+  // function that renders the HTML and CSS into  the scope of the component
+  render() {
+    let output = x``;
+
+    switch (this.type) {
+      case undefined:
+        break;
+      case "error":
+        output = this.generateIconHtml(error.svg);
+        this.role = "alert";
+        this.typeStr = "Error.";
+        break;
+      case "success":
+        output = this.generateIconHtml(success.svg);
+        this.role = "alert";
+        this.typeStr = "Success.";
+        break;
+      case "warning":
+        output = this.generateIconHtml(warning.svg);
+        this.role = "alert";
+        this.typeStr = "Warning.";
+        break;
+      case "information":
+        output = this.generateIconHtml(information.svg);
+        this.typeStr = "Informational notice.";
+        break;
+    }
+
+    return x`
+      <div part="alert" class="alert"
+        aria-hidden="${this.hideAudible(this.hiddenAudible)}">
+        ${output}
+        <div part="alert-content" class="content">
+          <span class="util_displayHiddenVisually">${this.typeStr}</span>
+          <slot></slot>
+        </div>
+      </div>
+    `;
+  }
+}
+
+/* istanbul ignore else */
+// define the name of the custom component
+if (!customElements.get("auro-alert")) {
+  customElements.define("auro-alert", AuroAlert);
+}
+
 /**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */,window.JSCompiler_renameProperty=(t,e)=>t;const O={toAttribute(t,e){switch(e){case Boolean:return t?"":null;case Object:case Array:return null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){switch(e){case Boolean:return null!==t;case Number:return null===t?null:Number(t);case Object:case Array:return JSON.parse(t)}return t}},z=(t,e)=>e!==t&&(e==e||t==t),M={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:z};class R extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const t=[];return this._classProperties.forEach(((e,s)=>{const i=this._attributeNameForProperty(s,e);void 0!==i&&(this._attributeToPropertyMap.set(i,s),t.push(i))})),t}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const t=Object.getPrototypeOf(this)._classProperties;void 0!==t&&t.forEach(((t,e)=>this._classProperties.set(e,t)))}}static createProperty(t,e=M){if(this._ensureClassProperties(),this._classProperties.set(t,e),e.noAccessor||this.prototype.hasOwnProperty(t))return;const s="symbol"==typeof t?Symbol():`__${t}`,i=this.getPropertyDescriptor(t,s,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}static getPropertyDescriptor(t,e,s){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdateInternal(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this._classProperties&&this._classProperties.get(t)||M}static finalize(){const t=Object.getPrototypeOf(this);if(t.hasOwnProperty("finalized")||t.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const t=this.properties,e=[...Object.getOwnPropertyNames(t),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t):[]];for(const s of e)this.createProperty(s,t[s])}}static _attributeNameForProperty(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}static _valueHasChanged(t,e,s=z){return s(t,e)}static _propertyValueFromAttribute(t,e){const s=e.type,i=e.converter||O,r="function"==typeof i?i:i.fromAttribute;return r?r(t,s):t}static _propertyValueToAttribute(t,e){if(void 0===e.reflect)return;const s=e.type,i=e.converter;return(i&&i.toAttribute||O.toAttribute)(t,s)}initialize(){this._updateState=0,this._updatePromise=new Promise((t=>this._enableUpdatingResolver=t)),this._changedProperties=new Map,this._saveInstanceProperties(),this.requestUpdateInternal()}_saveInstanceProperties(){this.constructor._classProperties.forEach(((t,e)=>{if(this.hasOwnProperty(e)){const t=this[e];delete this[e],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(e,t)}}))}_applyInstanceProperties(){this._instanceProperties.forEach(((t,e)=>this[e]=t)),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(t,e,s){e!==s&&this._attributeToProperty(t,s)}_propertyToAttribute(t,e,s=M){const i=this.constructor,r=i._attributeNameForProperty(t,s);if(void 0!==r){const t=i._propertyValueToAttribute(e,s);if(void 0===t)return;this._updateState=8|this._updateState,null==t?this.removeAttribute(r):this.setAttribute(r,t),this._updateState=-9&this._updateState}}_attributeToProperty(t,e){if(8&this._updateState)return;const s=this.constructor,i=s._attributeToPropertyMap.get(t);if(void 0!==i){const t=s.getPropertyOptions(i);this._updateState=16|this._updateState,this[i]=s._propertyValueFromAttribute(e,t),this._updateState=-17&this._updateState}}requestUpdateInternal(t,e,s){let i=!0;if(void 0!==t){const r=this.constructor;s=s||r.getPropertyOptions(t),r._valueHasChanged(this[t],e,s.hasChanged)?(this._changedProperties.has(t)||this._changedProperties.set(t,e),!0!==s.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(t,s))):i=!1}!this._hasRequestedUpdate&&i&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(t,e){return this.requestUpdateInternal(t,e),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(t){}const t=this.performUpdate();return null!=t&&await t,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){if(!this._hasRequestedUpdate)return;this._instanceProperties&&this._applyInstanceProperties();let t=!1;const e=this._changedProperties;try{t=this.shouldUpdate(e),t?this.update(e):this._markUpdated()}catch(e){throw t=!1,this._markUpdated(),e}t&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(e)),this.updated(e))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._updatePromise}shouldUpdate(t){return!0}update(t){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach(((t,e)=>this._propertyToAttribute(e,this[e],t))),this._reflectingProperties=void 0),this._markUpdated()}updated(t){}firstUpdated(t){}}R.finalized=!0,
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
+ * Register Custom Element.
+ * @param {Object} name - Name to use for custom element.
+ * @returns {void}
  */
-"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.4.1");const I=(t,...e)=>new y(t,e,"html",T)
-/**
-@license
-Copyright (c) 2019 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at
-http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
-http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
-found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
-part of the polymer project is also subject to an additional IP rights grant
-found at http://polymer.github.io/PATENTS.txt
-*/,H=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,$=Symbol();class L{constructor(t,e){if(e!==$)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t}get styleSheet(){return void 0===this._styleSheet&&(H?(this._styleSheet=new CSSStyleSheet,this._styleSheet.replaceSync(this.cssText)):this._styleSheet=null),this._styleSheet}toString(){return this.cssText}}const q=(t,...e)=>{const s=e.reduce(((e,s,i)=>e+(t=>{if(t instanceof L)return t.cssText;if("number"==typeof t)return t;throw new Error(`Value passed to 'css' function must be a 'css' function result: ${t}. Use 'unsafeCSS' to pass non-literal values, but\n            take care to ensure page security.`)})(s)+t[i+1]),t[0]);return new L(s,$)};
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-(window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");const B={};class Z extends R{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const t=this.getStyles();if(Array.isArray(t)){const e=(t,s)=>t.reduceRight(((t,s)=>Array.isArray(s)?e(s,t):(t.add(s),t)),s),s=e(t,new Set),i=[];s.forEach((t=>i.unshift(t))),this._styles=i}else this._styles=void 0===t?[]:[t];this._styles=this._styles.map((t=>{if(t instanceof CSSStyleSheet&&!H){const e=Array.prototype.slice.call(t.cssRules).reduce(((t,e)=>t+e.cssText),"");return new L(String(e),$)}return t}))}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow(this.constructor.shadowRootOptions)}adoptStyles(){const t=this.constructor._styles;0!==t.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?H?this.renderRoot.adoptedStyleSheets=t.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(t.map((t=>t.cssText)),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(t){const e=this.render();super.update(t),e!==B&&this.constructor.render(e,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach((t=>{const e=document.createElement("style");e.textContent=t.cssText,this.renderRoot.appendChild(e)})))}render(){return B}}Z.finalized=!0,Z.render=(t,e,s)=>{let r=U.get(e);void 0===r&&(i(e,e.firstChild),U.set(e,r=new S(Object.assign({templateFactory:E},s))),r.appendInto(e)),r.setValue(t),r.commit()},Z.shadowRootOptions={mode:"open"};class F extends Z{static get properties(){return{hidden:{type:Boolean,reflect:!0},hiddenVisually:{type:Boolean,reflect:!0},hiddenAudible:{type:Boolean,reflect:!0}}}hideAudible(t){return t?"true":"false"}}var j='<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" style="min-width:var(--auro-size-lg);height:var(--auro-size-lg);fill:currentColor" class="ico_squareLarge"><title>Error</title><desc>Error alert indicator</desc><path d="m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0Zm-1.165.87a.234.234 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084ZM12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5Zm-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583Z"/></svg>',W='<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" style="min-width:var(--auro-size-lg);height:var(--auro-size-lg);fill:currentColor" class="ico_squareLarge"><title>Warning</title><desc>Alerts user of troubling or concerning situation</desc><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 12a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5ZM12 7a.75.75 0 0 1 .743.648l.007.102V14a.75.75 0 0 1-1.493.102L11.25 14V7.75A.75.75 0 0 1 12 7Z"/></svg>',J='<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" style="min-width:var(--auro-size-lg);height:var(--auro-size-lg);fill:currentColor" class="ico_squareLarge"><title>Information</title><desc>Important information indicator</desc><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 5.75a.75.75 0 0 1 .743.648l.007.102v6.25a.75.75 0 0 1-1.493.102l-.007-.102V10a.75.75 0 0 1 .75-.75ZM12 7a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5Z"/></svg>',D='<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" style="min-width:var(--auro-size-lg);height:var(--auro-size-lg);fill:currentColor" class="ico_squareLarge"><title>Check</title><desc/><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm-1.524 10.416 4.971-5.423a.75.75 0 0 1 1.175.927l-.07.087-5.5 6a.75.75 0 0 1-.996.098l-.086-.075-2.5-2.5a.75.75 0 0 1 .976-1.133l.084.073 1.946 1.946 4.971-5.423-4.97 5.423Z"/></svg>',G=q`*,:after,:before{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}}:focus-visible{outline:0}:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}:host([type=error]) .alert,:host([type=information]) .alert,:host([type=success]) .alert,:host([type=warning]) .alert{color:#222;color:var(--auro-color-text-primary-on-light)}:host([type=error]) .alert{border-color:#df0b37;border-color:var(--auro-color-alert-error-on-light)}:host([type=error]) svg{color:#df0b37;color:var(--auro-color-alert-error-on-light)}:host([type=warning]) .alert{border-color:#de750c;border-color:var(--auro-color-alert-warning-on-light)}:host([type=warning]) svg{color:#de750c;color:var(--auro-color-alert-warning-on-light)}:host([type=information]) .alert{border-color:#0074c8;border-color:var(--auro-color-alert-notification-on-light)}:host([type=information]) svg{color:#0074c8;color:var(--auro-color-alert-notification-on-light)}:host([type=success]) .alert{border-color:#00805d;border-color:var(--auro-color-alert-success-on-light)}:host([type=success]) svg{color:#00805d;color:var(--auro-color-alert-success-on-light)}.alert{display:flex;padding:.5rem;padding:var(--auro-size-xs);padding-right:1rem;padding-right:var(--auro-size-md);padding-left:.75rem;padding-left:var(--auro-size-sm);border-width:1px;border-style:solid;border-color:#9fabbb;border-color:var(--auro-color-base-neutral-400);border-left-width:.5rem;border-left-width:var(--auro-size-xs);border-radius:.375rem;border-radius:var(--auro-border-radius)}.icon{display:flex;width:1.5rem;width:var(--auro-size-lg);height:1.5rem;height:var(--auro-size-lg);margin-right:.5rem;margin-right:var(--auro-size-xs)}.content{width:-webkit-fill-available;line-height:1.625rem;line-height:var(--auro-text-body-height-lg)}.content ::slotted(p){margin-top:0;margin-top:var(--auro-size-none)}.content ::slotted(p:last-child){margin-bottom:0;margin-bottom:var(--auro-size-none)}`,K=q`:host([fixed]) .alert{padding:8px;padding-right:16px;padding-left:12px;border-left-width:8px;border-radius:6px}:host([fixed]) .icon{width:24px;height:24px;margin-right:8px}:host([fixed]) .content{line-height:26px}:host([fixed]) .content ::slotted(p){margin-top:0}:host([fixed]) .content ::slotted(p:last-child){margin-bottom:0}`;class Q extends F{static get properties(){return{...super.properties,noIcon:{type:Boolean},type:{type:String,reflect:!0},role:{type:String,reflect:!0}}}static get styles(){return[G,K]}generateIconHtml(t){const e=(new DOMParser).parseFromString(t,"text/html").body.firstChild;return this.noIcon?I``:I`<div class="icon">${e}</div>`}render(){let t=I``;switch(this.type){case void 0:break;case"error":t=this.generateIconHtml(j),this.role="alert",this.typeStr="Error.";break;case"success":t=this.generateIconHtml(D),this.role="alert",this.typeStr="Success.";break;case"warning":t=this.generateIconHtml(W),this.role="alert",this.typeStr="Warning.";break;case"information":t=this.generateIconHtml(J),this.typeStr="Informational notice."}return I`<div part="alert" class="alert" aria-hidden="${this.hideAudible(this.hiddenAudible)}">${t}<div part="alert-content" class="content"><span class="util_displayHiddenVisually">${this.typeStr}</span><slot></slot></div></div>`}}customElements.get("auro-alert")||customElements.define("auro-alert",Q);
+const registerComponent = (name = 'custom-alert') => {
+  // alias definition
+  if (!customElements.get(name)) {
+    customElements.define(name, class extends AuroAlert {});
+  }
+};
+
+export { registerComponent };

dist/auro-alert.js

@@ -6,13 +6,12 @@ // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 
-import { html } from "lit-element";
-import AuroElement from '@alaskaairux/webcorestylesheets/dist/auroElement/auroElement';
+import { html } from "lit";
+import AuroElement from '@aurodesignsystem/webcorestylesheets/dist/auroElement/auroElement';
 
 // Import Icons
-import error from '@alaskaairux/icons/dist/icons/alert/error_es6.js';
-import warning from '@alaskaairux/icons/dist/icons/alert/warning-stroke_es6.js';
-import information from '@alaskaairux/icons/dist/icons/alert/information-stroke_es6.js';
-import success from '@alaskaairux/icons/dist/icons/interface/check-stroke_es6.js';
+import error from '@alaskaairux/icons/dist/icons/alert/error_es6';
+import warning from '@alaskaairux/icons/dist/icons/alert/warning-stroke_es6';
+import information from '@alaskaairux/icons/dist/icons/alert/information-stroke_es6';
+import success from '@alaskaairux/icons/dist/icons/interface/check-stroke_es6';
 
 import styleCss from "./style-css.js";
-import styleCssFixed from './style-fixed-css.js';
 
@@ -29,3 +28,3 @@ /**
  */
-class AuroAlert extends AuroElement {
+export class AuroAlert extends AuroElement {
 
@@ -51,6 +50,3 @@ // function to define props used within the scope of this component
   static get styles() {
-    return [
-      styleCss,
-      styleCssFixed
-    ];
+    return [styleCss];
   }
@@ -57,0 +53,0 @@

dist/style-css.js

@@ -1,2 +0,2 @@
-import {css} from 'lit-element';
-export default css`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host([type=error]) .alert,:host([type=warning]) .alert,:host([type=information]) .alert,:host([type=success]) .alert{color:#222;color:var(--auro-color-text-primary-on-light)}:host([type=error]) .alert{border-color:#df0b37;border-color:var(--auro-color-alert-error-on-light)}:host([type=error]) svg{color:#df0b37;color:var(--auro-color-alert-error-on-light)}:host([type=warning]) .alert{border-color:#de750c;border-color:var(--auro-color-alert-warning-on-light)}:host([type=warning]) svg{color:#de750c;color:var(--auro-color-alert-warning-on-light)}:host([type=information]) .alert{border-color:#0074c8;border-color:var(--auro-color-alert-notification-on-light)}:host([type=information]) svg{color:#0074c8;color:var(--auro-color-alert-notification-on-light)}:host([type=success]) .alert{border-color:#00805d;border-color:var(--auro-color-alert-success-on-light)}:host([type=success]) svg{color:#00805d;color:var(--auro-color-alert-success-on-light)}.alert{display:flex;padding:.5rem;padding:var(--auro-size-xs);padding-right:1rem;padding-right:var(--auro-size-md);padding-left:.75rem;padding-left:var(--auro-size-sm);border-width:1px;border-style:solid;border-color:#9fabbb;border-color:var(--auro-color-base-neutral-400);border-left-width:.5rem;border-left-width:var(--auro-size-xs);border-radius:.375rem;border-radius:var(--auro-border-radius)}.icon{display:flex;width:1.5rem;width:var(--auro-size-lg);height:1.5rem;height:var(--auro-size-lg);margin-right:.5rem;margin-right:var(--auro-size-xs)}.content{width:-webkit-fill-available;line-height:1.625rem;line-height:var(--auro-text-body-height-lg)}.content ::slotted(p){margin-top:0rem;margin-top:var(--auro-size-none)}.content ::slotted(p:last-child){margin-bottom:0rem;margin-bottom:var(--auro-size-none)}`;
+import {css} from 'lit';
+export default css`:root{--auro-asset-font-circular-family-name:"AS Circular";--auro-asset-font-circular-filename:"ASCircularWeb";--auro-asset-font-circular-weight-light:"-Light";--auro-asset-font-circular-weight-medium:"-Medium";--auro-asset-font-circular-weight-book:"-Book";--auro-border-radius:0.375rem;--auro-size-25:0.125rem;--auro-size-50:0.25rem;--auro-size-100:0.5rem;--auro-size-150:0.75rem;--auro-size-200:1rem;--auro-size-300:1.5rem;--auro-size-400:2rem;--auro-size-500:2.5rem;--auro-size-600:3rem;--auro-size-700:3.5rem;--auro-size-800:4rem;--auro-size-900:4.5rem;--auro-size-1000:5rem;--auro-size-none:0rem;--auro-size-xxxs:0.125rem;--auro-size-xxs:0.25rem;--auro-size-xs:0.5rem;--auro-size-sm:0.75rem;--auro-size-md:1rem;--auro-size-lg:1.5rem;--auro-size-xl:2rem;--auro-size-xxl:3rem;--auro-size-xxxl:4rem;--auro-unitless-scale-20:0.25;--auro-unitless-scale-50:0.5;--auro-unitless-scale-100:1;--auro-unitless-scale-140:1.4;--auro-unitless-scale-150:1.5;--auro-unitless-scale-200:2;--auro-unitless-scale-300:3;--auro-unitless-scale-350:3.5;--auro-animation-default-property:all;--auro-animation-default-duration:0.3s;--auro-animation-default-timing:ease-out;--auro-breakpoint-sm:660px;--auro-breakpoint-md:1024px;--auro-breakpoint-lg:1232px;--auro-depth-dialog:100;--auro-depth-overlay:200;--auro-depth-modal:400;--auro-depth-tooltip:300;--auro-elevation-100:0px 0px 5px rgba(0, 0, 0, 0.15);--auro-elevation-200:0px 0px 10px rgba(0, 0, 0, 0.15);--auro-elevation-300:0px 0px 15px rgba(0, 0, 0, 0.2);--auro-grid-breakpoint-xs:320px;--auro-grid-breakpoint-sm:576px;--auro-grid-breakpoint-md:768px;--auro-grid-breakpoint-lg:1024px;--auro-grid-breakpoint-xl:1232px;--auro-grid-column-xs:6;--auro-grid-column-sm:12;--auro-grid-column-md:12;--auro-grid-column-lg:12;--auro-grid-column-xl:12;--auro-grid-gutter-xs:0.5rem;--auro-grid-gutter-sm:1rem;--auro-grid-gutter-md:1.5rem;--auro-grid-gutter-lg:1.5rem;--auro-grid-gutter-xl:2rem;--auro-grid-margin-xs:1rem;--auro-grid-margin-sm:1rem;--auro-grid-margin-md:1.5rem;--auro-grid-margin-lg:2rem;--auro-grid-margin-xl:2rem;--auro-font-family-default:"AS Circular", Helvetica Neue, Arial, sans-serif;--auro-font-family-mono:Menlo, Monaco, Consolas, "Courier New", monospace;--auro-text-heading-300-weight:300;--auro-text-heading-300-px:18px;--auro-text-heading-300-size:1.125rem;--auro-text-heading-300-height:1.625rem;--auro-text-heading-300-height-px:26px;--auro-text-heading-400-weight:300;--auro-text-heading-400-px:20px;--auro-text-heading-400-size:1.25rem;--auro-text-heading-400-height:1.625rem;--auro-text-heading-400-height-px:26px;--auro-text-heading-500-weight:300;--auro-text-heading-500-px-breakpoint-sm:22px;--auro-text-heading-500-px-breakpoint-md:24px;--auro-text-heading-500-px-breakpoint-lg:24px;--auro-text-heading-500-size-breakpoint-sm:1.375rem;--auro-text-heading-500-size-breakpoint-md:1.5rem;--auro-text-heading-500-size-breakpoint-lg:1.5rem;--auro-text-heading-500-height-breakpoint-sm:1.625rem;--auro-text-heading-500-height-breakpoint-px-sm:26px;--auro-text-heading-500-height-breakpoint-md:1.875rem;--auro-text-heading-500-height-breakpoint-px-md:30px;--auro-text-heading-500-height-breakpoint-lg:2rem;--auro-text-heading-500-height-breakpoint-px-lg:32px;--auro-text-heading-600-weight:300;--auro-text-heading-600-px-breakpoint-sm:26px;--auro-text-heading-600-px-breakpoint-md:28px;--auro-text-heading-600-px-breakpoint-lg:28px;--auro-text-heading-600-size-breakpoint-sm:1.625rem;--auro-text-heading-600-size-breakpoint-md:1.75rem;--auro-text-heading-600-size-breakpoint-lg:1.75rem;--auro-text-heading-600-height-breakpoint-sm:1.875rem;--auro-text-heading-600-height-breakpoint-px-sm:30px;--auro-text-heading-600-height-breakpoint-md:2.125rem;--auro-text-heading-600-height-breakpoint-px-md:34px;--auro-text-heading-600-height-breakpoint-lg:2.25rem;--auro-text-heading-600-height-breakpoint-px-lg:36px;--auro-text-heading-700-weight:500;--auro-text-heading-700-px-breakpoint-sm:28px;--auro-text-heading-700-px-breakpoint-md:32px;--auro-text-heading-700-px-breakpoint-lg:36px;--auro-text-heading-700-size-breakpoint-sm:1.75rem;--auro-text-heading-700-size-breakpoint-md:2rem;--auro-text-heading-700-size-breakpoint-lg:2.25rem;--auro-text-heading-700-height-breakpoint-sm:2.125rem;--auro-text-heading-700-height-breakpoint-px-sm:34px;--auro-text-heading-700-height-breakpoint-md:2.375rem;--auro-text-heading-700-height-breakpoint-px-md:38px;--auro-text-heading-700-height-breakpoint-lg:2.75rem;--auro-text-heading-700-height-breakpoint-px-lg:44px;--auro-text-heading-800-weight:500;--auro-text-heading-800-px-breakpoint-sm:32px;--auro-text-heading-800-px-breakpoint-md:36px;--auro-text-heading-800-px-breakpoint-lg:40px;--auro-text-heading-800-size-breakpoint-sm:2rem;--auro-text-heading-800-size-breakpoint-md:2.25rem;--auro-text-heading-800-size-breakpoint-lg:2.5rem;--auro-text-heading-800-height-breakpoint-sm:2.375rem;--auro-text-heading-800-height-breakpoint-px-sm:38px;--auro-text-heading-800-height-breakpoint-md:2.625rem;--auro-text-heading-800-height-breakpoint-px-md:42px;--auro-text-heading-800-height-breakpoint-lg:3rem;--auro-text-heading-800-height-breakpoint-px-lg:48px;--auro-text-heading-default-weight:500;--auro-text-heading-default-margin:0;--auro-text-heading-default-spacing:-0.2px;--auro-text-heading-medium-weight:300;--auro-text-heading-display-weight:100;--auro-text-heading-display-px-breakpoint-sm:44px;--auro-text-heading-display-px-breakpoint-md:48px;--auro-text-heading-display-px-breakpoint-lg:56px;--auro-text-heading-display-size-breakpoint-sm:2.75rem;--auro-text-heading-display-size-breakpoint-md:3rem;--auro-text-heading-display-size-breakpoint-lg:3.5rem;--auro-text-heading-display-height-breakpoint-sm:3.375rem;--auro-text-heading-display-height-breakpoint-px-sm:54px;--auro-text-heading-display-height-breakpoint-md:3.75rem;--auro-text-heading-display-height-breakpoint-px-md:60px;--auro-text-heading-display-height-breakpoint-lg:4.25rem;--auro-text-heading-display-height-breakpoint-px-lg:68px;--auro-text-body-default-weight:500;--auro-text-body-size-xxs:0.625rem;--auro-text-body-size-xs:0.75rem;--auro-text-body-size-sm:0.875rem;--auro-text-body-size-default:1rem;--auro-text-body-size-lg:1.125rem;--auro-text-body-height-xs:1rem;--auro-text-body-height-sm:1.25rem;--auro-text-body-height-default:1.5rem;--auro-text-body-height-lg:1.625rem;--auro-color-alert-notification-on-light:#0074c8;--auro-color-alert-notification-on-dark:#00cff0;--auro-color-alert-warning-on-light:#de750c;--auro-color-alert-error-on-light:#df0b37;--auro-color-alert-error-on-dark:#ff999b;--auro-color-alert-success-on-light:#00805d;--auro-color-alert-success-on-dark:#69cf96;--auro-color-alert-advisory-on-light:#fff0cd;--auro-color-alert-advisory-on-dark:#fff0cd;--auro-color-alert-bkg-success-default:#ddf6e8;--auro-color-alert-bkg-error-default:#ffedf1;--auro-color-background-lightest:#ffffff;--auro-color-background-lighter:#f8f8f8;--auro-color-background-darker:#01426a;--auro-color-background-darkest:#00274a;--auro-color-base-white:#ffffff;--auro-color-base-white-opacity-40:rgba(255, 255, 255, 0.4);--auro-color-base-black:#000000;--auro-color-base-black-opacity-15:rgba(0, 0, 0, 0.15);--auro-color-base-gray-100:#f8f8f8;--auro-color-base-gray-200:#dbdbdb;--auro-color-base-gray-300:#b2b2b2;--auro-color-base-gray-400:#767676;--auro-color-base-gray-500:#222222;--auro-color-base-neutral-400:#9fabbb;--auro-color-base-neutral-500:#626b79;--auro-color-state-error-100:#ff999b;--auro-color-state-error-500:#df0b37;--auro-color-state-success-100:#69cf96;--auro-color-state-success-500:#00805d;--auro-color-state-warning-500:#de750c;--auro-color-border-primary-on-light:#626b79;--auro-color-border-primary-on-dark:#9fabbb;--auro-color-border-active-on-light:#0074c8;--auro-color-border-active-on-dark:#00cff0;--auro-color-border-error-on-light:#df0b37;--auro-color-border-error-on-dark:#ff999b;--auro-color-border-disabled-on-light:#dbdbdb;--auro-color-border-disabled-on-dark:#dbdbdb;--auro-color-border-focus-on-light:#222222;--auro-color-border-focus-on-dark:#ffffff;--auro-color-border-divider-on-light:rgba(0, 0, 0, 0.15);--auro-color-border-divider-on-dark:#ffffff;--auro-color-brand-midnight-100:#c1daf0;--auro-color-brand-midnight-200:#569ed7;--auro-color-brand-midnight-300:#156fad;--auro-color-brand-midnight-400:#01426a;--auro-color-brand-midnight-500:#00274a;--auro-color-brand-atlas-100:#cde6ff;--auro-color-brand-atlas-200:#6bb7fb;--auro-color-brand-atlas-300:#2492eb;--auro-color-brand-atlas-400:#0074c8;--auro-color-brand-atlas-500:#054687;--auro-color-brand-breeze-100:#c0f7ff;--auro-color-brand-breeze-200:#5de3f7;--auro-color-brand-breeze-300:#00cff0;--auro-color-brand-breeze-400:#099dc5;--auro-color-brand-breeze-500:#0b5575;--auro-color-brand-tropical-100:#e2ffcd;--auro-color-brand-tropical-200:#d0fba6;--auro-color-brand-tropical-300:#c0e585;--auro-color-brand-tropical-400:#91be62;--auro-color-brand-tropical-500:#5e8741;--auro-color-brand-alpine-100:#bcaae6;--auro-color-brand-alpine-200:#9e73ea;--auro-color-brand-alpine-300:#8439ef;--auro-color-brand-alpine-400:#631db8;--auro-color-brand-alpine-500:#39115c;--auro-color-brand-flamingo-100:#ffebee;--auro-color-brand-flamingo-200:#ffc0ca;--auro-color-brand-flamingo-300:#ff94a7;--auro-color-brand-flamingo-400:#f65b7b;--auro-color-brand-flamingo-500:#b82b47;--auro-color-brand-canyon-100:#ffcab6;--auro-color-brand-canyon-200:#f99574;--auro-color-brand-canyon-300:#f26135;--auro-color-brand-canyon-400:#de3e09;--auro-color-brand-canyon-500:#b83302;--auro-color-brand-goldcoast-100:#fff0cd;--auro-color-brand-goldcoast-200:#ffdb67;--auro-color-brand-goldcoast-300:#ffd200;--auro-color-brand-goldcoast-400:#e5ad07;--auro-color-brand-goldcoast-500:#b88624;--auro-color-brand-neutral-100:#f9fbfc;--auro-color-brand-neutral-200:#e2eaef;--auro-color-brand-neutral-300:#cbd8e2;--auro-color-brand-neutral-400:#9fabbb;--auro-color-brand-neutral-500:#626b79;--auro-color-brand-gray-100:#f8f8f8;--auro-color-brand-gray-200:#dbdbdb;--auro-color-brand-gray-300:#b2b2b2;--auro-color-brand-gray-400:#767676;--auro-color-brand-gray-500:#222222;--auro-color-brand-goldgray-100:#c5c1bf;--auro-color-brand-goldgray-200:#726e6c;--auro-color-brand-gold-100:#ccbc94;--auro-color-brand-gold-200:#7f682e;--auro-color-brand-emerald:#139142;--auro-color-brand-sapphire:#015daa;--auro-color-brand-ruby:#a41d4a;--auro-color-icon-primary-on-light:#626b79;--auro-color-icon-primary-on-dark:#9fabbb;--auro-color-icon-emphasis-on-light:#222222;--auro-color-icon-emphasis-on-dark:#ffffff;--auro-color-icon-accent-on-light:#0074c8;--auro-color-icon-accent-on-dark:#00cff0;--auro-color-icon-disabled-on-light:rgba(0, 0, 0, 0.15);--auro-color-icon-disabled-on-dark:rgba(255, 255, 255, 0.4);--auro-color-text-primary-on-light:#222222;--auro-color-text-primary-on-dark:#ffffff;--auro-color-text-secondary-on-light:#626b79;--auro-color-text-secondary-on-dark:#9fabbb;--auro-color-text-link-on-light:#0074c8;--auro-color-text-link-on-dark:#00cff0;--auro-color-text-error-on-light:#df0b37;--auro-color-text-error-on-dark:#ff999b;--auro-color-text-disabled-on-light:#dbdbdb;--auro-color-text-disabled-on-dark:#dbdbdb;--auro-color-text-emphasis-on-light:#01426a;--auro-color-text-emphasis-on-dark:#c1daf0;--auro-color-tier-alaska-mvp-on-light:#726e6c;--auro-color-tier-alaska-mvp-on-dark:#c5c1bf;--auro-color-tier-alaska-mvpgold-on-light:#7f682e;--auro-color-tier-alaska-mvpgold-on-dark:#ccbc94;--auro-color-tier-oneworld-emerald:#139142;--auro-color-tier-oneworld-sapphire:#015daa;--auro-color-tier-oneworld-ruby:#a41d4a;--auro-color-ui-default-on-light:#0074c8;--auro-color-ui-default-on-dark:#00cff0;--auro-color-ui-hover-on-light:#054687;--auro-color-ui-hover-on-dark:#5de3f7;--auro-color-ui-active-on-light:#054687;--auro-color-ui-active-on-dark:#5de3f7;--auro-color-ui-disabled-on-light:rgba(0, 116, 200, 0.2);--auro-color-ui-disabled-on-dark:rgba(0, 207, 240, 0.3);--auro-color-ui-bkg-hover-on-dark:rgba(93, 227, 247, 0.1);--auro-color-ui-bkg-hover-on-light:rgba(0, 0, 0, 0.06)}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host([type=error]) .alert,:host([type=warning]) .alert,:host([type=information]) .alert,:host([type=success]) .alert{color:var(--auro-color-text-primary-on-light)}:host([type=error]) .alert{border-color:var(--auro-color-alert-error-on-light)}:host([type=error]) svg{color:var(--auro-color-alert-error-on-light)}:host([type=warning]) .alert{border-color:var(--auro-color-alert-warning-on-light)}:host([type=warning]) svg{color:var(--auro-color-alert-warning-on-light)}:host([type=information]) .alert{border-color:var(--auro-color-alert-notification-on-light)}:host([type=information]) svg{color:var(--auro-color-alert-notification-on-light)}:host([type=success]) .alert{border-color:var(--auro-color-alert-success-on-light)}:host([type=success]) svg{color:var(--auro-color-alert-success-on-light)}.alert{display:flex;padding:var(--auro-size-xs);padding-right:var(--auro-size-md);padding-left:var(--auro-size-sm);border-width:1px;border-style:solid;border-color:var(--auro-color-base-neutral-400);border-radius:var(--auro-border-radius);border-left-width:var(--auro-size-xs)}.icon{display:flex;width:var(--auro-size-lg);height:var(--auro-size-lg);margin-right:var(--auro-size-xs)}.content{width:-webkit-fill-available;line-height:var(--auro-text-body-height-lg)}.content ::slotted(p){margin-top:var(--auro-size-none)}.content ::slotted(p:last-child){margin-bottom:var(--auro-size-none)}`;

index.js

@@ -1,1 +0,15 @@
-export * from './dist/auro-alert';
+import { AuroAlert } from './src/auro-alert';
+
+/**
+ * Register Custom Element.
+ * @param {Object} name - Name to use for custom element.
+ * @returns {void}
+ */
+const registerComponent = (name = 'custom-alert') => {
+  // alias definition
+  if (!customElements.get(name)) {
+    customElements.define(name, class extends AuroAlert {});
+  }
+};
+
+export { registerComponent };

package.json

@@ -11,3 +11,3 @@ {
   "name": "@aurodesignsystem/auro-alert",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "auro-alert HTML custom element",
@@ -20,5 +20,9 @@ "repository": {
   "license": "Apache-2.0",
+  "engines": {
+    "node": ">=18.15.0"
+  },
   "dependencies": {
-    "chalk": "^4.1.1",
-    "lit-element": "^2.5.1"
+    "chalk": "^5.2.0",
+    "lit": "^2.7.5",
+    "typescript": "^5.1.6"
   },
@@ -28,65 +32,46 @@ "peerDependencies": {
     "@alaskaairux/icons": "^4.15.0",
-    "@alaskaairux/webcorestylesheets": "^3.7.3",
-    "@webcomponents/webcomponentsjs": "^2.5.0",
-    "focus-visible": "^5.2.0"
+    "@aurodesignsystem/webcorestylesheets": "^4.3.1"
   },
   "devDependencies": {
-    "@alaskaairux/design-tokens": "^3.9.1",
-    "@alaskaairux/icons": "^4.15.0",
-    "@alaskaairux/webcorestylesheets": "^3.7.3",
+    "@alaskaairux/design-tokens": "^3.14.0",
+    "@alaskaairux/icons": "^4.28.0",
     "@aurodesignsystem/eslint-config": "^1.3.0",
-    "@babel/core": "^7.16.5",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.16.5",
-    "@babel/preset-env": "^7.16.5",
-    "@babel/runtime": "^7.16.5",
-    "@commitlint/cli": "^12.1.4",
-    "@commitlint/config-conventional": "^12.1.4",
-    "@open-wc/testing": "^2.5.33",
-    "@polymer/iron-demo-helpers": "^3.1.0",
-    "@rollup/plugin-alias": "^3.1.8",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^19.0.0",
-    "@rollup/plugin-node-resolve": "^13.1.1",
-    "@semantic-release/changelog": "^5.0.1",
-    "@semantic-release/git": "^9.0.0",
-    "@semantic-release/npm": "^7.1.3",
-    "@web/dev-server": "^0.1.28",
-    "@web/test-runner": "^0.13.23",
-    "@webcomponents/webcomponentsjs": "^2.6.0",
-    "autoprefixer": "^10.4.0",
-    "babel-loader": "^8.2.3",
+    "@aurodesignsystem/webcorestylesheets": "^4.6.0",
+    "@commitlint/cli": "^17.6.6",
+    "@commitlint/config-conventional": "^17.6.6",
+    "@open-wc/testing": "^3.2.0",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/npm": "^10.0.4",
+    "@web/dev-server": "^0.2.3",
+    "@web/test-runner": "^0.16.1",
+    "autoprefixer": "^10.4.14",
     "compression": "^1.7.4",
     "concat": "^1.0.3",
+    "concurrently": "^8.2.0",
     "copyfiles": "^2.4.1",
-    "core-js": "^3.20.0",
-    "eslint": "^7.30.0",
-    "focus-visible": "^5.2.0",
-    "husky": "^7.0.0",
+    "core-js": "^3.31.0",
+    "eslint": "^8.43.0",
+    "eslint-plugin-jsdoc": "^46.4.2",
+    "husky": "^8.0.3",
     "lodash": "^4.17.21",
-    "marked": "^2.1.3",
-    "nodemon": "^2.0.15",
+    "nodemon": "^2.0.22",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.5",
-    "postcss-custom-properties": "^11.0.0",
-    "postcss-discard-comments": "^5.0.1",
-    "postcss-rem-to-pixel": "^4.1.2",
-    "postcss-remove-rules": "^1.0.0",
-    "postcss-selector-replace": "^1.0.2",
-    "prismjs": "^1.25.0",
-    "rollup": "^2.61.1",
-    "rollup-plugin-minify-html-literals": "^1.2.6",
-    "rollup-plugin-serve": "^1.1.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.45.1",
-    "semantic-release": "^17.4.4",
-    "stylelint": "^13.13.1",
-    "stylelint-config-idiomatic-order": "^8.1.0",
-    "stylelint-config-standard": "^22.0.0",
-    "stylelint-order": "^4.1.0",
-    "stylelint-scss": "^3.19.0",
+    "postcss": "^8.4.24",
+    "postcss-discard-comments": "^6.0.0",
+    "rollup": "^3.25.3",
+    "rollup-plugin-serve": "^2.0.2",
+    "sass": "^1.63.6",
+    "semantic-release": "^21.0.6",
+    "stylelint": "^15.9.0",
+    "stylelint-config-idiomatic-order": "^9.0.0",
+    "stylelint-config-standard": "^33.0.0",
+    "stylelint-config-standard-scss": "^9.0.0",
+    "stylelint-order": "^6.0.3",
+    "stylelint-scss": "^5.0.1",
     "wc-sass-render": "^1.4.0",
-    "web-component-analyzer": "^1.1.6",
+    "web-component-analyzer": "^1.1.7",
     "whatwg-fetch": "^3.6.2",
-    "yaml-lint": "^1.2.4"
+    "yaml-lint": "^1.7.0"
   },
@@ -96,3 +81,2 @@ "browserslist": [
     "last 2 iOS major versions",
-    "ie 11",
     "last 2 Firefox versions",
@@ -146,26 +130,20 @@ "last 2 Edge versions",
   "scripts": {
-    "build": "npm-run-all build:sass sass:render dist:js build:api bundler postinstall test",
+    "build": "npm-run-all build:sass sass:render scssLint dist:js bundler postinstall build:api types",
     "build:ci": "npm-run-all sweep build",
     "build:api": "wca analyze 'src/auro-alert.js' --outFiles docs/api.md",
-    "build:demo": "npm-run-all build demo:rm:build demo:new:build demo:copy:index demo:copy:demo demo:update:index",
-    "build:dev:assets": "npm-run-all build:sass:demo build:sass:component postCss:component sass:render",
+    "build:dev:assets": "npm-run-all build:sass:component postCss:component sass:render",
     "build:sass": "npm-run-all build:sass:demo build:sass:component postCss:component sass:render",
     "build:sass:demo": "sass --no-source-map demo:demo",
     "build:sass:component": "sass --no-source-map src:src",
-    "build:watch": "nodemon -e scss,js --watch src --exec npm run build:dev:assets",
+    "build:watch": "nodemon -e scss,js,html --watch src --watch apiExamples --exec npm run build:dev:assets",
     "bundler": "rollup -c",
     "bundler:test": "rollup -c -w",
     "scssLint": "stylelint \"./src/**/*.scss\"",
-    "demo:copy:demo": "copyfiles -u 1 -V './demo/demo.md' ./build/demo",
-    "demo:copy:index": "copyfiles -u 1 -V './demo/index.html' ./build",
-    "demo:new:build": "mkdir ./build && mkdir ./build/css && mkdir ./build/demo",
-    "demo:rm:build": "rm -rf ./build",
-    "demo:update:index": "node ./scripts/prepForBuild",
-    "dev": "npm run build:watch",
+    "dev": "concurrently --kill-others 'npm run build:watch' 'npm run serve'",
     "dist:js": "copyfiles -u 1 -V './src/**/*.js' ./dist",
-    "esLint": "./node_modules/.bin/eslint src/**/*.js",
+    "esLint": "./node_modules/.bin/eslint src/auro-*.js",
     "linters": "npm-run-all scssLint esLint",
-    "preCommit": "node scripts/pre-commit.js",
+    "preCommit": "node scripts/pre-commit.mjs",
     "postCss:component": "node ./scripts/postCss.js",
-    "postinstall": "node packageScripts/postinstall.js",
+    "postinstall": "node packageScripts/postinstall.mjs",
     "sass:render": "sass-render src/*.css -t ./scripts/staticStyles-template.js",
@@ -176,4 +154,5 @@ "serve": "web-dev-server --open demo/ --node-resolve --watch",
     "test:watch": "wtr --watch",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "types": "tsc"
   }
 }

README.md

@@ -11,3 +11,3 @@ # Alert
 
-[![Build Status](https://img.shields.io/github/workflow/status/AlaskaAirlines/auro-alert/Test%20and%20publish?branch=master&style=for-the-badge)](https://github.com/AlaskaAirlines/auro-alert/actions?query=workflow%3A%22test+and+publish%22)
+[![Build Status](https://img.shields.io/github/actions/workflow/status/AlaskaAirlines/auro-alert/testPublish.yml?style=for-the-badge)](https://github.com/AlaskaAirlines/auro-alert/actions/workflows/testPublish.yml)
 [![See it on NPM!](https://img.shields.io/npm/v/@aurodesignsystem/auro-alert?style=for-the-badge&color=orange)](https://www.npmjs.com/package/@aurodesignsystem/auro-alert)
@@ -64,19 +64,21 @@ [![License](https://img.shields.io/npm/l/@aurodesignsystem/auro-alert?color=blue&style=for-the-badge)](https://www.apache.org/licenses/LICENSE-2.0)
 
-## Install bundled assets from CDN
+## CDN Use
 
-In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Two bundles are available -- `auro-alert__bundled.js` for modern browsers and `auro-alert__bundled.es5.js` for legacy browsers (including IE11).
+In cases where the project is not able to process JS assets, there are pre-processed assets available for use.
 
-Since the legacy bundle includes many polyfills that are not needed by modern browsers, we recommend you load these bundles using [differential serving](https://philipwalton.com/articles/deploying-es2015-code-in-production-today/) so that the browser only loads the bundle it needs. To accomplish this, the script tag for the modern bundle should have `type="module"` and the script tag for the legacy bundle should have the `nomodule` attribute. See the example below.
+### Install
+Include the following example HTML code in the `<head>` element of your page.
 
-### Bundle example code
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@alaskaairux/design-tokens@latest/dist/tokens/CSSCustomProperties.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@alaskaairux/webcorestylesheets@latest/dist/bundled/essentials.css" />
 
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-alert@latest/dist/auro-alert__bundled.js" type="module"></script>
+```
+
 **NOTE:** Be sure to replace `@latest` in the URL with the version of the asset you want. @latest is NOT aware of any MAJOR releases, use at your own risk.
 
-```html
-<link rel="stylesheet" href="https://unpkg.com/@alaskaairux/design-tokens@latest/dist/tokens/CSSCustomProperties.css" />
-<link rel="stylesheet" href="https://unpkg.com/@alaskaairux/webcorestylesheets@latest/dist/bundled/essentials.css" />
+### CDN options
 
-<script src="https://unpkg.com/@aurodesignsystem/auro-alert@latest/dist/auro-alert__bundled.js" type="module"></script>
-<script src="https://unpkg.com/@aurodesignsystem/auro-alert@latest/dist/auro-alert__bundled.es5.js" nomodule></script>
-```
+Both [Unpkg](https://www.unpkg.com/) and [JSDelivr](https://www.jsdelivr.com/) are free open source options that you can use. These are 3rd party resources and Auro is not responsible for their uptime. **Use at your own risk.** These bundle resources are included with the npm package, you are free to use any CDN resource that fits your needs.
 
@@ -83,0 +85,0 @@ ## Development

New alerts

Install scripts

Supply chain risk

Install scripts are run when the package is installed. The majority of malware in npm is hidden in install scripts.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Fixed alerts

Install scripts

Supply chain risk

Install scripts are run when the package is installed. The majority of malware in npm is hidden in install scripts.

Found 1 instance in 1 package

Improved metrics

Dependency count

6

decreased by-14.29%

Dev dependency count

41

decreased by-29.31%

Number of package files

17

increased by13.33%

Number of lines in readme file

120

increased by1.69%

Worsened metrics

Total package byte prevSize

100279

decreased by-69.87%

Number of low license alerts

2

increased by100%

Lines of code

507

decreased by-64.35%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedlit@^2.7.5

• + Addedtypescript@^5.1.6

• + Added@aurodesignsystem/webcorestylesheets@4.8.0(transitive)

• + Added@lit-labs/ssr-dom-shim@1.3.0(transitive)

• + Added@lit/reactive-element@1.6.3(transitive)

• + Added@types/trusted-types@2.0.7(transitive)

• + Addedlit@2.8.0(transitive)

• + Addedlit-element@3.3.3(transitive)

• + Addedlit-html@2.8.0(transitive)

• + Addedtypescript@5.7.3(transitive)

• - Removedlit-element@^2.5.1

• - Removed@alaskaairux/webcorestylesheets@3.7.3(transitive)

• - Removed@webcomponents/webcomponentsjs@2.8.0(transitive)

• - Removedfocus-visible@5.2.1(transitive)

• - Removedlit-element@2.5.1(transitive)

• - Removedlit-html@1.4.1(transitive)

• Updatedchalk@^5.2.0