Skip to content

fix(deps): update dependency @elastic/eui to v102 #2634

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

elastic-renovate-prod[bot]
Copy link
Contributor

@elastic-renovate-prod elastic-renovate-prod bot commented Mar 24, 2025

This PR contains the following updates:

Package Type Update Change
@elastic/eui dependencies major ^99.2.0 -> ^102.2.0
@elastic/eui devDependencies major ^99.2.0 -> ^102.2.0

Release Notes

elastic/eui (@​elastic/eui)

v102.2.0

Compare Source

  • Added useIsDarkMode utility (#​8701)
  • Added scroll position data as arguments to virtualizationOptions.onScroll for the virtualized EuiDataGrid (#​8688)
  • Updated secondary fill to primary on EuiIcon (#​8687)
  • Added white outline on EuiLoadingElastic to make it compliant with the Brand requirements (#​8684)

Bug fixes

  • Fixed EuiGlobalToastList toasts not being cleaned properly when they are added and removed at the same time (#​8692)
  • Resolved an issue where the EuiDataGrid cell actions menu was hidden by the header when a cell was clicked to scroll into view (#​8640)

Accessibility

  • Improved accessibility of EuiSelect by removing the empty <option> added when hasNoInitialSelection is true from the DOM, once a user makes a selection. (#​8706)
  • Improved the accessibility of EuiSuperDatePicker's quick select buttons by preventing duplicate screen reader output (#​8686)

v102.1.0

Compare Source

  • Update EuiDataGrid to use expand glyph (#​8646)

Accessibility

  • Updated EuiTableHeaderCell to output nameTooltip directly on sortable cell elements, ensuring tooltips appear on focus (#​8644)
  • Improved the accessibility of EuiColorPicker by: (#​8639)
    • preventing duplicate color output for screen readers
    • adding tooltips with visual color labels for the selected colors on the saturation and hue sliders
    • updated accessible labels and announcements to be more descriptive

Dependency updates

  • Updated typescript to v5.8.3 (#​8626)

v102.0.0

Compare Source

  • Added semantic severity color tokens: (#​8601)
    • colors.severity.unknown
    • colors.severity.neutral
    • colors.severity.success
    • colors.severity.warning
    • colors.severity.risk
    • colors.severity.danger
  • Added semantic color tokens for variants neutral and risk: (#​8601)
    • colors.textNeutral
    • colors.textRisk
    • colors.backgroundBaseNeutral
    • colors.backgroundBaseRisk
    • colors.backgroundLightNeutral
    • colors.backgroundLightRisk
    • colors.backgroundFilledNeutral
    • colors.backgroundFilledRisk
    • colors.borderBaseNeutral
    • colors.borderBaseRisk
    • colors.borderStrongNeutral
    • colors.borderStrongRisk
  • Added semantic color variants neutral and risk for the following components: (#​8601)
    • EuiButton
    • EuiButtonEmpty
    • EuiButtonIcon
    • EuiBadge
    • EuiIcon
    • EuiPanel
  • Aligned EuiFormControlLayoutIcons to the top (instead of center) to improve usability in multi-line form controls like EuiComboBox with many selected options (#​8610)

Breaking changes

  • Removed numbered severity color tokens: (#​8601)
    • colors.vis.euiColorSeverity0
    • colors.vis.euiColorSeverity1
    • colors.vis.euiColorSeverity2
    • colors.vis.euiColorSeverity3
    • colors.vis.euiColorSeverity4
    • colors.vis.euiColorSeverity5
    • colors.vis.euiColorSeverity6
    • colors.vis.euiColorSeverity7
    • colors.vis.euiColorSeverity8
    • colors.vis.euiColorSeverity9
    • colors.vis.euiColorSeverity10
    • colors.vis.euiColorSeverity11
    • colors.vis.euiColorSeverity12
    • colors.vis.euiColorSeverity13
    • colors.vis.euiColorSeverity14

Accessibility

  • Fixed duplicate screen reader output on EuiDataGrid for single sorted header cells with actions (#​8598)

v101.4.0

Compare Source

  • Spread labelProps to the label element in EuiCheckableCard (#​8586)
  • Add controls, flask, comment, and readOnly glyphs to EuiIcon (#​8580)
  • Refactored EuiExpression, EuiFacetGroup, EuiFacetButton, EuiFilterGroup, EuiHeader, EuiImage and EuiListGroup to memoize their internal Emotion styles (#​8565)
  • Updated global border.radius.medium token value for default Borealis theme to 4px (#​8563)
  • Updated EuiProvider to build themes including highContrastMode (#​8558)

Accessibility

  • Removed the aria-label attribute from the ul element in EuiPagination to avoid duplicate screen reader output (#​8597)
  • Set a more specific aria-current="page" on list items in EuiPagination (#​8597)
  • Added aria-modal to EuiFlyout with type="overlay" (#​8591)

Dependency updates

  • Updated @elastic/prismjs-esql to v1.1.0 (#​8587)

v101.3.0

Compare Source

  • 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

Compare Source

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

v101.1.0

Compare Source

  • Updates EuiTableRow styles to check support for :has(+) selector (#​8498)

v101.0.1

Compare Source

  • 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

v101.0.0

Compare Source

v100.0.0

Compare Source

  • 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

Compare Source

  • 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

Compare Source

  • 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)

Configuration

📅 Schedule: Branch creation - "every 1 week on monday" (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.


  • If you want to rebase/retry this PR, check this box

This PR has been generated by Renovate Bot.

@elastic-renovate-prod elastic-renovate-prod bot added dependencies Pull requests that update a dependency file skip-newsletter labels Mar 24, 2025
@elastic-renovate-prod elastic-renovate-prod bot requested a review from a team March 24, 2025 15:03
@nickofthyme
Copy link
Collaborator

Error caused by missing exports from eui in storybook.


storybook/parameters.ts:9:25 - error TS2307: Cannot find module '@elastic/eui/dist/eui_theme_dark.json' or its corresponding type declarations.
--
  |  
  | 9 import euiDarkVars from '@elastic/eui/dist/eui_theme_dark.json';
  | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  |  
  | storybook/parameters.ts:10:26 - error TS2307: Cannot find module '@elastic/eui/dist/eui_theme_light.json' or its corresponding type declarations.
  |  
  | 10 import euiLightVars from '@elastic/eui/dist/eui_theme_light.json';
  | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  |  
  |  
  | Found 2 errors in the same file, starting at: storybook/parameters.ts:9

@elastic-renovate-prod elastic-renovate-prod bot force-pushed the renovate/@elasticeui branch 2 times, most recently from 9cfa5ee to 7cf43a9 Compare April 29, 2025 08:34
@elastic-renovate-prod elastic-renovate-prod bot changed the title fix(deps): update dependency @elastic/eui to v101 fix(deps): update dependency @elastic/eui to v102 Apr 29, 2025
@elastic-renovate-prod elastic-renovate-prod bot force-pushed the renovate/@elasticeui branch from 7cf43a9 to 5a50568 Compare May 5, 2025 10:41
@elastic-datavis
Copy link
Contributor

⏳ Pending Deployment (build#4755) - 70f623d

  • ⏳ Storybook
  • ⏳ e2e server
  • ⏳ Playwright report

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dependencies Pull requests that update a dependency file skip-newsletter
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant