Releases: elastic/eui
Releases · elastic/eui
v116.0.0
@elastic/eui v116.0.0
- Updated
EuiSuperSelectto not open the listbox if nooptionsare passed. (#9645) - Added
externalprop onEuiContextMenuItemto control rendering an icon for external links (#9606) - Updated
EuiSuperSelectItemto useEuiListItemLayout(#9603) - Updated
EuiListGroupItemto useEuiListItemLayout(#9579) - Updated
EuiSelectableListItemto use the sharedEuiListItemLayoutcomponent to align layout and styles between list components (#9532) - Updated
EuiSelectableTemplateSitewideoption text spacing from4pxto2px(#9532) - Added a padding on
EuiDataGrids column actions popover (#9515) - Updated
EuiSelectableListandEuiSelectableListItemstyles (#9411) - Updated
EuiSelectableListItemto useEuiCheckboxControlforsingleSelection=false(#9411) - Updated
EuiSelectableListto useVariableSizeListinstead ofFixedSizeListfromreact-window(#9411) - Updated
EuiSelectableListoverflow scroll styles to useanimation-timeline(#9411) - Updated
EuiSelectableSearch'scompresseddefault value totrue(#9411) - Updated
EuiContextMenuItemto useEuiListItemLayout(#9600) - Added
EuiContextMenuPanelTitlecomponent and changed the back button to be a standalone icon button instead of the entire title element (#9600) - Added
heightprop onEuiContextMenuandEuiContextMenuPanel. When set, the panel will be scrollable if overflown. (#9600) - Added
EuiCheckboxControlcomponent which renders the presentational-only control element (#9401) - Updated
EuiCheckboxto useEuiCheckboxControl(#9401) - Updated
EuiComboBox's listbox and list item styles by usingEuiListItemLayout(#9538) - Updated the rendered output element of
EuiComboBoxOptionsList's list items frombuttontoli(#9538) - Updated
EuiComboBoxto exclude disabled options from list navigation (aligning with native<select>behavior) (#9538) - Updated
EuiComboBoxOptionsListto useVariableSizeListinstead ofFixedSizeListfromreact-window(#9538) - Added opt-in
onFocusBadgeprop onEuiComboBoxandEuiComboBoxOptionsList. By default the "Enter" badge is not shown anymore. (#9538) - Updated
EuiComboBoxOptionsList's list itemidto use a stable array index to ensurearia-activedescendantisn't stale. (#9538)
Bug fixes
- Fixed
EuiComboBoxopening the popover on focus whennoSuggestions=true(#9515)
Deprecations
- Deprecated
layoutAlignprop onEuiContextMenuItem(#9600)
Breaking changes
- Removed
itemLayoutAlignprop fromEuiSuperSelect(#9603) - Removed
hasDividersprop onEuiSuperSelectItem(#9603) - Removed support for
EuiContextMenuItemPropsonEuiSuperSelectItem(usesEuiListItemLayoutPropsinstead) (#9603) - Removed
gutterSizeandflushprops onEuiListGroup(#9579) - Removed
sizeprop onEuiListGroupandEuiListGroupItem(#9579) - Removed component tokens: (#9579)
components.listGroupItemBackgroundPrimaryActivecomponents.listGroupItemBackgroundSubduedActivecomponents.listGroupItemBackgroundHovercomponents.listGroupItemBackgroundPrimaryHover
- Removed
paddingSizeprop fromEuiSelectableListItem(#9411) - Removed
sizeprop fromEuiContextMenu,EuiContextMenuPanelandEuiContextMenuItem(uses previousssize statically) (#9600)
Accessibility
- Improved the accessibility of
EuiSuperSelectby fixing the value ofaria-activedescendantto reflect the current navigated option instead of the selected one (#9603) - Improved the accessibility of
EuiContextMenuPanelandEuiContextMenuItemby adding rolesmenu/menuitemandaria-haspopupfor nested panels. (#9600)
@elastic/eui-theme-common v10.0.0
Breaking changes
- Removed types for component tokens: (#9579)
components.listGroupItemBackgroundPrimaryActivecomponents.listGroupItemBackgroundSubduedActivecomponents.listGroupItemBackgroundHovercomponents.listGroupItemBackgroundPrimaryHover
@elastic/eui-theme-borealis v8.0.0
Breaking changes
- Removed component tokens: (#9579)
components.listGroupItemBackgroundPrimaryActivecomponents.listGroupItemBackgroundSubduedActivecomponents.listGroupItemBackgroundHovercomponents.listGroupItemBackgroundPrimaryHover
@elastic/eui-docusaurus-theme v2.4.0
- Updated
VersionSwitcherto align with the updated API forEuiListGroupItem(#9579)
v115.0.0
@elastic/eui v115.0.0
- Updated
EuiToolTipdefault font size from 14px to 12px (#9627) - Updated
EuiToolTipshow animation to opacity-only with a 150ms grace period delay, preventing visual flickering when quickly hovering over multiple tooltip triggers (#9626) - Updated
EuiToolTipto respect input modality. Tooltip no longer persists on mouse-click focus or shows on programmatic focus return. (#9624)
Bug fixes
- Fixed
uiPlugins[].buttontype to allow UI plugins to not have a toolbar button inEuiMarkdownEditor(#9634) - Fixed
EuiToolTipself-hiding when the mouse moves over child elements within the trigger (#9626)
Breaking changes
- Removed
delayprop andToolTipDelaytype fromEuiToolTipandEuiIconTip(#9626) - Removed
waitForEuiToolTipVisibleandwaitForEuiToolTipHiddenRTL test helpers; tooltip show/hide is now synchronous so direct assertions can be used instead (#9626)
Accessibility
- Fixed invalid nested interactive elements in
EuiMarkdownEditorby removingrolefrom the drop zone wrapper. (#9625)
@elastic/eslint-plugin-eui v2.12.0
- Added a new
prefer-tooltip-trigger-focus-test-utilityrule that flagsfireEvent.focus()insideit/testblocks that also query for a tooltip. The rule auto-fixes tofocusEuiToolTipTriggerfrom EUI's RTL test utilities. (#9624)
v114.3.0
@elastic/eui v114.3.0
- Updated
productDashboardicon. (#9607) - Updated
EuiStepsHorizontalto prevent steps being clickable whenstatus="disabled"(#9574)
Bug fixes
- Fixed broken SVG for
chartPieicon. (#9607) - Fixed a bug in
EuiDataGridthat caused the scroll position to reset when using middle mouse button to scroll the container. (#9613) - Fixed
EuiFlyoutto comparepushMinBreakpointagainst the container's width, instead of the viewport width, when thecontainerprop is provided. This ensures app-scoped flyouts switch between push and overlay modes based on the space actually available inside their container. (#9592)
Accessibility
- Fixed duplicate screen reader output for
EuiStepsHorizontal(#9574)
v114.2.0
- Added
addToDashboardicon (#9590) - Added support for document-relative links in
EuiMarkdownFormatandEuiMarkdownEditorvia a newallowDocumentRelativeoption inparsingConfig.linkValidator(#9554) - Added
useEuiWindowEventhook and refactoredEuiWindowEventto use it internally, preventing unnecessary listener re-registration when inline arrow functions are passed as handlers (#9536)
Bug fixes
- Fixed a missing checked border state on
EuiCheckableCard(#9589) - Fixed the visual alignment of right aligned icons in
EuiFormControlButtonwhenvalueis not passed (#9588)
Accessibility
- Fixed
EuiSelectablescreen reader repeatedly announcing total results count on every option navigation instead of only when the count changes (#9555)
v114.1.0
- Added an optional
tooltipPropsprop toEuiMarkdownEditorHelpButton(#9546) - Added a warning when non-recommended units are used in
width,minWidthormaxWidthprops on<EuiTableFooterCell>,<EuiTableHeaderCell>,<EuiTableHeaderCellCheckbox>as well as thecolumnsconfiguration on<EuiBasicTable>and<EuiInMemoryTable>(#9540) - Added
transitionBottomInandtransitionBottomOuticons toEuiIcon(#9528)
Bug fixes
- Fixed
EuiFlyoutManageranimation flickering when switching between flyout sessions by removing intermediate transition stages (backgrounding, returning, closing) and limiting opening animations to the initial flyout and first child only (#9514) - Fixed rendering of
EuiTableHeaderMobilewhenresponsiveBreakpoint=falseprop is set (#9531)
v114.0.0
- Fixed the clipping of
EuiFlyoutoverlay mask to the container bounds when thecontainerprop is provided, so the mask no longer covers the full viewport for app-scoped flyouts. (#9512) - Updated
EuiFlyoutto supportpushAnimationprop fortype="overlay"(#9428) - Added
hasAnimationprop onEuiFlyout(replacespushAnimation) (#9428) - Added
hasAnimationprop onEuiOverlayMaskto conditionally add animation styles (#9428) - Added
historyKeyprop (typesymbol) toEuiFlyoutand the flyout manager API to support scoped flyout history. (#9413)- Only flyouts sharing the same
Symbolreference share Back button navigation and history entries; omittinghistoryKeygives each session its own isolated history group. ACTION_CLOSE_ALLnow closes only the current history group rather than all open flyouts.
- Only flyouts sharing the same
Bug fixes
- Fixed
EuiTreeViewexpanded nodes clipping content and causing sibling overlap when children exceed viewport height (#9510) - Fixed
EuiDataGridscroll bouncing back to the focused element in certain cases (#9453) - Fixed support for intraword underscores in
EuiMarkdownFormat(#9408)
Deprecations
- Deprecated
pushAnimationprop onEuiFlyout. UsehasAnimationinstead. (#9428)
Breaking changes
- Removed
severity.assistancecolor token (#9507) - Removed assistance datavis color tokens: (#9507)
vis.euiColorVisAssistancevis.euiColorVis10vis.euiColorVis11vis.euiColorVisText10vis.euiColorVisText11vis.euiColorVisBehindText10vis.euiColorVisBehindText11
- The positional signature of
FlyoutManagerApi.addFlyoutand the flyout store'saddFlyoutnow includeshistoryKeybefore theiconType/minWidtharguments. Call sites that pass arguments positionally must be updated (or switched to named parameters) to account for this new parameter ordering. (#9413)
Accessibility
- Fixed
aria-labelnot being applied toEuiColorPicker's input element (#9436)
@elastic/eui-theme-common v9.0.0
Breaking changes
- Removed type for
severity.assistancecolor token (#9507) - Removed types for assistance datavis color tokens: (#9507)
vis.euiColorVisAssistancevis.euiColorVis10vis.euiColorVis11vis.euiColorVisText10vis.euiColorVisText11vis.euiColorVisBehindText10vis.euiColorVisBehindText11
@elastic/eui-theme-borealis v7.0.0
Breaking changes
- Removed
severity.assistancecolor token (#9507) - Removed assistance datavis color tokens: (#9507)
vis.euiColorVisAssistancevis.euiColorVis10vis.euiColorVis11vis.euiColorVisText10vis.euiColorVisText11vis.euiColorVisBehindText10vis.euiColorVisBehindText11
@elastic/eslint-plugin-eui v2.11.0
- Updated
no-unnamed-interactive-elementto include checkingEuiColorPicker(#9436)
v113.3.0
- Added
colorprop toEuiContextMenuItem, accepting all standard button color values (#9448) - Adjusted lightest color tokens to get a more balanced palette and contrast with content over light backgrounds: (#9432)
blue10/euiColorPrimary10sky10/euiColorNeutral10teal10/euiColorAccentSecondary10pink10/euiColorAccent10green10/euiColorSuccess10yellow10/euiColorWarning10orange10/euiColorRisk10red10/euiColorDanger10purple10/euiColorAssistance10
- Added
flyoutMenuDisplayModeprop toEuiFlyoutto control when the flyout menu renders. Defaults to'auto', which hides the menu bar when it only contains a close button. (#9426) - Added
iconTypesupport toEuiFlyoutManagersessions, allowing icons to be displayed in the flyout history popover (#9412) - Child flyout history in the Flyout Manager: sessions now track a stack of child flyouts (
childHistory) so you can open multiple child flyouts in sequence and navigate back through them (#9409) - Optional
levelargument togoToFlyout(flyoutId, level?)— whenlevelis'child', navigates to a child in the current session's history (e.g. from the history popover); when'main'or omitted, navigates by main session as before (#9409) FlyoutSessionnow includeschildTitle,childIconType, andchildHistoryso the history popover can show child flyout titles and icons and support jumping back to a previous child (#9409)- Back button now pops child history first (returning to the previous child flyout), then pops the current session when no child history remains (#9409)
- Added
filesprop toEuiFilePickerto maintain visual state when re-mounting (#9362)
Bug fixes
- Fixed
DefaultItemAction.colorbeing ignored in the collapsed overflow menu (...popover) ofEuiBasicTable— it now renders with the correct color, matching the expanded inline action view (#9448) - Fixed
EuiSuperDatePicker's time window adding a1msdrift for relative date times (#9434) - Fixed cascade close when child flyouts are rendered as siblings of the main (not nested): closing the main now correctly invokes each child's
onCloseso consumer state and DOM stay in sync and children do not remain visible as orphaned flyouts (#9409)
Deprecations
- Deprecated
hideTitleprop inEuiFlyoutMenuProps. The menu title is now hidden by default for all flyouts. UseEuiFlyoutHeaderfor visible titles instead. (#9502)
v113.2.1
v113.2.0
- Added an optional
stickyoption toEuiBasicTableandEuiInMemoryTableactions columns. This option is currently in beta. (#9430) - Added
minWidthandmaxWidthoptions toEuiBasicTableandEuiInMemoryTablecolumns configuration object (#9422) - Added
minWidthandmaxWidthprops toEuiTableFooterCell,EuiTableHeaderCell,EuiTableHeaderCellCheckboxandEuiTableRowCell(#9422) - Updated the gap between action buttons in
EuiTable,EuiBasicTableandEuiInMemoryTableto4px(#9423) - Updated
EuiBadgehover styles to matchEuiButtonstyles (#9418) - Added
containerprop toEuiFlyoutfor positioning flyouts relative to a container element instead of the viewport, enabling app-scoped flyouts that stay within the container bounds usingposition: fixedand container-derived inline styles (#9377) (#9377) - Added
containertoEuiFlyoutcomponent defaults configuration inEuiProvider(#9377) (#9377) - Added a new optional
scrollableInline(boolean) prop to EuiTable, EuiBasicTable and EuiInMemoryTable that enables horizontal scrolling on overflow (#9416)
Bug fixes
- Fixed resizable flyouts to output percentage-based widths relative to the container or viewport, preventing size drift on resize (#9377) (#9377)
- Fixed resizable flyout clamping to account for sibling flyout widths in side-by-side layout mode (#9377) (#9377)
- Fixed fill-size flyouts incorrectly triggering stacked layout due to combined-width hysteresis deadlock (#9377) (#9377)
Deprecations
- Deprecated
maskPropsonEuiFlyout. Use thecontainerprop to scope flyouts to an application area; whencontaineris provided,maskPropsis ignored. For global (viewport-relative) flyouts, usecontainer={null}(#9377) (#9377) - Deprecated
includeFixedHeadersInFocusTraponEuiFlyout. When using thecontainerprop, useincludeSelectorInFocusTrapto include specific elements (e.g. app headers) in the focus trap instead (#9377) (#9377)
Accessibility
- Improved the accessibility experience of managed flyouts by allowing keyboard navigation between child and parent flyouts. (#9397)
v113.1.0
- Added
data-test-subjattributes toEuiFlyoutMenuelements: back button, history dropdown, and history items. (#9400) - Added new assistance tokens: (#9383)
euiTheme.colors.backgroundFilledAssistanceeuiTheme.colors.backgroundLightAssistanceeuiTheme.colors.backgroundBaseAssistanceeuiTheme.components.buttons.backgroundAssistanceHover,euiTheme.components.buttons.backgroundFilledAssistanceHovereuiTheme.colors.backgroundBaseInteractiveHoverAssistanceeuiTheme.colors.borderStrongAssistanceeuiTheme.colors.borderBaseAssistanceeuiTheme.colors.textAssistanceeuiTheme.colors.vis.euiColorVisAssistanceeuiTheme.colors.severity.assistanceeuiTheme.colors.vis.euiColorVis10euiTheme.colors.vis.euiColorVis11euiTheme.colors.vis.euiColorVisText10euiTheme.colors.vis.euiColorVisText11
- Updated purple color palette shades 30-60 to slightly lighter values (#9383)
Accessibility
- Adds
aria-expandedandaria-controlsto theEuiPopovertrigger button to improve screen reader context (#9381)
@elastic/@elastic/eui-theme-borealis v6.1.0
- Added new assistance tokens: (#9383)
euiTheme.colors.backgroundFilledAssistanceeuiTheme.colors.backgroundLightAssistanceeuiTheme.colors.backgroundBaseAssistanceeuiTheme.components.buttons.backgroundAssistanceHover,euiTheme.components.buttons.backgroundFilledAssistanceHovereuiTheme.colors.backgroundBaseInteractiveHoverAssistanceeuiTheme.colors.borderStrongAssistanceeuiTheme.colors.borderBaseAssistanceeuiTheme.colors.textAssistanceeuiTheme.colors.vis.euiColorVisAssistanceeuiTheme.colors.severity.assistanceeuiTheme.colors.vis.euiColorVis10euiTheme.colors.vis.euiColorVis11euiTheme.colors.vis.euiColorVisText10euiTheme.colors.vis.euiColorVisText11
- Updated purple color palette shades 30-60 to slightly lighter values (#9383)
@elastic/@elastic/eui-theme-common v8.1.0
- Added new assistance tokens: (#9383)
euiTheme.colors.backgroundFilledAssistanceeuiTheme.colors.backgroundLightAssistanceeuiTheme.colors.backgroundBaseAssistanceeuiTheme.components.buttons.backgroundAssistanceHover,euiTheme.components.buttons.backgroundFilledAssistanceHovereuiTheme.colors.backgroundBaseInteractiveHoverAssistanceeuiTheme.colors.borderStrongAssistanceeuiTheme.colors.borderBaseAssistanceeuiTheme.colors.textAssistanceeuiTheme.colors.vis.euiColorVisAssistanceeuiTheme.colors.severity.assistanceeuiTheme.colors.vis.euiColorVis10euiTheme.colors.vis.euiColorVis11euiTheme.colors.vis.euiColorVisText10euiTheme.colors.vis.euiColorVisText11