From d255d134bda9b13b498484c0e8fa4482aa1adaf8 Mon Sep 17 00:00:00 2001
From: Driss Chelouati <driss.chelouati@gmail.com>
Date: Tue, 5 Dec 2023 14:11:17 +0100
Subject: [PATCH] feat(AvatarGroup): redesign config

---
 .../avatar-group/avatar-group.config.ts       | 110 ++++++++++++++++++
 1 file changed, 110 insertions(+)

diff --git a/src/plugins/components/avatar-group/avatar-group.config.ts b/src/plugins/components/avatar-group/avatar-group.config.ts
index c40e0e8..15bafe2 100644
--- a/src/plugins/components/avatar-group/avatar-group.config.ts
+++ b/src/plugins/components/avatar-group/avatar-group.config.ts
@@ -1,5 +1,115 @@
 export const key = 'avatarGroup' as const
 
+export const config = {
+  avatar: {
+    rounded: 'full',
+    outer: {
+      background: {
+        light: 'white',
+        dark: 'muted-800',
+      },
+    },
+    inner: {
+      background: {
+        light: 'primary-500/20',
+        dark: 'primary-500/20',
+      },
+      font: {
+        color: {
+          light: 'primary-500',
+          dark: 'primary-500',
+        },
+      },
+    },
+    transition: {
+      property: 'all',
+      duration: '100',
+    },
+  },
+  count: {
+    outer: {
+      rounded: 'full',
+      background: {
+        light: 'white',
+        dark: 'muted-800',
+      },
+    },
+    inner: {
+      rounded: 'full',
+      size: 'full',
+      background: {
+        light: 'muted-200',
+        dark: 'muted-700',
+      },
+      border: {
+        light: 'white',
+        dark: 'muted-800',
+      },
+    },
+    transition: {
+      property: 'all',
+      duration: '100',
+    },
+  },
+  size: {
+    xxs: {
+      outer: {
+        size: '6',
+      },
+      count: {
+        size: '6',
+        font: {
+          size: 'xs',
+        },
+      },
+    },
+    xs: {
+      outer: {
+        size: '8',
+      },
+      count: {
+        size: '8',
+        font: {
+          size: 'sm',
+        },
+      },
+    },
+    sm: {
+      outer: {
+        size: '10',
+      },
+      count: {
+        size: '10',
+        font: {
+          size: 'sm',
+        },
+      },
+    },
+    md: {
+      outer: {
+        size: '12',
+      },
+      count: {
+        size: '12',
+        font: {
+          size: 'lg',
+        },
+      },
+    },
+    lg: {
+      outer: {
+        size: '16',
+      },
+      count: {
+        size: '16',
+        font: {
+          size: 'xl',
+        },
+      },
+    },
+  },
+}
+
 export const defaultConfig = {
   avatarOuter: {
     bg: 'white',