Improved empty state for nav search

[ryankeairns]

Summary

The no results state for nav search left something to be desired, so this PR improves upon it by adding a fun illustration (courtesy of @JessSmithSup 🙇 ).

Before

After (dark mode)

After (light mode)

Note: During this process, we discovered that we were not providing a noMatchesMessage on EuiSelectableTemplateSitewide. For now, we are displaying the same empty state message for both cases, but in the future (once we address #75040) we'll strongly consider providing different messages.

Checklist

Delete any items that are not applicable to this PR.

• Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
• Unit or functional tests were updated or added to match the most common scenarios
• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser
• This was checked for cross-browser compatibility

[ryankeairns]

@gchaps @alexfrancoeur it's been a while since this topic came up, but finally got all the pieces in place to improve the empty state for search!

[myasonik]

Love it!

[alexfrancoeur]

hah! nice illustration. Is this something we should standardize whenever there are no results across Kibana? While I love the black hole, my only concern it's not obvious enough as an illustration. I'm sure we'll get feedback if that's the case though. I mean hey, people love our 404's https://twitter.com/ali_tahir14/status/1306254454933594119?s=20

On the text, I'm not sure how well known "saved objects" are to end users, especially if you're not an admin. Would it be better to list some examples? "Try searching for applications, dashboards, visualizations and more" or something along those lines.

[ryankeairns]

I was curious about the familiarity of that term and what you proposed is much clearer, imo.

[gchaps]

+1 for the text Alex suggested, but with the serial comma:

Try searching for applications, dashboards, visualizations, and more.

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: f194104

Metrics [docs]

page load bundle size

id	before	after	diff
globalSearchBar	28.0KB	28.7KB	+780.0B

History

• 💚 Build #78893 succeeded ec7136c
• 💔 Build #78834 failed b53d78e
• 💔 Build #78756 failed 22a8025

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[ryankeairns]

On the topic of re-using illustrations, we don't currently have a central place where these are stored that I'm aware of. I brought this up, internally, at the outset of the work and will track that as a separate thing for us to define a pattern for.