v88.2.0

• Added a new EuiTextTruncate component, which provides custom truncation options beyond native CSS (#7116)
• Fixed-positioned EuiHeaders now set a global CSS --euiFixedHeadersOffset variable, which updates dynamically based on the number of fixed headers on the page. (#7144)
• EuiFlyouts now dynamically set their position, height, and mask based on the number of fixed headers on the page. (#7144)
• Sticky-positioned EuiPageSidebars now dynamically set their position and height based on the number of fixed headers on the page. This can still be overridden via the sticky.offset prop if needed. (#7144)
• EuiPageTemplate now dynamically offsets content from any fixed headers on the page. This can still be overridden via the offset prop if needed. (#7144)
• Updated EuiAccordion with a new borders prop (#7154)
• Updated EuiAccordion with a new buttonProps.paddingSize prop (#7154)

Deprecations

• Deprecated the Sass euiHeaderAffordForFixed mixin. Use the new global CSS var(--euiFixedHeadersOffset) variable instead. (#7144)

CSS-in-JS conversions

• Except for generic CSS utilities, EUI is moving away from providing global classNames that are component-specific. As part of this effort, we have removed the following EuiAccordion-specific classes: (#7154)
  • Removed .euiAccordionForm styles. Use the borders="horizontal" prop instead
  • Removed .euiAccordionForm__button styles. Use the buttonProps={{ paddingSize: 'm' }} prop instead
  • Removed .euiAccordionForm__extraAction styles. Convert this to your own custom CSS if necessary.
  • Removed .euiAccordionForm__title styles. Convert this to your own custom CSS if necessary.