[Ingest pipelines] Prepare processors editor for EUI v8 (Amsterdam theme)

[jloleysens]

Summary

Current master

With the EUI v7 theme, the Ingest pipeline editor looks like:

The top-level panels have a shadow applied to create a bit of depth with panels nested inside of other panels having no shadow to give a flat appearance.

On the new Amsterdam light theme the ingest pipelines editor looks like:

Because the default is for panels to be borderless, the nested panel looks indistinct from the containing panel. Additionally, the box shadow has a larger area which creates a dark gradient that gets cut off sharply. The bottom of the editor is where this is most pronounced:

After these changes

To make the editor look good in both v7 and v8 we can remove shadows at all levels (i.e., make the entire tree flat) and add borders on nested panel items (or all panel items). Pending the ability to set hasBorder on #93796. Setting hasShadow={false} creates the following visual appearance:

v7:

v8:

[jloleysens]

@elasticmachine merge upstream

[elasticmachine]

Pinging @elastic/es-ui (Team:Elasticsearch UI)

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: 80ba7b4
• Storybooks Preview

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
ingestPipelines	672.7KB	672.3KB	-394.0B

History

• 💚 Build #116063 succeeded 34844c1
• 💚 Build #114904 succeeded 7202cd1

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

[alisonelizabeth]

LGTM. Thanks for fixing this!