eui
eui copied to clipboard
Add Emotion utilities to work with container queries
Problem Statement
Working with container queries in Emotion is not standardized.
Proposed Solution
EUI should provide utilities to work with container queries, specifically:
euiContainer(name: string, type?: ContainerType): stringeuiContainerCSS(name: string, type?: ContainerType): SerializedStyleseuiContainerQuery(conditions: string, containerName?: string): string
Use Case
This will be hugely useful internally in components like EuiDataGrid as well as externally across Kibana, Cloud and other Elastic products.
Value / Impact
See the parent epic.
Urgency
See the parent epic.
Do alternatives or workarounds exist?
It's possible to write the styles by hand, however, having utilities like these allows us to track usage closely, provide linting rules, and more.