Skip to content

Releases: elastic/eui

v100.0.0

05 Mar 15:36
Compare
Choose a tag to compare
  • Added new "Borealis" theme as @elastic/eui-theme-borealis package (#8030) (#8386)
  • Updated the default theme value on EuiProvider to "Borealis" (#8288) (#8386)
  • Added shared theme code as @elastic/eui-theme-common package (#8030) (#8386)
  • Added new semantic color tokens on euiTheme.colors (#8097) (#8386)
    • textPrimary
    • textAccent
    • textAccentSecondary
    • textSuccess
    • textWarning
    • textDanger
    • textParagraph
    • textHeading
    • textSubdued
    • textDisabled
    • textInverse
    • backgroundBasePrimary
    • backgroundBaseAccent
    • backgroundBaseAccentSecondary
    • backgroundBaseSuccess
    • backgroundBaseWarning
    • backgroundBaseDanger
    • backgroundBaseSubdued
    • backgroundBasePlain
    • backgroundBaseDisabled
    • backgroundBaseHighlighted
    • backgroundBaseFormsPrepend
    • backgroundBaseFormsControlDisabled
    • backgroundBaseInteractiveHover
    • backgroundBaseInteractiveSelect
    • backgroundBaseInteractiveOverlay
    • backgroundBaseSkeletonEdge
    • backgroundBaseSkeletonMiddle
    • backgroundLightPrimary
    • backgroundLightAccent
    • backgroundLightAccentSecondary
    • backgroundLightSuccess
    • backgroundLightWarning
    • backgroundLightDanger
    • backgroundLightText
    • backgroundFilledPrimary
    • backgroundFilledAccent
    • backgroundFilledAccentSecondary
    • backgroundFilledSuccess
    • backgroundFilledWarning
    • backgroundFilledDanger
    • backgroundFilledText
    • borderBasePrimary
    • borderBaseAccent
    • borderBaseAccentSecondary
    • borderBaseSuccess
    • borderBaseWarning
    • borderBaseDanger
    • borderBasePlain
    • borderBaseSubdued
    • borderBaseDisabled
    • borderBaseFloating
    • borderBaseFormsColorSwatch
    • borderBaseFormsControl
    • borderStrongPrimary
    • borderStrongAccent
    • borderStrongAccentSecondary
    • borderStrongSuccess
    • borderStrongWarning
    • borderStrongDanger
  • Added deprecation for non-semantic color tokens (#8097) (#8386)
  • Added new component specific tokens on euiTheme.components (#8097) (#8386)
    • added components.buttons, components.forms for shared tokens (e.g. components.forms.maxWidth)
  • Added data vis color tokens on euiTheme.colors.vis (#8112) (#8386)
    • euiColorVis0
    • euiColorVis1
    • euiColorVis2
    • euiColorVis3
    • euiColorVis4
    • euiColorVis5
    • euiColorVis6
    • euiColorVis7
    • euiColorVis8
    • euiColorVis9
    • euiColorVisBehindText0
    • euiColorVisBehindText1
    • euiColorVisBehindText2
    • euiColorVisBehindText3
    • euiColorVisBehindText4
    • euiColorVisBehindText5
    • euiColorVisBehindText6
    • euiColorVisBehindText7
    • euiColorVisBehindText8
    • euiColorVisBehindText9
    • euiColorVisAsTextLight0
    • euiColorVisAsTextLight1
    • euiColorVisAsTextLight2
    • euiColorVisAsTextLight3
    • euiColorVisAsTextLight4
    • euiColorVisAsTextLight5
    • euiColorVisAsTextLight6
    • euiColorVisAsTextDark0
    • euiColorVisAsTextDark1
    • euiColorVisAsTextDark2
    • euiColorVisAsTextDark3
    • euiColorVisAsTextDark4
    • euiColorVisAsTextDark5
    • euiColorVisAsTextDark6
    • euiColorVisSuccess0
    • euiColorVisSuccess1
    • euiColorVisWarning0
    • euiColorVisDanger0
    • euiColorVisDanger1
    • euiColorVisNeutral0
    • euiColorVisGrey0
    • euiColorVisGrey1
    • euiColorVisGrey2
    • euiColorVisGrey3
    • euiColorVisWarm0
    • euiColorVisWarm1
    • euiColorVisWarm2
    • euiColorVisCool0
    • euiColorVisCool1
    • euiColorVisCool2
    • euiColorVisComplementary0
    • euiColorVisComplementary1
  • Added severity colors to euiTheme.colors.vis (#8247) (#8386)
    • euiColorSeverity0
    • euiColorSeverity1
    • euiColorSeverity2
    • euiColorSeverity3
    • euiColorSeverity4
    • euiColorSeverity5
    • euiColorSeverity6
    • euiColorSeverity7
    • euiColorSeverity8
    • euiColorSeverity9
    • euiColorSeverity10
    • euiColorSeverity11
    • euiColorSeverity12
    • euiColorSeverity13
    • euiColorSeverity14
  • Updated color palette functions to support multiple themes by retrieving colors from the new EuiVisColorStore (#8112) (#8386)
  • Added new semantic tokens to SCSS variables (#8097) (#8386)
  • Added new semantic tokens to static JSON exports (#8115) (#8386)
  • Updated mixin functions euiBackgroundColor, euiBorderColor, euiButtonColor, euiButtonFilledColor and euiButtonEmptyColor to return tokens (#8097) (#8386)
  • Updated usages of transparentize, shade and tint with tokens (#8097) (#8386)
  • Added hooks for color palette functions (#8284) (#8386)
    • useEuiPaletteColorBlind
    • useEuiPaletteColorBlindBehindText
    • useEuiPaletteForStatus
    • useEuiPaletteForTemperature
    • useEuiPaletteComplementary
    • useEuiPaletteRed
    • useEuiPaletteGreen
    • useEuiPaletteCool
    • useEuiPaletteWarm
    • useEuiPaletteGray
  • Updated EuiPopover, EuiToolTip, EuiTour and EuiRange with shared popover arrow styles (#8212pull/8212) (#8386)
  • Updated border styles on EuiPanel to use pseudo element borders (#8270) (#8386)

Bug fixes

  • Fixed EuiComboBox by cleaning duplicated values when having a delimiter prop. (#8335)

Breaking changes

  • Renamed eui_theme_light.json and eui_theme_dark.json to eui_theme_amsterdam_light.json and eui_theme_amsterdam_dark.json (#8115) (#8386)
  • Removed isDefaultTheme (#8288) (#8386)

v99.4.0

03 Mar 14:50
ee0e5a4
Compare
Choose a tag to compare
  • Added quickSelectButtonProps to EuiSuperDatePicker (#8380)
  • Minor design updates to EuiCollapsibleNavBeta (#8332)
    • Allow section without a title
    • Second-level icons should be horizontally aligned with the top-level icon
    • Turn off text truncation for nav items

Bug fixes

  • Fixed a bug in EuiHeader where the navigation of EuiCollapsibleNavBeta would render below the EuiFlyout's overlay (#8325)

Accessibility

  • Improved the accessibility of EuiComboBox by adding aria-setsize and aria-posinset to ensure correct information is provided for its virtualized listbox (#8333)
  • Improved the EuiAccordionTrigger's screen reader UX by passed aria-hidden to the EuiAccordionArrow to avoid duplicated announcements by screen readers. (#8342)

v99.3.0

19 Feb 01:20
b47b75f
Compare
Choose a tag to compare
  • Updated table components to support adding tooltips to header cells (#8273)
    • Added columns.nameTooltip on EuiBasicTable
    • Added tooltipProps prop on EuiTableHeaderCell
  • Added accent color option to EuiCallOut (#8303)
  • Updated EuiInlineEditForm's onCancel prop type to allow uncontrolled mode usage (#8307)
  • Added ES|QL syntax highlighting for EuiCode, EuiCodeBlock, EuiMarkdownFormat, and EuiMarkdownEditor components. (#8317)
  • Updated EuiAccordion to prevent content from being transitioned on initial render when initialIsOpen=true (#8327)

Bug fixes

  • Fixed a bug on EuiSuperDatePicker where pasting an absolute date would append the date instead of replace it (#8311)

v99.2.0

05 Feb 00:27
5d30840
Compare
Choose a tag to compare
  • Changed EuiFieldText styles to prioritize disabled styling over readonly. (#8271)
  • Added plugs and web glyphs to EuiIcon (#8285)
  • Update title on EuiColorPalettePickerPaletteProps to be optional (#8289)

Bug fixes

  • Fixed an issue with EuiDataGrid with auto row height resulting in a table of 0 height (#8251)
  • Fixed disabled behavior of EuiFieldText to prevent input changes. (#8271)

v98.2.2-borealis.0

05 Feb 21:19
bba9ed3
Compare
Choose a tag to compare

Bug fixes

  • Fixed an issue with EuiDataGrid with auto row height resulting in a table of 0 height (#8251)

v99.1.0

21 Jan 23:26
cea7326
Compare
Choose a tag to compare
  • Updated EuiColorPalettePicker - adds append to EuiColorPalettePickerPaletteProps to support appending custom content to the title (#8208)
  • Updated font-weight and font-size of EuiBetaBadges to improve legibility (#8255)
  • Added suppport for titleColor variant warning on EuiStat (#8278)

v99.0.0

08 Jan 14:56
97e7058
Compare
Choose a tag to compare
  • Added two new icons: createGenericJob and createGeoJob (#8248)
  • Added new icon section (#8261)

Bug fixes

Breaking changes

  • Removed EuiPopover's deprecated hasDragDrop prop. Use usePortal on any child EuiDraggable instead (#8256)

v98.2.1

17 Dec 15:34
ffd0cbc
Compare
Choose a tag to compare
  • Updated the EUI theme color values to use a full 6 char hex code format (#8244)

v98.2.0

16 Dec 18:27
6fc6d14
Compare
Choose a tag to compare
  • Added two new icons: contrast and contrastHigh (#8216)
  • Updated EuiDataGrid content to have a transparent background. (#8220)

Accessibility

  • When the tooltips components (EuiTooltip, EuiIconTip) are used inside components that handle the Escape key (like EuiFlyout or EuiModal), pressing the Escape key will now only close the tooltip and not the entire wrapping component. (#8140)
  • Improved the accessibility of EuiCodeBlocks by (#8195)
    • adding screen reader only labels
    • adding role="dialog" on in fullscreen mode
    • ensuring focus is returned on closing fullscreen mode

v98.1.0

27 Nov 21:28
2b398bc
Compare
Choose a tag to compare
  • Updated EuiBetaBadge with a new warning color variant (#8177)

Accessibility

  • Ensures autoFocus on EuiSelectableList triggers initial focus (#8091)
  • Improved the accessibility of EuiSearchBarFilters by: (#8091)
    • adding a more descriptive aria-label to selection filter buttons
    • ensuring the selection listbox is initially focused when opening a selection popover
  • Improved the accessibility experience of tabs (EuiTab, EuiTabs): tab group is a tab stop and tabs can be traversed with arrow keys. (#8116)
  • Updated EuiCodeBlock with a new copyAriaLabel prop, which allows setting a custom screen reader label on the copy button. (#8176)

CSS-in-JS conversions

  • Removed the following global Sass variables: (#8169)
    • $euiButtonMinWidth
    • $euiDatePickerCalendarWidth
  • Removed the following Sass animations: (#8169)
    • euiAnimFadeIn
    • euiGrow
    • focusRingAnimate
    • focusRingAnimateLarge
    • euiButtonActive
  • Removed the following Sass mixins: (#8169)
    • euiFullHeight
    • euiSlightShadowHover
    • datePickerArrow