fix: checkbox disabled 수정

Team-return · Nov 2, 2023 · b5397fe · b5397fe
1 parent 758856d
commit b5397fe
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@team-return/design-system",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "repository": {
     "type": "git",
     "url": "https://github.com/Team-Return/JOBIS-DESIGN-SYSTEM.git"

diff --git a/src/components/checkbox/CheckBox.tsx b/src/components/checkbox/CheckBox.tsx
@@ -13,7 +13,7 @@ interface CheckBoxProps
 
 export const CheckBox = ({
   className,
-  disabled = true,
+  disabled = false,
   margin,
   children,
   ...props
@@ -45,7 +45,8 @@ const _Wrapper = styled.input<CheckBoxProps>`
   width: 18px;
   height: 18px;
   accent-color: #0087ff;
-  border: 1px solid ${theme.color.gray50};
+  border: 1px solid
+    ${({ disabled }) => (disabled ? theme.color.gray40 : theme.color.gray50)};
   border-radius: 4px;
   cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
   &:checked {