v74.0.0

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

v73.0.0

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)

v72.2.0

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

v72.1.0

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

v72.0.0

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

v71.1.0

Deprecations

• Renamed EuiPageSideBarProps to EuiPageSideBarProps_Deprecated, to reduce usage/confusion with EuiPageSidebar (#6468)

v71.0.0

• Implemented new EuiRange and EuiDualRange designs where the levels are now on top of the tracks (#6092)
• Added discuss and dotInCircle glyphs to EuiIcon (#6434)
• Added article glyph to EuiIcon (#6437)
• Changed the EuiProvider usage warnings to not rely on development mode. (#6451)

Breaking changes

• EuiDualRange now explicitly requires both min and max via props types, to match EuiRange (#6092)
• EuiRange and EuiDualRange's compressed size no longer impacts track or level sizes, but continues to compress tick and input sizes. (#6092)
• Removed all variables for the following components from EUI's theme JSON files: (#6443)
  • euiCollapsibleNav*
  • euiColorPicker*
  • euiContextMenu*
  • euiControlBar*
  • euiDataGrid* (except for z-indices and cell padding sizes)
  • euiDatePicker*
  • euiSuperDatePicker*
  • euiDragAndDrop*
  • euiEuiEmptyPrompt*
  • euiFilePicker*
  • euiRange*
  • euiHeaderLinks*
  • euiKeyPad*
  • euiMarkdownEditor*
  • euiResizable*
  • euiSelectable*
  • euiSideNav*
  • euiStep*
  • euiSuggest*
  • euiTable* (except for color variables)
  • euiTooltip*
  • euiButtonFontWeight, euiButtonDefaultTransparency, and euiButtonMinWidth
• If you were importing any of the above removed JSON variables, we strongly recommend using generic color or sizing variables from useEuiTheme() instead. (#6443)

CSS-in-JS conversions

• Converted EuiRange and EuiDualRange to Emotion; Removed $euiRangeThumbRadius (#6092)
• Added a new logicalStyles utility that automatically converts all non-logical properties in a style object to their corresponding logical properties (#6426)
• Added a new logicalShorthandCSS utility that automatically converts margin, padding, and other 4-sided shorthands to their corresponding logical properties (#6429)
• Added a new logicalBorderRadiusCSS utility that automatically converts border-radius to corresponding logical properties (#6429)

v70.4.0

• Updated EuiTourStep.footerAction type to accept ReactNode[] (#6384)
• Vertically aligned all footer content so that euiTourStepIndicator is always centered (#6384)
• Added filterInCircle glyph to EuiIcon (#6385)
• Added color prop to EuiBeacon (#6420)
• Added the euiMaxBreakpoint and euiMinBreakpoint CSS-in-JS utilities for creating min/max-width media queries (#6431)

Bug fixes

• Restores the previous match operator behaviour when the query value is split into multiple terms after analysis. (#6409)
• Fixed missing slide-in animation on EuiCollapsibleNavs and left-side EuiFlyouts (#6422)
• Fix bug in EuiCard where footer were not aligned to the bottom of the card (#6424)
• Fixed multiple component media queries for consumers with custom theme breakpoints (#6431)

v70.3.0

• EuiSearchBar now automatically wraps special characters not used by query syntax in quotes (#6356)
• Added alignment prop to EuiBetaBadge (#6361)
• EuiButton now accepts minWidth={false} (#6373)

Bug fixes

• Fixed EuiPageTemplate not correctly passing the component prop to the inner main content wrapper. (#6352)
• EuiSkipLink now correctly calls onClick even when fallbackDestination is invalid (#6355)
• Permanently fixed EuiModal to not cause scroll-jumping issues on modal open (#6360)
• Re-fixed EuiPageSection not correctly merging contentProps.css (#6365)
• Fixed EuiTab not defaulting to size m (#6366)
• Fixed the shadow sizes of .eui-yScrollWithShadows and .eui-xScrollWithShadows (#6374)
• Fixed bug in EuiCard where the inner content in vertical cards was not growing 100% in width (#6377)
• Fixed incorrect margins in EuiSuperDatePicker caused by EuiFlex CSS gap change (#6380)
• Fixed visual bug in nested EuiFlexGroups, where the parent EuiFlexGroup is responsive but a child EuiFlexGroup is not (#6381)

CSS-in-JS conversions

• Converted EuiModal to Emotion (#6321)

Fixes

• EuiButton no longer outputs unnecessary inline styles for minWidth={0} or minWidth={false} (#6373)
• EuiFacetButton no longer reports type issues when passing props accepted by EuiButton (#6373)

v70.2.0

• Added a keyboard shortcuts popover to EuiDataGrid's toolbar. This can be visually hidden via toolbarVisibility.showKeyboardShortcuts, but will always remain accessible to keyboard and screen reader users. (#6036)
• EuiScreenReaderOnly's showOnFocus prop now also shows on focus within its children (#6036)
• Added onFocus prop callback to EuiSuperDatePicker (#6320)

Bug fixes

• Fixed EuiSelectable to ensure the full options list is re-displayed when the search bar is controlled and cleared using searchProps.value (#6317)
• Fixed incorrect padding on xl-sized EuiTabs (#6336)
• Fixed EuiCard not correctly merging css on its child icons (#6341)
• Fixed EuiCheckableCard not setting css on the correct DOM node (#6341)
• Fixed a webkit rendering issue with EuiModals containing EuiBasicTables tall enough to scroll (#6343)
• Fixed bug in to_initials that truncates custom initials (#6346)
• Fix bug in EuiCard where layout breaks when horizontal and selectable are both passed (#6348)