eui

• Updated EuiDataGrids with scrolling content to always have a border around the grid body and any scrollbars (#5563)
• Updated EuiDataGrid's body to a light gray background, which primarily shows when scrolling through virtualized content (#5562)
• Added referenceable id for the generated label in EuiFormRow (#5574)
• Addeed optional attribute configurations in EuiPopover to aid screen reader announcements (#5574)
• Added ref passthroughs to EuiIputPopover subcomponents (#5574)
• Added EuiScreenReaderLive component for updateable aria-live regions (#5567)

Bug fixes

• Fixed an accessibility issue where EuiComboBoxPill close button had a nested interactive element (#5560)
• Fixed EuiDataGrid height issue when in full-screen mode and with scrolling content (#5557)
• Fixed an accessibility issue in custom and interactive Drag and Drop patterns (#5568)
• Fixed a focus bug in EuiDataGrid when clicking another cell header with an already-open cell header popover (#5556)
• Fixed EuiDataGrid to always focus back into the grid on pagination (#5587)
• Fixed EuiDataGrid and EuiTable pagination potentially rendering out view on narrow tables with many pages (#5561)

• Added sun glyph to EuiIcon (#5548)
• Updated styles in EuiDescriptionList of type inline (#5534)

• [Beta] Added optimize build as a lighter weight option more suited to production environments (#5527)
• Added lettering glyph to EuiIcon (#5525)
• Updated the outline color in euiCustomControlFocused mixin to use $euiFocusRingColor instead of currentColor (#5479)
• Added betaBadgeTooltipProps to EuiKeyPadMenuItem to extend the wrapping EuiToolTip (#5541)
• Added globalStyles prop to EuiProvider to allow for global style customization (#5497)
• Exported EuiGlobalStyles component (#5497)

Bug fixes

• Updated the outline color in euiCustomControlFocused mixin to use $euiFocusRingColor instead of currentColor (#5479)
• Fixed keyboard navigation in EuiDataGrid not fully scrolling cells into view (#5515)
• Fixed EuiKeyPadMenuItem accessibility issue where there was a nested focusable element (#5541)

Deprecations

• Deprecated data-gridcell-id from EuiDataGrid in favor of 4 new and more flexible props - data-gridcell-column-id, data-gridcell-column-index, data-gridcell-row-index, and data-gridcell-visible-row-index (#5515)

Breaking changes

• EuiKeyPadMenuItem now wraps itself with EuiToolTip when betaBadgeLabel is supplied forcing top element style props to be passed via betaBadgeTooltipProps (#5541)

• Added virtulized rendering option to EuiSelectableList with isVirtualized (#5521)
• Added expanded option properties to EuiSelectableOption with data (#5521)

Bug fixes

• Fixed multiple bugs with EuiDataGrid keyboard focus restoration (#5530)
• Fixed EuiDataGrid's display toolbar control to update initial UI state when developer gridStyle or rowHeightsOptions props are updated (#5525)

Breaking changes

• Changed EuiSearchBar to preserve phrases with leading and trailing spaces, instead of dropping surrounding whitespace (#5514)
• Removed data-test-subj="dataGridWrapper" from EuiDataGrid in favor of data-test-subj="euiDataGridBody" (#5506)

Bug fixes

• Fixed a EuiDataGrid sizing bug which didn't account for a horizontal scrollbar (#5478)
• Fixed a EuiDatePicker a11y bug where axe-core reported missing ARIA and role attributes (#5501)
• Fixed EuiModalHeaderTitle to conditionally wrap title strings in an H1 (#5494)
• Fixed a EuiDataGrid issue where a focused cell would lose focus when scrolled out of and back into view (#5488)
• Fixed an EuiDatePicker accessibility issue where tabindex was not applied to a listbox element (#5509)

Deprecations

• Deprecated PartitionConfig in favor of inclusion in Charts theme.partition (#5492)

Breaking changes

• Removed popoverClassName and repositionOnScroll props from EuiSuperSelect (use popoverProps instead) (#5512)

Bug fixes

• Fixed EuiDataGrid's cell popover overlapping with modals and flyouts (#5461)
• Fixed an accessibility issue where EuiDatePicker time options did not have unique IDs (#5466)
• Fixed global and reset styles when using the legacy theme (#5473)
• Fixed EuiSuperDatePicker not passing isDisabled to EuiAutoRefresh (#5472)

• Added magnifyWithExclamation icon (#5455)

Bug fixes

• Reinstated EuiCode and EuiCodeBlock testenv mocking (#5464)

• Updated the organization of EuiDataGrid's toolbar/grid controls (#5334)
• Updated EuiDataGrid's full screen mode to use the fullScreenExit icon (#5415)
• Added left.append and left.prepend to EuiDataGrid's toolbarVisibility.additionalControls prop #5394)
• Added a row height control to EuiDataGrid's toolbar (#5372)
• Added onChange callbacks to EuiDataGrid's gridStyle and rowHeightOptions settings (#5424)
• Added a reset button to EuiDataGrid's display controls (#5428)
• Added timeRefresh icon (#5383)
• Added responsive and iconOnly props to EuiSuperUpdateButton (#5383)
• Added better auto refresh indicator to EuiSuperDatePicker (#5383)
• Added compressed, width, isQuickSelectOnly props to EuiSuperDatePicker (#5383)
• Updated showUpdateButton prop with iconOnly option in EuiSuperDatePicker (#5383)
• Increased default refreshInterval of EuiSuperDatePicker to 1000 (#5383)
• Remove Show dates button from pretty format of EuiSuperDatePicker in favor of directly opening start date popover (#5383)
• Added shortHand option to prettyInterval (#5383)
• Moved rounding switch to popover footer in relative tab of EuiSuperDatePicker (#5383)
• Simplified EuiRefreshInterval to use a switch to start/stop and other visual touch ups (#5383)
• Created stand alone EuiAutoRefresh and EuiAutoRefreshButton components (#5383)

Bug fixes

• Fixed persistent EuiDataGrid full screen <body> class (#5354)
• Fixed dark mode background color of EuiFormControlLayout prepend and append (#5383)
• Fixed background color of EuiFormControlLayout when readOnly (#5383)
• Fixed the name of data-test-subj prop of EuiFormControlLayout (#5383)
• Fixed global reset styles for plain <button>s (#5452)

Breaking changes

• Removed toolbarVisibility's showStyleSelector prop of EuiDataGrid in favor of showDisplaySelector, which allows configuration of both grid density and row height (#5372)
• Changed prop name applyRefreshInterval to onRefreshChange in EuiRefreshInterval (#5383)
• Increased the size of s-sized EuiLoadingSpinners to match s-sized EuiIcons (#5440)

• Added first and last page arrow buttons to EuiPagination when compressed=true (#5362)
• Added support for indeterminate EuiPagination when pageCount=0 (#5362)
• Moved mobile behavior to a customizable responsive prop to EuiPagination that renders the compressed display (#5362)
• Added doubleArrowLeft, doubleArrowRight, arrowStart, arrowEnd icons (#5362)

Bug fixes

• Fixed scrollbars in EuiRange tick labels in Safari (#5427)
• Fixed an EuiOverlayMask bug where it calls window.document on server side(#5422)
• Fixed unremoved event listener memory leak in EuiPopover (#5437)
• Fixed EuiDatePicker not correctly handling the onBlur callback (#5441)
• Fixed EuiToolTip not correctly handling child onBlur and onFocus callbacks (#5441)

Feature: CSS-in-JS (#5121)

• Added reset and global styles via CSS-in-JS with @emotion/react/Global
• Added EuiProvider, a React context provider for theming and global styles
• Added isDefaultTheme and isLegacyTheme utilities

Breaking changes

• Added @emotion/react to peerDependencies
• Amsterdam is now the default theme, deprecated and renamed old theme as "legacy"
• Re-organized Sass files including where the globals are imported from

• Added payment glyph to EuiIcon (#5414)
• Updated EuiCodeBlock's full screen mode to use the fullScreenExit icon (#5421)

Bug fixes

• Fixed an EuiCodeBlock bug where empty code blocks could be copyable (#5421)

• Updated color of EuiHorizontalRule when rendered inside EuiToolTip (#5378)

Bug fixes

• Fixed an EuiDataGrid bug where paginated overflowing data grids could become unscrollable when rowCount changed (#5400)
• Fixed EuiCode line-wrapping (#5379)
• Fixed EuiCodeBlock not passing data-test-subj or aria-label to virtualized & full-screen code blocks (#5379)
• Fixed EuiCodeBlock not closing full-screen mode when the Escape key is pressed (#5379)
• Fixed virtualized EuiCodeBlocks blanking out when entering & exiting full-screen mode (#5379)
• Fixed EuiCodeBlock's full-screen mode to use a large font and padding size & added several missing wrapper classes (#5379)
• Fixed EuiCodeBlock broken line wrapping when using virtualization (#5379)
• Fixed type exports to not include test mocks & specs (#5412)

Theme: Amsterdam

• Fixed EuiCodeBlock not properly increasing large font sizes on Amsterdam (#5379)

• Added aria-label and aria-labelledby props to EuiComboBox (#5360)
• Updated EuiDatePicker to use EuiPopover, EuiFocusTrap, and EuiScreenReaderOnly (#5339)

Bug fixes

• Fixed an EuiDataGrid row height bug for grids that set a default lineCount and also used rowHeights to set row-specific lineCounts (#5376)
• Fixed EuiComboBox from allowing keyboard actions when isDisabled (#5373)
• Fixed an accessibility issue where EuiSuperSelect was not creating accessible labels for its listbox (#5364)
• Fixed an accessibility issue where EuiColorPalettePicker was not creating an accessible label for its button (#5364)
• Fixed EuiDatePicker being constrained to its parent container by using React portal (#5339)

• Added layout and footer props to EuiEmptyPrompt (#5275)
• Updated EuiEmptyPrompt to extend EuiPanelProps (#5275)
• Add data-icon-type to EuiIcon <svg> for easier debugging of iconType #5366)

Bug fixes

• Fixed an EuiDataGrid race condition where grid rows had incorrect heights if loaded in before CSS (#5284)
• Fixed an accessibility issue where EuiDataGrid cells weren't owned by role=row elements (#5285)
• Fixed EuiErrorBoundary overflow scrolling by wrapping contents in EuiCodeBlock (#5359)
• Fixed analyzeEvent icon to be horizontally centered #5365)

• Added EuiAutoSizer component for setting dimensions on virtualized lists (#5278)
• Added testenv mock for EuiAutoSizer (#5278)
• Changed render of useEuiTextDiff to a span instead of div (#5323)
• Changed change prop type of children for EuiMark from string to ReactNode (#5323)
• Added render prop to EuiI18n (#5236)

Bug fixes

• Fixed styling of align: center for mobile version of EuiTableRowCell (#5323)
• Fixed endDateControl className in EuiDatePickerRange (#5329)
• Fixed EuiMarkdownEditor intercepting all drop events on the page (#5340)

Breaking changes

• Removed EuiCodeEditor (#5323)
• Removed betaBadgeLabel, betaBadgeTooltipContent, betaBadgeTitle props from EuiCard (#5323)
• Removed EuiLoadingKibana (#5323)
• Removed secondary color prop options (#5323)
• Removed subdued color prop option from EuiButtonIcon (#5323)
• Removed panelPaddingSize from EuiPageContent (#5323)
• Removed makeId (#5323)
• Removed mobile-only props from EuiTableRowCell (#5323)
• Removed Sass vars $euiColorSecondary and $euiColorSecondaryText (#5345)

• Added styling support for valign prop on EuiTableRowCell (#5283)
• Added remark-breaks plugin to mimic GitHub-flavored markdown line breaks within EuiMarkdownEditor (#5272)
• Removed EuiErrorBoundary from EuiDatePicker when unsupported props are used (#5318)

Bug fixes

• Fixed default text alignment in EuiTableRowCell on Safari (#5283)
• Fixed mobileOptions.truncateText from getting overridden by truncateText in EuiTableRowCell (#5283)
• Fixed issue with dynamic row counts in EuiDataGrid (#5313)
• Fixed EuiDataGrid to dynamically update row heights when set to auto (#5281)

Theme: Amsterdam

• Fixed mobileOptions.enlarge styling in EuiTableRowCell (#5283)
• Fixed EuiDataGrid's expanded density not increasing font size on Amsterdam (#5320)

• Updated tokenKeyword to match the definition of keyword field type (#5251)
• Added element, buttonElement, and arrowProps props to further customize EuiAccordion (#5258)

Bug fixes

• Fixed missing id for EuiCombobox by generating one if prepend or append exists (#5229)

Breaking changes

• Renamed tokenKeyword icon to tokenTag in EuiToken (#5251)

Bug fixes

• Fixed EuiSuperDatePicker from crashing due to invalid time input (#5263)
• Fixed content in EuiFilterButton again when numFilters is undefined (#5268)

• Added support for ghost and text EuiIcon colors on Elastic logos (#5245)
• Added a default data-test-subj to EuiErrorBoundary (#5232)

Bug fixes

• Fixed content in EuiPopover from being inaccessible during the opening animation (#5249)
• Fixed multiple accessibility issues in EuiBasicTable and EuiInMemoryTable (#5241)

• Added maxWidth prop to EuiTour, made subtitle optional, and fixed heading levels and footer background (#5225)
• Updated tint, shade, saturate, desaturate, and makeHighContrastColor utility functions to maintain color format supplied (#5230)
• Converted generated icon files to Typescript, eliminating the last .js files in our source files (#5212)

Bug fixes

• Fixed tick and level alignment in Eui[Dual]Range (#5181)
• Fixed duplicate IDs on mobile/desktop select all checkboxes in EuiBasicTable (#5237)
• Fixed missing i18n token in EuiBasicTable's no items message (#5242)

Breaking changes

• Removed boolean from EuiTour's minWidth type (#5225)