Stream UI bugfixes (#3041)

* fix: various ui fixes

* fix: tooltip button active color

* fix: teal color

* fix: RTE borders

* fix: snapshots

* fix: reduce padding of show more of this conversation button

* Fix font weight fallback values

* Replace RTE validation messages with v3 CallOuts

CORL-1213

* More styling classnames

* chore: remove not used style

* fix: reaction button primary color

* fix snapshots

* harmonize data-variant on buttons

* [CORL-1215] Install Style Tweaks (#3046)

* fix logic around repeat posts with or without media embeds: (#3042)

* fix: restore ReportCommentEvent (#3037)

Co-authored-by: Wyatt Johnson <wyattjoh@gmail.com>

* fix: fixed issue with graphiql (#3043)

* README.md Update (#3045)

* chore: update README.md

* fix: removed README from doctoc

* fix: replaced emoji codes with emjoi

* fix: removed emoji's due to browser rendering issues

* fix: fixed bugs with install styles

Co-authored-by: Tessa Thornton <tessathornton@gmail.com>
Co-authored-by: Vinh <vinh@vinh.tech>

* fix: remove lineheight css variables and make them relative

* fix: adjust line-heights

* fix: update snapshots

* More css bindings for client styling

Set bindable class on community guidelines
Set bindable classname on "Comment on" label

* fix: more tweaks

* fix: snapshots

* fix: lint and tests

Co-authored-by: nick-funk <nick.funk@outlook.com>
Co-authored-by: Wyatt Johnson <wyattjoh@gmail.com>
Co-authored-by: Tessa Thornton <tessathornton@gmail.com>

CSS_VARIABLES.md

@@ -36,7 +36,6 @@ the old CSS Variables, please upgrade. Currently we have a compatibility layer t
     - <a href="#font-weight-primary">font-weight-primary</a>
     - <a href="#font-weight-secondary">font-weight-secondary</a>
   - <a href="#font-size">font-size</a>
-  - <a href="#line-height">line-height</a>
   - <a href="#shadow">shadow</a>
   - <a href="#spacing">spacing</a>
   - <a href="#mini-unit">mini-unit</a>
@@ -192,17 +191,17 @@ Different font weights with matching values for the fonts.
 
 #### font-weight-primary
 
-`--font-weight-primary-bold: 700;  /* Before 6.3.0: --font-weight-sans-bold */`
+`--font-weight-primary-bold: 700;  /* Before 6.3.0: --font-weight-bold */`
 
-`--font-weight-primary-semi-bold: 600;  /* Before 6.3.0: --font-weight-sans-medium */`
+`--font-weight-primary-semi-bold: 600;  /* Before 6.3.0: --font-weight-medium */`
 
-`--font-weight-primary-regular: 300;  /* Before 6.3.0: --font-weight-sans-regular */`
+`--font-weight-primary-regular: 300;  /* Before 6.3.0: --font-weight-light */`
 
 #### font-weight-secondary
 
-`--font-weight-secondary-bold: 700;  /* Before 6.3.0: --font-weight-serif-bold */`
+`--font-weight-secondary-bold: 700;  /* Before 6.3.0: --font-weight-bold */`
 
-`--font-weight-secondary-regular: 300;  /* Before 6.3.0: --font-weight-serif-regular */`
+`--font-weight-secondary-regular: 300;  /* Before 6.3.0: --font-weight-light */`
 
 ### font-size
 
@@ -234,28 +233,6 @@ Different font weights with matching values for the fonts.
 
 `--font-size-icon-xs: 0.75rem;`
 
-### line-height
-
-`--line-height-comment-body: 1.45rem;`
-
-`--line-height-field-description: 1.3rem;`
-
-`--line-height-1: 0.75rem;`
-
-`--line-height-2: 0.875rem;`
-
-`--line-height-3: 1rem;`
-
-`--line-height-4: 1.125rem;`
-
-`--line-height-5: 1.25rem;`
-
-`--line-height-6: 1.5rem;`
-
-`--line-height-7: 1.75rem;`
-
-`--line-height-8: 2rem;`
-
 ### shadow
 
 Different shadows that are currently used in Coral.