@momentum-design/components 0.127.4 → 0.127.5

package/dist/browser/index.js

@@ -7098,13 +7098,14 @@
   ::slotted(mdc-option) {
     width: 100%;
   }
-`,gb=[ZA];var qo=class extends Ms(Wi(q)){constructor(){super();this.loop="false";this.name=void 0;this.value=void 0;this.itemsStore=new Yr(this,{isValidItem:this.isValidItem});this.handleDestroyEvent=()=>{this.handleNoSelection()};this.addEventListener("click",this.handleClick),this.addEventListener("modified",this.handleModifiedEvent),this.addEventListener("destroyed",this.handleDestroyEvent)}connectedCallback(){super.connectedCallback(),this.role=rt.LISTBOX}handleModifiedEvent(t){let r=t.target;switch(t.detail.change){case"enabled":this.itemsStore.add(r);break;case"disabled":this.itemsStore.delete(r);break;case"selected":this.setSelectedOption(r,!1,!1);break;case"unselected":this.handleNoSelection();break;default:break}}handleNoSelection(){this.getFirstSelectedOption()||(this.selectedOption=void 0,this.value=void 0)}get navItems(){return this.itemsStore.items}isValidItem(t){return t.matches(`${ur}:not([disabled])`)}handleClick(t){let r=t.target;this.isValidItem(r)&&this.setSelectedOption(r)}getFirstSelectedOption(){return this.itemsStore.items.find(t=>t.matches("[selected]"))}updated(t){if(t.has("value")){let r=this.itemsStore.items.find(s=>s.value===this.value);r?this.setSelectedOption(r,!1):this.setSelectedOption(null,!1)}}setSelectedOption(t,r=!0,s=!0){t!=null&&t.disabled||t!=null&&t.softDisabled||(s&&this.updateSelectedInChildOptions(t),this.selectedOption=t,this.value=t==null?void 0:t.value,r&&this.fireEvents())}updateSelectedInChildOptions(t){this.itemsStore.items.forEach(r=>r.removeAttribute("selected")),t==null||t.toggleAttribute("selected",!0)}fireEvents(){this.selectedOption&&this.dispatchEvent(new Event("change",{composed:!0,bubbles:!0}))}render(){return _`<slot part="container"></slot>`}};qo.styles=[...ch.styles,...gb],p([u({type:String,reflect:!0})],qo.prototype,"name",2),p([u({type:String,reflect:!0})],qo.prototype,"value",2),p([ut()],qo.prototype,"selectedOption",2);var yp=qo;var bb=z.constructTagName("listbox");yp.register(bb);var QA=yp;var yb=z.constructTagName("banner"),js={CUSTOM:"custom",INFORMATIONAL:"informational",WARNING:"warning",ERROR:"error",SUCCESS:"success"},bn={INFORMATIONAL_ICON_NAME:"info-circle-bold",SUCCESS_ICON_NAME:"check-circle-bold",WARNING_ICON_NAME:"warning-bold",ERROR_ICON_NAME:"error-legacy-bold"},Rd={VARIANT:js.CUSTOM,PREFIX_ICON_SIZE:1.5};var JA=U`
+`,gb=[ZA];var qo=class extends Ms(Wi(q)){constructor(){super();this.loop="false";this.name=void 0;this.value=void 0;this.itemsStore=new Yr(this,{isValidItem:this.isValidItem});this.handleDestroyEvent=()=>{this.handleNoSelection()};this.addEventListener("click",this.handleClick),this.addEventListener("modified",this.handleModifiedEvent),this.addEventListener("destroyed",this.handleDestroyEvent)}connectedCallback(){super.connectedCallback(),this.role=rt.LISTBOX}handleModifiedEvent(t){let r=t.target;switch(t.detail.change){case"enabled":this.itemsStore.add(r);break;case"disabled":this.itemsStore.delete(r);break;case"selected":this.setSelectedOption(r,!1,!1);break;case"unselected":this.handleNoSelection();break;default:break}}handleNoSelection(){this.getFirstSelectedOption()||(this.selectedOption=void 0,this.value=void 0)}get navItems(){return this.itemsStore.items}isValidItem(t){return t.matches(`${ur}:not([disabled])`)}handleClick(t){let r=t.target;this.isValidItem(r)&&this.setSelectedOption(r)}getFirstSelectedOption(){return this.itemsStore.items.find(t=>t.matches("[selected]"))}updated(t){if(t.has("value")){let r=this.itemsStore.items.find(s=>s.value===this.value);r?this.setSelectedOption(r,!1):this.setSelectedOption(null,!1)}}setSelectedOption(t,r=!0,s=!0){t!=null&&t.disabled||t!=null&&t.softDisabled||(s&&this.updateSelectedInChildOptions(t),this.selectedOption=t,this.value=t==null?void 0:t.value,r&&this.fireEvents())}updateSelectedInChildOptions(t){this.itemsStore.items.forEach(r=>r.removeAttribute("selected")),t==null||t.toggleAttribute("selected",!0)}fireEvents(){this.selectedOption&&this.dispatchEvent(new Event("change",{composed:!0,bubbles:!0}))}render(){return _`<slot part="container"></slot>`}};qo.styles=[...ch.styles,...gb],p([u({type:String,reflect:!0})],qo.prototype,"name",2),p([u({type:String,reflect:!0})],qo.prototype,"value",2),p([ut()],qo.prototype,"selectedOption",2);var yp=qo;var bb=z.constructTagName("listbox");yp.register(bb);var QA=yp;var yb=z.constructTagName("banner"),js={CUSTOM:"custom",INFORMATIONAL:"informational",WARNING:"warning",ERROR:"error",SUCCESS:"success"},bn={INFORMATIONAL_ICON_NAME:"info-circle-bold",SUCCESS_ICON_NAME:"check-circle-bold",WARNING_ICON_NAME:"warning-bold",ERROR_ICON_NAME:"error-legacy-bold"},Rd={VARIANT:js.CUSTOM,PREFIX_ICON_SIZE:1.25};var JA=U`
   :host {
     --mdc-banner-background-color: var(--mds-color-theme-background-solid-primary-normal);
     --mdc-banner-border-color: var(--mds-color-theme-outline-secondary-normal);
+    --mdc-banner-border-width: 1px;
     --mdc-banner-icon-color: var(--mds-color-theme-text-primary-normal);
     --mdc-banner-elevation: var(--mds-elevation-3);
-    --mdc-banner-padding: 0.75rem;
+    --mdc-banner-padding: calc(0.75rem - var(--mdc-banner-border-width));
     --mdc-banner-gap: 0.5rem;
 
     display: flex;
@@ -7114,7 +7115,7 @@
     align-self: stretch;
     width: 100%;
     background-color: var(--mdc-banner-background-color);
-    border: 1px solid var(--mdc-banner-border-color);
+    border: var(--mdc-banner-border-width) solid var(--mdc-banner-border-color);
     border-radius: 0.5rem;
     filter: var(--mdc-banner-elevation);
   }
