@alaskaairux/auro-button - npm Package Compare versions

Comparing version 5.1.1 to 5.1.2

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+## [5.1.2](https://github.com/AlaskaAirlines/auro-button/compare/v5.1.1...v5.1.2) (2020-09-08)
+
+
+### Bug Fixes
+
+* add reflect to properties ([3e2df64](https://github.com/AlaskaAirlines/auro-button/commit/3e2df6409070b4334a80249aee937244d90fcdf5))
+
 ## [5.1.1](https://github.com/AlaskaAirlines/auro-button/compare/v5.1.0...v5.1.1) (2020-08-26)
@@ -4,0 +11,0 @@

dist/auro-button__bundled.js

@@ -1,1 +0,1 @@
-!function(o){function r(r){for(var a,i,u=r[0],c=r[1],l=r[2],s=0,b=[];s<u.length;s++)i=u[s],Object.prototype.hasOwnProperty.call(e,i)&&e[i]&&b.push(e[i][0]),e[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(o[a]=c[a]);for(d&&d(r);b.length;)b.shift()();return n.push.apply(n,l||[]),t()}function t(){for(var o,r=0;r<n.length;r++){for(var t=n[r],a=!0,u=1;u<t.length;u++){var c=t[u];0!==e[c]&&(a=!1)}a&&(n.splice(r--,1),o=i(i.s=t[0]))}return o}var a={},e={0:0},n=[];function i(r){if(a[r])return a[r].exports;var t=a[r]={i:r,l:!1,exports:{}};return o[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.m=o,i.c=a,i.d=function(o,r,t){i.o(o,r)||Object.defineProperty(o,r,{enumerable:!0,get:t})},i.r=function(o){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(o,"__esModule",{value:!0})},i.t=function(o,r){if(1&r&&(o=i(o)),8&r)return o;if(4&r&&"object"==typeof o&&o&&o.__esModule)return o;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:o}),2&r&&"string"!=typeof o)for(var a in o)i.d(t,a,function(r){return o[r]}.bind(null,a));return t},i.n=function(o){var r=o&&o.__esModule?function(){return o.default}:function(){return o};return i.d(r,"a",r),r},i.o=function(o,r){return Object.prototype.hasOwnProperty.call(o,r)},i.p="";var u=window.webpackJsonp=window.webpackJsonp||[],c=u.push.bind(u);u.push=r,u=u.slice();for(var l=0;l<u.length;l++)r(u[l]);var d=c;n.push([23,1]),t()}({23:function(o,r,t){"use strict";t.r(r);var a=t(12),e=t.n(a),n=t(14),i=t.n(n),u=t(15),c=t.n(u),l=t(16),d=t.n(l),s=t(17),b=t.n(s),f=t(13),v=t.n(f),h=t(11),g=t(5),p=t(18);t(22);function k(){var o=e()(["*,*: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_insetLg--squish{padding:calc(1.5rem / 2) 1.5rem}:host(.focus-visible) .auro-button{-webkit-box-shadow:inset 0 0 0 1px #ffffff, inset 0 0 0 3px #ffffff;-webkit-box-shadow:inset 0 0 0 1px var(--auro-color-border-focus-on-dark),inset 0 0 0 3px var(--auro-color-background-lightest);box-shadow:inset 0 0 0 1px #ffffff, inset 0 0 0 3px #ffffff;box-shadow:inset 0 0 0 1px var(--auro-color-border-focus-on-dark),inset 0 0 0 3px var(--auro-color-background-lightest)}:host(.focus-visible) .auro-button--secondary{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);-webkit-box-shadow:inset 0 0 0 3px #0074cb;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light);box-shadow:inset 0 0 0 3px #0074cb;box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light)}:host(.focus-visible) .auro-button--tertiary{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light);-webkit-box-shadow:inset 0 0 0 3px #0074cb;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light);box-shadow:inset 0 0 0 3px #0074cb;box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light)}:host(.focus-visible) .auro-buttonOndark{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);-webkit-box-shadow:inset 0 0 0 3px #ffffff;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-border-focus-on-dark);box-shadow:inset 0 0 0 3px #ffffff;box-shadow:inset 0 0 0 3px var(--auro-color-border-focus-on-dark)}:host(.focus-visible) .auro-buttonOndark--secondary{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);-webkit-box-shadow:inset 0 0 0 3px #5de3f7;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);box-shadow:inset 0 0 0 3px #5de3f7;box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-active-on-dark)}:host(.focus-visible) .auro-buttonOndark--tertiary{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border-color:#5de3f7;border-color:var(--auro-color-ui-active-on-dark);-webkit-box-shadow:inset 0 0 0 3px #5de3f7;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);box-shadow:inset 0 0 0 3px #5de3f7;box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark)}:host(.focus-visible) .auro-button::-moz-focus-inner{border:none;width:100%}:host([fluid]) .auro-button,:host([fluid=true]) .auro-button{min-width:auto;width:100%}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.auro-button{-webkit-transition:all 0.15s ease;-o-transition:all 0.15s ease;transition:all 0.15s ease;padding:0.75rem 1.5rem;padding:var(--auro-size-sm) var(--auro-size-lg);color:#ffffff;color:var(--auro-color-text-primary-on-dark);cursor:pointer;background-color:#0074cb;background-color:var(--auro-color-ui-default-on-light);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light);border-radius:0.375rem;border-radius:var(--auro-border-radius);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:1.4;line-height:var(--auro-unitless-scale-140);overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;margin:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}@media (hover: hover){.auro-button:active,.auro-button:hover{background-color:#054687;background-color:var(--auro-color-ui-hover-on-light);border:1px solid #054687;border:1px solid var(--auro-color-ui-hover-on-light)}}.auro-button::-moz-focus-inner{border:none}.auro-button:active{background-color:#054687;background-color:var(--auro-color-ui-active-on-light);border:1px solid #054687;border:1px solid var(--auro-color-ui-active-on-light);-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}@media screen and (min-width: 660px){.auro-button{min-width:8.75rem;width:auto}}.auro-button:disabled{cursor:not-allowed;-webkit-transform:unset;-ms-transform:unset;transform:unset;opacity:.4}@media (hover: hover){.auro-button:disabled:hover{background-color:#0074cb;background-color:var(--auro-color-ui-default-on-light);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light)}}.auro-button--secondary{background-color:#ffffff;background-color:var(--auro-color-background-lightest);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light);color:#0074cb;color:var(--auro-color-text-link-on-light)}@media (hover: hover){.auro-button--secondary:active,.auro-button--secondary:hover{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light)}}.auro-button--secondary:active{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light)}.auro-button--secondary:disabled:hover{background-color:#ffffff;background-color:var(--auro-color-background-lightest);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light)}.auro-button--tertiary{background-color:transparent;border-color:transparent;color:#0074cb;color:var(--auro-color-text-link-on-light)}@media (hover: hover){.auro-button--tertiary:active,.auro-button--tertiary:hover{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:transparent}}.auro-button--tertiary:active{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:transparent}@media (hover: hover){.auro-button--tertiary:disabled:hover{background-color:transparent;border-color:transparent}}.auro-buttonOndark{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);color:#222222;color:var(--auro-color-text-primary-on-light)}@media (hover: hover){.auro-buttonOndark:active,.auro-buttonOndark:hover{background-color:#5de3f7;background-color:var(--auro-color-ui-hover-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark)}}.auro-buttonOndark:active{background-color:#5de3f7;background-color:var(--auro-color-ui-active-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-active-on-dark)}@media (hover: hover){.auro-buttonOndark:disabled:hover{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);border-color:#00cff0;border-color:var(--auro-color-ui-default-on-dark)}}.auro-buttonOndark--secondary{background-color:transparent;border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);color:#00cff0;color:var(--auro-color-ui-default-on-dark)}@media (hover: hover){.auro-buttonOndark--secondary:active,.auro-buttonOndark--secondary:hover{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15)}}.auro-buttonOndark--secondary:active{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark)}@media (hover: hover){.auro-buttonOndark--secondary:disabled:hover{background-color:transparent;border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark)}}.auro-buttonOndark--tertiary{background-color:transparent;border:1px solid transparent;color:#00cff0;color:var(--auro-color-ui-default-on-dark)}@media (hover: hover){.auro-buttonOndark--tertiary:active,.auro-buttonOndark--tertiary:hover{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}}.auro-buttonOndark--tertiary:active{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}@media (hover: hover){.auro-buttonOndark--tertiary:disabled:hover{background-color:transparent;border-color:transparent}}.icon svg{vertical-align:middle}.icon slot{vertical-align:middle}\n"]);return k=function(){return o},o}var x=Object(h.b)(k());function y(){var o=e()(["\n      ","\n    "]);return y=function(){return o},o}function w(){var o=e()(['\n      <button\n        aria-label="','"\n        aria-labelledby="','"\n        ?autofocus="','"\n        class="','"\n        ?disabled="','"\n        id="','"\n        title="','"\n        name="','"\n        type="','"\n        .value="','"\n        @click="','"\n      >\n        ',"\n        <slot></slot>\n        ","\n      </button>\n    "]);return w=function(){return o},o}function m(o){var r=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(o){return!1}}();return function(){var t,a=v()(o);if(r){var e=v()(this).constructor;t=Reflect.construct(a,arguments,e)}else t=a.apply(this,arguments);return b()(this,t)}}var O=function(o){d()(t,o);var r=m(t);function t(){return i()(this,t),r.apply(this,arguments)}return c()(t,[{key:"focus",value:function(){this.renderRoot.querySelector("button").focus()}},{key:"getIcon",value:function(o){return this.dom=(new DOMParser).parseFromString(o,"text/html"),this.svg=this.dom.body.firstChild,this.svg}},{key:"render",value:function(){var o={"util_insetLg--squish":!0,"auro-button":!0,"auro-buttonOndark":this.ondark,"auro-button--secondary":this.secondary,"auro-buttonOndark--secondary":this.secondary&&this.ondark,"auro-button--tertiary":this.tertiary,"auro-buttonOndark--tertiary":this.tertiary&&this.ondark,icon:this.svgIconLeft||this.svgIconRight};return Object(h.c)(w(),Object(g.a)(this.arialabel?this.arialabel:void 0),Object(g.a)(this.arialabelledby?this.arialabelledby:void 0),this.autofocus,Object(p.a)(o),this.disabled,Object(g.a)(this.id?this.id:void 0),Object(g.a)(this.title?this.title:void 0),Object(g.a)(this.name?this.name:void 0),Object(g.a)(this.type?this.type:void 0),Object(g.a)(this.value?this.value:void 0),(function(){}),Object(g.a)(this.svgIconLeft?this.getIcon(this.svgIconLeft):void 0),Object(g.a)(this.svgIconRight?this.getIcon(this.svgIconRight):void 0))}}],[{key:"styles",get:function(){return Object(h.b)(y(),x)}},{key:"properties",get:function(){return{autofocus:{type:Boolean},disabled:{type:Boolean},ondark:{type:Boolean},secondary:{type:Boolean},tertiary:{type:Boolean},arialabel:{type:String},arialabelledby:{type:String},id:{type:String},title:{type:String},type:{type:String},value:{type:String},svgIconLeft:{type:String},svgIconRight:{type:String}}}}]),t}(h.a);customElements.get("auro-button")||customElements.define("auro-button",O)}});
+!function(o){function r(r){for(var a,i,u=r[0],c=r[1],l=r[2],s=0,b=[];s<u.length;s++)i=u[s],Object.prototype.hasOwnProperty.call(e,i)&&e[i]&&b.push(e[i][0]),e[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(o[a]=c[a]);for(d&&d(r);b.length;)b.shift()();return n.push.apply(n,l||[]),t()}function t(){for(var o,r=0;r<n.length;r++){for(var t=n[r],a=!0,u=1;u<t.length;u++){var c=t[u];0!==e[c]&&(a=!1)}a&&(n.splice(r--,1),o=i(i.s=t[0]))}return o}var a={},e={0:0},n=[];function i(r){if(a[r])return a[r].exports;var t=a[r]={i:r,l:!1,exports:{}};return o[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.m=o,i.c=a,i.d=function(o,r,t){i.o(o,r)||Object.defineProperty(o,r,{enumerable:!0,get:t})},i.r=function(o){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(o,"__esModule",{value:!0})},i.t=function(o,r){if(1&r&&(o=i(o)),8&r)return o;if(4&r&&"object"==typeof o&&o&&o.__esModule)return o;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:o}),2&r&&"string"!=typeof o)for(var a in o)i.d(t,a,function(r){return o[r]}.bind(null,a));return t},i.n=function(o){var r=o&&o.__esModule?function(){return o.default}:function(){return o};return i.d(r,"a",r),r},i.o=function(o,r){return Object.prototype.hasOwnProperty.call(o,r)},i.p="";var u=window.webpackJsonp=window.webpackJsonp||[],c=u.push.bind(u);u.push=r,u=u.slice();for(var l=0;l<u.length;l++)r(u[l]);var d=c;n.push([23,1]),t()}({23:function(o,r,t){"use strict";t.r(r);var a=t(12),e=t.n(a),n=t(14),i=t.n(n),u=t(15),c=t.n(u),l=t(16),d=t.n(l),s=t(17),b=t.n(s),f=t(13),v=t.n(f),h=t(11),g=t(5),p=t(18);t(22);function k(){var o=e()(["*,*: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_insetLg--squish{padding:calc(1.5rem / 2) 1.5rem}:host(.focus-visible) .auro-button{-webkit-box-shadow:inset 0 0 0 1px #ffffff, inset 0 0 0 3px #ffffff;-webkit-box-shadow:inset 0 0 0 1px var(--auro-color-border-focus-on-dark),inset 0 0 0 3px var(--auro-color-background-lightest);box-shadow:inset 0 0 0 1px #ffffff, inset 0 0 0 3px #ffffff;box-shadow:inset 0 0 0 1px var(--auro-color-border-focus-on-dark),inset 0 0 0 3px var(--auro-color-background-lightest)}:host(.focus-visible) .auro-button--secondary{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);-webkit-box-shadow:inset 0 0 0 3px #0074cb;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light);box-shadow:inset 0 0 0 3px #0074cb;box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light)}:host(.focus-visible) .auro-button--tertiary{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light);-webkit-box-shadow:inset 0 0 0 3px #0074cb;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light);box-shadow:inset 0 0 0 3px #0074cb;box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light)}:host(.focus-visible) .auro-buttonOndark{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);-webkit-box-shadow:inset 0 0 0 3px #ffffff;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-border-focus-on-dark);box-shadow:inset 0 0 0 3px #ffffff;box-shadow:inset 0 0 0 3px var(--auro-color-border-focus-on-dark)}:host(.focus-visible) .auro-buttonOndark--secondary{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);-webkit-box-shadow:inset 0 0 0 3px #5de3f7;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);box-shadow:inset 0 0 0 3px #5de3f7;box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-active-on-dark)}:host(.focus-visible) .auro-buttonOndark--tertiary{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border-color:#5de3f7;border-color:var(--auro-color-ui-active-on-dark);-webkit-box-shadow:inset 0 0 0 3px #5de3f7;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);box-shadow:inset 0 0 0 3px #5de3f7;box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark)}:host(.focus-visible) .auro-button::-moz-focus-inner{border:none;width:100%}:host([fluid]) .auro-button,:host([fluid=true]) .auro-button{min-width:auto;width:100%}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.auro-button{-webkit-transition:all 0.15s ease;-o-transition:all 0.15s ease;transition:all 0.15s ease;padding:0.75rem 1.5rem;padding:var(--auro-size-sm) var(--auro-size-lg);color:#ffffff;color:var(--auro-color-text-primary-on-dark);cursor:pointer;background-color:#0074cb;background-color:var(--auro-color-ui-default-on-light);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light);border-radius:0.375rem;border-radius:var(--auro-border-radius);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:1.4;line-height:var(--auro-unitless-scale-140);overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;margin:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}@media (hover: hover){.auro-button:active,.auro-button:hover{background-color:#054687;background-color:var(--auro-color-ui-hover-on-light);border:1px solid #054687;border:1px solid var(--auro-color-ui-hover-on-light)}}.auro-button::-moz-focus-inner{border:none}.auro-button:active{background-color:#054687;background-color:var(--auro-color-ui-active-on-light);border:1px solid #054687;border:1px solid var(--auro-color-ui-active-on-light);-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}@media screen and (min-width: 660px){.auro-button{min-width:8.75rem;width:auto}}.auro-button:disabled{cursor:not-allowed;-webkit-transform:unset;-ms-transform:unset;transform:unset;opacity:.4}@media (hover: hover){.auro-button:disabled:hover{background-color:#0074cb;background-color:var(--auro-color-ui-default-on-light);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light)}}.auro-button--secondary{background-color:#ffffff;background-color:var(--auro-color-background-lightest);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light);color:#0074cb;color:var(--auro-color-text-link-on-light)}@media (hover: hover){.auro-button--secondary:active,.auro-button--secondary:hover{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light)}}.auro-button--secondary:active{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light)}.auro-button--secondary:disabled:hover{background-color:#ffffff;background-color:var(--auro-color-background-lightest);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light)}.auro-button--tertiary{background-color:transparent;border-color:transparent;color:#0074cb;color:var(--auro-color-text-link-on-light)}@media (hover: hover){.auro-button--tertiary:active,.auro-button--tertiary:hover{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:transparent}}.auro-button--tertiary:active{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:transparent}@media (hover: hover){.auro-button--tertiary:disabled:hover{background-color:transparent;border-color:transparent}}.auro-buttonOndark{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);color:#222222;color:var(--auro-color-text-primary-on-light)}@media (hover: hover){.auro-buttonOndark:active,.auro-buttonOndark:hover{background-color:#5de3f7;background-color:var(--auro-color-ui-hover-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark)}}.auro-buttonOndark:active{background-color:#5de3f7;background-color:var(--auro-color-ui-active-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-active-on-dark)}@media (hover: hover){.auro-buttonOndark:disabled:hover{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);border-color:#00cff0;border-color:var(--auro-color-ui-default-on-dark)}}.auro-buttonOndark--secondary{background-color:transparent;border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);color:#00cff0;color:var(--auro-color-ui-default-on-dark)}@media (hover: hover){.auro-buttonOndark--secondary:active,.auro-buttonOndark--secondary:hover{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15)}}.auro-buttonOndark--secondary:active{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark)}@media (hover: hover){.auro-buttonOndark--secondary:disabled:hover{background-color:transparent;border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark)}}.auro-buttonOndark--tertiary{background-color:transparent;border:1px solid transparent;color:#00cff0;color:var(--auro-color-ui-default-on-dark)}@media (hover: hover){.auro-buttonOndark--tertiary:active,.auro-buttonOndark--tertiary:hover{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}}.auro-buttonOndark--tertiary:active{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}@media (hover: hover){.auro-buttonOndark--tertiary:disabled:hover{background-color:transparent;border-color:transparent}}.icon svg{vertical-align:middle}.icon slot{vertical-align:middle}\n"]);return k=function(){return o},o}var x=Object(h.b)(k());function y(){var o=e()(["\n      ","\n    "]);return y=function(){return o},o}function w(){var o=e()(['\n      <button\n        aria-label="','"\n        aria-labelledby="','"\n        ?autofocus="','"\n        class="','"\n        ?disabled="','"\n        id="','"\n        title="','"\n        name="','"\n        type="','"\n        .value="','"\n        @click="','"\n      >\n        ',"\n        <slot></slot>\n        ","\n      </button>\n    "]);return w=function(){return o},o}function m(o){var r=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(o){return!1}}();return function(){var t,a=v()(o);if(r){var e=v()(this).constructor;t=Reflect.construct(a,arguments,e)}else t=a.apply(this,arguments);return b()(this,t)}}var O=function(o){d()(t,o);var r=m(t);function t(){return i()(this,t),r.apply(this,arguments)}return c()(t,[{key:"focus",value:function(){this.renderRoot.querySelector("button").focus()}},{key:"getIcon",value:function(o){return this.dom=(new DOMParser).parseFromString(o,"text/html"),this.svg=this.dom.body.firstChild,this.svg}},{key:"render",value:function(){var o={"util_insetLg--squish":!0,"auro-button":!0,"auro-buttonOndark":this.ondark,"auro-button--secondary":this.secondary,"auro-buttonOndark--secondary":this.secondary&&this.ondark,"auro-button--tertiary":this.tertiary,"auro-buttonOndark--tertiary":this.tertiary&&this.ondark,icon:this.svgIconLeft||this.svgIconRight};return Object(h.c)(w(),Object(g.a)(this.arialabel?this.arialabel:void 0),Object(g.a)(this.arialabelledby?this.arialabelledby:void 0),this.autofocus,Object(p.a)(o),this.disabled,Object(g.a)(this.id?this.id:void 0),Object(g.a)(this.title?this.title:void 0),Object(g.a)(this.name?this.name:void 0),Object(g.a)(this.type?this.type:void 0),Object(g.a)(this.value?this.value:void 0),(function(){}),Object(g.a)(this.svgIconLeft?this.getIcon(this.svgIconLeft):void 0),Object(g.a)(this.svgIconRight?this.getIcon(this.svgIconRight):void 0))}}],[{key:"styles",get:function(){return Object(h.b)(y(),x)}},{key:"properties",get:function(){return{autofocus:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},ondark:{type:Boolean,reflect:!0},secondary:{type:Boolean,reflect:!0},tertiary:{type:Boolean,reflect:!0},arialabel:{type:String,reflect:!0},arialabelledby:{type:String,reflect:!0},title:{type:String,reflect:!0},type:{type:String,reflect:!0},value:{type:String,reflect:!0},id:{type:String},svgIconLeft:{type:String},svgIconRight:{type:String}}}}]),t}(h.a);customElements.get("auro-button")||customElements.define("auro-button",O)}});

dist/auro-button.js

@@ -38,13 +38,43 @@ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
     return {
-      autofocus:        { type: Boolean },
-      disabled:         { type: Boolean },
-      ondark:           { type: Boolean },
-      secondary:        { type: Boolean },
-      tertiary:         { type: Boolean },
-      arialabel:        { type: String },
-      arialabelledby:   { type: String },
+      autofocus:        {
+        type: Boolean,
+        reflect: true
+      },
+      disabled:         {
+        type: Boolean,
+        reflect: true
+      },
+      ondark:           {
+        type: Boolean,
+        reflect: true
+      },
+      secondary:        {
+        type: Boolean,
+        reflect: true
+      },
+      tertiary:         {
+        type: Boolean,
+        reflect: true
+      },
+      arialabel:        {
+        type: String,
+        reflect: true
+      },
+      arialabelledby:   {
+        type: String,
+        reflect: true
+      },
+      title:            {
+        type: String,
+        reflect: true
+      },
+      type:             {
+        type: String,
+        reflect: true
+      },
+      value:            {
+        type: String,
+        reflect: true
+      },
       id:               { type: String },
-      title:            { type: String },
-      type:             { type: String },
-      value:            { type: String },
       svgIconLeft:      { type: String },
@@ -51,0 +81,0 @@ svgIconRight:     { type: String },

package.json

@@ -11,3 +11,3 @@ {
   "name": "@alaskaairux/auro-button",
-  "version": "5.1.1",
+  "version": "5.1.2",
   "description": "Auro custom auro-button element",
@@ -14,0 +14,0 @@ "author": "Product design and research",

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

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

Total package byte prevSize

214260

increased by1.89%

Lines of code

1478

increased by2.07%

No dependency changes