eui

• Enhanced EuiDataGrid and EuiBasic/InMemoryTable to clean content newlines/tabs when users copy and paste from their tabular data (#8019)
• Updated EuiResizableButton with a new accountForScrollbars prop (#8021)
• Updated EuiProvider to inherit from the user's OS/system light/dark mode setting if a colorMode prop has not been passed (#8026)

Bug fixes

• Fixed EuiDatePicker's onClear button to not appear when the input is disabled (#8020)
• Fixed several EuiDataGrid row height bugs: (#8025)
  • Fixed row heights not recalculating when rowHeightOptions.lineHeight, gridStyles.fontSize, or gridStyles.cellPadding changed
  • Fixed incorrect height calculations for rowHeightOptions.rowHeights with lineCounts
  • Fixed control column content to align better with multi-line row heights, as well as custom line-heights

• Updated EuiText, EuiTextColor, and EuiTextAlign with a new component 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 from EuiProvider's componentDefaults.EuiPortal.insert (#8003)
• Fixed push EuiFlyoutResizables to not potentially block scrollbars on outside content (#8010)
• Fixed an EuiDataGrid bug where the setCellProps callback passed by renderCellValue was not correctly applying custom data-test-subjs (#8011)

Accessibility

• Updated the EuiBasicTable actions button's aria-label by adding a reference to the current row (#7994)

CSS-in-JS conversions

• Converted EuiDataGrid's toolbar controls to Emotion (#7997)
  • Removed $euiDataGridPopoverMaxHeight
• Converted EuiDataGrid to Emotion (#7998)
  • Removed $euiZDataGrid
  • Removed $euiZHeaderBelowDataGrid
• Converted EuiDataGrid's gridStyles 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

Bug fixes

• Fixed a visual bug in compact density EuiDataGrids, where the header cell height would increase when the actions button became visible (#7999)

• Updated EuiDataGrid to support interactive header cell content (#7898)
• Updated EuiSearchBar's field_value_selection filter type with a new autoSortOptions 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 configuring allowRelative and allowProtocols
  • parsingConfig.emoji, which allows configuring emoticon parsing
  • processingConfig.linkProps, which allows configuring rendered links with any props that EuiLink accepts
  • See our Markdown plugins documentation for example EuiMarkdownFormat and EuiMarkdownEditor usage
• Updated EuiDatePicker to support append and prepend nodes in its form control layout (#7987)

Bug fixes

• Fixed border rendering bug with inline EuiDatePickers with shadow={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)

• Updated EuiSearchBar's optional box.schema prop with a new recognizedFields configuration. This allows specifying the phrases that will be parsed as field clauses (#7960)
• Updated EuiIcon with a new tokenSemanticText glyph (#7971)
• Added support for TypeScript 5 (#7980)

Bug fixes

• Fixed EuiSelectableTemplateSitewide styles when used within a dark-themed EuiHeader (#7977)

• Updated EuiHeaderLinks's mobile menu to set a slight popover padding by default (#7961)
  • This can be overridden via popoverProps.panelPaddingSize if needed.
• Updated EuiHeaderLink to default to a size of s (down from m) (#7961)

Accessibility

• Updated the aria-label attribute for the EuiFieldSearch clear button (#7970)

Bug fixes

• Fixed a visual bug with <EuiDualRange showInput="inputWithPopover" /> form controls (#7957)

Deprecations

• Deprecated EuiFormRow's columnCompressedSwitch display prop. Use columnCompressed instead, which will automatically account for child EuiSwitches (#7968)
• Deprecated EuiFormRow's rowCompressed display prop. Use row instead for vertical forms, or centerCompressed for inline forms (#7968)
• (Styling) Updated EuiFormRow's hasEmptySpaceLabel prop to no longer attempt to automatically align its content to a vertical center. Use the display="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
• Converted EuiFormLayoutDelimited to Emotion (#7957)
• Fixed cloneElementWithCss throwing an error when used multiple times without a key 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, and EuiFormErrorText to Emotion (#7966)
• Converted EuiFormLabel and EuiFormLegend 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

CSS-in-JS conversions

• Converted EuiSelectable to Emotion (#7940)
  • Removed $euiSelectableListItemBorder
  • Removed $euiSelectableListItemPadding
• Converted EuiSelectableTemplateSitewide to Emotion (#7944)
  • Removed $euiSelectableTemplateFocusBackgroundLight
  • Removed $euiSelectableTemplateFocusBackgroundDark
  • Removed $euiSelectableTemplateSitewideTypes
• Converted EuiComboBox to Emotion (#7950)

• Updated EuiIcon with a new crossInCircle glyph (#7924)

Bug fixes

• Fixed EuiEmptyPrompt to correctly collapse and expand responsively when used with custom breakpoints larger than the default xl breakpoint (#7935)

Accessibility

• Improved the experience of EuiModal by ensuring nested EuiPopover closes on Escape 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

• Added minusInSquare and plusInSquare glyphs to EuiIcon. (#7875)

Bug fixes

• Fixed EuiSuperDatePicker not correctly passing refreshMinInterval 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
• Converted EuiSuperDatePicker's date popover content to Emotion (#7908)
• Converted EuiSuperDatePicker's quick select to Emotion (#7909)

• Added anomalyChart, anomalySwimLane, changePointDetection, fieldStatistics, logPatternAnalysis, logRateAnalysis and singleMetricViewer glyph to EuiIcon (#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)

• Updated EuiThemeProviders to allow modifying/setting custom breakpoints in nested usage (as opposed to only at the top EuiProvider 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 and EuiColorPaletteDisplay to Emotion (#7854)
  • Removed $euiColorPaletteDisplaySizes
  • Removed @mixin euiColorPaletteInnerBorder
• Removed $euiColorPickerValueRange0, $euiColorPickerValueRange1, $euiColorPickerSaturationRange0, $euiColorPickerSaturationRange1, and $euiColorPickerIndicatorSize (#7859)

Accessibility

• Updated the aria-label attribute for the EuiFilePicker remove file button (#7860)

• Updated EuiContextMenuItemIcon's type definition to explicitly define support for EuiIcon's IconType (#7804)
• Updated EuiSteps to support a new titleSize="xxs" style, which outputs the same title font size but smaller unnumbered step indicators (#7813)
• Updated EuiStepsHorizontal to support a new size="xs" style, which outputs smaller unnumbered step indicators (#7813)
• Updated EuiStepNumber to support new titleSize="none" which omits rendering step numbers, and will only render icons (#7813)
• Updated setEuiDevProviderWarning to additionally accept a custom callback function, which warning messages will be passed to (#7820)
• Updated EuiIcon to feature updated logoElasticStack logo for referencing Elastic Stack platform (#7838)
• Updated EuiIcon to feature updated casesApp design. (#7840)
• Updated EuiComboBox to no longer autocomplete searched text when used within forms (#7842)

CSS-in-JS conversions

• Converted EuiFilePicker to Emotion; Removed $euiFilePickerTallHeight (#7833)

• Updated the autofill colors of Chrome (and other webkit browsers) to better match EUI's light and dark mode (#7776)
• Updated EuiFormControlLayout to automatically pass icon padding affordance down to child inputs (#7799)

Bug fixes

• Fixed broken focus/invalid styling on compressed EuiDatePickerRanges (#7770)

CSS-in-JS conversions

• Converted EuiFieldText to Emotion (#7770)
• Converted EuiFieldNumber to Emotion (#7802)
• Converted EuiFieldSearch to Emotion (#7802)
• Converted EuiFieldPassword to Emotion (#7802)
• Converted EuiTextArea to Emotion (#7812)
• Converted EuiSelect to Emotion (#7812)
• Converted EuiSuperSelect to Emotion (#7812)

• Added move glyph to EuiIcon (#7789)
• Updated EuiBasicTable and EuiInMemoryTables with selection - the header row checkbox will now render an indeterminate state if some (but not all) rows are selected (#7817)

Bug fixes

• Fixed an EuiDataGrid visual bug when using lineCount row heights where the clamped text was still visible for some font sizes (#7793)
• Fixed EuiSearchBar's filter configs to always respect autoClose: false (#7806)

Breaking changes

• Removed deprecated EUI_CHARTS_THEME_DARK, EUI_CHARTS_THEME_LIGHT and EUI_SPARKLINE_THEME_PARTIAL exports (#7682)
• Removed deprecated euiPalettePositive and euiPaletteNegative. Use euiPaletteGreen and euiPaletteRed instead (#7808)
• Removed type="inList" from EuiCheckbox. Simply omit passing a label prop to render this style of checkbox (#7814)
• Removed the unused compressed prop from EuiCheckbox and EuiRadio. This prop was not doing anything on individual components. (#7818)

CSS-in-JS conversions

• Converted EuiCheckboxGroup to Emotion (#7818)
• Converted EuiRadioGroup to Emotion (#7818)

• Updated EuiComboBox to support rendering option.append and option.prepend in group labels (#7800)

Accessibility

• Improved the accessibility experience of EuiBetaBadge (#7805)

Bug fixes

• Fixed EuiDatePicker to more gracefully handle incorrectly formatted selected Moment dates, instead of simply crashing (#7784)
• Fixed EuiFlexGroup and EuiFlexItem types to correctly accept global attribute props and simplify type resolution when used with styled()-like wrappers (#7792)

Bug fixes

• Fixed an EuiDualRanges with showInput bug, where min/max values and invalid states were not being correctly set if values were empty strings (#7767)

Accessibility

• Improved EuiDatePicker and EuiSuperDatePicker's time selection screen reader UX (#7726)
• Improved the accessibility of EuiDatePicker by providing full screen-reader-only week day names to the calendar header (#7748)
• Improved EuiBadge's ability to tell when text within the badge is selected/highlighted and selection color contrast (#7752)

• EuiFlyoutResizable now respects size prop updates, allowing for controlled size usage (#7759)

Bug fixes

• Restored a removed setTimeout in EuiInputPopover to reduce flaky Cypress failures (#7760)

Accessibility

• EuiToolTips can now additionally be dismissed via Escape keypress as well as on focus blur. (#7751)

• Added support for toolTipContent and toolTipProps props on EuiSelectable options (#7715)
• Updated EuiSuperDatePicker's absolute tab UX to support setting manual timestamps via mouse click as well as enter key (#7732)

Bug fixes

• Fixed issue with unmounted component state updates on requestAnimationFrame for EuiSelectable (#7715)
• Fixed EuiMarkdownEditor not disabling the upload dropzone when in readOnly mode (#7738)
• Fixed EuiMarkdownEditor not showing an invalid underline on the editor when errors are present (#7738)

CSS-in-JS conversions

• Converted EuiMarkdownEditor to Emotion; Removed $euiMarkdownEditorMinHeight (#7738)
• Fully converted EuiMarkdownFormat to Emotion (#7738)

Accessibility

• Updated EuiCollapsedNavButton with improved context for screen reader navigation (#7740)

• Updated launch glyph for EuiIcon (#7670)
• Updated EuiComboBox's options to support including tooltip details for selectable options. Use toolTipContent to render tooltip information, and toolTipProps to optionally customize the tooltip rendering behavior (#7700)
• Updated the following existing glyphs in EuiIcon: (#7727)
  • error (now an outlined version instead of filled)
  • tokenMetricCounter
  • tokenMetricGauge
• Added the following new glyphs to EuiIcon: (#7727)
  • tokenDimension
  • clickLeft
  • clickRight
  • clockCounter
  • errorFilled (the previous error glyph design)
  • warningFilled

Bug fixes

• Fixed a visual layout bug for EuiComboBox with isLoading in mobile views (#7700)
• Fixed missing styles on header cells of EuiDataGrid that prevented content text alignment styles to apply (#7720)
• Fixed EuiFlexGroup and EuiFlexItem ref prop typing to support refs of the same type as the passed component type and allow displayName to be defined for easy component naming when using component wrappers like styled() (#7724)