From 6d0145eb7f5400ccd895ecd7d3ac235de0f1baec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?NaYeong=2CKim=28=EA=B9=80=EB=82=98=EC=98=81=29?=
 <nayeongkim@megazone.com>
Date: Tue, 10 Dec 2024 22:21:56 +0900
Subject: [PATCH] feat: create xs size at PAvatar

Signed-off-by: NaYeong,Kim <skdud4659@gmail.com>
---
 packages/mirinae/src/data-display/avatar/PAvatar.vue | 4 ++++
 packages/mirinae/src/data-display/avatar/type.ts     | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/packages/mirinae/src/data-display/avatar/PAvatar.vue b/packages/mirinae/src/data-display/avatar/PAvatar.vue
index cb39b3c04c..7ca7d5c5e1 100644
--- a/packages/mirinae/src/data-display/avatar/PAvatar.vue
+++ b/packages/mirinae/src/data-display/avatar/PAvatar.vue
@@ -69,6 +69,10 @@ const state = reactive({
     .icon-wrapper {
         @apply text-white;
 
+        &.avatar-xs {
+            padding: 0.125rem;
+        }
+
         &.avatar-sm, &.avatar-md {
             padding: 0.25rem;
         }
diff --git a/packages/mirinae/src/data-display/avatar/type.ts b/packages/mirinae/src/data-display/avatar/type.ts
index 2cbb441cbd..b592af1005 100644
--- a/packages/mirinae/src/data-display/avatar/type.ts
+++ b/packages/mirinae/src/data-display/avatar/type.ts
@@ -1,6 +1,7 @@
 import { indigo } from '@/styles/colors.cjs';
 
 export const AVATAR_SIZE = {
+    XS: 'xs',
     SM: 'sm',
     MD: 'md',
     XL: 'xl',
@@ -12,6 +13,7 @@ export const AVATAR_COLOR = {
 } as const;
 
 export const ICON_SIZE: Record<SizeType, string> = {
+    xs: '1rem',
     sm: '1.5rem',
     md: '1.75rem',
     xl: '4rem',