From dcb4ef78584733c33ed13d320b32743f1061eea6 Mon Sep 17 00:00:00 2001
From: sohee <soheek@fairsquarelab.com>
Date: Thu, 28 Nov 2024 21:51:24 +0900
Subject: [PATCH] =?UTF-8?q?fix(ui):=20Chip=EC=97=90=20disabled=20=EC=8A=A4?=
 =?UTF-8?q?=ED=83=80=EC=9D=BC=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/calm-dolphins-shave.md |  5 +++++
 packages/ui/Chip/style.css.ts     | 24 ++++++++++++++----------
 2 files changed, 19 insertions(+), 10 deletions(-)
 create mode 100644 .changeset/calm-dolphins-shave.md

diff --git a/.changeset/calm-dolphins-shave.md b/.changeset/calm-dolphins-shave.md
new file mode 100644
index 00000000..23138fa4
--- /dev/null
+++ 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
index ec328f14..42cb4944 100644
--- a/packages/ui/Chip/style.css.ts
+++ b/packages/ui/Chip/style.css.ts
@@ -10,16 +10,16 @@ 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,
@@ -27,6 +27,10 @@ export const root = style({
   },
 
   ':active': active,
+
+  ':disabled': {
+    pointerEvents: 'none',
+  },
 });
 
 export const activeStyle = style(active);