@alaskaairux/auro-icon - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+## [1.0.2](https://github.com/AlaskaAirlines/auro-icon/compare/v1.0.1...v1.0.2) (2020-09-24)
+
+
+### Bug Fixes
+
+* update icons to use CDN ([338caa3](https://github.com/AlaskaAirlines/auro-icon/commit/338caa3b910caa9d1b371f025176350016225a91))
+
 ## [1.0.1](https://github.com/AlaskaAirlines/auro-icon/compare/v1.0.0...v1.0.1) (2020-09-22)
@@ -4,0 +11,0 @@

dist/auro-icon__bundled.js

@@ -1,1 +0,1 @@
-!function(e){function o(o){for(var s,i,a=o[0],l=o[1],c=o[2],u=0,d=[];u<a.length;u++)i=a[u],Object.prototype.hasOwnProperty.call(t,i)&&t[i]&&d.push(t[i][0]),t[i]=0;for(s in l)Object.prototype.hasOwnProperty.call(l,s)&&(e[s]=l[s]);for(f&&f(o);d.length;)d.shift()();return n.push.apply(n,c||[]),r()}function r(){for(var e,o=0;o<n.length;o++){for(var r=n[o],s=!0,a=1;a<r.length;a++){var l=r[a];0!==t[l]&&(s=!1)}s&&(n.splice(o--,1),e=i(i.s=r[0]))}return e}var s={},t={1:0},n=[];function i(o){if(s[o])return s[o].exports;var r=s[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.e=function(){return Promise.resolve()},i.m=e,i.c=s,i.d=function(e,o,r){i.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:r})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,o){if(1&o&&(e=i(e)),8&o)return e;if(4&o&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&o&&"string"!=typeof e)for(var s in e)i.d(r,s,function(o){return e[o]}.bind(null,s));return r},i.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(o,"a",o),o},i.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},i.p="",i.oe=function(e){throw console.error(e),e};var a=window.webpackJsonp=window.webpackJsonp||[],l=a.push.bind(a);a.push=o,a=a.slice();for(var c=0;c<a.length;c++)o(a[c]);var f=l;n.push([151,0]),r()}({151:function(e,o,r){"use strict";r.r(o);var s=r(14),t=r.n(s),n=r(11),i=r.n(n),a=r(15),l=r.n(a),c=r(16),f=r.n(c),u=r(17),d=r.n(u),p=r(18),j=r.n(p),g=r(19),_=r.n(g),h=r(12),y=r.n(h),m=r(10),b=r(20),v=r(21),k=r(13);r(26);function w(){var e=i()(["*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{-webkit-animation:none !important;animation:none !important;-webkit-transition:none !important;-o-transition:none !important;transition:none !important}}*:focus{outline:none}.js-focus-visible :focus:not(.focus-visible){outline:none}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:-webkit-box;display:-ms-flexbox;display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}:host{color:currentColor;display:inline-block;vertical-align:middle;line-height:1}:host .primary{color:#626b79;color:var(--auro-color-icon-primary-on-light)}:host .emphasis{color:#222222;color:var(--auro-color-icon-emphasis-on-light)}:host .accent{color:#0074cb;color:var(--auro-color-icon-accent-on-light)}:host .disabled{color:rgba(0,0,0,0.15);color:var(--auro-color-icon-disabled-on-light)}:host .error{color:#df0b37;color:var(--auro-color-alert-error-on-light)}:host .success{color:#00805d;color:var(--auro-color-alert-success-on-light)}:host .advisory{color:#fff0cd;color:var(--auro-color-alert-advisory-on-light)}:host([onDark]) .primary{color:#9fabbb;color:var(--auro-color-icon-primary-on-dark)}:host([onDark]) .emphasis{color:#ffffff;color:var(--auro-color-icon-emphasis-on-dark)}:host([onDark]) .accent{color:#00cff0;color:var(--auro-color-icon-accent-on-dark)}:host([onDark]) .disabled{color:rgba(255,255,255,0.4);color:var(--auro-color-icon-disabled-on-dark)}:host([onDark]) .error{color:#ff999b;color:var(--auro-color-alert-error-on-dark)}:host([onDark]) .success{color:#69cf96;color:var(--auro-color-alert-success-on-dark)}:host([onDark]) .advisory{color:#fff0cd;color:var(--auro-color-alert-advisory-on-dark)}\n"]);return w=function(){return e},e}var O=Object(m.b)(w());function x(){var e=i()(["\n      ","\n    "]);return x=function(){return e},e}function P(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);o&&(s=s.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,s)}return r}function D(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?P(Object(r),!0).forEach((function(o){t()(e,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))}))}return e}function S(){var e=i()(['\n      <div class="','">\n        <div class="util_displayHiddenVisually">\n          <slot></slot>\n        </div>\n        <slot name="icon">',"</slot>\n      </div>\n    "]);return S=function(){return e},e}function A(e){var o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,s=y()(e);if(o){var t=y()(this).constructor;r=Reflect.construct(s,arguments,t)}else r=s.apply(this,arguments);return _()(this,r)}}var B=function(e){j()(s,e);var o=A(s);function s(){return l()(this,s),o.apply(this,arguments)}return f()(s,[{key:"firstUpdated",value:function(){var e=this;r(27)("./".concat(this.category,"/").concat(this.name,"_es6.js")).then((function(o){var r=(new DOMParser).parseFromString(o.default.svg,"text/html");e.svg=r.body.firstChild})).catch((function(){var o=(new DOMParser).parseFromString(k.default.svg,"text/html");e.svg=o.body.firstChild}))}},{key:"render",value:function(){var e={primary:this.primary,emphasis:this.emphasis,accent:this.accent,disabled:this.disabled,error:this.error,success:this.success,advisory:this.advisory};return Object(m.c)(S(),Object(b.a)(e),this.svg)}}],[{key:"properties",get:function(){return D(D({},d()(y()(s),"properties",this)),{},{category:{type:String,reflect:!0},name:{type:String,reflect:!0},primary:{type:Boolean,reflect:!0},emphasis:{type:Boolean,reflect:!0},accent:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},error:{type:Boolean,reflect:!0},success:{type:Boolean,reflect:!0},advisory:{type:Boolean,reflect:!0},onDark:{type:Boolean,reflect:!0},svg:{attribute:!1}})}},{key:"styles",get:function(){return Object(m.b)(x(),O)}}]),s}(v.a);customElements.get("auro-icon")||customElements.define("auro-icon",B)},27:function(e,o,r){var s={"./alert/error_es6.js":[28,0],"./alert/information-filled_es6.js":[29,0],"./alert/information-stroke_es6.js":[30,0],"./alert/question-filled_es6.js":[31,0],"./alert/question-stroke_es6.js":[32,0],"./alert/warning-filled_es6.js":[33,0],"./alert/warning-stroke_es6.js":[34,0],"./in-flight/entertainment_es6.js":[35,0],"./in-flight/flight-cancelled_es6.js":[36,0],"./in-flight/flight-delayed_es6.js":[37,0],"./in-flight/flight-on-time_es6.js":[38,0],"./in-flight/food-and-drink_es6.js":[39,0],"./in-flight/luggage_es6.js":[40,0],"./in-flight/plug_es6.js":[41,0],"./in-flight/seat_es6.js":[42,0],"./in-flight/wifi-disabled_es6.js":[43,0],"./in-flight/wifi_es6.js":[44,0],"./interface/accessibility_es6.js":[45,0],"./interface/account-filled_es6.js":[46,0],"./interface/account-stroke_es6.js":[47,0],"./interface/add-to-calendar_es6.js":[48,0],"./interface/arrow-down_es6.js":[49,0],"./interface/arrow-left_es6.js":[50,0],"./interface/arrow-right_es6.js":[51,0],"./interface/arrow-up_es6.js":[52,0],"./interface/calendar_es6.js":[53,0],"./interface/chain-link_es6.js":[54,0],"./interface/chat_es6.js":[55,0],"./interface/check-filled_es6.js":[56,0],"./interface/check-lg_es6.js":[57,0],"./interface/check-sm_es6.js":[58,0],"./interface/check-stroke_es6.js":[59,0],"./interface/checkmark-lg_es6.js":[60,0],"./interface/checkmark-sml_es6.js":[61,0],"./interface/chevron-down_es6.js":[62,0],"./interface/chevron-left_es6.js":[63,0],"./interface/chevron-right_es6.js":[64,0],"./interface/chevron-up_es6.js":[65,0],"./interface/external-link-md_es6.js":[66,0],"./interface/external-link-sm_es6.js":[67,0],"./interface/external-link_es6.js":[68,0],"./interface/filter_es6.js":[69,0],"./interface/global-language_es6.js":[70,0],"./interface/heart-filled_es6.js":[71,0],"./interface/heart-stroke_es6.js":[72,0],"./interface/hide-password_es6.js":[73,0],"./interface/home-filled_es6.js":[74,0],"./interface/home-stroke_es6.js":[75,0],"./interface/location-filled_es6.js":[76,0],"./interface/location-finder_es6.js":[77,0],"./interface/location-found_es6.js":[78,0],"./interface/location-stroke_es6.js":[79,0],"./interface/mail_es6.js":[80,0],"./interface/minus-filled_es6.js":[81,0],"./interface/minus-lg_es6.js":[82,0],"./interface/minus-sm_es6.js":[83,0],"./interface/minus-stroke_es6.js":[84,0],"./interface/navigation-menu_es6.js":[85,0],"./interface/notification-active_es6.js":[86,0],"./interface/notification_es6.js":[87,0],"./interface/penguin_es6.js":[13],"./interface/plus-filled_es6.js":[88,0],"./interface/plus-lg_es6.js":[89,0],"./interface/plus-sm_es6.js":[90,0],"./interface/plus-stroke_es6.js":[91,0],"./interface/printer_es6.js":[92,0],"./interface/search_es6.js":[93,0],"./interface/star-filled_es6.js":[94,0],"./interface/star-stroke_es6.js":[95,0],"./interface/view-password_es6.js":[96,0],"./interface/x-lg_es6.js":[97,0],"./interface/x-sm_es6.js":[98,0],"./logos/glyph-AA_es6.js":[99,0],"./logos/glyph-AS_es6.js":[100,0],"./logos/logo-7H_es6.js":[101,0],"./logos/logo-AA_es6.js":[102,0],"./logos/logo-AF_es6.js":[103,0],"./logos/logo-AM_es6.js":[104,0],"./logos/logo-AS_es6.js":[105,0],"./logos/logo-AY_es6.js":[106,0],"./logos/logo-BA_es6.js":[107,0],"./logos/logo-CX_es6.js":[108,0],"./logos/logo-DE_es6.js":[109,0],"./logos/logo-DL_es6.js":[110,0],"./logos/logo-EI_es6.js":[111,0],"./logos/logo-EK_es6.js":[112,0],"./logos/logo-EV_es6.js":[113,0],"./logos/logo-FI_es6.js":[114,0],"./logos/logo-FJ_es6.js":[115,0],"./logos/logo-HA_es6.js":[116,0],"./logos/logo-HU_es6.js":[117,0],"./logos/logo-JL_es6.js":[118,0],"./logos/logo-KE_es6.js":[119,0],"./logos/logo-KL_es6.js":[120,0],"./logos/logo-LA_es6.js":[121,0],"./logos/logo-LH_es6.js":[122,0],"./logos/logo-OO_es6.js":[123,0],"./logos/logo-QF_es6.js":[124,0],"./logos/logo-SQ_es6.js":[125,0],"./payment/cc-alaska_es6.js":[126,0],"./payment/cc-amex_es6.js":[127,0],"./payment/cc-discover_es6.js":[128,0],"./payment/cc-mastercard_es6.js":[129,0],"./payment/cc-visa_es6.js":[130,0],"./payment/credit-card_es6.js":[131,0],"./shop/cart_es6.js":[132,0],"./shop/shopping-bag_es6.js":[133,0],"./social/facebook_es6.js":[134,0],"./social/instagram_es6.js":[135,0],"./terminal/boarding-pass-filled_es6.js":[136,0],"./terminal/boarding-pass-stroke_es6.js":[137,0],"./terminal/booking-filled_es6.js":[138,0],"./terminal/booking-stroke_es6.js":[139,0],"./terminal/flight-changes_es6.js":[140,0],"./terminal/one-way-arrow_es6.js":[141,0],"./terminal/plane-diag-fill_es6.js":[142,0],"./terminal/plane-diag-stroke_es6.js":[143,0],"./terminal/plane-side-fill_es6.js":[144,0],"./terminal/plane-side-stroke_es6.js":[145,0],"./terminal/plane-up-fill_es6.js":[146,0],"./terminal/plane-up-stroke_es6.js":[147,0],"./terminal/radar-filled_es6.js":[148,0],"./terminal/radar-stroke_es6.js":[149,0],"./terminal/round-trip-arrows_es6.js":[150,0]};function t(e){if(!r.o(s,e))return Promise.resolve().then((function(){var o=new Error("Cannot find module '"+e+"'");throw o.code="MODULE_NOT_FOUND",o}));var o=s[e],t=o[0];return Promise.all(o.slice(1).map(r.e)).then((function(){return r(t)}))}t.keys=function(){return Object.keys(s)},t.id=27,e.exports=t}});
+!function(r){function o(o){for(var t,c,a=o[0],s=o[1],l=o[2],f=0,p=[];f<a.length;f++)c=a[f],Object.prototype.hasOwnProperty.call(n,c)&&n[c]&&p.push(n[c][0]),n[c]=0;for(t in s)Object.prototype.hasOwnProperty.call(s,t)&&(r[t]=s[t]);for(u&&u(o);p.length;)p.shift()();return i.push.apply(i,l||[]),e()}function e(){for(var r,o=0;o<i.length;o++){for(var e=i[o],t=!0,a=1;a<e.length;a++){var s=e[a];0!==n[s]&&(t=!1)}t&&(i.splice(o--,1),r=c(c.s=e[0]))}return r}var t={},n={0:0},i=[];function c(o){if(t[o])return t[o].exports;var e=t[o]={i:o,l:!1,exports:{}};return r[o].call(e.exports,e,e.exports,c),e.l=!0,e.exports}c.m=r,c.c=t,c.d=function(r,o,e){c.o(r,o)||Object.defineProperty(r,o,{enumerable:!0,get:e})},c.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},c.t=function(r,o){if(1&o&&(r=c(r)),8&o)return r;if(4&o&&"object"==typeof r&&r&&r.__esModule)return r;var e=Object.create(null);if(c.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:r}),2&o&&"string"!=typeof r)for(var t in r)c.d(e,t,function(o){return r[o]}.bind(null,t));return e},c.n=function(r){var o=r&&r.__esModule?function(){return r.default}:function(){return r};return c.d(o,"a",o),o},c.o=function(r,o){return Object.prototype.hasOwnProperty.call(r,o)},c.p="";var a=window.webpackJsonp=window.webpackJsonp||[],s=a.push.bind(a);a.push=o,a=a.slice();for(var l=0;l<a.length;l++)o(a[l]);var u=s;i.push([30,1]),e()}({30:function(r,o,e){"use strict";e.r(o);var t=e(15),n=e.n(t),i=e(11),c=e.n(i),a=e(13),s=e.n(a),l=e(14),u=e.n(l),f=e(16),p=e.n(f),d=e(17),h=e.n(d),y=e(18),b=e.n(y),v=e(19),g=e.n(v),m=e(20),k=e.n(m),O=e(12),x=e.n(O),w=e(10),j=e(21),P=e(22),D=e(23);e(29);function S(){var r=c()(["*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{-webkit-animation:none !important;animation:none !important;-webkit-transition:none !important;-o-transition:none !important;transition:none !important}}*:focus{outline:none}.js-focus-visible :focus:not(.focus-visible){outline:none}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:-webkit-box;display:-ms-flexbox;display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}:host{color:currentColor;display:inline-block;vertical-align:middle;line-height:1}:host .primary{color:#626b79;color:var(--auro-color-icon-primary-on-light)}:host .emphasis{color:#222222;color:var(--auro-color-icon-emphasis-on-light)}:host .accent{color:#0074cb;color:var(--auro-color-icon-accent-on-light)}:host .disabled{color:rgba(0,0,0,0.15);color:var(--auro-color-icon-disabled-on-light)}:host .error{color:#df0b37;color:var(--auro-color-alert-error-on-light)}:host .success{color:#00805d;color:var(--auro-color-alert-success-on-light)}:host .advisory{color:#fff0cd;color:var(--auro-color-alert-advisory-on-light)}:host([onDark]) .primary{color:#9fabbb;color:var(--auro-color-icon-primary-on-dark)}:host([onDark]) .emphasis{color:#ffffff;color:var(--auro-color-icon-emphasis-on-dark)}:host([onDark]) .accent{color:#00cff0;color:var(--auro-color-icon-accent-on-dark)}:host([onDark]) .disabled{color:rgba(255,255,255,0.4);color:var(--auro-color-icon-disabled-on-dark)}:host([onDark]) .error{color:#ff999b;color:var(--auro-color-alert-error-on-dark)}:host([onDark]) .success{color:#69cf96;color:var(--auro-color-alert-success-on-dark)}:host([onDark]) .advisory{color:#fff0cd;color:var(--auro-color-alert-advisory-on-dark)}\n"]);return S=function(){return r},r}var _=Object(w.b)(S());function B(){var r=c()(["\n      ","\n    "]);return B=function(){return r},r}function M(r,o){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(r,o).enumerable}))),e.push.apply(e,t)}return e}function R(r){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?M(Object(e),!0).forEach((function(o){n()(r,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):M(Object(e)).forEach((function(o){Object.defineProperty(r,o,Object.getOwnPropertyDescriptor(e,o))}))}return r}function E(){var r=c()(['\n      <div class="','">\n        <div class="util_displayHiddenVisually">\n          <slot></slot>\n        </div>\n        <slot name="icon">',"</slot>\n      </div>\n    "]);return E=function(){return r},r}function I(r){var o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(r){return!1}}();return function(){var e,t=x()(r);if(o){var n=x()(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return k()(this,e)}}var F=function(r){g()(n,r);var o,e,t=I(n);function n(){return p()(this,n),t.apply(this,arguments)}return h()(n,[{key:"fetchIcon",value:(e=u()(s.a.mark((function r(o,e){var t,n,i;return s.a.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,fetch("https://unpkg.com/@alaskaairux/icons@3.4.0/dist/icons/".concat(o,"/").concat(e,".svg"));case 2:return t=r.sent,r.next=5,t.text();case 5:return n=r.sent,i=(new DOMParser).parseFromString(n,"text/html"),r.abrupt("return",i.body.querySelector("svg"));case 8:case"end":return r.stop()}}),r)}))),function(r,o){return e.apply(this,arguments)})},{key:"firstUpdated",value:(o=u()(s.a.mark((function r(){var o,e;return s.a.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,this.fetchIcon(this.category,this.name);case 2:(o=r.sent)?this.svg=o:(e=(new DOMParser).parseFromString(D.a.svg,"text/html"),this.svg=e.body.firstChild);case 4:case"end":return r.stop()}}),r,this)}))),function(){return o.apply(this,arguments)})},{key:"render",value:function(){var r={primary:this.primary,emphasis:this.emphasis,accent:this.accent,disabled:this.disabled,error:this.error,success:this.success,advisory:this.advisory};return Object(w.c)(E(),Object(j.a)(r),this.svg)}}],[{key:"properties",get:function(){return R(R({},b()(x()(n),"properties",this)),{},{category:{type:String,reflect:!0},name:{type:String,reflect:!0},primary:{type:Boolean,reflect:!0},emphasis:{type:Boolean,reflect:!0},accent:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},error:{type:Boolean,reflect:!0},success:{type:Boolean,reflect:!0},advisory:{type:Boolean,reflect:!0},onDark:{type:Boolean,reflect:!0},svg:{attribute:!1}})}},{key:"styles",get:function(){return Object(w.b)(B(),_)}}]),n}(P.a);customElements.get("auro-icon")||customElements.define("auro-icon",F)}});

