Releases: elastic/eui
Releases ยท elastic/eui
v95.11.0
- Updated
EuiText
,EuiTextColor
, andEuiTextAlign
with a newcomponent
prop that allows changing the default rendered<div>
wrapper to a<span>
or<p>
tag. (#7993) - Updated
EuiDataGrid
's cell actions to always consistently be left-aligned, regardless of text content alignment (#8011) - Increased
EuiDataGrid
's cell actions hover zone to reduce UX friction when mousing over from the grid cell to its actions (#8011)
Bug fixes
- Fixed
EuiPopover
to correctly inherit fromEuiProvider
'scomponentDefaults.EuiPortal.insert
(#8003) - Fixed push
EuiFlyoutResizable
s to not potentially block scrollbars on outside content (#8010) - Fixed an
EuiDataGrid
bug where thesetCellProps
callback passed byrenderCellValue
was not correctly applying customdata-test-subj
s (#8011)
Accessibility
- Updated the
EuiBasicTable
actions button'saria-label
by adding a reference to the current row (#7994)
CSS-in-JS conversions
- Converted
EuiDataGrid
's toolbar controls to Emotion (#7997)- Removed
$euiDataGridPopoverMaxHeight
- Removed
- Converted
EuiDataGrid
to Emotion (#7998)- Removed
$euiZDataGrid
- Removed
$euiZHeaderBelowDataGrid
- Removed
- Converted
EuiDataGrid
'sgridStyle
s to Emotion; Removed the following Sass variables and mixins: (#8006)$euiDataGridCellPaddingS
$euiDataGridCellPaddingM
$euiDataGridCellPaddingL
$euiDataGridVerticalBorder
$euiDataGridPrefix
$euiDataGridStyles
@euiDataGridSelector
@euiDataGridStyles
- Converted
EuiDataGrid
's cell popover, actions, and focus outline to Emotion; Removed the following Sass variables and mixins: (#8011)$euiZDataGridCellPopover
@euiDataGridCellFocus
- Converted
EuiDataGrid
's row, header, and footer cells to Emotion; Removed the following Sass variables and mixins: (#8013)$euiDataGridColumnResizerWidth
@euiDataGridRowCell
@euiDataGridHeaderCell
@euiDataGridFooterCell
v95.10.1
v95.10.0
- Updated
EuiDataGrid
to support interactive header cell content (#7898) - Updated
EuiSearchBar
'sfield_value_selection
filter type with a newautoSortOptions
config, allowing consumers to configure whether or not selected options are automatically sorted to the top of the filter list (#7958) - Updated
getDefaultEuiMarkdownPlugins
to support the following new default plugin configurations: (#7985)parsingConfig.linkValidator
, which allows configuringallowRelative
andallowProtocols
parsingConfig.emoji
, which allows configuring emoticon parsingprocessingConfig.linkProps
, which allows configuring rendered links with any props thatEuiLink
accepts- See our Markdown plugins documentation for example
EuiMarkdownFormat
andEuiMarkdownEditor
usage
- Updated
EuiDatePicker
to supportappend
andprepend
nodes in its form control layout (#7987)
Bug fixes
- Fixed border rendering bug with inline
EuiDatePicker
s withshadow={false}
(#7987) - Fixed
EuiSuperSelect
's placeholder text color to match other form controls (#7995)
Accessibility
- Improved the keyboard navigation and screen reader output for
EuiDataGrid
header cells (#7898)
v95.9.0
- Updated
EuiSearchBar
's optionalbox.schema
prop with a newrecognizedFields
configuration. This allows specifying the phrases that will be parsed as field clauses (#7960) - Updated
EuiIcon
with a newtokenSemanticText
glyph (#7971) - Added support for TypeScript 5 (#7980)
Bug fixes
- Fixed
EuiSelectableTemplateSitewide
styles when used within a dark-themedEuiHeader
(#7977)
v95.8.0
- Updated
EuiHeaderLinks
's mobile menu to set a slight popover padding by default (#7961)- This can be overridden via
popoverProps.panelPaddingSize
if needed.
- This can be overridden via
- Updated
EuiHeaderLink
to default to a size ofs
(down fromm
) (#7961)
Accessibility
- Updated the
aria-label
attribute for theEuiFieldSearch
clear button (#7970)
Bug fixes
- Fixed a visual bug with
<EuiDualRange showInput="inputWithPopover" />
form controls (#7957)
Deprecations
- Deprecated
EuiFormRow
'scolumnCompressedSwitch
display prop. UsecolumnCompressed
instead, which will automatically account for childEuiSwitch
es (#7968) - Deprecated
EuiFormRow
'srowCompressed
display prop. Userow
instead for vertical forms, orcenterCompressed
for inline forms (#7968) - (Styling) Updated
EuiFormRow
'shasEmptySpaceLabel
prop to no longer attempt to automatically align its content to a vertical center. Use thedisplay="center"
prop for that instead (#7968)
CSS-in-JS conversions
- Converted
EuiFormControlLayout
to Emotion (#7954)- Removed
.euiFormControlLayout--*icons
classNames and--eui-form-control-layout-icons-padding
CSS var. Use--euiFormControlRightIconsCount
or--euiFormControlLeftIconsCount
instead
- Removed
- Converted
EuiFormLayoutDelimited
to Emotion (#7957) - Fixed
cloneElementWithCss
throwing an error when used multiple times without akey
prop (#7957) - Updated
cloneElementWithCss
utility to support a third argument that allows prepending vs. appending the cloned Emotion css className (#7957) - Removed
@euiFormControlLayoutClearIcon
Sass mixin (#7959) - Converted
EuiDescribedFormGroup
to Emotion (#7964) - Converted
EuiForm
,EuiFormHelpText
, andEuiFormErrorText
to Emotion (#7966) - Converted
EuiFormLabel
andEuiFormLegend
to Emotion; Removed@euiFormLabel
mixin (#7967) - Converted
EuiFormRow
to Emotion (#7968) - Converted
EuiCheckbox
to Emotion (#7969) - Converted
EuiRadio
to Emotion (#7969) - Converted
EuiSwitch
to Emotion (#7969) - Removed the following Sass variables: (#7969)
$euiFormCustomControlDisabledIconColor
$euiFormCustomControlBorderColor
$euiRadioSize
$euiCheckBoxSize
$euiCheckboxBorderRadius
$euiSwitchHeight
(and compressed/mini variants)$euiSwitchWidth
(and compressed/mini variants)$euiSwitchThumbSize
(and compressed/mini variants)$euiSwitchIconHeight
$euiSwitchOffColor
- Removed the following Sass mixins: (#7969)
euiIconBackground
euiCustomControl
euiCustomControlSelected
euiCustomControlDisabled
euiCustomControlFocused
v95.7.0
CSS-in-JS conversions
- Converted
EuiSelectable
to Emotion (#7940)- Removed
$euiSelectableListItemBorder
- Removed
$euiSelectableListItemPadding
- Removed
- Converted
EuiSelectableTemplateSitewide
to Emotion (#7944)- Removed
$euiSelectableTemplateFocusBackgroundLight
- Removed
$euiSelectableTemplateFocusBackgroundDark
- Removed
$euiSelectableTemplateSitewideTypes
- Removed
- Converted
EuiComboBox
to Emotion (#7950)
v95.6.0
- Updated
EuiIcon
with a newcrossInCircle
glyph (#7924)
Bug fixes
- Fixed
EuiEmptyPrompt
to correctly collapse and expand responsively when used with custom breakpoints larger than the defaultxl
breakpoint (#7935)
Accessibility
- Improved the experience of
EuiModal
by ensuring nestedEuiPopover
closes onEscape
keypress instead of the modal (#7939)
CSS-in-JS conversions
- Converted
EuiDatePicker
to Emotion (#7937)- Removed
$euiDatePickerCalendarWidth
- Removed
$euiDatePickerPadding
- Removed
$euiDatePickerGap
- Removed
$euiDatePickerCalendarColumns
- Removed
$euiDatePickerButtonSize
- Removed
$euiDatePickerMinControlWidth
- Removed
$euiDatePickerMaxControlWidth
- Removed
@mixin datePickerCaret
- Removed
@mixin datePickerArrow
- Removed
v95.5.0
- Added
minusInSquare
andplusInSquare
glyphs toEuiIcon
. (#7875)
Bug fixes
- Fixed
EuiSuperDatePicker
not correctly passingrefreshMinInterval
from the quick select popover (#7905)
CSS-in-JS conversions
- Converted
EuiSuperDatePicker
's form control to Emotion; (#7904)- Removed
$euiSuperDatePickerWidth
- Removed
$euiSuperDatePickerButtonWidth
- Removed
$euiSuperDatePickerNeedsUpdatingBackgroundColor
- Removed
$euiSuperDatePickerNeedsUpdatingTextColor
- Removed
@euiSuperDatePickerText
mixin
- Removed
- Converted
EuiSuperDatePicker
's date popover content to Emotion (#7908) - Converted
EuiSuperDatePicker
's quick select to Emotion (#7909)
v95.4.0
- Added
anomalyChart
,anomalySwimLane
,changePointDetection
,fieldStatistics
,logPatternAnalysis
,logRateAnalysis
andsingleMetricViewer
glyph toEuiIcon
(#7873)
Bug fixes
- Fixed overlapping content in
EuiBasicTable
for expanded and selectable table rows (#7895) - Fixed the alignment of
EuiBasicTable
mobile actions (#7895)
Accessibility
- Improved
EuiStat
's screen reader accessibility (#7864)
v95.3.0
- Updated
EuiThemeProvider
s to allow modifying/setting custombreakpoint
s in nested usage (as opposed to only at the topEuiProvider
level) (#7862)
Bug fixes
- Fixed a Chrome/Edge CSS
mask-image
bug that was affecting scroll overflow shadow utilties (#7855)
CSS-in-JS conversions
- Converted
EuiColorPicker
to Emotion; Removed$euiColorPickerWidth
(#7845) - Converted
EuiColorPickerSwatch
to Emotion (#7853) - Converted
EuiColorPalettePicker
andEuiColorPaletteDisplay
to Emotion (#7854)- Removed
$euiColorPaletteDisplaySizes
- Removed
@mixin euiColorPaletteInnerBorder
- Removed
- Removed
$euiColorPickerValueRange0
,$euiColorPickerValueRange1
,$euiColorPickerSaturationRange0
,$euiColorPickerSaturationRange1
, and$euiColorPickerIndicatorSize
(#7859)
Accessibility
- Updated the
aria-label
attribute for theEuiFilePicker
remove file button (#7860)