From 1cd247f7eedfae056c7e17565c6f3c01602cb202 Mon Sep 17 00:00:00 2001
From: Sacha STAFYNIAK <sacha@digisquad.io>
Date: Wed, 30 Aug 2023 17:58:10 +0200
Subject: [PATCH] feat(avatar-group): add xxs size

---
 src/plugins/components/avatar-group.ts | 31 ++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/src/plugins/components/avatar-group.ts b/src/plugins/components/avatar-group.ts
index 2e293e7..3bfee4c 100644
--- a/src/plugins/components/avatar-group.ts
+++ b/src/plugins/components/avatar-group.ts
@@ -32,6 +32,15 @@ const defaultAvatarGroupConfig = {
       font: 'normal',
     },
   },
+  avatarGroupXXS: {
+    outer: {
+      size: '6',
+    },
+    count: {
+      size: '6',
+      text: 'xs',
+    },
+  },
   avatarGroupXS: {
     outer: {
       size: '8',
@@ -108,6 +117,28 @@ export default plugin.withOptions(
                 {},
             },
           },
+          [`&.${prefix}avatar-group-xxs`]: {
+            [`.${prefix}avatar-outer`]: {
+              [`@apply h-${config.avatarGroupXXS.outer.size} w-${config.avatarGroupXXS.outer.size}`]:
+                {},
+
+              [`&:first-child`]: {
+                [`@apply hover:-ms-2 hover:me-2 focus:-ms-2 focus:me-2`]: {},
+              },
+              [`&:not(:first-child)`]: {
+                [`@apply -ms-2 hover:-ms-4 hover:me-2 focus:-ms-4 focus:me-2`]:
+                  {},
+              },
+            },
+            [`.${prefix}avatar-count`]: {
+              [`@apply -ms-2 h-${config.avatarGroupXXS.count.size} w-${config.avatarGroupXXS.count.size}`]:
+                {},
+
+              [`.${prefix}avatar-count-text`]: {
+                [`@apply text-${config.avatarGroupXXS.count.text}`]: {},
+              },
+            },
+          },
           [`&.${prefix}avatar-group-xs`]: {
             [`.${prefix}avatar-outer`]: {
               [`@apply h-${config.avatarGroupXS.outer.size} w-${config.avatarGroupXS.outer.size}`]: