@momentum-design/components 0.53.6 → 0.53.8

package/dist/browser/index.js

@@ -237,7 +237,7 @@
   :host([size="20"]){
     height: var(--mdc-button-height-size-20);
   }
-`,...N()],cs=cc;var ge=class extends po(le(g)){constructor(){super();this.size=Er.SIZE;this.role=Er.ROLE;this.ariaStateKey=Er.ARIA_STATE_KEY;this.type=Er.TYPE;this.prevTabindex=0;this.internals=this.attachInternals(),this.addEventListener("click",this.executeAction.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("keyup",this.handleKeyUp.bind(this)),this.addEventListener("blur",this.handleBlur.bind(this))}get form(){return this.internals.form}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this,this.disabled),e.has("softDisabled")&&this.setSoftDisabled(this,this.softDisabled),e.has("active")&&this.setActive(this,this.active)}executeAction(){this.type===Ft.SUBMIT&&this.form&&this.form.requestSubmit(),this.type===Ft.RESET&&this.form&&this.form.reset()}setActive(e,r){this.ariaStateKey&&this.ariaStateKey.split(",").filter(a=>a.trim().startsWith("aria-")).forEach(a=>{r===!0?e.setAttribute(a.trim(),"true"):r===!1?e.setAttribute(a.trim(),"false"):e.removeAttribute(a.trim())})}setSoftDisabled(e,r){r?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}setDisabled(e,r){r?(e.setAttribute("aria-disabled","true"),this.prevTabindex=this.tabIndex,this.tabIndex=-1):(this.tabIndex===-1&&(this.tabIndex=this.prevTabindex),e.removeAttribute("aria-disabled"))}triggerClickEvent(){let e=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});this.dispatchEvent(e)}handleBlur(){this.classList.contains("pressed")&&this.classList.remove("pressed")}handleKeyDown(e){["Enter"," "].includes(e.key)&&(this.classList.add("pressed"),e.key==="Enter"&&this.triggerClickEvent(),e.key===" "&&e.preventDefault())}handleKeyUp(e){["Enter"," "].includes(e.key)&&(this.classList.remove("pressed"),e.key===" "&&this.triggerClickEvent())}render(){return m` <slot></slot> `}};ge.formAssociated=!0,ge.styles=[...g.styles,...cs],l([c({type:Boolean,reflect:!0})],ge.prototype,"active",2),l([c({type:Boolean,attribute:"soft-disabled"})],ge.prototype,"softDisabled",2),l([c({type:Number,reflect:!0})],ge.prototype,"size",2),l([c({type:String,reflect:!0})],ge.prototype,"role",2),l([c({type:String,reflect:!0})],ge.prototype,"ariaStateKey",2),l([c({reflect:!0})],ge.prototype,"type",2);var ce=ge;var Ht=class extends ce{constructor(){super(...arguments);this.variant=Bt.VARIANT;this.label=""}connectedCallback(){super.connectedCallback(),this.disabled=void 0,this.softDisabled=void 0,this.active=void 0,this.size=Bt.SIZE,this.role=Bt.ROLE}render(){return m`
+`,...N()],cs=cc;var ge=class extends po(le(g)){constructor(){super();this.size=Er.SIZE;this.role=Er.ROLE;this.type=Er.TYPE;this.prevTabindex=0;this.internals=this.attachInternals(),this.addEventListener("click",this.executeAction.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("keyup",this.handleKeyUp.bind(this)),this.addEventListener("blur",this.handleBlur.bind(this))}get form(){return this.internals.form}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this,this.disabled),e.has("softDisabled")&&this.setSoftDisabled(this,this.softDisabled),e.has("active")&&(this.active&&(this.ariaStateKey=this.ariaStateKey||Er.ARIA_STATE_KEY),this.setActive(this,this.active))}executeAction(){this.type===Ft.SUBMIT&&this.form&&this.form.requestSubmit(),this.type===Ft.RESET&&this.form&&this.form.reset()}setActive(e,r){this.ariaStateKey&&this.ariaStateKey.split(",").filter(a=>a.trim().startsWith("aria-")).forEach(a=>{r===!0?e.setAttribute(a.trim(),"true"):r===!1?e.setAttribute(a.trim(),"false"):e.removeAttribute(a.trim())})}setSoftDisabled(e,r){r?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}setDisabled(e,r){r?(e.setAttribute("aria-disabled","true"),this.prevTabindex=this.tabIndex,this.tabIndex=-1):(this.tabIndex===-1&&(this.tabIndex=this.prevTabindex),e.removeAttribute("aria-disabled"))}triggerClickEvent(){let e=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});this.dispatchEvent(e)}handleBlur(){this.classList.contains("pressed")&&this.classList.remove("pressed")}handleKeyDown(e){["Enter"," "].includes(e.key)&&(this.classList.add("pressed"),e.key==="Enter"&&this.triggerClickEvent(),e.key===" "&&e.preventDefault())}handleKeyUp(e){["Enter"," "].includes(e.key)&&(this.classList.remove("pressed"),e.key===" "&&this.triggerClickEvent())}render(){return m` <slot></slot> `}};ge.formAssociated=!0,ge.styles=[...g.styles,...cs],l([c({type:Boolean,reflect:!0})],ge.prototype,"active",2),l([c({type:Boolean,attribute:"soft-disabled"})],ge.prototype,"softDisabled",2),l([c({type:Number,reflect:!0})],ge.prototype,"size",2),l([c({type:String,reflect:!0})],ge.prototype,"role",2),l([c({type:String,reflect:!0})],ge.prototype,"ariaStateKey",2),l([c({reflect:!0})],ge.prototype,"type",2);var ce=ge;var Ht=class extends ce{constructor(){super(...arguments);this.variant=Bt.VARIANT;this.label=""}connectedCallback(){super.connectedCallback(),this.disabled=void 0,this.softDisabled=void 0,this.active=void 0,this.size=Bt.SIZE,this.role=Bt.ROLE}render(){return m`
       <mdc-icon part="icon" name="${ls(this.variant)}" length-unit="rem" size="1"></mdc-icon>
       <mdc-text part="label" type="${Bt.TEXT_TYPE}" tagname="${Bt.TAG_NAME}">${this.label}</mdc-text>
     `}};Ht.styles=[...g.styles,...ts],l([c({type:String})],Ht.prototype,"variant",2),l([c({type:String})],Ht.prototype,"label",2);var vi=Ht;var ds=f`
