Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@aurodesignsystem/auro-hyperlink

Package Overview
Dependencies
Maintainers
4
Versions
45
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@aurodesignsystem/auro-hyperlink - npm Package Compare versions

Comparing version 3.3.2 to 3.3.3

dist/auro-hyperlink.js

12

CHANGELOG.md
# Semantic Release Automated Changelog
## [3.3.3](https://github.com/AlaskaAirlines/auro-hyperlink/compare/v3.3.2...v3.3.3) (2023-03-21)
### Bug Fixes
* **workflow:** correct typo in workflow config ([45bdf5d](https://github.com/AlaskaAirlines/auro-hyperlink/commit/45bdf5d0dba35ccc5bdfc69e2a8e6eb7bf74bfd5))
### Performance Improvements
* **node:** update version support ([a9152ce](https://github.com/AlaskaAirlines/auro-hyperlink/commit/a9152ce6a0ab9cdd819fb04305861facf5dde2e5))
## [3.3.2](https://github.com/AlaskaAirlines/auro-hyperlink/compare/v3.3.1...v3.3.2) (2023-02-28)

@@ -4,0 +16,0 @@

12

dist/auro-hyperlink__bundled.js

@@ -6,3 +6,3 @@ /**

*/
var t$2;const i$2=window,s$3=i$2.trustedTypes,e$3=s$3?s$3.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$4=`lit$${(Math.random()+"").slice(9)}$`,n$3="?"+o$4,l$3=`<${n$3}>`,h$1=document,r$2=(t="")=>h$1.createComment(t),d$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,c$1=t=>u(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,a$1=/-->/g,f=/>/g,_=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),m=/'/g,p=/"/g,$=/^(?:script|style|textarea|title)$/i,g=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),y=g(1),x=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),T=new WeakMap,A=h$1.createTreeWalker(h$1,129,null,!1),E=(t,i)=>{const s=t.length-1,n=[];let h,r=2===i?"<svg>":"",d=v;for(let i=0;i<s;i++){const s=t[i];let e,u,c=-1,g=0;for(;g<s.length&&(d.lastIndex=g,u=d.exec(s),null!==u);)g=d.lastIndex,d===v?"!--"===u[1]?d=a$1:void 0!==u[1]?d=f:void 0!==u[2]?($.test(u[2])&&(h=RegExp("</"+u[2],"g")),d=_):void 0!==u[3]&&(d=_):d===_?">"===u[0]?(d=null!=h?h:v,c=-1):void 0===u[1]?c=-2:(c=d.lastIndex-u[2].length,e=u[1],d=void 0===u[3]?_:'"'===u[3]?p:m):d===p||d===m?d=_:d===a$1||d===f?d=v:(d=_,h=void 0);const y=d===_&&t[i+1].startsWith("/>")?" ":"";r+=d===v?s+l$3:c>=0?(n.push(e),s.slice(0,c)+"$lit$"+s.slice(c)+o$4+y):s+o$4+(-2===c?(n.push(void 0),i):y);}const u=r+(t[s]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return [void 0!==e$3?e$3.createHTML(u):u,n]};class C{constructor({strings:t,_$litType$:i},e){let l;this.parts=[];let h=0,d=0;const u=t.length-1,c=this.parts,[v,a]=E(t,i);if(this.el=C.createElement(v,e),A.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(l=A.nextNode())&&c.length<u;){if(1===l.nodeType){if(l.hasAttributes()){const t=[];for(const i of l.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(o$4)){const s=a[d++];if(t.push(i),void 0!==s){const t=l.getAttribute(s.toLowerCase()+"$lit$").split(o$4),i=/([.?@])?(.*)/.exec(s);c.push({type:1,index:h,name:i[2],strings:t,ctor:"."===i[1]?M:"?"===i[1]?k:"@"===i[1]?H:S$1});}else c.push({type:6,index:h});}for(const i of t)l.removeAttribute(i);}if($.test(l.tagName)){const t=l.textContent.split(o$4),i=t.length-1;if(i>0){l.textContent=s$3?s$3.emptyScript:"";for(let s=0;s<i;s++)l.append(t[s],r$2()),A.nextNode(),c.push({type:2,index:++h});l.append(t[i],r$2());}}}else if(8===l.nodeType)if(l.data===n$3)c.push({type:2,index:h});else {let t=-1;for(;-1!==(t=l.data.indexOf(o$4,t+1));)c.push({type:7,index:h}),t+=o$4.length-1;}h++;}}static createElement(t,i){const s=h$1.createElement("template");return s.innerHTML=t,s}}function P(t,i,s=t,e){var o,n,l,h;if(i===x)return i;let r=void 0!==e?null===(o=s._$Co)||void 0===o?void 0:o[e]:s._$Cl;const u=d$1(i)?void 0:i._$litDirective$;return (null==r?void 0:r.constructor)!==u&&(null===(n=null==r?void 0:r._$AO)||void 0===n||n.call(r,!1),void 0===u?r=void 0:(r=new u(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=P(t,r._$AS(t,i.values),r,e)),i}class V{constructor(t,i){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:h$1).importNode(s,!0);A.currentNode=o;let n=A.nextNode(),l=0,r=0,d=e[0];for(;void 0!==d;){if(l===d.index){let i;2===d.type?i=new N(n,n.nextSibling,this,t):1===d.type?i=new d.ctor(n,d.name,d.strings,this,t):6===d.type&&(i=new I(n,this,t)),this.u.push(i),d=e[++r];}l!==(null==d?void 0:d.index)&&(n=A.nextNode(),l++);}return o}p(t){let i=0;for(const s of this.u)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class N{constructor(t,i,s,e){var o;this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cm=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._$Cm}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=P(this,t,i),d$1(t)?t===b||null==t||""===t?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==x&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):c$1(t)?this.k(t):this.g(t);}O(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}g(t){this._$AH!==b&&d$1(this._$AH)?this._$AA.nextSibling.data=t:this.T(h$1.createTextNode(t)),this._$AH=t;}$(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=C.createElement(e.h,this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.p(s);else {const t=new V(o,this),i=t.v(this.options);t.p(s),this.T(i),this._$AH=t;}}_$AC(t){let i=T.get(t.strings);return void 0===i&&T.set(t.strings,i=new C(t)),i}k(t){u(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 N(this.O(r$2()),this.O(r$2()),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._$Cm=t,null===(i=this._$AP)||void 0===i||i.call(this,t));}}class S$1{constructor(t,i,s,e,o){this.type=1,this._$AH=b,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=b;}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=P(this,t,i,0),n=!d$1(t)||t!==this._$AH&&t!==x,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=P(this,e[s+l],i,l),h===x&&(h=this._$AH[l]),n||(n=!d$1(h)||h!==this._$AH[l]),h===b?t=b:t!==b&&(t+=(null!=h?h:"")+o[l+1]),this._$AH[l]=h;}n&&!e&&this.j(t);}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}}class M extends S$1{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===b?void 0:t;}}const R=s$3?s$3.emptyScript:"";class k extends S$1{constructor(){super(...arguments),this.type=4;}j(t){t&&t!==b?this.element.setAttribute(this.name,R):this.element.removeAttribute(this.name);}}class H extends S$1{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=P(this,t,i,0))&&void 0!==s?s:b)===x)return;const e=this._$AH,o=t===b&&e!==b||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==b&&(e===b||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 I{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){P(this,t);}}const z=i$2.litHtmlPolyfillSupport;null==z||z(C,N),(null!==(t$2=i$2.litHtmlVersions)&&void 0!==t$2?t$2:i$2.litHtmlVersions=[]).push("2.6.1");const Z=(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 N(i.insertBefore(r$2(),t),t,void 0,null!=s?s:{});}return l._$AI(t),l};
var t$2;const i$2=window,s$3=i$2.trustedTypes,e$3=s$3?s$3.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$4=`lit$${(Math.random()+"").slice(9)}$`,n$3="?"+o$4,l$3=`<${n$3}>`,h$1=document,r$2=(t="")=>h$1.createComment(t),d$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,c$1=t=>u(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,a$1=/-->/g,f=/>/g,_=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),m=/'/g,p=/"/g,$=/^(?:script|style|textarea|title)$/i,g=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),y=g(1),x=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),T=new WeakMap,A=h$1.createTreeWalker(h$1,129,null,!1),E=(t,i)=>{const s=t.length-1,n=[];let h,r=2===i?"<svg>":"",d=v;for(let i=0;i<s;i++){const s=t[i];let e,u,c=-1,g=0;for(;g<s.length&&(d.lastIndex=g,u=d.exec(s),null!==u);)g=d.lastIndex,d===v?"!--"===u[1]?d=a$1:void 0!==u[1]?d=f:void 0!==u[2]?($.test(u[2])&&(h=RegExp("</"+u[2],"g")),d=_):void 0!==u[3]&&(d=_):d===_?">"===u[0]?(d=null!=h?h:v,c=-1):void 0===u[1]?c=-2:(c=d.lastIndex-u[2].length,e=u[1],d=void 0===u[3]?_:'"'===u[3]?p:m):d===p||d===m?d=_:d===a$1||d===f?d=v:(d=_,h=void 0);const y=d===_&&t[i+1].startsWith("/>")?" ":"";r+=d===v?s+l$3:c>=0?(n.push(e),s.slice(0,c)+"$lit$"+s.slice(c)+o$4+y):s+o$4+(-2===c?(n.push(void 0),i):y);}const u=r+(t[s]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return [void 0!==e$3?e$3.createHTML(u):u,n]};class C{constructor({strings:t,_$litType$:i},e){let l;this.parts=[];let h=0,d=0;const u=t.length-1,c=this.parts,[v,a]=E(t,i);if(this.el=C.createElement(v,e),A.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(l=A.nextNode())&&c.length<u;){if(1===l.nodeType){if(l.hasAttributes()){const t=[];for(const i of l.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(o$4)){const s=a[d++];if(t.push(i),void 0!==s){const t=l.getAttribute(s.toLowerCase()+"$lit$").split(o$4),i=/([.?@])?(.*)/.exec(s);c.push({type:1,index:h,name:i[2],strings:t,ctor:"."===i[1]?M:"?"===i[1]?k:"@"===i[1]?H:S$1});}else c.push({type:6,index:h});}for(const i of t)l.removeAttribute(i);}if($.test(l.tagName)){const t=l.textContent.split(o$4),i=t.length-1;if(i>0){l.textContent=s$3?s$3.emptyScript:"";for(let s=0;s<i;s++)l.append(t[s],r$2()),A.nextNode(),c.push({type:2,index:++h});l.append(t[i],r$2());}}}else if(8===l.nodeType)if(l.data===n$3)c.push({type:2,index:h});else {let t=-1;for(;-1!==(t=l.data.indexOf(o$4,t+1));)c.push({type:7,index:h}),t+=o$4.length-1;}h++;}}static createElement(t,i){const s=h$1.createElement("template");return s.innerHTML=t,s}}function P(t,i,s=t,e){var o,n,l,h;if(i===x)return i;let r=void 0!==e?null===(o=s._$Co)||void 0===o?void 0:o[e]:s._$Cl;const u=d$1(i)?void 0:i._$litDirective$;return (null==r?void 0:r.constructor)!==u&&(null===(n=null==r?void 0:r._$AO)||void 0===n||n.call(r,!1),void 0===u?r=void 0:(r=new u(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=P(t,r._$AS(t,i.values),r,e)),i}class V{constructor(t,i){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:h$1).importNode(s,!0);A.currentNode=o;let n=A.nextNode(),l=0,r=0,d=e[0];for(;void 0!==d;){if(l===d.index){let i;2===d.type?i=new N(n,n.nextSibling,this,t):1===d.type?i=new d.ctor(n,d.name,d.strings,this,t):6===d.type&&(i=new I(n,this,t)),this.u.push(i),d=e[++r];}l!==(null==d?void 0:d.index)&&(n=A.nextNode(),l++);}return o}p(t){let i=0;for(const s of this.u)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class N{constructor(t,i,s,e){var o;this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cm=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._$Cm}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=P(this,t,i),d$1(t)?t===b||null==t||""===t?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==x&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):c$1(t)?this.k(t):this.g(t);}O(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}g(t){this._$AH!==b&&d$1(this._$AH)?this._$AA.nextSibling.data=t:this.T(h$1.createTextNode(t)),this._$AH=t;}$(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=C.createElement(e.h,this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.p(s);else {const t=new V(o,this),i=t.v(this.options);t.p(s),this.T(i),this._$AH=t;}}_$AC(t){let i=T.get(t.strings);return void 0===i&&T.set(t.strings,i=new C(t)),i}k(t){u(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 N(this.O(r$2()),this.O(r$2()),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._$Cm=t,null===(i=this._$AP)||void 0===i||i.call(this,t));}}let S$1 = class S{constructor(t,i,s,e,o){this.type=1,this._$AH=b,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=b;}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=P(this,t,i,0),n=!d$1(t)||t!==this._$AH&&t!==x,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=P(this,e[s+l],i,l),h===x&&(h=this._$AH[l]),n||(n=!d$1(h)||h!==this._$AH[l]),h===b?t=b:t!==b&&(t+=(null!=h?h:"")+o[l+1]),this._$AH[l]=h;}n&&!e&&this.j(t);}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}};class M extends S$1{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===b?void 0:t;}}const R=s$3?s$3.emptyScript:"";class k extends S$1{constructor(){super(...arguments),this.type=4;}j(t){t&&t!==b?this.element.setAttribute(this.name,R):this.element.removeAttribute(this.name);}}class H extends S$1{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=P(this,t,i,0))&&void 0!==s?s:b)===x)return;const e=this._$AH,o=t===b&&e!==b||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==b&&(e===b||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 I{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){P(this,t);}}const z=i$2.litHtmlPolyfillSupport;null==z||z(C,N),(null!==(t$2=i$2.litHtmlVersions)&&void 0!==t$2?t$2:i$2.litHtmlVersions=[]).push("2.6.1");const Z=(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 N(i.insertBefore(r$2(),t),t,void 0,null!=s?s:{});}return l._$AI(t),l};

@@ -20,3 +20,3 @@ /**

*/
const t$1={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e$2=t=>(...e)=>({_$litDirective$:t,values:e});class i$1{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
const t$1={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e$2=t=>(...e)=>({_$litDirective$:t,values:e});let i$1 = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};

@@ -34,3 +34,3 @@ /**

*/
const t=window,e$1=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2=Symbol(),n$2=new WeakMap;class o$2{constructor(t,e,n){if(this._$cssResult$=!0,n!==s$2)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$1&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=n$2.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&n$2.set(s,t));}return t}toString(){return this.cssText}}const r$1=t=>new o$2("string"==typeof t?t:t+"",void 0,s$2),i=(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$2(n,t,s$2)},S=(s,n)=>{e$1?s.adoptedStyleSheets=n.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):n.forEach((e=>{const n=document.createElement("style"),o=t.litNonce;void 0!==o&&n.setAttribute("nonce",o),n.textContent=e.cssText,s.appendChild(n);}));},c=e$1?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$1(e)})(t):t;
const t=window,e$1=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2=Symbol(),n$2=new WeakMap;let o$2 = class o{constructor(t,e,n){if(this._$cssResult$=!0,n!==s$2)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$1&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=n$2.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&n$2.set(s,t));}return t}toString(){return this.cssText}};const r$1=t=>new o$2("string"==typeof t?t:t+"",void 0,s$2),i=(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$2(n,t,s$2)},S=(s,n)=>{e$1?s.adoptedStyleSheets=n.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):n.forEach((e=>{const n=document.createElement("style"),o=t.litNonce;void 0!==o&&n.setAttribute("nonce",o),n.textContent=e.cssText,s.appendChild(n);}));},c=e$1?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$1(e)})(t):t;

