[Visual Refresh] Provide hooks for color palette functions

[mgadewoll]

Summary

Important

This PR merges into a feature branch.

This PR changes the color palette functions to support passing colors as argument to enable a more flexible usage outside of a React Context where the EUI default values might not be updated as expected.

Additionally this PR adds hooks for the available color palette functions (e.g. euiPaletteColorBlind and euiPaletteColorBlindBehindText and euiPaletteForStatus etc) for usage in React components.

Example added hook: useEuiPaletteColorBlind

These hooks are mainly a devX addition and they are added to provide a direct input of the theme colors (from the EuiProvider to the palette functions without having to rely on the temporary middleware EuiVisColorStore which was previously added to support multiple themes in the previously static color palette functions.

To ensure vis colors are available for custom usage with palette functions, we also need to ensure to export the vis color definitions object colorVis from the themes.

QA

• verify updated components update look the same between production and staging

  • EuiAvatar (staging, production)
  • EuiColorPalette / EuiColorPicker (staging, production)
  • EuiSelectableTemplateSitewide (staging, production)

• verify docs update on theme changes as expected (showing updated palette colors per theme)

  • EuiAvatar (EUI, EUI+)
  • EuiColorPalette / EuiColorPicker (EUI, EUI+)
  • EuiComboBox (EUI, EUI+)
  • elastic charts (all related subpages) (e.g. EUI - charts are not loaded as updated package with token update sin EUI+ yet)
  • EuiFacet (EUI, EUI+)
  • EuiTimeline (EUI, EUI+)

[tkajtoch]

The changes look great! My brain had to adjust to seeing euiPaletteColorBlind-like variable names and not assume it's a function :D

[kibanamachine]

Preview staging links for this PR:

• Docs site: https://eui.elastic.co/pr_8284/
• Storybook: https://eui.elastic.co/pr_8284/storybook
• New docs: https://eui.elastic.co/pr_8284/new-docs

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: f45a7dc

History

• 💚 Build #3342 succeeded 069aade

cc @mgadewoll