Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@aurodesignsystem/auro-hyperlink
Advanced tools
@aurodesignsystem/auro-hyperlink - npm Package Compare versions
Comparing version 3.4.1 to 3.4.2
| # Semantic Release Automated Changelog | ||
| ## [3.4.2](https://github.com/AlaskaAirlines/auro-hyperlink/compare/v3.4.1...v3.4.2) (2024-01-17) | ||
| ### Bug Fixes | ||
| * update small CTA to adjust content alignment [#191](https://github.com/AlaskaAirlines/auro-hyperlink/issues/191) ([8037424](https://github.com/AlaskaAirlines/auro-hyperlink/commit/803742437f7a7b8eff6261bfcbcdc0a1130d4bff)) | ||
| ### Performance Improvements | ||
| * convert hard value to token ([7073d49](https://github.com/AlaskaAirlines/auro-hyperlink/commit/7073d497caa85f9de6bb290fd13c3d78228dc5e3)) | ||
| ## [3.4.1](https://github.com/AlaskaAirlines/auro-hyperlink/compare/v3.4.0...v3.4.1) (2023-11-28) | ||
@@ -4,0 +16,0 @@ |
@@ -0,1 +1,6 @@ | ||
| <!-- | ||
| The demo.md file is a compiled document. No edits should be made directly to this file. | ||
| This file is generated based on a template fetched from `./docs/partials/demo.md` | ||
| --> | ||
| # Hyperlink | ||
@@ -16,3 +21,3 @@ | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
@@ -56,3 +61,3 @@ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../demo/partials/default.html) --> | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
@@ -104,3 +109,3 @@ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../demo/partials/external.html) --> | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
@@ -137,3 +142,3 @@ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../demo/partials/external-referrer.html) --> | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
@@ -158,14 +163,20 @@ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../demo/partials/navStyle.html) --> | ||
| <div class="exampleWrapper"> | ||
| Relative href converted to absolute URL to <auro-hyperlink href="/route-map" nav>route map</auro-hyperlink>. | ||
| <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../demo/partials/relativevsabsolute.html) --> | ||
| <!-- The below content is automatically added from ./../../demo/partials/relativevsabsolute.html --> | ||
| Relative href converted to absolute URL to <auro-hyperlink href="/route-map">route map</auro-hyperlink>. | ||
| <!-- AURO-GENERATED-CONTENT:END --> | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
| ```html | ||
| // Web component example | ||
| Relative href converted to absolute URL to <auro-hyperlink href="/route-map" nav>route map</auro-hyperlink>. | ||
| <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../demo/partials/relativevsabsolute_code.html) --> | ||
| <!-- The below code snippet is automatically added from ./../../demo/partials/relativevsabsolute_code.html --> | ||
| // Output code in shadow DOM element | ||
| Relative href converted to absolute URL to <a class="hyperlink" href="https://www.alaskaair.com/route-map"><slot>route map</slot></a>. | ||
| ``` | ||
| ```html | ||
| <!-- Web component example --> | ||
| Relative href converted to absolute URL to <auro-hyperlink href="/route-map">route map</auro-hyperlink>. | ||
| <!-- Output code in shadow DOM element --> | ||
| Relative href converted to absolute URL to <a class="hyperlink" href="https://www.alaskaair.com/route-map"><slot>route map</slot></a>. | ||
| ``` | ||
| <!-- AURO-GENERATED-CONTENT:END --> | ||
| </auro-accordion> | ||
@@ -178,16 +189,22 @@ | ||
| <div class="exampleWrapper"> | ||
| <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../demo/partials/httpsEnforcement.html) --> | ||
| <!-- The below content is automatically added from ./../../demo/partials/httpsEnforcement.html --> | ||
| http absolute URL <auro-hyperlink href="http://www.alaskaair.com/route-map">to route map</auro-hyperlink> or | ||
| no hypertext transfer protocol absolute URL to <auro-hyperlink href="//www.alaskaair.com/route-map">route map</auro-hyperlink> | ||
| <!-- AURO-GENERATED-CONTENT:END --> | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
| ```html | ||
| // Web component example | ||
| http absolute URL <auro-hyperlink href="http://www.alaskaair.com/route-map">to route map</auro-hyperlink> or | ||
| no hypertext transfer protocol absolute URL to <auro-hyperlink href="//www.alaskaair.com/route-map">route map</auro-hyperlink> | ||
| // Output code in shadow DOM element | ||
| http absolute URL <a class="hyperlink" href="https://www.alaskaair.com/route-map"><slot>to route map</slot></a> | ||
| no hypertext transfer protocol absolute URL to <a class="hyperlink" href="https://www.alaskaair.com/route-map"><slot>route map</slot></a> | ||
| ``` | ||
| <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../demo/partials/httpsEnforcement_code.html) --> | ||
| <!-- The below code snippet is automatically added from ./../../demo/partials/httpsEnforcement_code.html --> | ||
| ```html | ||
| <!-- Web component example --> | ||
| http absolute URL <auro-hyperlink href="http://www.alaskaair.com/route-map">to route map</auro-hyperlink> or | ||
| no hypertext transfer protocol absolute URL to <auro-hyperlink href="//www.alaskaair.com/route-map">route map</auro-hyperlink> | ||
| <!-- Output code in shadow DOM element --> | ||
| http absolute URL <a class="hyperlink" href="https://www.alaskaair.com/route-map"><slot>to route map</slot></a> | ||
| no hypertext transfer protocol absolute URL to <a class="hyperlink" href="https://www.alaskaair.com/route-map"><slot>route map</slot></a> | ||
| ``` | ||
| <!-- AURO-GENERATED-CONTENT:END --> | ||
| </auro-accordion> | ||
@@ -200,13 +217,19 @@ | ||
| <div class="exampleWrapper"> | ||
| <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../demo/partials/relativeUrl.html) --> | ||
| <!-- The below content is automatically added from ./../../demo/partials/relativeUrl.html --> | ||
| Example of a <auro-hyperlink relative href="#">relative URL</auro-hyperlink>. | ||
| <!-- AURO-GENERATED-CONTENT:END --> | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
| ```html | ||
| // Web component example | ||
| Example of a <auro-hyperlink relative href="#">relative URL</auro-hyperlink> | ||
| // Output code in shadow DOM element | ||
| Example of a <a class="hyperlink" href="#"><slot>relative URL</slot></a> | ||
| ``` | ||
| <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../demo/partials/relativeUrl_code.html) --> | ||
| <!-- The below code snippet is automatically added from ./../../demo/partials/relativeUrl_code.html --> | ||
| ```html | ||
| <!-- Web component example --> | ||
| Example of a <auro-hyperlink relative href="#">relative URL</auro-hyperlink> | ||
| <!-- Output code in shadow DOM element --> | ||
| Example of a <a class="hyperlink" href="#"><slot>relative URL</slot></a> | ||
| ``` | ||
| <!-- AURO-GENERATED-CONTENT:END --> | ||
| </auro-accordion> | ||
@@ -224,3 +247,3 @@ | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
@@ -250,3 +273,2 @@ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../demo/partials/URLscheme.html) --> | ||
| <auro-hyperlink type="cta" href="https://www.portseattle.org/sea-tac" target="_blank" >CTA Button</auro-hyperlink> | ||
| <br> | ||
| <auro-hyperlink type="cta" secondary href="https://www.alaskaair.com">CTA Button</auro-hyperlink> | ||
@@ -257,3 +279,3 @@ <auro-hyperlink type="cta" secondary href="https://www.alaskaair.com" target="_blank" >CTA Button</auro-hyperlink> | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
@@ -267,3 +289,2 @@ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../demo/partials/cta.html) --> | ||
| <auro-hyperlink type="cta" href="https://www.portseattle.org/sea-tac" target="_blank" >CTA Button</auro-hyperlink> | ||
| <br> | ||
| <auro-hyperlink type="cta" secondary href="https://www.alaskaair.com">CTA Button</auro-hyperlink> | ||
@@ -287,3 +308,3 @@ <auro-hyperlink type="cta" secondary href="https://www.alaskaair.com" target="_blank" >CTA Button</auro-hyperlink> | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
@@ -310,3 +331,2 @@ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../demo/partials/cta-fluid.html) --> | ||
| <auro-hyperlink type="cta" small href="https://www.portseattle.org/sea-tac" target="_blank" >CTA Button</auro-hyperlink> | ||
| <br> | ||
| <auro-hyperlink type="cta" small secondary href="https://www.alaskaair.com">CTA Button</auro-hyperlink> | ||
@@ -317,3 +337,3 @@ <auro-hyperlink type="cta" small secondary href="https://www.alaskaair.com" target="_blank" >CTA Button</auro-hyperlink> | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
@@ -327,3 +347,2 @@ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../demo/partials/cta-small.html) --> | ||
| <auro-hyperlink type="cta" small href="https://www.portseattle.org/sea-tac" target="_blank" >CTA Button</auro-hyperlink> | ||
| <br> | ||
| <auro-hyperlink type="cta" small secondary href="https://www.alaskaair.com">CTA Button</auro-hyperlink> | ||
@@ -356,3 +375,3 @@ <auro-hyperlink type="cta" small secondary href="https://www.alaskaair.com" target="_blank" >CTA Button</auro-hyperlink> | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
@@ -413,3 +432,3 @@ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../demo/partials/roleButton.html) --> | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
@@ -443,3 +462,3 @@ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../demo/partials/navPattern.html) --> | ||
| </div> | ||
| <auro-accordion lowProfile justifyRight> | ||
| <auro-accordion alignRight> | ||
| <span slot="trigger">See code</span> | ||
@@ -446,0 +465,0 @@ <!-- AURO-GENERATED-CONTENT:START (CODE:src=../../demo/util_focus.js) --> |
@@ -288,3 +288,3 @@ /** | ||
| var styleCss = i$1`*,*: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(--ds-color-ui-default-default, #0074c8);text-decoration:underline}.hyperlink:focus{text-decoration:none}.hyperlink:visited{color:var(--ds-color-ui-default-default, #0074c8)}.hyperlink:focus-visible{background-color:var(--ds-color-ui-default-default, #0074c8);color:var(--ds-color-text-primary-inverse, #ffffff);outline:var(--ds-color-ui-default-default, #0074c8) solid var(--ds-size-50, 0.25rem);outline-offset:unset}.hyperlink:focus-visible:hover{color:var(--ds-color-text-primary-inverse, #ffffff)}@media(hover: hover){.hyperlink:hover{color:var(--ds-color-ui-hover-default, #054687);text-decoration:none}.hyperlink--nav:hover{text-decoration:underline}.hyperlink--ondark:hover{color:var(--ds-color-ui-hover-inverse, #5de3f7)}}.hyperlink--button{display:inline-block;padding:0 var(--ds-size-200);text-decoration:none;color:var(--ds-color-text-link-default);border:1px solid transparent;line-height:var(--ds-unitless-scale-300)}:host(:not(.is-touching)) .hyperlink--button:hover{cursor:pointer;text-decoration:underline;color:var(--ds-color-ui-hover-default)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--cta{display:block;padding:0 var(--ds-size-200);text-decoration:none;color:var(--ds-color-text-link-default);border:1px solid transparent;line-height:var(--ds-unitless-scale-300);border:1px solid var(--ds-color-ui-default-default, #0074c8);border-radius:var(--ds-border-radius, 0.375rem);background-color:var(--ds-color-ui-default-default, #0074c8);color:var(--ds-color-text-primary-inverse, #ffffff);font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);min-height:var(--ds-size-600, 3rem);max-height:var(--ds-size-600, 3rem);text-align:center;vertical-align:middle}:host(:not(.is-touching)) .hyperlink--cta:hover{cursor:pointer;text-decoration:underline;color:var(--ds-color-ui-hover-default)}.hyperlink--cta:active{transform:scale(0.95)}:host(:not(.is-touching)) .hyperlink--cta:hover{border:1px solid var(--ds-color-ui-hover-default, #054687);background-image:linear-gradient(var(--ds-color-ui-hover-default, #054687), var(--ds-color-ui-hover-default, #054687));color:var(--ds-color-text-primary-inverse, #ffffff);text-decoration:none}.hyperlink--cta:visited{color:var(--ds-color-text-primary-inverse, #ffffff)}@media screen and (min-width: 576px){.hyperlink--cta{display:inline-block;min-width:8.75rem;width:auto;padding:0 var(--ds-size-300, 1.5rem)}}.hyperlink--cta.hyperlink--secondary{border:1px solid var(--ds-color-ui-default-default, #0074c8);background-color:var(--ds-color-background-lightest, #ffffff);color:var(--ds-color-text-link-default, #0074c8)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary:hover{border:1px solid var(--ds-color-ui-default-default, #0074c8);background-image:linear-gradient(var(--ds-color-background-lighter, #f8f8f8), var(--ds-color-background-lighter, #f8f8f8));color:var(--ds-color-text-link-default, #0074c8)}.hyperlink--cta.hyperlink--secondary.hyperlink--ondark{border:1px solid var(--ds-color-ui-default-inverse, #00cff0);background-color:transparent;color:var(--ds-color-ui-default-inverse, #00cff0)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:hover{border:1px solid var(--ds-color-ui-default-inverse, #00cff0);background-image:linear-gradient(var(--ds-color-base-black-opacity-15, rgba(0, 0, 0, 0.15)), var(--ds-color-base-black-opacity-15, rgba(0, 0, 0, 0.15)));color:var(--ds-color-ui-default-inverse, #00cff0)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:visited{color:var(--ds-color-ui-default-inverse, #00cff0)}.hyperlink--cta.hyperlink--ondark{border:1px solid var(--ds-color-ui-default-inverse, #00cff0);background-color:var(--ds-color-ui-default-inverse, #00cff0);color:var(--ds-color-text-primary-default, #222222)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:hover{border:1px solid var(--ds-color-ui-hover-inverse, #5de3f7);background-image:linear-gradient(var(--ds-color-ui-hover-inverse, #5de3f7), var(--ds-color-ui-hover-inverse, #5de3f7));color:var(--ds-color-text-primary-default, #222222)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:visited{color:var(--ds-color-text-primary-default, #222222)}.hyperlink--ondark{color:var(--ds-color-ui-default-inverse, #00cff0)}.hyperlink--ondark:visited{color:var(--ds-color-ui-default-inverse, #00cff0)}:host([small][type=cta]) .hyperlink--cta,:host([small=true][type=cta]) .hyperlink--cta{min-width:unset;min-height:2.25rem;max-height:2.25rem;padding:var(--ds-size-100, 0.5rem) var(--ds-size-200, 1rem);line-height:1.3;font-size:var(--ds-text-body-size-sm, 0.875rem)}svg{--auro-size-lg:1rem;position:relative;top:4px;margin-left:var(--ds-size-25, 0.125rem)}`; | ||
| var styleCss = i$1`*,*: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(--ds-color-ui-default-default, #0074c8);text-decoration:underline}.hyperlink:focus{text-decoration:none}.hyperlink:visited{color:var(--ds-color-ui-default-default, #0074c8)}.hyperlink:focus-visible{background-color:var(--ds-color-ui-default-default, #0074c8);color:var(--ds-color-text-primary-inverse, #ffffff);outline:var(--ds-color-ui-default-default, #0074c8) solid var(--ds-size-50, 0.25rem);outline-offset:unset}.hyperlink:focus-visible:hover{color:var(--ds-color-text-primary-inverse, #ffffff)}@media(hover: hover){.hyperlink:hover{color:var(--ds-color-ui-hover-default, #054687);text-decoration:none}.hyperlink--nav:hover{text-decoration:underline}.hyperlink--ondark:hover{color:var(--ds-color-ui-hover-inverse, #5de3f7)}}.hyperlink--button{display:inline-block;padding:0 var(--ds-size-200);text-decoration:none;color:var(--ds-color-text-link-default);border:1px solid transparent;line-height:var(--ds-unitless-scale-300)}:host(:not(.is-touching)) .hyperlink--button:hover{cursor:pointer;text-decoration:underline;color:var(--ds-color-ui-hover-default)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--cta{display:block;padding:0 var(--ds-size-200);text-decoration:none;color:var(--ds-color-text-link-default);border:1px solid transparent;line-height:var(--ds-unitless-scale-300);border:1px solid var(--ds-color-ui-default-default, #0074c8);border-radius:var(--ds-border-radius, 0.375rem);background-color:var(--ds-color-ui-default-default, #0074c8);color:var(--ds-color-text-primary-inverse, #ffffff);font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);min-height:var(--ds-size-600, 3rem);max-height:var(--ds-size-600, 3rem);text-align:center;vertical-align:middle}:host(:not(.is-touching)) .hyperlink--cta:hover{cursor:pointer;text-decoration:underline;color:var(--ds-color-ui-hover-default)}.hyperlink--cta:active{transform:scale(0.95)}:host(:not(.is-touching)) .hyperlink--cta:hover{border:1px solid var(--ds-color-ui-hover-default, #054687);background-image:linear-gradient(var(--ds-color-ui-hover-default, #054687), var(--ds-color-ui-hover-default, #054687));color:var(--ds-color-text-primary-inverse, #ffffff);text-decoration:none}.hyperlink--cta:visited{color:var(--ds-color-text-primary-inverse, #ffffff)}@media screen and (min-width: 576px){.hyperlink--cta{display:inline-block;min-width:8.75rem;width:auto;padding:0 var(--ds-size-300, 1.5rem)}}.hyperlink--cta.hyperlink--secondary{border:1px solid var(--ds-color-ui-default-default, #0074c8);background-color:var(--ds-color-background-lightest, #ffffff);color:var(--ds-color-text-link-default, #0074c8)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary:hover{border:1px solid var(--ds-color-ui-default-default, #0074c8);background-image:linear-gradient(var(--ds-color-background-lighter, #f8f8f8), var(--ds-color-background-lighter, #f8f8f8));color:var(--ds-color-text-link-default, #0074c8)}.hyperlink--cta.hyperlink--secondary.hyperlink--ondark{border:1px solid var(--ds-color-ui-default-inverse, #00cff0);background-color:transparent;color:var(--ds-color-ui-default-inverse, #00cff0)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:hover{border:1px solid var(--ds-color-ui-default-inverse, #00cff0);background-image:linear-gradient(var(--ds-color-base-black-opacity-15, rgba(0, 0, 0, 0.15)), var(--ds-color-base-black-opacity-15, rgba(0, 0, 0, 0.15)));color:var(--ds-color-ui-default-inverse, #00cff0)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:visited{color:var(--ds-color-ui-default-inverse, #00cff0)}.hyperlink--cta.hyperlink--ondark{border:1px solid var(--ds-color-ui-default-inverse, #00cff0);background-color:var(--ds-color-ui-default-inverse, #00cff0);color:var(--ds-color-text-primary-default, #222222)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:hover{border:1px solid var(--ds-color-ui-hover-inverse, #5de3f7);background-image:linear-gradient(var(--ds-color-ui-hover-inverse, #5de3f7), var(--ds-color-ui-hover-inverse, #5de3f7));color:var(--ds-color-text-primary-default, #222222)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:visited{color:var(--ds-color-text-primary-default, #222222)}.hyperlink--ondark{color:var(--ds-color-ui-default-inverse, #00cff0)}.hyperlink--ondark:visited{color:var(--ds-color-ui-default-inverse, #00cff0)}:host([small][type=cta]) .hyperlink--cta,:host([small=true][type=cta]) .hyperlink--cta{display:flex;min-width:unset;min-height:2.25rem;max-height:2.25rem;padding:var(--ds-size-100, 0.5rem) var(--ds-size-200, 1rem);line-height:var(--ds-unitless-scale-140, 1.4);font-size:var(--ds-text-body-size-sm, 0.875rem)}:host([small][type=cta]) .hyperlink--cta svg,:host([small=true][type=cta]) .hyperlink--cta svg{top:unset}svg{--auro-size-lg:1rem;position:relative;top:var(--ds-size-25, 0.125rem);margin-left:var(--ds-size-25, 0.125rem)}`; | ||
@@ -291,0 +291,0 @@ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license |
@@ -10,3 +10,3 @@ { | ||
| "name": "@aurodesignsystem/auro-hyperlink", | ||
| "version": "3.4.1", | ||
| "version": "3.4.2", | ||
| "description": "auro-hyperlink HTML custom element", | ||
@@ -28,14 +28,14 @@ "repository": { | ||
| "@alaskaairux/design-tokens": "^3.15.5", | ||
| "@alaskaairux/icons": "^4.20.0", | ||
| "@aurodesignsystem/design-tokens": "^4.1.1", | ||
| "@aurodesignsystem/webcorestylesheets": "^5.0.2" | ||
| "@alaskaairux/icons": "^4.31.0", | ||
| "@aurodesignsystem/design-tokens": "^4.3.0", | ||
| "@aurodesignsystem/webcorestylesheets": "^5.0.5" | ||
| }, | ||
| "devDependencies": { | ||
| "@alaskaairux/design-tokens": "^3.15.5", | ||
| "@alaskaairux/icons": "^4.30.1", | ||
| "@aurodesignsystem/design-tokens": "^4.2.0", | ||
| "@alaskaairux/icons": "^4.31.0", | ||
| "@aurodesignsystem/design-tokens": "^4.3.0", | ||
| "@aurodesignsystem/eslint-config": "^1.3.0", | ||
| "@aurodesignsystem/webcorestylesheets": "^5.0.5", | ||
| "@commitlint/cli": "^18.4.3", | ||
| "@commitlint/config-conventional": "^18.4.3", | ||
| "@commitlint/cli": "^18.4.4", | ||
| "@commitlint/config-conventional": "^18.4.4", | ||
| "@open-wc/testing": "^4.0.0", | ||
@@ -45,5 +45,5 @@ "@rollup/plugin-node-resolve": "^15.2.3", | ||
| "@semantic-release/git": "^10.0.1", | ||
| "@semantic-release/npm": "^11.0.1", | ||
| "@web/dev-server": "^0.3.0", | ||
| "@web/test-runner": "^0.17.0", | ||
| "@semantic-release/npm": "^11.0.2", | ||
| "@web/dev-server": "^0.4.1", | ||
| "@web/test-runner": "^0.18.0", | ||
| "@webcomponents/webcomponentsjs": "^2.8.0", | ||
@@ -55,28 +55,28 @@ "autoprefixer": "^10.4.16", | ||
| "copyfiles": "^2.4.1", | ||
| "core-js": "^3.33.3", | ||
| "eslint": "^8.54.0", | ||
| "eslint-plugin-jsdoc": "^46.9.0", | ||
| "fs-extra": "^11.1.1", | ||
| "core-js": "^3.35.0", | ||
| "eslint": "^8.56.0", | ||
| "eslint-plugin-jsdoc": "^48.0.2", | ||
| "fs-extra": "^11.2.0", | ||
| "husky": "^8.0.3", | ||
| "lodash": "^4.17.21", | ||
| "markdown-magic": "^2.6.1", | ||
| "nodemon": "^3.0.1", | ||
| "nodemon": "^3.0.2", | ||
| "npm-run-all": "^4.1.5", | ||
| "postcss": "^8.4.28", | ||
| "postcss-discard-comments": "^6.0.0", | ||
| "postcss": "^8.4.33", | ||
| "postcss-discard-comments": "^6.0.1", | ||
| "postcss-selector-replace": "^1.0.2", | ||
| "rollup": "^4.5.1", | ||
| "rollup": "^4.9.4", | ||
| "rollup-plugin-serve": "^2.0.2", | ||
| "sass": "^1.69.5", | ||
| "semantic-release": "^22.0.8", | ||
| "stylelint": "^15.11.0", | ||
| "stylelint-config-idiomatic-order": "^9.0.0", | ||
| "stylelint-config-standard": "^34.0.0", | ||
| "stylelint-config-standard-scss": "^11.1.0", | ||
| "stylelint-order": "^6.0.3", | ||
| "stylelint-scss": "^5.3.1", | ||
| "typescript": "^5.3.2", | ||
| "sass": "^1.69.7", | ||
| "semantic-release": "^22.0.12", | ||
| "stylelint": "^16.1.0", | ||
| "stylelint-config-idiomatic-order": "^10.0.0", | ||
| "stylelint-config-standard": "^36.0.0", | ||
| "stylelint-config-standard-scss": "^13.0.0", | ||
| "stylelint-order": "^6.0.4", | ||
| "stylelint-scss": "^6.0.0", | ||
| "typescript": "^5.3.3", | ||
| "wc-sass-render": "^1.4.0", | ||
| "web-component-analyzer": "^2.0.0", | ||
| "whatwg-fetch": "^3.6.19", | ||
| "whatwg-fetch": "^3.6.20", | ||
| "yaml-lint": "^1.7.0" | ||
@@ -83,0 +83,0 @@ }, |
| 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}: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(--ds-color-ui-default-default, #0074c8);text-decoration:underline}.hyperlink:focus{text-decoration:none}.hyperlink:visited{color:var(--ds-color-ui-default-default, #0074c8)}.hyperlink:focus-visible{background-color:var(--ds-color-ui-default-default, #0074c8);color:var(--ds-color-text-primary-inverse, #ffffff);outline:var(--ds-color-ui-default-default, #0074c8) solid var(--ds-size-50, 0.25rem);outline-offset:unset}.hyperlink:focus-visible:hover{color:var(--ds-color-text-primary-inverse, #ffffff)}@media(hover: hover){.hyperlink:hover{color:var(--ds-color-ui-hover-default, #054687);text-decoration:none}.hyperlink--nav:hover{text-decoration:underline}.hyperlink--ondark:hover{color:var(--ds-color-ui-hover-inverse, #5de3f7)}}.hyperlink--button{display:inline-block;padding:0 var(--ds-size-200);text-decoration:none;color:var(--ds-color-text-link-default);border:1px solid transparent;line-height:var(--ds-unitless-scale-300)}:host(:not(.is-touching)) .hyperlink--button:hover{cursor:pointer;text-decoration:underline;color:var(--ds-color-ui-hover-default)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--cta{display:block;padding:0 var(--ds-size-200);text-decoration:none;color:var(--ds-color-text-link-default);border:1px solid transparent;line-height:var(--ds-unitless-scale-300);border:1px solid var(--ds-color-ui-default-default, #0074c8);border-radius:var(--ds-border-radius, 0.375rem);background-color:var(--ds-color-ui-default-default, #0074c8);color:var(--ds-color-text-primary-inverse, #ffffff);font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);min-height:var(--ds-size-600, 3rem);max-height:var(--ds-size-600, 3rem);text-align:center;vertical-align:middle}:host(:not(.is-touching)) .hyperlink--cta:hover{cursor:pointer;text-decoration:underline;color:var(--ds-color-ui-hover-default)}.hyperlink--cta:active{transform:scale(0.95)}:host(:not(.is-touching)) .hyperlink--cta:hover{border:1px solid var(--ds-color-ui-hover-default, #054687);background-image:linear-gradient(var(--ds-color-ui-hover-default, #054687), var(--ds-color-ui-hover-default, #054687));color:var(--ds-color-text-primary-inverse, #ffffff);text-decoration:none}.hyperlink--cta:visited{color:var(--ds-color-text-primary-inverse, #ffffff)}@media screen and (min-width: 576px){.hyperlink--cta{display:inline-block;min-width:8.75rem;width:auto;padding:0 var(--ds-size-300, 1.5rem)}}.hyperlink--cta.hyperlink--secondary{border:1px solid var(--ds-color-ui-default-default, #0074c8);background-color:var(--ds-color-background-lightest, #ffffff);color:var(--ds-color-text-link-default, #0074c8)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary:hover{border:1px solid var(--ds-color-ui-default-default, #0074c8);background-image:linear-gradient(var(--ds-color-background-lighter, #f8f8f8), var(--ds-color-background-lighter, #f8f8f8));color:var(--ds-color-text-link-default, #0074c8)}.hyperlink--cta.hyperlink--secondary.hyperlink--ondark{border:1px solid var(--ds-color-ui-default-inverse, #00cff0);background-color:transparent;color:var(--ds-color-ui-default-inverse, #00cff0)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:hover{border:1px solid var(--ds-color-ui-default-inverse, #00cff0);background-image:linear-gradient(var(--ds-color-base-black-opacity-15, rgba(0, 0, 0, 0.15)), var(--ds-color-base-black-opacity-15, rgba(0, 0, 0, 0.15)));color:var(--ds-color-ui-default-inverse, #00cff0)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:visited{color:var(--ds-color-ui-default-inverse, #00cff0)}.hyperlink--cta.hyperlink--ondark{border:1px solid var(--ds-color-ui-default-inverse, #00cff0);background-color:var(--ds-color-ui-default-inverse, #00cff0);color:var(--ds-color-text-primary-default, #222222)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:hover{border:1px solid var(--ds-color-ui-hover-inverse, #5de3f7);background-image:linear-gradient(var(--ds-color-ui-hover-inverse, #5de3f7), var(--ds-color-ui-hover-inverse, #5de3f7));color:var(--ds-color-text-primary-default, #222222)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:visited{color:var(--ds-color-text-primary-default, #222222)}.hyperlink--ondark{color:var(--ds-color-ui-default-inverse, #00cff0)}.hyperlink--ondark:visited{color:var(--ds-color-ui-default-inverse, #00cff0)}:host([small][type=cta]) .hyperlink--cta,:host([small=true][type=cta]) .hyperlink--cta{min-width:unset;min-height:2.25rem;max-height:2.25rem;padding:var(--ds-size-100, 0.5rem) var(--ds-size-200, 1rem);line-height:1.3;font-size:var(--ds-text-body-size-sm, 0.875rem)}svg{--auro-size-lg:1rem;position:relative;top:4px;margin-left:var(--ds-size-25, 0.125rem)}`; | ||
| 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}: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(--ds-color-ui-default-default, #0074c8);text-decoration:underline}.hyperlink:focus{text-decoration:none}.hyperlink:visited{color:var(--ds-color-ui-default-default, #0074c8)}.hyperlink:focus-visible{background-color:var(--ds-color-ui-default-default, #0074c8);color:var(--ds-color-text-primary-inverse, #ffffff);outline:var(--ds-color-ui-default-default, #0074c8) solid var(--ds-size-50, 0.25rem);outline-offset:unset}.hyperlink:focus-visible:hover{color:var(--ds-color-text-primary-inverse, #ffffff)}@media(hover: hover){.hyperlink:hover{color:var(--ds-color-ui-hover-default, #054687);text-decoration:none}.hyperlink--nav:hover{text-decoration:underline}.hyperlink--ondark:hover{color:var(--ds-color-ui-hover-inverse, #5de3f7)}}.hyperlink--button{display:inline-block;padding:0 var(--ds-size-200);text-decoration:none;color:var(--ds-color-text-link-default);border:1px solid transparent;line-height:var(--ds-unitless-scale-300)}:host(:not(.is-touching)) .hyperlink--button:hover{cursor:pointer;text-decoration:underline;color:var(--ds-color-ui-hover-default)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--cta{display:block;padding:0 var(--ds-size-200);text-decoration:none;color:var(--ds-color-text-link-default);border:1px solid transparent;line-height:var(--ds-unitless-scale-300);border:1px solid var(--ds-color-ui-default-default, #0074c8);border-radius:var(--ds-border-radius, 0.375rem);background-color:var(--ds-color-ui-default-default, #0074c8);color:var(--ds-color-text-primary-inverse, #ffffff);font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);min-height:var(--ds-size-600, 3rem);max-height:var(--ds-size-600, 3rem);text-align:center;vertical-align:middle}:host(:not(.is-touching)) .hyperlink--cta:hover{cursor:pointer;text-decoration:underline;color:var(--ds-color-ui-hover-default)}.hyperlink--cta:active{transform:scale(0.95)}:host(:not(.is-touching)) .hyperlink--cta:hover{border:1px solid var(--ds-color-ui-hover-default, #054687);background-image:linear-gradient(var(--ds-color-ui-hover-default, #054687), var(--ds-color-ui-hover-default, #054687));color:var(--ds-color-text-primary-inverse, #ffffff);text-decoration:none}.hyperlink--cta:visited{color:var(--ds-color-text-primary-inverse, #ffffff)}@media screen and (min-width: 576px){.hyperlink--cta{display:inline-block;min-width:8.75rem;width:auto;padding:0 var(--ds-size-300, 1.5rem)}}.hyperlink--cta.hyperlink--secondary{border:1px solid var(--ds-color-ui-default-default, #0074c8);background-color:var(--ds-color-background-lightest, #ffffff);color:var(--ds-color-text-link-default, #0074c8)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary:hover{border:1px solid var(--ds-color-ui-default-default, #0074c8);background-image:linear-gradient(var(--ds-color-background-lighter, #f8f8f8), var(--ds-color-background-lighter, #f8f8f8));color:var(--ds-color-text-link-default, #0074c8)}.hyperlink--cta.hyperlink--secondary.hyperlink--ondark{border:1px solid var(--ds-color-ui-default-inverse, #00cff0);background-color:transparent;color:var(--ds-color-ui-default-inverse, #00cff0)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:hover{border:1px solid var(--ds-color-ui-default-inverse, #00cff0);background-image:linear-gradient(var(--ds-color-base-black-opacity-15, rgba(0, 0, 0, 0.15)), var(--ds-color-base-black-opacity-15, rgba(0, 0, 0, 0.15)));color:var(--ds-color-ui-default-inverse, #00cff0)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--secondary.hyperlink--ondark:visited{color:var(--ds-color-ui-default-inverse, #00cff0)}.hyperlink--cta.hyperlink--ondark{border:1px solid var(--ds-color-ui-default-inverse, #00cff0);background-color:var(--ds-color-ui-default-inverse, #00cff0);color:var(--ds-color-text-primary-default, #222222)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:hover{border:1px solid var(--ds-color-ui-hover-inverse, #5de3f7);background-image:linear-gradient(var(--ds-color-ui-hover-inverse, #5de3f7), var(--ds-color-ui-hover-inverse, #5de3f7));color:var(--ds-color-text-primary-default, #222222)}:host(:not(.is-touching)) .hyperlink--cta.hyperlink--ondark:visited{color:var(--ds-color-text-primary-default, #222222)}.hyperlink--ondark{color:var(--ds-color-ui-default-inverse, #00cff0)}.hyperlink--ondark:visited{color:var(--ds-color-ui-default-inverse, #00cff0)}:host([small][type=cta]) .hyperlink--cta,:host([small=true][type=cta]) .hyperlink--cta{display:flex;min-width:unset;min-height:2.25rem;max-height:2.25rem;padding:var(--ds-size-100, 0.5rem) var(--ds-size-200, 1rem);line-height:var(--ds-unitless-scale-140, 1.4);font-size:var(--ds-text-body-size-sm, 0.875rem)}:host([small][type=cta]) .hyperlink--cta svg,:host([small=true][type=cta]) .hyperlink--cta svg{top:unset}svg{--auro-size-lg:1rem;position:relative;top:var(--ds-size-25, 0.125rem);margin-left:var(--ds-size-25, 0.125rem)}`; |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.51%
152200
- Lines of code
- increased by0.18%
1096
No dependency changes