@momentum-design/components 0.75.1 → 0.75.2
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
CHANGED
|
@@ -1202,6 +1202,18 @@
|
|
|
1202
1202
|
--mdc-button-primary-disabled-background-color: var(--mds-color-theme-inverted-button-primary-disabled);
|
|
1203
1203
|
--mdc-button-primary-disabled-color: var(--mds-color-theme-inverted-text-primary-disabled);
|
|
1204
1204
|
}
|
|
1205
|
+
|
|
1206
|
+
:host([data-btn-type='pill']) ::slotted(mdc-text),
|
|
1207
|
+
:host([data-btn-type='pill-with-icon']) ::slotted(mdc-text) {
|
|
1208
|
+
white-space: nowrap;
|
|
1209
|
+
overflow-x: hidden;
|
|
1210
|
+
text-overflow: ellipsis;
|
|
1211
|
+
}
|
|
1212
|
+
|
|
1213
|
+
:host::part(prefix-icon),
|
|
1214
|
+
:host::part(postfix-icon) {
|
|
1215
|
+
flex-shrink: 0;
|
|
1216
|
+
}
|
|
1205
1217
|
`,nm=[wv];var Is=l=>{let o=l.split("-"),e=["bold","filled","regular","light"];return o.filter(s=>!e.includes(s)).join("-")};var kr=class extends Wa(xe){constructor(){super(...arguments);this.size=_e.SIZE;this.inverted=_e.INVERTED;this.role="button"}update(e){super.update(e),e.has("active")&&this.inferFilledIconName(this.active),e.has("size")&&this.setSize(this.size),e.has("variant")&&(this.setVariant(this.variant),this.setSize(this.size)),e.has("color")&&this.setColor(this.color),e.has("typeInternal")&&this.setSize(this.size),(e.has("prefixIcon")||e.has("postfixIcon"))&&(this.inferFilledIconName(this.active),this.inferButtonType())}inferFilledIconName(e){e?(this.prefixIcon&&(this.prefixFilledIconName=`${Is(this.prefixIcon)}-filled`),this.postfixIcon&&(this.postfixFilledIconName=`${Is(this.postfixIcon)}-filled`)):(this.prefixFilledIconName=this.prefixIcon,this.postfixFilledIconName=this.postfixIcon)}render(){return D`
|
|
1206
1218
|
${this.prefixFilledIconName?D` <mdc-icon name="${this.prefixFilledIconName}"
|
|
1207
1219
|
part="prefix-icon" length-unit="rem"></mdc-icon>`:""}
|