Skip to content

[Icons] Icons renaming batch#9279

Merged
JoseLuisGJ merged 20 commits intoelastic:mainfrom
JoseLuisGJ:renaming-icons-batch
Jan 8, 2026
Merged

[Icons] Icons renaming batch#9279
JoseLuisGJ merged 20 commits intoelastic:mainfrom
JoseLuisGJ:renaming-icons-batch

Conversation

@JoseLuisGJ
Copy link
Copy Markdown
Contributor

@JoseLuisGJ JoseLuisGJ commented Dec 18, 2025

Summary

Renaming batch EUI icons, creating aliases with the previous names for each one in order to support the consumption using the old name references. Also fixing the wrong naming convention for some svgs using camel case instead of snake case.

CleanShot 2026-01-08 at 12 34 34@2x

Also renaming the editor icons to become regular glyphs. Removing the editor prefix and the Docs section for all these icons, moving all of them to be listed and used as regular glyphs.

CleanShot 2026-01-05 at 12 46 10@2x

Why are we making this change?

As a part of the new Borealis visual refresh @MichaelMarcialis reviewed also the naming conventions and with the goal of make easier the process for searching icons and simplify the meaning of all of them there were many naming changes proposed into this list

Related ticket: https://github.com/elastic/platform-ux-team/issues/953

Detail of the changes done

We spotted a few conflicting renaming issues that are not tackled in this PR and will be done in a separated PR. More details below:

Details

ELASTIC UI ICON RENAME SPECIFICATIONS

Extracted from Figma Icon Inventory (Phases 1-7)
Date: December 17, 2025

⚠️ CRITICAL CONFLICTS DETECTED ⚠️

5 NAMING CONFLICTS REQUIRE RESOLUTION BEFORE IMPLEMENTATION

Conflict 1: arrowDown
Phase 1: arrowDown → chevronSingleDown
Phase 2: sortDown → arrowDown
❌ Result: current sortDown and arrowDown will swap the glyphs

Conflict 2: arrowLeft
Phase 1: arrowLeft → chevronSingleLeft
Phase 2: sortLeft → arrowLeft
❌ Result: current sortLeft and arrowLeft will swap the glyphs

Conflict 3: arrowRight
Phase 1: arrowRight → chevronSingleRight
Phase 2: sortRight → arrowRight
❌ Result: current sortRight and arrowRight will swap the glyphs

Conflict 4: arrowUp
Phase 1: arrowUp → chevronSingleUp
Phase 2: sortUp → arrowUp
❌ Result: current sortUp and arrowUp will swap the glyphs

Conflict 5: invert
Phase 3: merge → invert
Phase 5: invert → contrast
❌ Result: current merge and invert will swap the glyphs

RESOLUTION STRATEGIES

  1. Make only these changes for conflicting names:
    Phase 1: arrowDown → chevronSingleDown
    Phase 1: arrowLeft → chevronSingleLeft
    Phase 1: arrowRight → chevronSingleRight
    Phase 1: arrowUp → chevronSingleUp

  2. Pause the renaming and find a new name proposal for currents sortDown, sortUp, sortLeft and sortRight

  3. Pause the renaming and find an alternative for the current merge and invert icons

SUMMARY

Total Phases Processed: 7
Total Rename Specifications: 135

PHASE 1: RENAME SPECIFICATIONS (17 items)

  1. warningFilled → warningFill
  2. errorFilled → errorFill
  3. plusInCircle → plusCircle
  4. minusInCircle → minusCircle
  5. crossInCircle → crossCircle
  6. iInCircle → info
  7. questionInCircle → question
  8. arrowDown → chevronSingleDown
  9. arrowLeft → chevronSingleLeft
  10. arrowRight → chevronSingleRight
  11. arrowUp → chevronSingleUp
  12. arrowStart → chevronLimitLeft
  13. arrowEnd → chevronLimitRight
  14. doubleArrowLeft → chevronDoubleLeft
  15. doubleArrowRight → chevronDoubleRight
  16. checkInCircleFilled → checkCircleFill
  17. timeRefresh → refreshTime

