@momentum-design/components 0.104.7 → 0.104.8
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 +35 -31
- package/dist/browser/index.js.map +2 -2
- package/dist/components/menuitemcheckbox/menuitemcheckbox.component.js +17 -15
- package/dist/components/menuitemradio/menuitemradio.component.js +17 -15
- package/dist/components/menusection/menusection.component.d.ts +1 -0
- package/dist/components/menusection/menusection.component.js +2 -1
- package/dist/components/menusection/menusection.types.d.ts +2 -0
- package/dist/custom-elements.json +1162 -1157
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/menusection/index.d.ts +2 -0
- package/dist/react/menusection/index.js +2 -0
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
|
@@ -3783,23 +3783,25 @@
|
|
|
3783
3783
|
class=${Cr({"hidden-checkmark":!this.checked})}
|
|
3784
3784
|
></mdc-icon>
|
|
3785
3785
|
`:j}render(){return k`
|
|
3786
|
-
<
|
|
3787
|
-
|
|
3788
|
-
|
|
3789
|
-
|
|
3790
|
-
|
|
3791
|
-
|
|
3792
|
-
|
|
3786
|
+
<slot name="content">
|
|
3787
|
+
<div part="leading">
|
|
3788
|
+
${this.staticCheckbox()}
|
|
3789
|
+
<slot name="leading-controls"></slot>
|
|
3790
|
+
<div part="leading-text">
|
|
3791
|
+
${this.getText("leading-text-primary-label",st.BODY_MIDSIZE_REGULAR,this.label)}
|
|
3792
|
+
${this.getText("leading-text-secondary-label",st.BODY_SMALL_REGULAR,this.secondaryLabel)}
|
|
3793
|
+
${this.getText("leading-text-tertiary-label",st.BODY_SMALL_REGULAR,this.tertiaryLabel)}
|
|
3794
|
+
</div>
|
|
3793
3795
|
</div>
|
|
3794
|
-
|
|
3795
|
-
|
|
3796
|
-
|
|
3797
|
-
|
|
3798
|
-
|
|
3796
|
+
<div part="trailing">
|
|
3797
|
+
<div part="trailing-text">
|
|
3798
|
+
${this.getText("trailing-text-side-header",st.BODY_MIDSIZE_REGULAR,this.sideHeaderText)}
|
|
3799
|
+
${this.getText("trailing-text-subline",st.BODY_SMALL_REGULAR,this.sublineText)}
|
|
3800
|
+
</div>
|
|
3801
|
+
<slot name="trailing-controls"></slot>
|
|
3802
|
+
${this.staticToggle()} ${this.getCheckmarkIcon()}
|
|
3799
3803
|
</div>
|
|
3800
|
-
|
|
3801
|
-
${this.staticToggle()} ${this.getCheckmarkIcon()}
|
|
3802
|
-
</div>
|
|
3804
|
+
</slot>
|
|
3803
3805
|
`}};vs.styles=[...rr.styles,...bf],p([f({type:Boolean,reflect:!0})],vs.prototype,"checked",2),p([f({type:String,reflect:!0})],vs.prototype,"indicator",2);var yd=vs;yd.register(fl);var VE=yd;var vl=Y.constructTagName("menuitemradio"),gl={NONE:"none",RADIO:"radio",CHECKMARK:"checkmark"},yf={INDICATOR:gl.RADIO};var BE=G`
|
|
3804
3806
|
:host::part(checkmark-icon) {
|
|
3805
3807
|
--mdc-icon-fill-color: currentColor;
|
|
@@ -3821,23 +3823,25 @@
|
|
|
3821
3823
|
class=${Cr({"hidden-checkmark":!this.checked})}
|
|
3822
3824
|
></mdc-icon>
|
|
3823
3825
|
`:j}render(){return k`
|
|
3824
|
-
<
|
|
3825
|
-
|
|
3826
|
-
|
|
3827
|
-
|
|
3828
|
-
|
|
3829
|
-
|
|
3830
|
-
|
|
3826
|
+
<slot name="content">
|
|
3827
|
+
<div part="leading">
|
|
3828
|
+
${this.renderStaticRadio()}
|
|
3829
|
+
<slot name="leading-controls"></slot>
|
|
3830
|
+
<div part="leading-text">
|
|
3831
|
+
${this.getText("leading-text-primary-label",st.BODY_MIDSIZE_REGULAR,this.label)}
|
|
3832
|
+
${this.getText("leading-text-secondary-label",st.BODY_SMALL_REGULAR,this.secondaryLabel)}
|
|
3833
|
+
${this.getText("leading-text-tertiary-label",st.BODY_SMALL_REGULAR,this.tertiaryLabel)}
|
|
3834
|
+
</div>
|
|
3831
3835
|
</div>
|
|
3832
|
-
|
|
3833
|
-
|
|
3834
|
-
|
|
3835
|
-
|
|
3836
|
-
|
|
3836
|
+
<div part="trailing">
|
|
3837
|
+
<div part="trailing-text">
|
|
3838
|
+
${this.getText("trailing-text-side-header",st.BODY_MIDSIZE_REGULAR,this.sideHeaderText)}
|
|
3839
|
+
${this.getText("trailing-text-subline",st.BODY_SMALL_REGULAR,this.sublineText)}
|
|
3840
|
+
</div>
|
|
3841
|
+
<slot name="trailing-controls"></slot>
|
|
3842
|
+
${this.renderCheckmarkIcon()}
|
|
3837
3843
|
</div>
|
|
3838
|
-
|
|
3839
|
-
${this.renderCheckmarkIcon()}
|
|
3840
|
-
</div>
|
|
3844
|
+
</slot>
|
|
3841
3845
|
`}};gs.styles=[...rr.styles,...Ef],p([f({type:Boolean,reflect:!0})],gs.prototype,"checked",2),p([f({type:String,reflect:!0})],gs.prototype,"indicator",2);var Ed=gs;Ed.register(vl);var UE=Ed;var Mi=Y.constructTagName("navmenuitem"),Tf={DOT:Xe.DOT,COUNTER:Xe.COUNTER},xf={RIGHT_ARROW:"arrow-right-bold"},Af={MAX_COUNTER:99,TEXT_TYPE:st.BODY_MIDSIZE_REGULAR,TAG_NAME:gt.SPAN,SIZE:ji[24],VARIANT:Rr.FLEXIBLE};var HE=G`
|
|
3842
3846
|
:host::part(popover-content) {
|
|
3843
3847
|
padding: 0.75rem 0.5rem;
|
|
@@ -3974,7 +3978,7 @@
|
|
|
3974
3978
|
>
|
|
3975
3979
|
</mdc-listheader>`:null}render(){return k`
|
|
3976
3980
|
${this.hideHeaderText?null:this.renderHeader()}
|
|
3977
|
-
<slot></slot>
|
|
3981
|
+
<slot part="container"></slot>
|
|
3978
3982
|
${this.showDivider?k`<mdc-divider variant="${this.dividerVariant}" part="divider"></mdc-divider>`:null}
|
|
3979
3983
|
`}};Mr.styles=[...W.styles,...If],p([f({type:String,reflect:!0,attribute:"aria-label"})],Mr.prototype,"ariaLabel",2),p([f({type:String,reflect:!0,attribute:"header-text"})],Mr.prototype,"headerText",2),p([f({type:String,attribute:"prefix-icon"})],Mr.prototype,"prefixIcon",2),p([f({type:Boolean,reflect:!0,attribute:"show-divider"})],Mr.prototype,"showDivider",2),p([f({type:String,reflect:!0,attribute:"divider-variant"})],Mr.prototype,"dividerVariant",2),p([f({type:Boolean,reflect:!0,attribute:"hide-header-text"})],Mr.prototype,"hideHeaderText",2);var Ad=Mr;Ad.register(si);var jE=Ad;var qE=[Et,G`
|
|
3980
3984
|
:host {
|