eui

• Updated EuiMarkdownFormat to allow mailto: links by default (#5790)
• Updated EuiMarkdownEditor's euiMarkdownLinkValidator parsing plugin to allow customization of link validation (#5790)
• Added logicals{}, logicalCSS(), logicalStyle(), logicalTextAlignCSS(), and logicalTextAlignSTyle() CSS property utilities (#5850)
• Added euiPaddingSize(), useEuiPaddingSize(), and useEuiPaddingCSS() sizing utilities (#5850)
• Added euiBackgroundColor(), useEuiBackgroundColor() and useEuiBackgroundColorCSS() color utilities (#5850)
• Changed default EuiCallOut heading element from span to p (#5870)
• Updated EuiOverlayMask to accept a React ref (#5876)
• Renamed user glyph to userAvatar in EuiIcon (#5877)
• Added new user glyph in EuiIcon (#5877)

Bug fixes

• Fixed alignment of EuiCallOut icon with the heading text (#5870)
• Fixed EuiFlyout outsideClickCloses not being scoped to overlay mask when ownFocus=true (#5876)

Deprecations

• Sass mixin euiCallOutColor() deprecated in favor of using EuiCallOut directly (#5870)

Breaking changes

• Removed deprecated options for EuiDatePicker's popoverPosition props - use EuiPopover values going forward (#5868)
• Removed partition prop from EuiCharts theme configuration - use theme.partition instead (#5868)
• Removed data-grid-cell-id attribute from EuiDataGrid cells - use separate data-gridcell-column-id & data-gridcell-row-index attributes instead (#5868)
• Removed noDivider prop from EuiFilterButton - use withNext prop instead (#5868)
• Removed isSelected and isComplete props from EuiHorizontalStep - use status prop instead (#5868)
• Removed isHollow prop from EuiStep - this visual appearance is no longer used in Amsterdam (#5868)
• Removed condensed display prop from EuiTabs & EuiTabbedContent - this visual appearance is no longer used in Amsterdam (#5868)
• Removed descriptionDisplay and labelDisplay props from EuiSuggestItem - use truncate and labelWidth instead, respectively (#5868)
• Removed .euiButton---subdued className and $euiButtonTypes.subdued Sass variable - use text color instead (#5868)
• Removed .eui-textOverflowWrap - use .eui-textBreakWord instead (#5868)
• Removed .euiYScrollWithShadows - use .eui-yScrollWithShadows instead (#5868)
• EuiMarkdownEditor no longer automatically includes the tooltip plugin in custom plugin arrays passed to uiPlugins. To use EUI's tooltip plugin, use getDefaultEuiMarkdownPlugins() (#5868)

CSS-in-JS conversions

• Converted EuiLink to Emotion and removed $euiLinkColors (#5856)
• Converted EuiCallOut to Emotion (#5870)

• Increased weight of EuiLoadingSpinner border (#5845)
• Added role and default aria-label to EuiLoadingLogo, EuiLoadingContent, EuiLoadingElastic, and EuiLoadingSpinner (#5845)
• Added euiTextTruncate, euiTextWordBreak, and euiNumberFormat CSS-in-JS text utilities (#5854)
• Added focus token to global EuiTheme (#5855)
• Added euiFocusRing() and useEuiFocusRing() function/hook for customizing focus outline (#5855)
• Added the focusTrapProps prop to EuiFlyout to aid outside click detection and closing event (#5860)

Bug fixes

• Fixed a number of EuiMarkdownEditor's default toolbar buttons to highlight when the text cursor is in a related location (#5840)
• Fixed allotted animation size of EuiLoadingLogo (#5845)
• Fixed EuiLoadingElastic in dark mode (#5845)
• Fixed border-radius of nested EuiSplitPanels (#5855)
• Fixed offset of global focus outline (#5855)
• Fixed EuiCollapsibleNav failing to close when the button is clicked (#5860)

CSS-in-JS conversions

• Converted EuiBottomBar to Emotion (#5823)
• Converted EuiHealth to Emotion (#5832)
• Converted EuiTitle to Emotion (#5842)
• Converted EuiLoadingLogo, EuiLoadingContent, EuiLoadingElastic, and EuiLoadingSpinner; Removed $euiLoadingSpinnerSizes, $euiGradientStartStop, and $euiGradientMiddle (#5845)
• Converted EuiSkipLink to Emotion (#5851)

Breaking change

• As part of EuiTitle's Emotion conversion, the line-height of s and xxs sized EuiTitles have been slightly reduced (#5842)

• Improved EuiTimeline a11y by using better semantic elements (#5791)
• Replaced sass usage in EuiAspectRatio with inline styles using aspect-ratio property of css (#5818)
• Improved accessibility of EuiLoadingChart (#5821)
• Added euiFontSize() and useEuiFontSize() JS function and React hook for font sizing (#5822)
• Added levels object to EuiTheme (#5827)
• Updated the use of @emotion/cache to include all @emotion styles (#5831)

Bug fixes

• Fixed layout bug in EuiAccordion children that use position: fixed; (#5806)
• Fixed EuiFlyout so that it no longer closes when a click starts inside the flyout but completes outside (#5810)
• Fixed EuiBasicTable mobile styles being in sync between JS and Sass (#5822)

CSS-in-JS conversions

• Converted EuiSpacer to Emotion; Removed $spacerSizes (#5812)
• Converted EuiBeacon to Emotion (#5814)
• Changed euiCanAnimate to a constant (#5814)
• Converted EuiHorizontalRule to emotion; Removed $ruleMargins (#5815)
• Converted EuiLoadingChart to Emotion (#5821)

Bug fixes

• Fixed missing Sass variable file import (#5820)

• Added JS function versions of Sass style mixins (a11y, animation, scroll, shadows) (#5754)
• Added a <p /> wrapper around description of EuiDescribedFormGroup when provided as a string (#5756)
• Added a ratio prop to EuiDescribedFormGroup to control the column width ratio (#5756)

Bug fixes

• Fixed margin calculation of hasEmptyLabelSpace on EuiFormRow (#5756)
• Fixed vertical alignment between EuiDescribedFormGroup columns (#5756)
• Fixed EuiContextMenu stranding keyboard focus when pressing the left/right arrow keys quickly between more than 2 panels (#5783)
• Fixed EuiContextMenu to enable up/down arrow key navigation to all focusable items (#5783)
• Fixed EuiContextMenu to enable using the up/down arrow keys to navigate to the panel title back button (which takes the user to the previous panel), and focus this button if initialFocusedItemIndex has not been set (#5783)
• Fixed EuiComboBox losing focus when a disabled option is clicked (#5795)
• Fixed an EuiDataGrid bug occurring when closing cell popovers on clicking the originating cell. The original fix was unintentionally affecting cell popovers with nested modals, popovers, etc. (#5797)

Breaking changes

• EuiPopovers will no longer focus the first tabbable child by default - instead, the popover panel will be focused. This change should be a better experience for both keyboard and screen reader users. Consumers who want to set an initial focus on specific popover element should use the initialFocus prop. (#5784)

• Added EuiTimeline component (#5730)
• Added a "subdued" color option to EuiAvatar (#5730)
• Added internationalized screen reader helpers to EuiMark (#5739)
• Added casesApp feature icon type to EuiIcon (#5779)

Bug fixes

• Fixed keyboard focus being stranded on EuiContextMenu popover close (#5760)
• Fixed bug in EuiEmptyPrompt where a min-height was unnecessarily being applied for vertical layouts (#5763)

• EuiDataGrid now allows limiting the number of visible cell actions with a new columns.visibleCellActions prop (defaults to 2). All additional actions will be shown in the cell expansion popover. (#5675)
• Added a new gridStyle.rowClasses API to EuiDataGrid, which allows adding custom classes/styling to specific row indices, primarily for the purpose of highlighting rows (#5732)
• Added alert icon indicator and aria-invalid when the following form controls are isInvalid: EuiFieldNumber, EuiFieldPassword, EuiFieldText, EuiSelect, EuiSuperSelect, EuiFieldSearch, EuiColorPicker (#5738)
• Added isInvalid prop to EuiFormControlLayout to render the alert icon (#5738)
• Added isDropdown prop to EuiFormControlLayout to create and control an arrowDown icon (#5738)
• Added color as to EuiFormControlLayout's icon object (#5738)

Bug fixes

• Fixed EuiSuperSelect border-radius with append or prepend (#5738)
• Fixed EuiSuperSelect not respecting readOnly (#5738)
• Fixed EuiDataGrid cell focus sometimes not being restored for keyboard users when cell expansion popovers were closed (#5761)

Breaking changes

• Removed the closePopover() callback passed to EuiDataGrid's cellActions render functions. Use closeCellPopover() passed by EuiDataGrid's ref prop instead. (#5734)

CSS-in-JS conversions

• Converted EuiAvatar to CSS-in-JS styling (#5670)

Bug fixes

• Fixed EuiContext.i18n's mappingFunc not being called for EuiI18ns with multiple tokens or function callbacks (#5748)
• Fixed poor rendering performance of EuiIcon when using a custom data URI type (#5751)

• Added all remaining missing i18n tokens for EuiSuperDatePicker (#5743)

Breaking changes

• Removed prettyDuration utility exported by EuiSuperDatePicker - this util was converted to a PrettyDuration component and usePrettyDuration hook which should be used instead (#5743)
• Removed commonDurationRanges exported by EuiSuperDatePicker. The new pretty duration utils will fall back to commonDurationRanges by default if no quickRanges are passed (#5743)

• Added branchUser, desktop and sessionViewer glyphs to EuiIcon (#5740)

• Added anchor prop to EuiTourStep to allow for DOM selector attachment (#5696)
• EuiDataGrid now forces isExpandable to be true if any cellActions are passed, as keyboard users are otherwise unable to access cell actions without the expansion popover (#5710)

Bug fixes

• Fixed EuiDataGrid not rerendering correctly on row heights change (#5712)
• Fixed EuiContextMenu requiring two tab keypresses to advance to the next focusable menu item (#5719)
• Fixed EuiDataGrid footer cell focus bugging out after moving its column (#5720)

• Added editorChecklist glyph to EuiIcon (#5705)
• Updated testenv mock for EuiIcon to render aria-label as text (#5709)
• Added compressed prop to EuiFilterGroup and reduced the size of the EuiFilterButton notification badge (#5717)
• Increased contrast of EuiSelectableTemplateSitewide input text when in dark header (#5724)

Breaking changes

• Removed Legacy theme including compiled CSS (#5688)
• Removed flush and size props in EuiFilterButtonProps (#5717)

CSS-in-JS conversions

• Converted EuiMark to CSS-in-JS styling (#4575)

• Updated testenv mock for EuiFlyout to include default aria-label on the close button (#5702)
• Changed the I18n token euiDataGridToolbar.fullScreenButton to euiFullscreenSelector.fullscreenButton, and its text to Enter fullscreen (with no space) (#5680)
• Changed the I18n token euiDataGridToolbar.fullScreenButtonActive to euiFullscreenSelector.fullscreenButtonActive, and its text to Exit fullscreen (with no space) (#5680)

Bug fixes

• Fixed type of SharedRenderCellElementProps.schema to be optional (#5704)
• Fixed generated type definition file referencing nonexistant Jest util (#5704)

• Enhanced EuiSuggest to fire the onItemClick callback on Enter key press as well as clicks (#5693)

Bug fixes

• Fixed non-searchable EuiSelectables not selecting items with the Enter & Space keys (#5693)

Breaking changes

• Removed the 'all' option in EuiTablePagination.itemsPerPage and itemsPerPageOptions in EuiBasicTable and EuiDataGrid due to Typescript issues. Use 0 instead to represent a "Show all" option (#5699)

• Updated EuiComboBox to WAI-ARIA 1.2 pattern and improved keyboard navigation (#5636)
• Added readOnly prop to EuiMarkdownEditor (#5627)
• Added support for supplying breadcrumbs and breadcrumbProps directly to EuiPageHeader (#5634)
• Extended props of EuiBreadcrumb to include HTMLElement and color inherited from EuiLink (#5634)
• Added "xxl" size to EuiLoadingSpinner (#5668)
• Added isLoading prop to EuiButtonIcon (#5668)
• Updated EuiDataGrid to allow setting individual cell isExpandable state via setCellProps (#5667)
• Added the ability for EuiSelectable and EuiSuggest to accept controlled value props (#5658)
• Added textWrap to EuiSelectableListItem, EuiSelectableList, and EuiSelectable.listOptions (#5679)
• Forced truncation on EuiSuggest items when isVirtualize (#5679)
• Changed proportion handling between content and image in horizontal EuiEmptyPrompt and added spacing between (#5663)
• Reduced SASS compilation time using a different math pow implementation (#5674)

Bug fixes

• Fixed EuiDataGrid cell props not resetting on column sort (#5665)
• Fixed EuiDataGrid not correctly closing cell popovers when the originating cell is clicked (#5681)
• Fixed EuiSuggest not correctly passing props to the search input (#5658)
• Fixed EuiSelectable incorrectly rendering the passed id prop on the listbox instead of the parent wrapper (#5658)
• Fixed EuiSelectable to no longer call searchProps.onChange when list items are clicked (#5658)
• Fixed EuiSelectable not respecting searchProps.inputRef (#5658)
• Fixed render of EuiSelectableListItem when no icons are present (#5679)
• Fixed render of EuiSelectableTemplateSitewide items when no icons are present (#5679)

Breaking changes

• Removed the incremental prop from EuiSuggest and EuiSelectable's searchProps (#5658)
• Removed EuiSelectable's searchProps.onSearch prop (since Enter keypresses do not trigger a search callback) - use searchProps.onChange instead (#5658)
• Renamed EuiSuggest's onInputChange and onSearchChange callbacks to onInput/onSearch respectively, for consistency with our existing callback naming conventions (#5658)
• Removed EuiSuggest's isLoading prop - use status.loading instead (#5658)

• Added new renderCellPopover prop to EuiDataGrid (#5640)
• Added cell schema info to EuiDataGrid's renderCellValue props (#5640)
• Added isLoading prop to EuiDualRange (#5648)
• Added an 'all' option to EuiTablePagination.itemsPerPage and itemsPerPageOptions to render a "Show all" option and updated EuiBasicTable and EuiDataGrid usages (#5547)

Bug fixes

• Fixed EuiImage images' width in small containers by adding max-width: 100% (#5547)
• Fixed EuiTablePagination layout in small containers by adding wrap (#5547)

Bug fixes

• Fixed EuiDataGrid throwing a console error when grids without trailing control columns are sorted and then all columns are hidden (#5635)

Breaking changes

• Removed popoverContents props from EuiDataGrid (use new renderCellPopover instead) (#5640)
• Changed the EuiTablePagination prop hidePerPageOptions to the positive form showPerPageOptions (#5547)

• Added a data-test-subj attribute to EuiDataGrid cell expansion buttons (#5643)
• Added a data-test-selected attribute to EuiSelectable list options (#5643)

• Improved EuiSelectable keypress scenarios (#5613)
• Converted FieldValueSelectionFilter in EuiSearchBar to use EuiSelectable (#5387)
• Added lineDashed, lineDotted, and lineSolid glyphs to EuiIcon (#5633)
• Updated colorMode return type in theme context utilities (#5639)

• Refactored EuiSuggest to use EuiSelectable (#5157)
• Added a return type to EuiTable resolveWidthAsStyle util (#5615)
• Added a return type to euiSelectableTemplateSitewideFormatOptions util (#5620)

Bug fixes

• Fixed EuiDataGrid to correctly remove the cell expansion action button when a column sets both cellActions and isExpandable to false (#5592)
• Fixed EuiDataGrid re-playing the cell actions animation when hovering over an already-focused cell (#5592)
• Fixed EuiDataGrid auto row heights bugging out when cell popovers are opened (#5622)

Breaking changes

• Removed EuiSuggestInput (#5157)
• Required aria-label or aria-labelledby for EuiSuggest (#5157)
• Renamed sendValue prop to onSearchChange for EuiSuggest (#5157)

• Added support for React 17 (this is a backwards compatible change - React 16.12+ is still supported for consuming applications) (#5584)
• Added the ability to control internal EuiDataGrid fullscreen, cell focus, and cell popover state via the ref prop (#5590)
• Added paddingSize prop to EuiSelectableList (#5581)
• Added errorMessage prop to EuiSelectable (#5581)
• Refactored EuiSelectable accessibility (#5581)
• Updated tokenTag design to look more like a tag (#5553)
• Lowered border radius of .euiToken--square to look more like a square (#5553)

Bug fixes

• Fixed EuiInMemoryTable's onTableChange callback not returning the correct sort.field value on pagination (#5588)
• Fixed EuiFilePicker allowing files to be removed when disabled (#5603)

Breaking changes

• Upgraded TypeScript version to ~4.5.3 (#5591)