Releases: elastic/eui
Releases · elastic/eui
v92.1.0
- Updated
EuiResizableButton
to allow customizing theindicator
style with eitherhandle
(default) orborder
(#7455) - Enhanced
EuiResizableContainer
to preserve the drag/resize event when the user's mouse leaves the parent container and re-enters (#7456)
Bug fixes
- Fixed an
EuiTreeView
JSX Typescript error (#7452) - Fixed a color console warning being generated by disabled
EuiStep
s (#7454)
Accessibility
EuiDataGrid
's keyboard/screenreader experience has been tweaked to be more consistent for varying complex data: (#7448)- Headers are now always navigable by arrow key, regardless of whether the header cells contain interactive content
- Non-expandable cells containing any amount of interactive content now must be entered via Enter or F2 keypress
- Expandable cells continue to be toggled via Enter or F2 keypress
EuiDataGrid
now provides a direct screen reader hint for Enter key behavior for expandable & interactive cells (#7448)
v92.0.0
v92.0.0
- Updated generic types of
EuiBasicTable
,EuiInMemoryTable
andEuiSearchBar.Query.execute
to addextends object
constraint (#7340)- This change should have no impact on your applications since the updated types only affect properties that exclusively accept object values.
- Added a new
EuiFlyoutResizable
component (#7439) - Updated
EuiTextArea
to acceptisClearable
andicon
as props (#7449)
Bug fixes
EuiRange
/EuiDualRange
's track ticks & highlights now update their positions on resize (#7442)
Deprecations
- Updated
EuiFilterButton
to remove the second.euiFilterButton__textShift
span wrapper. Target.euiFilterButton__text
instead (#7444)
Breaking changes
v91.3.1
v91.3.0
v91.2.0
v91.1.0
- Updated
EuiDataGrid
cell actions to display above cells instead of within them, to avoid content clipping issues (#7343) - Updated
EuiDataGrid
cell expansion popovers to sit on top of cells instead of below/next to them (#7343) - Updated
EuiListGroupItem
to render an external icon and screen reader affordance for links withtarget
set to to_blank
(#7352) - Updated
EuiListGroupItem
with a newexternal
prop, which allows enabling or disabling the new external link icon (#7352) - Updated
EuiText
to no longer set any opinionated styles on child<img>
tags - useEuiImage
for image display within text instead (#7360) - Improved
EuiBasicTable
/EuiInMemoryTable
s mobile UI for custom actions (#7361) - Added a new
EuiDataGridToolbarControl
subcomponent, which is useful for rendering your own customEuiDataGrid
toolbar buttons while matching the look of the default controls (#7369) - Updated
EuiDataGrid
's toolbar controls to show active/current counts in badges, and updated the Columns button icon (#7369) - Updated
EuiButtonEmpty
to allow passingfalse
totextProps
, which allows rendering custom button content without an extra text wrapper (#7369) - Updated
EuiDataGrid
column header cells to show the sort arrow after the heading text, instead of before (#7371) - Updated
EuiDataGrid
's column header actions icon from a chevron toboxesVertical
(#7371) - Updated the actions column in
EuiBasicTable
andEuiInMemoryTable
s. Alongsidename
, thedescription
,href
, anddata-test-subj
properties now also accept an optional callback that the currentitem
will be passed to (#7373) - Updated
EuiContextMenuItem
with a newtoolTipProps
prop (#7373) EuiSelectable
now allows configurable text truncation vialistProps.truncationProps
(#7388)EuiTextTruncate
now supports a newcalculationDelayMs
prop for working around font loading or layout shifting scenarios (#7388)
Bug fixes
- Fixed incorrect
EuiPopover
positioning calculations whenhasArrow
was set to false (#7343) - Fixed
EuiSuperSelect
to render options with falsy values (false, 0, and ''), but not nullish values (undefined or null) (#7362) - Fixed
EuiSuperSelect
's typing to allow non-string values (e.g., booleans or numbers) (#7362) - Fixed
EuiDataGrid
's numeric and currency column heading cells to be correctly right-aligned (#7371) - Fixed
EuiBasicTable
andEuiInMemoryTable
actions not showing tooltip descriptions when rendered in the all actions popover menu (#7373) - Fixed missing underlines on
EuiContextMenu
link hover (#7373) - Fixed visual text truncation of
EuiBreadcrumb
s withpopoverContent
(#7375) - Fixed
EuiFormRow
s withhasEmptyLabelSpace
being very slightly off in vertical alignment (#7380)
Deprecations
- Deprecated
EuiContextMenuItem
'stoolTipTitle
prop. UsetoolTipProps.title
instead (#7373) - Deprecated
EuiContextMenuItem
'stoolTipPosition
prop. UsetoolTipProps.position
instead (#7373)
Accessibility
- Fixed custom
EuiBasicTable
/EuiInMemoryTable
rendering nested interactive custom actions (#7361) - Fixed
EuiBasicTable
andEuiInMemoryTable
actions not correctly reading out action descriptions to screen readers (#7373) - Fixed
EuiBasicTable
andEuiInMemoryTable
primary actions not visibly appearing on keyboard focus (#7373)
v91.0.0
- Updated the background color of
EuiPopover
s in dark mode to increase visibility & contrast against other page/panel backgrounds (#7310) - Memoized
EuiDataGrid
to prevent unneeded re-renders (#7324) - Added a configurable
role
prop toEuiAccordion
(#7326) - Added a configurable
role
prop toEuiGlobalToastList
(#7328) - For greater flexibility,
EuiSuperDatePicker
now allows users to paste ISO 8601, RFC 2822, and Unix timestamps in theAbsolute
tab input, in addition to timestamps in thedateFormat
prop (#7331) - Plain text
EuiComboBox
es now behave more like a normal text field/input. Backspacing will no longer delete the entire value, and selected values can now be double clicked and copied. (#7332) EuiDataGrid
's display settings popover now allows users to clear the "Lines per row" input before typing in a new number (#7338)- Improved the UX of
EuiSuperDatePicker
's Absolute tab for users manually typing in timestamps (#7341) - Updated
EuiI18n
s with multipletokens
to accept dynamicvalues
(#7341)
Bug fixes
- Fixed
EuiComboBox
'sonSearchChange
callback to pass the correcthasMatchingOptions
value (#7334) - Fixed an
EuiSelectableTemplateSitewide
bug where thepopoverButton
behavior would break if passed a non-DOM React wrapper (#7339)
Deprecations
EuiPopover
: deprecatedanchorClassName
. UseclassName
instead (#7311)EuiPopover
: deprecatedbuttonRef
. UsepopoverRef
instead (#7311)EuiPopover
: removed extra.euiPopover__anchor
div wrapper. Target.euiPopover
instead if necessary (#7311)- Deprecated
EuiButtonGroup
'sname
prop. This can safely be removed. (#7325)
Breaking changes
- Removed deprecated
euiPaletteComplimentary
- useeuiPaletteComplementary
Instead (#7333)
Accessibility
- Updated
type="single"
EuiButtonGroup
s to render standard buttons instead of radio buttons under the hood, per recent a11y recommendations (#7325) EuiAccordion
now defaults to a less screenreader-noisygroup
role instead ofregion
. If your accordion contains significant enough content to be a document landmark role, you may re-configure it back toregion
. (#7326)- Reduced screen reader noisiness when sorting
EuiDataGrid
columns via toolbar (#7327) EuiGlobalToastList
now defaults to alog
role. If your toasts will always require immediate user action, consider (with caution) using thealert
role instead. (#7328)
CSS-in-JS conversions
- Updated
$euiFontFamily
and$euiCodeFontFamily
to match Emotion fonts (#7332)
v90.0.0
- Updated the
eventColor
prop onEuiCommentEvent
to apply the color to the entire comment header. (#7288) - Updated
EuiBasicTable
andEuiInMemoryTable
to support a new controlled selection API:selection.selected
(#7321)
Bug fixes
- Fixed controlled
EuiFieldNumbers
not correctly updating native validity state (#7291) - Fixed
EuiListGroupItem
to passstyle
props to the wrapping<li>
element alongsideclassName
andcss
. All other props will be passed to the underlying content. (#7298) - Fixed
EuiListGroupItem
's non-transitioned transform on hover/focus (#7298) - Fixed
EuiDataGrid
s withgridStyle.stripes
sometimes showing buggy row striping after being sorted (#7301) - Fixed
EuiDataGrid
'sgridStyle.rowClasses
API to not conflict withgridStyle.stripes
if dynamically updated (#7301) - Fixed
EuiDataGrid
'sgridStyle.rowClasses
API to support multiple space-separated classes (#7301) - Fixed
EuiInputPopover
not callingonPanelResize
callback prop (#7305) - Fixed
EuiDualRange
incorrectly positioning highlights when rendered withshowInput="inputWithPopover"
(#7305) - Fixed
EuiTabs
incorrectly wrapping text when it should instead either scroll or truncate (#7309) EuiContextMenu
now renders text colors correctly when used within anEuiBottomBar
(#7312)- Fixed the width of
EuiSuperDatePicker
's Absolute date picker (#7313) - Fixed
EuiDataGrid
cells visually cutting off overflowing content a little too quickly (#7320)
Deprecations
- Deprecated
EuiBasicTable
andEuiInMemoryTable
's refsetSelection
API. Use the newselection.selected
API instead. (#7321)
Breaking changes
- Removed
EuiPageTemplate_Deprecated
,EuiPageSideBar_Deprecated
, andEuiPageContent*_Deprecated
(#7265) - Removed the
ghost
color option fromEuiButton
,EuiButtonEmpty
, andEuiButtonIcon
. Use an<EuiThemeProvider colorMode="dark">
wrapper andcolor="text"
instead. (#7296)
Dependency updates
- Updated
refractor
to v3.6.0 (#7127) - Updated
rehype-raw
to v5.1.0 (#7127) - Updated
vfile
to v4.2.1 (#7127)
Accessibility
EuiContextMenu
now correctly respects reduced motion preferences (#7312)EuiAccordion
s no longer attempt to focus child content when the accordion is externally opened viaforceState
, but will continue to focus expanded content when users click the toggle button. (#7314)
CSS-in-JS conversions
- Converted
EuiContextMenu
,EuiContextMenuPanel
, andEuiContextMenuItem
to Emotion; Removed$euiContextMenuWidth
(#7312)
v89.1.0
- Added
tokenVectorSparse
token and updatedtokenDenseVector
token (now namedtokenVectorDense
). (#7282)
CSS-in-JS conversions
- Reduced default CSS prefixes generated by Emotion to only browsers supported by EUI (latest evergreen browsers). This can be customized by passing your own Emotion cache to
EuiProvider
. (#7272)
v89.0.0
- Added new
pushAnimation
prop to pushEuiFlyout
s, which enables a slide in animation (#7239) - Updated
EuiComboBox
to useEuiInputPopover
under the hood (#7246) - Added
inputPopoverProps
toEuiComboBox
, which allows customizing the underlying popover (#7246) - Added a new beta
EuiTextBlockTruncate
component for multi-line truncation (#7250) - Updated
EuiBasicTable
andEuiInMemoryTable
to support multi-line truncation. This can be set viatruncateText.lines
in thecolumns
prop. (#7254)
Bug fixes
- Fixed
EuiFlexGroup
andEuiFlexGrid
'sm
gutter size (#7251) - Fixed focus trap rerender issues in
EuiFlyout
with memoization (#7259) - Fixed a visual bug with
EuiContextMenu
's animation between panels (#7268)
Breaking changes
- EUI's global body font-size now respects the
font.defaultUnits
token. This means that the global font size will use therem
unit by default, instead ofpx
. (#7182) - Removed exported
accessibleClickKeys
,comboBoxKeys
, andcascadingMenuKeys
services. Use the generickeys
service instead (#7256) - Removed
EuiColorStops
due to low usage (#7262) - Removed
EuiSuggest
. We recommend usingEuiSelectable
orEuiComboBox
instead (#7263) - Removed
euiHeaderAffordForFixed
Sass mixin, and$euiHeaderHeight
and$euiHeaderHeightCompensation
Sass variables. Use the CSS variable--var(euiFixedHeadersOffset, 0)
instead. (#7264)
Accessibility
- When using
rem
orem
font units, EUI now respects, instead of ignoring, browser default font sizes set by end users. (#7182)