[Lens] Use eui component instead of custom color stops

[flash1293]

This PR removes the custom logic to show the chosen palette in the dimension and switches to the eui component EuiColorPaletteDisplay

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[MichaelMarcialis]

Thanks for making this change, @flash1293. Super minor nitpick, but any chance we can do the following to apply two small style overrides to this EuiColorPaletteDisplay (to make it look more at home in the dimension item)?

1. Apply a className="lnsLayerPanel__palette" to EuiColorPaletteDisplay.
2. Apply the following styles to this class to adjust the border radius and remove the border:

.lnsLayerPanel__palette {
  border-radius: 0 0 ($euiBorderRadius - 1px) ($euiBorderRadius - 1px);

  &::after {
    border: none;
  }
}

[mbondyra]

Hey @flash1293 I wanted to check your PR already with changes @MichaelMarcialis asked for so I submitted a PR to this branch so you don't have to do the same job- feel free to merge my PR to your branch - changes lgtm, tested on FF and Chrome.

[flash1293]

Thank you so much @mbondyra 💚

[flash1293]

@elasticmachine merge upstream

[MichaelMarcialis]

Hey @flash1293 I wanted to check your PR already with changes @MichaelMarcialis asked for so I submitted a PR to this branch so you don't have to do the same job- feel free to merge my PR to your branch - changes lgtm, tested on FF and Chrome.

This looks lovely. Thanks for making that tweak, @mbondyra!

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: 92f0ba3

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
lens	1011.9KB	1012.1KB	+147.0B

Distributable file count

id	before	after	diff
default	46981	47741	+760

History

• 💚 Build #92648 succeeded cb9484c

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