dist/auro-icon.js

@@ -0,1 +1,2 @@
+/* eslint-disable one-var */
 // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
@@ -86,12 +87,26 @@ // See LICENSE in the project root for license information.
 
-  firstUpdated() {
-    import(`@alaskaairux/icons/dist/icons/${this.category}/${this.name}_es6.js`).then((svgIcon) => {
-        const dom = new DOMParser().parseFromString(svgIcon.default.svg, 'text/html');
+  /**
+   * @private async function to fetch requested icon from npm CDN
+   * @param {string} category icon category
+   * @param {string} name icon name
+   * @returns {dom} DOM ready HTML to be appended
+   */
+  async fetchIcon(category, name) {
+    const icon = await fetch(`https://unpkg.com/@alaskaairux/icons@3.4.0/dist/icons/${category}/${name}.svg`);
+    const iconHTML = await icon.text();
+    const dom = new DOMParser().parseFromString(iconHTML, 'text/html');
 
-        this.svg = dom.body.firstChild;
-      }).catch(() => {
-        const dom = new DOMParser().parseFromString(penguin.svg, 'text/html');
+    return dom.body.querySelector('svg');
+  }
 
-        this.svg = dom.body.firstChild;
-      });
+  async firstUpdated() {
+    const svg = await this.fetchIcon(this.category, this.name);
+
+    if (svg) {
+      this.svg = svg;
+    } else {
+      const penDOM = new DOMParser().parseFromString(penguin.svg, 'text/html');
+
+      this.svg = penDOM.body.firstChild;
+    }
   }
@@ -98,0 +113,0 @@

docs/api.md

@@ -24,8 +24,2 @@ # auro-icon
 
-## Methods
-
-| Method        | Type                              | Description                                   |
-|---------------|-----------------------------------|-----------------------------------------------|
-| `hideAudible` | `(value: any): "true" \| "false"` | Function that determines state of aria-hidden |
-
 ## Slots
@@ -32,0 +26,0 @@

package.json

@@ -11,3 +11,3 @@ {
   "name": "@alaskaairux/auro-icon",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Auro custom auro-icon element",
@@ -35,3 +35,3 @@ "author": "Product design and research",
     "@alaskaairux/orion-design-tokens": "^2.12.1",
-    "@alaskaairux/orion-web-core-style-sheets": "^2.12.0",
+    "@alaskaairux/orion-web-core-style-sheets": "^2.12.1",
     "@babel/core": "^7.11.6",
@@ -56,3 +56,3 @@ "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "concat": "^1.0.3",
-    "copy-webpack-plugin": "^6.1.0",
+    "copy-webpack-plugin": "^6.1.1",
     "copyfiles": "^2.3.0",
@@ -68,8 +68,8 @@ "core-js": "^3.6.5",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.0.3",
-    "postcss-custom-properties": "^9.1.1",
+    "postcss": "^8.0.8",
+    "postcss-custom-properties": "^9.2.0",
     "postcss-discard-comments": "^4.0.2",
     "postcss-remove-rules": "^1.0.0",
     "postcss-selector-replace": "^1.0.2",
-    "semantic-release": "^17.1.1",
+    "semantic-release": "^17.1.2",
     "sinon": "^9.0.3",
@@ -80,4 +80,4 @@ "stylelint": "^13.7.1",
     "web-component-analyzer": "^1.1.6",
-    "webpack": "^4.44.1",
-    "webpack-bundle-analyzer": "^3.8.0",
+    "webpack": "^4.44.2",
+    "webpack-bundle-analyzer": "^3.9.0",
     "webpack-cli": "^3.3.12",
@@ -84,0 +84,0 @@ "webpack-dev-server": "^3.11.0",

README.md

@@ -1,2 +0,2 @@
-## auro-icon
+# auro-icon
 
@@ -3,0 +3,0 @@ `<auro-icon>` is a [HTML custom element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) for the purpose of displaying the [icons](https://auro.alaskaair.com/icons/usage) from the Auro Design System.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

1281

increased by0.08%

Worsened metrics

Total package byte prevSize

178409

decreased by-77.24%

Number of medium supply chain risk alerts

2

increased byInfinity%

No dependency changes