Line icons addition

[MichaelMarcialis]

Summary

Added new lineDashed, lineDotted, and lineSolid icons to EUI.

CCing @mbondyra, as elastic/kibana#124970 mentions needing these icons as part of the proposed design updates to Lens flyouts.

Checklist

• Check against all themes for compatibility in both light and dark modes
• Checked in Chrome, Safari, Edge, and Firefox
• Added documentation
• Added or updated jest and cypress tests
• A changelog entry exists and is marked appropriately

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_5633/

[elizabetdev]

Thanks, @MichaelMarcialis for adding this new great set of icons to EUI! 🎉

The icons look good to me. But I noticed that the lineDotted looks thinner when compared with the other two.

What do you think of instead of making a circle of 2px x 2px making it instead with 3px x 3px. This change makes the circles bigger with more space between them, and it's easier to notice that they are dots.

I guess one of the reasons you went with the 2px x 2px circles version is that they get better centered aligned. The 3px x 3px doesn't get centered properly but when is side by side with the other icons it doesn't make that much difference.

Let me know what do you think of the proposed changes?

[MichaelMarcialis]

What do you think of instead of making a circle of 2px x 2px making it instead with 3px x 3px.

Thanks for the feedback, @miukimiu! I've updated the dottedLine icon to use 3x3px dots. Updated screenshot in the original description above.

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_5633/

[elizabetdev]

Thanks, @MichaelMarcialis.

Tested in Safari, Firefox, and Chrome. Also tested in low resolution and LGTM! 🎉