@tylertech/forge 3.0.0-next.12 → 3.0.0-next.14

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, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-line-height-scale, 2.25)));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)}
+: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}

package/esm/app-bar/app-bar/app-bar-adapter.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';
+import { IAppBarComponent } from './app-bar';
+export interface IAppBarAdapter extends IBaseAdapter {
+    initialize(): void;
+    setTitleText(value: string): void;
+    setHref(value: string): void;
+    setTarget(value: string): void;
+    addCenterSlotListener(listener: (evt: Event) => void): void;
+    setCenterSlotVisibility(): void;
+}
+export declare class AppBarAdapter extends BaseAdapter<IAppBarComponent> implements IAppBarAdapter {
+    private _rootElement;
+    private _titleElement;
+    private _logoTitleContainerElement;
+    private _centerSectionElement;
+    private _centerSlotElement;
+    constructor(component: IAppBarComponent);
+    initialize(): void;
+    setTitleText(value: string): void;
+    setHref(value: string): void;
+    setTarget(value: string): void;
+    addCenterSlotListener(listener: (evt: Event) => void): void;
+    setCenterSlotVisibility(): void;
+    private _createAnchorElement;
+}

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

@@ -0,0 +1,71 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { getShadowElement } from '@tylertech/forge-core';
+import { replaceElement } from '../../core/utils/utils';
+import { BaseAdapter } from '../../core/base/base-adapter';
+import { APP_BAR_CONSTANTS } from './app-bar-constants';
+import { STATE_LAYER_CONSTANTS } from '../../state-layer';
+import { FOCUS_INDICATOR_CONSTANTS } from '../../focus-indicator';
+export class AppBarAdapter extends BaseAdapter {
+    constructor(component) {
+        super(component);
+        this._rootElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.ROOT);
+        this._titleElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.TITLE);
+        this._logoTitleContainerElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.LOGO_TITLE_CONTAINER);
+        this._centerSectionElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.CENTER_SECTION);
+        this._centerSlotElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.CENTER_SLOT);
+    }
+    initialize() {
+        if (!this._component.hasAttribute('role')) {
+            this._component.setAttribute('role', 'banner');
+        }
+    }
+    setTitleText(value) {
+        this._titleElement.textContent = value;
+    }
+    setHref(value) {
+        var _a, _b;
+        const isAnchor = this._logoTitleContainerElement.tagName === 'A';
+        if (value) {
+            if (!isAnchor) {
+                this._createAnchorElement();
+            }
+            this._logoTitleContainerElement.href = value;
+        }
+        else if (isAnchor) {
+            this._logoTitleContainerElement = replaceElement(this._logoTitleContainerElement, document.createElement('div'));
+            this._logoTitleContainerElement.classList.add(APP_BAR_CONSTANTS.classes.LOGO_TITLE_CONTAINER);
+            (_a = this._logoTitleContainerElement.querySelector(STATE_LAYER_CONSTANTS.elementName)) === null || _a === void 0 ? void 0 : _a.remove();
+            (_b = this._logoTitleContainerElement.querySelector(FOCUS_INDICATOR_CONSTANTS.elementName)) === null || _b === void 0 ? void 0 : _b.remove();
+        }
+    }
+    setTarget(value) {
+        if (this._logoTitleContainerElement.tagName === 'A') {
+            this._logoTitleContainerElement.target = value;
+        }
+    }
+    addCenterSlotListener(listener) {
+        this._centerSlotElement.addEventListener('slotchange', listener);
+    }
+    setCenterSlotVisibility() {
+        if (this._centerSlotElement.assignedNodes().length) {
+            this._centerSectionElement.style.removeProperty('display');
+            this._rootElement.classList.remove(APP_BAR_CONSTANTS.classes.NO_CENTER);
+        }
+        else {
+            this._centerSectionElement.style.display = 'none';
+            this._rootElement.classList.add(APP_BAR_CONSTANTS.classes.NO_CENTER);
+        }
+    }
+    _createAnchorElement() {
+        this._logoTitleContainerElement = replaceElement(this._logoTitleContainerElement, document.createElement('a'));
+        this._logoTitleContainerElement.classList.add(APP_BAR_CONSTANTS.classes.LOGO_TITLE_CONTAINER);
+        const stateLayer = document.createElement('forge-state-layer');
+        const focusIndicator = document.createElement('forge-focus-indicator');
+        focusIndicator.inward = true;
+        this._logoTitleContainerElement.append(stateLayer, focusIndicator);
+    }
+}

