@tylertech/forge 3.0.0-next.16 → 3.0.0-next.17

package/dist/typography/forge-typography.css

@@ -3,4 +3,4 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-:root{--mdc-typography-headline1-font-size:3rem;--mdc-typography-headline1-line-height:3rem;--mdc-typography-headline1-letter-spacing:-0.03125em;--mdc-typography-headline2-font-size:3rem;--mdc-typography-headline2-line-height:3rem;--mdc-typography-headline2-font-weight:400;--mdc-typography-headline2-letter-spacing:-0.03125em;--mdc-typography-headline3-font-size:2.125rem;--mdc-typography-headline3-line-height:2.125rem;--mdc-typography-headline3-letter-spacing:-0.0441176471em;--mdc-typography-headline4-font-size:1.5rem;--mdc-typography-headline4-line-height:1.5rem;--mdc-typography-headline4-letter-spacing:0.0104166667em;--mdc-typography-headline5-font-size:1.25rem;--mdc-typography-headline5-line-height:2rem;--mdc-typography-headline5-font-weight:500;--mdc-typography-headline5-letter-spacing:0.0078125em;--mdc-typography-headline6-font-size:1rem;--mdc-typography-headline6-line-height:normal;--mdc-typography-headline6-font-weight:400;--mdc-typography-headline6-letter-spacing:normal;--mdc-typography-subtitle1-letter-spacing:0.01em;--mdc-typography-subtitle2-letter-spacing:0.0087500001em;--mdc-typography-overline-text-transform:none;--mdc-typography-button-text-transform:none}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-font-family, "Roboto", sans-serif);color:var(--forge-theme-text-high,rgba(0,0,0,.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit)}.forge-typography--display1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display1-font-size-scale, 1.5)));font-weight:var(--forge-typography-display1-font-weight,300);line-height:var(--forge-typography-display1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display1-line-height-scale, 2.25)));letter-spacing:var(--forge-typography-display1-letter-spacing, normal);text-transform:var(--forge-typography-display1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display1-text-decoration,inherit);text-decoration:var(--forge-typography-display1-text-decoration,inherit)}.forge-typography--display2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display2-font-size-scale, 1.75)));font-weight:var(--forge-typography-display2-font-weight,300);line-height:var(--forge-typography-display2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display2-line-height-scale, 2.25)));letter-spacing:var(--forge-typography-display2-letter-spacing, normal);text-transform:var(--forge-typography-display2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display2-text-decoration,inherit);text-decoration:var(--forge-typography-display2-text-decoration,inherit)}.forge-typography--display3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display3-font-size-scale, 2)));font-weight:var(--forge-typography-display3-font-weight,300);line-height:var(--forge-typography-display3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display3-line-height-scale, 2.5)));letter-spacing:var(--forge-typography-display3-letter-spacing, normal);text-transform:var(--forge-typography-display3-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display3-text-decoration,inherit);text-decoration:var(--forge-typography-display3-text-decoration,inherit)}.forge-typography--display4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display4-font-size-scale, 2.25)));font-weight:var(--forge-typography-display4-font-weight,300);line-height:var(--forge-typography-display4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display4-line-height-scale, 2.75)));letter-spacing:var(--forge-typography-display4-letter-spacing, -.0069444444em);text-transform:var(--forge-typography-display4-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display4-text-decoration,inherit);text-decoration:var(--forge-typography-display4-text-decoration,inherit)}.forge-typography--display5{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display5-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display5-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display5-font-size-scale, 2.5)));font-weight:var(--forge-typography-display5-font-weight,300);line-height:var(--forge-typography-display5-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display5-line-height-scale, 3)));letter-spacing:var(--forge-typography-display5-letter-spacing, -.0125em);text-transform:var(--forge-typography-display5-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display5-text-decoration,inherit);text-decoration:var(--forge-typography-display5-text-decoration,inherit)}.forge-typography--display6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display6-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display6-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display6-font-size-scale, 3)));font-weight:var(--forge-typography-display6-font-weight,300);line-height:var(--forge-typography-display6-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display6-line-height-scale, 4)));letter-spacing:var(--forge-typography-display6-letter-spacing, -.0208333333em);text-transform:var(--forge-typography-display6-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display6-text-decoration,inherit);text-decoration:var(--forge-typography-display6-text-decoration,inherit)}.forge-typography--display7{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display7-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display7-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display7-font-size-scale, 3.5)));font-weight:var(--forge-typography-display7-font-weight,300);line-height:var(--forge-typography-display7-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display7-line-height-scale, 4.5)));letter-spacing:var(--forge-typography-display7-letter-spacing, -.0267857143em);text-transform:var(--forge-typography-display7-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display7-text-decoration,inherit);text-decoration:var(--forge-typography-display7-text-decoration,inherit)}.forge-typography--display8{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display8-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display8-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display8-font-size-scale, 4)));font-weight:var(--forge-typography-display8-font-weight,300);line-height:var(--forge-typography-display8-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display8-line-height-scale, 4.75)));letter-spacing:var(--forge-typography-display8-letter-spacing, -.03125em);text-transform:var(--forge-typography-display8-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display8-text-decoration,inherit);text-decoration:var(--forge-typography-display8-text-decoration,inherit)}.forge-typography--heading1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading1-font-size-scale, .875)));font-weight:var(--forge-typography-heading1-font-weight,500);line-height:var(--forge-typography-heading1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading1-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-heading1-letter-spacing, .0178571429em);text-transform:var(--forge-typography-heading1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading1-text-decoration,inherit);text-decoration:var(--forge-typography-heading1-text-decoration,inherit)}.forge-typography--heading2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading2-font-size-scale, 1)));font-weight:var(--forge-typography-heading2-font-weight,500);line-height:var(--forge-typography-heading2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading2-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-heading2-letter-spacing, .0125em);text-transform:var(--forge-typography-heading2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading2-text-decoration,inherit);text-decoration:var(--forge-typography-heading2-text-decoration,inherit)}.forge-typography--heading3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading3-font-size-scale, 1.125)));font-weight:var(--forge-typography-heading3-font-weight,500);line-height:var(--forge-typography-heading3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading3-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-heading3-letter-spacing, .0083333333em);text-transform:var(--forge-typography-heading3-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading3-text-decoration,inherit);text-decoration:var(--forge-typography-heading3-text-decoration,inherit)}.forge-typography--heading4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading4-font-size-scale, 1.25)));font-weight:var(--forge-typography-heading4-font-weight,500);line-height:var(--forge-typography-heading4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading4-line-height-scale, 1.5)));letter-spacing:var(--forge-typography-heading4-letter-spacing, .005em);text-transform:var(--forge-typography-heading4-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading4-text-decoration,inherit);text-decoration:var(--forge-typography-heading4-text-decoration,inherit)}.forge-typography--heading5{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading5-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading5-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading5-font-size-scale, 1.5)));font-weight:var(--forge-typography-heading5-font-weight,500);line-height:var(--forge-typography-heading5-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading5-line-height-scale, 1.75)));letter-spacing:var(--forge-typography-heading5-letter-spacing, 0);text-transform:var(--forge-typography-heading5-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading5-text-decoration,inherit);text-decoration:var(--forge-typography-heading5-text-decoration,inherit)}.forge-typography--heading6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading6-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading6-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading6-font-size-scale, 1.75)));font-weight:var(--forge-typography-heading6-font-weight,500);line-height:var(--forge-typography-heading6-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading6-line-height-scale, 2.125)));letter-spacing:var(--forge-typography-heading6-letter-spacing, 0);text-transform:var(--forge-typography-heading6-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading6-text-decoration,inherit);text-decoration:var(--forge-typography-heading6-text-decoration,inherit)}.forge-typography--heading7{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading7-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading7-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading7-font-size-scale, 2)));font-weight:var(--forge-typography-heading7-font-weight,500);line-height:var(--forge-typography-heading7-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading7-line-height-scale, 2.5)));letter-spacing:var(--forge-typography-heading7-letter-spacing, -.0015625em);text-transform:var(--forge-typography-heading7-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading7-text-decoration,inherit);text-decoration:var(--forge-typography-heading7-text-decoration,inherit)}.forge-typography--heading8{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading8-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading8-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading8-font-size-scale, 2.25)));font-weight:var(--forge-typography-heading8-font-weight,500);line-height:var(--forge-typography-heading8-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading8-line-height-scale, 2.625)));letter-spacing:var(--forge-typography-heading8-letter-spacing, -.0027777778em);text-transform:var(--forge-typography-heading8-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading8-text-decoration,inherit);text-decoration:var(--forge-typography-heading8-text-decoration,inherit)}.forge-typography--subheading1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading1-font-size-scale, .875)));font-weight:var(--forge-typography-subheading1-font-weight,400);line-height:var(--forge-typography-subheading1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading1-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-subheading1-letter-spacing, normal);text-transform:var(--forge-typography-subheading1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading1-text-decoration,inherit);text-decoration:var(--forge-typography-subheading1-text-decoration,inherit)}.forge-typography--subheading2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-font-size-scale, 1)));font-weight:var(--forge-typography-subheading2-font-weight,400);line-height:var(--forge-typography-subheading2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-subheading2-letter-spacing, normal);text-transform:var(--forge-typography-subheading2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading2-text-decoration,inherit);text-decoration:var(--forge-typography-subheading2-text-decoration,inherit)}.forge-typography--subheading3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading3-font-size-scale, 1.125)));font-weight:var(--forge-typography-subheading3-font-weight,400);line-height:var(--forge-typography-subheading3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading3-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-subheading3-letter-spacing, normal);text-transform:var(--forge-typography-subheading3-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading3-text-decoration,inherit);text-decoration:var(--forge-typography-subheading3-text-decoration,inherit)}.forge-typography--subheading4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading4-font-size-scale, 1.25)));font-weight:var(--forge-typography-subheading4-font-weight,400);line-height:var(--forge-typography-subheading4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading4-line-height-scale, 1.5)));letter-spacing:var(--forge-typography-subheading4-letter-spacing, normal);text-transform:var(--forge-typography-subheading4-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading4-text-decoration,inherit);text-decoration:var(--forge-typography-subheading4-text-decoration,inherit)}.forge-typography--subheading5{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading5-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading5-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading5-font-size-scale, 1.5)));font-weight:var(--forge-typography-subheading5-font-weight,400);line-height:var(--forge-typography-subheading5-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading5-line-height-scale, 1.75)));letter-spacing:var(--forge-typography-subheading5-letter-spacing, 0);text-transform:var(--forge-typography-subheading5-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading5-text-decoration,inherit);text-decoration:var(--forge-typography-subheading5-text-decoration,inherit)}.forge-typography--subheading6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading6-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading6-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading6-font-size-scale, 1.75)));font-weight:var(--forge-typography-subheading6-font-weight,400);line-height:var(--forge-typography-subheading6-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading6-line-height-scale, 2.125)));letter-spacing:var(--forge-typography-subheading6-letter-spacing, 0);text-transform:var(--forge-typography-subheading6-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading6-text-decoration,inherit);text-decoration:var(--forge-typography-subheading6-text-decoration,inherit)}.forge-typography--subheading7{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading7-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading7-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading7-font-size-scale, 2)));font-weight:var(--forge-typography-subheading7-font-weight,400);line-height:var(--forge-typography-subheading7-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading7-line-height-scale, 2.5)));letter-spacing:var(--forge-typography-subheading7-letter-spacing, -.0015625em);text-transform:var(--forge-typography-subheading7-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading7-text-decoration,inherit);text-decoration:var(--forge-typography-subheading7-text-decoration,inherit)}.forge-typography--subheading8{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading8-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading8-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading8-font-size-scale, 2.25)));font-weight:var(--forge-typography-subheading8-font-weight,400);line-height:var(--forge-typography-subheading8-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading8-line-height-scale, 2.625)));letter-spacing:var(--forge-typography-subheading8-letter-spacing, -.0027777778em);text-transform:var(--forge-typography-subheading8-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading8-text-decoration,inherit);text-decoration:var(--forge-typography-subheading8-text-decoration,inherit)}.forge-typography--body1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, .875)));font-weight:var(--forge-typography-body1-font-weight,400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-body1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body1-text-decoration,inherit);text-decoration:var(--forge-typography-body1-text-decoration,inherit)}.forge-typography--body2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit)}.forge-typography--body3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1.125)));font-weight:var(--forge-typography-body3-font-weight,400);line-height:var(--forge-typography-body3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.5)));letter-spacing:var(--forge-typography-body3-letter-spacing, .0083333333em);text-transform:var(--forge-typography-body3-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body3-text-decoration,inherit);text-decoration:var(--forge-typography-body3-text-decoration,inherit)}.forge-typography--body4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1.25)));font-weight:var(--forge-typography-body4-font-weight,400);line-height:var(--forge-typography-body4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.75)));letter-spacing:var(--forge-typography-body4-letter-spacing, .005em);text-transform:var(--forge-typography-body4-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body4-text-decoration,inherit);text-decoration:var(--forge-typography-body4-text-decoration,inherit)}.forge-typography--label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-label-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label-font-weight,400);line-height:var(--forge-typography-label-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label-text-decoration,inherit);text-decoration:var(--forge-typography-label-text-decoration,inherit)}.forge-typography--button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-button-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, .875)));font-weight:var(--forge-typography-button-font-weight,500);line-height:var(--forge-typography-button-line-height, normal);letter-spacing:var(--forge-typography-button-letter-spacing, .0714285714em);text-transform:var(--forge-typography-button-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-button-text-decoration,inherit);text-decoration:var(--forge-typography-button-text-decoration,inherit)}.forge-typography--overline{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-overline-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-overline-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-overline-font-size-scale, .75)));font-weight:var(--forge-typography-overline-font-weight,500);line-height:var(--forge-typography-overline-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-overline-line-height-scale, 2)));letter-spacing:var(--forge-typography-overline-letter-spacing, .1666666667em);text-transform:var(--forge-typography-overline-text-transform,uppercase);-webkit-text-decoration:var(--forge-typography-overline-text-decoration,inherit);text-decoration:var(--forge-typography-overline-text-decoration,inherit)}.forge-typography--link,a:not([forge-ignore]){text-decoration:underline;color:var(--forge-theme-primary,#3f51b5);cursor:pointer}.forge-typography--link:visited,a:not([forge-ignore]):visited{color:var(--forge-theme-primary,#3f51b5)}.forge-typography--link:hover,a:not([forge-ignore]):hover{text-decoration:none}.forge-typography--link:active,a:not([forge-ignore]):active{opacity:.65}
+:root{--mdc-typography-headline1-font-size:3rem;--mdc-typography-headline1-line-height:3rem;--mdc-typography-headline1-letter-spacing:-0.03125em;--mdc-typography-headline2-font-size:3rem;--mdc-typography-headline2-line-height:3rem;--mdc-typography-headline2-font-weight:400;--mdc-typography-headline2-letter-spacing:-0.03125em;--mdc-typography-headline3-font-size:2.125rem;--mdc-typography-headline3-line-height:2.125rem;--mdc-typography-headline3-letter-spacing:-0.0441176471em;--mdc-typography-headline4-font-size:1.5rem;--mdc-typography-headline4-line-height:1.5rem;--mdc-typography-headline4-letter-spacing:0.0104166667em;--mdc-typography-headline5-font-size:1.25rem;--mdc-typography-headline5-line-height:2rem;--mdc-typography-headline5-font-weight:500;--mdc-typography-headline5-letter-spacing:0.0078125em;--mdc-typography-headline6-font-size:1rem;--mdc-typography-headline6-line-height:normal;--mdc-typography-headline6-font-weight:400;--mdc-typography-headline6-letter-spacing:normal;--mdc-typography-subtitle1-letter-spacing:0.01em;--mdc-typography-subtitle2-letter-spacing:0.0087500001em;--mdc-typography-overline-text-transform:none;--mdc-typography-button-text-transform:none}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-font-family, "Roboto", sans-serif);color:var(--forge-theme-text-high,rgba(0,0,0,.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit)}.forge-typography--display1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display1-font-size-scale, 1.5)));font-weight:var(--forge-typography-display1-font-weight,300);line-height:var(--forge-typography-display1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display1-line-height-scale, 2.25)));letter-spacing:var(--forge-typography-display1-letter-spacing, normal);text-transform:var(--forge-typography-display1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display1-text-decoration,inherit);text-decoration:var(--forge-typography-display1-text-decoration,inherit)}.forge-typography--display2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display2-font-size-scale, 1.75)));font-weight:var(--forge-typography-display2-font-weight,300);line-height:var(--forge-typography-display2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display2-line-height-scale, 2.25)));letter-spacing:var(--forge-typography-display2-letter-spacing, normal);text-transform:var(--forge-typography-display2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display2-text-decoration,inherit);text-decoration:var(--forge-typography-display2-text-decoration,inherit)}.forge-typography--display3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display3-font-size-scale, 2)));font-weight:var(--forge-typography-display3-font-weight,300);line-height:var(--forge-typography-display3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display3-line-height-scale, 2.5)));letter-spacing:var(--forge-typography-display3-letter-spacing, normal);text-transform:var(--forge-typography-display3-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display3-text-decoration,inherit);text-decoration:var(--forge-typography-display3-text-decoration,inherit)}.forge-typography--display4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display4-font-size-scale, 2.25)));font-weight:var(--forge-typography-display4-font-weight,300);line-height:var(--forge-typography-display4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display4-line-height-scale, 2.75)));letter-spacing:var(--forge-typography-display4-letter-spacing, -.0069444444em);text-transform:var(--forge-typography-display4-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display4-text-decoration,inherit);text-decoration:var(--forge-typography-display4-text-decoration,inherit)}.forge-typography--display5{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display5-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display5-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display5-font-size-scale, 2.5)));font-weight:var(--forge-typography-display5-font-weight,300);line-height:var(--forge-typography-display5-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display5-line-height-scale, 3)));letter-spacing:var(--forge-typography-display5-letter-spacing, -.0125em);text-transform:var(--forge-typography-display5-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display5-text-decoration,inherit);text-decoration:var(--forge-typography-display5-text-decoration,inherit)}.forge-typography--display6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display6-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display6-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display6-font-size-scale, 3)));font-weight:var(--forge-typography-display6-font-weight,300);line-height:var(--forge-typography-display6-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display6-line-height-scale, 4)));letter-spacing:var(--forge-typography-display6-letter-spacing, -.0208333333em);text-transform:var(--forge-typography-display6-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display6-text-decoration,inherit);text-decoration:var(--forge-typography-display6-text-decoration,inherit)}.forge-typography--display7{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display7-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display7-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display7-font-size-scale, 3.5)));font-weight:var(--forge-typography-display7-font-weight,300);line-height:var(--forge-typography-display7-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display7-line-height-scale, 4.5)));letter-spacing:var(--forge-typography-display7-letter-spacing, -.0267857143em);text-transform:var(--forge-typography-display7-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display7-text-decoration,inherit);text-decoration:var(--forge-typography-display7-text-decoration,inherit)}.forge-typography--display8{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display8-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display8-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display8-font-size-scale, 4)));font-weight:var(--forge-typography-display8-font-weight,300);line-height:var(--forge-typography-display8-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display8-line-height-scale, 4.75)));letter-spacing:var(--forge-typography-display8-letter-spacing, -.03125em);text-transform:var(--forge-typography-display8-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display8-text-decoration,inherit);text-decoration:var(--forge-typography-display8-text-decoration,inherit)}.forge-typography--heading1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading1-font-size-scale, .875)));font-weight:var(--forge-typography-heading1-font-weight,500);line-height:var(--forge-typography-heading1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading1-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-heading1-letter-spacing, .0178571429em);text-transform:var(--forge-typography-heading1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading1-text-decoration,inherit);text-decoration:var(--forge-typography-heading1-text-decoration,inherit)}.forge-typography--heading2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading2-font-size-scale, 1)));font-weight:var(--forge-typography-heading2-font-weight,500);line-height:var(--forge-typography-heading2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading2-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-heading2-letter-spacing, .0125em);text-transform:var(--forge-typography-heading2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading2-text-decoration,inherit);text-decoration:var(--forge-typography-heading2-text-decoration,inherit)}.forge-typography--heading3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading3-font-size-scale, 1.125)));font-weight:var(--forge-typography-heading3-font-weight,500);line-height:var(--forge-typography-heading3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading3-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-heading3-letter-spacing, .0083333333em);text-transform:var(--forge-typography-heading3-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading3-text-decoration,inherit);text-decoration:var(--forge-typography-heading3-text-decoration,inherit)}.forge-typography--heading4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading4-font-size-scale, 1.25)));font-weight:var(--forge-typography-heading4-font-weight,500);line-height:var(--forge-typography-heading4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading4-line-height-scale, 1.5)));letter-spacing:var(--forge-typography-heading4-letter-spacing, .005em);text-transform:var(--forge-typography-heading4-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading4-text-decoration,inherit);text-decoration:var(--forge-typography-heading4-text-decoration,inherit)}.forge-typography--heading5{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading5-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading5-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading5-font-size-scale, 1.5)));font-weight:var(--forge-typography-heading5-font-weight,500);line-height:var(--forge-typography-heading5-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading5-line-height-scale, 1.75)));letter-spacing:var(--forge-typography-heading5-letter-spacing, 0);text-transform:var(--forge-typography-heading5-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading5-text-decoration,inherit);text-decoration:var(--forge-typography-heading5-text-decoration,inherit)}.forge-typography--heading6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading6-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading6-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading6-font-size-scale, 1.75)));font-weight:var(--forge-typography-heading6-font-weight,500);line-height:var(--forge-typography-heading6-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading6-line-height-scale, 2.125)));letter-spacing:var(--forge-typography-heading6-letter-spacing, 0);text-transform:var(--forge-typography-heading6-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading6-text-decoration,inherit);text-decoration:var(--forge-typography-heading6-text-decoration,inherit)}.forge-typography--heading7{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading7-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading7-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading7-font-size-scale, 2)));font-weight:var(--forge-typography-heading7-font-weight,500);line-height:var(--forge-typography-heading7-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading7-line-height-scale, 2.5)));letter-spacing:var(--forge-typography-heading7-letter-spacing, -.0015625em);text-transform:var(--forge-typography-heading7-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading7-text-decoration,inherit);text-decoration:var(--forge-typography-heading7-text-decoration,inherit)}.forge-typography--heading8{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading8-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading8-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading8-font-size-scale, 2.25)));font-weight:var(--forge-typography-heading8-font-weight,500);line-height:var(--forge-typography-heading8-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading8-line-height-scale, 2.625)));letter-spacing:var(--forge-typography-heading8-letter-spacing, -.0027777778em);text-transform:var(--forge-typography-heading8-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading8-text-decoration,inherit);text-decoration:var(--forge-typography-heading8-text-decoration,inherit)}.forge-typography--subheading1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading1-font-size-scale, .875)));font-weight:var(--forge-typography-subheading1-font-weight,400);line-height:var(--forge-typography-subheading1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading1-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-subheading1-letter-spacing, normal);text-transform:var(--forge-typography-subheading1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading1-text-decoration,inherit);text-decoration:var(--forge-typography-subheading1-text-decoration,inherit)}.forge-typography--subheading2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-font-size-scale, 1)));font-weight:var(--forge-typography-subheading2-font-weight,400);line-height:var(--forge-typography-subheading2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-subheading2-letter-spacing, normal);text-transform:var(--forge-typography-subheading2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading2-text-decoration,inherit);text-decoration:var(--forge-typography-subheading2-text-decoration,inherit)}.forge-typography--subheading3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading3-font-size-scale, 1.125)));font-weight:var(--forge-typography-subheading3-font-weight,400);line-height:var(--forge-typography-subheading3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading3-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-subheading3-letter-spacing, normal);text-transform:var(--forge-typography-subheading3-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading3-text-decoration,inherit);text-decoration:var(--forge-typography-subheading3-text-decoration,inherit)}.forge-typography--subheading4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading4-font-size-scale, 1.25)));font-weight:var(--forge-typography-subheading4-font-weight,400);line-height:var(--forge-typography-subheading4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading4-line-height-scale, 1.5)));letter-spacing:var(--forge-typography-subheading4-letter-spacing, normal);text-transform:var(--forge-typography-subheading4-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading4-text-decoration,inherit);text-decoration:var(--forge-typography-subheading4-text-decoration,inherit)}.forge-typography--subheading5{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading5-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading5-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading5-font-size-scale, 1.5)));font-weight:var(--forge-typography-subheading5-font-weight,400);line-height:var(--forge-typography-subheading5-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading5-line-height-scale, 1.75)));letter-spacing:var(--forge-typography-subheading5-letter-spacing, 0);text-transform:var(--forge-typography-subheading5-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading5-text-decoration,inherit);text-decoration:var(--forge-typography-subheading5-text-decoration,inherit)}.forge-typography--subheading6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading6-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading6-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading6-font-size-scale, 1.75)));font-weight:var(--forge-typography-subheading6-font-weight,400);line-height:var(--forge-typography-subheading6-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading6-line-height-scale, 2.125)));letter-spacing:var(--forge-typography-subheading6-letter-spacing, 0);text-transform:var(--forge-typography-subheading6-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading6-text-decoration,inherit);text-decoration:var(--forge-typography-subheading6-text-decoration,inherit)}.forge-typography--subheading7{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading7-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading7-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading7-font-size-scale, 2)));font-weight:var(--forge-typography-subheading7-font-weight,400);line-height:var(--forge-typography-subheading7-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading7-line-height-scale, 2.5)));letter-spacing:var(--forge-typography-subheading7-letter-spacing, -.0015625em);text-transform:var(--forge-typography-subheading7-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading7-text-decoration,inherit);text-decoration:var(--forge-typography-subheading7-text-decoration,inherit)}.forge-typography--subheading8{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading8-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading8-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading8-font-size-scale, 2.25)));font-weight:var(--forge-typography-subheading8-font-weight,400);line-height:var(--forge-typography-subheading8-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading8-line-height-scale, 2.625)));letter-spacing:var(--forge-typography-subheading8-letter-spacing, -.0027777778em);text-transform:var(--forge-typography-subheading8-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading8-text-decoration,inherit);text-decoration:var(--forge-typography-subheading8-text-decoration,inherit)}.forge-typography--body1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, .875)));font-weight:var(--forge-typography-body1-font-weight,400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-body1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body1-text-decoration,inherit);text-decoration:var(--forge-typography-body1-text-decoration,inherit)}.forge-typography--body2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit)}.forge-typography--body3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1.125)));font-weight:var(--forge-typography-body3-font-weight,400);line-height:var(--forge-typography-body3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.5)));letter-spacing:var(--forge-typography-body3-letter-spacing, .0083333333em);text-transform:var(--forge-typography-body3-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body3-text-decoration,inherit);text-decoration:var(--forge-typography-body3-text-decoration,inherit)}.forge-typography--body4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1.25)));font-weight:var(--forge-typography-body4-font-weight,400);line-height:var(--forge-typography-body4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.75)));letter-spacing:var(--forge-typography-body4-letter-spacing, .005em);text-transform:var(--forge-typography-body4-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body4-text-decoration,inherit);text-decoration:var(--forge-typography-body4-text-decoration,inherit)}.forge-typography--label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-label-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label-font-weight,400);line-height:var(--forge-typography-label-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label-text-decoration,inherit);text-decoration:var(--forge-typography-label-text-decoration,inherit)}.forge-typography--button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-button-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, .875)));font-weight:var(--forge-typography-button-font-weight,500);line-height:var(--forge-typography-button-line-height, normal);letter-spacing:var(--forge-typography-button-letter-spacing, .0714285714em);text-transform:var(--forge-typography-button-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-button-text-decoration,inherit);text-decoration:var(--forge-typography-button-text-decoration,inherit)}.forge-typography--overline{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-overline-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-overline-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-overline-font-size-scale, .75)));font-weight:var(--forge-typography-overline-font-weight,500);line-height:var(--forge-typography-overline-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-overline-line-height-scale, 2)));letter-spacing:var(--forge-typography-overline-letter-spacing, .1666666667em);text-transform:var(--forge-typography-overline-text-transform,uppercase);-webkit-text-decoration:var(--forge-typography-overline-text-decoration,inherit);text-decoration:var(--forge-typography-overline-text-decoration,inherit)}.forge-typography--link,a:not([forge-ignore]){-webkit-text-decoration:var(--forge-typography-link-text-decoration,underline);text-decoration:var(--forge-typography-link-text-decoration,underline);color:var(--forge-theme-primary,#3f51b5);cursor:pointer}.forge-typography--link:visited,a:not([forge-ignore]):visited{color:var(--forge-theme-primary,#3f51b5)}.forge-typography--link:hover,a:not([forge-ignore]):hover{text-decoration:none}.forge-typography--link:active,a:not([forge-ignore]):active{opacity:.65}

package/esm/app-bar/notification-button/app-bar-notification-button-adapter.js

@@ -44,6 +44,6 @@ export class AppBarNotificationButtonAdapter extends BaseAdapter {
         toggleAttribute(this._badgeElement, !!theme, BADGE_CONSTANTS.attributes.THEME, theme);
     }
     setBadgeVisible(isVisible) {
-        this._badgeElement.open = isVisible;
+        this._badgeElement.hide = !isVisible;
     }
 }

package/esm/avatar/avatar-adapter.d.ts

@@ -6,7 +6,6 @@
 import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
 import { IAvatarComponent } from './avatar';
 export interface IAvatarAdapter extends IBaseAdapter {
-    setBackgroundColor(color: string): void;
     setBackgroundImageUrl(url: string): Promise<boolean>;
     removeBackgroundImage(): void;
     setText(value: string): void;
@@ -19,11 +18,6 @@ export declare class AvatarAdapter extends BaseAdapter<IAvatarComponent> impleme
     private _root;
     private _defaultSlot;
     constructor(component: IAvatarComponent);
-    /**
-     * Sets the `backgroundColor` style on the content element.
-     * @param {string} value The background color.
-     */
-    setBackgroundColor(value: string): void;
     /**
      * Sets the background image URL.
      * @param url The URL.

package/esm/avatar/avatar-adapter.js

@@ -15,40 +15,32 @@ export class AvatarAdapter extends BaseAdapter {
         this._root = getShadowElement(this._component, AVATAR_CONSTANTS.selectors.ROOT);
         this._defaultSlot = getShadowElement(this._component, AVATAR_CONSTANTS.selectors.DEFAULT_SLOT);
     }
-    /**
-     * Sets the `backgroundColor` style on the content element.
-     * @param {string} value The background color.
-     */
-    setBackgroundColor(value) {
-        this._root.style.backgroundColor = `var(${AVATAR_CONSTANTS.strings.BACKGROUND_VARNAME}, ${value})`;
-    }
     /**
      * Sets the background image URL.
      * @param url The URL.
      */
-    setBackgroundImageUrl(url) {
-        const backgroundColor = this._root.style.backgroundColor;
-        // doing his before the promise so it doesn't flash a color before loading
-        this._root.style.backgroundColor = 'inherit';
-        const loadResult = new Promise(resolve => {
+    async setBackgroundImageUrl(url) {
+        // Set before loading image to prevent a flash of background color
+        this._root.classList.add('forge-avatar--image');
+        return new Promise(resolve => {
             const image = new Image();
             image.onload = () => {
                 this._root.style.backgroundImage = `url(${image.src})`;
                 resolve(true);
             };
             image.onerror = () => {
-                this._root.style.backgroundColor = backgroundColor;
+                this._root.classList.remove('forge-avatar--image');
                 resolve(false);
             };
             image.src = url;
         });
-        return loadResult;
     }
     /**
      * Removes the background image URL.
      */
     removeBackgroundImage() {
         this._root.style.removeProperty('background-image');
+        this._root.classList.remove('forge-avatar--image');
     }
     /**
      * Sets the avatar text content.

package/esm/avatar/avatar-constants.d.ts

@@ -9,7 +9,6 @@ export declare const AVATAR_CONSTANTS: {
         IMAGE_URL: string;
         TEXT: string;
         LETTER_COUNT: string;
-        AUTO_COLOR: string;
     };
     numbers: {
         DEFAULT_LETTER_COUNT: number;

package/esm/avatar/avatar-constants.js

@@ -9,8 +9,7 @@ const elementName = `${COMPONENT_NAME_PREFIX}avatar`;
 const attributes = {
     IMAGE_URL: 'image-url',
     TEXT: 'text',
-    LETTER_COUNT: 'letter-count',
-    AUTO_COLOR: 'auto-color'
+    LETTER_COUNT: 'letter-count'
 };
 const numbers = {
     DEFAULT_LETTER_COUNT: 2
@@ -21,7 +20,7 @@ const selectors = {
 };
 const strings = {
     DEFAULT_COLOR: COLOR_CONSTANTS.themeColors.tertiary,
-    BACKGROUND_VARNAME: '--forge-avatar-theme-background'
+    BACKGROUND_VARNAME: '--forge-avatar-background'
 };
 export const AVATAR_CONSTANTS = {
     elementName,

package/esm/avatar/avatar-foundation.d.ts

@@ -9,7 +9,6 @@ export interface IAvatarFoundation extends ICustomElementFoundation {
     imageUrl: string;
     text: string;
     letterCount: number;
-    autoColor: boolean;
 }
 /**
  * The custom element class behind the `<forge-avatar>` class.
@@ -19,7 +18,6 @@ export declare class AvatarFoundation implements IAvatarFoundation {
     private _imageUrl;
     private _text;
     private _letterCount;
-    private _autoColor;
     private _initialized;
     constructor(_adapter: IAvatarAdapter);
     initialize(): void;
@@ -41,7 +39,4 @@ export declare class AvatarFoundation implements IAvatarFoundation {
     /** Sets the background image URL to use. */
     get imageUrl(): string;
     set imageUrl(value: string);
-    /** Controls whether the background color set automatically based on the text value. Does not have any effect when an image URL is specified. */
-    get autoColor(): boolean;
-    set autoColor(value: boolean);
 }

package/esm/avatar/avatar-foundation.js

@@ -4,7 +4,6 @@
  * License: Apache-2.0
  */
 import { isDefined, isString } from '@tylertech/forge-core';
-import { getTextColor } from '../utils/color-utils';
 import { AVATAR_CONSTANTS } from './avatar-constants';
 /**
  * The custom element class behind the `<forge-avatar>` class.
@@ -14,7 +13,6 @@ export class AvatarFoundation {
         this._adapter = _adapter;
         this._text = '';
         this._letterCount = AVATAR_CONSTANTS.numbers.DEFAULT_LETTER_COUNT;
-        this._autoColor = false;
         this._initialized = false;
     }
     initialize() {
@@ -46,8 +44,6 @@ export class AvatarFoundation {
         else {
             this._adapter.clearText();
         }
-        const color = this._autoColor ? getTextColor(data) : AVATAR_CONSTANTS.strings.DEFAULT_COLOR;
-        this._adapter.setBackgroundColor(color);
     }
     /**
      * Gets the text content to display in the avatar.
@@ -105,15 +101,4 @@ export class AvatarFoundation {
             }
         }
     }
-    /** Controls whether the background color set automatically based on the text value. Does not have any effect when an image URL is specified. */
-    get autoColor() {
-        return this._autoColor;
-    }
-    set autoColor(value) {
-        if (this._autoColor !== value) {
-            this._autoColor = value;
-            this._setText();
-            this._adapter.setHostAttribute(AVATAR_CONSTANTS.attributes.AUTO_COLOR, isDefined(this._autoColor) ? this._autoColor.toString() : '');
-        }
-    }
 }

package/esm/avatar/avatar.d.ts

@@ -8,7 +8,6 @@ export interface IAvatarComponent extends IBaseComponent {
     imageUrl: string;
     text: string;
     letterCount: number;
-    autoColor: boolean;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -16,9 +15,33 @@ declare global {
     }
 }
 /**
- * The custom element class behind the `<forge-avatar>` element.
- *
  * @tag forge-avatar
+ *
+ * @summary Avatars represent an entity via text or image.
+ *
+ * @description
+ * The avatar component allows you to provide text or images to display that represent an entity. By default, the
+ * avatar will display textual content as single characters (character count is configurable), or display an image or
+ * icon based on the URL provided to it.
+ *
+ * @property {string} text - The text to display in the avatar.
+ * @property {number} letterCount - Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.
+ * @property {string} imageUrl - The background image URL to use.
+ *
+ * @attribute {string} text - The text to display in the avatar.
+ * @attribute {number} letter-count - Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.
+ * @attribute {string} image-url - The background image URL to use.
+ *
+ * @cssproperty --forge-avatar-background - The background color of the avatar.
+ * @cssproperty --forge-avatar-shape - The border radius of the avatar, defaults to 50%.
+ * @cssproperty --forge-avatar-color - The text color of the avatar.
+ * @cssproperty --forge-avatar-size - The height and width of the avatar.
+ * @cssproperty --forge-avatar-transition-duration - The transition duration for animations.
+ * @cssproperty --forge-avatar-transition-timing - The transition timing function for animations.
+ *
+ * @csspart root - The root container element.
+ *
+ * @slot - The default/unnamed slot for avatar content if not provided via text/imageUrl.
  */
 export declare class AvatarComponent extends BaseComponent implements IAvatarComponent {
     static get observedAttributes(): string[];
@@ -27,12 +50,10 @@ export declare class AvatarComponent extends BaseComponent implements IAvatarCom
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    /** Gets/sets the text to display. */
+    /** The text to display in the avatar. */
     text: string;
     /** Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used. */
     letterCount: number;
-    /** Sets the background image URL to use. */
+    /** The background image URL to use. */
     imageUrl: string;
-    /** Controls whether the background color is set automatically based on the text value. Does not have any effect when an image URL is specified. */
-    autoColor: boolean;
 }

package/esm/avatar/avatar.js

@@ -4,25 +4,48 @@
  * License: Apache-2.0
  */
 import { __decorate } from "tslib";
-import { CustomElement, attachShadowTemplate, coerceNumber, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';
+import { CustomElement, attachShadowTemplate, coerceNumber, FoundationProperty } from '@tylertech/forge-core';
 import { AvatarAdapter } from './avatar-adapter';
 import { AvatarFoundation } from './avatar-foundation';
 import { AVATAR_CONSTANTS } from './avatar-constants';
 import { BaseComponent } from '../core/base/base-component';
 const template = '<template><div class=\"forge-avatar\" aria-hidden=\"true\" part=\"root\"><slot></slot></div></template>';
-const styles = ':host{display:inline-block;contain:content}:host([hidden]){display:none}.forge-avatar{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;font-size:var(--forge-typography-title-font-size, 1.25rem);line-height:2rem;line-height:var(--forge-typography-title-line-height, 2rem);font-weight:400;font-weight:var(--forge-typography-title-font-weight,400);letter-spacing:.0125em;letter-spacing:var(--forge-typography-title-letter-spacing, .0125em);text-decoration:inherit;-webkit-text-decoration:var(--forge-typography-title-text-decoration,inherit);text-decoration:var(--forge-typography-title-text-decoration,inherit);text-transform:inherit;text-transform:var(--forge-typography-title-text-transform,inherit);font-size:1rem;font-size:var(--forge-avatar-font-size, 1rem);font-weight:400;font-weight:var(--forge-avatar-font-weight,400);background-color:none;background-color:var(--forge-avatar-theme-background,none);height:40px;height:var(--forge-avatar-size,40px);width:40px;width:var(--forge-avatar-size,40px);color:#fff;color:var(--forge-avatar-theme-on-background,#fff);border-radius:50%;border-radius:var(--forge-avatar-radius,50%);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;-webkit-transition:height .2s cubic-bezier(.4, 0, .2, 1),width .2s cubic-bezier(.4, 0, .2, 1);transition:height .2s cubic-bezier(.4, 0, .2, 1),width .2s cubic-bezier(.4, 0, .2, 1)}';
+const styles = ':host{contain:content;display:inline-block}:host([hidden]){display:none}.forge-avatar{--_avatar-size:var(--forge-avatar-size, 40px);--_avatar-background:var(--forge-avatar-background, var(--forge-theme-tertiary, #3d5afe));--_avatar-color:var(--forge-avatar-color, var(--forge-theme-on-tertiary, #ffffff));--_avatar-transition-duration:var(--forge-avatar-transition-duration, var(--forge-animation-duration-short4, 200ms));--_avatar-transition-timing:var(--forge-avatar-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_avatar-shape:var(--forge-avatar-shape, var(--forge-shape-round, 50%))}.forge-avatar{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;overflow:hidden;-webkit-transition:height var(--_avatar-transition-duration) var(--_avatar-transition-timing),width var(--_avatar-transition-duration) var(--_avatar-transition-timing);transition:height var(--_avatar-transition-duration) var(--_avatar-transition-timing),width var(--_avatar-transition-duration) var(--_avatar-transition-timing);border-radius:var(--_avatar-shape);-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--_avatar-size);height:var(--_avatar-size);background-color:var(--_avatar-background);background-position:center;background-repeat:no-repeat;background-size:cover;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-subheading2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-font-size-scale, 1)));font-weight:var(--forge-typography-subheading2-font-weight,400);line-height:var(--forge-typography-subheading2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-subheading2-letter-spacing, normal);text-transform:var(--forge-typography-subheading2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading2-text-decoration,inherit);text-decoration:var(--forge-typography-subheading2-text-decoration,inherit);color:var(--_avatar-color)}.forge-avatar--image{background-color:inherit}';
 /**
- * The custom element class behind the `<forge-avatar>` element.
- *
  * @tag forge-avatar
+ *
+ * @summary Avatars represent an entity via text or image.
+ *
+ * @description
+ * The avatar component allows you to provide text or images to display that represent an entity. By default, the
+ * avatar will display textual content as single characters (character count is configurable), or display an image or
+ * icon based on the URL provided to it.
+ *
+ * @property {string} text - The text to display in the avatar.
+ * @property {number} letterCount - Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.
+ * @property {string} imageUrl - The background image URL to use.
+ *
+ * @attribute {string} text - The text to display in the avatar.
+ * @attribute {number} letter-count - Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.
+ * @attribute {string} image-url - The background image URL to use.
+ *
+ * @cssproperty --forge-avatar-background - The background color of the avatar.
+ * @cssproperty --forge-avatar-shape - The border radius of the avatar, defaults to 50%.
+ * @cssproperty --forge-avatar-color - The text color of the avatar.
+ * @cssproperty --forge-avatar-size - The height and width of the avatar.
+ * @cssproperty --forge-avatar-transition-duration - The transition duration for animations.
+ * @cssproperty --forge-avatar-transition-timing - The transition timing function for animations.
+ *
+ * @csspart root - The root container element.
+ *
+ * @slot - The default/unnamed slot for avatar content if not provided via text/imageUrl.
  */
 let AvatarComponent = class AvatarComponent extends BaseComponent {
     static get observedAttributes() {
         return [
             AVATAR_CONSTANTS.attributes.TEXT,
             AVATAR_CONSTANTS.attributes.LETTER_COUNT,
-            AVATAR_CONSTANTS.attributes.IMAGE_URL,
-            AVATAR_CONSTANTS.attributes.AUTO_COLOR
+            AVATAR_CONSTANTS.attributes.IMAGE_URL
         ];
     }
     constructor() {
@@ -47,9 +70,6 @@ let AvatarComponent = class AvatarComponent extends BaseComponent {
             case AVATAR_CONSTANTS.attributes.IMAGE_URL:
                 this.imageUrl = newValue;
                 break;
-            case AVATAR_CONSTANTS.attributes.AUTO_COLOR:
-                this.autoColor = coerceBoolean(newValue);
-                break;
         }
     }
 };
@@ -62,9 +82,6 @@ __decorate([
 __decorate([
     FoundationProperty()
 ], AvatarComponent.prototype, "imageUrl", void 0);
-__decorate([
-    FoundationProperty()
-], AvatarComponent.prototype, "autoColor", void 0);
 AvatarComponent = __decorate([
     CustomElement({
         name: AVATAR_CONSTANTS.elementName

package/esm/avatar/index.d.ts

@@ -7,5 +7,4 @@ export * from './avatar-adapter';
 export * from './avatar-constants';
 export * from './avatar-foundation';
 export * from './avatar';
-export * from './avatar-component-delegate';
 export declare function defineAvatarComponent(): void;

package/esm/avatar/index.js

@@ -9,7 +9,6 @@ export * from './avatar-adapter';
 export * from './avatar-constants';
 export * from './avatar-foundation';
 export * from './avatar';
-export * from './avatar-component-delegate';
 export function defineAvatarComponent() {
     defineCustomElement(AvatarComponent);
 }

package/esm/badge/badge-constants.d.ts

@@ -3,19 +3,23 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
+import { Theme } from '../constants';
 export declare const BADGE_CONSTANTS: {
     elementName: "forge-badge";
     attributes: {
         DOT: string;
-        OPEN: string;
+        HIDE: string;
         THEME: string;
         STRONG: string;
     };
+    selectors: {
+        ROOT: string;
+    };
     classes: {
-        DOT: string;
         OPEN: string;
     };
-    selectors: {
-        ROOT: string;
+    defaults: {
+        THEME: BadgeTheme;
     };
 };
+export type BadgeTheme = Theme | 'default' | 'info-primary' | 'info-secondary' | 'danger';

package/esm/badge/badge-constants.js

@@ -7,20 +7,23 @@ import { COMPONENT_NAME_PREFIX } from '../constants';
 const elementName = `${COMPONENT_NAME_PREFIX}badge`;
 const attributes = {
     DOT: 'dot',
-    OPEN: 'open',
+    HIDE: 'hide',
     THEME: 'theme',
     STRONG: 'strong'
 };
 const classes = {
-    DOT: 'forge-badge--dot',
-    OPEN: 'forge-badge--open'
+    OPEN: 'open'
 };
 const selectors = {
     ROOT: '.forge-badge'
 };
+const defaults = {
+    THEME: 'default'
+};
 export const BADGE_CONSTANTS = {
     elementName,
     attributes,
+    selectors,
     classes,
-    selectors
+    defaults
 };

package/esm/badge/badge.d.ts

@@ -4,9 +4,12 @@
  * License: Apache-2.0
  */
 import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+import { BadgeTheme } from './badge-constants';
 export interface IBadgeComponent extends IBaseComponent {
     dot: boolean;
-    open: boolean;
+    theme: BadgeTheme;
+    strong: boolean;
+    hide: boolean;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -14,18 +17,42 @@ declare global {
     }
 }
 /**
- * The web component class behind the `<forge-badge>` custom element.
- *
  * @tag forge-badge
+ *
+ * @summary Badges are non-interactive components used to inform status, counts, or as a descriptive label.
+ *
+ * @property {boolean} dot - Controls whether the badge will be a small dot without any content visible.
+ * @property {BadgeTheme} theme - The theme of the badge.
+ * @property {boolean} strong - Controls whether the badge will have a stronger visual appearance.
+ * @property {boolean} hide - Controls whether the badge is visible.
+ *
+ * @attribute {boolean} dot - When present, the badge will be a small dot without any content visible.
+ * @attribute {BadgeTheme} theme - The theme of the badge.
+ * @attribute {boolean} strong - Controls whether the badge will have a stronger visual appearance.
+ * @attribute {boolean} hide - Controls whether the badge is visible.
+ *
+ * @cssproperty --forge-badge-background - The background color.
+ * @cssproperty --forge-badge-color - The text color.
+ * @cssproperty --forge-badge-shape - The shape radius.
+ * @cssproperty --forge-badge-padding-inline - The inline padding.
+ * @cssproperty --forge-badge-padding-block - The block padding.
+ * @cssproperty --forge-badge-border-width - The border width.
+ * @cssproperty --forge-badge-border-color - The border color.
+ * @cssproperty --forge-badge-border-style - The border style.
+ * @cssproperty --forge-badge-gap - The spacing between the content within the badge.
+ *
+ * @slot - Default content placed inside the badge.
+ * @slot start - Content placed before the default content.
+ * @slot end - Content placed after the default content.
  */
 export declare class BadgeComponent extends BaseComponent implements IBadgeComponent {
-    static get observedAttributes(): string[];
-    private _foundation;
     constructor();
-    connectedCallback(): void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    /** Controls whether the component renders a simple dot/circle, or allows for content. */
-    dot: boolean;
-    /** Controls the visibility state. */
-    open: boolean;
+    get dot(): boolean;
+    set dot(value: boolean);
+    get theme(): BadgeTheme;
+    set theme(value: BadgeTheme);
+    get strong(): boolean;
+    set strong(value: boolean);
+    get hide(): boolean;
+    set hide(value: boolean);
 }