From a462050a10cede2f0e04e883469bec11fb88ba72 Mon Sep 17 00:00:00 2001
From: Brokyeom <goindol40@gmail.com>
Date: Tue, 3 Dec 2024 02:07:24 +0900
Subject: [PATCH] fix: Add cursor: not allowed when button disabled attr was
 activated.

---
 packages/ui/Button/style.css.ts | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/packages/ui/Button/style.css.ts b/packages/ui/Button/style.css.ts
index 3db3d4a..d041266 100644
--- a/packages/ui/Button/style.css.ts
+++ b/packages/ui/Button/style.css.ts
@@ -4,14 +4,17 @@ import theme from '../theme.css';
 import { bgColors, borderRadiuses, borders, fontSizes, paddings, textColors } from './constants';
 
 export const root = style({
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  gap: '4px',
-  border: 'none',
-  cursor: 'pointer',
-  fontWeight: 600,
-  minWidth: 'max-content',
+  'display': 'flex',
+  'justifyContent': 'center',
+  'alignItems': 'center',
+  'gap': '4px',
+  'border': 'none',
+  'cursor': 'pointer',
+  'fontWeight': 600,
+  'minWidth': 'max-content',
+  ':disabled': {
+    cursor: 'not-allowed',
+  },
 });
 
 const sprinkleProperties = defineProperties({