@momentum-design/components 0.101.2 → 0.101.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +7 -3
- package/dist/browser/index.js.map +2 -2
- package/dist/components/buttongroup/buttongroup.component.js +1 -1
- package/dist/components/buttongroup/buttongroup.styles.js +6 -2
- package/dist/custom-elements.json +151 -151
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
|
@@ -1458,24 +1458,28 @@
|
|
|
1458
1458
|
--mdc-buttongroup-border-radius: 1.25rem;
|
|
1459
1459
|
--mdc-buttongroup-border-color: var(--mds-color-theme-outline-button-normal);
|
|
1460
1460
|
--mdc-buttongroup-divider-color: var(--mds-color-theme-outline-secondary-normal);
|
|
1461
|
+
}
|
|
1461
1462
|
|
|
1463
|
+
:host::part(container) {
|
|
1464
|
+
display: flex;
|
|
1462
1465
|
border-radius: var(--mdc-buttongroup-border-radius);
|
|
1463
1466
|
border: 1px solid var(--mdc-buttongroup-border-color);
|
|
1464
1467
|
}
|
|
1465
1468
|
|
|
1466
|
-
:host([variant='primary']) {
|
|
1469
|
+
:host([variant='primary'])::part(container) {
|
|
1467
1470
|
border: none;
|
|
1468
1471
|
background-color: var(--mds-color-theme-outline-primary-normal);
|
|
1469
1472
|
gap: 1px;
|
|
1470
1473
|
}
|
|
1471
1474
|
|
|
1472
1475
|
::slotted(mdc-button) {
|
|
1476
|
+
width: inherit;
|
|
1473
1477
|
border-radius: 0;
|
|
1474
1478
|
border: none;
|
|
1475
1479
|
box-sizing: content-box;
|
|
1476
1480
|
}
|
|
1477
1481
|
|
|
1478
|
-
:host([orientation='vertical']) {
|
|
1482
|
+
:host([orientation='vertical'])::part(container) {
|
|
1479
1483
|
flex-direction: column;
|
|
1480
1484
|
}
|
|
1481
1485
|
|
|
@@ -1530,7 +1534,7 @@
|
|
|
1530
1534
|
:host([compact][orientation='horizontal'][size='40']) ::slotted(mdc-button) {
|
|
1531
1535
|
width: 2.5rem;
|
|
1532
1536
|
}
|
|
1533
|
-
`,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`
|
|
1537
|
+
`,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`
|
|
1534
1538
|
:host {
|
|
1535
1539
|
--mdc-link-border-radius: 0.25rem;
|
|
1536
1540
|
--mdc-link-color-active: var(--mds-color-theme-text-accent-active);
|