@momentum-design/components 0.70.0 → 0.70.1

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.
@@ -122,11 +122,13 @@ class Button extends ButtonComponentMixin(Buttonsimple) {
122
122
  render() {
123
123
  return html `
124
124
  ${this.prefixFilledIconName
125
- ? html ` <mdc-icon name="${this.prefixFilledIconName}" part="prefix-icon"></mdc-icon>`
125
+ ? html ` <mdc-icon name="${this.prefixFilledIconName}"
126
+ part="prefix-icon" length-unit="rem"></mdc-icon>`
126
127
  : ''}
127
128
  <slot @slotchange=${this.inferButtonType}></slot>
128
129
  ${this.postfixFilledIconName
129
- ? html ` <mdc-icon name="${this.postfixFilledIconName}" part="postfix-icon"></mdc-icon>`
130
+ ? html ` <mdc-icon name="${this.postfixFilledIconName}"
131
+ part="postfix-icon" length-unit="rem"></mdc-icon>`
130
132
  : ''}
131
133
  `;
132
134
  }
@@ -86,10 +86,12 @@ class ButtonLink extends ButtonComponentMixin(Linksimple) {
86
86
  }
87
87
  render() {
88
88
  return html `
89
- ${this.prefixIcon ? html ` <mdc-icon name="${this.prefixIcon}" part="prefix-icon"></mdc-icon>` : ''}
89
+ ${this.prefixIcon ? html ` <mdc-icon name="${this.prefixIcon}"
90
+ part="prefix-icon" length-unit="rem"></mdc-icon>` : ''}
90
91
  <slot @slotchange=${this.inferButtonType}></slot>
91
92
  ${this.postfixIcon
92
- ? html ` <mdc-icon name="${this.postfixIcon}" part="postfix-icon"></mdc-icon>`
93
+ ? html ` <mdc-icon name="${this.postfixIcon}"
94
+ part="postfix-icon" length-unit="rem"></mdc-icon>`
93
95
  : ''}
94
96
  `;
95
97
  }
@@ -86,11 +86,11 @@ class Option extends FormInternalsMixin(ListItem) {
86
86
  render() {
87
87
  const prefixIconContent = this.prefixIcon ? html `
88
88
  <div part="leading-icon">
89
- <mdc-icon slot="leading-controls" name="${ifDefined(this.prefixIcon)}"></mdc-icon>
89
+ <mdc-icon length-unit="rem" slot="leading-controls" name="${ifDefined(this.prefixIcon)}"></mdc-icon>
90
90
  </div>
91
91
  ` : nothing;
92
92
  const selectedIcon = this.selected ? html `
93
- <mdc-icon slot="trailing-controls" name="${SELECTED_ICON_NAME}"></mdc-icon>
93
+ <mdc-icon length-unit="rem" slot="trailing-controls" name="${SELECTED_ICON_NAME}"></mdc-icon>
94
94
  ` : nothing;
95
95
  return html `
96
96
  ${prefixIconContent}