@@ -1031,21 +1031,21 @@
     font-weight: var(--mds-font-apps-body-large-bold-font-weight);
   }
 
-  :host([active]:not([variant='primary'])) {
+  :host([active][color='default']:not([variant='primary'])) {
     font-weight: var(--mds-font-apps-body-large-bold-font-weight);
     background: var(--mdc-button-active-background-color);
   }
-  :host([active]:not([variant='primary']):hover) {
+  :host([active][color='default']:not([variant='primary']):hover) {
     font-weight: var(--mds-font-apps-body-large-bold-font-weight);
     background: var(--mdc-button-active-hover-background-color);
   }
-  :host([active]:not([variant='primary']):active),
-  :host([active]:not([variant='primary']).pressed) {
+  :host([active][color='default']:not([variant='primary']):active),
+  :host([active][color='default']:not([variant='primary']).pressed) {
     font-weight: var(--mds-font-apps-body-large-bold-font-weight);
     background: var(--mdc-button-active-pressed-background-color);
   }
-  :host([active]:not([variant='primary'])[disabled]),
-  :host([active]:not([variant='primary'])[soft-disabled]) {
+  :host([active][color='default']:not([variant='primary'])[disabled]),
+  :host([active][color='default']:not([variant='primary'])[soft-disabled]) {
     font-weight: var(--mds-font-apps-body-large-bold-font-weight);
     background: var(--mdc-button-active-disabled-background-color);
   }