Skip to content

Releases: elastic/eui

v101.3.0

08 Apr 10:59
1ec0868
Compare
Choose a tag to compare
  • Updated 78 existing and added two new glyphs (code and checkCircle) for EuiIcon (#8530)
  • Changed gutterSize to m between right side items on EuiPageHeader (#8529)

Bug fixes

  • Fixed a visual bug on disabled EuiButton in high contrast mode where wrong text colors were applied (#8550)

v101.2.0

31 Mar 21:11
1b0de1f
Compare
Choose a tag to compare

v101.2.0

  • Added showToolTip prop on EuiColorPickerSwatch (#8512)

Bug fixes

  • Fixed a visual issue of overlapping borders for layered EuiPanels (#8519)
  • Fixes wrong colorMode styling for the search in EuiHeader with theme="dark" (#8496)

Accessibility

  • Improved the accessibility of EuiColorPicker by adding color label tooltips on hover and focus for color swatches (#8512)
  • Added disableScreenReaderOutput prop on EuiToolTip to manually control if the tooltip content should be read when focusing the trigger. This prevents duplicate screen reader output when the tooltip content and aria-label on the trigger element have the same text content. (#8508)
  • Improves text color contrast for EuiButton with color="warning" in high contrast mode (#8496)
  • Improves contrast and visible distinction of the following components in high contrast mode: (#8496)
    • EuiCode
    • EuiBadge
    • EuiBetaBadge
    • EuiNotificationBadge

Dependency updates

  • Updated prismjs to v1.30.0 (#8506)

v101.1.0

26 Mar 08:23
Compare
Choose a tag to compare
  • Updates EuiTableRow styles to check support for :has(+) selector (#8498)

v101.0.1

24 Mar 12:02
Compare
Choose a tag to compare
  • Updated EuiProvider and EuiThemeProvider with a new highContrastMode (#8444)
    • This prop allows toggling a higher contrast visual style that primarily affects borders and shadows
    • On EuiProvider, if the highContrastMode prop is not passed, this setting will inherit from the user's OS/system settings
    • If the user is using a forced colors mode (e.g. Windows' high contrast themes), this system setting will take precedence over any highContrastMode or colorMode props passed
  • Added highContrastModeStyles and preventForcedColors styling utils (#8444)
  • Updated EuiRangeTooltip to be easier to see in dark mode (#8444)
  • Updated some deprecated color token usages that have direct substitutes (#8444)
    • text -> textParagraph
    • title -> textHeading
    • subduedText -> textSubdued
    • disabledText -> textDisabled
    • accentText -> textAccent
    • dangerText -> textDanger
    • warningText -> textWarning
  • useEuiShadow() now accepts a second options argument (#8234)
  • useEuiShadowFlat() now accepts an options object instead of only a color (#8234)
  • Updated EuiPopover and EuiToolTip to be easier to see in dark mode. (#8174)

Bug fixes

  • Fixed a visual bug where a transparent border would create visible empty space (LIGHT mode only) for the components: (#8427)
    • EuiPanel
    • EuiPopover
    • EuiToolTip
    • EuiToast
    • EuiTour

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)