More EuiCard props and added accessibility icon

[cchaos]

After viewing the accessibility PR changes to EuiCard in Kibana, there was a particular usage that needed some extra customization from the EUI side.

Kibana implementation

Added titleSize prop to EuiCard

This allows the shrinking of the title to better match a large size icon (vs a xl size icon). And in case the title is just too large beneath a particular heading.

I'm restricting to only s and xs (matches EuiTitle of the same sizing) so that the title can never be too large or too small compared to the description.

Added display prop to EuiCard

The Kibana implementation uses EuiCard's within an EuiPanel which normall would be too many panels within panels. So in Kibana, they override the default EuiCard styles to remove the border and shadow.

I've added this as a property of EuiCard where the default is display="panel" but you can also set to display="plain" which, as assumed just removes the border and shadow.

I am purposefully not creating a docs example for this as most cases should use the panel style.

Added accessibility glyph to EuiIcon

I was altering a call out within the docs that was mentioning accessibility and I really just wanted to add the icon. So I finally created one.

Checklist

• Checked in dark mode
• Checked in mobile
• Checked in IE11 and Firefox
• Props have proper autodocs
• Added documentation examples
• Added or updated jest tests
• [ ] Checked for breaking changes and labeled appropriately
• [ ] Checked for accessibility including keyboard-only and screenreader modes
• A changelog entry exists and is marked appropriately

[ryankeairns]

A bunch of smalls, tried this out locally and it looks good!
I know I've run into the title size issue before and I really like the look of images in the "plain" display style.

The copy edits are mostly suggestions.

[thompsongl]

Looks good!

[ryankeairns]

Thanks for the changes!