From 24cb9db2f39b13b4a7b47989ddc40d74ade2dbed Mon Sep 17 00:00:00 2001
From: Calvin <calvin.keats@gmail.com>
Date: Thu, 31 Mar 2022 14:15:34 -0500
Subject: [PATCH] fix(checkbox): added add color prop for checkbox icon

---
 src/components/Checkbox/Checkbox.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/Checkbox/Checkbox.tsx b/src/components/Checkbox/Checkbox.tsx
index d3eaf4fb7..f0ab30b84 100644
--- a/src/components/Checkbox/Checkbox.tsx
+++ b/src/components/Checkbox/Checkbox.tsx
@@ -87,9 +87,12 @@ export const CheckboxContainer = styled.div`
 `;
 
 export const BaseIcon = styled(Icon)`
-  overflow: visible;
-  height: 1em;
-  width: 1em;
+  ${({ color }) => `
+    overflow: visible;
+    color: ${color};
+    width: 1em;
+    height: 1em;
+  `}
 ` as StyledSubcomponentType;
 
 const CheckIcon = styled(BaseIcon)`
@@ -126,7 +129,6 @@ const NeutralIcon = styled(BaseIcon)`
     return `
       color: ${color};
       path {
-        stroke: ${color};
         stroke-width: 2px;
       }
     `;
@@ -148,6 +150,7 @@ export interface CheckboxProps {
 
   checkboxType?: CheckboxTypes;
   variant?: variants;
+  color?: string;
   children?: React.ReactNode;
   checked?: boolean;
   disabled?: boolean;
@@ -190,6 +193,7 @@ const Checkbox = ({
 
   checkboxType = CheckboxTypes.check,
   variant = variants.fill,
+  color,
   checked = false,
   children,
   disabled = false,
@@ -233,6 +237,7 @@ const Checkbox = ({
               aria-hidden="true"
               data-test-id="hsui-Checkbox-Icon"
               path={iconPath}
+              color={color}
               variant={variant}
               {...iconProps}
             />