v111.0.0

• Added an opt-in EuiFlyout session management for creating flyout compositions and journeys effortlessly. Session management handles side-by-side flyout rendering based on parent-child grouping, simple flyout transitions with history, state sharing, and more. (#9202)
  • EuiFlyout session management is an optional feature that can be enabled by adding session="start" to EuiFlyout. Check out the documentation to learn more.
• Added a new hasChildBackground boolean prop (defaults to false) to EuiFlyout (#9056)
• Updated EuiFlyout with new onActive callback and enable stack managed history controls. (#9003)
• Updated EuiFlyoutMenu with new prop historyItems and refactored props for back button. (#9003)
• Added a new optional resizable (boolean) prop to EuiFlyout. Resizability can now be controlled dynamically without the need to use EuiFlyoutResizable. (#8999)
• Flyout system menu bar: require tile, support custom actions (#8897)
• Added a new EuiFlyoutMenu component that provides a standardized top menu bar for flyouts. (#8851)

Breaking changes

• Changed the way EuiFlyout renders overlay masks to decouple the overlay mask from the flyout itself. Now, the overlay mask is a separate portalled element. (#9202)
  • This change does not modify the functionality or behavior of flyout overlays but might affect some custom usages when your application relies on the specific element nesting within EuiFlyout.

v110.0.0

• Updated EuiSuperDatePicker to expose plain text utcOffset and timeZoneName in timeZoneDisplayProps.customRender render function (#9245)
• Updated EuiHeaderLogo to add a hover style (#9240)
• Made EuiQuickSelectPanel available for importing from the @elastic/eui package (#9239)
• Updated EuiAvatar to support Emoji Sequence ("advanced") in the initials prop (#9227)
• Added color prop on EuiPageHeader to support transparent (default) and plain backgrounds. (#9220)
• Added color prop on EuiPage to support transparent (default) and plain backgrounds. (#9220)
• Updated EuiPageTemplate to ensure panelled=true renders a EuiPageHeader with a plain background by default (#9220)
• Removed the default background style on EuiPageTemplate's outer wrapper (#9220)

Bug fixes

• Fixed icon size in EuiSuperDatePicker's time window buttons when compressed={true} (#9245)
• Fixed EuiIcon visibility issue with logoElastic when color is set to text or ghost in light mode (#9247)
• Fixed EuiInMemoryTable support for controlled search for plain text (when searchFormat="text") by properly handling search.query and search.defaulQuery (#9142)

Breaking changes

• Removed deprecated message prop from EuiInMemoryTable, use noItemsMessage instead (#9234)

Accessibility

• Improved the accessibility of input fields in the popover of EuiSuperDatePicker by properly labeling them (#9239)
• Improved the accessibility of EuiSelectable by removing empty aria-activedescendant attribute when no option is active to ensure the search input is perceivable by screen readers (#9223)

v109.2.0

• Updated EuiFlexItem to fall back to grow={true} if invalid values for grow are passed (#9228)
• Updated shared button styles in useEuiButtonColorCSS to use euiDisabledSelector (#9226)
• Added euiTextTruncateCSS Emotion style utility (#9231)
• Added hasBackground prop on EuiTable, EuiBasicTable and EuiInMemoryTable (#9224)
• Added component token components.tableFooterBackground (#9224)
• Updated the color of mobile table header cells to use colors.textSubdued (#9224)
• Updated EuiSuperDatePicker to show a tooltip with the full range details when the button displays a pretty duration e.g. "Last 15 minutes" (#9221)
• Updated EuiPopover default prop values of hasArrow, position and offset: (#9218)
  • Changed hasArrow to false
  • Changed position to downLeft
  • Changed offset to 4 when hasArrow=false
• Updated EuiInputPopover offset default value to 2 (#9218)
• Updated EuiTourStep to not apply hasArrow=true by default when decoration="none" (#9218)
• Updated EuiSuperDatePicker to have a more forgiving manual input for absolute dates. (#9199)

Bug fixes

• Updated EuiButtonGroup disabled style selectors to use euiDisabledSelector to ensure high contrast mode styles apply correctly (#9226)
• Updated EuiSuperDatePicker to ensure its pretty format button dates are truncated correctly (#9231)
• Fixed a visual bug for mobile table action buttons that causes shifting positions when changing color mode (#8231) (#9224)

Accessibility

• Improved the navigation of sibling EuiToolTip anchor elements in NVDA browse mode by adding an id to ensure they are unique (#9208)

v109.1.0

• Added --euiBottomBarOffset CSS variable to EuiBottomBar for positioning other fixed elements relative to the bottom bar's height (#9211)
• Updated boxesVertical icon and restored checkInCircleFilled, errorFilled, and warningFilled icons. (#9194)
• Updated EuiSuperDatePicker with new time zone information, opt-in via timeZoneDisplayProps. (#9191)
• Updated the position of EuiModal by removing bottom padding in EuiOverlayMask (#9190)
• Added EuiPopover and EuiToolTip's repositionOnScroll to componentDefaults (#9152)
• Updated EuiSuperDatePicker with new time window buttons for time shifting and zoom out, opt-in via showTimeWindowButtons boolean prop. (#9151)
• Added beta prop hasAriaDisabled to all base button components: EuiButton, EuiButtonEmpty, EuiButtonIcon, EuibuttonGroup, EuiFilterButton (#9201)
• Added euiDisabledSelector variable that combines CSS selectors :disabled and [aria-disabled="true"] (#9201)
• Added custom test matchers that check for both disabled and aria-disabled attributes: (#9201)
  • React testing Library: .toBeEuiDisabled()
  • Enzyme: .toHaveEuiDisabledProp()
  • Cypress: should('be.euiDisabled)

Bug fixes

• Fixed unexpected duplicate columns in EuiDataGrid crashing the column sorting by removing duplicate columns entirely (#9209)
• Fixed a visual bug in EuiTable where long table row content would be cut off on mobile screens (#9206)
• Fixed virtualized EuiCodeBlock rendering blank lines when content updates if scrolled. (#9196)
• Fixed EuiButtonGroup button sizing to ensure square buttons when used with isIconOnly=true (#9170)

Accessibility

• Fixed an issue where portalled components like EuiPopover were not included in EuiFlyout's focus trap through includeSelectorInFocusTrap, making them inaccessible to keyboard users (#9103)

---

thank you @Dosant @MichaelMarcialis @ek-so @sravanth-space for your contributions!

v109.0.0

• Added color tokens borderBaseProminent and borderInteractiveFormsHoverProminent (#9162)
• Updated EuiFilePicker border styles (#9162)
• Updated 'paperClip' icon glyph (#9149)

Bug fixes

• Fixed internal EuiButtonGroupButton component so that aria-pressed can be omitted when necessary (#9164)

Breaking changes

• Removed borderBaseFormsControl token (#9162)

Accessibility

• Removed aria-hidden on EuiDataGrids column header actions button to prevent accessibility warnings (#9166)
• Improved the accessibility experience of EuiBasicTable and EuiInMemoryTable by ensuring tooltips displayed for action buttons are visual-only whenever the action.name and action.description are exactly the same (#9140)

v108.0.0

• Updated EuiModal to support closing on outside click, via the new outsideClickCloses prop (#9137)

Breaking changes

• Removed all "Amsterdam" theme related code in src/themes/amsterdam - EUI now only supports the "Borealis" theme in eui-theme-borealis (#9090)
• Removed euiTheme.flags.hasGlobalFocusColor (#9090)
• Removed euiTheme.flags.hasVisColorAdjustment (#9090)
• Removed hasVisColorAdjustment argument from color palettes (used in euiPaletteColorBlindBehindText, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteCool) (#9090)
• Removed euiTheme.flags.buttonVariant and euiTheme.flags.formVariant (#9090)
• Removed euiTheme.components.keyPadMenuItemBackgroundDisabledSelect (#9090)
• Removed legacy SCSS files from src/global_styling/variables, src/global_styling/mixins and src/global_styling/functions - if needed, use them from eui-theme-common instead (#9090)

v107.0.1

Summary

• YAML is now nicely highlighted in EuiCodeBlock
• 2 accessibility fixes: better screen reader support in EuiIcon and EuiBetaBadge, and EuiBasicTable respects user's reduced motion setting
• Dependency update (@elastic/prismjs-esql → 1.1.2)

Bug fixes

• Fixed prismjs theme in EuiCodeBlock to improve highlighting for the yaml language (#9089)
• Fixed a visual bug on EuiTable where the border for rows in dark mode wasn't applied correctly (#9115)

Dependency updates

• Updated @elastic/prismjs-esql to v1.1.2 (#9102)

Accessibility

• Fixed incorrect role attribute on EuiIcon and EuiBetaBadge (#9100)
• Make EuiBasicTable respect user's reduced motion setting by not animating when in loading state. (#9095)

---

@elastic/eslint-plugin-eui v2.5.0

• Added new accessible-interactive-element rule. (#9093)
• Added new tooltip-focusable-anchor rule. (#9051)
• Exclude EuiButtonEmpty from the no-unnamed-interactive-element rule. (#9046)

Bug fixes

• Fixed no-css-color rule to allow CSS keywords like currentColor, transparent, and inherit (#9092)

---

Thank you @smith and @alexwizp

v107.0.0

• Added new shadow tokens (#9088)
  • shadows.colors.base
  • shadows.xs
  • shadows.s
  • shadows.m
  • shadows.l
  • shadows.xl
  • shadows.flat
  • shadows.hover.base
  • shadows.hover.xl
• Updated shadow utility functions to return new tokens (#9088)
  • euiShadow
  • euiShadowXSmall
  • euiShadowSmall
  • euiShadowMedium
  • euiShadowLarge
  • euiShadowXLarge
  • euiShadowFlat
  • euiSlightShadowHover
• Added shadow hover utility euiShadowHover (#9088)

Deprecations

• Deprecated euiShadowFlat and useEuiShadowFlat - use euiShadow/ useEuiShadow (size xs) or euiShadowXSmall instead (#9088)
• Deprecated euiSlightShadowHover and useEuiSlightShadowHover - use euiShadowHover / useEuiShadowHover instead (#9088)

Breaking changes

• Updated shadow utility functions (e.g. euiShadow) to apply a floating border style in dark mode. This may lead to visual issues with double borders in dark mode when a regular border styling is applied. - Use the options.border argument on the utils to adjust or remove the floating border as needed. (#9088)

v106.7.0

• Updated EuiComboBox to properly break long strings without spaces when rowHeight="auto" (#9063)
• Added data-test-subj support to EuiDatePicker and EuiDatePickerRange for improved testability. Propagates to main component wrappers, inputs, clear buttons, calendar navigation, and popover panels. (#9042)
• Added streamsClassic and streamsWired icons (#9017)
• Updated icons based on feedback: boxesVertical, documentation, error, export, filter, filterExclude, filterIgnore, filterInclude, grab, grabOmnidirectional, grabHorizontal, importAction, indexTemporary, link, list, magnifyWithExclamation, magnifyWithMinus, magnifyWithPlus, minus, minusInCircle, pencil, pin, pinFilled, plus, plusInCircle, question, search, sortLeft, sortRight, sortDown, sortUp, sortable, unlink. (#9026)
• Added new icon: backgroundTask. (#9026)
• Marked icons for deprecation: boxesHorizontal, checkInCircleFilled, copyClipboard, documentEdit, errorFilled, expandMini, filterInCircle, lettering, listAdd, minusInCircleFilled, newChat, playFilled, plusInCircleFilled, submodule, tableDensityNormal, warningFilled. (#9026)
• Added workflowsApp icon (#9011)
• Added EuiFormControlButton component for usage as input-styled button within EuiFormControlLayout (#9006)
• Updated EuiSuperDatePicker to use EuiFormControlButton when a prettified duration button is rendered (#9006)

Bug fixes

• Fixed EuiInMemoryTable not firing the search.onChange callback when searchFormat equals text. (#9059)
• Fixed columns in EuiDataGrid not being rendered in the correct order as defined by columnVisibility.visibleColumns which resulted in unexpected updates when reordering columns (#9030)

Accessibility

• Improved color contrast of non-interactive EuiBreadcrumbs items in dark mode (#9071)
• Make EuiProgress respect user's reduced motion setting by not animating when in indeterminite state. (#9054)

Thank you for your contribution @boriskirov @MichaelMarcialis @smith

v106.6.0

Accessibility

• Removed focus state styles for iconOnClick on EuiBadge to improve color contrast in dark mode (#9004)