@momentum-design/components 0.12.4 → 0.12.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -190,6 +190,13 @@
190
190
  background: var(--mdc-avatar-loading-indicator-foreground-color);
191
191
  }
192
192
  }
193
+
194
+ /* High Contrast Mode */
195
+ @media (forced-colors: active) {
196
+ .content:not(.photo) {
197
+ outline: 0.125rem solid;
198
+ }
199
+ }
193
200
  `],Wt=Gr;var Kt=y.constructTagName("text"),S={BODY_SMALL_REGULAR:"body-small-regular",BODY_SMALL_MEDIUM:"body-small-medium",BODY_SMALL_BOLD:"body-small-bold",BODY_MIDSIZE_REGULAR:"body-midsize-regular",BODY_MIDSIZE_MEDIUM:"body-midsize-medium",BODY_MIDSIZE_BOLD:"body-midsize-bold",BODY_LARGE_REGULAR:"body-large-regular",BODY_LARGE_MEDIUM:"body-large-medium",BODY_LARGE_BOLD:"body-large-bold",BODY_SMALL_REGULAR_UNDERLINE:"body-small-regular-underline",BODY_SMALL_MEDIUM_UNDERLINE:"body-small-medium-underline",BODY_MIDSIZE_REGULAR_UNDERLINE:"body-midsize-regular-underline",BODY_MIDSIZE_MEDIUM_UNDERLINE:"body-midsize-medium-underline",BODY_LARGE_REGULAR_UNDERLINE:"body-large-regular-underline",BODY_LARGE_MEDIUM_UNDERLINE:"body-large-medium-underline",HEADING_SMALL_REGULAR:"heading-small-regular",HEADING_SMALL_MEDIUM:"heading-small-medium",HEADING_SMALL_BOLD:"heading-small-bold",HEADING_MIDSIZE_REGULAR:"heading-midsize-regular",HEADING_MIDSIZE_MEDIUM:"heading-midsize-medium",HEADING_MIDSIZE_BOLD:"heading-midsize-bold",HEADING_LARGE_REGULAR:"heading-large-regular",HEADING_LARGE_MEDIUM:"heading-large-medium",HEADING_LARGE_BOLD:"heading-large-bold",HEADING_XLARGE_REGULAR:"heading-xlarge-regular",HEADING_XLARGE_MEDIUM:"heading-xlarge-medium",HEADING_XLARGE_BOLD:"heading-xlarge-bold",HEADLINE_SMALL_LIGHT:"headline-small-light",HEADLINE_SMALL_REGULAR:"headline-small-regular"},A={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6",P:"p",SMALL:"small",SPAN:"span",DIV:"div"},T={TYPE:S.BODY_LARGE_REGULAR,TEXT_ELEMENT_TAGNAME:A.P,CSS_PART_TEXT:"text",CHILDREN:"The quick brown fox jumps over the lazy dog"};var Qt=s=>({[u.XX_LARGE]:4.75,[u.X_LARGE]:3,[u.LARGE]:2.5,[u.MIDSIZE]:2.25,[u.SMALL]:1.75,[u.X_SMALL]:1.25,[u.XX_SMALL]:1})[s]||1.25,Jt=s=>({[u.XX_LARGE]:S.HEADING_XLARGE_MEDIUM,[u.X_LARGE]:S.HEADING_LARGE_MEDIUM,[u.LARGE]:S.HEADING_MIDSIZE_MEDIUM,[u.MIDSIZE]:S.HEADING_SMALL_MEDIUM,[u.SMALL]:S.HEADING_SMALL_MEDIUM,[u.XX_SMALL]:S.BODY_SMALL_MEDIUM,[u.X_SMALL]:S.BODY_MIDSIZE_MEDIUM})[s]||S.BODY_MIDSIZE_MEDIUM;var I=class extends g{constructor(){super(...arguments);this.size=it.SIZE;this.isTyping=!1;this.isPhotoLoaded=!1}getPresenceTemplateBasedOnType(e){return e===_.COUNTER&&(this.counter||this.counter===0)?p:this.presence?m`
194
201
  <mdc-presence class="presence" type="${this.presence}" size="${this.size}"></mdc-presence>
195
202
  `:p}handleOnLoad(){this.isPhotoLoaded=!0}handleOnError(){this.isPhotoLoaded=!1,this.onerror&&this.onerror("There was a problem while fetching the <img/>. Please check the src attribute and try again.")}photoTemplate(){return m`