@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.
- package/dist/browser/index.js +7 -0
- package/dist/browser/index.js.map +2 -2
- package/dist/components/avatar/avatar.component.d.ts +2 -0
- package/dist/components/avatar/avatar.component.js +2 -0
- package/dist/components/avatar/avatar.styles.js +7 -0
- package/dist/custom-elements.json +2 -2
- package/dist/react/avatar/index.d.ts +2 -0
- package/dist/react/avatar/index.js +2 -0
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
@@ -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`
|