Merge pull request #221 from sopt-makers/fix/chip

fix(ui): Chip에 disabled 스타일 적용
sopt-makers · Nov 28, 2024 · b66fde0 · b66fde0
2 parents 8878791 + dcb4ef7
commit b66fde0
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 10 deletions.
diff --git a/.changeset/calm-dolphins-shave.md b/.changeset/calm-dolphins-shave.md
@@ -0,0 +1,5 @@
+---
+'@sopt-makers/ui': patch
+---
+
+Chip에 disabled 스타일 적용
diff --git a/packages/ui/Chip/style.css.ts b/packages/ui/Chip/style.css.ts
@@ -10,23 +10,27 @@ const active = {
 };
 
 export const root = style({
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  gap: 4,
-  boxShadow: `0 0 0 1px ${theme.colors.gray700} inset`,
-  borderRadius: 9999,
-  color: theme.colors.gray300,
-  backgroundColor: theme.colors.gray800,
-  cursor: 'pointer',
-  borderStyle: 'none',
+  'display': 'flex',
+  'justifyContent': 'center',
+  'alignItems': 'center',
+  'gap': 4,
+  'boxShadow': `0 0 0 1px ${theme.colors.gray700} inset`,
+  'borderRadius': 9999,
+  'color': theme.colors.gray300,
+  'backgroundColor': theme.colors.gray800,
+  'cursor': 'pointer',
+  'borderStyle': 'none',
 
   ':hover': {
     color: theme.colors.white,
     backgroundColor: theme.colors.gray700,
   },
 
   ':active': active,
+
+  ':disabled': {
+    pointerEvents: 'none',
+  },
 });
 
 export const activeStyle = style(active);