@momentum-design/components 0.81.5 → 0.82.0

package/dist/browser/index.js

@@ -2417,10 +2417,11 @@
     display: flex;
     align-items: center;
     gap: 0.25rem;
+    width: 100%
   }
 
   :host::part(header-text) {
-    width: 23.625rem;
+    width: calc(100% - 2rem);
     color: var(--mdc-dialog-header-text-color);
   }
     
@@ -2442,12 +2443,6 @@
     justify-content: flex-end;
   }
 
-  ::slotted([slot='footer-link']), 
-  ::slotted([slot='footer-button-primary']), 
-  ::slotted([slot='footer-button-secondary']){
-    margin-bottom: 0.5rem;
-  }
-
   :host::part(dialog-close-btn) {
     position: absolute;
     top: 1rem;
@@ -2473,7 +2468,7 @@
         background: var(--mds-color-theme-common-overlays-secondary-normal);
         z-index: ${this.zIndex-1};
       }
-    `,e.appendChild(s),(a=this.parentElement)==null||a.appendChild(e),this.backdropElement=e}async isOpenUpdated(e,s){var a,h,m,b,w,F;e!==s&&(s&&!e?(this.lastActiveElement=document.activeElement,this.enabledPreventScroll=!0,this.createBackdrop(),await this.updateComplete,(a=this.activateFocusTrap)==null||a.call(this),(h=this.setInitialFocus)==null||h.call(this),(m=this.triggerElement)==null||m.setAttribute("aria-expanded","true"),Gi.onShowDialog(this)):!s&&e&&((b=this.backdropElement)==null||b.remove(),this.backdropElement=null,(w=this.deactivateFocusTrap)==null||w.call(this),(F=this.triggerElement)==null||F.setAttribute("aria-expanded","false"),this.focusBackToTrigger(),Gi.onHideDialog(this)))}focusBackToTrigger(){this.triggerElement?this.triggerElement.focus():this.lastActiveElement&&this.lastActiveElement.focus&&this.lastActiveElement.focus()}render(){var e;return O`
+    `,e.appendChild(s),(a=this.parentElement)==null||a.appendChild(e),this.backdropElement=e}async isOpenUpdated(e,s){var a,h,m,b,w,F;e!==s&&(s&&!e?(this.lastActiveElement=document.activeElement,this.enabledPreventScroll=!0,this.createBackdrop(),await this.updateComplete,(a=this.activateFocusTrap)==null||a.call(this),(h=this.setInitialFocus)==null||h.call(this),(m=this.triggerElement)==null||m.setAttribute("aria-expanded","true"),Gi.onShowDialog(this)):!s&&e&&((b=this.backdropElement)==null||b.remove(),this.backdropElement=null,(w=this.deactivateFocusTrap)==null||w.call(this),(F=this.triggerElement)==null||F.setAttribute("aria-expanded","false"),this.focusBackToTrigger(),Gi.onHideDialog(this)))}focusBackToTrigger(){this.triggerElement?this.triggerElement.focus():this.lastActiveElement&&this.lastActiveElement.focus&&this.lastActiveElement.focus()}render(){return O`
       ${this.headerText?O`
       <div part="header-section">
         <div part="header">
@@ -2486,13 +2481,13 @@
             ${this.headerText}
           </mdc-text>
         </div>
-        <mdc-text
+        ${this.descriptionText?O`<mdc-text
           part="description-text"
           tagname="${yt[this.descriptionTagName.toUpperCase()]}"
           type="${ot.BODY_MIDSIZE_REGULAR}"
         >
-          ${(e=this.descriptionText)!=null?e:Y}
-        </mdc-text>
+        ${this.descriptionText}
+        </mdc-text>`:Y}
       </div>`:Y}
       <mdc-button
         part="dialog-close-btn"