chore: Switch, SwitchGroup 컴포넌트 gap space 토큰 활용하도록 변경

GDSC-Hongik · Jun 2, 2024 · 9f241d7 · 9f241d7
1 parent 24fd4f1
commit 9f241d7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/wow-ui/src/components/Switch/index.tsx b/packages/wow-ui/src/components/Switch/index.tsx
@@ -83,7 +83,7 @@ const Switch = forwardRef(
     };
 
     return (
-      <Flex alignItems="center" gap="0.5rem">
+      <Flex alignItems="center" gap="xs">
         <styled.label
           className={switchStyle({
             type: isDisabled ? "disabled" : isChecked ? "checked" : "unchecked",

diff --git a/packages/wow-ui/src/components/SwitchGroup/index.tsx b/packages/wow-ui/src/components/SwitchGroup/index.tsx
@@ -57,7 +57,7 @@ const SwitchGroup = ({ children, value = [], onChange }: SwitchGroupProps) => {
   };
 
   return (
-    <Flex direction="column" display="inline-flex" gap="8px">
+    <Flex direction="column" display="inline-flex" gap="xs">
       {childrenArray.map((child, index) => {
         return cloneElement(child, {
           key: index,