@@ -7155,7 +7156,6 @@
     flex: 1 0 0;
     display: flex;
     flex-direction: column;
-    gap: 0.25rem;
   }
 
   :host(:not([secondary-label]))::part(leading) {
@@ -7164,7 +7164,6 @@
 
   :host::part(leading-icon) {
     color: var(--mdc-banner-icon-color);
-    padding: 0.25rem 0;
   }
 
   :host::part(trailing) {
@@ -7189,10 +7188,13 @@
         length-unit="rem"
       ></mdc-icon>
     `:j}getTextLabel(){return this.label?_`
-      <mdc-text part="leading-label" type="${st.BODY_LARGE_REGULAR}" tagname="${mt.SPAN}"
+      <mdc-text part="leading-label" type="${st.BODY_MIDSIZE_MEDIUM}" tagname="${mt.SPAN}"
         >${this.label}</mdc-text
       >
-      ${this.secondaryLabel?_`<mdc-text part="leading-secondary-label" type="${st.BODY_MIDSIZE_REGULAR}" tagname="${mt.SPAN}"
+      ${this.secondaryLabel?_`<mdc-text
+            part="leading-secondary-label"
+            type="${st.BODY_MIDSIZE_REGULAR}"
+            tagname="${mt.SPAN}"
             >${this.secondaryLabel}</mdc-text
           >`:j}
     `:j}render(){var t;return _`