[Docs] EuiProvider custom breakpoints example no longer works

[cee-chen]

Problem

https://eui.elastic.co/#/theming/breakpoints/values#custom-values

Broken EuiProvider example:

eui/packages/eui/src-docs/src/views/theme/breakpoints/breakpoints.tsx

Line 54 in 5c40315

<EuiProvider modify={{ breakpoint: CUSTOM_BREAKPOINTS }}>

The PR that broke this was #6949 - we now return early for nested EuiProviders, meaning there can only be one top-level provider on each page, meaning the example is now broken 😅

Solution

• One quick fix could be creating a Storybook with custom breakpoints and then embedding it as an iframe
• Alternatively, we could simply wait until EUI+ where everything will be on Storybook embeds at that point in any case

[JasonStoltz]

This should be fixed when we roll out our new documentation site, which is slated for the end of this quarter.