@momentum-design/components 0.133.7 → 0.133.9

package/dist/browser/index.js

@@ -272,11 +272,11 @@
     --mdc-button-text-color: var(--mds-color-theme-common-text-primary-normal);
     --mdc-button-background: var(--mds-color-theme-button-accent-normal);
   }
-  :host([color='accent'][variant='primary']:hover) {
+  :host([color='accent'][variant='primary']:hover:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-accent-hover);
   }
-  :host([color='accent'][variant='primary']:active),
-  :host([color='accent'][variant='primary'].pressed) {
+  :host([color='accent'][variant='primary']:active:not([disabled]):not([soft-disabled])),
+  :host([color='accent'][variant='primary'].pressed:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-accent-pressed);
   }
 
@@ -284,11 +284,11 @@
     --mdc-button-text-color: var(--mds-color-theme-text-accent-normal);
     --mdc-button-border-color: var(--mds-color-theme-outline-theme-normal);
   }
-  :host([color='accent'][variant='secondary']:hover) {
+  :host([color='accent'][variant='secondary']:hover:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-secondary-hover);
   }
-  :host([color='accent'][variant='secondary']:active),
-  :host([color='accent'][variant='secondary'].pressed) {
+  :host([color='accent'][variant='secondary']:active:not([disabled]):not([soft-disabled])),
+  :host([color='accent'][variant='secondary'].pressed:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-secondary-pressed);
   }
 
@@ -296,11 +296,11 @@
     --mdc-button-text-color: var(--mds-color-theme-common-text-primary-normal);
     --mdc-button-background: var(--mds-color-theme-button-join-normal);
   }
-  :host([color='positive'][variant='primary']:hover) {
+  :host([color='positive'][variant='primary']:hover:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-join-hover);
   }
-  :host([color='positive'][variant='primary']:active),
-  :host([color='positive'][variant='primary'].pressed) {
+  :host([color='positive'][variant='primary']:active:not([disabled]):not([soft-disabled])),
+  :host([color='positive'][variant='primary'].pressed:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-join-pressed);
   }
 
@@ -308,11 +308,11 @@
     --mdc-button-text-color: var(--mds-color-theme-text-success-normal);
     --mdc-button-border-color: var(--mds-color-theme-outline-join-normal);
   }
-  :host([color='positive'][variant='secondary']:hover) {
+  :host([color='positive'][variant='secondary']:hover:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-secondary-hover);
   }
-  :host([color='positive'][variant='secondary']:active),
-  :host([color='positive'][variant='secondary'].pressed) {
+  :host([color='positive'][variant='secondary']:active:not([disabled]):not([soft-disabled])),
+  :host([color='positive'][variant='secondary'].pressed:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-secondary-pressed);
   }
 
@@ -320,11 +320,11 @@
     --mdc-button-text-color: var(--mds-color-theme-common-text-primary-normal);
     --mdc-button-background: var(--mds-color-theme-button-cancel-normal);
   }
-  :host([color='negative'][variant='primary']:hover) {
+  :host([color='negative'][variant='primary']:hover:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-cancel-hover);
   }
-  :host([color='negative'][variant='primary']:active),
-  :host([color='negative'][variant='primary'].pressed) {
+  :host([color='negative'][variant='primary']:active:not([disabled]):not([soft-disabled])),
+  :host([color='negative'][variant='primary'].pressed:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-cancel-pressed);
   }
 
@@ -332,11 +332,11 @@
     --mdc-button-text-color: var(--mds-color-theme-text-error-normal);
     --mdc-button-border-color: var(--mds-color-theme-outline-cancel-normal);
   }
-  :host([color='negative'][variant='secondary']:hover) {
+  :host([color='negative'][variant='secondary']:hover:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-secondary-hover);
   }
-  :host([color='negative'][variant='secondary']:active),
-  :host([color='negative'][variant='secondary'].pressed) {
+  :host([color='negative'][variant='secondary']:active:not([disabled]):not([soft-disabled])),
+  :host([color='negative'][variant='secondary'].pressed:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-secondary-pressed);
   }
 
@@ -344,11 +344,11 @@
     --mdc-button-text-color: var(--mds-color-theme-common-text-primary-normal);
     --mdc-button-background: var(--mds-color-theme-common-button-promotion-normal);
   }
-  :host([color='promotional'][variant='primary']:hover) {
+  :host([color='promotional'][variant='primary']:hover:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-common-button-promotion-hover);
   }
-  :host([color='promotional'][variant='primary']:active),
-  :host([color='promotional'][variant='primary'].pressed) {
+  :host([color='promotional'][variant='primary']:active:not([disabled]):not([soft-disabled])),
+  :host([color='promotional'][variant='primary'].pressed:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-common-button-promotion-active);
   }
 
@@ -356,11 +356,11 @@
     --mdc-button-text-color: var(--mds-color-theme-text-primary-normal);
     --mdc-button-border-color: var(--mds-color-theme-outline-promotion-normal);
   }
-  :host([color='promotional'][variant='secondary']:hover) {
+  :host([color='promotional'][variant='secondary']:hover:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-secondary-hover);
   }
-  :host([color='promotional'][variant='secondary']:active),
-  :host([color='promotional'][variant='secondary'].pressed) {
+  :host([color='promotional'][variant='secondary']:active:not([disabled]):not([soft-disabled])),
+  :host([color='promotional'][variant='secondary'].pressed:not([disabled]):not([soft-disabled])) {
     --mdc-button-background: var(--mds-color-theme-button-secondary-pressed);
   }
 
@@ -3943,7 +3943,7 @@
     flex-direction: column;
     gap: 0.25rem;
   }
