diff --git a/src/components/Accordion/styled.ts b/src/components/Accordion/styled.ts index 8b350517a..491d0bd90 100644 --- a/src/components/Accordion/styled.ts +++ b/src/components/Accordion/styled.ts @@ -5,14 +5,12 @@ export const Container = styled.div` border-top: ${({ theme }) => `1px solid ${theme.palette.divider}`}; `; -export const AccordionTitle = styled(Flex) <{ +export const AccordionTitle = styled(Flex)<{ expanded: boolean; disabled?: boolean; }>` background-color: ${({ disabled, theme }) => - disabled - ? theme.palette.gray.light - : theme.palette.gray.highlight}; + disabled ? theme.palette.gray.light : theme.palette.gray.highlight}; color: ${({ disabled, theme }) => disabled ? theme.palette.text.disabled : "auto"}; cursor: ${({ disabled }) => (disabled ? "not-allowed" : "pointer")}; diff --git a/src/components/Icon/internal/CheckBoxCircleIcon/index.tsx b/src/components/Icon/internal/CheckBoxCircleIcon/index.tsx index d0776fb8b..f29b2c00f 100644 --- a/src/components/Icon/internal/CheckBoxCircleIcon/index.tsx +++ b/src/components/Icon/internal/CheckBoxCircleIcon/index.tsx @@ -11,7 +11,8 @@ const CheckBoxCircleIcon: React.FunctionComponent = ({ + d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM10.886 16.7533L17.956 9.68226L16.542 8.26826L10.886 13.9253L8.05701 11.0963L6.64302 12.5103L10.886 16.7533Z" + /> ); case "line": @@ -19,7 +20,8 @@ const CheckBoxCircleIcon: React.FunctionComponent = ({ + d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM10.8831 16.7559L6.6401 12.5129L8.0541 11.0989L10.8831 13.9279L16.5391 8.27086L17.9541 9.68486L10.8831 16.7559Z" + /> ); }