Skip to content

Releases: elastic/eui

v106.3.0

11 Aug 11:25
1773fa7
Compare
Choose a tag to compare
  • 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 the isInvalid prop value changed (#8952)
  • Reverted a font-size change for xs buttons back to 12px (#8930)
  • Fixed unexpected results for the SCSS function lineHeightFromBaseline (#8922)
  • Fixed euiDataGridRow--selected not applying on EuiDataGrid whith stripes={true} (#8925)
  • Fixed euiDataGridRow--marked and euiDataGridRow--selected applying hover styling on EuiDataGrid when stripes={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 supports aria-live announcements on mount (#8916)
  • Added announceOnMount prop on EuiCallOut to support announcing its content on mount (#8916)

v106.2.0

28 Jul 21:43
v106.2.0
9696381
Compare
Choose a tag to compare
  • Enhanced EuiCheckableCard to make non-interactive children clickable for card selection (#8907)
  • Added showFooter and toolbarProps.right props to EuiMarkdownEditor 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

21 Jul 15:28
bf18206
Compare
Choose a tag to compare
  • Added --euiPushFlyoutOffsetInlineStart and --euiPushFlyoutOffsetInlineEnd global CSS variables set by the EuiFlyout in push mode. (#8872)
  • Reduced the min-width for inputs in EuiRange and EuiDualRange (#8866)
  • Added includeSelectorInFocusTrap prop for EuiFlyout (#8849)
  • Added component defaults for EuiFlyout that include includeSelectorInFocusTrap and includeFixedHeadersInFocusTrap (#8849)

Bug fixes

  • Fixed flaky manual return focus behavior on EuiFlyout by relying on FocusTrap returning focus instead (#8878)
  • Fixed EuiFlyoutChild closing its parent EuiFlyout on Escape keypress (#8878)
  • Fixed support for css key in items object passed to EuiTreeView (#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

15 Jul 07:00
Compare
Choose a tag to compare
  • Added colorModes prop to EuiSelectableTemplateSitewide to support granular control over the applied colorMode for the search and popover components (#8806)
  • Added high contrast mode specific color values for colors.vis and colors.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 size EuiButtonEmpty to 14px (#8778)
  • Added a new backgroundStyle prop to the EuiFlyoutChild 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 the label prop (#8856)
  • Removed unnecessary title attributes for label and valueText in EuiProgress (#8856)
  • Fixed wrong initialization options on EUI_VIS_COLOR_STORE which resulted in partially wrong initial color values for static euiPalette{name} functions (e.g. euiPaletteForTemperature) (#8844)

Breaking changes

  • Removed custom style overrides for EuiSelectableTemplateSitewide search inside EuiHeader - Use the colorModes prop on EuiSelectableTemplateSitewide instead to control the color mode output. (#8806)

v105.0.0

07 Jul 15:37
Compare
Choose a tag to compare
  • Added marked row styling via the classes euiDataGridRow--marked and euiTableRow--marked for EuiDataGrid and EuiBasicTable (#8834)
  • Added component tokens: (#8834)
    • dataGridRowBackgroundMarked
    • dataGridRowBackgroundMarkedHover
    • dataGridRowBorderActive
    • dataGridRowBorderHover
    • dataGridRowBorderMarked
    • tableRowBackgroundMarked
    • tableRowBackgroundMarkedHover
  • Added EuiFlyoutChild and EuiFlyoutSessionProvider (#8771)
  • Added setListOptionRefs prop on EuiComboBoxList (#8829)

Breaking changes

  • Removed iInCircle icon (use info instead) (#8841)
  • Removed questionInCircle icon (use question 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 with options that have custom id attributes (#8829)

Summary

  • Marked row styling for EuiDataGrid and EuiBasicTable: 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:
    • EuiComboBox now supports custom option ids (#8829)
    • Updates on EuiProgress are properly announced by screen readers (#8839)
  • Icon updates (breaking change): iInCircle and questionInCircle icons have been renamed to info and question respectively (#8841) β€” thank you @ek-so πŸ™‡β€β™‚οΈ

v104.1.0

30 Jun 15:31
e852047
Compare
Choose a tag to compare
  • Added new component token components.forms.codeInlineBackground (#8813)
  • Updated background color for EuiCode to use components.forms.codeInlineBackground (#8813)
  • Added noItemsMessage prop to EuiInMemoryTable (#8812)
  • Added prop delimiter on EuiDatePickerRange (#8810)

Bug fixes

  • Fixed an issue with EuiSuperDatePicker where toggling isQuickSelectOnly would cause a full re-render when the selected range uses absolute dates (#8810)

Deprecations

  • Deprecated message prop in EuiInMemoryTable in favor of noItemsMessage which is a more meaningful prop name; there are no functional changes (#8812)

v104.0.2

23 Jun 11:21
Compare
Choose a tag to compare

Bug fixes

  • Fixed missing JSON token exports for euiColorBackgroundBaseInteractiveSelectHover and euiColorBorderStrongText (#8819)

v104.0.1

23 Jun 11:26
Compare
Choose a tag to compare

Bug fixes

  • Fixed a wrong path in the module declaration for the JSON token exports that would trigger typescript errors (#8818)

v104.0.0

23 Jun 08:05
Compare
Choose a tag to compare
  • 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 and EuiDataGrid (#8769)

Deprecations

  • Deprecated euiPaletteForLightBackground and euiPaletteForDarkBackground 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 from EuiTabs (#8762)
  • Added tooltipProps to EuiCopy which replaces spreading all props to EuiToolTip (#8758)

v103.1.0

18 Jun 08:56
Compare
Choose a tag to compare
  • Added onFullScreenChange prop to EuiDataGrid to handle changes when the component enters or exits fullscreen mode (#8765)

Bug fixes

  • Fixed onChange being triggered twice when the checkbox in EuiCheckableCard 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 of EuiFormRow (#8798)