v87.0.0
- Added beta
componentDefaults
prop toEuiProvider
, which will allow configuring certain default props globally. This list of components and defaults is still under consideration. (#6923) EuiPortal
'sinsert
prop can now be configured globally viaEuiProvider.componentDefaults
(#6941)EuiFocusTrap
'scrossFrame
andgapMode
props can now be configured globally viaEuiProvider.componentDefaults
(#6942)EuiTablePagination
'sitemsPerPage
,itemsPerPageOptions
, andshowPerPageOptions
props can now be configured globally viaEuiProvider.componentDefaults
(#6951)EuiBasicTable
,EuiInMemoryTable
, andEuiDataGrid
now allowpagination.pageSize
to be undefined. If undefined,pageSize
defaults toEuiTablePagination
'sitemsPerPage
component default. (#6993)EuiBasicTable
,EuiInMemoryTable
, andEuiDataGrid
'spagination.pageSizeOptions
will now fall back toEuiTablePagination
'sitemsPerPageOptions
component default. (#6993)- Updated
EuiHeaderLinks
'sgutterSize
spacings (#7005) - Updated
EuiHeaderAlert
's stacking styles (#7005) - Added
toolTipProps
toEuiListGroupItem
that allows customizing item tooltips. (#7018) - Updated
EuiBreadcrumbs
to support breadcrumbs that toggle popovers viapopoverContent
andpopoverProps
(#7031) - Improved the contrast ratio of disabled titles within
EuiSteps
andEuiStepsHorizontal
to meet WCAG AA guidelines. (#7032) - Updated
EuiSteps
andEuiStepsHorizontal
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 previousside="left"
sibling. (#7005) EuiPageTemplate
now correctly displayspanelled={true}
(#7044)
Breaking changes
EuiTablePagination
's defaultitemsPerPage
is now10
(was previously50
). This can be configured throughEuiProvider.componentDefaults
. (#6993)EuiTablePagination
's defaultitemsPerPageOptions
is now[10, 25, 50]
(was previously[10, 20, 50, 100]
). This can be configured throughEuiProvider.componentDefaults
. (#6993)- Removed
border
prop fromEuiHeaderSectionItem
(unused since Amsterdam theme) (#7005) - Removed
borders
object configuration fromEuiHeader.sections
(#7005)
CSS-in-JS conversions
- Converted
EuiHeaderAlert
to Emotion; Removed unused.euiHeaderAlert__dismiss
CSS (#7005) - Converted
EuiHeaderSection
,EuiHeaderSectionItem
, andEuiHeaderSectionItemButton
to Emotion (#7005) - Converted
EuiHeaderLinks
andEuiHeaderLink
to Emotion; Removed$euiHeaderLinksGutterSizes
Sass variables (#7005) - Removed
$euiHeaderBackgroundColor
Sass variable; use$euiColorEmptyShade
instead (#7005) - Removed
$euiHeaderChildSize
Sass variable; use$euiSizeXXL
instead (#7005)