diff --git a/packages/ui/src/components/checkbox-group/components/checkbox/checkbox.component.tsx b/packages/ui/src/components/checkbox-group/components/checkbox/checkbox.component.tsx index 7458bb688..b9a60bac5 100644 --- a/packages/ui/src/components/checkbox-group/components/checkbox/checkbox.component.tsx +++ b/packages/ui/src/components/checkbox-group/components/checkbox/checkbox.component.tsx @@ -9,13 +9,22 @@ import { styles as checkboxItemStyles } from './checkbox.styles.js'; import { type CheckboxProps } from './checkbox.types.js'; // TODO: Discuss with designers if this icon should be included as part of Icons -function CheckIcon({ copyrightYear = '2023', ...props }: IconProps) { +// Icon based on SVGs/instructions received from this issue https://github.com/WestpacGEL/GEL-next/issues/159 +function CheckIcon({ copyrightYear = '2023', size, ...props }: IconProps) { + const viewBoxSize = size === 'large' ? '0 0 30 30' : '0 0 24 24'; return ( - - + + {size === 'large' ? ( + + ) : ( + + )} ); } @@ -34,7 +43,7 @@ function BaseCheckbox({ className, hint, children, value, ...props }: CheckboxPr
- {isSelected && } + {isSelected && }
{children}