v88.5.3

Bug fixes

• Fixed EuiComboBox search input width not resetting correctly on selection (#7240)

v88.5.2

Bug fixes

• Fixed broken EuiTextTruncate testenv mocks (#7234)

v88.5.1

• Improved the performance of EuiComboBox by removing the react-autosizer-input dependency (#7215)

Dependency updates

• Updated react-element-to-jsx-string to v5.0.0 (#7214)
• Removed unused @types/vfile-message dependency (#7214)

v88.5.0

• Updated EuiCallOut with a new onDismiss prop (#7156)
• Added a new renderCustomToolbar prop to EuiDataGrid, which allows custom rendering of the toolbar. (#7190)
• Added a new allowResetButton prop to toolbarVisibility.showDisplaySelector of EuiDataGrid, which allows hiding the "Reset to default" button from the display settings popover. (#7190)
• Added a new additionalDisplaySettings prop to toolbarVisibility.showDisplaySelector of EuiDataGrid, which allows rendering extra settings inside the display settings popover. (#7190)
• Updated EuiDataGrid's toolbar display settings button icon (#7190)
• Updated EuiTextTruncate with significantly improved iteration performance. Removed measurementRenderAPI prop, as EuiTextTruncation now only uses more performant canvas render API (#7210)
• Updated EuiPopover with a new configurable repositionToCrossAxis prop (#7211)
• Updated EuiDatePicker to support compressed input styling (#7218)
• Added gradient and palette icon glyphs. (#7220)

Bug fixes

• Fixed EuiPopover's missing animations on popover close (#7211)
• Fixed EuiInputPopover anchoring to the wrong side and missing shadows on smaller screens (#7211)
• Fixed EuiSuperDatePicker icon spacing on the quick select button (#7217)
• Fixed a missing type in EuiMarkdownEditor's default processing plugins (#7221)

v88.4.1

Bug fixes

• Fixed missing classNames on EuiTextTruncate (#7212)
• Fixed titles on EuiComboBox dropdown options to always be present (#7212)
• Fixed EuiComboBox truncation issues when search is an empty space (#7212)

v88.4.0

• Updated EuiComboBox to allow configuring text truncation behavior via truncationProps. These props can be set on the entire combobox as well as on on individual dropdown options. (#7028)
• Updated EuiInMemoryTable with a new searchFormat prop (defaults to eql). When setting this prop to text, the built-in search bar will ignore EQL syntax and allow searching for plain strings with special characters and symbols. (#7175)

Bug fixes

• EuiComboBox now always shows the highlighted search text, even on truncated text (#7028)
• Fixed missing i18n in EuiSearchBar's default placeholder and aria-label text (#7175)
• Fixed the inline compressed styles of EuiDescriptionListTitle to use a taller line-height for readability (#7185)
• Fixed EuiComboBox to correctly truncate selected items when displayed as pills and plain text (#7193)

Accessibility

• Added aria-current attribute to EuiTablePagination (#7186)

CSS-in-JS conversions

• Converted EuiDroppable and EuiDraggable to Emotion; Removed $euiDragAndDropSpacing Sass variables (#7187)

v88.3.0

• EuiGlobalToastList now shows a "Clear all" button by default once above a certain number of toasts (defaults to 3). This threshold is configurable with the showClearAllButtonAt prop (#7111)
• Added an optional onClearAllToasts callback to EuiGlobalToastList (#7111)
• Added the value, onChange, and onCancel props that allow EuiInlineEdit to be used as a controlled component (#7157)
• Added grabOmnidirectional, transitionLeftIn, transitionLeftOut, transitionTopIn, and transitionTopOut icon glyphs. (#7168)

Bug fixes

• Fixed EuiInlineEdit components to correctly spread ...rest attributes to the parent wrapper (#7157)
• Fixed EuiListGroupItem to correctly render the extraAction button when showToolTip is also passed (#7159)

Dependency updates

• Updated @hello-pangea/dnd to v16.3.0 (#7125)
• Updated @types/lodash to v4.14.198 (#7126)

Accessibility

• EuiAccordion now correctly respects reduced motion settings (#7161)
• EuiAccordion now shows a focus outline to keyboard users around its revealed children on open (#7161)

CSS-in-JS conversions

• Converted EuiSplitPanel to Emotion (#7172)

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.

v88.1.0

• Added font.defaultUnits theme token. EUI component font sizes default to rem units - this token allows consumers to configure this to px or em (#7133)
• Updated EuiDescriptionList with new columnWidths prop (#7146)

Bug fixes

• Fixed EuiDataGrid's keyboard shortcuts popover display (#7146)

CSS-in-JS conversions

• Renamed useEuiFontSize()'s measurement option to unit for clarity (#7133)

v88.0.0

• Updated EuiDescriptionList with a new columnGutterSize prop (#7062)

Deprecations

• Deprecated EuiSuggest. We recommend using EuiSelectable or EuiComboBox instead (#7122)
• Deprecated EuiControlBar. We recommend using EuiBottomBar instead (#7122)
• Deprecated EuiColorStops. We recommend copying the component to your application if necessary (#7122)
• Deprecated EuiNotificationEvent. We recommend copying the component to your application if necessary (#7122)

Breaking changes

• Renamed EuiDescriptionList's gutterSize prop to rowGutterSize (#7062)
• EuiDescriptionList's rowGutterSize prop now defaults to a size of s (was previously m) (#7062)

Accessibility

• Fixed the dark mode colors of inline EuiDescriptionListTitles to meet WCAG color contrast requirements (#7062)

CSS-in-JS conversions

• Converted EuiKeyPadMenuItem to Emotion; Removed $euiKeyPadMenuSize and $euiKeyPadMenuMarginSize (#7118)