@onereach/ui-components 2.69.2-beta.2136.0 → 2.69.3-beta.2138.0

package/src/components/or-avatar-v3/styles.ts

@@ -27,36 +27,30 @@ export const AvatarRootSizes: Record<AvatarSize, string[]> = {
     // Box
     'w-[80px]',
     'h-[80px]',
-
-    // Typography
-    'text-[32px]',
   ],
 
   'l': [
     // Box
     'w-[64px]',
     'h-[64px]',
-
-    // Typography
-    'text-[24px]',
   ],
 
   'm': [
     // Box
     'w-[40px]',
     'h-[40px]',
-
-    // Typography
-    'text-[16px]',
   ],
 
   's': [
     // Box
     'w-[32px]',
     'h-[32px]',
+  ],
 
-    // Typography
-    'text-[16px]',
+  'xs': [
+    // Box
+    'w-[24px]',
+    'h-[24px]',
   ],
 };
 
@@ -97,3 +91,47 @@ export const AvatarRootColors: Record<AvatarColor, string[]> = {
     'dark:text-overlay-dark',
   ],
 };
+
+export const AvatarRootAbbreviationSizes: Record<AvatarSize, string[]> = {
+  'xl': [
+    'typography-headline-1',
+  ],
+
+  'l': [
+    'typography-headline-1',
+  ],
+
+  'm': [
+    'typography-body-1-bold',
+  ],
+
+  's': [
+    'typography-body-1-bold',
+  ],
+
+  'xs': [
+    'typography-caption-semibold',
+  ],
+};
+
+export const AvatarRootIconSizes: Record<AvatarSize, string[]> = {
+  'xl': [
+    'text-[40px]',
+  ],
+
+  'l': [
+    'text-[32px]',
+  ],
+
+  'm': [
+    'text-[20px]',
+  ],
+
+  's': [
+    'text-[16px]',
+  ],
+
+  'xs': [
+    'text-[16px]',
+  ],
+};