Summary

Converts EuiHorizontalRule to Emotion. diff'd full-page screen shots with no difference.

This required updating a markdown editor test to check for an element existence instead of taking a full snapshot.

Things to look out for when moving styles

- [ ] Anything in the backlog that could be a quick fix for that component?

• Convert global Sass vars to JS version like sizing
  - [ ] Convert component-specific Sass vars to exported JS versions
• Convert side specific padding, margin, and position to -inline and -block (Logical properties)
• Reduce specificity where possible (usually by reducing class name chaining)
  - [ ] Use gap property to add margin between items if using flex
  - [ ] Can any still existing .js files be converted to TS?

QA

• Do className, css, and style props work properly when passed by the consumer
• Does the rendered class read as expected

Checklist

• Checked in both light and dark modes
• Checked in mobile
• Checked in Chrome, Safari, Edge, and Firefox
  - [ ] Props have proper autodocs and playground toggles
  - [ ] Added documentation
  - [ ] Checked Code Sandbox works for any docs examples
  - [ ] Added or updated jest and cypress tests
• Checked for breaking changes and labeled appropriately
  - [ ] Checked for accessibility including keyboard-only and screenreader modes
  - [ ] Updated the Figma library counterpart
• A changelog entry exists and is marked appropriately