@momentum-design/components 0.117.0 → 0.117.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.
@@ -26,7 +26,6 @@ import styles from './toast.styles';
26
26
  * @dependency mdc-icon
27
27
  * @dependency mdc-text
28
28
  * @dependency mdc-button
29
- * @dependency mdc-linkbutton
30
29
  *
31
30
  * @slot content-prefix - Slot for custom content before the icon (only for custom variant).
32
31
  * @slot toast-body-normal - Slot for the main body content of the toast.
@@ -61,6 +60,8 @@ class Toast extends FooterMixin(Component) {
61
60
  /**
62
61
  * Type of toast
63
62
  * - Can be `custom`, `success`, `warning` or `error`.
63
+ *
64
+ * Note: When using the `custom` variant, provide your own icon via the `content-prefix` slot; otherwise, no icon will be shown.
64
65
  * @default 'custom'
65
66
  */
66
67
  this.variant = DEFAULTS.VARIANT;
@@ -125,13 +126,14 @@ class Toast extends FooterMixin(Component) {
125
126
  if (!this.shouldRenderToggleButton())
126
127
  return nothing;
127
128
  return html `
128
- <mdc-linkbutton
129
+ <mdc-button
130
+ variant="tertiary"
129
131
  part="footer-button-toggle"
130
132
  @click="${this.toggleDetailVisibility}"
131
- icon-name="${this.isDetailVisible ? DEFAULTS.ARROW_UP_BOLD : DEFAULTS.ARROW_DOWN_BOLD}"
133
+ postfix-icon="${this.isDetailVisible ? DEFAULTS.ARROW_UP_BOLD : DEFAULTS.ARROW_DOWN_BOLD}"
132
134
  >
133
135
  ${this.isDetailVisible ? this.showLessText : this.showMoreText}
134
- </mdc-linkbutton>
136
+ </mdc-button>
135
137
  `;
136
138
  }
137
139
  renderHeader() {