Releases: elastic/eui
Releases Β· elastic/eui
v106.3.0
- Added thumbUp and thumbDown icons (#8937)
- Removed obsolete IE-specific CSS properties (#8940)
- Updated
EuiComboBox
to allow multiline options by disabling virtualization (rowHeight="auto"
) (#8934)
Bug fixes
- Fixed interactive content in header cells on
EuiDataGrid
not being correctly removed from the tab order (#8938) - Fixed an issue where the validity state of
EuiFieldNumber
did not update when theisInvalid
prop value changed (#8952) - Reverted a font-size change for
xs
buttons back to12px
(#8930) - Fixed unexpected results for the SCSS function
lineHeightFromBaseline
(#8922) - Fixed
euiDataGridRow--selected
not applying onEuiDataGrid
whithstripes={true}
(#8925) - Fixed
euiDataGridRow--marked
andeuiDataGridRow--selected
applying hover styling onEuiDataGrid
whenstripes={true}
(#8925)
Accessibility
- Added a screen reader help text for entered interactive cells of
EuiDataGrid
to provide information about exiting cells (#8938) - Added a new beta
EuiLiveAnnouncer
component which supportsaria-live
announcements on mount (#8916) - Added
announceOnMount
prop onEuiCallOut
to support announcing its content on mount (#8916)
v106.2.0
- Enhanced
EuiCheckableCard
to make non-interactive children clickable for card selection (#8907) - Added
showFooter
andtoolbarProps.right
props toEuiMarkdownEditor
for more flexible layout control. (#8889) (#8889)
Bug fixes
- Fixed
EuiPopover
not closing on outside click after multiple fast clicks on the trigger element (#8882)
Accessibility
- Added accessible labels to virtualized
EuiCodeBlock
(#8887)
v106.1.0
- Added
--euiPushFlyoutOffsetInlineStart
and--euiPushFlyoutOffsetInlineEnd
global CSS variables set by theEuiFlyout
inpush
mode. (#8872) - Reduced the
min-width
for inputs inEuiRange
andEuiDualRange
(#8866) - Added
includeSelectorInFocusTrap
prop forEuiFlyout
(#8849) - Added component defaults for
EuiFlyout
that includeincludeSelectorInFocusTrap
andincludeFixedHeadersInFocusTrap
(#8849)
Bug fixes
- Fixed flaky manual return focus behavior on
EuiFlyout
by relying onFocusTrap
returning focus instead (#8878) - Fixed
EuiFlyoutChild
closing its parentEuiFlyout
onEscape
keypress (#8878) - Fixed support for
css
key in items object passed toEuiTreeView
(#8864)
Deprecations
- Deprecated support for React 16. Please update to a modern version of React or stay on EUI version 106.0.0 if you can't switch right now. (#8868)
v106.0.0
- Added
colorModes
prop toEuiSelectableTemplateSitewide
to support granular control over the appliedcolorMode
for the search and popover components (#8806) - Added high contrast mode specific color values for
colors.vis
andcolors.severity
tokens in light color mode (#8800) - Added new
refresh
design for input styles on form picker components: (#8778)EuiComboBox
EuiFilePicker
EuiDatePicker
EuiSuperDatePicker
- Updated the font size of
xs
sizeEuiButtonEmpty
to14px
(#8778) - Added a new
backgroundStyle
prop to theEuiFlyoutChild
component. (#8847) - Updates to
EuiFlyoutSessionProvider
(#8846)- Remove the onUnmount callbacks from various flyout configurations
- Consolidate unmount behavior with a single onUnmount prop at the provider level.
- Removed onCloseFlyout and onCloseChildFlyout from the flyout render context.
- Fixed the canGoBack logic in packages/eui/src/components/flyout/sessions/use_eui_flyout.ts.
- Added new
refresh
design for input styles and form layout components: (#8767)EuiFieldText
EuiFieldNumber
EuiFieldPassword
EuiFieldSearch
EuiTextarea
EuiSelect
EuiSuperSelect
EuiFormControlLayout
EuiFormControlLayoutDelimited
EuiFormControlLayoutIcons
EuiFormLabel
EuiFormErrorText
- Added semantic tokens: (#8767)
colors.borderInteractiveFormsHoverPlain
colors.borderInteractiveFormsHoverDanger
- Added component tokens: (#8767)
components.forms.backgroundDropping
components.forms.borderFocused
components.forms.borderInvalid
components.forms.borderHovered
components.forms.borderInvalidHovered
components.forms.borderAutofilledHovered
components.forms.clearButtonBackground
- Updated values for tokens: (#8767)
colors.textWarning
colors.borderStrongPrimary
colors.borderStrongAccent
colors.borderStrongAccentSecondary
colors.borderStrongNeutral
colors.borderStrongSuccess
colors.borderStrongWarning
colors.borderStrongRisk
colors.borderStrongDanger
components.forms.backgroundReadOnly
Bug fixes
- Fixed the screen reader output in
EuiProgress
when a node is passed in thelabel
prop (#8856) - Removed unnecessary
title
attributes forlabel
andvalueText
inEuiProgress
(#8856) - Fixed wrong initialization options on
EUI_VIS_COLOR_STORE
which resulted in partially wrong initial color values for staticeuiPalette{name}
functions (e.g.euiPaletteForTemperature
) (#8844)
Breaking changes
- Removed custom style overrides for
EuiSelectableTemplateSitewide
search insideEuiHeader
- Use thecolorModes
prop onEuiSelectableTemplateSitewide
instead to control the color mode output. (#8806)
v105.0.0
- Added marked row styling via the classes
euiDataGridRow--marked
andeuiTableRow--marked
forEuiDataGrid
andEuiBasicTable
(#8834) - Added component tokens: (#8834)
dataGridRowBackgroundMarked
dataGridRowBackgroundMarkedHover
dataGridRowBorderActive
dataGridRowBorderHover
dataGridRowBorderMarked
tableRowBackgroundMarked
tableRowBackgroundMarkedHover
- Added
EuiFlyoutChild
andEuiFlyoutSessionProvider
(#8771) - Added
setListOptionRefs
prop onEuiComboBoxList
(#8829)
Breaking changes
- Removed
iInCircle
icon (useinfo
instead) (#8841) - Removed
questionInCircle
icon (usequestion
instead) (#8841)
Accessibility
- Improved the experience of
EuiProgress
by ensuring that determinate updates are read out immediately to screen readers (#8839) - Fixed missing screen reader output for
EuiComboBox
withoptions
that have customid
attributes (#8829)
Summary
- Marked row styling for
EuiDataGrid
andEuiBasicTable
: new CSS classes are available for consistent styling of marked rows (different from selected), including hover and cell outline styles (#8834) - New flyout component:
EuiFlyoutChild
allows side-by-side (grouped) flyout panels (#8771) β thank you @tsullivan for the contribution! - Accessibility fixes:
- Icon updates (breaking change):
iInCircle
andquestionInCircle
icons have been renamed toinfo
andquestion
respectively (#8841) β thank you @ek-so πββοΈ
v104.1.0
- Added new component token
components.forms.codeInlineBackground
(#8813) - Updated background color for
EuiCode
to usecomponents.forms.codeInlineBackground
(#8813) - Added
noItemsMessage
prop toEuiInMemoryTable
(#8812) - Added prop
delimiter
onEuiDatePickerRange
(#8810)
Bug fixes
- Fixed an issue with
EuiSuperDatePicker
where togglingisQuickSelectOnly
would cause a full re-render when the selected range uses absolute dates (#8810)
Deprecations
- Deprecated
message
prop inEuiInMemoryTable
in favor ofnoItemsMessage
which is a more meaningful prop name; there are no functional changes (#8812)
v104.0.2
v104.0.1
v104.0.0
- Added data vis text color tokens: (#8793)
colors.vis.euiColorVisText0
colors.vis.euiColorVisText1
colors.vis.euiColorVisText2
colors.vis.euiColorVisText3
colors.vis.euiColorVisText4
colors.vis.euiColorVisText5
colors.vis.euiColorVisText6
colors.vis.euiColorVisText7
colors.vis.euiColorVisText8
colors.vis.euiColorVisText9
- Updated and aligned background hover styles for
EuiTable
andEuiDataGrid
(#8769)
Deprecations
- Deprecated
euiPaletteForLightBackground
andeuiPaletteForDarkBackground
palettes. Use the newly added data vis color tokens instead. (#8793)
Breaking changes
- Removed tokens: (#8793)
colors.vis.euiColorVisAsTextLight1
colors.vis.euiColorVisAsTextLight0
colors.vis.euiColorVisAsTextLight2
colors.vis.euiColorVisAsTextLight3
colors.vis.euiColorVisAsTextLight4
colors.vis.euiColorVisAsTextLight5
colors.vis.euiColorVisAsTextLight6
colors.vis.euiColorVisAsTextDark1
colors.vis.euiColorVisAsTextDark0
colors.vis.euiColorVisAsTextDark2
colors.vis.euiColorVisAsTextDark3
colors.vis.euiColorVisAsTextDark4
colors.vis.euiColorVisAsTextDark5
colors.vis.euiColorVisAsTextDark6
- Removed
xl
size fromEuiTabs
(#8762) - Added
tooltipProps
toEuiCopy
which replaces spreading all props toEuiToolTip
(#8758)
v103.1.0
- Added
onFullScreenChange
prop toEuiDataGrid
to handle changes when the component enters or exits fullscreen mode (#8765)
Bug fixes
- Fixed
onChange
being triggered twice when the checkbox inEuiCheckableCard
is clicked (#8786) - Fixed a circular import on the legacy Amsterdam theme that would cause the theme usage to break (#8780)
- Fixed high contrast theme token overrides not being applied (#8742)
Accessibility
- Fixed form errors not being read by screen readers for
EuiComboBox
inside ofEuiFormRow
(#8798)