Skip to content

Releases: elastic/eui

v109.1.0

17 Nov 16:20
v109.1.0
cd5a223

Choose a tag to compare

  • Added --euiBottomBarOffset CSS variable to EuiBottomBar for positioning other fixed elements relative to the bottom bar's height (#9211)
  • Updated boxesVertical icon and restored checkInCircleFilled, errorFilled, and warningFilled icons. (#9194)
  • Updated EuiSuperDatePicker with new time zone information, opt-in via timeZoneDisplayProps. (#9191)
  • Updated the position of EuiModal by removing bottom padding in EuiOverlayMask (#9190)
  • Added EuiPopover and EuiToolTip's repositionOnScroll to componentDefaults (#9152)
  • Updated EuiSuperDatePicker with new time window buttons for time shifting and zoom out, opt-in via showTimeWindowButtons boolean prop. (#9151)
  • Added beta prop hasAriaDisabled to all base button components: EuiButton, EuiButtonEmpty, EuiButtonIcon, EuibuttonGroup, EuiFilterButton (#9201)
  • Added euiDisabledSelector variable that combines CSS selectors :disabled and [aria-disabled="true"] (#9201)
  • Added custom test matchers that check for both disabled and aria-disabled attributes: (#9201)
    • React testing Library: .toBeEuiDisabled()
    • Enzyme: .toHaveEuiDisabledProp()
    • Cypress: should('be.euiDisabled)

Bug fixes

  • Fixed unexpected duplicate columns in EuiDataGrid crashing the column sorting by removing duplicate columns entirely (#9209)
  • Fixed a visual bug in EuiTable where long table row content would be cut off on mobile screens (#9206)
  • Fixed virtualized EuiCodeBlock rendering blank lines when content updates if scrolled. (#9196)
  • Fixed EuiButtonGroup button sizing to ensure square buttons when used with isIconOnly=true (#9170)

Accessibility

  • Fixed an issue where portalled components like EuiPopover were not included in EuiFlyout's focus trap through includeSelectorInFocusTrap, making them inaccessible to keyboard users (#9103)

thank you @Dosant @MichaelMarcialis @ek-so @sravanth-space for your contributions!

v109.0.0

05 Nov 11:06
v109.0.0
cadc401

Choose a tag to compare

  • Added color tokens borderBaseProminent and borderInteractiveFormsHoverProminent (#9162)
  • Updated EuiFilePicker border styles (#9162)
  • Updated 'paperClip' icon glyph (#9149)

Bug fixes

  • Fixed internal EuiButtonGroupButton component so that aria-pressed can be omitted when necessary (#9164)

Breaking changes

  • Removed borderBaseFormsControl token (#9162)

Accessibility

  • Removed aria-hidden on EuiDataGrids column header actions button to prevent accessibility warnings (#9166)
  • Improved the accessibility experience of EuiBasicTable and EuiInMemoryTable by ensuring tooltips displayed for action buttons are visual-only whenever the action.name and action.description are exactly the same (#9140)

v108.0.0

27 Oct 18:36

Choose a tag to compare

  • Updated EuiModal to support closing on outside click, via the new outsideClickCloses prop (#9137)

Breaking changes

  • Removed all "Amsterdam" theme related code in src/themes/amsterdam - EUI now only supports the "Borealis" theme in eui-theme-borealis (#9090)
  • Removed euiTheme.flags.hasGlobalFocusColor (#9090)
  • Removed euiTheme.flags.hasVisColorAdjustment (#9090)
  • Removed hasVisColorAdjustment argument from color palettes (used in euiPaletteColorBlindBehindText, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteCool) (#9090)
  • Removed euiTheme.flags.buttonVariant and euiTheme.flags.formVariant (#9090)
  • Removed euiTheme.components.keyPadMenuItemBackgroundDisabledSelect (#9090)
  • Removed legacy SCSS files from src/global_styling/variables, src/global_styling/mixins and src/global_styling/functions - if needed, use them from eui-theme-common instead (#9090)

v107.0.1

20 Oct 14:15

Choose a tag to compare

Summary

  • YAML is now nicely highlighted in EuiCodeBlock
  • 2 accessibility fixes: better screen reader support in EuiIcon and EuiBetaBadge, and EuiBasicTable respects user's reduced motion setting
  • Dependency update (@elastic/prismjs-esql → 1.1.2)

Bug fixes

  • Fixed prismjs theme in EuiCodeBlock to improve highlighting for the yaml language (#9089)
  • Fixed a visual bug on EuiTable where the border for rows in dark mode wasn't applied correctly (#9115)

Dependency updates

  • Updated @elastic/prismjs-esql to v1.1.2 (#9102)

Accessibility

  • Fixed incorrect role attribute on EuiIcon and EuiBetaBadge (#9100)
  • Make EuiBasicTable respect user's reduced motion setting by not animating when in loading state. (#9095)

@elastic/eslint-plugin-eui v2.5.0

  • Added new accessible-interactive-element rule. (#9093)
  • Added new tooltip-focusable-anchor rule. (#9051)
  • Exclude EuiButtonEmpty from the no-unnamed-interactive-element rule. (#9046)

Bug fixes

  • Fixed no-css-color rule to allow CSS keywords like currentColor, transparent, and inherit (#9092)

Thank you @smith and @alexwizp

v107.0.0

13 Oct 14:18
v107.0.0
ff6e9dd

Choose a tag to compare

  • Added new shadow tokens (#9088)
    • shadows.colors.base
    • shadows.xs
    • shadows.s
    • shadows.m
    • shadows.l
    • shadows.xl
    • shadows.flat
    • shadows.hover.base
    • shadows.hover.xl
  • Updated shadow utility functions to return new tokens (#9088)
    • euiShadow
    • euiShadowXSmall
    • euiShadowSmall
    • euiShadowMedium
    • euiShadowLarge
    • euiShadowXLarge
    • euiShadowFlat
    • euiSlightShadowHover
  • Added shadow hover utility euiShadowHover (#9088)

Deprecations

  • Deprecated euiShadowFlat and useEuiShadowFlat - use euiShadow/ useEuiShadow (size xs) or euiShadowXSmall instead (#9088)
  • Deprecated euiSlightShadowHover and useEuiSlightShadowHover - use euiShadowHover / useEuiShadowHover instead (#9088)

Breaking changes

  • Updated shadow utility functions (e.g. euiShadow) to apply a floating border style in dark mode. This may lead to visual issues with double borders in dark mode when a regular border styling is applied. - Use the options.border argument on the utils to adjust or remove the floating border as needed. (#9088)

v106.7.0

06 Oct 14:28

Choose a tag to compare

  • Updated EuiComboBox to properly break long strings without spaces when rowHeight="auto" (#9063)
  • Added data-test-subj support to EuiDatePicker and EuiDatePickerRange for improved testability. Propagates to main component wrappers, inputs, clear buttons, calendar navigation, and popover panels. (#9042)
  • Added streamsClassic and streamsWired icons (#9017)
  • Updated icons based on feedback: boxesVertical, documentation, error, export, filter, filterExclude, filterIgnore, filterInclude, grab, grabOmnidirectional, grabHorizontal, importAction, indexTemporary, link, list, magnifyWithExclamation, magnifyWithMinus, magnifyWithPlus, minus, minusInCircle, pencil, pin, pinFilled, plus, plusInCircle, question, search, sortLeft, sortRight, sortDown, sortUp, sortable, unlink. (#9026)
  • Added new icon: backgroundTask. (#9026)
  • Marked icons for deprecation: boxesHorizontal, checkInCircleFilled, copyClipboard, documentEdit, errorFilled, expandMini, filterInCircle, lettering, listAdd, minusInCircleFilled, newChat, playFilled, plusInCircleFilled, submodule, tableDensityNormal, warningFilled. (#9026)
  • Added workflowsApp icon (#9011)
  • Added EuiFormControlButton component for usage as input-styled button within EuiFormControlLayout (#9006)
  • Updated EuiSuperDatePicker to use EuiFormControlButton when a prettified duration button is rendered (#9006)

Bug fixes

  • Fixed EuiInMemoryTable not firing the search.onChange callback when searchFormat equals text. (#9059)
  • Fixed columns in EuiDataGrid not being rendered in the correct order as defined by columnVisibility.visibleColumns which resulted in unexpected updates when reordering columns (#9030)

Accessibility

  • Improved color contrast of non-interactive EuiBreadcrumbs items in dark mode (#9071)
  • Make EuiProgress respect user's reduced motion setting by not animating when in indeterminite state. (#9054)

Thank you for your contribution @boriskirov @MichaelMarcialis @smith

v106.6.0

15 Sep 08:21
0c43f16

Choose a tag to compare

Accessibility

  • Removed focus state styles for iconOnClick on EuiBadge to improve color contrast in dark mode (#9004)

v106.5.0

08 Sep 14:43
v106.5.0
a9fa17d

Choose a tag to compare

  • Added an optional offset prop to EuiToolTip to allow customizing the distance (in pixels) between the tooltip and its anchor. (#8988)
  • Updated EuiDataGrid hover styles when stripes={true} to ensure a visible background color change on hover (#8983)

Bug fixes

  • Fixed a 1ms time shift on EuiSuperDatePicker when using the quick select time window steps (#8985)
  • Fixed a visual issue in EuiSuperDatePicker with isQuickSelectOnly enabled, where delimiter padding caused an unexpected empty container (#8985)

Accessibility

  • Changed the close button position in EuiModal to allow for the modal title to be perceivable first (#8954)
  • Added screen reader hint text on EuiModal to indicate closing behavior (#8954)

v106.4.0

25 Aug 11:39

Choose a tag to compare

  • Added prop focusTrapProps on EuiModal (#8945)

Bug fixes

  • Fixed the syntax of the SCSS variable $euiColorTransparent to ensure a valid value (#8966)
  • Fixed restrictWidth not applying to EuiPageHeaderContent when only children are used as content (#8965)

Accessibility

  • Fixed an issue where pressing Shift + Tab on the last tabbable element inside EuiInputPopover popover would close the popover unexpectedly (#8950)

v106.3.0

11 Aug 11:25
1773fa7

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)