-`,ob=[v0];var Vd=class extends Zt{constructor(){super(...arguments);this.isRadio=!1}connectedCallback(){var t;super.connectedCallback(),this.shouldRenderLabel=!1,this.disabled=void 0,this.role=this.isRadio?tt.RADIOGROUP:tt.GROUP,this.ariaDescription=(t=this.helpText)!=null?t:"",this.ariaLabel=this.label||""}update(t){super.update(t),t.has("label")&&!this.ariaLabel&&(this.ariaLabel=this.label||"")}render(){return S`
+`,ob=[v0];var Vd=class extends Zt{constructor(){super(...arguments);this.isRadio=!1}connectedCallback(){var t;super.connectedCallback(),this.shouldRenderLabel=!1,this.disabled=void 0,this.role=this.isRadio?tt.RADIOGROUP:tt.GROUP,this.ariaDescription=(t=this.helpText)!=null?t:"",this.hasAttribute("aria-label")||this.setAttribute("aria-label",this.label||"")}update(t){super.update(t),t.has("label")&&!this.ariaLabel&&(this.ariaLabel=this.label||""),t.has("helpText")&&!this.ariaDescription&&(this.ariaDescription=this.helpText||"")}render(){return S`
       <div part="group-header">${this.renderLabel()} ${this.renderHelperText()}</div>
       <slot></slot>
     `}};Vd.styles=[...Zt.styles,...ob];var vp=Vd;var sb=z.constructTagName("formfieldgroup");vp.register(sb);var zd=vp;qa.register(Ll);var g0=qa;sn.register(Jl);var b0=sn;var hs=Ii(class extends ri{constructor(n){if(super(n),n.type!==ur.PROPERTY&&n.type!==ur.ATTRIBUTE&&n.type!==ur.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!$l(n))throw Error("`live` bindings can only contain a single expression")}render(n){return n}update(n,[i]){if(i===Re||i===K)return i;let t=n.element,e=n.name;if(n.type===ur.PROPERTY){if(i===t[e])return Re}else if(n.type===ur.BOOLEAN_ATTRIBUTE){if(!!i===t.hasAttribute(e))return Re}else if(n.type===ur.ATTRIBUTE&&t.getAttribute(e)===i+"")return Re;return Vl(n),i}});Zt.register($v);var sr=Zt;var ab=z.constructTagName("input"),Bd={OFF:"off",NONE:"none",ON:"on",SENTENCES:"sentences",WORDS:"words",CHARACTERS:"characters"},aa={OFF:"off",ON:"on"},fo={PASSWORD:"password",TEXT:"text",SEARCH:"search"},nb={MAX_LENGTH:10,VALIDATION:Wt.ERROR},Di={VALIDATION:Wt.DEFAULT,ICON_SIZE_VALUE:1,ICON_SIZE_UNIT:"rem",CLEAR_BUTTON_ICON:"cancel-bold",CLEAR_BUTTON_VARIANT:$t.TERTIARY,CLEAR_BUTTON_SIZE:Ar[20],PREFIX_TEXT_TYPE:ot.BODY_MIDSIZE_REGULAR,PREFIX_TEXT_TAG:mt.SPAN,AUTO_COMPLETE:aa.OFF,INPUT_TYPE:fo.TEXT};var y0=[B`
@@ -5663,7 +5663,7 @@
       <div part="label-text">
         <slot name="label">${this.renderLabelElement()}</slot>
       </div>
-    `}};Bn.styles=[...Zt.styles,...ey],h([u({type:Boolean,reflect:!0})],Bn.prototype,"checked",2);var Wp=Bn;var ic=z.constructTagName("radio");Wp.register(ic);var mS=Wp;var uS=new RegExp(`^(${ic}|${hd})$`,"i"),Un=class extends zd{constructor(){super();this.name="";this.isRadio=!0}firstUpdated(){var t;Array.from(((t=this.shadowRoot)==null?void 0:t.querySelectorAll("slot"))||[]).flatMap(e=>e.assignedElements({flatten:!0})).filter(e=>uS.test(e.tagName)).forEach(e=>{e.hasAttribute("name")||e.setAttribute("name",this.name),e.toggleAttribute("required",this.required)})}};Un.styles=[...zd.styles],h([u({type:String})],Un.prototype,"name",2);var Yp=Un;var ry=z.constructTagName("radiogroup");Yp.register(ry);var fS=Yp;var vS=B`
+    `}};Bn.styles=[...Zt.styles,...ey],h([u({type:Boolean,reflect:!0})],Bn.prototype,"checked",2);var Wp=Bn;var ic=z.constructTagName("radio");Wp.register(ic);var mS=Wp;var uS=new RegExp(`^(${ic}|${hd})$`,"i"),Un=class extends zd{constructor(){super();this.name="";this.isRadio=!0}connectedCallback(){super.connectedCallback(),this.toggletipPlacement=void 0,this.toggletipStrategy=void 0}firstUpdated(){var t;Array.from(((t=this.shadowRoot)==null?void 0:t.querySelectorAll("slot"))||[]).flatMap(e=>e.assignedElements({flatten:!0})).filter(e=>uS.test(e.tagName)).forEach(e=>{e.hasAttribute("name")||e.setAttribute("name",this.name),e.toggleAttribute("required",this.required)})}};Un.styles=[...zd.styles],h([u({type:String,reflect:!0})],Un.prototype,"name",2);var Yp=Un;var ry=z.constructTagName("radiogroup");Yp.register(ry);var fS=Yp;var vS=B`
   :host::part(filters-container) {
     display: flex;
     gap: 0.25rem;