New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@aurodesignsystem/auro-hyperlink

Package Overview
Dependencies
Maintainers
4
Versions
50
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@aurodesignsystem/auro-hyperlink - npm Package Compare versions

Comparing version 3.3.3 to 3.3.4

demo/a11y.md
demo/apiExamples.md
demo/demo.md
dist/auro-hyperlink.d.ts
dist/auro-hyperlink.d.ts.map
dist/component-base.d.ts
dist/component-base.d.ts.map
dist/style-css.d.ts
dist/style-css.d.ts.map
packageScripts/postinstall.mjs

19

CHANGELOG.md
# Semantic Release Automated Changelog
## [3.3.4](https://github.com/AlaskaAirlines/auro-hyperlink/compare/v3.3.3...v3.3.4) (2023-08-18)
### Bug Fixes
* general feedback review ([e8aa95f](https://github.com/AlaskaAirlines/auro-hyperlink/commit/e8aa95f1217b927759f35e7ef1c71b6ae7e939fb))
* re-add docTemplates/ to .gitignore per [#171](https://github.com/AlaskaAirlines/auro-hyperlink/issues/171) ([fcf143a](https://github.com/AlaskaAirlines/auro-hyperlink/commit/fcf143aa1a2cbe6ef7d145a7359de286ca0e73ec))
### Performance Improvements
* **es5:** Remove legacy es5 bundling resources [#166](https://github.com/AlaskaAirlines/auro-hyperlink/issues/166) ([34a1a69](https://github.com/AlaskaAirlines/auro-hyperlink/commit/34a1a692b550b9394a2135b71549621ffd2bbc62))
* general update to complete update node 18 ([4350122](https://github.com/AlaskaAirlines/auro-hyperlink/commit/43501220c43a3f6ef87db9f40cfa2879132383c5))
* **node18:** update repo to support Node 18+ [#168](https://github.com/AlaskaAirlines/auro-hyperlink/issues/168) ([8e8b3bb](https://github.com/AlaskaAirlines/auro-hyperlink/commit/8e8b3bbe7d648c87654b0c560ff2b001d9134744))
* remove unused script ([40d2386](https://github.com/AlaskaAirlines/auro-hyperlink/commit/40d23865b82b029837dbdadbc34f94b9f23f0a10))
* update general dependencies node 18 ([f12886d](https://github.com/AlaskaAirlines/auro-hyperlink/commit/f12886d85ea6e2099cecf25e0931db7ed77e8c6e))
* update npm script, remove files ([d7ef58f](https://github.com/AlaskaAirlines/auro-hyperlink/commit/d7ef58f526a178a1c51aeeb328c9143b28290a57))
* update to Lit2.0, TS support, issue templates, component registration extension [#167](https://github.com/AlaskaAirlines/auro-hyperlink/issues/167) ([ca387bc](https://github.com/AlaskaAirlines/auro-hyperlink/commit/ca387bcabe753b6a2448f9b186387b88c5207426))
## [3.3.3](https://github.com/AlaskaAirlines/auro-hyperlink/compare/v3.3.2...v3.3.3) (2023-03-21)

@@ -4,0 +23,0 @@

73

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

@@ -13,3 +13,3 @@ /**

* SPDX-License-Identifier: BSD-3-Clause
*/const l$2=l=>null!=l?l:b;
*/const l$2=l=>null!=l?l:A;

@@ -27,3 +27,3 @@ /**

* SPDX-License-Identifier: BSD-3-Clause
*/const o$3=e$2(class extends i$1{constructor(t){var i;if(super(t),t.type!==t$1.ATTRIBUTE||"class"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((i=>t[i])).join(" ")+" "}update(i,[s]){var r,o;if(void 0===this.nt){this.nt=new Set,void 0!==i.strings&&(this.st=new Set(i.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in s)s[t]&&!(null===(r=this.st)||void 0===r?void 0:r.has(t))&&this.nt.add(t);return this.render(s)}const e=i.element.classList;this.nt.forEach((t=>{t in s||(e.remove(t),this.nt.delete(t));}));for(const t in s){const i=!!s[t];i===this.nt.has(t)||(null===(o=this.st)||void 0===o?void 0:o.has(t))||(i?(e.add(t),this.nt.add(t)):(e.remove(t),this.nt.delete(t)));}return x}});
*/const o$3=e$2(class extends i$1{constructor(t){var i;if(super(t),t.type!==t$1.ATTRIBUTE||"class"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((i=>t[i])).join(" ")+" "}update(i,[s]){var r,o;if(void 0===this.it){this.it=new Set,void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in s)s[t]&&!(null===(r=this.nt)||void 0===r?void 0:r.has(t))&&this.it.add(t);return this.render(s)}const e=i.element.classList;this.it.forEach((t=>{t in s||(e.remove(t),this.it.delete(t));}));for(const t in s){const i=!!s[t];i===this.it.has(t)||(null===(o=this.nt)||void 0===o?void 0:o.has(t))||(i?(e.add(t),this.it.add(t)):(e.remove(t),this.it.delete(t)));}return T}});

@@ -47,31 +47,4 @@ /**

* SPDX-License-Identifier: BSD-3-Clause
*/var l,o;class s extends d{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Z(i,this.renderRoot,this.renderOptions);}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0);}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1);}render(){return x}}s.finalized=!0,s._$litElement$=!0,null===(l=globalThis.litElementHydrateSupport)||void 0===l||l.call(globalThis,{LitElement:s});const n=globalThis.litElementPolyfillSupport;null==n||n({LitElement:s});(null!==(o=globalThis.litElementVersions)&&void 0!==o?o:globalThis.litElementVersions=[]).push("3.2.2");
*/var l,o;class s extends d{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=D(i,this.renderRoot,this.renderOptions);}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0);}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1);}render(){return T}}s.finalized=!0,s._$litElement$=!0,null===(l=globalThis.litElementHydrateSupport)||void 0===l||l.call(globalThis,{LitElement:s});const n=globalThis.litElementPolyfillSupport;null==n||n({LitElement:s});(null!==(o=globalThis.litElementVersions)&&void 0!==o?o:globalThis.litElementVersions=[]).push("3.3.2");
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t():"function"==typeof define&&define.amd?define(t):t();}(0,function(){function e(e){var t=!0,n=!1,o=null,d={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function i(e){return !!(e&&e!==document&&"HTML"!==e.nodeName&&"BODY"!==e.nodeName&&"classList"in e&&"contains"in e.classList)}function s(e){e.classList.contains("focus-visible")||(e.classList.add("focus-visible"),e.setAttribute("data-focus-visible-added",""));}function u(e){t=!1;}function a(){document.addEventListener("mousemove",c),document.addEventListener("mousedown",c),document.addEventListener("mouseup",c),document.addEventListener("pointermove",c),document.addEventListener("pointerdown",c),document.addEventListener("pointerup",c),document.addEventListener("touchmove",c),document.addEventListener("touchstart",c),document.addEventListener("touchend",c);}function c(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(t=!1,document.removeEventListener("mousemove",c),document.removeEventListener("mousedown",c),document.removeEventListener("mouseup",c),document.removeEventListener("pointermove",c),document.removeEventListener("pointerdown",c),document.removeEventListener("pointerup",c),document.removeEventListener("touchmove",c),document.removeEventListener("touchstart",c),document.removeEventListener("touchend",c));}document.addEventListener("keydown",function(n){n.metaKey||n.altKey||n.ctrlKey||(i(e.activeElement)&&s(e.activeElement),t=!0);},!0),document.addEventListener("mousedown",u,!0),document.addEventListener("pointerdown",u,!0),document.addEventListener("touchstart",u,!0),document.addEventListener("visibilitychange",function(e){"hidden"===document.visibilityState&&(n&&(t=!0),a());},!0),a(),e.addEventListener("focus",function(e){var n,o,u;i(e.target)&&(t||(n=e.target,o=n.type,"INPUT"===(u=n.tagName)&&d[o]&&!n.readOnly||"TEXTAREA"===u&&!n.readOnly||n.isContentEditable))&&s(e.target);},!0),e.addEventListener("blur",function(e){var t;i(e.target)&&(e.target.classList.contains("focus-visible")||e.target.hasAttribute("data-focus-visible-added"))&&(n=!0,window.clearTimeout(o),o=window.setTimeout(function(){n=!1;},100),(t=e.target).hasAttribute("data-focus-visible-added")&&(t.classList.remove("focus-visible"),t.removeAttribute("data-focus-visible-added")));},!0),e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&e.host?e.host.setAttribute("data-js-focus-visible",""):e.nodeType===Node.DOCUMENT_NODE&&(document.documentElement.classList.add("js-focus-visible"),document.documentElement.setAttribute("data-js-focus-visible",""));}if("undefined"!=typeof window&&"undefined"!=typeof document){var t;window.applyFocusVisiblePolyfill=e;try{t=new CustomEvent("focus-visible-polyfill-ready");}catch(e){(t=document.createEvent("CustomEvent")).initCustomEvent("focus-visible-polyfill-ready",!1,!1,{});}window.dispatchEvent(t);}"undefined"!=typeof document&&e(document);});
/**
* See https://github.com/WICG/focus-visible#shadow-dom for additional info.
* @private
* @returns {Boolean} Whether the focus-visible polyfill is available.
*/
const isFocusVisiblePolyfillAvailable = function() {
// eslint-disable-next-line
return window.applyFocusVisiblePolyfill != null;
};
/**
* @private
* @returns {Boolean} Whether :focus-visible is supported.
*/
const isFocusVisibleSupported = function() {
try {
document.querySelector(':focus-visible');
} catch (error) {
return false;
}
return true;
};
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>"};

@@ -82,3 +55,5 @@

// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
// See LICENSE in the project root for license information.
// build the component class

@@ -122,9 +97,2 @@ class ComponentBase extends s {

connectedCallback() {
super.connectedCallback();
if (!isFocusVisibleSupported() && isFocusVisiblePolyfillAvailable()) {
window.applyFocusVisiblePolyfill(this.shadowRoot);
}
}
// function to define props used within the scope of thie component

@@ -303,10 +271,5 @@ static get properties() {

/** Focus this element. */
focus() {
this.shadowRoot.querySelector('a').focus();
}
// function that renders the HTML and CSS into the scope of the component
render() {
return y`
return x`
${this.getMarkup()}

@@ -317,8 +280,8 @@ `;

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)}`;
var styleCss = i`:root{--auro-asset-font-circular-family-name:"AS Circular";--auro-asset-font-circular-filename:"ASCircularWeb";--auro-asset-font-circular-weight-light:"-Light";--auro-asset-font-circular-weight-medium:"-Medium";--auro-asset-font-circular-weight-book:"-Book";--auro-border-radius:0.375rem;--auro-size-25:0.125rem;--auro-size-50:0.25rem;--auro-size-100:0.5rem;--auro-size-150:0.75rem;--auro-size-200:1rem;--auro-size-300:1.5rem;--auro-size-400:2rem;--auro-size-500:2.5rem;--auro-size-600:3rem;--auro-size-700:3.5rem;--auro-size-800:4rem;--auro-size-900:4.5rem;--auro-size-1000:5rem;--auro-size-none:0rem;--auro-size-xxxs:0.125rem;--auro-size-xxs:0.25rem;--auro-size-xs:0.5rem;--auro-size-sm:0.75rem;--auro-size-md:1rem;--auro-size-lg:1.5rem;--auro-size-xl:2rem;--auro-size-xxl:3rem;--auro-size-xxxl:4rem;--auro-unitless-scale-20:0.25;--auro-unitless-scale-50:0.5;--auro-unitless-scale-100:1;--auro-unitless-scale-140:1.4;--auro-unitless-scale-150:1.5;--auro-unitless-scale-200:2;--auro-unitless-scale-300:3;--auro-unitless-scale-350:3.5;--auro-animation-default-property:all;--auro-animation-default-duration:0.3s;--auro-animation-default-timing:ease-out;--auro-breakpoint-sm:660px;--auro-breakpoint-md:1024px;--auro-breakpoint-lg:1232px;--auro-depth-dialog:100;--auro-depth-overlay:200;--auro-depth-modal:400;--auro-depth-tooltip:300;--auro-elevation-100:0px 0px 5px rgba(0, 0, 0, 0.15);--auro-elevation-200:0px 0px 10px rgba(0, 0, 0, 0.15);--auro-elevation-300:0px 0px 15px rgba(0, 0, 0, 0.2);--auro-grid-breakpoint-xs:320px;--auro-grid-breakpoint-sm:576px;--auro-grid-breakpoint-md:768px;--auro-grid-breakpoint-lg:1024px;--auro-grid-breakpoint-xl:1232px;--auro-grid-column-xs:6;--auro-grid-column-sm:12;--auro-grid-column-md:12;--auro-grid-column-lg:12;--auro-grid-column-xl:12;--auro-grid-gutter-xs:0.5rem;--auro-grid-gutter-sm:1rem;--auro-grid-gutter-md:1.5rem;--auro-grid-gutter-lg:1.5rem;--auro-grid-gutter-xl:2rem;--auro-grid-margin-xs:1rem;--auro-grid-margin-sm:1rem;--auro-grid-margin-md:1.5rem;--auro-grid-margin-lg:2rem;--auro-grid-margin-xl:2rem;--auro-font-family-default:"AS Circular", Helvetica Neue, Arial, sans-serif;--auro-font-family-mono:Menlo, Monaco, Consolas, "Courier New", monospace;--auro-text-heading-300-weight:300;--auro-text-heading-300-px:18px;--auro-text-heading-300-size:1.125rem;--auro-text-heading-300-height:1.625rem;--auro-text-heading-300-height-px:26px;--auro-text-heading-400-weight:300;--auro-text-heading-400-px:20px;--auro-text-heading-400-size:1.25rem;--auro-text-heading-400-height:1.625rem;--auro-text-heading-400-height-px:26px;--auro-text-heading-500-weight:300;--auro-text-heading-500-px-breakpoint-sm:22px;--auro-text-heading-500-px-breakpoint-md:24px;--auro-text-heading-500-px-breakpoint-lg:24px;--auro-text-heading-500-size-breakpoint-sm:1.375rem;--auro-text-heading-500-size-breakpoint-md:1.5rem;--auro-text-heading-500-size-breakpoint-lg:1.5rem;--auro-text-heading-500-height-breakpoint-sm:1.625rem;--auro-text-heading-500-height-breakpoint-px-sm:26px;--auro-text-heading-500-height-breakpoint-md:1.875rem;--auro-text-heading-500-height-breakpoint-px-md:30px;--auro-text-heading-500-height-breakpoint-lg:2rem;--auro-text-heading-500-height-breakpoint-px-lg:32px;--auro-text-heading-600-weight:300;--auro-text-heading-600-px-breakpoint-sm:26px;--auro-text-heading-600-px-breakpoint-md:28px;--auro-text-heading-600-px-breakpoint-lg:28px;--auro-text-heading-600-size-breakpoint-sm:1.625rem;--auro-text-heading-600-size-breakpoint-md:1.75rem;--auro-text-heading-600-size-breakpoint-lg:1.75rem;--auro-text-heading-600-height-breakpoint-sm:1.875rem;--auro-text-heading-600-height-breakpoint-px-sm:30px;--auro-text-heading-600-height-breakpoint-md:2.125rem;--auro-text-heading-600-height-breakpoint-px-md:34px;--auro-text-heading-600-height-breakpoint-lg:2.25rem;--auro-text-heading-600-height-breakpoint-px-lg:36px;--auro-text-heading-700-weight:500;--auro-text-heading-700-px-breakpoint-sm:28px;--auro-text-heading-700-px-breakpoint-md:32px;--auro-text-heading-700-px-breakpoint-lg:36px;--auro-text-heading-700-size-breakpoint-sm:1.75rem;--auro-text-heading-700-size-breakpoint-md:2rem;--auro-text-heading-700-size-breakpoint-lg:2.25rem;--auro-text-heading-700-height-breakpoint-sm:2.125rem;--auro-text-heading-700-height-breakpoint-px-sm:34px;--auro-text-heading-700-height-breakpoint-md:2.375rem;--auro-text-heading-700-height-breakpoint-px-md:38px;--auro-text-heading-700-height-breakpoint-lg:2.75rem;--auro-text-heading-700-height-breakpoint-px-lg:44px;--auro-text-heading-800-weight:500;--auro-text-heading-800-px-breakpoint-sm:32px;--auro-text-heading-800-px-breakpoint-md:36px;--auro-text-heading-800-px-breakpoint-lg:40px;--auro-text-heading-800-size-breakpoint-sm:2rem;--auro-text-heading-800-size-breakpoint-md:2.25rem;--auro-text-heading-800-size-breakpoint-lg:2.5rem;--auro-text-heading-800-height-breakpoint-sm:2.375rem;--auro-text-heading-800-height-breakpoint-px-sm:38px;--auro-text-heading-800-height-breakpoint-md:2.625rem;--auro-text-heading-800-height-breakpoint-px-md:42px;--auro-text-heading-800-height-breakpoint-lg:3rem;--auro-text-heading-800-height-breakpoint-px-lg:48px;--auro-text-heading-default-weight:500;--auro-text-heading-default-margin:0;--auro-text-heading-default-spacing:-0.2px;--auro-text-heading-medium-weight:300;--auro-text-heading-display-weight:100;--auro-text-heading-display-px-breakpoint-sm:44px;--auro-text-heading-display-px-breakpoint-md:48px;--auro-text-heading-display-px-breakpoint-lg:56px;--auro-text-heading-display-size-breakpoint-sm:2.75rem;--auro-text-heading-display-size-breakpoint-md:3rem;--auro-text-heading-display-size-breakpoint-lg:3.5rem;--auro-text-heading-display-height-breakpoint-sm:3.375rem;--auro-text-heading-display-height-breakpoint-px-sm:54px;--auro-text-heading-display-height-breakpoint-md:3.75rem;--auro-text-heading-display-height-breakpoint-px-md:60px;--auro-text-heading-display-height-breakpoint-lg:4.25rem;--auro-text-heading-display-height-breakpoint-px-lg:68px;--auro-text-body-default-weight:500;--auro-text-body-size-xxs:0.625rem;--auro-text-body-size-xs:0.75rem;--auro-text-body-size-sm:0.875rem;--auro-text-body-size-default:1rem;--auro-text-body-size-lg:1.125rem;--auro-text-body-height-xs:1rem;--auro-text-body-height-sm:1.25rem;--auro-text-body-height-default:1.5rem;--auro-text-body-height-lg:1.625rem;--auro-color-alert-notification-on-light:#0074c8;--auro-color-alert-notification-default:#0074c8;--auro-color-alert-notification-on-dark:#00cff0;--auro-color-alert-warning-on-light:#de750c;--auro-color-alert-warning-default:#de750c;--auro-color-alert-error-on-light:#df0b37;--auro-color-alert-error-default:#df0b37;--auro-color-alert-error-on-dark:#ff999b;--auro-color-alert-success-on-light:#00805d;--auro-color-alert-success-default:#00805d;--auro-color-alert-success-on-dark:#69cf96;--auro-color-alert-advisory-on-light:#fff0cd;--auro-color-alert-advisory-default:#fff0cd;--auro-color-alert-advisory-on-dark:#fff0cd;--auro-color-alert-bkg-success-default:#ddf6e8;--auro-color-alert-bkg-error-default:#ffedf1;--auro-color-background-lightest:#ffffff;--auro-color-background-lighter:#f8f8f8;--auro-color-background-darker:#01426a;--auro-color-background-darkest:#00274a;--auro-color-base-white:#ffffff;--auro-color-base-white-opacity-40:rgba(255, 255, 255, 0.4);--auro-color-base-black:#000000;--auro-color-base-black-opacity-15:rgba(0, 0, 0, 0.15);--auro-color-base-gray-100:#f8f8f8;--auro-color-base-gray-200:#dbdbdb;--auro-color-base-gray-300:#b2b2b2;--auro-color-base-gray-400:#767676;--auro-color-base-gray-500:#222222;--auro-color-base-neutral-400:#9fabbb;--auro-color-base-neutral-500:#626b79;--auro-color-state-error-100:#ff999b;--auro-color-state-error-500:#df0b37;--auro-color-state-success-100:#69cf96;--auro-color-state-success-500:#00805d;--auro-color-state-warning-500:#de750c;--auro-color-border-primary-on-light:#626b79;--auro-color-border-primary-default:#626b79;--auro-color-border-primary-on-dark:#9fabbb;--auro-color-border-primary-inverse:#9fabbb;--auro-color-border-active-on-light:#0074c8;--auro-color-border-active-default:#0074c8;--auro-color-border-active-on-dark:#00cff0;--auro-color-border-error-on-light:#df0b37;--auro-color-border-error-default:#df0b37;--auro-color-border-error-on-dark:#ff999b;--auro-color-border-disabled-on-light:#dbdbdb;--auro-color-border-disabled-default:#dbdbdb;--auro-color-border-disabled-on-dark:#dbdbdb;--auro-color-border-focus-on-light:#222222;--auro-color-border-focus-default:#222222;--auro-color-border-focus-on-dark:#ffffff;--auro-color-border-divider-on-light:rgba(0, 0, 0, 0.15);--auro-color-border-divider-default:rgba(0, 0, 0, 0.15);--auro-color-border-divider-on-dark:#ffffff;--auro-color-border-divider-inverse:#ffffff;--auro-color-brand-midnight-100:#c1daf0;--auro-color-brand-midnight-200:#569ed7;--auro-color-brand-midnight-300:#156fad;--auro-color-brand-midnight-400:#01426a;--auro-color-brand-midnight-500:#00274a;--auro-color-brand-atlas-100:#cde6ff;--auro-color-brand-atlas-200:#6bb7fb;--auro-color-brand-atlas-300:#2492eb;--auro-color-brand-atlas-400:#0074c8;--auro-color-brand-atlas-500:#054687;--auro-color-brand-breeze-100:#c0f7ff;--auro-color-brand-breeze-200:#5de3f7;--auro-color-brand-breeze-300:#00cff0;--auro-color-brand-breeze-400:#099dc5;--auro-color-brand-breeze-500:#0b5575;--auro-color-brand-tropical-100:#e2ffcd;--auro-color-brand-tropical-200:#d0fba6;--auro-color-brand-tropical-300:#c0e585;--auro-color-brand-tropical-400:#91be62;--auro-color-brand-tropical-500:#5e8741;--auro-color-brand-alpine-100:#bcaae6;--auro-color-brand-alpine-200:#9e73ea;--auro-color-brand-alpine-300:#8439ef;--auro-color-brand-alpine-400:#631db8;--auro-color-brand-alpine-500:#39115c;--auro-color-brand-flamingo-100:#ffebee;--auro-color-brand-flamingo-200:#ffc0ca;--auro-color-brand-flamingo-300:#ff94a7;--auro-color-brand-flamingo-400:#f65b7b;--auro-color-brand-flamingo-500:#b82b47;--auro-color-brand-canyon-100:#ffcab6;--auro-color-brand-canyon-200:#f99574;--auro-color-brand-canyon-300:#f26135;--auro-color-brand-canyon-400:#de3e09;--auro-color-brand-canyon-500:#b83302;--auro-color-brand-goldcoast-100:#fff0cd;--auro-color-brand-goldcoast-200:#ffdb67;--auro-color-brand-goldcoast-300:#ffd200;--auro-color-brand-goldcoast-400:#e5ad07;--auro-color-brand-goldcoast-500:#b88624;--auro-color-brand-neutral-100:#f9fbfc;--auro-color-brand-neutral-200:#e2eaef;--auro-color-brand-neutral-300:#cbd8e2;--auro-color-brand-neutral-400:#9fabbb;--auro-color-brand-neutral-500:#626b79;--auro-color-brand-gray-100:#f8f8f8;--auro-color-brand-gray-200:#dbdbdb;--auro-color-brand-gray-300:#b2b2b2;--auro-color-brand-gray-400:#767676;--auro-color-brand-gray-500:#222222;--auro-color-brand-goldgray-100:#c5c1bf;--auro-color-brand-goldgray-200:#726e6c;--auro-color-brand-gold-100:#ccbc94;--auro-color-brand-gold-200:#7f682e;--auro-color-brand-emerald:#139142;--auro-color-brand-sapphire:#015daa;--auro-color-brand-ruby:#a41d4a;--auro-color-icon-primary-on-light:#626b79;--auro-color-icon-primary-default:#626b79;--auro-color-icon-primary-on-dark:#9fabbb;--auro-color-icon-primary-inverse:#9fabbb;--auro-color-icon-emphasis-on-light:#222222;--auro-color-icon-emphasis-default:#222222;--auro-color-icon-emphasis-on-dark:#ffffff;--auro-color-icon-emphasis-inverse:#ffffff;--auro-color-icon-accent-on-light:#0074c8;--auro-color-icon-accent-default:#0074c8;--auro-color-icon-accent-on-dark:#00cff0;--auro-color-icon-disabled-on-light:rgba(0, 0, 0, 0.15);--auro-color-icon-disabled-default:rgba(0, 0, 0, 0.15);--auro-color-icon-disabled-on-dark:rgba(255, 255, 255, 0.4);--auro-color-text-primary-on-light:#222222;--auro-color-text-primary-default:#222222;--auro-color-text-primary-on-dark:#ffffff;--auro-color-text-primary-inverse:#ffffff;--auro-color-text-secondary-on-light:#626b79;--auro-color-text-secondary-default:#626b79;--auro-color-text-secondary-on-dark:#9fabbb;--auro-color-text-secondary-inverse:#9fabbb;--auro-color-text-link-on-light:#0074c8;--auro-color-text-link-default:#0074c8;--auro-color-text-link-on-dark:#00cff0;--auro-color-text-link-inverse:#00cff0;--auro-color-text-error-on-light:#df0b37;--auro-color-text-error-default:#df0b37;--auro-color-text-error-on-dark:#ff999b;--auro-color-text-error-inverse:#ff999b;--auro-color-text-disabled-on-light:#dbdbdb;--auro-color-text-disabled-default:#dbdbdb;--auro-color-text-disabled-on-dark:#dbdbdb;--auro-color-text-emphasis-on-light:#01426a;--auro-color-text-emphasis-default:#01426a;--auro-color-text-emphasis-on-dark:#c1daf0;--auro-color-text-emphasis-inverse:#c1daf0;--auro-color-tier-alaska-mvp-on-light:#726e6c;--auro-color-tier-alaska-mvp-default:#726e6c;--auro-color-tier-alaska-mvp-on-dark:#c5c1bf;--auro-color-tier-alaska-mvp-inverse:#c5c1bf;--auro-color-tier-alaska-mvpgold-on-light:#7f682e;--auro-color-tier-alaska-mvpgold-default:#7f682e;--auro-color-tier-alaska-mvpgold-on-dark:#ccbc94;--auro-color-tier-alaska-mvpgold-inverse:#ccbc94;--auro-color-tier-oneworld-emerald:#139142;--auro-color-tier-oneworld-sapphire:#015daa;--auro-color-tier-oneworld-ruby:#a41d4a;--auro-color-ui-default-on-light:#0074c8;--auro-color-ui-default-default:#0074c8;--auro-color-ui-default-on-dark:#00cff0;--auro-color-ui-hover-on-light:#054687;--auro-color-ui-hover-default:#054687;--auro-color-ui-hover-on-dark:#5de3f7;--auro-color-ui-active-on-light:#054687;--auro-color-ui-active-default:#054687;--auro-color-ui-active-on-dark:#5de3f7;--auro-color-ui-disabled-on-light:rgba(0, 116, 200, 0.2);--auro-color-ui-disabled-default:rgba(0, 116, 200, 0.2);--auro-color-ui-disabled-on-dark:rgba(0, 207, 240, 0.3);--auro-color-ui-bkg-hover-on-dark:rgba(93, 227, 247, 0.1);--auro-color-ui-bkg-hover-on-light:rgba(0, 0, 0, 0.06);--auro-color-ui-bkg-hover-default:rgba(0, 0, 0, 0.06)}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}: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:var(--auro-color-ui-default-default);text-decoration:underline}.hyperlink:focus{text-decoration:none}.hyperlink:visited{color:var(--auro-color-ui-default-default)}.hyperlink:focus-visible{background-color:var(--auro-color-ui-default-default);color:var(--auro-color-text-primary-inverse);outline:var(--auro-color-ui-default-default) solid var(--auro-size-50);outline-offset:unset}.hyperlink:focus-visible:hover{color:var(--auro-color-text-primary-inverse)}@media(hover: hover){.hyperlink:hover{color:var(--auro-color-ui-hover-default);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 var(--auro-size-200);text-decoration:none;color:var(--auro-color-text-link-on-light);border:1px solid transparent;line-height:var(--auro-unitless-scale-300)}:host(:not(.is-touching)) .hyperlink--button:hover{cursor:pointer;text-decoration:underline;color:var(--auro-color-ui-hover-on-light)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--cta{display:block;padding:0 var(--auro-size-200);text-decoration:none;color:var(--auro-color-text-link-on-light);border:1px solid transparent;line-height:var(--auro-unitless-scale-300);border:1px solid var(--auro-color-ui-default-default);border-radius:var(--auro-border-radius);background-color:var(--auro-color-ui-default-default);color:var(--auro-color-text-primary-inverse);font-family:var(--auro-font-family-default);font-size:var(--auro-text-body-size-default);font-weight:var(--auro-text-body-default-weight);line-height:calc((var(--auro-size-800)) + (var(--auro-size-100)) - (var(--auro-size-25)));text-align:center}:host(:not(.is-touching)) .hyperlink--cta:hover{cursor:pointer;text-decoration:underline;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 var(--auro-color-ui-hover-default);background-color:var(--auro-color-ui-hover-default);color:var(--auro-color-text-primary-inverse);text-decoration:none}.hyperlink--cta:visited{color:var(--auro-color-text-primary-inverse)}@media screen and (min-width: 660px){.hyperlink--cta{display:inline-block;min-width:calc((var(--auro-size-800))*3)}}.hyperlink--cta.hyperlink--secondary{border:1px solid var(--auro-color-ui-default-default);background-color:var(--auro-color-background-lightest);color:var(--auro-color-text-link-default)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary:hover{border:1px solid var(--auro-color-ui-default-default);background-color:var(--auro-color-background-lighter);color:var(--auro-color-text-link-default)}.hyperlink--cta.hyperlink--secondary.hyperlink--ondark{border:1px solid var(--auro-color-ui-default-on-dark);background-color:transparent;color:var(--auro-color-ui-default-on-dark)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:hover{border:1px solid var(--auro-color-ui-default-on-dark);background-color:var(--auro-color-base-black-opacity-15);color:var(--auro-color-ui-default-on-dark)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:visited{color:var(--auro-color-ui-default-on-dark)}.hyperlink--cta.hyperlink--ondark{border:1px solid var(--auro-color-ui-default-on-dark);background-color:var(--auro-color-ui-default-on-dark);color:var(--auro-color-text-primary-default)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:hover{border:1px solid var(--auro-color-ui-hover-on-dark);background-color:var(--auro-color-ui-hover-on-dark);color:var(--auro-color-text-primary-default)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:visited{color:var(--auro-color-text-primary-default)}.hyperlink--ondark{color:var(--auro-color-ui-default-on-dark)}.hyperlink--ondark:visited{color:var(--auro-color-ui-default-on-dark)}svg{--auro-size-lg:1rem;position:relative;top:4px;margin-left:var(--auro-size-25)}`;
var styleCssFixed = i``;
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
// See LICENSE in the project root for license information.
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"

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

static get styles() {
return [
styleCss,
styleCssFixed
];
return [styleCss];
}

@@ -373,4 +333,4 @@

return y`
${this.safeUri || this.role ? y`
return x`
${this.safeUri || this.role ? x`
<a

@@ -388,3 +348,3 @@ part="link"

><slot></slot>${this.targetIcon(this.target, this.relative)}</a>`
: y`<slot></slot>`}
: x`<slot></slot>`}
`;

@@ -394,2 +354,7 @@ }

// default internal definition
if (!customElements.get("auro-hyperlink")) {
customElements.define("auro-hyperlink", AuroHyperlink);
}
/**

@@ -396,0 +361,0 @@ * Register Custom Element.

15

dist/component-base.js

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

import { LitElement, html } from "lit";
import 'focus-visible/dist/focus-visible.min.js';
import { isFocusVisibleSupported, isFocusVisiblePolyfillAvailable } from './util';
// import { isFocusVisibleSupported, isFocusVisiblePolyfillAvailable } from './util';
import externalLink from '@alaskaairux/icons/dist/icons/interface/external-link_es6.js';

@@ -51,9 +50,2 @@ import newWindow from '@alaskaairux/icons/dist/icons/interface/new-window_es6.js';

connectedCallback() {
super.connectedCallback();
if (!isFocusVisibleSupported() && isFocusVisiblePolyfillAvailable()) {
window.applyFocusVisiblePolyfill(this.shadowRoot);
}
}
// function to define props used within the scope of thie component

@@ -232,7 +224,2 @@ static get properties() {

/** Focus this element. */
focus() {
this.shadowRoot.querySelector('a').focus();
}
// function that renders the HTML and CSS into the scope of the component

@@ -239,0 +226,0 @@ render() {

111

package.json

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

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

@@ -23,37 +23,32 @@ "repository": {

"dependencies": {
"chalk": "^4.1.2",
"lit": "^2.6.1"
"chalk": "^5.3.0",
"lit": "^2.8.0"
},
"peerDependencies": {
"@alaskaairux/design-tokens": "^3.4.0",
"@alaskaairux/icons": "^4.20.0",
"@alaskaairux/webcorestylesheets": "^3.7.2",
"@webcomponents/webcomponentsjs": "^2.6.0",
"focus-visible": "^5.2.0"
"@alaskaairux/design-tokens": "^3.15.5",
"@aurodesignsystem/webcorestylesheets": "^4.8.0"
},
"devDependencies": {
"@alaskaairux/design-tokens": "^3.12.2",
"@alaskaairux/icons": "^4.22.1",
"@alaskaairux/webcorestylesheets": "^3.7.3",
"@alaskaairux/design-tokens": "^3.15.5",
"@alaskaairux/icons": "^4.28.0",
"@aurodesignsystem/eslint-config": "^1.3.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": "^15.0.1",
"@semantic-release/changelog": "^6.0.2",
"@aurodesignsystem/webcorestylesheets": "^4.8.0",
"@commitlint/cli": "^17.7.1",
"@commitlint/config-conventional": "^17.7.0",
"@open-wc/testing": "^3.2.0",
"@rollup/plugin-node-resolve": "^15.2.0",
"@semantic-release/changelog": "^6.0.3",
"@semantic-release/git": "^10.0.1",
"@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.14",
"@semantic-release/npm": "^10.0.4",
"@web/dev-server": "^0.3.0",
"@web/test-runner": "^0.17.0",
"@webcomponents/webcomponentsjs": "^2.8.0",
"autoprefixer": "^10.4.15",
"compression": "^1.7.4",
"concat": "^1.0.3",
"concurrently": "^7.6.0",
"concurrently": "^8.2.0",
"copyfiles": "^2.4.1",
"core-js": "^3.29.1",
"eslint": "^8.36.0",
"eslint-plugin-jsdoc": "^40.1.0",
"focus-visible": "^5.2.0",
"core-js": "^3.32.1",
"eslint": "^8.47.0",
"eslint-plugin-jsdoc": "^46.4.6",
"fs-extra": "^11.1.1",

@@ -63,30 +58,31 @@ "husky": "^8.0.3",

"markdown-magic": "^2.6.1",
"nodemon": "^2.0.21",
"nodemon": "^3.0.1",
"npm-run-all": "^4.1.5",
"postcss": "^8.4.20",
"postcss-custom-properties": "^13.1.4",
"postcss-discard-comments": "^5.1.2",
"postcss-rem-to-pixel": "^4.1.2",
"postcss-remove-rules": "^1.0.0",
"postcss": "^8.4.28",
"postcss-discard-comments": "^6.0.0",
"postcss-selector-replace": "^1.0.2",
"prismjs": "^1.29.0",
"rollup": "^3.20.0",
"rollup": "^3.28.0",
"rollup-plugin-serve": "^2.0.2",
"sass": "^1.59.3",
"semantic-release": "^20.1.3",
"stylelint": "^15.3.0",
"sass": "^1.66.0",
"semantic-release": "^21.0.7",
"stylelint": "^15.10.3",
"stylelint-config-idiomatic-order": "^9.0.0",
"stylelint-config-standard": "^31.0.0",
"stylelint-config-standard-scss": "^7.0.1",
"stylelint-config-standard": "^34.0.0",
"stylelint-config-standard-scss": "^10.0.0",
"stylelint-order": "^6.0.3",
"stylelint-scss": "^4.5.0",
"stylelint-scss": "^5.1.0",
"typescript": "^5.1.6",
"wc-sass-render": "^1.4.0",
"web-component-analyzer": "^1.1.6",
"whatwg-fetch": "^3.6.2",
"yaml-lint": "^1.2.4"
"web-component-analyzer": "^1.1.7",
"whatwg-fetch": "^3.6.17",
"yaml-lint": "^1.7.0"
},
"overrides": {
"wc-sass-render": {
"sass": "$sass"
}
},
"browserslist": [
"last 2 Chrome versions",
"last 2 iOS major versions",
"ie 11",
"last 2 Firefox versions",

@@ -124,4 +120,3 @@ "last 2 Edge versions",

"./README.md",
"./docs/api.md",
"./demo/demo.md"
"./docs/api.md"
]

@@ -143,11 +138,9 @@ }

"scripts": {
"build": "npm-run-all build:sass sass:render dist:js build:api test build:markdownDocs bundler postinstall",
"build": "npm-run-all build:sass sass:render scssLint dist:js bundler postinstall build:api types build:docs",
"build:api": "wca analyze 'src/auro-hyperlink.js' --outFiles docs/api.md",
"build:demo": "node ./scripts/prepForBuild",
"build:dev:assets": "npm-run-all build:sass:demo build:sass:component postCss:component sass:render build:markdownDocs",
"build:markdownDocs": "node scripts/generateDocs.js",
"build:sass": "npm-run-all build:sass:demo build:sass:component postCss:component sass:render",
"build:sass:demo": "sass --no-source-map demo:demo",
"build:dev:assets": "npm-run-all build:sass:component postCss:component sass:render build:docs",
"build:docs": "node scripts/generateDocs.js",
"build:sass": "npm-run-all build:sass:component postCss:component sass:render",
"build:sass:component": "sass --no-source-map src:src",
"build:watch": "nodemon -e scss,js,html --watch src --watch demo --exec npm run build:dev:assets",
"build:watch": "nodemon -e scss,js --watch src --exec npm run build:dev:assets",
"bundler": "rollup -c",

@@ -159,13 +152,15 @@ "bundler:test": "rollup -c -w",

"linters": "npm-run-all scssLint esLint",
"preCommit": "node scripts/pre-commit.js",
"preCommit": "node scripts/pre-commit.mjs",
"postCss:component": "node ./scripts/postCss.js",
"postinstall": "node packageScripts/postinstall.js",
"postinstall": "node packageScripts/postinstall.mjs",
"sass:render": "sass-render src/*.css -t ./scripts/staticStyles-template.js",
"scssLint": "stylelint \"./src/**/*.scss\"",
"serve": "web-dev-server --open demo/ --node-resolve --watch",
"sweep": "rm -rf ./demo/css ./dist | rm ./src/*.css ./src/*-css.js",
"sweep": "rm -rf ./demo/css ./dist | rm ./src/*.css ./src/*-css.js ./docs/api.md",
"test": "wtr --coverage",
"test:ci": "npm-run-all test lint",
"test:watch": "wtr --watch",
"prepare": "husky install"
"prepare": "husky install",
"types": "tsc"
}
}

139

README.md
<!--
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`.
README.md is created by running `npm run build:docs`.

@@ -22,30 +22,11 @@ This file is generated based on a template fetched from

<!-- 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-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:START (FILE:src=./../docs/partials/readmeAddlInfo.md) -->
<!-- The below content is automatically added from ./../docs/partials/readmeAddlInfo.md -->
<!-- AURO-GENERATED-CONTENT This file is to be used for any additional content that should be included in the README.md which is specific to this component. -->
<!-- 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

@@ -58,8 +39,4 @@

## Installation and Use
## Install
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) -->

@@ -69,3 +46,2 @@ [![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)

[![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)

@@ -80,42 +56,35 @@ ```shell

### Define dependency in project component
### Design Token CSS Custom Property dependency
<!-- 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.
<!-- 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 -->
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentImport.md) -->
```js
import "@aurodesignsystem/auro-hyperlink";
```
### CSS Custom Property fallbacks
<!-- AURO-GENERATED-CONTENT:END -->
<!-- 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.
### CDN Use
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.
In cases where the project is not able to process JS assets, there are pre-processed assets available for use.
<!-- AURO-GENERATED-CONTENT:END -->
#### Install
### Define dependency in project component
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/componentImportDescription.md) -->
Defining the component dependency within each component that is using the `<auro-hyperlink>` component.
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/bundleUseModBrowsers.md) -->
<!-- AURO-GENERATED-CONTENT:END -->
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentImport.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>
```js
import "@aurodesignsystem/auro-hyperlink";
```
<!-- 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.
**Reference component in HTML**
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/basic.html) -->
<!-- The below code snippet is automatically added from ./../apiExamples/basic.html -->
### 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

@@ -125,42 +94,46 @@ <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.
### Limitations and Risks
## Install bundled assets from CDN
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.
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/bundleInstallDescription.md) -->
In cases where the project is not able to process JS assets, there are pre-processed assets available for use. See -- `auro-hyperlink__bundled.js` for modern browsers. Legacy browsers such as IE11 are no longer supported.
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).
We recommend you load these bundles using [differential serving](https://philipwalton.com/articles/deploying-es2015-code-in-production-today/) so that the browser only loads the bundle correctly. To accomplish this, the script tag for the modern bundle should have `type="module"` and the script tag.
### Recommended Use and Version Control
<!-- AURO-GENERATED-CONTENT:END -->
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.
### Bundle example code
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.
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/bundleUse.md) -->
```js
import './node_modules/@aurodesignsystem/auro-hyperlink';
registerComponent('custom-hyperlink');
```html
<!-- **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. -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@alaskaairux/design-tokens@latest/dist/tokens/CSSCustomProperties.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/essentials.css" />
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/dist/auro-hyperlink__bundled.js" type="module"></script>
```
This will create a new custom element that you can use in your HTML that will function identically to the `auro-hyperlink` element.
<!-- AURO-GENERATED-CONTENT:END -->
```html
<custom-hyperlink></custom-hyperlink>
```
## auro-hyperlink use cases
### Design Token CSS Custom Property dependency
<!-- 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:
<!-- 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).
* 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 -->
### CSS Custom Property fallbacks
## API Code Examples
<!-- 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.
### Default auro-hyperlink
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: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 -->

@@ -218,9 +191,1 @@

<!-- 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>

11

src/auro-hyperlink.js

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

import styleCss from "./style-css.js";
import styleCssFixed from './style-fixed-css.js';

@@ -44,6 +43,3 @@ // See https://git.io/JJ6SJ for "How to document your components using JSDoc"

static get styles() {
return [
styleCss,
styleCssFixed
];
return [styleCss];
}

@@ -83,1 +79,6 @@

}
// default internal definition
if (!customElements.get("auro-hyperlink")) {
customElements.define("auro-hyperlink", AuroHyperlink);
}

15

src/component-base.js

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

import { LitElement, html } from "lit";
import 'focus-visible/dist/focus-visible.min.js';
import { isFocusVisibleSupported, isFocusVisiblePolyfillAvailable } from './util';
// import { isFocusVisibleSupported, isFocusVisiblePolyfillAvailable } from './util';
import externalLink from '@alaskaairux/icons/dist/icons/interface/external-link_es6.js';

@@ -51,9 +50,2 @@ import newWindow from '@alaskaairux/icons/dist/icons/interface/new-window_es6.js';

connectedCallback() {
super.connectedCallback();
if (!isFocusVisibleSupported() && isFocusVisiblePolyfillAvailable()) {
window.applyFocusVisiblePolyfill(this.shadowRoot);
}
}
// function to define props used within the scope of thie component

@@ -232,7 +224,2 @@ static get properties() {

/** Focus this element. */
focus() {
this.shadowRoot.querySelector('a').focus();
}
// function that renders the HTML and CSS into the scope of the component

@@ -239,0 +226,0 @@ render() {

2

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

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc