@aurodesignsystem/auro-hyperlink
Advanced tools
Comparing version 3.3.2 to 3.3.3
# 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 @@ |
@@ -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", |
160
README.md
@@ -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)}`; |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
123016
22
1132
221