Skip to content

v87.0.0

Compare
Choose a tag to compare
@cee-chen cee-chen released this 08 Aug 17:32
· 906 commits to main since this release
  • Added beta componentDefaults prop to EuiProvider, which will allow configuring certain default props globally. This list of components and defaults is still under consideration. (#6923)
  • EuiPortal's insert prop can now be configured globally via EuiProvider.componentDefaults (#6941)
  • EuiFocusTrap's crossFrame and gapMode props can now be configured globally via EuiProvider.componentDefaults (#6942)
  • EuiTablePagination's itemsPerPage, itemsPerPageOptions, and showPerPageOptions props can now be configured globally via EuiProvider.componentDefaults (#6951)
  • EuiBasicTable, EuiInMemoryTable, and EuiDataGrid now allow pagination.pageSize to be undefined. If undefined, pageSize defaults to EuiTablePagination's itemsPerPage component default. (#6993)
  • EuiBasicTable, EuiInMemoryTable, and EuiDataGrid's pagination.pageSizeOptions will now fall back to EuiTablePagination's itemsPerPageOptions component default. (#6993)
  • Updated EuiHeaderLinks's gutterSize spacings (#7005)
  • Updated EuiHeaderAlert's stacking styles (#7005)
  • Added toolTipProps to EuiListGroupItem that allows customizing item tooltips. (#7018)
  • Updated EuiBreadcrumbs to support breadcrumbs that toggle popovers via popoverContent and popoverProps (#7031)
  • Improved the contrast ratio of disabled titles within EuiSteps and EuiStepsHorizontal to meet WCAG AA guidelines. (#7032)
  • Updated EuiSteps and EuiStepsHorizontal to highlight and provide a more clear visual indication of the current step (#7048)

Bug fixes

  • Single uses of <EuiHeaderSectionItem side="right" /> now align right as expected without needing a previous side="left" sibling. (#7005)
  • EuiPageTemplate now correctly displays panelled={true} (#7044)

Breaking changes

  • EuiTablePagination's default itemsPerPage is now 10 (was previously 50). This can be configured through EuiProvider.componentDefaults. (#6993)
  • EuiTablePagination's default itemsPerPageOptions is now [10, 25, 50] (was previously [10, 20, 50, 100]). This can be configured through EuiProvider.componentDefaults. (#6993)
  • Removed border prop from EuiHeaderSectionItem (unused since Amsterdam theme) (#7005)
  • Removed borders object configuration from EuiHeader.sections (#7005)

CSS-in-JS conversions

  • Converted EuiHeaderAlert to Emotion; Removed unused .euiHeaderAlert__dismiss CSS (#7005)
  • Converted EuiHeaderSection, EuiHeaderSectionItem, and EuiHeaderSectionItemButton to Emotion (#7005)
  • Converted EuiHeaderLinks and EuiHeaderLink to Emotion; Removed $euiHeaderLinksGutterSizes Sass variables (#7005)
  • Removed $euiHeaderBackgroundColor Sass variable; use $euiColorEmptyShade instead (#7005)
  • Removed $euiHeaderChildSize Sass variable; use $euiSizeXXL instead (#7005)