Skip to content
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

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

Merged
merged 2 commits into from
Jun 29, 2023

Conversation

cee-chen
Copy link
Member

@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

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
1 check passed
@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