package/esm/app-bar/{app-bar-constants.d.ts → app-bar/app-bar-constants.d.ts}

@@ -9,25 +9,21 @@ export declare const APP_BAR_CONSTANTS: {
     selectors: {
         ROOT: string;
         TITLE: string;
-        BOTTOM: string;
-        BOTTOM_SLOT: string;
+        LOGO_TITLE_CONTAINER: string;
         CENTER_SLOT: string;
         CENTER_SECTION: string;
-        FIXED: string;
-        RAISED: string;
     };
     attributes: {
         TITLE_TEXT: string;
-        FIXED: string;
-        RAISED: string;
+        ELEVATION: string;
         THEME: string;
+        HREF: string;
+        TARGET: string;
     };
     classes: {
-        DENSE: string;
-        FIXED: string;
-        RAISED: string;
-        ROW: string;
-        TITLE_INTERACTABLE: string;
         NO_CENTER: string;
+        LOGO_TITLE_CONTAINER: string;
     };
 };
+export type AppBarElevation = 'none' | 'raised';
+export type AppBarTheme = 'white' | '';

package/esm/app-bar/app-bar/app-bar-constants.js

@@ -0,0 +1,32 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../../constants';
+export const elementName = `${COMPONENT_NAME_PREFIX}app-bar`;
+const observedAttributes = {
+    TITLE_TEXT: 'title-text',
+    ELEVATION: 'elevation',
+    THEME: 'theme',
+    HREF: 'href',
+    TARGET: 'target'
+};
+const attributes = Object.assign({}, observedAttributes);
+const classes = {
+    NO_CENTER: 'no-center',
+    LOGO_TITLE_CONTAINER: 'logo-title-container'
+};
+const selectors = {
+    ROOT: '.forge-app-bar',
+    TITLE: '.title',
+    LOGO_TITLE_CONTAINER: '.logo-title-container',
+    CENTER_SLOT: 'slot[name=center]',
+    CENTER_SECTION: '#center-section'
+};
+export const APP_BAR_CONSTANTS = {
+    elementName,
+    selectors,
+    attributes,
+    classes
+};

package/esm/app-bar/{app-bar-foundation.d.ts → app-bar/app-bar-foundation.d.ts}

@@ -5,31 +5,32 @@
  */
 import { ICustomElementFoundation } from '@tylertech/forge-core';
 import { IAppBarAdapter } from './app-bar-adapter';
+import { AppBarElevation, AppBarTheme } from './app-bar-constants';
 export interface IAppBarFoundation extends ICustomElementFoundation {
     titleText: string;
-    fixed: boolean;
-    raised: boolean;
+    elevation: AppBarElevation;
+    theme: string;
+    href: string;
+    target: string;
 }
-/**
- * Provides facilities and helper methods for creating an app-bar component.
- */
 export declare class AppBarFoundation implements IAppBarFoundation {
     private _adapter;
     private _titleText;
-    private _fixed;
-    private _raised;
-    private _bottomSlotListener;
+    private _elevation;
+    private _theme;
+    private _href;
+    private _target;
     private _centerSlotListener;
     constructor(_adapter: IAppBarAdapter);
     initialize(): void;
-    private _onBottomSlotChanged;
-    private _onCenterSlotChanged;
-    /** Gets/sets the title text. */
     get titleText(): string;
     set titleText(value: string);
-    /** Gets/sets the fixed state. */
-    get fixed(): boolean;
-    set fixed(value: boolean);
-    get raised(): boolean;
-    set raised(value: boolean);
+    get elevation(): AppBarElevation;
+    set elevation(value: AppBarElevation);
+    get theme(): AppBarTheme;
+    set theme(value: AppBarTheme);
+    get href(): string;
+    set href(value: string);
+    get target(): string;
+    set target(value: string);
 }

package/esm/app-bar/app-bar/app-bar-foundation.js

