@momentum-design/components 0.101.1 → 0.101.3

package/dist/browser/index.js

@@ -1458,24 +1458,28 @@
     --mdc-buttongroup-border-radius: 1.25rem;
     --mdc-buttongroup-border-color: var(--mds-color-theme-outline-button-normal);
     --mdc-buttongroup-divider-color: var(--mds-color-theme-outline-secondary-normal);
+  }
 
+  :host::part(container) {
+    display: flex;
     border-radius: var(--mdc-buttongroup-border-radius);
     border: 1px solid var(--mdc-buttongroup-border-color);
   }
 
-  :host([variant='primary']) {
+  :host([variant='primary'])::part(container) {
     border: none;
     background-color: var(--mds-color-theme-outline-primary-normal);
     gap: 1px;
   }
 
   ::slotted(mdc-button) {
+    width: inherit;
     border-radius: 0;
     border: none;
     box-sizing: content-box;
   }
 
-  :host([orientation='vertical']) {
+  :host([orientation='vertical'])::part(container) {
     flex-direction: column;
   }
 
@@ -1530,7 +1534,7 @@
   :host([compact][orientation='horizontal'][size='40']) ::slotted(mdc-button) {
     width: 2.5rem;
   }
-`,gm=[yt,Db];var qr=class extends j{constructor(){super(...arguments);this.orientation=Dn.ORIENTATION;this.variant=Dn.VARIANT;this.size=Dn.SIZE;this.compact=!1}handleSlotChange(){this.buttons.forEach(t=>{t.setAttribute("size",this.size.toString()),t.setAttribute("variant",this.variant)})}updated(t){super.updated(t),(t.has("size")||t.has("variant"))&&this.handleSlotChange()}render(){return w`<slot @slotchange=${this.handleSlotChange}></slot>`}};qr.styles=[...j.styles,...gm],p([g({type:String,reflect:!0})],qr.prototype,"orientation",2),p([g({type:String,reflect:!0})],qr.prototype,"variant",2),p([g({type:Number,reflect:!0})],qr.prototype,"size",2),p([g({type:Boolean,reflect:!0})],qr.prototype,"compact",2),p([Nt({selector:"mdc-button"})],qr.prototype,"buttons",2);var kc=qr;kc.register(vm);var Fb=kc;var bm=W.constructTagName("linksimple"),Go={INLINE:!1,INVERTED:!1};var $b=[yt,G`
+`,gm=[yt,Db];var qr=class extends j{constructor(){super(...arguments);this.orientation=Dn.ORIENTATION;this.variant=Dn.VARIANT;this.size=Dn.SIZE;this.compact=!1}handleSlotChange(){this.buttons.forEach(t=>{t.setAttribute("size",this.size.toString()),t.setAttribute("variant",this.variant)})}updated(t){super.updated(t),(t.has("size")||t.has("variant"))&&this.handleSlotChange()}render(){return w`<div part="container"><slot @slotchange=${this.handleSlotChange}></slot></div>`}};qr.styles=[...j.styles,...gm],p([g({type:String,reflect:!0})],qr.prototype,"orientation",2),p([g({type:String,reflect:!0})],qr.prototype,"variant",2),p([g({type:Number,reflect:!0})],qr.prototype,"size",2),p([g({type:Boolean,reflect:!0})],qr.prototype,"compact",2),p([Nt({selector:"mdc-button"})],qr.prototype,"buttons",2);var kc=qr;kc.register(vm);var Fb=kc;var bm=W.constructTagName("linksimple"),Go={INLINE:!1,INVERTED:!1};var $b=[yt,G`
     :host {
       --mdc-link-border-radius: 0.25rem;
       --mdc-link-color-active: var(--mds-color-theme-text-accent-active);
@@ -4944,7 +4948,7 @@
       border-left: 1px solid var(--mdc-stepperconnector-complete-background);
     }
   }
-`,Kf=[dT];var gs=class extends j{constructor(){super(...arguments);this.status=zd.STATUS;this.orientation=zd.ORIENTATION;this.stepperContext=Ar.consume({host:this,context:Eo.Context})}updated(t){var n;super.updated(t),t.has("orientation")&&(this.ariaOrientation=this.orientation);let o=(n=this.stepperContext)==null?void 0:n.value;!o||!o.orientation||(this.orientation=o.orientation)}render(){return w` <div part="connector"></div> `}};gs.styles=[...j.styles,...Kf],p([g({type:String,reflect:!0})],gs.prototype,"status",2),p([g({type:String,reflect:!0})],gs.prototype,"orientation",2);var Ud=gs;Ud.register(Yf);var hT=Ud;var pT=G`
+`,Kf=[dT];var gs=class extends j{constructor(){super(...arguments);this.status=zd.STATUS;this.orientation=zd.ORIENTATION;this.stepperContext=Ar.consume({host:this,context:Eo.Context})}updated(t){var n;super.updated(t);let o=(n=this.stepperContext)==null?void 0:n.value;!o||!o.orientation||(this.orientation=o.orientation)}render(){return w` <div part="connector"></div> `}};gs.styles=[...j.styles,...Kf],p([g({type:String,reflect:!0})],gs.prototype,"status",2),p([g({type:String,reflect:!0})],gs.prototype,"orientation",2);var Ud=gs;Ud.register(Yf);var hT=Ud;var pT=G`
   :host {
     gap: 0.5rem;
     border-radius: 0.25rem;