Checkbox SVG 사이즈 추가

thebbodek · Aug 13, 2024 · 19a45ac · 19a45ac
1 parent 0dc73a5
commit 19a45ac
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/core/components/Checkbox/constants/index.ts b/src/core/components/Checkbox/constants/index.ts
@@ -3,6 +3,7 @@ import { GapType, SvgSizeType } from '../types';
 export const SVG_SIZE = {
   SIZE_32: 'size-32',
   SIZE_24: 'size-24',
+  SIZE_20: 'size-20',
   SIZE_16: 'size-16',
 } as const;
 
@@ -17,6 +18,7 @@ export const GAP = {
 export const CHECKBOX_SVG_SIZE: Record<SvgSizeType, string> = {
   [SVG_SIZE['SIZE_32']]: 'w-8 h-8',
   [SVG_SIZE['SIZE_24']]: 'w-6 h-6',
+  [SVG_SIZE['SIZE_20']]: 'w-5 h-5',
   [SVG_SIZE['SIZE_16']]: 'w-4 h-4',
 };
 

diff --git a/src/core/components/Checkbox/index.tsx b/src/core/components/Checkbox/index.tsx
@@ -1,11 +1,11 @@
+import { CheckCircle, CheckSquare } from '@phosphor-icons/react';
 import clsx from 'clsx';
 import React, { forwardRef, MouseEvent, useId } from 'react';
 
-import { CheckCircle, CheckSquare } from '@phosphor-icons/react';
+import { GAP } from '@/core/components/Button/ButtonBase/constants';
 import Typography from '../Typography';
 import { CHECK_BOX_GAP, CHECKBOX_SVG_SIZE, SVG_SIZE } from './constants';
 import { CheckboxProps } from './types';
-import { GAP } from '@/core/components/Button/ButtonBase/constants';
 
 const Checkbox = forwardRef(
   (