@@ -0,0 +1,71 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { APP_BAR_CONSTANTS } from './app-bar-constants';
+export class AppBarFoundation {
+    constructor(_adapter) {
+        this._adapter = _adapter;
+        this._titleText = '';
+        this._elevation = 'raised';
+        this._href = '';
+        this._target = '';
+        this._centerSlotListener = (_evt) => this._adapter.setCenterSlotVisibility();
+    }
+    initialize() {
+        this._adapter.initialize();
+        this._adapter.addCenterSlotListener(this._centerSlotListener);
+        this._adapter.setCenterSlotVisibility();
+    }
+    get titleText() {
+        return this._titleText;
+    }
+    set titleText(value) {
+        if (this._titleText !== value) {
+            this._titleText = value !== null && value !== void 0 ? value : '';
+            this._adapter.setTitleText(this._titleText);
+            this._adapter.setHostAttribute(APP_BAR_CONSTANTS.attributes.TITLE_TEXT, value);
+        }
+    }
+    get elevation() {
+        return this._elevation;
+    }
+    set elevation(value) {
+        if (this._elevation !== value) {
+            this._elevation = value;
+            this._adapter.setHostAttribute(APP_BAR_CONSTANTS.attributes.ELEVATION, value);
+        }
+    }
+    get theme() {
+        return this._theme;
+    }
+    set theme(value) {
+        if (this._theme !== value) {
+            this._theme = value !== null && value !== void 0 ? value : '';
+            this._adapter.toggleHostAttribute(APP_BAR_CONSTANTS.attributes.THEME, !!this._theme, this._theme);
+        }
+    }
+    get href() {
+        var _a;
+        return (_a = this._href) !== null && _a !== void 0 ? _a : '';
+    }
+    set href(value) {
+        if (this._href !== value) {
+            this._href = (value === null || value === void 0 ? void 0 : value.trim().length) ? value.trim() : '';
+            this._adapter.setHref(this._href);
+            this._adapter.toggleHostAttribute(APP_BAR_CONSTANTS.attributes.HREF, !!this._href, this._href);
+        }
+    }
+    get target() {
+        var _a;
+        return (_a = this._target) !== null && _a !== void 0 ? _a : '';
+    }
+    set target(value) {
+        if (this._target !== value) {
+            this._target = (value === null || value === void 0 ? void 0 : value.trim().length) ? value.trim() : '';
+            this._adapter.setTarget(this._target);
+            this._adapter.toggleHostAttribute(APP_BAR_CONSTANTS.attributes.TARGET, !!this._target, this._target);
+        }
+    }
+}

package/esm/app-bar/app-bar/app-bar.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { AppBarElevation, AppBarTheme } from './app-bar-constants';
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
+export interface IAppBarComponent extends IBaseComponent {
+    titleText: string;
+    elevation: AppBarElevation;
+    theme: AppBarTheme;
+    href: string;
+    target: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-app-bar': IAppBarComponent;
+    }
+}
+/**
+ * @tag forge-app-bar
+ *
+ * @description App bars are a collection of components placed as a horizontal bar at the top of the screen. They typically contain a logo, title, and optional application-wide actions.
+ *
+ * @property {string} titleText - The text to display in the title.
+ * @property {AppBarElevation} elevation - The elevation of the app bar.
+ * @property {AppBarTheme} theme - The theme of the app bar.
+ * @property {string} href - The href that will be used to make the logo and title area a clickable link.
+ *
+ * @attribute {string} title-text - The text to display in the title.
+ * @attribute {string} elevation - The elevation of the app bar.
+ * @attribute {string} theme - The theme of the app bar.
+ * @attribute {string} href - The href that will be used to make the logo and title area a clickable link
+ *
+ * @cssproperty --forge-app-bar-background - The background color of the app bar.
+ * @cssproperty --forge-app-bar-foreground - The text color of the app bar.
+ * @cssproperty --forge-app-bar-z-index - The `z-index` of the app bar.
+ * @cssproperty --forge-app-bar-elevation - The elevation of the app bar.
+ * @cssproperty --forge-app-bar-height - The height of the app bar.
+ * @cssproperty --forge-app-bar-row-padding - The inline padding of the app bar.
+ * @cssproperty --forge-app-bar-logo-gap - The space between the logo and title.
+ * @cssproperty --forge-app-bar-title-padding - The padding around the title element.
+ * @cssproperty --forge-app-bar-transition-duration - The transition duration for animations.
+ * @cssproperty --forge-app-bar-transition-timing - The transition timing function for animations.
+ *
+ * @csspart root - The root container element.
+ * @csspart title - The title element.
+ *
+ * @slot logo - Reserved for the brand logo.
+ * @slot title - Reserved for the application title. This will overwrite the `titleText` property/attribute.
+ * @slot start - Places content at the beginning of the app bar.
+ * @slot center - Places content in the center of the app bar.
+ * @slot end - Places content at the end of the app bar.
+ */
+export declare class AppBarComponent extends BaseComponent implements IAppBarComponent {
+    static get observedAttributes(): string[];
+    private _foundation;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    titleText: string;
+    elevation: AppBarElevation;
+    theme: AppBarTheme;
+    href: string;
+    target: string;
+}

package/esm/app-bar/app-bar/app-bar.js

