Skip to content

[EuiIcon] Fix missing style prop on custom icons#6888

Merged
cee-chen merged 2 commits intoelastic:mainfrom
cee-chen:fix-icon-style
Jun 29, 2023
Merged

[EuiIcon] Fix missing style prop on custom icons#6888
cee-chen merged 2 commits intoelastic:mainfrom
cee-chen:fix-icon-style

Conversation

@cee-chen
Copy link
Copy Markdown
Contributor

@cee-chen cee-chen commented Jun 29, 2023

Summary

We were pulling out style from props but only passing it to svg EuiIcons and not img EuiIcons.

This would result in consumers passing in both a custom image and a style prop to EuiIcon not having that style render whatsoever.

(Bug discovered during shouldRenderCustomStyles work, pulling it out to its own PR for easy review and a separate changelog)

QA

General checklist

+ add `shouldRenderCustomStyles` test to ensure this doesn't regress
@cee-chen cee-chen requested a review from a team June 29, 2023 05:50
@kibanamachine
Copy link
Copy Markdown

Preview documentation changes for this PR: https://eui.elastic.co/pr_6888/

@cee-chen cee-chen merged commit 17e0d61 into elastic:main Jun 29, 2023
@cee-chen cee-chen deleted the fix-icon-style branch June 29, 2023 21:38
1Copenut added a commit to elastic/kibana that referenced this pull request Jul 11, 2023
`eui@83.0.0` ⏩ `83.1.0`

---

## [`83.1.0`](https://github.com/elastic/eui/tree/v83.1.0)

- Added `placeholder` prop to `EuiInlineEdit`
([#6883](elastic/eui#6883))
- Added `sparkles` glyph to `EuiIcon`
([#6898](elastic/eui#6898))

**Bug fixes**

- Fixed Safari-only bug for single-line row `EuiDataGrid`s, where cell
actions on hover would overlap instead of pushing content to the left
([#6881](elastic/eui#6881))
- Fixed `EuiButton` not correctly merging in passed `className`s with
its base `.euiButton` class
([#6887](elastic/eui#6887))
- Fixed `EuiIcon` not correctly passing the `style` prop custom `img`
icons ([#6888](elastic/eui#6888))
- Fixed multiple components with child props (e.g. `buttonProps`,
`iconProps`, etc.) unsetting EUI's Emotion styling if custom `css` was
passed to the child props object
([#6896](elastic/eui#6896))

**CSS-in-JS conversions**

- Converted `EuiHeader` and `EuiHeaderLogo` to Emotion
([#6878](elastic/eui#6878))
- Removed Sass variables `$euiHeaderDarkBackgroundColor`,
`$euiHeaderBorderColor`, and `$euiHeaderBreadcrumbColor`
([#6878](elastic/eui#6878))
- Removed Sass mixin `@euiHeaderDarkTheme`
([#6878](elastic/eui#6878))
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.

3 participants