eui

• Reverted an accidental merge not intended to be in the prior release

• Updated EuiDatePicker to display a warning icon and correctly set aria-invalid when isInvalid is passed (#6677)
• Updated EuiFilePicker to display an alert icon when isInvalid (#6678)
• Updated EuiTextArea to display an alert icon when isInvalid (#6679)
• Updated EuiTextArea to support the isLoading prop (#6679)
• Updated EuiComboBox to display a warning icon and correctly set aria-invalid when isInvalid is passed (#6680)

Bug fixes

• Fixed EuiAccordion to not set an aria-expanded attribute on non-interactive buttonElements (#6694)
• Fixed an EuiPopoverFooter bug causing nested popovers within popovers (note: not a recommended use-case) to unintentionally override its panel padding size inherited from context (#6698)
• Fixed EuiComboBox to only delete the last selected item on backspace if the input caret is present (#6699)

Bug fixes

• Fixed named EuiBadge colors to reflect custom theme overrides (#6659)
• Fixed user-defined SCSS variables failing to override variables defined in Amsterdam typography overrides. (#6665)
• Fixed bold EuiCode tokens to actually be bold (#6666)

Breaking changes

• Success- and accent-colored EuiBadges and EuiButtons have had their fill colors tinted slightly on light mode to be more readable (#6659)

CSS-in-JS conversions

• Converted EuiKeyPadMenu (Menu component only) to Emotion (#6636)

• Updated EuiSkipLink's fallbackDestination prop to support an array of query selector strings (#6646)

Bug fixes

• Fixed EuiFlyout to preserve body scrollbar width on open (#6645)
• Fixed EuiImage's full screen mode to not scroll jump & to preserve body scrollbar width on open (#6645)
• Fixed EuiCodeBlock's full screen mode to not scroll jump & to preserve body scrollbar width on open (#6645)

• Added new renderCustomGridBody escape hatch rendering prop to EuiDataGrid (#6624)

Bug fixes

• Fixed visual listbox focus ring bug on non-searchable EuiSelectables (#6637)
• Added a legacy alert alias for the warning EuiIcon type (#6640)
• Fixed a type definition incorrectly coming from a dev dependency, which was causing issues for some consuming projects (#6643)

• Added more detailed screen reader instructions to EuiSelectable, EuiSuggest, EuiSelectableTemplateSitewide, EuiRange, and EuiDualRange. (#6589)
• Added new placeholder prop to EuiSuperSelect (#6630)
• Added new setCellPopoverProps parameter callback to EuiDataGrid's renderCellPopover prop (#6632)

Bug fixes

• Fixed an ARIA attribute in EuiSelectableList (#6589)
• Fixed EuiSelectable to no longer show active selection state or respond to the Up/Down arrow keys when focus is inside the selectable container, but not on the searchbox or listbox. (#6631)

Bug fixes

• Fixed broken icons on all isInvalid form controls (#6629)

• Added pivot glyph to EuiIcon (#6605)
• Added the displayHeaderCellProps API to EuiDataGrid's columns, which allows passing custom props directly to column header cells (#6609)
• Added the new headerCellProps/footerCellProps APIs to EuiDataGrid's control columns, which allows passing custom props directly to control column header or footer cells (#6609)
• Added a new footerCellRender API to EuiDataGrid's control columns, which allows completely customizing control column rendering (previously rendered an empty cell) (#6609)
• Updated the styling of nested ordered lists in EuiText to align with GitHub's list style, which is a popular format used in Markdown or MDX formatting (#6615)
• Added a margin-bottom property exclusively to the direct child ul and ol elements of the EuiText component (#6615)
• Fix issue with badges appearing within an EuiBadgeGroup, where the CSS rule to override the margin-inline-start was not being applied correctly due to the order of appearance in the CSS rules (#6618)

Bug fixes

• Fixed EuiDataGrid footer control columns rendering with cell expansion popovers when they should not have been (#6609)
• Fixed an EuiSkipLink bug where main content loading in progressively/dynamically after the skip link rendered was not being correctly focused (#6613)

Breaking changes

• Renamed EuiIcon's alert to warning (#6608)
• Removed EuiIcon's crossInACircleFilled in favor of error (#6608)

Bug fixes

• Fixed bug in EuiPopover where multiple filter drop-shadow() were causing inner shadows in Safari (#6604)

• Updated EuiCodeBlock annotation popovers to have an anchor position of downLeft (#6600)

Bug fixes

• (Documentation only) Fixed a negative lookbehind regex causing our docs to crash when viewed in Safari (#6603)

• Added padding to EuiStep title to better align with icon (#6555)
• Added a new lineNumbers.annotations API to EuiCodeBlock. This new feature displays an informational icon next to the specified line number(s), providing more context via popover (#6580)

Bug fixes

• Fixed bug in EuiRange where styles were applied incorrectly when custom ticks were passed but showTicks were false (#6588)
• Fixed fleetApp and agentApp icons that were swapped (#6590)

CSS-in-JS conversions

• Converted EuiSteps to Emotion; Removed $euiStepStatusColorsToFade, $euiStepNumberSize, $euiStepNumberSmallSize, and $euiStepNumberMargin (#6555)

• EuiFlyouts now automatically shard all fixed EuiHeaders on the page. This means that interactions (mouse & keyboard) with items inside EuiHeaders when flyouts are open will no longer trigger focus fighting (#6566)
• EuiFlyouts now read out detailed screen reader dialog instructions and hints on open (#6566)

Bug fixes

• Fixed EuiSelectable options with incorrect aria-posinset indices when rendered with group labels not at the start of the array (#6571)
• Fixed a bug with EuiSearchBar where filters with multiSelect: false were not able to select a new option when an option was already selected (#6577)

Breaking changes

• Removed the ability to customize the role prop of EuiFlyouts. EuiFlyouts should always be dialog roles for screen reader consistency. (#6566)
• Removed closeButtonAriaLabel prop from EuiFlyout - use closeButtonProps['aria-label'] instead (#6566)

• Added new EuiSkeletonText, EuiSkeletonTitle, EuiSkeletonCircle, and EuiSkeletonRectangle components (#6502)
• Updated EuiSuperSelect screen reader instructions to be more specific (#6549)
• Added error and updated alert glyphs to EuiIcon (#6550)
• All EuiSkeleton components now accept an isLoading flag and children, which automatically handles conditionally rendering loading skeletons vs. loaded content (children) (#6562)
• All EuiSkeleton components now accept a contentAriaLabel prop, which more meaningfully describes the loaded content to screen readers (#6562)
• Updated EuiPopover screen reader instructions for mobile and click behaviors (#6567)

Bug fixes

• Fixed EuiCard to ensure onClick method only runs once when title contains a React node (#6551)

Deprecations

• Deprecated EuiLoadingContent - use EuiSkeletonText instead (#6557)

Bug fixes

• Fixed EuiModalHeaderTitle type errors when passed EuiTitle props (#6547)

• Added the component prop to EuiModalHeaderTitle, which allows overriding the default h1 tag (#6530)
• Added the titleProps prop to EuiConfirmModal, which allows overriding the default h1 tag (#6530)

Bug fixes

• Fixed slight row height jumping in EuiBasicTables when actions with tooltips became disabled (#6538)

Breaking changes

• EuiModalHeaderTitle now always wraps its children in a h1 tag (previously attempted to conditionally detect whether its children were raw strings or not). To change this tag type to, e.g. a more generic div, use the new component prop. (#6530)
• EuiLink now applies rel="noreferrer" to all domains, including elastic.co (#6535)
• EuiBasicTable no longer blocks mouse/keyboard interactions while loading (#6543)

CSS-in-JS conversions

• Converted EuiBasicTable to Emotion (#6539)
• Added a new RenderWithEuiTheme render prop utility (#6539)

Bug fixes

• Fixed EuiDataGrid a11y errors within toolbar popovers containing draggable elements with interactive children (#6517)
• Fixed several styling bugs within EuiDataGrid's sorting toolbar popover (#6517)

Breaking changes

• EuiToolTips now internally enforce only showing one tooltip at a time (the most recently triggered tooltip). This primarily affects scenarios where users are focused on a tooltip toggle via click, and then hover onto another tooltip toggle. (#6520)

• Added onFullScreen callback to expose the isFullScreen state of the EuiImage (#6504)
• Added an extra spacing between the title and subtitle to EuiTour (#6512)
• Updated EuiText.blockquote styles to match the EuiMarkdownFormat.blockquote styles (#6514)
• Added the repositionOnScroll prop to EuiToolTip (#6515)

• Changed design of empty ranges in EuiColorStops to have diagonal gray stripes instead of a solid light gray color (#6489)
• Changed popover in EuiColorStops to not appear when dragging/moving a color stop (#6489)
• EuiPopover now supports overriding focusTrapProps.onClickOutside, which allows customization of auto-close behavior on outside click. (#6500)

CSS-in-JS conversions

• Converted EuiColorStops to Emotion (#6489)
• Added brighten service to manipulate CSS-in-JS colors (#6489)

• Added the customQuickSelectRender render prop to EuiSuperDatePicker, which allows customizing the Quick Select popover (#6382)
• EuiFilePicker styles have been updated to look more like an interactive element. (#6479)
• Added a third argument to EuiSelectable's onChange callback. The single option object that triggered the onChange event is now also passed to consumers with its most recent checked state (#6487)

Bug fixes

• EuiTabs now passes size and expand to all children using a React context provider. (#6478)
• Fixed security warnings caused by [email protected] sub-dependency (#6482)

Breaking changes

• Removed size and expand props from EuiTab (#6478)