@@ -0,0 +1,107 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { CustomElement, attachShadowTemplate, FoundationProperty } from '@tylertech/forge-core';
+import { AppBarAdapter } from './app-bar-adapter';
+import { AppBarFoundation } from './app-bar-foundation';
+import { APP_BAR_CONSTANTS } from './app-bar-constants';
+import { BaseComponent } from '../../core/base/base-component';
+const template = '<template><div class=\"forge-app-bar\" part=\"root\"><div class=\"row\"><div class=\"section\"><slot name=\"start\"></slot><div class=\"logo-title-container\"><slot name=\"logo\"></slot><slot name=\"title\"><h1 class=\"title\" part=\"title\"></h1></slot></div></div><div id=\"center-section\" class=\"section\"><slot name=\"center\"></slot></div><div class=\"section\"><slot name=\"end\"></slot></div></div><div><slot name=\"bottom\"></slot></div></div></template>';
+const styles = ':host{--_app-bar-background:var(--forge-app-bar-background, var(--forge-theme-brand, #283593));--_app-bar-foreground:var(--forge-app-bar-foreground, var(--forge-theme-on-brand, #ffffff))}:host{display:block}:host([hidden]){display:none}:host(:not(theme)){--forge-theme-primary:var(--_app-bar-foreground);--forge-theme-on-primary:rgba(0, 0, 0, 0.87);--forge-theme-text-medium:rgba(255, 255, 255, 0.54)}.forge-app-bar{--_app-bar-z-index:var(--forge-app-bar-z-index, var(--forge-z-index-header, 4));--_app-bar-elevation:var(--forge-app-bar-elevation, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));--_app-bar-height:var(--forge-app-bar-height, 56px);--_app-bar-row-padding:var(--forge-app-bar-row-padding, var(--forge-spacing-xxsmall, 4px));--_app-bar-logo-gap:var(--forge-app-bar-logo-gap, var(--forge-spacing-medium, 16px));--_app-bar-logo-font-size:var(--forge-app-bar-logo-font-size, calc(var(--forge-typography-font-size, 1rem) * 2.5));--_app-bar-title-padding:var(--forge-app-bar-title-padding, var(--forge-spacing-xsmall, 8px));--_app-bar-transition-duration:var(--forge-app-bar-transition-duration, var(--forge-animation-duration-short4, 200ms));--_app-bar-transition-timing:var(--forge-app-bar-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)))}.forge-app-bar{background:var(--_app-bar-background);color:var(--_app-bar-foreground);position:relative;z-index:var(--_app-bar-z-index);display:grid;grid-template-rows:1fr auto;-webkit-transition-property:background-color,-webkit-box-shadow;transition-property:background-color,-webkit-box-shadow;transition-property:box-shadow,background-color;transition-property:box-shadow,background-color,-webkit-box-shadow;-webkit-transition-duration:var(--_app-bar-transition-duration);transition-duration:var(--_app-bar-transition-duration);-webkit-transition-timing-function:var(--_app-bar-transition-timing);transition-timing-function:var(--_app-bar-transition-timing);-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.forge-app-bar .row{display:grid;-webkit-box-align:center;align-items:center;grid-template-columns:1fr 1fr 1fr;height:var(--_app-bar-height);padding-inline:var(--_app-bar-row-padding)}.forge-app-bar.no-center .row{grid-template-columns:1fr auto}.forge-app-bar .section{display:-webkit-inline-box;display:inline-flex;-webkit-box-flex:1;flex:1 1 auto;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0;height:100%}.forge-app-bar .section:last-child{justify-self:end}.forge-app-bar h1{-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);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forge-app-bar a{outline:0;text-decoration:none;color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.forge-app-bar a forge-state-layer{--forge-state-layer-color:var(--_app-bar-foreground)}.forge-app-bar a forge-focus-indicator{--forge-focus-indicator-color:var(--_app-bar-foreground);--forge-focus-indicator-shape:4px;--forge-focus-indicator-offset-block:4px}.forge-app-bar .logo-title-container{position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:var(--_app-bar-logo-gap);min-width:0;padding-inline:var(--_app-bar-title-padding)}:host(:is(:not([elevation]),[elevation=raised])) .forge-app-bar{-webkit-box-shadow:var(--_app-bar-elevation);box-shadow:var(--_app-bar-elevation)}::slotted(forge-tab-bar){--forge-tab-bar-divider-thickness:0}::slotted([slot=logo]){font-size:var(--_app-bar-logo-font-size);height:1em;width:1em}:host([theme=white]){--forge-theme-primary:black;--forge-theme-on-primary:rgba(255, 255, 255, 0.87);--forge-theme-text-medium:rgba(0, 0, 0, 0.54)}:host([theme=white]) .forge-app-bar{--_app-bar-background:var(--forge-app-bar-background, white);--_app-bar-foreground:var(--forge-app-bar-foreground, black)}';
+/**
+ * @tag forge-app-bar
+ *
+ * @description App bars are a collection of components placed as a horizontal bar at the top of the screen. They typically contain a logo, title, and optional application-wide actions.
+ *
+ * @property {string} titleText - The text to display in the title.
+ * @property {AppBarElevation} elevation - The elevation of the app bar.
+ * @property {AppBarTheme} theme - The theme of the app bar.
+ * @property {string} href - The href that will be used to make the logo and title area a clickable link.
+ *
+ * @attribute {string} title-text - The text to display in the title.
+ * @attribute {string} elevation - The elevation of the app bar.
+ * @attribute {string} theme - The theme of the app bar.
+ * @attribute {string} href - The href that will be used to make the logo and title area a clickable link
+ *
+ * @cssproperty --forge-app-bar-background - The background color of the app bar.
+ * @cssproperty --forge-app-bar-foreground - The text color of the app bar.
+ * @cssproperty --forge-app-bar-z-index - The `z-index` of the app bar.
+ * @cssproperty --forge-app-bar-elevation - The elevation of the app bar.
+ * @cssproperty --forge-app-bar-height - The height of the app bar.
+ * @cssproperty --forge-app-bar-row-padding - The inline padding of the app bar.
+ * @cssproperty --forge-app-bar-logo-gap - The space between the logo and title.
+ * @cssproperty --forge-app-bar-title-padding - The padding around the title element.
+ * @cssproperty --forge-app-bar-transition-duration - The transition duration for animations.
+ * @cssproperty --forge-app-bar-transition-timing - The transition timing function for animations.
+ *
+ * @csspart root - The root container element.
+ * @csspart title - The title element.
+ *
+ * @slot logo - Reserved for the brand logo.
+ * @slot title - Reserved for the application title. This will overwrite the `titleText` property/attribute.
+ * @slot start - Places content at the beginning of the app bar.
+ * @slot center - Places content in the center of the app bar.
+ * @slot end - Places content at the end of the app bar.
+ */
+let AppBarComponent = class AppBarComponent extends BaseComponent {
+    static get observedAttributes() {
+        return [
+            APP_BAR_CONSTANTS.attributes.TITLE_TEXT,
+            APP_BAR_CONSTANTS.attributes.ELEVATION,
+            APP_BAR_CONSTANTS.attributes.THEME,
+            APP_BAR_CONSTANTS.attributes.HREF,
+            APP_BAR_CONSTANTS.attributes.TARGET
+        ];
+    }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new AppBarFoundation(new AppBarAdapter(this));
+    }
+    connectedCallback() {
+        this._foundation.initialize();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch (name) {
+            case APP_BAR_CONSTANTS.attributes.TITLE_TEXT:
+                this.titleText = newValue;
+                break;
+            case APP_BAR_CONSTANTS.attributes.ELEVATION:
+                this.elevation = newValue;
+                break;
+            case APP_BAR_CONSTANTS.attributes.THEME:
+                this.theme = newValue;
+                break;
+            case APP_BAR_CONSTANTS.attributes.HREF:
+                this.href = newValue;
+                break;
+            case APP_BAR_CONSTANTS.attributes.TARGET:
+                this.target = newValue;
+                break;
+        }
+    }
+};
+__decorate([
+    FoundationProperty()
+], AppBarComponent.prototype, "titleText", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarComponent.prototype, "elevation", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarComponent.prototype, "theme", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarComponent.prototype, "href", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarComponent.prototype, "target", void 0);
+AppBarComponent = __decorate([
+    CustomElement({
+        name: APP_BAR_CONSTANTS.elementName
+    })
+], AppBarComponent);
+export { AppBarComponent };

package/esm/app-bar/app-bar/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './app-bar-adapter';
+export * from './app-bar-constants';
+export * from './app-bar-foundation';
+export * from './app-bar';
+export declare function defineAppBarComponent(): void;

package/esm/app-bar/app-bar/index.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { AppBarComponent } from './app-bar';
+export * from './app-bar-adapter';
+export * from './app-bar-constants';
+export * from './app-bar-foundation';
+export * from './app-bar';
+export function defineAppBarComponent() {
+    defineCustomElement(AppBarComponent);
+}