feat(avatar-group): add xxs size

shuriken-ui · Aug 30, 2023 · 1cd247f · 1cd247f
1 parent 0458cdb
commit 1cd247f
Showing 1 changed file with 31 additions and 0 deletions.
diff --git 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}`]: