@aurodesignsystem/auro-hyperlink - npm Package Compare versions

Comparing version 3.3.6 to 3.3.7

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+## [3.3.7](https://github.com/AlaskaAirlines/auro-hyperlink/compare/v3.3.6...v3.3.7) (2023-10-30)
+
+
+### Performance Improvements
+
+* add old design-tokens deps ([17fdaac](https://github.com/AlaskaAirlines/auro-hyperlink/commit/17fdaac6366c0b954f43392f9df58c566886b0ed))
+* **token:** update token per new theming [#183](https://github.com/AlaskaAirlines/auro-hyperlink/issues/183) ([79877ca](https://github.com/AlaskaAirlines/auro-hyperlink/commit/79877caa5026f3b5d163dfb7fc334f8b20f40448))
+
 ## [3.3.6](https://github.com/AlaskaAirlines/auro-hyperlink/compare/v3.3.5...v3.3.6) (2023-08-25)
@@ -4,0 +12,0 @@

dist/auro-hyperlink__bundled.js

@@ -273,3 +273,3 @@ /**
 
-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}: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 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}: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);line-height:calc((var(--ds-size-800, 4rem)) + (var(--ds-size-100, 0.5rem)) - (var(--ds-size-25, 0.125rem)));text-align:center}: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-color: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:calc((var(--ds-size-800, 4rem))*3)}}.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-color: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-color: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-color: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)}svg{--auro-size-lg:1rem;position:relative;top:4px;margin-left:var(--ds-size-25, 0.125rem)}`;
 
@@ -276,0 +276,0 @@ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license

package.json

@@ -10,3 +10,3 @@ {
   "name": "@aurodesignsystem/auro-hyperlink",
-  "version": "3.3.6",
+  "version": "3.3.7",
   "description": "auro-hyperlink HTML custom element",
@@ -29,3 +29,4 @@ "repository": {
     "@alaskaairux/icons": "^4.20.0",
-    "@aurodesignsystem/webcorestylesheets": "^4.8.0"
+    "@aurodesignsystem/design-tokens": "^4.1.1",
+    "@aurodesignsystem/webcorestylesheets": "^5.0.2"
   },
@@ -35,4 +36,5 @@ "devDependencies": {
     "@alaskaairux/icons": "^4.28.0",
+    "@aurodesignsystem/design-tokens": "^4.1.1",
     "@aurodesignsystem/eslint-config": "^1.3.0",
-    "@aurodesignsystem/webcorestylesheets": "^4.8.0",
+    "@aurodesignsystem/webcorestylesheets": "^5.0.2",
     "@commitlint/cli": "^17.7.1",
@@ -39,0 +41,0 @@ "@commitlint/config-conventional": "^17.7.0",

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}: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)}`;
+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);line-height:calc((var(--ds-size-800, 4rem)) + (var(--ds-size-100, 0.5rem)) - (var(--ds-size-25, 0.125rem)));text-align:center}: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-color: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:calc((var(--ds-size-800, 4rem))*3)}}.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-color: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-color: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-color: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)}svg{--auro-size-lg:1rem;position:relative;top:4px;margin-left:var(--ds-size-25, 0.125rem)}`;

No alert changes

Improved metrics

Total package byte prevSize

138800

increased by0.92%

Lines of code

1047

increased by0.19%

Worsened metrics

Dependency count

6

increased by20%

Dev dependency count

47

increased by2.17%

No dependency changes