PHASE 2: RENAME SPECIFICATIONS (22 items)

  1. popout → external
  2. boxesVertical → ellipsis
  3. eyeClosed → eyeSlash
  4. sortRight → arrowRight
  5. sortLeft → arrowLeft
  6. sortUp → arrowUp
  7. sortDown → arrowDown
  8. sortable → arrowVertical
  9. beaker → flask
  10. search → magnify
  11. magnifyWithPlus → magnifyPlus
  12. magnifyWithMinus → magnifyMinus
  13. magnifyWithExclamation → magnifyExclamation
  14. glasses → readOnly
  15. exportAction → upload
  16. importAction → download
  17. push → send
  18. editorComment → comment
  19. controlsHorizontal → controls
  20. visTable → table
  21. tableDensityExpanded → tableDensityLow
  22. tableDensityCompact → tableDensityHigh

PHASE 3: RENAME SPECIFICATIONS (18 items)

  1. visLine → chartLine
  2. timeslider → clockControl
  3. unlink → linkSlash
  4. editorCodeBlock → code
  5. list → listBullet
  6. editorOrderedList → listNumber
  7. editorChecklist → listCheck
  8. expand → maximize
  9. merge → invert
  10. folderOpen → folder
  11. indexTemporary → tableTime
  12. grab → dragVertical
  13. grabHorizontal → dragHorizontal
  14. grabOmnidirectional → drag
  15. visText → text
  16. sortDown → arrowDown (duplicate from Phase 2)
  17. sortUp → arrowUp (duplicate from Phase 2)
  18. unlink → linkSlash (duplicate)

PHASE 4: RENAME SPECIFICATIONS (21 items)

  1. visArea → chartArea
  2. visAreaStacked → chartAreaStack
  3. apmTrace → chartWaterfall
  4. cheer → popper
  5. launch → rocket
  6. visGauge → chartGauge
  7. visMapCoordinate → waypoint
  8. crosshairs → crosshair
  9. online → wifi
  10. offline → wifiSlash
  11. visPie → chartPie
  12. console → commandLine
  13. visBarVerticalStacked → chartBarVerticalStack
  14. visBarHorizontalStacked → chartBarHorizontalStack
  15. visBarVertical → chartBarVertical
  16. visBarHorizontal → chartBarHorizontal
  17. starEmpty → star
  18. starFilled → starFill
  19. heatmap → chartHeatmap
  20. indexFlush → chartThreshold
  21. visTagCloud → chartTagCloud
  22. node → vectorTriangle

