v58.1.1

Bug fixes

• Fixed EuiPopover padding by reverting removal of EuiPanel padding classes (#5927)
• Updated EuiAccordion to show loading spinner instead of extra actions when isLoading (#5896)

v58.1.0

• Updated useEuiPaddingCSS() and useEuiBackgroundColorCSS() to render css blocks so consuming components render the key name in the class (#5891)
• Added padding sizes xs and xl to EuiPanel (#5891)

Bug fixes

• Fixed EuiSplitPanel contained border radius by setting overflow: hidden (#5891)
• Fixed EuiCallOut description top margin when only child (#5891)
• Fixed height stretching of EuiEmptyPrompt by setting grow=false on the nested panel (#5907)
• Fixed EuiInMemoryTable's loading state from shifting layout (#5914)
• Fixed accessibility errors with EuiDataGrid's column sorting drag & drop handles (#5916)
• Fixed EuiMark's screen reader helpers causing scroll issues in Chrome (#5921)

CSS-in-JS conversions

• Converted EuiAccordion to Emotion; Removed $paddingSizes (#5826)
• Converted EuiPanel to Emotion (#5891)
• Renamed euiScreenReaderOnlyStyles() mixin to euiScreenReaderOnly() (#5921)

v58.0.0

• Updated EuiForm to use forwardRef (#5866)
• Updated all CSS-in-JS shadow functions parameters to match a (euiTheme, { color? }) order (#5892)
• Updated euiShadow() parameters to (euiTheme, size, { color? }) (#5892)

Bug fixes

• Fixed EuiContextMenuPanel (when used within an EuiPopover) to correctly return focus to its popover toggle in all scenarios, not just keyboard Escape press (#5880)
• Fixed EuiSelectableTemplateSitewide to allow re-opening the search popover (if closed via Escape key) via the Enter key (#5886)
• Fixed EuiComboBox by centering the enter badge in the list options. (#5890)
• Fixed EuiTour position calculation issues caused by popover width styles (#5897)
• Fixed EuiIcon from producing console warning in React.StrictMode (#5899)

Breaking changes

• Removed watchedItemProps from EuiContextMenuPanel, which now updates like a standard component and no longer needs this logic (#5880)
• Removed dist/eui.js and dist/eui.min.js webpack bundles. Use the CommonJS (dist/lib) or ESM (dist/es) distributions instead. (#5898)

v57.0.0

• 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)

v56.0.0

• 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)

v55.1.0

• 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)

v55.0.1

Bug fixes

• Fixed missing Sass variable file import (#5820)

v55.0.0

• 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)

v54.1.0

• 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)

v54.0.0

• 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)