From d3fb8df584043d49b3ce63d9e0390354504d89ab Mon Sep 17 00:00:00 2001 From: Marcos Conceicao Date: Thu, 1 Jun 2023 11:48:14 -0300 Subject: [PATCH 1/2] chore(Hamburger.jsx): Removed inverted prop forwarding for BaseIcon --- components/Hamburger/Hamburger.jsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/components/Hamburger/Hamburger.jsx b/components/Hamburger/Hamburger.jsx index 27f9a5152..17ba104bc 100644 --- a/components/Hamburger/Hamburger.jsx +++ b/components/Hamburger/Hamburger.jsx @@ -10,7 +10,9 @@ const Wrapper = styled.div` height: 24px; `; -const Icon = styled(BaseIcon)` +const Icon = styled(BaseIcon).withConfig({ + shouldForwardProp: prop => prop != 'inverted', +})` color: ${props => (props.inverted ? colors.neutral[900] : colors.neutral[0])}; `; From 387a38b9032b32b8f7027077316be4920c599d2d Mon Sep 17 00:00:00 2001 From: Marcos Conceicao Date: Thu, 1 Jun 2023 11:50:00 -0300 Subject: [PATCH 2/2] chore(Hamburguer.jsx): Conditional syntax tweak to forward prop --- components/Hamburger/Hamburger.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/Hamburger/Hamburger.jsx b/components/Hamburger/Hamburger.jsx index 17ba104bc..4b5acca5d 100644 --- a/components/Hamburger/Hamburger.jsx +++ b/components/Hamburger/Hamburger.jsx @@ -11,7 +11,7 @@ const Wrapper = styled.div` `; const Icon = styled(BaseIcon).withConfig({ - shouldForwardProp: prop => prop != 'inverted', + shouldForwardProp: prop => prop !== 'inverted', })` color: ${props => (props.inverted ? colors.neutral[900] : colors.neutral[0])}; `;