fix(checkbox): added add color prop for checkbox icon

Headstorm · Mar 31, 2022 · 19a9504 · 19a9504
1 parent a829c3f
commit 19a9504
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/src/components/Checkbox/Checkbox.tsx b/src/components/Checkbox/Checkbox.tsx
@@ -87,9 +87,14 @@ export const CheckboxContainer = styled.div`
 `;
 
 export const BaseIcon = styled(Icon)`
-  overflow: visible;
-  height: 1em;
-  width: 1em;
+  ${({ color }) => {
+    return `
+      overflow: visible;
+      color: ${color};
+      width: 1em;
+      height: 1em;
+    `;
+  }}
 ` as StyledSubcomponentType;
 
 const CheckIcon = styled(BaseIcon)`
@@ -126,7 +131,6 @@ const NeutralIcon = styled(BaseIcon)`
     return `
       color: ${color};
       path {
-        stroke: ${color};
         stroke-width: 2px;
       }
     `;
@@ -148,6 +152,7 @@ export interface CheckboxProps {
 
   checkboxType?: CheckboxTypes;
   variant?: variants;
+  color?: string;
   children?: React.ReactNode;
   checked?: boolean;
   disabled?: boolean;
@@ -190,6 +195,7 @@ const Checkbox = ({
 
   checkboxType = CheckboxTypes.check,
   variant = variants.fill,
+  color,
   checked = false,
   children,
   disabled = false,
@@ -233,6 +239,7 @@ const Checkbox = ({
               aria-hidden="true"
               data-test-id="hsui-Checkbox-Icon"
               path={iconPath}
+              color={color}
               variant={variant}
               {...iconProps}
             />