@@ -76,5 +76,5 @@ /**

var externalLink = {"role":"img","color":"currentColor","title":"Link to external site.","desc":"This indicates a link to an external site that may not follow the same accessibility or privacy policies as Alaska Airlines. By selecting a partner link you agree to share your data with these sites.","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":"external-link","category":"interface","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labeledby=\"external-link__title external-link__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 id=\"external-link__title\">Link to external site.</title><desc id=\"external-link__desc\">This indicates a link to an external site that may not follow the same accessibility or privacy policies as Alaska Airlines. By selecting a partner link you agree to share your data with these sites.</desc><path d=\"M7 6.25h5a.75.75 0 0 1 .102 1.494L12 7.75H7a1.25 1.25 0 0 0-1.244 1.123L5.75 9v8c0 .648.492 1.18 1.122 1.244L7 18.25h8a1.25 1.25 0 0 0 1.244-1.122L16.25 17v-5a.75.75 0 0 1 1.493-.101l.007.101v5a2.75 2.75 0 0 1-2.582 2.745L15 19.75H7a2.75 2.75 0 0 1-2.745-2.582L4.25 17V9a2.75 2.75 0 0 1 2.582-2.745L7 6.25h5-5Zm12.025-2 .125.015.11.032.128.061c.18.108.317.29.353.522l.009.12v5a.75.75 0 0 1-1.493.102L18.25 10V6.811l-6.72 6.72a.75.75 0 0 1-1.133-.977l.073-.084 6.718-6.72H14a.75.75 0 0 1-.743-.648L13.25 5a.75.75 0 0 1 .648-.743L14 4.25h5.025Z\"/></svg>"};
var externalLink = {"role":"img","color":"currentColor","title":"Link to external site.","desc":"This indicates a link to an external site that may not follow the same accessibility or privacy policies as Alaska Airlines. By selecting a partner link you agree to share your data with these sites.","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":"external-link","category":"interface","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"external-link__title external-link__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 id=\"external-link__title\">Link to external site.</title><desc id=\"external-link__desc\">This indicates a link to an external site that may not follow the same accessibility or privacy policies as Alaska Airlines. By selecting a partner link you agree to share your data with these sites.</desc><path d=\"M7 6.25h5a.75.75 0 0 1 .102 1.494L12 7.75H7a1.25 1.25 0 0 0-1.244 1.123L5.75 9v8c0 .648.492 1.18 1.122 1.244L7 18.25h8a1.25 1.25 0 0 0 1.244-1.122L16.25 17v-5a.75.75 0 0 1 1.493-.101l.007.101v5a2.75 2.75 0 0 1-2.582 2.745L15 19.75H7a2.75 2.75 0 0 1-2.745-2.582L4.25 17V9a2.75 2.75 0 0 1 2.582-2.745L7 6.25h5-5Zm12.025-2 .125.015.11.032.128.061c.18.108.317.29.353.522l.009.12v5a.75.75 0 0 1-1.493.102L18.25 10V6.811l-6.72 6.72a.75.75 0 0 1-1.133-.977l.073-.084 6.718-6.72H14a.75.75 0 0 1-.743-.648L13.25 5a.75.75 0 0 1 .648-.743L14 4.25h5.025Z\"/></svg>"};
var newWindow = {"role":"img","color":"currentColor","title":"Link will open a new tab or window.","desc":"Notice indicator to alert users that action will result in the browser opening a new tab or window.","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":"new-window","category":"interface","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labeledby=\"new-window__title new-window__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 id=\"new-window__title\">Link will open a new tab or window.</title><desc id=\"new-window__desc\">Notice indicator to alert users that action will result in the browser opening a new tab or window.</desc><path fill-rule=\"evenodd\" d=\"M20.246 5.687a2.063 2.063 0 0 0-2.058-1.937H8.813l-.126.004A2.063 2.063 0 0 0 6.75 5.812v.938H6.5l-.168.005A2.75 2.75 0 0 0 3.75 9.5v8l.005.168A2.75 2.75 0 0 0 6.5 20.25h8l.168-.005A2.75 2.75 0 0 0 17.25 17.5v-.25h.938l.125-.004a2.063 2.063 0 0 0 1.937-2.058V5.812l-.004-.125ZM15.75 17.25H8.812a2.063 2.063 0 0 1-2.058-1.937l-.004-.126V8.25H6.5a1.25 1.25 0 0 0-1.244 1.123L5.25 9.5v8c0 .648.492 1.18 1.122 1.244l.128.006h8a1.25 1.25 0 0 0 1.243-1.122l.007-.128v-.25Zm-6.625-12h8.75l.09.005a.875.875 0 0 1 .785.87v8.75l-.005.09a.875.875 0 0 1-.87.785h-8.75l-.09-.005a.875.875 0 0 1-.785-.87v-8.75l.005-.09a.875.875 0 0 1 .87-.785Zm4.28 1.757L13.507 7c.38 0 .693.3.743.69l.007.11-.007 1.938h2c.38 0 .694.301.743.691l.007.108c0 .405-.282.74-.648.792l-.102.007h-2.001l.001 1.865c0 .404-.282.739-.648.792L13.5 14c-.38 0-.694-.3-.743-.69l-.007-.11-.001-1.864H10.75c-.38 0-.694-.3-.743-.69L10 10.537c0-.404.282-.738.648-.791l.102-.008h2l.007-1.939c0-.404.282-.739.648-.792Z\"/></svg>"};
var newWindow = {"role":"img","color":"currentColor","title":"Link will open a new tab or window.","desc":"Notice indicator to alert users that action will result in the browser opening a new tab or window.","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":"new-window","category":"interface","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"new-window__title new-window__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 id=\"new-window__title\">Link will open a new tab or window.</title><desc id=\"new-window__desc\">Notice indicator to alert users that action will result in the browser opening a new tab or window.</desc><path fill-rule=\"evenodd\" d=\"M20.246 5.687a2.063 2.063 0 0 0-2.058-1.937H8.813l-.126.004A2.063 2.063 0 0 0 6.75 5.812v.938H6.5l-.168.005A2.75 2.75 0 0 0 3.75 9.5v8l.005.168A2.75 2.75 0 0 0 6.5 20.25h8l.168-.005A2.75 2.75 0 0 0 17.25 17.5v-.25h.938l.125-.004a2.063 2.063 0 0 0 1.937-2.058V5.812l-.004-.125ZM15.75 17.25H8.812a2.063 2.063 0 0 1-2.058-1.937l-.004-.126V8.25H6.5a1.25 1.25 0 0 0-1.244 1.123L5.25 9.5v8c0 .648.492 1.18 1.122 1.244l.128.006h8a1.25 1.25 0 0 0 1.243-1.122l.007-.128v-.25Zm-6.625-12h8.75l.09.005a.875.875 0 0 1 .785.87v8.75l-.005.09a.875.875 0 0 1-.87.785h-8.75l-.09-.005a.875.875 0 0 1-.785-.87v-8.75l.005-.09a.875.875 0 0 1 .87-.785Zm4.28 1.757L13.507 7c.38 0 .693.3.743.69l.007.11-.007 1.938h2c.38 0 .694.301.743.691l.007.108c0 .405-.282.74-.648.792l-.102.007h-2.001l.001 1.865c0 .404-.282.739-.648.792L13.5 14c-.38 0-.694-.3-.743-.69l-.007-.11-.001-1.864H10.75c-.38 0-.694-.3-.743-.69L10 10.537c0-.404.282-.738.648-.791l.102-.008h2l.007-1.939c0-.404.282-.739.648-.792Z\"/></svg>"};

@@ -314,3 +314,3 @@ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license

var styleCss = i`*,*: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}:host{display:inline-block}:host([type=nav]) .hyperlink:focus{text-decoration:underline}:host([fluid][type=cta]),:host([fluid=true][type=cta]){width:100%}:host([fluid][type=cta]) .hyperlink--cta,:host([fluid=true][type=cta]) .hyperlink--cta{width:100%}.hyperlink{transition:all .15s ease;color:#0074c8;color:var(--auro-color-ui-default-on-light);text-decoration:underline}.hyperlink:focus{text-decoration:none}.hyperlink:visited{color:#0074c8;color:var(--auro-color-ui-default-on-light)}.hyperlink.focus-visible{color:#fff;color:var(--auro-color-text-primary-on-dark);outline:#0074c8 solid .25rem;outline:var(--auro-color-ui-default-on-light) solid var(--auro-size-xxs);background-color:#0074c8;background-color:var(--auro-color-ui-default-on-light)}.hyperlink.focus-visible:hover{color:#fff !important;color:var(--auro-color-text-primary-on-dark) !important}.hyperlink:focus-visible{color:#fff;color:var(--auro-color-text-primary-on-dark);outline:#0074c8 solid .25rem;outline:var(--auro-color-ui-default-on-light) solid var(--auro-size-xxs);background-color:#0074c8;background-color:var(--auro-color-ui-default-on-light);outline-offset:unset}.hyperlink:focus-visible:hover{color:#fff !important;color:var(--auro-color-text-primary-on-dark) !important}@media(hover: hover){.hyperlink:hover{color:#054687;color:var(--auro-color-ui-hover-on-light);text-decoration:none}.hyperlink--nav:hover{text-decoration:underline}.hyperlink--ondark:hover{color:var(--auro-hyperlink-ondark-hover-color)}}.hyperlink--button{display:inline-block;padding:0 1rem;padding:0 var(--auro-size-md);text-decoration:none;color:#0074c8;color:var(--auro-color-text-link-on-light);border:1px solid transparent;line-height:3;line-height:var(--auro-unitless-scale-300)}:host(:not(.is-touching)) .hyperlink--button:hover{cursor:pointer;text-decoration:underline;color:#054687;color:var(--auro-color-ui-hover-on-light)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--cta{display:block;padding:0 1rem;padding:0 var(--auro-size-md);text-decoration:none;color:#0074c8;color:var(--auro-color-text-link-on-light);border:1px solid transparent;line-height:3;line-height:var(--auro-unitless-scale-300);border:1px solid #0074c8;border:1px solid var(--auro-color-ui-default-on-light);background-color:#0074c8;background-color:var(--auro-color-ui-default-on-light);border-radius:.375rem;border-radius:var(--auro-border-radius);color:#fff;color:var(--auro-color-text-primary-on-dark);font-family:"AS Circular",Helvetica Neue,Arial,sans-serif;font-family:var(--auro-font-family-default);font-size:1rem;font-size:var(--auro-text-body-size-default);font-weight:500;font-weight:var(--auro-text-body-default-weight);line-height:3.375rem;line-height:calc((var(--auro-size-xxl)) + (var(--auro-size-xs)) - (var(--auro-size-xxxs)));text-align:center}:host(:not(.is-touching)) .hyperlink--cta:hover{cursor:pointer;text-decoration:underline;color:#054687;color:var(--auro-color-ui-hover-on-light)}.hyperlink--cta:active{transform:scale(0.95)}:host(:not(.is-touching)) .hyperlink--cta:hover{border:1px solid #054687;border:1px solid var(--auro-color-ui-hover-on-light);background-color:#054687;background-color:var(--auro-color-ui-hover-on-light);color:#fff;color:var(--auro-color-text-primary-on-dark);text-decoration:none}.hyperlink--cta:visited{color:#fff;color:var(--auro-color-text-primary-on-dark)}@media screen and (min-width: 660px){.hyperlink--cta{display:inline-block;min-width:12rem;min-width:calc((var(--auro-size-xxxl))*3)}}.hyperlink--cta.hyperlink--secondary{border:1px solid #0074c8;border:1px solid var(--auro-color-ui-default-on-light);background-color:#fff;background-color:var(--auro-color-background-lightest);color:#0074c8;color:var(--auro-color-text-link-on-light)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary:hover{border:1px solid #0074c8;border:1px solid var(--auro-color-ui-default-on-light);background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);color:#0074c8;color:var(--auro-color-text-link-on-light)}.hyperlink--cta.hyperlink--secondary.hyperlink--ondark{border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);background-color:transparent;color:#00cff0;color:var(--auro-color-ui-default-on-dark)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:hover{border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);background-color:rgba(0, 0, 0, 0.15);background-color:var(--auro-color-base-black-opacity-15);color:#00cff0;color:var(--auro-color-ui-default-on-dark)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:visited{color:#00cff0;color:var(--auro-color-ui-default-on-dark)}.hyperlink--cta.hyperlink--ondark{border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);color:#222;color:var(--auro-color-text-primary-on-light)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:hover{border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark);background-color:#5de3f7;background-color:var(--auro-color-ui-hover-on-dark);color:#222;color:var(--auro-color-text-primary-on-light)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:visited{color:#222;color:var(--auro-color-text-primary-on-light)}.hyperlink--ondark{color:#00cff0;color:var(--auro-color-ui-default-on-dark)}.hyperlink--ondark:visited{color:#00cff0;color:var(--auro-color-ui-default-on-dark)}svg{--auro-size-lg:1rem;position:relative;top:4px;margin-left:.125rem;margin-left:var(--auro-size-xxxs)}`;
var styleCss = i`*,*: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}:host{display:inline-block}:host([type=nav]) .hyperlink:focus{text-decoration:underline}:host([fluid][type=cta]),:host([fluid=true][type=cta]){width:100%}:host([fluid][type=cta]) .hyperlink--cta,:host([fluid=true][type=cta]) .hyperlink--cta{width:100%}.hyperlink{transition:all .15s ease;color:#0074c8;color:var(--auro-color-ui-default-on-light);text-decoration:underline}.hyperlink:focus{text-decoration:none}.hyperlink:visited{color:#0074c8;color:var(--auro-color-ui-default-on-light)}.hyperlink.focus-visible{color:#fff;color:var(--auro-color-text-primary-on-dark);outline:#0074c8 solid .25rem;outline:var(--auro-color-ui-default-on-light) solid var(--auro-size-xxs);background-color:#0074c8;background-color:var(--auro-color-ui-default-on-light)}.hyperlink.focus-visible:hover{color:#fff !important;color:var(--auro-color-text-primary-on-dark) !important}.hyperlink:focus-visible{color:#fff;color:var(--auro-color-text-primary-on-dark);outline:#0074c8 solid .25rem;outline:var(--auro-color-ui-default-on-light) solid var(--auro-size-xxs);background-color:#0074c8;background-color:var(--auro-color-ui-default-on-light);outline-offset:unset}.hyperlink:focus-visible:hover{color:#fff !important;color:var(--auro-color-text-primary-on-dark) !important}@media(hover: hover){.hyperlink:hover{color:#054687;color:var(--auro-color-ui-hover-on-light);text-decoration:none}.hyperlink--nav:hover{text-decoration:underline}.hyperlink--ondark:hover{color:var(--auro-hyperlink-ondark-hover-color)}}.hyperlink--button{display:inline-block;padding:0 1rem;padding:0 var(--auro-size-md);text-decoration:none;color:#0074c8;color:var(--auro-color-text-link-on-light);border:1px solid transparent;line-height:3;line-height:var(--auro-unitless-scale-300)}:host(:not(.is-touching)) .hyperlink--button:hover{cursor:pointer;text-decoration:underline;color:#054687;color:var(--auro-color-ui-hover-on-light)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--cta{display:block;padding:0 1rem;padding:0 var(--auro-size-md);text-decoration:none;color:#0074c8;color:var(--auro-color-text-link-on-light);border:1px solid transparent;line-height:3;line-height:var(--auro-unitless-scale-300);border:1px solid #0074c8;border:1px solid var(--auro-color-ui-default-on-light);border-radius:.375rem;border-radius:var(--auro-border-radius);background-color:#0074c8;background-color:var(--auro-color-ui-default-on-light);color:#fff;color:var(--auro-color-text-primary-on-dark);font-family:"AS Circular",Helvetica Neue,Arial,sans-serif;font-family:var(--auro-font-family-default);font-size:1rem;font-size:var(--auro-text-body-size-default);font-weight:500;font-weight:var(--auro-text-body-default-weight);line-height:3.375rem;line-height:calc((var(--auro-size-xxl)) + (var(--auro-size-xs)) - (var(--auro-size-xxxs)));text-align:center}:host(:not(.is-touching)) .hyperlink--cta:hover{cursor:pointer;text-decoration:underline;color:#054687;color:var(--auro-color-ui-hover-on-light)}.hyperlink--cta:active{transform:scale(0.95)}:host(:not(.is-touching)) .hyperlink--cta:hover{border:1px solid #054687;border:1px solid var(--auro-color-ui-hover-on-light);background-color:#054687;background-color:var(--auro-color-ui-hover-on-light);color:#fff;color:var(--auro-color-text-primary-on-dark);text-decoration:none}.hyperlink--cta:visited{color:#fff;color:var(--auro-color-text-primary-on-dark)}@media screen and (min-width: 660px){.hyperlink--cta{display:inline-block;min-width:12rem;min-width:calc((var(--auro-size-xxxl))*3)}}.hyperlink--cta.hyperlink--secondary{border:1px solid #0074c8;border:1px solid var(--auro-color-ui-default-on-light);background-color:#fff;background-color:var(--auro-color-background-lightest);color:#0074c8;color:var(--auro-color-text-link-on-light)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary:hover{border:1px solid #0074c8;border:1px solid var(--auro-color-ui-default-on-light);background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);color:#0074c8;color:var(--auro-color-text-link-on-light)}.hyperlink--cta.hyperlink--secondary.hyperlink--ondark{border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);background-color:transparent;color:#00cff0;color:var(--auro-color-ui-default-on-dark)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:hover{border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);background-color:rgba(0, 0, 0, 0.15);background-color:var(--auro-color-base-black-opacity-15);color:#00cff0;color:var(--auro-color-ui-default-on-dark)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:visited{color:#00cff0;color:var(--auro-color-ui-default-on-dark)}.hyperlink--cta.hyperlink--ondark{border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);color:#222;color:var(--auro-color-text-primary-on-light)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:hover{border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark);background-color:#5de3f7;background-color:var(--auro-color-ui-hover-on-dark);color:#222;color:var(--auro-color-text-primary-on-light)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:visited{color:#222;color:var(--auro-color-text-primary-on-light)}.hyperlink--ondark{color:#00cff0;color:var(--auro-color-ui-default-on-dark)}.hyperlink--ondark:visited{color:#00cff0;color:var(--auro-color-ui-default-on-dark)}svg{--auro-size-lg:1rem;position:relative;top:4px;margin-left:.125rem;margin-left:var(--auro-size-xxxs)}`;

@@ -317,0 +317,0 @@ var styleCssFixed = i``;

@@ -10,3 +10,3 @@ {

"name": "@aurodesignsystem/auro-hyperlink",
"version": "3.3.2",
"version": "3.3.3",
"description": "auro-hyperlink HTML custom element",

@@ -20,3 +20,3 @@ "repository": {

"engines": {
"node": ">=14.17.6"
"node": ">=18.15.0"
},

@@ -35,34 +35,34 @@ "dependencies": {

"devDependencies": {
"@alaskaairux/design-tokens": "^3.12.1",
"@alaskaairux/icons": "^4.20.0",
"@alaskaairux/design-tokens": "^3.12.2",
"@alaskaairux/icons": "^4.22.1",
"@alaskaairux/webcorestylesheets": "^3.7.3",
"@aurodesignsystem/eslint-config": "^1.3.0",
"@babel/eslint-parser": "^7.19.1",
"@commitlint/cli": "^15.0.0",
"@commitlint/config-conventional": "^15.0.0",
"@babel/eslint-parser": "^7.21.3",
"@commitlint/cli": "^17.4.4",
"@commitlint/config-conventional": "^17.4.4",
"@open-wc/testing": "^3.1.7",
"@rollup/plugin-node-resolve": "^13.3.0",
"@rollup/plugin-node-resolve": "^15.0.1",
"@semantic-release/changelog": "^6.0.2",
"@semantic-release/git": "^10.0.1",
"@semantic-release/npm": "^8.0.3",
"@web/dev-server": "^0.1.35",
"@web/test-runner": "^0.15.0",
"@semantic-release/npm": "^9.0.2",
"@web/dev-server": "^0.1.36",
"@web/test-runner": "^0.15.1",
"@webcomponents/webcomponentsjs": "^2.7.0",
"autoprefixer": "^10.4.13",
"autoprefixer": "^10.4.14",
"compression": "^1.7.4",
"concat": "^1.0.3",
"concurrently": "^6.5.0",
"concurrently": "^7.6.0",
"copyfiles": "^2.4.1",
"core-js": "^3.26.1",
"eslint": "^8.30.0",
"eslint-plugin-jsdoc": "^37.2.8",
"core-js": "^3.29.1",
"eslint": "^8.36.0",
"eslint-plugin-jsdoc": "^40.1.0",
"focus-visible": "^5.2.0",
"fs-extra": "^10.0.0",
"husky": "^7.0.0",
"fs-extra": "^11.1.1",
"husky": "^8.0.3",
"lodash": "^4.17.21",
"markdown-magic": "^2.6.1",
"nodemon": "^2.0.20",
"nodemon": "^2.0.21",
"npm-run-all": "^4.1.5",
"postcss": "^8.4.20",
"postcss-custom-properties": "^12.1.11",
"postcss-custom-properties": "^13.1.4",
"postcss-discard-comments": "^5.1.2",

@@ -73,12 +73,12 @@ "postcss-rem-to-pixel": "^4.1.2",

"prismjs": "^1.29.0",
"rollup": "^2.61.1",
"rollup-plugin-serve": "^1.1.0",
"sass": "^1.57.1",
"semantic-release": "^19.0.5",
"stylelint": "^14.16.0",
"stylelint-config-idiomatic-order": "^8.1.0",
"stylelint-config-standard": "^24.0.0",
"stylelint-config-standard-scss": "^3.0.0",
"stylelint-order": "^5.0.0",
"stylelint-scss": "^4.3.0",
"rollup": "^3.20.0",
"rollup-plugin-serve": "^2.0.2",
"sass": "^1.59.3",
"semantic-release": "^20.1.3",
"stylelint": "^15.3.0",
"stylelint-config-idiomatic-order": "^9.0.0",
"stylelint-config-standard": "^31.0.0",
"stylelint-config-standard-scss": "^7.0.1",
"stylelint-order": "^6.0.3",
"stylelint-scss": "^4.5.0",
"wc-sass-render": "^1.4.0",

@@ -143,3 +143,3 @@ "web-component-analyzer": "^1.1.6",

"scripts": {
"build": "npm-run-all build:sass sass:render build:api test build:markdownDocs bundler postinstall",
"build": "npm-run-all build:sass sass:render dist:js build:api test build:markdownDocs bundler postinstall",
"build:api": "wca analyze 'src/auro-hyperlink.js' --outFiles docs/api.md",

@@ -156,2 +156,3 @@ "build:demo": "node ./scripts/prepForBuild",

"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",

@@ -158,0 +159,0 @@ "linters": "npm-run-all scssLint esLint",

@@ -0,14 +1,68 @@

<!--
The README.md file is a compiled document. No edits should be made directly to this file.
README.md is created by running `npm run build:markdownDocs`.
This file is generated based on a template fetched from
`https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/README.md`
and copied to `./componentDocs/README.md` each time the the docs are compiled.
The following sections are editable by making changes to the following files:
| SECTION | DESCRIPTION | FILE LOCATION |
|------------------------|---------------------------------------------------|-------------------------------------|
| Description | Description of the component | `./docs/partials/description.md` |
| Use Cases | Examples for when to use this component | `./docs/partials/useCases.md` |
| Additional Information | For use to add any component specific information | `./docs/partials/readmeAddlInfo.md` |
| Component Example Code | HTML sample code of the components use | `./apiExamples/basic.html` |
-->
# Hyperlink
<!-- AUROLABS-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/labsDisclaimer.md) -->
<!-- AUROLABS-GENERATED-CONTENT:END -->
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
<!-- The below content is automatically added from ./docs/partials/description.md -->
`<auro-hyperlink>` is a wrapper components for an HTML `<a>` element containing styling and behavior.
<!-- AURO-GENERATED-CONTENT:END -->
## Default auro-hyperlink
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./apiExamples/basic.html) -->
<!-- The below code snippet is automatically added from ./apiExamples/basic.html -->
```html
<auro-hyperlink>Hello World</auro-hyperlink>
```
<!-- AURO-GENERATED-CONTENT:END -->
## hyperlink use cases
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/useCases.md) -->
<!-- The below content is automatically added from ./docs/partials/useCases.md -->
The `<auro-hyperlink>` elements should be used in situations where users may:
* stand-alone link element for navigation
* inline link element for navigation
* optional role as button when hyperlink UI is needed for submit action
<!-- AURO-GENERATED-CONTENT:END -->
## UI development browser support
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/browserSupport.md) -->
For the most up to date information on [UI development browser support](https://auro.alaskaair.com/support/browsersSupport)
## Install
<!-- AURO-GENERATED-CONTENT:END -->
[![Build Status](https://img.shields.io/github/workflow/status/AlaskaAirlines/auro-hyperlink/Test%20and%20publish?branch=master&style=for-the-badge)](https://github.com/AlaskaAirlines/auro-hyperlink/actions?query=workflow%3A%22test+and+publish%22)
## Installation and Use
Installation and use of auro-hyperlink can be done as either a <a href="#js-import">JS Import</a> or using the <a href="#cdn-use">bundled CDN asset</a>, then <a href="#using-the-custom-element">reference the Custom Element</a> in your HTML.
### JS Import
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentInstall.md) -->
[![Build Status](https://img.shields.io/github/actions/workflow/status/AlaskaAirlines/auro-hyperlink/testPublish.yml?style=for-the-badge)](https://github.com/AlaskaAirlines/auro-hyperlink/actions/workflows/testPublish.yml)
[![See it on NPM!](https://img.shields.io/npm/v/@aurodesignsystem/auro-hyperlink?style=for-the-badge&color=orange)](https://www.npmjs.com/package/@aurodesignsystem/auro-hyperlink)
[![License](https://img.shields.io/npm/l/@aurodesignsystem/auro-hyperlink?color=blue&style=for-the-badge)](https://www.apache.org/licenses/LICENSE-2.0)
[![Snyk Vulnerabilities for npm package](https://img.shields.io/snyk/vulnerabilities/npm/@aurodesignsystem/auro-hyperlink?style=for-the-badge)](https://snyk.io/test/npm/@aurodesignsystem/auro-hyperlink?tab=issues)

@@ -21,23 +75,44 @@ ```shell

### Design Token CSS Custom Property dependency
<!-- AURO-GENERATED-CONTENT:END -->
The use of any Auro custom element has a dependency on the [Auro Design Tokens](https://auro.alaskaair.com/getting-started/developers/design-tokens).
### Define dependency in project component
### CSS Custom Property fallbacks
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentImportDescription.md) -->
Defining the component dependency within each component that is using the `<auro-hyperlink>` component.
[CSS custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) are [not supported](https://auro.alaskaair.com/support/custom-properties) in older browsers. For this, fallback properties are pre-generated and included with the npm.
<!-- AURO-GENERATED-CONTENT:END -->
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentImport.md) -->
Any update to the Auro Design Tokens will be immediately reflected with browsers that support CSS custom properties, legacy browsers will require updated components with pre-generated fallback properties.
```js
import "@aurodesignsystem/auro-hyperlink";
```
### Define dependency in project component
<!-- AURO-GENERATED-CONTENT:END -->
Defining the component dependency within each component that is using the `<auro-hyperlink>` component.
### CDN Use
```javascript
import "@aurodesignsystem/auro-hyperlink";
In cases where the project is not able to process JS assets, there are pre-processed assets available for use.
#### Install
Include the following HTML code in the `<head>` element of your page.
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/bundleUseModBrowsers.md) -->
```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" />
<script src="https://unpkg.com/@aurodesignsystem/auro-hyperlink@latest/dist/auro-hyperlink__bundled.js" type="module"></script>
```
**Reference component in HTML**
<!-- AURO-GENERATED-CONTENT:END -->
**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.
### Using the custom element
After the web component is imported by JavaScript or CDN, reference the component in HTML.
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./apiExamples/basic.html) -->
<!-- The below code snippet is automatically added from ./apiExamples/basic.html -->
```html

@@ -47,28 +122,47 @@ <auro-hyperlink>Hello World</auro-hyperlink>

<!-- AURO-GENERATED-CONTENT:END -->
Review the <a href="https://auro.alaskaair.com/components/auro/hyperlink/api">API documentation</a> for advanced uses and examples.
## Install bundled assets from CDN
### Limitations and Risks
In cases where the project is not able to process JS assets, there are pre-processed assets available for use.
When multiple micro frontends are combined and result in a custom element being imported more than once, only the first instance of the imported custom element is used. All subsequent attempts to load the custom element will fail. If a micro frontend loaded into the document subsequently attempts to load a new version of the component with an updated API, it will fail to load. This can result in unexpected API functionality.
### Bundle example code
For a detailed explanation of this issue, see this article: [Versioning Web Components](https://dev.to/florianrappl/versioning-web-components-3bda) by [Florian Rappl](https://dev.to/florianrappl).
**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.
### Recommended Use and Version Control
```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" />
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-hyperlink` custom element is defined automatically.
<script src="https://unpkg.com/@aurodesignsystem/auro-hyperlink@latest/dist/auro-hyperlink__bundled.js" type="module"></script>
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/@aurodesignsystem/auro-hyperlink';
registerComponent('custom-hyperlink');
```
### hyperlink use cases
This will create a new custom element that you can use in your HTML that will function identically to the `auro-hyperlink` element.
The `<auro-hyperlink>` elements should be used in situations where users may:
```html
<custom-hyperlink></custom-hyperlink>
```
* stand-alone link element for navigation
* inline link element for navigation
* optional role as button when hyperlink UI is needed for submit action
### Design Token CSS Custom Property dependency
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/designTokens.md) -->
The use of any Auro custom element has a dependency on the [Auro Design Tokens](https://auro.alaskaair.com/getting-started/developers/design-tokens).
<!-- AURO-GENERATED-CONTENT:END -->
### CSS Custom Property fallbacks
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/cssFallbacks.md) -->
[CSS custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) are [not supported](https://auro.alaskaair.com/support/custom-properties) in older browsers. For this, fallback properties are pre-generated and included with the npm.
Any update to the Auro Design Tokens will be immediately reflected with browsers that support CSS custom properties, legacy browsers will require updated components with pre-generated fallback properties.
<!-- AURO-GENERATED-CONTENT:END -->
## Development
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/developmentDescription.md) -->
In order to develop against this project, if you are not part of the core team, you will be required to fork the project prior to submitting a pull request.

@@ -78,4 +172,7 @@

<!-- AURO-GENERATED-CONTENT:END -->
### Start development environment
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/localhost.md) -->
Once the project has been cloned to your local resource and you have installed all the dependencies you will need to open a shell session to run the **dev server**.

@@ -97,18 +194,31 @@

<!-- AURO-GENERATED-CONTENT:END -->
### API generation
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/api.md) -->
The custom element API file is generated in the build and committed back to the repo with a version change. If the API doc has changed without a version change, author's are to run `npm run build:api` to generate the doc and commit to version control.
<!-- AURO-GENERATED-CONTENT:END -->
### Testing
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/testing.md) -->
Automated tests are required for every Auro component. See `.\test\auro-hyperlink.test.js` for the tests for this component. Run `npm test` to run the tests and check code coverage. Tests must pass and meet a certain coverage threshold to commit. See [the testing documentation](https://auro.alaskaair.com/support/tests) for more details.
<!-- AURO-GENERATED-CONTENT:END -->
### Bundled assets
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/bundles.md) -->
Bundled assets are only generated in the remote and not merged back to this repo. To review and/or test a bundled asset locally, run `$ npm run bundler` to generate assets.
<!-- AURO-GENERATED-CONTENT:END -->
### Demo deployment
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/deploymentDemo.md) -->
To deploy a demo version of the component for review, run `npm run build:demo` to create a `./build` directory that can be pushed to any static server.
<!-- AURO-GENERATED-CONTENT:END -->
<small>Built from WC-Generator v3.11.0</small>
import { css } from 'lit';
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}:host{display:inline-block}:host([type=nav]) .hyperlink:focus{text-decoration:underline}:host([fluid][type=cta]),:host([fluid=true][type=cta]){width:100%}:host([fluid][type=cta]) .hyperlink--cta,:host([fluid=true][type=cta]) .hyperlink--cta{width:100%}.hyperlink{transition:all .15s ease;color:#0074c8;color:var(--auro-color-ui-default-on-light);text-decoration:underline}.hyperlink:focus{text-decoration:none}.hyperlink:visited{color:#0074c8;color:var(--auro-color-ui-default-on-light)}.hyperlink.focus-visible{color:#fff;color:var(--auro-color-text-primary-on-dark);outline:#0074c8 solid .25rem;outline:var(--auro-color-ui-default-on-light) solid var(--auro-size-xxs);background-color:#0074c8;background-color:var(--auro-color-ui-default-on-light)}.hyperlink.focus-visible:hover{color:#fff !important;color:var(--auro-color-text-primary-on-dark) !important}.hyperlink:focus-visible{color:#fff;color:var(--auro-color-text-primary-on-dark);outline:#0074c8 solid .25rem;outline:var(--auro-color-ui-default-on-light) solid var(--auro-size-xxs);background-color:#0074c8;background-color:var(--auro-color-ui-default-on-light);outline-offset:unset}.hyperlink:focus-visible:hover{color:#fff !important;color:var(--auro-color-text-primary-on-dark) !important}@media(hover: hover){.hyperlink:hover{color:#054687;color:var(--auro-color-ui-hover-on-light);text-decoration:none}.hyperlink--nav:hover{text-decoration:underline}.hyperlink--ondark:hover{color:var(--auro-hyperlink-ondark-hover-color)}}.hyperlink--button{display:inline-block;padding:0 1rem;padding:0 var(--auro-size-md);text-decoration:none;color:#0074c8;color:var(--auro-color-text-link-on-light);border:1px solid transparent;line-height:3;line-height:var(--auro-unitless-scale-300)}:host(:not(.is-touching)) .hyperlink--button:hover{cursor:pointer;text-decoration:underline;color:#054687;color:var(--auro-color-ui-hover-on-light)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--cta{display:block;padding:0 1rem;padding:0 var(--auro-size-md);text-decoration:none;color:#0074c8;color:var(--auro-color-text-link-on-light);border:1px solid transparent;line-height:3;line-height:var(--auro-unitless-scale-300);border:1px solid #0074c8;border:1px solid var(--auro-color-ui-default-on-light);background-color:#0074c8;background-color:var(--auro-color-ui-default-on-light);border-radius:.375rem;border-radius:var(--auro-border-radius);color:#fff;color:var(--auro-color-text-primary-on-dark);font-family:"AS Circular",Helvetica Neue,Arial,sans-serif;font-family:var(--auro-font-family-default);font-size:1rem;font-size:var(--auro-text-body-size-default);font-weight:500;font-weight:var(--auro-text-body-default-weight);line-height:3.375rem;line-height:calc((var(--auro-size-xxl)) + (var(--auro-size-xs)) - (var(--auro-size-xxxs)));text-align:center}:host(:not(.is-touching)) .hyperlink--cta:hover{cursor:pointer;text-decoration:underline;color:#054687;color:var(--auro-color-ui-hover-on-light)}.hyperlink--cta:active{transform:scale(0.95)}:host(:not(.is-touching)) .hyperlink--cta:hover{border:1px solid #054687;border:1px solid var(--auro-color-ui-hover-on-light);background-color:#054687;background-color:var(--auro-color-ui-hover-on-light);color:#fff;color:var(--auro-color-text-primary-on-dark);text-decoration:none}.hyperlink--cta:visited{color:#fff;color:var(--auro-color-text-primary-on-dark)}@media screen and (min-width: 660px){.hyperlink--cta{display:inline-block;min-width:12rem;min-width:calc((var(--auro-size-xxxl))*3)}}.hyperlink--cta.hyperlink--secondary{border:1px solid #0074c8;border:1px solid var(--auro-color-ui-default-on-light);background-color:#fff;background-color:var(--auro-color-background-lightest);color:#0074c8;color:var(--auro-color-text-link-on-light)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary:hover{border:1px solid #0074c8;border:1px solid var(--auro-color-ui-default-on-light);background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);color:#0074c8;color:var(--auro-color-text-link-on-light)}.hyperlink--cta.hyperlink--secondary.hyperlink--ondark{border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);background-color:transparent;color:#00cff0;color:var(--auro-color-ui-default-on-dark)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:hover{border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);background-color:rgba(0, 0, 0, 0.15);background-color:var(--auro-color-base-black-opacity-15);color:#00cff0;color:var(--auro-color-ui-default-on-dark)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:visited{color:#00cff0;color:var(--auro-color-ui-default-on-dark)}.hyperlink--cta.hyperlink--ondark{border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);color:#222;color:var(--auro-color-text-primary-on-light)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:hover{border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark);background-color:#5de3f7;background-color:var(--auro-color-ui-hover-on-dark);color:#222;color:var(--auro-color-text-primary-on-light)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:visited{color:#222;color:var(--auro-color-text-primary-on-light)}.hyperlink--ondark{color:#00cff0;color:var(--auro-color-ui-default-on-dark)}.hyperlink--ondark:visited{color:#00cff0;color:var(--auro-color-ui-default-on-dark)}svg{--auro-size-lg:1rem;position:relative;top:4px;margin-left:.125rem;margin-left:var(--auro-size-xxxs)}`;
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}:host{display:inline-block}:host([type=nav]) .hyperlink:focus{text-decoration:underline}:host([fluid][type=cta]),:host([fluid=true][type=cta]){width:100%}:host([fluid][type=cta]) .hyperlink--cta,:host([fluid=true][type=cta]) .hyperlink--cta{width:100%}.hyperlink{transition:all .15s ease;color:#0074c8;color:var(--auro-color-ui-default-on-light);text-decoration:underline}.hyperlink:focus{text-decoration:none}.hyperlink:visited{color:#0074c8;color:var(--auro-color-ui-default-on-light)}.hyperlink.focus-visible{color:#fff;color:var(--auro-color-text-primary-on-dark);outline:#0074c8 solid .25rem;outline:var(--auro-color-ui-default-on-light) solid var(--auro-size-xxs);background-color:#0074c8;background-color:var(--auro-color-ui-default-on-light)}.hyperlink.focus-visible:hover{color:#fff !important;color:var(--auro-color-text-primary-on-dark) !important}.hyperlink:focus-visible{color:#fff;color:var(--auro-color-text-primary-on-dark);outline:#0074c8 solid .25rem;outline:var(--auro-color-ui-default-on-light) solid var(--auro-size-xxs);background-color:#0074c8;background-color:var(--auro-color-ui-default-on-light);outline-offset:unset}.hyperlink:focus-visible:hover{color:#fff !important;color:var(--auro-color-text-primary-on-dark) !important}@media(hover: hover){.hyperlink:hover{color:#054687;color:var(--auro-color-ui-hover-on-light);text-decoration:none}.hyperlink--nav:hover{text-decoration:underline}.hyperlink--ondark:hover{color:var(--auro-hyperlink-ondark-hover-color)}}.hyperlink--button{display:inline-block;padding:0 1rem;padding:0 var(--auro-size-md);text-decoration:none;color:#0074c8;color:var(--auro-color-text-link-on-light);border:1px solid transparent;line-height:3;line-height:var(--auro-unitless-scale-300)}:host(:not(.is-touching)) .hyperlink--button:hover{cursor:pointer;text-decoration:underline;color:#054687;color:var(--auro-color-ui-hover-on-light)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--cta{display:block;padding:0 1rem;padding:0 var(--auro-size-md);text-decoration:none;color:#0074c8;color:var(--auro-color-text-link-on-light);border:1px solid transparent;line-height:3;line-height:var(--auro-unitless-scale-300);border:1px solid #0074c8;border:1px solid var(--auro-color-ui-default-on-light);border-radius:.375rem;border-radius:var(--auro-border-radius);background-color:#0074c8;background-color:var(--auro-color-ui-default-on-light);color:#fff;color:var(--auro-color-text-primary-on-dark);font-family:"AS Circular",Helvetica Neue,Arial,sans-serif;font-family:var(--auro-font-family-default);font-size:1rem;font-size:var(--auro-text-body-size-default);font-weight:500;font-weight:var(--auro-text-body-default-weight);line-height:3.375rem;line-height:calc((var(--auro-size-xxl)) + (var(--auro-size-xs)) - (var(--auro-size-xxxs)));text-align:center}:host(:not(.is-touching)) .hyperlink--cta:hover{cursor:pointer;text-decoration:underline;color:#054687;color:var(--auro-color-ui-hover-on-light)}.hyperlink--cta:active{transform:scale(0.95)}:host(:not(.is-touching)) .hyperlink--cta:hover{border:1px solid #054687;border:1px solid var(--auro-color-ui-hover-on-light);background-color:#054687;background-color:var(--auro-color-ui-hover-on-light);color:#fff;color:var(--auro-color-text-primary-on-dark);text-decoration:none}.hyperlink--cta:visited{color:#fff;color:var(--auro-color-text-primary-on-dark)}@media screen and (min-width: 660px){.hyperlink--cta{display:inline-block;min-width:12rem;min-width:calc((var(--auro-size-xxxl))*3)}}.hyperlink--cta.hyperlink--secondary{border:1px solid #0074c8;border:1px solid var(--auro-color-ui-default-on-light);background-color:#fff;background-color:var(--auro-color-background-lightest);color:#0074c8;color:var(--auro-color-text-link-on-light)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary:hover{border:1px solid #0074c8;border:1px solid var(--auro-color-ui-default-on-light);background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);color:#0074c8;color:var(--auro-color-text-link-on-light)}.hyperlink--cta.hyperlink--secondary.hyperlink--ondark{border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);background-color:transparent;color:#00cff0;color:var(--auro-color-ui-default-on-dark)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:hover{border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);background-color:rgba(0, 0, 0, 0.15);background-color:var(--auro-color-base-black-opacity-15);color:#00cff0;color:var(--auro-color-ui-default-on-dark)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:visited{color:#00cff0;color:var(--auro-color-ui-default-on-dark)}.hyperlink--cta.hyperlink--ondark{border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);color:#222;color:var(--auro-color-text-primary-on-light)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:hover{border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark);background-color:#5de3f7;background-color:var(--auro-color-ui-hover-on-dark);color:#222;color:var(--auro-color-text-primary-on-light)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:visited{color:#222;color:var(--auro-color-text-primary-on-light)}.hyperlink--ondark{color:#00cff0;color:var(--auro-color-ui-default-on-dark)}.hyperlink--ondark:visited{color:#00cff0;color:var(--auro-color-ui-default-on-dark)}svg{--auro-size-lg:1rem;position:relative;top:4px;margin-left:.125rem;margin-left:var(--auro-size-xxxs)}`;
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc