Releases: elastic/eui
Releases Β· elastic/eui
v98.2.1
v98.2.0
- Added two new icons:
contrast
andcontrastHigh
(#8216) - Updated
EuiDataGrid
content to have a transparent background. (#8220)
Accessibility
- When the tooltips components (
EuiTooltip
,EuiIconTip
) are used inside components that handle the Escape key (likeEuiFlyout
orEuiModal
), pressing the Escape key will now only close the tooltip and not the entire wrapping component. (#8140) - Improved the accessibility of
EuiCodeBlock
s by (#8195)- adding screen reader only labels
- adding
role="dialog"
on in fullscreen mode - ensuring focus is returned on closing fullscreen mode
v98.1.0
- Updated
EuiBetaBadge
with a newwarning
color variant (#8177)
Accessibility
- Ensures
autoFocus
onEuiSelectableList
triggers initial focus (#8091) - Improved the accessibility of
EuiSearchBarFilters
by: (#8091)- adding a more descriptive
aria-label
to selection filter buttons - ensuring the selection listbox is initially focused when opening a selection popover
- adding a more descriptive
- Improved the accessibility experience of tabs (EuiTab, EuiTabs): tab group is a tab stop and tabs can be traversed with arrow keys. (#8116)
- Updated
EuiCodeBlock
with a newcopyAriaLabel
prop, which allows setting a custom screen reader label on the copy button. (#8176)
CSS-in-JS conversions
- Removed the following global Sass variables: (#8169)
$euiButtonMinWidth
$euiDatePickerCalendarWidth
- Removed the following Sass animations: (#8169)
euiAnimFadeIn
euiGrow
focusRingAnimate
focusRingAnimateLarge
euiButtonActive
- Removed the following Sass mixins: (#8169)
euiFullHeight
euiSlightShadowHover
datePickerArrow
v98.0.0
v97.3.1
Bug fixes
- Fixed an
EuiComboBox
bug where Enter keypresses were not working correctly on selection clear buttons (#8105) - Fixed an
EuiSuperDatePicker
bug where inputs would overflow out of smaller widths instead of truncating (#8109) - Fixed a bug with
EuiPageHeader
'srightSideItems
responsiveness where single items could overflow past the intended max width (#8110)
v97.3.0
EuiDataGrid
now supports a newtoolbarVisibility.showDisplaySelector.customRender
function that allows completely customizing the rendering of the display selector popover (#8080)EuiDataGrid
's row height/lines per row setting has been streamlined in both UI and UX (#8080)EuiDataGrid
now accepts consumer-passed display setting updates even after users have changed their display preferences via UI (#8080)- Updated
EuiDataGrid
to vertically center alltoolbarVisibility.additionalControls
nodes (#8085) - Updated
EuiDataGrid
with a betarowHeightsOptions.autoBelowLineCount
feature flag (#8096) - Updated
EuiContextMenuPanel
to allow disabling initial focus viainitialFocusedItemIndex={-1}
(#8101)
Bug fixes
v97.2.0
v97.1.0
- Added
columnVisibility.canDragAndDropColumns
onEuiDataGrid
which enables reordering columns via draggable header cells (#8015) - Updated
EuiHeader
s in dark mode to have a visible border-bottom color (#8070) - Added props
minDate
andmaxDate
onEuiSuperDatePicker
to support restricting date range selections (#8071)
v97.0.0
Breaking changes
- EuiDataGrid's custom grid body (rendered via
renderCustomGridBody
) no longer automatically renders the column header row or footer rows. It instead now passes theheaderRow
andfooterRow
React elements, which require manual rendering. (#8028)- This change was made to allow consumers to sync header/footer rows with their own custom virtualization libraries.
- To facilitate this, a
gridWidth
prop is now also passed to custom grid body renderers.
Bug fixes
- Fixed inputs not taking the whole width when passing
fullWidth
astrue
to EuiDatePickerRange component (#8061)
Accessibility
- Improved accessibility of
EuiExternalLinkIcon
by clarifying text for Screen Reader users. (#8065)