PHASE 5: RENAME SPECIFICATIONS (18 items)

  1. email → mail
  2. editorUndo → undo
  3. editorRedo → redo
  4. compute → processor
  5. desktop → display
  6. logstashQueue → queue
  7. vector → vectorSquare
  8. visMapRegion → map
  9. editorAlignCenter → textAlignCenter
  10. editorAlignLeft → textAlignLeft
  11. editorAlignRight → textAlignRight
  12. exit → logOut
  13. indexMapping → mapping
  14. invert → contrast
  15. contrastHigh → contrastFill (note: currently doesn't exist, may need creation)
  16. pivot → arrowUpRight
  17. training → presentation
  18. color → paintBucket

PHASE 6: RENAME SPECIFICATIONS (25 items)

  1. editorDistributeHorizontal → distributeHorizontal
  2. editorDistributeVertical → distributeVertical
  3. editorItemAlignBottom → alignBottom
  4. editorItemAlignCenter → alignCenterHorizontal
  5. editorItemAlignLeft → alignLeft
  6. editorItemAlignMiddle → alignCenterVertical
  7. editorItemAlignRight → alignRight
  8. editorItemAlignTop → alignTop
  9. editorStrike → textStrike
  10. editorBold → textBold
  11. editorHeading → textHeading
  12. editorItalic → textItalic
  13. editorUnderline → textUnderline
  14. editorPositionBottomLeft → alignBottomLeft
  15. editorPositionBottomRight → alignBottomRight
  16. editorPositionTopLeft → alignTopLeft
  17. editorPositionTopRight → alignTopRight
  18. lineDotted → lineDot
  19. lineDashed → lineDash
  20. returnKey → return
  21. cut → scissors
  22. diff → compare
  23. eql → query
  24. logstashIf → if
  25. securitySignal → radar

PHASE 7: RENAME SPECIFICATIONS (14 items)

  1. kqlField → queryField
  2. kqlOperand → queryOperand
  3. kqlSelector → querySelector
  4. kqlValue → queryValue
  5. pipeBreaks → lineBreak
  6. pipeNoBreaks → lineBreakSlash
  7. anomalyChart → chartAnomaly
  8. changePointDetection → chartChangePoint
  9. fieldStatistics → tableInfo
  10. logPatternAnalysis → pattern
  11. currency → money
  12. temperature → thermometer
  13. streamsWired → productStreamsWired
  14. streamsClassic → productStreamsClassic

Impact to users

All the renamed icons have a new alias pointing out to the new references, so that it shouldn't have an impact on final users. The new aliases to be deprecated are signposted with a comment into the icon_map.ts file. These deprecations might me tackled in another PR and will have an impact in Kibana users.

QA

Remove or strikethrough items that do not apply to your PR.

General checklist

  • Browser QA
    • Checked in both light and dark modes
    • Checked in both MacOS and Windows high contrast modes
    • Checked in mobile
    • Checked in Chrome, Safari, Edge, and Firefox
    • Checked for accessibility including keyboard-only and screenreader modes
  • Docs site QA
  • Code quality checklist
  • Release checklist
    • A changelog entry exists and is marked appropriately
    • If applicable, added the breaking change issue label (and filled out the breaking change checklist)
    • If the changes unblock an issue in a different repo, smoke tested carefully (see Testing EUI features in Kibana ahead of time)
  • Designer checklist
    • If applicable, file an issue to update EUI's Figma library with any corresponding UI changes. (This is an internal repo, if you are external to Elastic, ask a maintainer to submit this request)

@JoseLuisGJ JoseLuisGJ changed the title Renaming-icons-batch [Icons] Icons renaming batch Dec 18, 2025
@JoseLuisGJ JoseLuisGJ marked this pull request as ready for review December 19, 2025 11:01
@JoseLuisGJ JoseLuisGJ requested a review from a team as a code owner December 19, 2025 11:02
arrowStart: 'arrowStart',
arrowEnd: 'arrowEnd',
arrowDown: 'chevron_single_down', // NOTE: To be deprecated in favor of chevronSingleDown
chevronSingleDown: 'chevron_single_down',
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Absolutely love the change from arrow to chevron ❤️

@weronikaolejniczak
Copy link
Copy Markdown
Contributor

It could be worth looking at #9275 (that's where the snapshot conflicts are coming from). Is this the naming we'd like for it?

@JoseLuisGJ JoseLuisGJ requested a review from ryankeairns January 5, 2026 11:48
Copy link
Copy Markdown
Contributor

@weronikaolejniczak weronikaolejniczak left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

✅ Tested on the documentation website
✅ Tested in Storybook
✅ Tested visual regression (Storybook + Docker + yarn test-visual-regression)
Several tests failed. The difference looks expected. There are some visual changes in e.g. Flyout, Split button that are also on main. 1e637c4
✅ Tested the icons build script (yarn compile-icons)
❌ Verified all svg/ and assets/ files are snake_case
packages/eui/src/components/icon/svgs/expandMini.svg (seems it's not used in Icon_map)
✅ Verified the icon_map is correct

LGTM! Thank you for this huge clean-up, Jose! 🟢

Copy link
Copy Markdown
Contributor

@MichaelMarcialis MichaelMarcialis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks so much for making these renaming changes, @JoseLuisGJ! This is a huge help. Looks great so far. The only items that caught my eye on the first review are the following:

  • Should we pause on making the following renames until we decide on a new name for the sort prefixed icons? Asking because they are somewhat related to those icons and might benefit from using whatever new name we settle on for those.

    • sortablearrowVertical
    • pivotarrowUpRight
  • Regarding the pushsend rename, there are some existing misuses of the push icon in Kibana that might have a negative impact with this change (once the new SVG is merged in). As such, we may want to flag the following changes to be made in Kibana for the teams that own them:

    • On stack management edit space pages, replace push with merge on the “Switch to this space”.
      CleanShot 2026-01-05 at 14 29 24
    • On stack management create/edit alert rule pages, replace push with plus on the “Add action” button.
      CleanShot 2026-01-05 at 14 30 31
  • I noticed that the rename from nodevectorTriangle was marked as completed in our Figma tracking document, but this rename is not listed in this PR. Was this a mistake?

@JoseLuisGJ
Copy link
Copy Markdown
Contributor Author

JoseLuisGJ commented Jan 7, 2026

Thanks @MichaelMarcialis for the review. Makes sense to revert the rename changes on:

  • sortablearrowVertical
  • pivotarrowUpRight
    Waiting to decide a naming convention for all the related sort icons at once. Now both have their original names sortable and pivot

I missed the nodevectorTriangle change, and now it's done and updated.

@JoseLuisGJ
Copy link
Copy Markdown
Contributor Author

JoseLuisGJ commented Jan 8, 2026

Icon Renaming Validation Results ✅

I've validated that all 244 icons from the old icon_types.ts are properly covered in this renaming batch. The migration maintains full backward compatibility through the new mapping.

Validation Results

  • Total old icons checked: 244
  • Coverage: 100% ✅
  • Breaking changes: None

How Backward Compatibility Works

Every old icon is covered through one of two mechanisms:

  1. Unchanged icons - Icons that kept their original names.
  2. Aliased icons - Icons that were renamed but have aliases in icon_map_new.ts that map old names to new paths.

Complete List of Renamed Icons with Aliases

Icon Old Name New Name Alias Path
icon anomalyChart chartAnomaly chart_anomaly
icon apmTrace chartWaterfall chart_waterfall
icon arrowDown chevronSingleDown chevron_single_down
icon arrowLeft chevronSingleLeft chevron_single_left
icon arrowRight chevronSingleRight chevron_single_right
icon arrowUp chevronSingleUp chevron_single_up
icon arrowStart chevronLimitLeft chevron_limit_left
icon arrowEnd chevronLimitRight chevron_limit_right
icon boxesVertical boxesVertical boxes_vertical
icon changePointDetection chartChangePoint chart_change_point
icon checkInCircleFilled checkCircleFill check_circle_fill
icon cheer popper popper
icon color paintBucket paint_bucket
icon compute processor processor
icon console commandLine command_line
icon contrastHigh contrastFill contrast_fill
icon crossInCircle crossCircle cross_circle
icon crosshairs crosshair crosshair
icon currency money money
icon cut scissors scissors
icon desktop display display
icon diff compare compare
icon doubleArrowLeft chevronDoubleLeft chevron_double_left
icon doubleArrowRight chevronDoubleRight chevron_double_right
icon email mail mail
icon eql query query
icon errorFilled errorFill error_fill
icon exit logOut log_out
icon expand maximize maximize
icon export upload upload
icon eyeClosed eyeSlash eye_slash
icon fieldStatistics tableInfo table_info
icon folderCheck folderCheck folder_check
icon folderOpen folder folder
icon grab dragVertical drag_vertical
icon grabHorizontal dragHorizontal drag_horizontal
icon grabOmnidirectional drag drag
icon heatmap chartHeatmap chart_heatmap
icon importAction download download
icon indexFlush chartThreshold chart_threshold
icon indexMapping mapping mapping
icon indexTemporary tableTime table_time
icon invert contrast contrast
icon kqlField queryField query_field
icon kqlOperand queryOperand query_operand
icon kqlSelector querySelector query_selector
icon kqlValue queryValue query_value
icon launch rocket rocket
icon lineDashed lineDash line_dash
icon lineDotted lineDot line_dot
icon list listBullet list_bullet
icon logPatternAnalysis pattern pattern
icon logstashIf if if
icon logstashQueue queue queue
icon magnifyWithExclamation magnifyExclamation magnify_exclamation
icon magnifyWithMinus magnifyMinus magnify_minus
icon magnifyWithPlus magnifyPlus magnify_plus
icon mapMarker waypoint waypoint
icon minusInCircle minusCircle minus_circle
icon minusInSquare minusInSquare minus_square
icon node vectorTriangle vector_triangle
icon offline wifiSlash wifi_slash
icon online wifi wifi
icon pinFilled pinFill pin_fill
icon pipeBreaks lineBreak line_break
icon pipeNoBreaks lineBreakSlash line_break_slash
icon plusInCircle plusCircle plus_circle
icon plusInSquare plusInSquare plus_square
icon popout external external
icon push send send
icon returnKey return return
icon search magnify magnify
icon securitySignal radar radar
icon starEmpty star star
icon starFilled starFill star_fill
icon starFilledSpace starFillSpace star_fill_space
icon starMinusFilled starMinusFill star_minus_fill
icon starPlusFilled starPlusFill star_plus_fill
icon stopFilled stopFill stop_fill
icon streamsClassic productStreamsClassic product_streams_classic
icon streamsWired productStreamsWired product_streams_wired
icon tableDensityCompact tableDensityHigh table_density_high
icon tableDensityExpanded tableDensityLow table_density_low
icon temperature thermometer thermometer
icon timeRefresh refreshTime refresh_time
icon timeslider clockControl clock_control
icon training presentation presentation
icon unlink linkSlash link_slash
icon vector vectorSquare vector_square
icon visArea chartArea chart_area
icon visAreaStacked chartAreaStack chart_area_stack
icon visBarHorizontal chartBarHorizontal chart_bar_horizontal
icon visBarHorizontalStacked chartBarHorizontalStack chart_bar_horizontal_stack
icon visBarVertical chartBarVertical chart_bar_vertical
icon visBarVerticalStacked chartBarVerticalStack chart_bar_vertical_stack
icon visGauge chartGauge chart_gauge
icon visLine chartLine chart_line
icon visMapCoordinate waypoint waypoint
icon visMapRegion map map
icon visMetric chartMetric chart_metric
icon visPie chartPie chart_pie
icon visTable table table
icon visTagCloud chartTagCloud chart_tag_cloud
icon visText text text
icon warningFilled warningFill warning_fill

Total renamed icons with aliases: 100


Unchanged Icons (Kept Original Names)

accessibility, aggregate, analyzeEvent, annotation, anomalySwimLane, apps, article, asterisk, at, backgroundTask, bell, bellSlash, beta, bolt, branch, branchUser, broom, brush, bug, bullseye, calendar, check, checkCircle, clickLeft, clickRight, clock, clockCounter, cloudDrizzle, cloudStormy, cloudSunny, cluster, code, comment, container, continuityAbove, continuityAboveBelow, continuityBelow, continuityWithin, contrast, controls, copy, crossProjectSearch, cross, database, dashedCircle, document, documents, documentation, dot, dotInCircle, download, empty, endpoint, eraser, error, esqlVis, eye, faceHappy, faceNeutral, faceSad, filter, filterExclude, filterIgnore, filterInclude, flask, flag, fold, folderClosed, folderExclamation, frameNext, framePrevious, fullScreen, fullScreenExit, function, gear, globe, gradient, grid, heart, help, home, image, index, indexClose, indexEdit, indexOpen, indexRuntime, indexSettings, infinity, info, inputOutput, inspect, ip, key, keyboard, kqlFunction, kubernetesNode, kubernetesPod, layers, lineSolid, link, lock, lockOpen, logRateAnalysis, logstashFilter, logstashInput, logstashOutput, magnet, memory, merge, menu, menuDown, menuLeft, menuRight, menuUp, minimize, minus, mobile, moon, move, namespace, nested, number, package, pageSelect, pagesSelect, palette, paperClip, partial, pause, payment, pencil, percent, pin, pivot, play, plugs, plus, productRobot, question, quote, readOnly, refresh, reporter, save, scale, section, securitySignalDetected, securitySignalResolved, sessionViewer, shard, share, singleMetricViewer, snowflake, sortable, sortAscending, sortDescending, sortDown, sortLeft, sortRight, sortUp, spaces, sparkles, starEmptySpace, starMinusEmpty, starPlusEmpty, stats, stop, stopSlash, storage, string, sun, symlink, tableOfContents, tag, tear, thumbDown, thumbUp, timeline, timelineWithArrow, transitionLeftIn, transitionLeftOut, transitionTopIn, transitionTopOut, trash, unfold, user, users, videoPlayer, visGoal, visTimelion, visVisualBuilder, warning, web, wordWrap, wordWrapDisabled, wrench.

Total unchanged icons: 144


Conclusion

All existing code using old icon names will continue to work through the aliasing system in the new icon_map.ts . No consumer code changes are required. 🎉

@elasticmachine
Copy link
Copy Markdown
Collaborator

💚 Build Succeeded

History

@elasticmachine
Copy link
Copy Markdown
Collaborator

💚 Build Succeeded

History

@JoseLuisGJ JoseLuisGJ merged commit 1a42be0 into elastic:main Jan 8, 2026
5 checks passed
Copy link
Copy Markdown
Contributor

@MichaelMarcialis MichaelMarcialis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks, @JoseLuisGJ. I know this PR is merged already, but this looks good from my perspective. The only thing I wanted to call out was the renaming of nodevectorTriangle:

  • Similar to the renaming of pushsend (mentioned in this comment), there are some existing uses of the node icon in Kibana that might have a negative impact with this change (once the new SVG is merged in). Solution teams will likely need to be given a heads up to change the following:

    • For the O11y usage, replace node with storage or package.
    • For the Security usage, replace node with listBullet.
  • Designers might see it as odd that it is renamed to a "triangle" when the shape isn't a triangle yet (until the new SVG is merged in).

@JoseLuisGJ JoseLuisGJ mentioned this pull request Jan 9, 2026
14 tasks
tkajtoch added a commit to elastic/kibana that referenced this pull request Jan 20, 2026
## Dependency updates

- `@elastic/eui`: `v111.1.0` ⏩ `v112.0.0`
- `@elastic/eslint-plugin-eui`: `v2.6.0` ⏩ `v2.7.0`

---

## Package updates

### `@elastic/eui`
[v112.0.0](https://github.com/elastic/eui/releases/tag/v112.0.0)

- Added `productDiscover` icon
([#9311](elastic/eui#9311))
- Updated `chartGauge` icon glyph
([#9311](elastic/eui#9311))
- Updated icon glyphs `endpoint` `eraser` `errorFill` `error` `eyeSlash`
`faceHappy` `faceNeutral` `faceSad` `folder` `fullScreenExit`
`fullScreen` `gradient` `grid` `heart` `home` `if` `image` `infinity`
`inputOutput` `key` `keyboard` `lineBreakSlash` `lineBreak` `lineDash`
`lineDot` `lineSolid` `logOut` `magnifyMinus` `magnifyPlus` `magnify`
`mail` `map` `mapping` `menuLeft` `menuRight` `menu` `merge`
`minusCircle` `minusSquare` `minus` `money` `moon` `move` `nested`
`number` `package` `paintBucket` `palette` `paperClip` `partial`
`pattern` `pause` `pencil` `percent` `pinFill` `pin` `pivot`
`plusCircle` `plusSquare` `plus` `popper` `presentation` `processor`
`productStreamsWired` `queryField` `queryOperand` `querySelector`
`queryValue` `query` `question` `quote` `radar` `readOnly` `redo`
`reporter` `return` `rocket` `scissors` `send` `shard` `share`
`snowflake` `sortAscending` `sortDescending` `starFill` `star` `stop`
`sun` `tableInfo` `tableTime` `textAlignCenter` `textAlignLeft`
`textAlignRight` `textBold` `textHeading` `textItalic` `textStrike`
`textUnderline` `thermometer` `thumbDown` `thumbUp` `timeline`
`transitionLeftIn` `transitionLeftOut` `transitionTopIn`
`transitionTopOut` `undo` `vectorSquare` `vectorTriangle` `videoPlayer`
`warningFill` `waypoint` `wifiSlash` `wifi`
([#9303](elastic/eui#9303))
 ([#9303](elastic/eui#9303))
- Added icons - `archive` `unarchive` `axisX` `axisYLeft` `axisYRight`
`bulb` `cloud` `hourglass` `megaphone` `workflow`
([#9303](elastic/eui#9303))
- Added `headerVisibility` prop on `EuiDataGrid` to support rendering
the datagrid header element optionally
([#9281](elastic/eui#9281))
- Updated 244 icon definitions to a more consistent naming convention.
All 100 renamed icons include a backward-compatible alias in the icon
map to support legacy references.
([#9279](elastic/eui#9279))
- Added icons `briefcase`, `productCloudInfra`, `productDashboard`,
`productML` ([#9301](elastic/eui#9301))
- Updated glyphs `bullseye`, `bolt`
([#9301](elastic/eui#9301))
- Added `dismissButtonProps` prop to `EuiCallOut`
([#9285](elastic/eui#9285))

**Bug fixes**

- Fixed `EuiFlyout` to properly forward refs when `session` prop is
used. ([#9318](elastic/eui#9318))
- Fixed `EuiDataGrid` cells scrolling into view while trying to select
text ([#9276](elastic/eui#9276))

**Breaking changes**

- Removed `euiPaletteForLightBackground` and
`euiPaletteForDarkBackground` deprecated palette functions. Use
`euiTheme.colors.vis.euiColorVisText{NUMBER}` tokens instead.
([#9296](elastic/eui#9296))

**Accessibility**

- Improved the accessibility of `EuiDataGrid`s column selector drag
handle buttons by ensuring distinctive labels
([#9282](elastic/eui#9282))

### `@elastic/eslint-plugin-eui` v2.7.0

- Added `no-static-z-index` rule
([#9236](elastic/eui#9236))
dennis-tismenko pushed a commit to dennis-tismenko/kibana that referenced this pull request Jan 22, 2026
## Dependency updates

- `@elastic/eui`: `v111.1.0` ⏩ `v112.0.0`
- `@elastic/eslint-plugin-eui`: `v2.6.0` ⏩ `v2.7.0`

---

## Package updates

### `@elastic/eui`
[v112.0.0](https://github.com/elastic/eui/releases/tag/v112.0.0)

- Added `productDiscover` icon
([elastic#9311](elastic/eui#9311))
- Updated `chartGauge` icon glyph
([elastic#9311](elastic/eui#9311))
- Updated icon glyphs `endpoint` `eraser` `errorFill` `error` `eyeSlash`
`faceHappy` `faceNeutral` `faceSad` `folder` `fullScreenExit`
`fullScreen` `gradient` `grid` `heart` `home` `if` `image` `infinity`
`inputOutput` `key` `keyboard` `lineBreakSlash` `lineBreak` `lineDash`
`lineDot` `lineSolid` `logOut` `magnifyMinus` `magnifyPlus` `magnify`
`mail` `map` `mapping` `menuLeft` `menuRight` `menu` `merge`
`minusCircle` `minusSquare` `minus` `money` `moon` `move` `nested`
`number` `package` `paintBucket` `palette` `paperClip` `partial`
`pattern` `pause` `pencil` `percent` `pinFill` `pin` `pivot`
`plusCircle` `plusSquare` `plus` `popper` `presentation` `processor`
`productStreamsWired` `queryField` `queryOperand` `querySelector`
`queryValue` `query` `question` `quote` `radar` `readOnly` `redo`
`reporter` `return` `rocket` `scissors` `send` `shard` `share`
`snowflake` `sortAscending` `sortDescending` `starFill` `star` `stop`
`sun` `tableInfo` `tableTime` `textAlignCenter` `textAlignLeft`
`textAlignRight` `textBold` `textHeading` `textItalic` `textStrike`
`textUnderline` `thermometer` `thumbDown` `thumbUp` `timeline`
`transitionLeftIn` `transitionLeftOut` `transitionTopIn`
`transitionTopOut` `undo` `vectorSquare` `vectorTriangle` `videoPlayer`
`warningFill` `waypoint` `wifiSlash` `wifi`
([elastic#9303](elastic/eui#9303))
 ([elastic#9303](elastic/eui#9303))
- Added icons - `archive` `unarchive` `axisX` `axisYLeft` `axisYRight`
`bulb` `cloud` `hourglass` `megaphone` `workflow`
([elastic#9303](elastic/eui#9303))
- Added `headerVisibility` prop on `EuiDataGrid` to support rendering
the datagrid header element optionally
([elastic#9281](elastic/eui#9281))
- Updated 244 icon definitions to a more consistent naming convention.
All 100 renamed icons include a backward-compatible alias in the icon
map to support legacy references.
([elastic#9279](elastic/eui#9279))
- Added icons `briefcase`, `productCloudInfra`, `productDashboard`,
`productML` ([elastic#9301](elastic/eui#9301))
- Updated glyphs `bullseye`, `bolt`
([elastic#9301](elastic/eui#9301))
- Added `dismissButtonProps` prop to `EuiCallOut`
([elastic#9285](elastic/eui#9285))

**Bug fixes**

- Fixed `EuiFlyout` to properly forward refs when `session` prop is
used. ([elastic#9318](elastic/eui#9318))
- Fixed `EuiDataGrid` cells scrolling into view while trying to select
text ([elastic#9276](elastic/eui#9276))

**Breaking changes**

- Removed `euiPaletteForLightBackground` and
`euiPaletteForDarkBackground` deprecated palette functions. Use
`euiTheme.colors.vis.euiColorVisText{NUMBER}` tokens instead.
([elastic#9296](elastic/eui#9296))

**Accessibility**

- Improved the accessibility of `EuiDataGrid`s column selector drag
handle buttons by ensuring distinctive labels
([elastic#9282](elastic/eui#9282))

### `@elastic/eslint-plugin-eui` v2.7.0

- Added `no-static-z-index` rule
([elastic#9236](elastic/eui#9236))
weronikaolejniczak added a commit to weronikaolejniczak/eui that referenced this pull request Jan 23, 2026
Co-authored-by: Weronika Olejniczak <weronika.olejniczak@elastic.co>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants